/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/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.23_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/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(58 116 196 / 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(58 116 196 / 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: #E9DFD7; /* 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: Rubik, "Noto Sans Hebrew", Arial, 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: #9A8B96; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9A8B96; /* 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;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

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

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

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

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

  .container {
    max-width: 1536px;
  }
}
.scroll-row {
    --scroll-row-fade: 2.5rem;
    --fs: 0px;
    --fe: 0px;
    overflow-x: auto;
    scrollbar-width: none;
  }
.scroll-row::-webkit-scrollbar {
    display: none;
  }
.scroll-row[data-fade-start] {
    --fs: var(--scroll-row-fade);
  }
.scroll-row[data-fade-end] {
    --fe: var(--scroll-row-fade);
  }
.scroll-row:is([data-fade-start], [data-fade-end]):dir(ltr) {
    -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--fs), #000 calc(100% - var(--fe)), transparent);
    mask-image: linear-gradient(to right, transparent, #000 var(--fs), #000 calc(100% - var(--fe)), transparent);
  }
.scroll-row:is([data-fade-start], [data-fade-end]):dir(rtl) {
    -webkit-mask-image: linear-gradient(to left, transparent, #000 var(--fs), #000 calc(100% - var(--fe)), transparent);
    mask-image: linear-gradient(to left, transparent, #000 var(--fs), #000 calc(100% - var(--fe)), transparent);
  }
.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;
}
.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.\!sticky {
  position: sticky !important;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-x-3 {
  left: 0.75rem;
  right: 0.75rem;
}
.inset-x-4 {
  left: 1rem;
  right: 1rem;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.inset-y-px {
  top: 1px;
  bottom: 1px;
}
.-bottom-1\.5 {
  bottom: -0.375rem;
}
.-end-1 {
  inset-inline-end: -0.25rem;
}
.-top-1 {
  top: -0.25rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-\[calc\(var\(--nearby-bottom-nav\)\+var\(--nearby-create-overhang\)\+0\.75rem\)\] {
  bottom: calc(var(--nearby-bottom-nav) + var(--nearby-create-overhang) + 0.75rem);
}
.bottom-\[var\(--nearby-bottom-nav\)\] {
  bottom: var(--nearby-bottom-nav);
}
.end-0 {
  inset-inline-end: 0px;
}
.end-0\.5 {
  inset-inline-end: 0.125rem;
}
.end-1 {
  inset-inline-end: 0.25rem;
}
.end-2 {
  inset-inline-end: 0.5rem;
}
.end-2\.5 {
  inset-inline-end: 0.625rem;
}
.end-3 {
  inset-inline-end: 0.75rem;
}
.end-px {
  inset-inline-end: 1px;
}
.start-0 {
  inset-inline-start: 0px;
}
.start-0\.5 {
  inset-inline-start: 0.125rem;
}
.start-1\.5 {
  inset-inline-start: 0.375rem;
}
.start-1\/2 {
  inset-inline-start: 50%;
}
.start-2 {
  inset-inline-start: 0.5rem;
}
.start-3 {
  inset-inline-start: 0.75rem;
}
.start-5 {
  inset-inline-start: 1.25rem;
}
.start-px {
  inset-inline-start: 1px;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.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-\[1\] {
  z-index: 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-start-2 {
  grid-column-start: 2;
}
.float-left {
  float: left;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
.-my-1\.5 {
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
}
.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.-my-3\.5 {
  margin-top: -0.875rem;
  margin-bottom: -0.875rem;
}
.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!mt-2 {
  margin-top: 0.5rem !important;
}
.-mb-12 {
  margin-bottom: -3rem;
}
.-mb-2 {
  margin-bottom: -0.5rem;
}
.-me-2 {
  margin-inline-end: -0.5rem;
}
.-me-3 {
  margin-inline-end: -0.75rem;
}
.-ms-1 {
  margin-inline-start: -0.25rem;
}
.-ms-2 {
  margin-inline-start: -0.5rem;
}
.-ms-3 {
  margin-inline-start: -0.75rem;
}
.-ms-4 {
  margin-inline-start: -1rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.ms-1\.5 {
  margin-inline-start: 0.375rem;
}
.ms-2 {
  margin-inline-start: 0.5rem;
}
.ms-4 {
  margin-inline-start: 1rem;
}
.ms-5 {
  margin-inline-start: 1.25rem;
}
.ms-auto {
  margin-inline-start: auto;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.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;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.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;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.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-18 {
  height: 4.5rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-3\/5 {
  height: 60%;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[22px\] {
  height: 22px;
}
.h-auto {
  height: auto;
}
.h-control {
  height: 48px;
}
.h-create-overhang {
  height: var(--nearby-create-overhang);
}
.h-dvh {
  height: 100dvh;
}
.h-full {
  height: 100%;
}
.h-header {
  height: 56px;
}
.h-icon {
  height: 22px;
}
.h-map-sheet-open {
  height: 40dvh;
}
.h-px {
  height: 1px;
}
.h-touch {
  height: 44px;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-56 {
  max-height: 14rem;
}
.max-h-\[28rem\] {
  max-height: 28rem;
}
.max-h-sheet {
  max-height: 85dvh;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-16 {
  min-height: 4rem;
}
.min-h-18 {
  min-height: 4.5rem;
}
.min-h-24 {
  min-height: 6rem;
}
.min-h-28 {
  min-height: 7rem;
}
.min-h-5 {
  min-height: 1.25rem;
}
.min-h-\[2\.6875rem\] {
  min-height: 2.6875rem;
}
.min-h-\[88px\] {
  min-height: 88px;
}
.min-h-touch {
  min-height: 44px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/5 {
  width: 20%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-18 {
  width: 4.5rem;
}
.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\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[22rem\] {
  width: 22rem;
}
.w-\[85\%\] {
  width: 85%;
}
.w-\[calc\(100\%\+2rem\)\] {
  width: calc(100% + 2rem);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-icon {
  width: 22px;
}
.w-map-panel {
  width: 22rem;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-touch {
  width: 44px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-14 {
  min-width: 3.5rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-6 {
  min-width: 1.5rem;
}
.min-w-\[3ch\] {
  min-width: 3ch;
}
.min-w-touch {
  min-width: 44px;
}
.max-w-40 {
  max-width: 10rem;
}
.max-w-60 {
  max-width: 15rem;
}
.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}
.max-w-content {
  max-width: 45rem;
}
.max-w-detail {
  max-width: 60rem;
}
.max-w-form {
  max-width: 26.25rem;
}
.max-w-full {
  max-width: 100%;
}
.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-wide {
  max-width: 70rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-top {
  transform-origin: top;
}
.-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-5 {
  --tw-translate-x: 1.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-y-px {
  --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));
}
.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));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.\!cursor-wait {
  cursor: wait !important;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.cursor-wait {
  cursor: wait;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.snap-center {
  scroll-snap-align: center;
}
.scroll-mt-2 {
  scroll-margin-top: 0.5rem;
}
.scroll-px-10 {
  scroll-padding-left: 2.5rem;
  scroll-padding-right: 2.5rem;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}
.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-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-items-center {
  place-items: center;
}
.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-around {
  justify-content: space-around;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-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-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-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-3\.5 {
  row-gap: 0.875rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.-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)));
}
.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));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 223 215 / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.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;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[72px_72px_16px_16px\] {
  border-radius: 72px 72px 16px 16px;
}
.rounded-card {
  border-radius: 16px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-input {
  border-radius: 12px;
}
.rounded-lg {
  border-radius: 12px;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-pill {
  border-radius: 9999px;
}
.rounded-xl {
  border-radius: 16px;
}
.rounded-b-card {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-e-full {
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}
.rounded-s-full {
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}
.rounded-t-card {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
.rounded-t-sheet {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rounded-ee-md {
  border-end-end-radius: 0.375rem;
}
.rounded-ee-sm {
  border-end-end-radius: 0.125rem;
}
.rounded-es-md {
  border-end-start-radius: 0.375rem;
}
.rounded-es-sm {
  border-end-start-radius: 0.125rem;
}
.rounded-se-md {
  border-start-end-radius: 0.375rem;
}
.rounded-ss-md {
  border-start-start-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-e {
  border-inline-end-width: 1px;
}
.border-s {
  border-inline-start-width: 1px;
}
.border-s-2 {
  border-inline-start-width: 2px;
}
.border-s-4 {
  border-inline-start-width: 4px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-dashed {
  border-style: dashed;
}
.\!border-danger {
  --tw-border-opacity: 1 !important;
  border-color: rgb(180 35 24 / var(--tw-border-opacity, 1)) !important;
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(245 220 166 / var(--tw-border-opacity, 1));
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(185 208 240 / var(--tw-border-opacity, 1));
}
.border-brand-600 {
  --tw-border-opacity: 1;
  border-color: rgb(185 67 45 / var(--tw-border-opacity, 1));
}
.border-current {
  border-color: currentColor;
}
.border-danger {
  --tw-border-opacity: 1;
  border-color: rgb(180 35 24 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 223 215 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(220 206 195 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(154 139 150 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(252 201 196 / var(--tw-border-opacity, 1));
}
.border-sand {
  --tw-border-opacity: 1;
  border-color: rgb(231 214 201 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-warning\/30 {
  border-color: rgb(139 92 0 / 0.3);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-s-amber-600 {
  --tw-border-opacity: 1;
  border-inline-start-color: rgb(139 92 0 / var(--tw-border-opacity, 1));
}
.border-s-blue-600 {
  --tw-border-opacity: 1;
  border-inline-start-color: rgb(40 94 168 / var(--tw-border-opacity, 1));
}
.border-t-transparent {
  border-top-color: transparent;
}
.bg-\[var\(--marker-color\)\] {
  background-color: var(--marker-color);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 236 200 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 233 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 252 / var(--tw-bg-opacity, 1));
}
.bg-brand-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 219 / var(--tw-bg-opacity, 1));
}
.bg-brand-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 240 / var(--tw-bg-opacity, 1));
}
.bg-brand-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 67 45 / var(--tw-bg-opacity, 1));
}
.bg-cream {
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 223 / var(--tw-bg-opacity, 1));
}
.bg-current {
  background-color: currentColor;
}
.bg-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(180 35 24 / var(--tw-bg-opacity, 1));
}
.bg-danger\/10 {
  background-color: rgb(180 35 24 / 0.1);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 243 236 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 223 215 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 206 195 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(154 139 150 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 247 / var(--tw-bg-opacity, 1));
}
.bg-gray-900\/75 {
  background-color: rgb(53 38 56 / 0.75);
}
.bg-gray-900\/85 {
  background-color: rgb(53 38 56 / 0.85);
}
.bg-gray-950\/50 {
  background-color: rgb(32 27 35 / 0.5);
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 247 241 / var(--tw-bg-opacity, 1));
}
.bg-info\/10 {
  background-color: rgb(40 94 168 / 0.1);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
}
.bg-sand {
  --tw-bg-opacity: 1;
  background-color: rgb(231 214 201 / var(--tw-bg-opacity, 1));
}
.bg-sand\/50 {
  background-color: rgb(231 214 201 / 0.5);
}
.bg-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 233 / var(--tw-bg-opacity, 1));
}
.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(40 115 78 / var(--tw-bg-opacity, 1));
}
.bg-success\/10 {
  background-color: rgb(40 115 78 / 0.1);
}
.bg-surface {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-warning\/10 {
  background-color: rgb(139 92 0 / 0.1);
}
.bg-warning\/5 {
  background-color: rgb(139 92 0 / 0.05);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-brand-100 {
  --tw-gradient-from: #FFE4DB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 228 219 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900\/80 {
  --tw-gradient-from: rgb(53 38 56 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(53 38 56 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-surface {
  --tw-gradient-from: #FFFFFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-60\% {
  --tw-gradient-from-position: 60%;
}
.via-gray-900\/55 {
  --tw-gradient-to: rgb(53 38 56 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(53 38 56 / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-sand {
  --tw-gradient-to: #E7D6C9 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.fill-brand-100 {
  fill: #FFE4DB;
}
.fill-cream {
  fill: #FFF4DF;
}
.fill-sand\/55 {
  fill: rgb(231 214 201 / 0.55);
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-\[56\%_55\%\] {
  -o-object-position: 56% 55%;
     object-position: 56% 55%;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.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;
}
.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-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-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}
.pb-\[env\(safe-area-inset-bottom\)\] {
  padding-bottom: env(safe-area-inset-bottom);
}
.pb-bottom-nav {
  padding-bottom: var(--nearby-bottom-nav);
}
.pb-page-end {
  padding-bottom: calc(var(--nearby-bottom-nav) + 2rem);
}
.pb-safe-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}
.pe-1 {
  padding-inline-end: 0.25rem;
}
.pe-1\.5 {
  padding-inline-end: 0.375rem;
}
.pe-10 {
  padding-inline-end: 2.5rem;
}
.pe-12 {
  padding-inline-end: 3rem;
}
.pe-2 {
  padding-inline-end: 0.5rem;
}
.pe-24 {
  padding-inline-end: 6rem;
}
.pe-3 {
  padding-inline-end: 0.75rem;
}
.pe-4 {
  padding-inline-end: 1rem;
}
.pe-5 {
  padding-inline-end: 1.25rem;
}
.pe-8 {
  padding-inline-end: 2rem;
}
.ps-1 {
  padding-inline-start: 0.25rem;
}
.ps-10 {
  padding-inline-start: 2.5rem;
}
.ps-11 {
  padding-inline-start: 2.75rem;
}
.ps-12 {
  padding-inline-start: 3rem;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.ps-3\.5 {
  padding-inline-start: 0.875rem;
}
.ps-4 {
  padding-inline-start: 1rem;
}
.ps-9 {
  padding-inline-start: 2.25rem;
}
.ps-\[4\.75rem\] {
  padding-inline-start: 4.75rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-16 {
  padding-top: 4rem;
}
.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-8 {
  padding-top: 2rem;
}
.text-center {
  text-align: center;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-top {
  vertical-align: top;
}
.align-\[-2px\] {
  vertical-align: -2px;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl {
  font-size: 2rem;
  line-height: 1.2;
}
.text-\[1\.0625rem\] {
  font-size: 1.0625rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-body {
  font-size: 1rem;
  line-height: 1.5;
}
.text-body-sm {
  font-size: 0.875rem;
  line-height: 1.5;
}
.text-caption {
  font-size: 0.75rem;
  line-height: 1.4;
}
.text-card-title {
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 600;
}
.text-label {
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 500;
}
.text-lg {
  font-size: 1.25rem;
  line-height: 1.3;
}
.text-meta {
  font-size: 0.75rem;
  line-height: 1.5;
}
.text-page {
  font-size: 1.5rem;
  line-height: 1.25;
}
.text-page-title {
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 700;
}
.text-section {
  font-size: 1.25rem;
  line-height: 1.3;
}
.text-section-title {
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 600;
}
.text-xl {
  font-size: 1.5rem;
  line-height: 1.25;
}
.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;
}
.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-5 {
  line-height: 1.25rem;
}
.leading-\[1\.75\] {
  line-height: 1.75;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-brand-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(165 56 37 / var(--tw-text-opacity, 1)) !important;
}
.\!text-danger {
  --tw-text-opacity: 1 !important;
  color: rgb(180 35 24 / var(--tw-text-opacity, 1)) !important;
}
.text-\[color\:var\(--marker-ink\)\] {
  color: var(--marker-ink);
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(160 108 0 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(139 92 0 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(116 77 0 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(94 62 0 / var(--tw-text-opacity, 1));
}
.text-brand-600 {
  --tw-text-opacity: 1;
  color: rgb(185 67 45 / var(--tw-text-opacity, 1));
}
.text-brand-700 {
  --tw-text-opacity: 1;
  color: rgb(165 56 37 / var(--tw-text-opacity, 1));
}
.text-danger {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity, 1));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(233 223 215 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(220 206 195 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(154 139 150 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(113 101 111 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(92 81 96 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(74 63 77 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(61 50 64 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(53 38 56 / var(--tw-text-opacity, 1));
}
.text-info {
  --tw-text-opacity: 1;
  color: rgb(40 94 168 / var(--tw-text-opacity, 1));
}
.text-success {
  --tw-text-opacity: 1;
  color: rgb(40 115 78 / var(--tw-text-opacity, 1));
}
.text-warning {
  --tw-text-opacity: 1;
  color: rgb(139 92 0 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.decoration-gray-300 {
  text-decoration-color: #DCCEC3;
}
.decoration-1 {
  text-decoration-thickness: 1px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-disabled {
  opacity: 0.48;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card {
  --tw-shadow: var(--shadow-card);
  --tw-shadow-colored: var(--shadow-card);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-floating {
  --tw-shadow: var(--shadow-floating);
  --tw-shadow-colored: var(--shadow-floating);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.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-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-danger {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(180 35 24 / var(--tw-ring-opacity, 1));
}
.ring-gray-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 223 215 / var(--tw-ring-opacity, 1));
}
.ring-gray-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(154 139 150 / var(--tw-ring-opacity, 1));
}
.ring-gray-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 251 247 / var(--tw-ring-opacity, 1));
}
.ring-gray-900\/5 {
  --tw-ring-color: rgb(53 38 56 / 0.05);
}
.ring-gray-900\/80 {
  --tw-ring-color: rgb(53 38 56 / 0.8);
}
.ring-surface {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-white\/90 {
  --tw-ring-color: rgb(255 255 255 / 0.9);
}
.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);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c border-color\2c box-shadow\2c transform\] {
  transition-property: background-color,border-color,box-shadow,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c transform\] {
  transition-property: background-color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-fast {
  transition-duration: 150ms;
}
.duration-normal {
  transition-duration: 200ms;
}
.\[appearance\:textfield\] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
.\[text-wrap\:balance\] {
  text-wrap: balance;
}
.\[text-wrap\:pretty\] {
  text-wrap: pretty;
}

/* ---------------------------------------------------------------------------
   Rubik, self-hosted (spec §7). Variable woff2, wght 300–900, vendored from
   @fontsource-variable/rubik@5.3.0 — see public/fonts/rubik/README.md and
   OFL.txt. One face per subset with fontsource's own unicode-range, so a page
   only downloads the subsets its text uses (Hebrew + Latin on almost every
   page). No request ever leaves the app's own origin.

   The files live in public/, at stable URLs, so that app/layout.tsx can
   <link rel="preload"> the Hebrew and Latin faces. Without the preload the
   fonts are only discovered once this stylesheet is parsed, the first paint
   uses the fallback, and every line re-wraps when Rubik lands (Rubik's Hebrew
   is 4–8% narrower than Arial's). A preload href must match these url()s
   exactly, which webpack's fingerprinted /_next/static/media names can't
   guarantee — so these are absolute and must stay in step with layout.tsx.
--------------------------------------------------------------------------- */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/fonts/rubik/rubik-hebrew-wght-normal.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/fonts/rubik/rubik-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/fonts/rubik/rubik-latin-wght-normal.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* `html` fills the viewport; `body` only has a MINIMUM height. A fixed
   `body { height: 100% }` made the body exactly one viewport tall, and a
   position:sticky header can't stick past the end of its containing block —
   so on every long page the header (the only desktop navigation) scrolled
   away after the first ~800px. */
html {
  height: 100%;
  /* No grey/blue flash over whatever a finger taps (Android, iOS). It is
     safe only because every tappable surface draws its own `active:` press
     state instead (Surface, Chip, IconButton, BottomNav) — see providers.tsx
     for the listener that lets iOS Safari apply :active at all. */
  -webkit-tap-highlight-color: transparent;
}

body {
  min-height: 100%;
}

html {
  /* Whenever the browser scrolls something into view for the user — a Tab
     to a field, a #fragment, find-in-page — keep it clear of the sticky
     header and the fixed BottomNav. Without this, keyboard focus could land
     underneath either bar (WCAG 2.4.11 Focus Not Obscured). */
  scroll-padding-top: var(--nearby-header);
  /* The bar, plus the Create circle that rises out of it, plus a hair of
     room — clearing only the bar left a focused control's lower half, and
     the bottom of its ring, under the coral circle. */
  scroll-padding-bottom: calc(var(--nearby-bottom-nav) + var(--nearby-create-overhang) + 0.25rem);
}

:root {
  /* Tells the browser which palette its OWN widgets should use — checkboxes,
     radios, select popups, date pickers, scrollbars and default form-field
     fills. Without it they stay light on the dark page (a white checkbox on
     gray-950). Switched to `dark` in the media query below. */
  color-scheme: light;

  /* The native checkbox / radio / range / progress fill. Without it Chrome
     paints them its stock blue — the same cold accent ::selection below
     already replaces — on every consent box, filter toggle and admin rule. */
  accent-color: #B9432D;

  /* The BottomNav's full height, published once: the map home ends exactly
     above it and every page's bottom padding clears it (app-shell.tsx). The
     bar is a fixed h-16 row (64px, spec §19) + its 1px top border + the
     bottom safe-area inset — the same three terms bottom-nav.tsx draws, so
     this is the measured height, not an estimate. 0 from 768px, where the
     nav is hidden (see the media query below). */
  --nearby-bottom-nav: calc(4rem + 1px + env(safe-area-inset-bottom));

  /* How far the BottomNav's raised Create circle rises ABOVE the bar: its
     column (56px circle + 4px gap + the 12/1.4 label + 10px bottom padding,
     bottom-aligned in the 64px bar) overhangs by ~23px, and its 4px
     page-coloured ring by ~27px — rounded up. Focus scrolling clears it
     (scroll-padding above), and the map sheet keeps an empty strip of this
     height where it overlaps (app/page.tsx). 0 from 768px, with the nav. */
  --nearby-create-overhang: 1.75rem;

  /* The sticky header's height, for scroll-padding only: one 56px row
     (h-header) at every width — the desktop header lost its second row of
     section links to the Discover popover. */
  --nearby-header: 3.5rem;

  /* Brand accent, published as a variable because a few surfaces (map markers,
     MapLibre's own chrome) are built as raw DOM rather than JSX and can't
     reach Tailwind's palette. Light and dark each get the coral that holds up
     on their own background. */
  --svivo-coral: #ED684B;
  --svivo-action: #B9432D;

  /* Elevation (spec §9), consumed by `shadow-card` / `shadow-floating` in
     tailwind.config.ts. The card shadow is a whisper — a card is separated by
     its border and surface, the shadow only lifts it off the warm page.
     Floating is for what genuinely sits above content: bottom sheets,
     popovers, menus, floating map controls — not feed cards. */
  --shadow-card: 0 4px 18px rgba(53, 38, 56, 0.06);
  --shadow-floating: 0 8px 28px rgba(53, 38, 56, 0.12);
}

/* No BottomNav from md (768px) up — the desktop header carries navigation —
   so nothing needs to clear it. */
@media (min-width: 768px) {
  :root {
    --nearby-bottom-nav: 0px;
    --nearby-create-overhang: 0px;
  }
}

/* Focused routes (sign in, sign up, compose: lib/nav.ts FOCUSED_ROUTES) have
   no BottomNav at any width. AppShell sets the attribute; zeroing the two
   heights here drops the scroll padding above and lets compose's sticky
   submit bar sit on the bottom edge instead of 65px above it. */
:root[data-focused] {
  --nearby-bottom-nav: 0px;
  --nearby-create-overhang: 0px;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    accent-color: #FF9479;

    /* brand-600 is only 2.78:1 on the dark card, under the 3:1 a focus ring
       needs, so dark mode uses the lighter `brand-accent-dark` (6.96:1). */
    --svivo-coral: #FF9479;
    --svivo-action: #FF9479;

    /* No card shadow in dark mode: an aubergine shadow on a near-black page
       reads as a muddy halo, not depth. A zero shadow rather than `none`, so
       the value stays valid inside Tailwind's comma-separated ring/shadow
       stack and never cancels a `ring-*` on the same element. Floating
       surfaces keep a shadow, deepened so it still registers on gray-950. */
    --shadow-card: 0 0 #0000;
    --shadow-floating: 0 8px 28px rgba(0, 0, 0, 0.4);
  }
}

body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 247 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 38 56 / var(--tw-text-opacity, 1));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (prefers-color-scheme: dark) {

  body {
    --tw-bg-opacity: 1;
    background-color: rgb(32 27 35 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 251 247 / var(--tw-text-opacity, 1));
  }
}

/* One visible focus treatment for the whole app, rather than each component
   remembering to add its own ring. `:focus-visible` only, so a mouse click on
   a card or button doesn't leave a ring behind — keyboard and assistive
   navigation still always get one. The offset keeps the ring legible on coral
   fills, where a flush ring would disappear into the button.

   No border-radius here: the outline follows the element's own radius, so a
   pill stays a pill and a 12px button keeps its 12px corners while focused.
   (Setting a radius here used to snap every focused control to 4px.)

   Deliberately unlayered, so it lands after the utilities and wins over the
   `outline-none` that field controls carry — that is what gives inputs their
   visible ring. Moving it into @layer base would silently remove it. */
:focus-visible {
  outline: 2px solid var(--svivo-action);
  outline-offset: 2px;
}

/* Selection in brand colours rather than the browser's stock blue, which is
   otherwise the one cold accent left on a warm page. */
::-moz-selection {
  background: #FFE4DB;
  color: #352638;
}
::selection {
  background: #FFE4DB;
  color: #352638;
}

/* ---------------------------------------------------------------------------
   ScrollRow (components/ui/scroll-row.tsx): a sideways-scrolling row of
   controls that fades out whichever edge still hides something. The component
   sets data-fade-start / data-fade-end from the scroll position; --fs / --fe
   are the fade widths at the START and END edges, and :dir() maps those to
   left/right — start is the right edge in Hebrew, the left in English. With
   neither attribute (nothing overflows, or the row wraps from sm with
   sm:overflow-visible) there is no mask at all.

   In @layer components so a call site's utilities (sm:overflow-visible) win.
   The scrollbar is hidden: the fade is the cue, and a bar under one row of
   chips reads as a broken layout.
--------------------------------------------------------------------------- */

/* MapLibre's own stylesheet is imported per-component; this keeps the canvas
   from drawing a ring on pointer focus, while keyboard focus still gets the
   app's ring — inset, because the canvas fills its container edge to edge and
   an outside ring would be clipped. */
.maplibregl-canvas {
  outline: none;
}

.maplibregl-canvas:focus-visible {
  outline: 2px solid var(--svivo-action);
  outline-offset: -2px;
}

/* ---------------------------------------------------------------------------
   Map home: markers, clusters and MapLibre's own chrome.
   MapLibre takes a real DOM element per marker, not JSX, so these live here
   rather than as Tailwind classes on a component. A pin's colours come from
   the --marker-color / --marker-ink the component sets from its post TYPE
   (map-view.tsx `markerTone`, the same table the list rows and type badges
   read); urgency is a "!" badge ([data-urgency]), not a recoloured pin.

   MapLibre's stylesheet is imported by map-view.tsx and lands AFTER this file,
   so every rule that overrides one of its own is scoped under `.map-home` (the
   page root) to win on specificity rather than on load order.
--------------------------------------------------------------------------- */
:root {
  /* The four urgency colours, resolved from the palette (never hex copies),
     for inline styles and the marker CSS alike. An EMERGENCY_ALERT post is
     always the critical one — danger, never brand (spec §20/§24). */
  --map-urgency-low: #71656F;
  --map-urgency-normal: #ED684B;
  --map-urgency-high: #8B5C00;
  --map-urgency-critical: #B42318;

  /* The white edge every marker wears. It stays white in dark mode too: it is
     what separates a coral or danger fill from the basemap in both themes. */
  --map-marker-edge: #fff;
  /* A cluster's ring on the DARK map (map-view.tsx syncCluster): brand-500
     and danger measure 3.2:1 and 1.5:1 against it, so the dark disc is
     ringed in the dark-surface coral (4.7:1) or red-400 (3.9:1). */
  --map-cluster-ring-dark: #FF9479;
  --map-cluster-ring-critical-dark: #F08278;
  --map-marker-shadow: 0 4px 10px rgb(53 38 56 / 0.28);
  --map-marker-shadow-raised: 0 6px 16px rgb(53 38 56 / 0.34);
}

/* The outer button is ONLY the hit area: 44×44 (spec §24), transparent, and
   positioned by MapLibre, which writes an inline `transform` onto this very
   element — so nothing visual lives here, and no transform or `position` of
   ours either (`.maplibregl-marker` makes it absolute).

   border-radius here is for the focus ring: the global :focus-visible
   outline follows it, so a focused marker gets a round ring just outside its
   hit area, visible on the map in both themes. */
.nearby-marker {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 9999px;
  cursor: pointer;
}

.nearby-marker[data-selected='true'] {
  z-index: 5;
}

/* The visible mark. Shared by pins and clusters; the transform is composed
   from two variables so hover and selection can scale a pin without undoing
   its teardrop rotation. */
.nearby-marker__dot {
  position: relative;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--marker-ink, #fff);
  background: var(--marker-color);
  border: 2px solid var(--map-marker-edge);
  border-radius: 9999px;
  box-shadow: var(--map-marker-shadow);
  transform: rotate(var(--pin-rotate, 0deg)) scale(var(--pin-scale, 1));
  transition:
    transform 150ms ease,
    box-shadow 150ms ease;
}

/* A single post: a 34px teardrop in its TYPE's fill (mockup 02), the point at
   the bottom. It is a square with one sharp corner, turned 45° so that corner
   points down; the glyph is turned back upright. The point is the post's
   place: MapLibre anchors these markers by their bottom edge (map-view.tsx),
   and the dot sits 7px up the 44px hit area so the corner — 24px from the
   dot's centre — lands exactly on that edge. */
.nearby-marker:not(.nearby-cluster) {
  align-items: end;
  padding-bottom: 7px;
}

.nearby-marker:not(.nearby-cluster) .nearby-marker__dot {
  --pin-rotate: -45deg;
  width: 34px;
  height: 34px;
  border-radius: 50% 50% 50% 0;
}

.nearby-marker__dot svg {
  width: 16px;
  height: 16px;
}

.nearby-marker:not(.nearby-cluster) .nearby-marker__dot svg {
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
}

/* REPORT's sand fill is 1.26:1 against the gray basemap; a gray-500 hairline
   outside the white edge gives the shape its 3:1 boundary. */
.nearby-marker[data-type='REPORT'] .nearby-marker__dot {
  outline: 1.5px solid #71656F;
}

/* Urgency: a "!" badge on the top end shoulder of the pin or cluster — shape
   and colour, never colour alone — instead of recolouring the whole mark, so
   a map of urgent posts still says what each one is. On the button, not the
   dot, so it stays upright and outside the teardrop's rotation. */
.nearby-marker[data-urgency]::after {
  content: '!';
  position: absolute;
  top: 0;
  inset-inline-end: 2px;
  z-index: 1;
  width: 16px;
  height: 16px;
  border: 2px solid var(--map-marker-edge);
  border-radius: 9999px;
  background: var(--map-urgency-high);
  color: #fff;
  font: 700 10px/12px Rubik, "Noto Sans Hebrew", Arial, sans-serif;
  text-align: center;
  pointer-events: none;
}

.nearby-marker[data-urgency='CRITICAL']::after {
  background: var(--map-urgency-critical);
}

/* A cluster: a white disc, the count in the text colour, ringed in brand — or
   danger when one of its posts is critical or an emergency (map-view.tsx
   `syncCluster`). The ring carries the colour so the number can be dark on
   white (15:1); white on the coral fill measured 3.1:1, under AA for 14px
   text. No point: it marks no single place. Three sizes by count, so "20"
   reads heavier than "7". */
.nearby-cluster .nearby-marker__dot {
  width: 40px;
  height: 40px;
  color: #352638;
  background: var(--map-marker-edge);
  border: 3px solid var(--marker-color);
  font-size: 14px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.nearby-cluster[data-size='m'] .nearby-marker__dot {
  width: 46px;
  height: 46px;
  font-size: 15px;
}

.nearby-cluster[data-size='l'] .nearby-marker__dot {
  width: 52px;
  height: 52px;
  font-size: 16px;
}

/* The badge on a cluster sits on its disc's shoulder, which is wider than the
   hit area at the larger sizes. */
.nearby-cluster[data-urgency]::after {
  top: -2px;
  inset-inline-end: -2px;
}

.nearby-cluster[data-size='l'][data-urgency]::after {
  top: -6px;
  inset-inline-end: -6px;
}

/* A stack's posts, fanned out around it (map-view.tsx `openSpider`): each pin
   draws a short leg back to the cluster's edge, so the ring reads as "these
   are all here". Length and angle are set per pin. Physical left/top on
   purpose: the offsets are screen pixels, not reading direction. */
.nearby-spider-pin::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--leg-length, 0px);
  height: 2px;
  margin-top: -1px;
  background: #71656F;
  transform: rotate(var(--leg-angle, 0rad));
  transform-origin: 0 50%;
  pointer-events: none;
}

/* Raised: hovered, focused, or the marker of the row hovered or focused in
   the desktop list (map-view.tsx applyHighlight) — the same lift, so the
   row and its pin read as one thing. Above its neighbours, below the
   selected pin. */
.nearby-marker:hover .nearby-marker__dot,
.nearby-marker:focus-visible .nearby-marker__dot,
.nearby-marker[data-highlighted='true'] .nearby-marker__dot {
  --pin-scale: 1.1;
  box-shadow: var(--map-marker-shadow-raised);
}

.nearby-marker[data-highlighted='true'] {
  z-index: 4;
}

/* Selected (decisions, row 24): the fill STAYS — a brand-600 fill measures
   1.22:1 against danger and would read as an emergency — and the selection is
   a static brand ring (the dark-mode action tone in dark) around a white gap,
   plus one size step and the post's title beside it. Size + ring + label + the
   highlighted list row: not colour alone, and nothing that moves on its own
   (spec §22). */
.nearby-marker[data-selected='true'] .nearby-marker__dot {
  --pin-scale: 1.2;
  box-shadow:
    0 0 0 2px var(--map-marker-edge),
    0 0 0 5px var(--svivo-action),
    var(--map-marker-shadow-raised);
}

/* The selected pin's title, as a small callout above it (mockup 02). Filled
   with textContent and aria-hidden — the button's own name already says it.
   Only the selected pin shows one, so labels never pile up. plaintext: a
   title takes its own direction in either UI. */
.nearby-marker__label {
  display: none;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  /* --label-shift: set by map-view.tsx so a pin near an edge or a control
     keeps its callout on the map. */
  transform: translateX(calc(-50% + var(--label-shift, 0px)));
  max-width: 160px;
  padding: 4px 8px;
  border: 1px solid #E9DFD7;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: var(--shadow-card);
  color: #352638;
  font: 500 12px/1.4 Rubik, "Noto Sans Hebrew", Arial, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  unicode-bidi: plaintext;
  pointer-events: none;
}

.nearby-marker[data-selected='true'] .nearby-marker__label {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .nearby-marker__dot {
    transition: none;
  }
}

/* MapLibre's bottom corners (the attribution) ride above the mobile sheet:
   page.tsx publishes the sheet's live height (0 on desktop, where there is no
   sheet). The attribution is the basemap's licence condition, so it must
   never sit under the page's own chrome.

   Mobile: it gets the whole width — one line at 360px — and the controls
   column is lifted above it instead (.map-home__controls, from the published
   --map-attrib-h), because squeezed in beside the report button it wrapped
   into a three-line block. Desktop: it sits in the start corner, and its
   width stops short of the controls column in the end corner. */
.map-home .maplibregl-ctrl-bottom-left,
.map-home .maplibregl-ctrl-bottom-right {
  bottom: var(--map-sheet-h, 0px);
  max-width: 100%;
}

.map-home__controls {
  padding: 0.75rem;
  padding-bottom: max(0.75rem, calc(var(--map-attrib-h, 0px) + 0.5rem));
}

@media (min-width: 768px) {
  .map-home .maplibregl-ctrl-bottom-left,
  .map-home .maplibregl-ctrl-bottom-right {
    max-width: calc(100% - var(--map-controls-w, 0px) - 1.5rem);
  }

  .map-home__controls {
    padding: 1rem;
  }

  /* Desktop: the report pill shares the start corner with the attribution
     label, so it stands just above it; the zoom capsule keeps the end corner. */
  .map-home__report {
    margin-bottom: max(0px, calc(var(--map-attrib-h, 0px) - 0.5rem));
  }
}

/* The mobile sheet's "refreshing" bar (page.tsx): a brand-500 segment
   sliding along its top edge while a pan's markers load. Not rendered under
   reduced motion; the dimmed count chip says the same thing. */
.map-home__busy::before {
  content: '';
  position: absolute;
  inset-block: 0;
  width: 40%;
  background: #ED684B;
  animation: map-home-busy 1.1s ease-in-out infinite;
}

@keyframes map-home-busy {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(250%);
  }
}

/* The attribution itself: the same opaque surface as the rest of the floating
   chrome. Text is untouched (it is whatever the style's source declares), and
   isolated left-to-right — inside the RTL page its English runs and separators
   would otherwise be reordered. */
.map-home .maplibregl-ctrl.maplibregl-ctrl-attrib {
  margin: 0 8px 6px;
  padding: 1px 8px;
  border-radius: 9999px;
  background-color: #FFFFFF;
  color: #5C5160;
  font-family: Rubik, "Noto Sans Hebrew", Arial, sans-serif;
  font-size: 10px;
  line-height: 1.4;
}

.map-home .maplibregl-ctrl-attrib-inner {
  direction: ltr;
  unicode-bidi: isolate;
}

.map-home .maplibregl-ctrl-attrib a {
  color: inherit;
}

/* MapLibre's collapse/expand toggle is a 24px circle; a transparent halo
   takes its target to 44×44 (spec §52) without changing how it looks. */
.map-home .maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button::before {
  content: '';
  position: absolute;
  inset: -10px;
}

/* MapLibre marks focus with a cold blue glow on every :focus, mouse included;
   the app's own ring replaces it, keyboard only. */
.map-home .maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button:focus {
  box-shadow: none;
}

.map-home .maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button:focus-visible {
  outline: 2px solid var(--svivo-action);
  outline-offset: 2px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --map-marker-shadow: 0 4px 10px rgb(0 0 0 / 0.45);
    --map-marker-shadow-raised: 0 6px 16px rgb(0 0 0 / 0.55);
  }

  .map-home .maplibregl-ctrl.maplibregl-ctrl-attrib {
    background-color: #362d3a; /* surface-raised */
    color: #DCCEC3;
  }

  /* A pin whose light fill is itself a dark aubergine (QUESTION, LOST_FOUND)
     takes its dark-map fill and glyph (POST_TYPE_STYLE fillDark / inkDark);
     the others keep theirs. Clusters are excluded: theirs is below. */
  .nearby-marker:not(.nearby-cluster) .nearby-marker__dot {
    background: var(--marker-color-dark, var(--marker-color));
    color: var(--marker-ink-dark, var(--marker-ink, #fff));
  }

  /* A cluster on the dark map is a dark disc with a light count (gray-50 on
     surface-dark, 14:1) — a white disc was the brightest thing on screen,
     brighter than any post. The ring still carries the colour. */
  .nearby-cluster .nearby-marker__dot {
    background: #2C2430;
    color: #FFFBF7;
    border-color: var(--marker-color-dark, var(--marker-color));
  }

  .nearby-marker__label {
    border-color: #71656F;
    background: #2C2430;
    color: #FFFBF7;
  }

  /* MapLibre bakes the (i) toggle into a black background-image. It used to
     be flipped with `filter: invert(1)` on the whole button — which inverted
     its focus ring too, so the coral keyboard ring rendered teal on the dark
     map. Now only the glyph changes: the image is dropped and the same shape
     is drawn again as a mask filled with the text colour, and the ring is
     left alone. (0,4,0) to outrank MapLibre's own compact-show fill, whose
     stylesheet loads after this one. */
  .map-home .maplibregl-ctrl.maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button {
    background-image: none;
    background-color: transparent;
    color: #E9DFD7;
  }

  .map-home .maplibregl-ctrl.maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")
      center / 24px 24px no-repeat;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")
      center / 24px 24px no-repeat;
  }
}

.\*\:h-4 > * {
  height: 1rem;
}

.\*\:w-4 > * {
  width: 1rem;
}

.\*\:shrink-0 > * {
  flex-shrink: 0;
}

.placeholder\:text-gray-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 101 111 / var(--tw-text-opacity, 1));
}

.placeholder\:text-gray-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 101 111 / var(--tw-text-opacity, 1));
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:-inset-2::before {
  content: var(--tw-content);
  inset: -0.5rem;
}

.before\:-inset-x-2::before {
  content: var(--tw-content);
  left: -0.5rem;
  right: -0.5rem;
}

.before\:-inset-y-1::before {
  content: var(--tw-content);
  top: -0.25rem;
  bottom: -0.25rem;
}

.before\:-inset-y-3::before {
  content: var(--tw-content);
  top: -0.75rem;
  bottom: -0.75rem;
}

.before\:-inset-y-4::before {
  content: var(--tw-content);
  top: -1rem;
  bottom: -1rem;
}

.before\:inset-x-0::before {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}

.before\:-bottom-0\.5::before {
  content: var(--tw-content);
  bottom: -0.125rem;
}

.before\:-top-2::before {
  content: var(--tw-content);
  top: -0.5rem;
}

.before\:min-w-touch::before {
  content: var(--tw-content);
  min-width: 44px;
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}

.after\:rounded-card::after {
  content: var(--tw-content);
  border-radius: 16px;
}

.first\:mt-0:first-child {
  margin-top: 0px;
}

.first\:border-s-0:first-child {
  border-inline-start-width: 0px;
}

.first\:border-t-0:first-child {
  border-top-width: 0px;
}

.first\:pt-0:first-child {
  padding-top: 0px;
}

.empty\:hidden:empty {
  display: none;
}

@media (hover: hover) and (pointer: fine) {

  .hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(154 139 150 / var(--tw-border-opacity, 1));
  }

  .hover\:border-gray-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(113 101 111 / var(--tw-border-opacity, 1));
  }

  .hover\:bg-brand-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 219 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-brand-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(165 56 37 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-danger:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(180 35 24 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(251 243 236 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 247 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(152 27 18 / var(--tw-bg-opacity, 1));
  }

  .hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(61 50 64 / var(--tw-text-opacity, 1));
  }

  .hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(53 38 56 / var(--tw-text-opacity, 1));
  }

  .hover\:underline:hover {
    text-decoration-line: underline;
  }

  .hover\:decoration-current:hover {
    text-decoration-color: currentColor;
  }

  .hover\:shadow-floating:hover {
    --tw-shadow: var(--shadow-floating);
    --tw-shadow-colored: var(--shadow-floating);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:fixed:focus {
  position: fixed;
}

.focus\:start-4:focus {
  inset-inline-start: 1rem;
}

.focus\:top-2:focus {
  top: 0.5rem;
}

.focus\:z-50:focus {
  z-index: 50;
}

.focus\:inline-flex:focus {
  display: inline-flex;
}

.focus\:min-h-touch:focus {
  min-height: 44px;
}

.focus\:items-center:focus {
  align-items: center;
}

.focus\:rounded-full:focus {
  border-radius: 9999px;
}

.focus\:border-brand-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(185 67 45 / var(--tw-border-opacity, 1));
}

.focus\:border-danger:focus {
  --tw-border-opacity: 1;
  border-color: rgb(180 35 24 / var(--tw-border-opacity, 1));
}

.focus\:bg-surface:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:px-4:focus {
  padding-left: 1rem;
  padding-right: 1rem;
}

.focus\:text-body-sm:focus {
  font-size: 0.875rem;
  line-height: 1.5;
}

.focus\:font-semibold:focus {
  font-weight: 600;
}

.focus\:text-gray-900:focus {
  --tw-text-opacity: 1;
  color: rgb(53 38 56 / var(--tw-text-opacity, 1));
}

.focus\:shadow-floating:focus {
  --tw-shadow: var(--shadow-floating);
  --tw-shadow-colored: var(--shadow-floating);
  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-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:-outline-offset-2:focus-visible {
  outline-offset: -2px;
}

.focus-visible\:outline-offset-1:focus-visible {
  outline-offset: 1px;
}

.focus-visible\:outline-danger:focus-visible {
  outline-color: #B42318;
}

.focus-visible\:outline-white:focus-visible {
  outline-color: #fff;
}

.focus-visible\:after\:outline:focus-visible::after {
  content: var(--tw-content);
  outline-style: solid;
}

.focus-visible\:after\:outline-2:focus-visible::after {
  content: var(--tw-content);
  outline-width: 2px;
}

.focus-visible\:after\:-outline-offset-2:focus-visible::after {
  content: var(--tw-content);
  outline-offset: -2px;
}

.focus-visible\:after\:outline-offset-2:focus-visible::after {
  content: var(--tw-content);
  outline-offset: 2px;
}

.focus-visible\:after\:outline-brand-600:focus-visible::after {
  content: var(--tw-content);
  outline-color: #B9432D;
}

.active\:border-gray-300:active {
  --tw-border-opacity: 1;
  border-color: rgb(220 206 195 / var(--tw-border-opacity, 1));
}

.active\:bg-brand-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(138 47 31 / var(--tw-bg-opacity, 1));
}

.active\:bg-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(251 243 236 / var(--tw-bg-opacity, 1));
}

.active\:bg-gray-200:active {
  --tw-bg-opacity: 1;
  background-color: rgb(233 223 215 / var(--tw-bg-opacity, 1));
}

.active\:bg-red-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 226 / var(--tw-bg-opacity, 1));
}

.active\:bg-red-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(122 22 15 / var(--tw-bg-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {

  .enabled\:hover\:bg-brand-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 219 / var(--tw-bg-opacity, 1));
  }

  .enabled\:hover\:bg-gray-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(251 243 236 / var(--tw-bg-opacity, 1));
  }

  .enabled\:hover\:text-brand-700:hover:enabled {
    --tw-text-opacity: 1;
    color: rgb(165 56 37 / var(--tw-text-opacity, 1));
  }
}

.enabled\:active\:bg-brand-200:active:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 182 / var(--tw-bg-opacity, 1));
}

.enabled\:active\:bg-gray-200:active:enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(233 223 215 / var(--tw-bg-opacity, 1));
}

.enabled\:active\:text-brand-800:active:enabled {
  --tw-text-opacity: 1;
  color: rgb(138 47 31 / var(--tw-text-opacity, 1));
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:border-gray-200:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(233 223 215 / var(--tw-border-opacity, 1));
}

.disabled\:border-gray-300:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(220 206 195 / var(--tw-border-opacity, 1));
}

.disabled\:bg-gray-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(251 243 236 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-gray-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(233 223 215 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-surface:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.disabled\:\!text-gray-500:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(113 101 111 / var(--tw-text-opacity, 1)) !important;
}

.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(154 139 150 / var(--tw-text-opacity, 1));
}

.disabled\:text-gray-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(113 101 111 / var(--tw-text-opacity, 1));
}

.disabled\:text-gray-600:disabled {
  --tw-text-opacity: 1;
  color: rgb(92 81 96 / var(--tw-text-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {

  .disabled\:hover\:bg-gray-200:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(233 223 215 / var(--tw-bg-opacity, 1));
  }

  .disabled\:hover\:bg-surface:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .disabled\:hover\:bg-transparent:hover:disabled {
    background-color: transparent;
  }

  .disabled\:hover\:text-gray-400:hover:disabled {
    --tw-text-opacity: 1;
    color: rgb(154 139 150 / var(--tw-text-opacity, 1));
  }
}

.group:first-child .group-first\:rounded-t-card {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.group:first-child .group-first\:after\:rounded-t-card::after {
  content: var(--tw-content);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.group:last-child .group-last\:rounded-b-card {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.group:last-child .group-last\:border-b-0 {
  border-bottom-width: 0px;
}

.group:last-child .group-last\:after\:rounded-b-card::after {
  content: var(--tw-content);
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.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));
}

@media (hover: hover) and (pointer: fine) {

  .group:hover .group-hover\:underline {
    text-decoration-line: underline;
  }

  .group:hover .group-hover\:decoration-2 {
    text-decoration-thickness: 2px;
  }
}

.group:focus-visible .group-focus-visible\: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);
}

.group:active .group-active\:bg-brand-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(138 47 31 / var(--tw-bg-opacity, 1));
}

.group:active .group-active\:bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 243 236 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:translate-x-5 {
  --tw-translate-x: 1.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));
}

.peer:checked ~ .peer-checked\:border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(53 38 56 / var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(53 38 56 / var(--tw-bg-opacity, 1));
}

.peer:focus-visible ~ .peer-focus-visible\:outline {
  outline-style: solid;
}

.peer:focus-visible ~ .peer-focus-visible\:outline-2 {
  outline-width: 2px;
}

.peer:focus-visible ~ .peer-focus-visible\:outline-offset-2 {
  outline-offset: 2px;
}

.peer:focus-visible ~ .peer-focus-visible\:\[outline-color\:var\(--svivo-action\)\] {
  outline-color: var(--svivo-action);
}

.peer:disabled ~ .peer-disabled\:opacity-50 {
  opacity: 0.5;
}

.has-\[\:focus-visible\]\:border-brand-600:has(:focus-visible) {
  --tw-border-opacity: 1;
  border-color: rgb(185 67 45 / var(--tw-border-opacity, 1));
}

.has-\[\:focus-visible\]\:outline:has(:focus-visible) {
  outline-style: solid;
}

.has-\[\:focus-visible\]\:outline-2:has(:focus-visible) {
  outline-width: 2px;
}

.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible) {
  outline-offset: 2px;
}

.has-\[\:focus-visible\]\:outline-brand-600:has(:focus-visible) {
  outline-color: #B9432D;
}

.aria-busy\:cursor-wait[aria-busy="true"] {
  cursor: wait;
}

@media (hover: hover) and (pointer: fine) {

  .aria-busy\:hover\:bg-brand-600:hover[aria-busy="true"] {
    --tw-bg-opacity: 1;
    background-color: rgb(185 67 45 / var(--tw-bg-opacity, 1));
  }

  .aria-busy\:hover\:bg-danger:hover[aria-busy="true"] {
    --tw-bg-opacity: 1;
    background-color: rgb(180 35 24 / var(--tw-bg-opacity, 1));
  }

  .aria-busy\:hover\:bg-transparent:hover[aria-busy="true"] {
    background-color: transparent;
  }
}

.aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
  cursor: not-allowed;
}

.aria-disabled\:opacity-disabled[aria-disabled="true"] {
  opacity: 0.48;
}

.aria-pressed\:border-brand-600[aria-pressed="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(185 67 45 / var(--tw-border-opacity, 1));
}

.aria-pressed\:bg-selected[aria-pressed="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 233 / var(--tw-bg-opacity, 1));
}

.aria-pressed\:text-brand-600[aria-pressed="true"] {
  --tw-text-opacity: 1;
  color: rgb(185 67 45 / var(--tw-text-opacity, 1));
}

@media (hover: hover) and (pointer: fine) {

  .aria-pressed\:hover\:bg-brand-100:hover[aria-pressed="true"] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 219 / var(--tw-bg-opacity, 1));
  }

  .aria-pressed\:hover\:text-brand-700:hover[aria-pressed="true"] {
    --tw-text-opacity: 1;
    color: rgb(165 56 37 / var(--tw-text-opacity, 1));
  }
}

.aria-\[current\=page\]\:border-brand-600[aria-current="page"] {
  --tw-border-opacity: 1;
  border-color: rgb(185 67 45 / var(--tw-border-opacity, 1));
}

.aria-\[current\=page\]\:text-brand-600[aria-current="page"] {
  --tw-text-opacity: 1;
  color: rgb(185 67 45 / var(--tw-text-opacity, 1));
}

.aria-\[current\=page\]\:after\:absolute[aria-current="page"]::after {
  content: var(--tw-content);
  position: absolute;
}

.aria-\[current\=page\]\:after\:inset-x-3[aria-current="page"]::after {
  content: var(--tw-content);
  left: 0.75rem;
  right: 0.75rem;
}

.aria-\[current\=page\]\:after\:-bottom-1\.5[aria-current="page"]::after {
  content: var(--tw-content);
  bottom: -0.375rem;
}

.aria-\[current\=page\]\:after\:h-0\.5[aria-current="page"]::after {
  content: var(--tw-content);
  height: 0.125rem;
}

.aria-\[current\=page\]\:after\:rounded-full[aria-current="page"]::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.aria-\[current\=page\]\:after\:bg-brand-600[aria-current="page"]::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(185 67 45 / var(--tw-bg-opacity, 1));
}

.data-\[stuck\]\:border-gray-200[data-stuck] {
  --tw-border-opacity: 1;
  border-color: rgb(233 223 215 / var(--tw-border-opacity, 1));
}

.data-\[stuck\]\:pb-8[data-stuck] {
  padding-bottom: 2rem;
}

@media (prefers-reduced-motion: no-preference) {

  @keyframes fade-in {

    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .motion-safe\:animate-fade-in {
    animation: fade-in 150ms ease-out both;
  }

  @keyframes pop-in {

    from {
      opacity: 0;
      transform: scale(0.96);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .motion-safe\:animate-pop-in {
    animation: pop-in 150ms cubic-bezier(.2,.8,.2,1) both;
  }

  @keyframes pulse {

    50% {
      opacity: .5;
    }
  }

  .motion-safe\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  @keyframes sheet-up {

    from {
      transform: translateY(100%);
    }

    to {
      transform: translateY(0);
    }
  }

  .motion-safe\:animate-sheet-up {
    animation: sheet-up 200ms cubic-bezier(.2,.8,.2,1) both;
  }

  @keyframes toast-in {

    from {
      opacity: 0;
      transform: translateY(0.5rem);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .motion-safe\:animate-toast-in {
    animation: toast-in 200ms cubic-bezier(.2,.8,.2,1) both;
  }

  .motion-safe\:active\:scale-\[0\.99\]:active {
    --tw-scale-x: 0.99;
    --tw-scale-y: 0.99;
    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:active .motion-safe\:group-active\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:hidden {
    display: none;
  }

  .motion-reduce\:animate-none {
    animation: none;
  }

  .motion-reduce\:transition-none {
    transition-property: none;
  }
}

@media not all and (min-width: 768px) {

  .max-md\:hidden {
    display: none;
  }
}

@media not all and (min-width: 640px) {

  .max-sm\:-mt-6 {
    margin-top: -1.5rem;
  }

  .max-sm\:rounded-none {
    border-radius: 0px;
  }
}

@media (min-width: 640px) {

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-44 {
    width: 11rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:max-w-form {
    max-width: 26.25rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:scroll-px-0 {
    scroll-padding-left: 0px;
    scroll-padding-right: 0px;
  }

  .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\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:self-auto {
    align-self: auto;
  }

  .sm\:self-start {
    align-self: flex-start;
  }

  .sm\:overflow-visible {
    overflow: visible;
  }

  .sm\:rounded-card {
    border-radius: 16px;
  }

  .sm\:rounded-full {
    border-radius: 9999px;
  }

  .sm\:rounded-sheet {
    border-radius: 24px;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  .sm\:pe-6 {
    padding-inline-end: 1.5rem;
  }

  .sm\:ps-5 {
    padding-inline-start: 1.25rem;
  }

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  @media (prefers-reduced-motion: no-preference) {

    @keyframes pop-in {

      from {
        opacity: 0;
        transform: scale(0.96);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    .sm\:motion-safe\:animate-pop-in {
      animation: pop-in 150ms cubic-bezier(.2,.8,.2,1) both;
    }
  }
}

@media (min-width: 768px) {

  .md\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:static {
    position: static;
  }

  .md\:inset-x-auto {
    left: auto;
    right: auto;
  }

  .md\:bottom-6 {
    bottom: 1.5rem;
  }

  .md\:end-6 {
    inset-inline-end: 1.5rem;
  }

  .md\:z-auto {
    z-index: auto;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:m-0 {
    margin: 0px;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:me-0 {
    margin-inline-end: 0px;
  }

  .md\:ms-auto {
    margin-inline-start: auto;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:contents {
    display: contents;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-44 {
    height: 11rem;
  }

  .md\:w-14 {
    width: 3.5rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:min-w-80 {
    min-width: 20rem;
  }

  .md\:max-w-\[60\%\] {
    max-width: 60%;
  }

  .md\:max-w-form {
    max-width: 26.25rem;
  }

  .md\:flex-none {
    flex: none;
  }

  .md\:shrink-0 {
    flex-shrink: 0;
  }

  .md\:basis-full {
    flex-basis: 100%;
  }

  .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\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:items-stretch {
    align-items: stretch;
  }

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:border-0 {
    border-width: 0px;
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:p-0 {
    padding: 0px;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pt-1 {
    padding-top: 0.25rem;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:text-start {
    text-align: start;
  }

  .md\:text-body-sm {
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .md\:text-caption {
    font-size: 0.75rem;
    line-height: 1.4;
  }

  .md\:text-label {
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 500;
  }

  .md\:underline {
    text-decoration-line: underline;
  }

  .md\:underline-offset-2 {
    text-underline-offset: 2px;
  }

  .md\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1024px) {

  .lg\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:bottom-10 {
    bottom: 2.5rem;
  }

  .lg\:start-8 {
    inset-inline-start: 2rem;
  }

  .lg\:top-\[calc\(theme\(spacing\.header\)\+1\.5rem\)\] {
    top: calc(56px + 1.5rem);
  }

  .lg\:top-\[calc\(theme\(spacing\.header\)\+2rem\)\] {
    top: calc(56px + 2rem);
  }

  .lg\:order-last {
    order: 9999;
  }

  .lg\:col-start-1 {
    grid-column-start: 1;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:row-start-1 {
    grid-row-start: 1;
  }

  .lg\:ms-6 {
    margin-inline-start: 1.5rem;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:h-\[32rem\] {
    height: 32rem;
  }

  .lg\:max-h-96 {
    max-height: 24rem;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:min-w-0 {
    min-width: 0px;
  }

  .lg\:max-w-content {
    max-width: 45rem;
  }

  .lg\:max-w-detail {
    max-width: 60rem;
  }

  .lg\:max-w-form {
    max-width: 26.25rem;
  }

  .lg\:max-w-wide {
    max-width: 70rem;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:shrink-0 {
    flex-shrink: 0;
  }

  .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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[20rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 20rem minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_18rem\] {
    grid-template-columns: minmax(0,1fr) 18rem;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:self-stretch {
    align-self: stretch;
  }

  .lg\:justify-self-center {
    justify-self: center;
  }

  .lg\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lg\:rounded-\[240px_240px_24px_24px\] {
    border-radius: 240px 240px 24px 24px;
  }

  .lg\:border-s {
    border-inline-start-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:pe-3 {
    padding-inline-end: 0.75rem;
  }

  .lg\:pe-8 {
    padding-inline-end: 2rem;
  }

  .lg\:ps-6 {
    padding-inline-start: 1.5rem;
  }

  .lg\:ps-7 {
    padding-inline-start: 1.75rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:text-section-title {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 600;
  }
}

@media (min-width: 1280px) {

  .xl\:w-map-panel-wide {
    width: 25rem;
  }
}

.ltr\:bg-gradient-to-l:where([dir="ltr"], [dir="ltr"] *) {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.ltr\:bg-gradient-to-r:where([dir="ltr"], [dir="ltr"] *) {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.rtl\:-scale-x-100:where([dir="rtl"], [dir="rtl"] *) {
  --tw-scale-x: -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));
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

.rtl\:bg-gradient-to-l:where([dir="rtl"], [dir="rtl"] *) {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.rtl\:bg-gradient-to-r:where([dir="rtl"], [dir="rtl"] *) {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.peer:checked ~ .rtl\:peer-checked\:-translate-x-5:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: -1.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));
}

@media (prefers-color-scheme: dark) {

  .dark\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(113 101 111 / var(--tw-divide-opacity, 1));
  }

  .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(74 63 77 / var(--tw-divide-opacity, 1));
  }

  .dark\:\!border-red-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(240 130 120 / var(--tw-border-opacity, 1)) !important;
  }

  .dark\:border-amber-300\/30 {
    border-color: rgb(217 164 65 / 0.3);
  }

  .dark\:border-amber-900 {
    --tw-border-opacity: 1;
    border-color: rgb(74 49 0 / var(--tw-border-opacity, 1));
  }

  .dark\:border-blue-900 {
    --tw-border-opacity: 1;
    border-color: rgb(20 47 84 / var(--tw-border-opacity, 1));
  }

  .dark\:border-brand-900 {
    --tw-border-opacity: 1;
    border-color: rgb(110 39 26 / var(--tw-border-opacity, 1));
  }

  .dark\:border-brand-accent-dark {
    --tw-border-opacity: 1;
    border-color: rgb(255 148 121 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(220 206 195 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(154 139 150 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(113 101 111 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(92 81 96 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(74 63 77 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(61 50 64 / var(--tw-border-opacity, 1));
  }

  .dark\:border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(243 155 147 / var(--tw-border-opacity, 1));
  }

  .dark\:border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgb(94 17 12 / var(--tw-border-opacity, 1));
  }

  .dark\:border-sand-dark {
    --tw-border-opacity: 1;
    border-color: rgb(67 52 47 / var(--tw-border-opacity, 1));
  }

  .dark\:border-surface-dark {
    --tw-border-opacity: 1;
    border-color: rgb(44 36 48 / var(--tw-border-opacity, 1));
  }

  .dark\:border-s-amber-300 {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(217 164 65 / var(--tw-border-opacity, 1));
  }

  .dark\:border-s-blue-300 {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(143 182 232 / var(--tw-border-opacity, 1));
  }

  .dark\:bg-\[var\(--marker-color-dark\2c var\(--marker-color\)\)\] {
    background-color: var(--marker-color-dark,var(--marker-color));
  }

  .dark\:bg-amber-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(44 29 0 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-blue-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(12 29 52 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-brand-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 130 95 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-brand-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(61 20 13 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-brand-accent-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(255 148 121 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-cream-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(61 50 32 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-danger\/20 {
    background-color: rgb(180 35 24 / 0.2);
  }

  .dark\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 101 111 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(92 81 96 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(74 63 77 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(61 50 64 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(53 38 56 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-gray-900\/90 {
    background-color: rgb(53 38 56 / 0.9);
  }

  .dark\:bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(32 27 35 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 199 154 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-green-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(12 35 24 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-info\/20 {
    background-color: rgb(40 94 168 / 0.2);
  }

  .dark\:bg-red-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 10 7 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-sand-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(67 52 47 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-success\/20 {
    background-color: rgb(40 115 78 / 0.2);
  }

  .dark\:bg-surface-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(44 36 48 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-surface-raised {
    --tw-bg-opacity: 1;
    background-color: rgb(54 45 58 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-warning\/10 {
    background-color: rgb(139 92 0 / 0.1);
  }

  .dark\:bg-warning\/20 {
    background-color: rgb(139 92 0 / 0.2);
  }

  .dark\:from-gray-800 {
    --tw-gradient-from: #3D3240 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(61 50 64 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .dark\:from-surface-dark {
    --tw-gradient-from: #2C2430 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(44 36 48 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .dark\:to-sand-dark {
    --tw-gradient-to: #43342F var(--tw-gradient-to-position);
  }

  .dark\:fill-brand-950\/60 {
    fill: rgb(61 20 13 / 0.6);
  }

  .dark\:fill-gray-800 {
    fill: #3D3240;
  }

  .dark\:fill-gray-900 {
    fill: #352638;
  }

  .dark\:\!text-brand-300 {
    --tw-text-opacity: 1 !important;
    color: rgb(251 162 135 / var(--tw-text-opacity, 1)) !important;
  }

  .dark\:\!text-red-300 {
    --tw-text-opacity: 1 !important;
    color: rgb(243 155 147 / var(--tw-text-opacity, 1)) !important;
  }

  .dark\:text-\[color\:var\(--marker-ink-dark\2c var\(--marker-ink\)\)\] {
    color: var(--marker-ink-dark,var(--marker-ink));
  }

  .dark\:text-amber-200 {
    --tw-text-opacity: 1;
    color: rgb(245 220 166 / var(--tw-text-opacity, 1));
  }

  .dark\:text-amber-300 {
    --tw-text-opacity: 1;
    color: rgb(217 164 65 / var(--tw-text-opacity, 1));
  }

  .dark\:text-blue-200 {
    --tw-text-opacity: 1;
    color: rgb(185 208 240 / var(--tw-text-opacity, 1));
  }

  .dark\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(143 182 232 / var(--tw-text-opacity, 1));
  }

  .dark\:text-brand-200 {
    --tw-text-opacity: 1;
    color: rgb(255 199 182 / var(--tw-text-opacity, 1));
  }

  .dark\:text-brand-300 {
    --tw-text-opacity: 1;
    color: rgb(251 162 135 / var(--tw-text-opacity, 1));
  }

  .dark\:text-brand-400 {
    --tw-text-opacity: 1;
    color: rgb(245 130 95 / var(--tw-text-opacity, 1));
  }

  .dark\:text-brand-accent-dark {
    --tw-text-opacity: 1;
    color: rgb(255 148 121 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(251 243 236 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(233 223 215 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(220 206 195 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-50 {
    --tw-text-opacity: 1;
    color: rgb(255 251 247 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(53 38 56 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-950 {
    --tw-text-opacity: 1;
    color: rgb(32 27 35 / var(--tw-text-opacity, 1));
  }

  .dark\:text-green-300 {
    --tw-text-opacity: 1;
    color: rgb(107 199 154 / var(--tw-text-opacity, 1));
  }

  .dark\:text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(243 155 147 / var(--tw-text-opacity, 1));
  }

  .dark\:decoration-gray-500 {
    text-decoration-color: #71656F;
  }

  .dark\:ring-gray-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(251 243 236 / var(--tw-ring-opacity, 1));
  }

  .dark\:ring-gray-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(74 63 77 / var(--tw-ring-opacity, 1));
  }

  .dark\:ring-gray-950 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(32 27 35 / var(--tw-ring-opacity, 1));
  }

  .dark\:ring-red-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 130 120 / var(--tw-ring-opacity, 1));
  }

  .dark\:ring-surface-dark {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(44 36 48 / var(--tw-ring-opacity, 1));
  }

  .dark\:ring-white\/10 {
    --tw-ring-color: rgb(255 255 255 / 0.1);
  }

  .dark\:placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(154 139 150 / var(--tw-text-opacity, 1));
  }

  .dark\:placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(154 139 150 / var(--tw-text-opacity, 1));
  }

  @media (hover: hover) and (pointer: fine) {

    .dark\:hover\:border-gray-300:hover {
      --tw-border-opacity: 1;
      border-color: rgb(220 206 195 / var(--tw-border-opacity, 1));
    }

    .dark\:hover\:border-gray-400:hover {
      --tw-border-opacity: 1;
      border-color: rgb(154 139 150 / var(--tw-border-opacity, 1));
    }

    .dark\:hover\:bg-brand-900:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(110 39 26 / var(--tw-bg-opacity, 1));
    }

    .dark\:hover\:bg-gray-700:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(74 63 77 / var(--tw-bg-opacity, 1));
    }

    .dark\:hover\:bg-gray-800:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(61 50 64 / var(--tw-bg-opacity, 1));
    }

    .dark\:hover\:bg-gray-900:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(53 38 56 / var(--tw-bg-opacity, 1));
    }

    .dark\:hover\:bg-red-950:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(59 10 7 / var(--tw-bg-opacity, 1));
    }

    .dark\:hover\:text-gray-50:hover {
      --tw-text-opacity: 1;
      color: rgb(255 251 247 / var(--tw-text-opacity, 1));
    }
  }

  .dark\:focus\:border-brand-accent-dark:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 148 121 / var(--tw-border-opacity, 1));
  }

  .dark\:focus\:border-red-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(243 155 147 / var(--tw-border-opacity, 1));
  }

  .dark\:focus\:bg-surface-dark:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(44 36 48 / var(--tw-bg-opacity, 1));
  }

  .dark\:focus\:text-gray-50:focus {
    --tw-text-opacity: 1;
    color: rgb(255 251 247 / var(--tw-text-opacity, 1));
  }

  .dark\:focus-visible\:outline-red-300:focus-visible {
    outline-color: #F39B93;
  }

  .dark\:focus-visible\:after\:outline-brand-accent-dark:focus-visible::after {
    content: var(--tw-content);
    outline-color: #FF9479;
  }

  .dark\:active\:border-gray-400:active {
    --tw-border-opacity: 1;
    border-color: rgb(154 139 150 / var(--tw-border-opacity, 1));
  }

  .dark\:active\:bg-gray-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(74 63 77 / var(--tw-bg-opacity, 1));
  }

  .dark\:active\:bg-red-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(94 17 12 / var(--tw-bg-opacity, 1));
  }

  @media (hover: hover) and (pointer: fine) {

    .dark\:enabled\:hover\:bg-brand-900:hover:enabled {
      --tw-bg-opacity: 1;
      background-color: rgb(110 39 26 / var(--tw-bg-opacity, 1));
    }

    .dark\:enabled\:hover\:bg-gray-800:hover:enabled {
      --tw-bg-opacity: 1;
      background-color: rgb(61 50 64 / var(--tw-bg-opacity, 1));
    }

    .dark\:enabled\:hover\:text-gray-50:hover:enabled {
      --tw-text-opacity: 1;
      color: rgb(255 251 247 / var(--tw-text-opacity, 1));
    }
  }

  .dark\:enabled\:active\:bg-brand-800:active:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(138 47 31 / var(--tw-bg-opacity, 1));
  }

  .dark\:enabled\:active\:bg-gray-700:active:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(74 63 77 / var(--tw-bg-opacity, 1));
  }

  .dark\:enabled\:active\:text-gray-50:active:enabled {
    --tw-text-opacity: 1;
    color: rgb(255 251 247 / var(--tw-text-opacity, 1));
  }

  .dark\:disabled\:border-gray-600:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(92 81 96 / var(--tw-border-opacity, 1));
  }

  .dark\:disabled\:border-gray-700:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(74 63 77 / var(--tw-border-opacity, 1));
  }

  .dark\:disabled\:bg-gray-700:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(74 63 77 / var(--tw-bg-opacity, 1));
  }

  .dark\:disabled\:bg-gray-800:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(61 50 64 / var(--tw-bg-opacity, 1));
  }

  .dark\:disabled\:bg-surface-dark:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(44 36 48 / var(--tw-bg-opacity, 1));
  }

  .dark\:disabled\:\!text-gray-400:disabled {
    --tw-text-opacity: 1 !important;
    color: rgb(154 139 150 / var(--tw-text-opacity, 1)) !important;
  }

  .dark\:disabled\:text-gray-300:disabled {
    --tw-text-opacity: 1;
    color: rgb(220 206 195 / var(--tw-text-opacity, 1));
  }

  .dark\:disabled\:text-gray-400:disabled {
    --tw-text-opacity: 1;
    color: rgb(154 139 150 / var(--tw-text-opacity, 1));
  }

  @media (hover: hover) and (pointer: fine) {

    .dark\:disabled\:hover\:bg-gray-700:hover:disabled {
      --tw-bg-opacity: 1;
      background-color: rgb(74 63 77 / var(--tw-bg-opacity, 1));
    }

    .dark\:disabled\:hover\:bg-surface-dark:hover:disabled {
      --tw-bg-opacity: 1;
      background-color: rgb(44 36 48 / var(--tw-bg-opacity, 1));
    }

    .dark\:disabled\:hover\:bg-transparent:hover:disabled {
      background-color: transparent;
    }
  }

  .group:active .dark\:group-active\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(61 50 64 / var(--tw-bg-opacity, 1));
  }

  .peer:checked ~ .dark\:peer-checked\:border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(255 251 247 / var(--tw-border-opacity, 1));
  }

  .peer:checked ~ .dark\:peer-checked\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 247 / var(--tw-bg-opacity, 1));
  }

  .peer:checked ~ .dark\:peer-checked\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(53 38 56 / var(--tw-bg-opacity, 1));
  }

  .dark\:has-\[\:focus-visible\]\:border-brand-accent-dark:has(:focus-visible) {
    --tw-border-opacity: 1;
    border-color: rgb(255 148 121 / var(--tw-border-opacity, 1));
  }

  .dark\:has-\[\:focus-visible\]\:outline-brand-accent-dark:has(:focus-visible) {
    outline-color: #FF9479;
  }

  .dark\:aria-pressed\:border-brand-accent-dark[aria-pressed="true"] {
    --tw-border-opacity: 1;
    border-color: rgb(255 148 121 / var(--tw-border-opacity, 1));
  }

  .dark\:aria-pressed\:bg-brand-950[aria-pressed="true"] {
    --tw-bg-opacity: 1;
    background-color: rgb(61 20 13 / var(--tw-bg-opacity, 1));
  }

  .dark\:aria-pressed\:text-gray-50[aria-pressed="true"] {
    --tw-text-opacity: 1;
    color: rgb(255 251 247 / var(--tw-text-opacity, 1));
  }

  @media (hover: hover) and (pointer: fine) {

    .dark\:aria-pressed\:hover\:bg-brand-900:hover[aria-pressed="true"] {
      --tw-bg-opacity: 1;
      background-color: rgb(110 39 26 / var(--tw-bg-opacity, 1));
    }

    .dark\:aria-pressed\:hover\:text-gray-50:hover[aria-pressed="true"] {
      --tw-text-opacity: 1;
      color: rgb(255 251 247 / var(--tw-text-opacity, 1));
    }
  }

  .dark\:aria-\[current\=page\]\:border-brand-400[aria-current="page"] {
    --tw-border-opacity: 1;
    border-color: rgb(245 130 95 / var(--tw-border-opacity, 1));
  }

  .dark\:aria-\[current\=page\]\:text-brand-400[aria-current="page"] {
    --tw-text-opacity: 1;
    color: rgb(245 130 95 / var(--tw-text-opacity, 1));
  }

  .dark\:aria-\[current\=page\]\:after\:bg-brand-400[aria-current="page"]::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(245 130 95 / var(--tw-bg-opacity, 1));
  }

  .dark\:data-\[stuck\]\:border-gray-800[data-stuck] {
    --tw-border-opacity: 1;
    border-color: rgb(61 50 64 / var(--tw-border-opacity, 1));
  }
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

@media (min-width: 640px) {

  .sm\:\[\&\:nth-child\(2\)\]\:border-t-0:nth-child(2) {
    border-top-width: 0px;
  }
}

@media (min-width: 1024px) {

  .lg\:\[\&\>\*\:first-child\]\:mt-0>*:first-child {
    margin-top: 0px;
  }
}

.\[\&\>\*\:only-child\]\:col-span-2>*:only-child {
  grid-column: span 2 / span 2;
}

.\[\&\>\.col-span-2\:first-child\~div\:nth-child\(even\)\]\:border-s-0>.col-span-2:first-child~div:nth-child(even) {
  border-inline-start-width: 0px;
}

.\[\&\>\.col-span-2\:first-child\~div\:nth-child\(even\)\]\:ps-0>.col-span-2:first-child~div:nth-child(even) {
  padding-inline-start: 0px;
}

.\[\&\>\.col-span-2\:first-child\~div\:nth-child\(odd\)\:not\(\.col-span-2\)\]\:border-s>.col-span-2:first-child~div:nth-child(odd):not(.col-span-2) {
  border-inline-start-width: 1px;
}

.\[\&\>\.col-span-2\:first-child\~div\:nth-child\(odd\)\:not\(\.col-span-2\)\]\:ps-4>.col-span-2:first-child~div:nth-child(odd):not(.col-span-2) {
  padding-inline-start: 1rem;
}

.\[\&\>div\:first-child\:not\(\.col-span-2\)\+div\]\:border-t-0>div:first-child:not(.col-span-2)+div {
  border-top-width: 0px;
}

.\[\&\>div\:first-child\]\:border-t-0>div:first-child {
  border-top-width: 0px;
}

.\[\&\>div\:nth-child\(even\)\:not\(\.col-span-2\)\]\:border-s>div:nth-child(even):not(.col-span-2) {
  border-inline-start-width: 1px;
}

.\[\&\>div\:nth-child\(even\)\:not\(\.col-span-2\)\]\:ps-4>div:nth-child(even):not(.col-span-2) {
  padding-inline-start: 1rem;
}

.\[\&\>div\]\:border-t>div {
  border-top-width: 1px;
}

.\[\&\>div\]\:border-gray-200>div {
  --tw-border-opacity: 1;
  border-color: rgb(233 223 215 / var(--tw-border-opacity, 1));
}

.\[\&\>div\]\:pe-3>div {
  padding-inline-end: 0.75rem;
}

@media (prefers-color-scheme: dark) {

  .dark\:\[\&\>div\]\:border-gray-500>div {
    --tw-border-opacity: 1;
    border-color: rgb(113 101 111 / var(--tw-border-opacity, 1));
  }
}

.\[\&\>li\+li\]\:\!mt-1>li+li {
  margin-top: 0.25rem !important;
}

.\[\&\>span\]\:leading-5>span {
  line-height: 1.25rem;
}

.\[\&\>svg\]\:h-4>svg {
  height: 1rem;
}

.\[\&\>svg\]\:w-4>svg {
  width: 1rem;
}

.\[\&_\:is\(input\2c select\2c textarea\2c \[type\=button\]\)\]\:scroll-mb-28 :is(input,select,textarea,[type=button]) {
  scroll-margin-bottom: 7rem;
}

@media (min-width: 768px) {

  .md\:\[\&_\:is\(input\2c select\2c textarea\2c \[type\=button\]\)\]\:scroll-mb-0 :is(input,select,textarea,[type=button]) {
    scroll-margin-bottom: 0px;
  }
}

.\[\&_a\]\:font-medium a {
  font-weight: 500;
}

.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}

.\[\&_a\]\:underline-offset-4 a {
  text-underline-offset: 4px;
}

.\[\&_h2\]\:mb-2 h2 {
  margin-bottom: 0.5rem;
}

.\[\&_h2\]\:mt-8 h2 {
  margin-top: 2rem;
}

.\[\&_h2\]\:scroll-mt-32 h2 {
  scroll-margin-top: 8rem;
}

.\[\&_h2\]\:text-section-title h2 {
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 600;
}

.\[\&_h3\]\:mb-1 h3 {
  margin-bottom: 0.25rem;
}

.\[\&_h3\]\:mt-6 h3 {
  margin-top: 1.5rem;
}

.\[\&_h3\]\:scroll-mt-32 h3 {
  scroll-margin-top: 8rem;
}

.\[\&_h3\]\:text-card-title h3 {
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 600;
}

.\[\&_li\+li\]\:mt-2 li+li {
  margin-top: 0.5rem;
}

.\[\&_ol\]\:my-4 ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.\[\&_ol\]\:list-decimal ol {
  list-style-type: decimal;
}

.\[\&_ol\]\:ps-6 ol {
  padding-inline-start: 1.5rem;
}

.\[\&_p\+p\]\:mt-4 p+p {
  margin-top: 1rem;
}

.\[\&_p\]\:text-pretty p {
  text-wrap: pretty;
}

.\[\&_ul\]\:my-4 ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.\[\&_ul\]\:list-disc ul {
  list-style-type: disc;
}

.\[\&_ul\]\:ps-6 ul {
  padding-inline-start: 1.5rem;
}