/* Third-party styles must be imported BEFORE Tailwind layers */ /* This ensures Tailwind's utilities can override them when needed */ .PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000} @keyframes PhotoView__rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} @keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}} .PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both} .PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite} .PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none} .PhotoView__Photo:active{cursor:grabbing} .PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)} .PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%} .PhotoView__PhotoWrap{overflow:hidden;z-index:10} .PhotoView__PhotoBox{transform-origin:left top} @keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}} .PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0} .PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1} .PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0} .PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0} .PhotoView-Slider__BannerWrap{align-items:center;background-color:rgba(0,0,0,.5);color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20} .PhotoView-Slider__BannerWrap:hover{opacity:1} .PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px} .PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%} .PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear} .PhotoView-Slider__toolbarIcon:hover{opacity:1} .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20} .PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1} .PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:10px;width:24px} .PhotoView-Slider__ArrowLeft{left:0} .PhotoView-Slider__ArrowRight{right:0} /* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ :root { --react-pdf-annotation-layer: 1; --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; } @media screen and (forced-colors: active) { :root { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selectedItem; } .annotationLayer .linkAnnotation:hover { backdrop-filter: invert(100%); } } .annotationLayer { position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; z-index: 3; } .annotationLayer[data-main-rotation='90'] .norotate { transform: rotate(270deg) translateX(-100%); } .annotationLayer[data-main-rotation='180'] .norotate { transform: rotate(180deg) translate(-100%, -100%); } .annotationLayer[data-main-rotation='270'] .norotate { transform: rotate(90deg) translateY(-100%); } .annotationLayer canvas { position: absolute; width: 100%; height: 100%; } .annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; margin: 0; transform-origin: 0 0; } .annotationLayer .linkAnnotation { outline: var(--link-outline); } .textLayer.selecting ~ .annotationLayer section { pointer-events: none; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover { opacity: 0.2; background: rgba(255, 255, 0, 1); box-shadow: 0 2px 10px rgba(255, 255, 0, 1); } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100%; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { resize: none; } .annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { background-color: CanvasText; content: ''; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb:focus { /* * Letter spacing is placed on the right side of each character. Hence, the * letter spacing of the last character may be placed outside the visible * area, causing horizontal scrolling. We avoid this by extending the width * when the element has focus and revert this when it loses focus. */ width: 103%; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .annotationLayer .popupTriggerArea { height: 100%; width: 100%; } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { position: absolute; } .annotationLayer .popupWrapper { position: absolute; font-size: calc(9px * var(--total-scale-factor)); width: 100%; min-width: calc(180px * var(--total-scale-factor)); pointer-events: none; } .annotationLayer .popup { position: absolute; max-width: calc(180px * var(--total-scale-factor)); background-color: rgba(255, 255, 153, 1); box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgba(136, 136, 136, 1); border-radius: calc(2px * var(--total-scale-factor)); padding: calc(6px * var(--total-scale-factor)); margin-left: calc(5px * var(--total-scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; } .annotationLayer .popup > * { font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .popup h1 { display: inline-block; } .annotationLayer .popupDate { display: inline-block; margin-left: calc(5px * var(--total-scale-factor)); } .annotationLayer .popupContent { border-top: 1px solid rgba(51, 51, 51, 1); margin-top: calc(2px * var(--total-scale-factor)); padding-top: calc(2px * var(--total-scale-factor)); } .annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .annotationLayer .annotationTextContent span { width: 100%; display: inline-block; } /* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ :root { --react-pdf-text-layer: 1; --highlight-bg-color: rgba(180, 0, 170, 1); --highlight-selected-bg-color: rgba(0, 100, 0, 1); } @media screen and (forced-colors: active) { :root { --highlight-bg-color: Highlight; --highlight-selected-bg-color: ButtonText; } } [data-main-rotation='90'] { transform: rotate(90deg) translateY(-100%); } [data-main-rotation='180'] { transform: rotate(180deg) translate(-100%, -100%); } [data-main-rotation='270'] { transform: rotate(270deg) translateX(-100%); } .textLayer { position: absolute; text-align: initial; inset: 0; overflow: hidden; line-height: 1; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; z-index: 2; } .textLayer :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; margin: 0; transform-origin: 0 0; } /* Only necessary in Google Chrome, see issue 14205, and most unfortunately * the problem doesn't show up in "text" reference tests. */ .textLayer span.markedContent { top: 0; height: 0; } .textLayer .highlight { margin: -1px; padding: 1px; background-color: var(--highlight-bg-color); border-radius: 4px; } .textLayer .highlight.appended { position: initial; } .textLayer .highlight.begin { border-radius: 4px 0 0 4px; } .textLayer .highlight.end { border-radius: 0 4px 4px 0; } .textLayer .highlight.middle { border-radius: 0; } .textLayer .highlight.selected { background-color: var(--highlight-selected-bg-color); } /* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */ .textLayer br::-moz-selection { background: transparent; } .textLayer br::selection { background: transparent; } .textLayer .endOfContent { display: block; position: absolute; inset: 100% 0 0; z-index: -1; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .textLayer.selecting .endOfContent { top: 0; } .hiddenCanvasElement { position: absolute; top: 0; left: 0; width: 0; height: 0; display: none; } *, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } /* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: var(--ddd-font-family); /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } :root { /* DDD Plugin primary color - set dynamically from WP settings via JS */ --ddd-primary-color: inherit; --background: 0 0% 100%; --foreground: 0 0% 3.9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; --primary: 0 0% 9%; --primary-foreground: 0 0% 98%; --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; --placeholder: 0 0% 65%; --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; --radius: 1rem; corner-shape: squircle; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; /* Tooltip - always dark background for both light/dark mode */ --tooltip: 0 0% 0%; --tooltip-foreground: 0 0% 100%; } .dark { --background: 0 0% 3.9%; --foreground: 0 0% 98%; --card: 0 0% 3.9%; --card-foreground: 0 0% 98%; --popover: 0 0% 3.9%; --popover-foreground: 0 0% 98%; --primary: 0 0% 98%; --primary-foreground: 0 0% 9%; --secondary: 0 0% 14.9%; --secondary-foreground: 0 0% 98%; --muted: 0 0% 14.9%; --muted-foreground: 0 0% 63.9%; --placeholder: 0 0% 50%; --accent: 0 0% 14.9%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 0 0% 14.9%; --input: 0 0% 14.9%; --ring: 0 0% 83.1%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; /* Tooltip - same in dark mode (always dark background) */ --tooltip: 0 0% 0%; --tooltip-foreground: 0 0% 100%; } *{border-color:hsl(var(--border))} html { /* Prevent layout shift when dialogs open */ overflow-y: scroll; /* Fallback for Safari (no scrollbar-gutter support) */ scrollbar-gutter: stable; /* Modern browsers - reserves space for scrollbar */ /* iOS Safari: Prevent text zoom on orientation change */ /* This fixes the issue where rotating iPhone causes unwanted zoom */ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; } /* iOS Dynamic Type support */ /* Zdedí font-size z iOS nastavení, zachová vlastný font-family */ /* Zdroj: https://dev.to/colingourlay/how-to-support-apple-s-dynamic-text-in-your-web-content-with-css-40c0 */ @supports (font: -apple-system-body) { @media (max-width: 768px) { html { font: -apple-system-body; font-family: var(--ddd-font-family); } } } body{background-color:hsl(var(--background));color:hsl(var(--foreground)); /* iOS Safari: Disable double-tap zoom, allow pan + pinch */ /* This helps prevent stuck zoom after orientation change */ touch-action: manipulation; /* iOS PWA: Prevent rubber-banding effect which causes glitches on rotation */ overscroll-behavior-y: none} /* iOS touch delay fix - removes 300ms delay on tap */ /* manipulation = allow pan + pinch zoom, disable double-tap zoom */ /* Note: MapLibre controls excluded - they need special touch handling */ a, button:not([class*='maplibregl-ctrl']), input, select, textarea, [role='button'], [role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'], [role='option'], [role='tab'], [tabindex]:not([tabindex='-1']) { touch-action: manipulation; /* Disable tap highlight on iOS */ -webkit-tap-highlight-color: transparent; /* iOS Safari cursor fix - ensures touch targets are recognized */ cursor: pointer; } /* iOS Safari modal/sheet fix - ensure content is touchable */ /* Radix Dialog uses data-state attribute */ [data-state='open'] { /* Force GPU layer for proper touch handling on iOS */ /* Workaround for Radix issue #2580 - iOS pointer events bug */ transform: translate(0, 0); } /* iOS Safari fix for elements inside portals/modals */ /* Radix Portal content needs explicit transform for iOS touch */ /* Note: MapLibre elements are excluded via separate rule outside @layer */ [data-radix-portal] *, [role='dialog'] *, [role='menu'] *, [role='listbox'] * { transform: translate(0, 0); } .\!container{width:100% !important;margin-right:auto !important;margin-left:auto !important;padding-right:2rem !important;padding-left:2rem !important} .container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem} @media (min-width: 1400px){ .\!container{max-width:1400px !important} .container{max-width:1400px}} .prose{color:var(--tw-prose-body);max-width:65ch;} .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em} .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em} .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500} .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-bold);font-weight:600} .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em} .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-alpha} .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-alpha} .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-alpha} .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-alpha} .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-roman} .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-roman} .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-roman} .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-roman} .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:decimal} .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em} .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{font-weight:400;color:var(--tw-prose-counters)} .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{color:var(--tw-prose-bullets)} .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em} .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em} .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:0.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em} .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:open-quote} .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:close-quote} .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111} .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:900;color:inherit} .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333} .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:800;color:inherit} .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6} .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:700;color:inherit} .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5} .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:700;color:inherit} .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){display:block;margin-top:2em;margin-bottom:2em} .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em} .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-code);font-weight:600;font-size:0.875em} .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:"`"} .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:"`"} .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-size:0.875em} .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-size:0.9em} .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em} .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit} .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:none} .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:none} .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857} .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)} .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em} .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)} .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:0} .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){vertical-align:baseline} .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)} .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){vertical-align:top} .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){text-align:start} .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-captions);font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em} .prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgb(17 24 39 / 10%);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:rgb(255 255 255 / 10%);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75} .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;margin-bottom:0.5em} .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em} .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em} .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em} .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em} .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em} .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em} .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em} .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em} .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em} .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;padding-inline-start:1.625em} .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em} .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:0} .prose-sm{font-size:0.875rem;line-height:1.7142857;} .prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em} .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:0.8888889em;margin-bottom:0.8888889em} .prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em} .prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:2.1428571em;margin-top:0;margin-bottom:0.8em;line-height:1.2} .prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:0.8em;line-height:1.4} .prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:0.4444444em;line-height:1.5555556} .prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.4285714em;margin-bottom:0.5714286em;line-height:1.4285714} .prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em} .prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em} .prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em} .prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em;border-radius:0.3125rem;padding-top:0.1428571em;padding-inline-end:0.3571429em;padding-bottom:0.1428571em;padding-inline-start:0.3571429em} .prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em} .prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.9em} .prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8888889em} .prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:0.25rem;padding-top:0.6666667em;padding-inline-end:1em;padding-bottom:0.6666667em;padding-inline-start:1em} .prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em} .prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em} .prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.2857143em;margin-bottom:0.2857143em} .prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.4285714em} .prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.4285714em} .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5714286em;margin-bottom:0.5714286em} .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em} .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.1428571em} .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em} .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.1428571em} .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5714286em;margin-bottom:0.5714286em} .prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em;margin-bottom:1.1428571em} .prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.1428571em} .prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.2857143em;padding-inline-start:1.5714286em} .prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2.8571429em;margin-bottom:2.8571429em} .prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em;line-height:1.5} .prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:1em;padding-bottom:0.6666667em;padding-inline-start:1em} .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-top:0.6666667em;padding-inline-end:1em;padding-bottom:0.6666667em;padding-inline-start:1em} .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.7142857em;margin-bottom:1.7142857em} .prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-size:0.8571429em;line-height:1.3333333;margin-top:0.6666667em} .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:0} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} .pointer-events-none{pointer-events:none} .visible{visibility:visible} .invisible{visibility:hidden} .collapse{visibility:collapse} .static{position:static} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .sticky{position:sticky} .inset-0{inset:0px} .inset-x-0{left:0px;right:0px} .inset-y-0{top:0px;bottom:0px} .-bottom-2{bottom:-0.5rem} .-right-0\.5{right:-0.125rem} .-right-1{right:-0.25rem} .-right-2{right:-0.5rem} .-right-3{right:-0.75rem} .-top-0\.5{top:-0.125rem} .-top-1{top:-0.25rem} .-top-1\.5{top:-0.375rem} .-top-2{top:-0.5rem} .-top-3{top:-0.75rem} .bottom-0{bottom:0px} .bottom-4{bottom:1rem} .bottom-\[12\%\]{bottom:12%} .bottom-\[calc\(env\(safe-area-inset-bottom\2c 0px\)\+0\.5rem\)\]{bottom:calc(env(safe-area-inset-bottom,0px) + 0.5rem)} .left-0{left:0px} .left-1{left:0.25rem} .left-1\/2{left:50%} .left-2{left:0.5rem} .left-2\.5{left:0.625rem} .left-3{left:0.75rem} .left-4{left:1rem} .left-8{left:2rem} .left-\[-1\.6em\]{left:-1.6em} .right-0{right:0px} .right-1{right:0.25rem} .right-10{right:2.5rem} .right-2{right:0.5rem} .right-2\.5{right:0.625rem} .right-3{right:0.75rem} .right-4{right:1rem} .right-8{right:2rem} .top-0{top:0px} .top-1{top:0.25rem} .top-1\/2{top:50%} .top-2{top:0.5rem} .top-4{top:1rem} .top-\[0\.4rem\]{top:0.4rem} .top-\[6px\]{top:6px} .top-\[calc\(0\.75rem\+env\(safe-area-inset-top\)\)\]{top:calc(0.75rem + env(safe-area-inset-top))} .top-\[calc\(env\(safe-area-inset-top\2c 0px\)\+0\.5rem\)\]{top:calc(env(safe-area-inset-top,0px) + 0.5rem)} .top-full{top:100%} .isolate{isolation:isolate} .z-0{z-index:0} .z-10{z-index:10} .z-40{z-index:40} .z-50{z-index:50} .z-\[100000\]{z-index:100000} .z-\[1000\]{z-index:1000} .order-1{order:1} .order-2{order:2} .order-3{order:3} .order-4{order:4} .order-5{order:5} .order-6{order:6} .row-span-2{grid-row:span 2 / span 2} .\!m-0{margin:0px !important} .-m-1\.5{margin:-0.375rem} .m-0{margin:0px} .-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .-mx-2{margin-left:-0.5rem;margin-right:-0.5rem} .-mx-4{margin-left:-1rem;margin-right:-1rem} .-mx-6{margin-left:-1.5rem;margin-right:-1.5rem} .-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem} .-my-2{margin-top:-0.5rem;margin-bottom:-0.5rem} .mx-1{margin-left:0.25rem;margin-right:0.25rem} .mx-3{margin-left:0.75rem;margin-right:0.75rem} .mx-4{margin-left:1rem;margin-right:1rem} .mx-auto{margin-left:auto;margin-right:auto} .my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem} .my-1{margin-top:0.25rem;margin-bottom:0.25rem} .my-2{margin-top:0.5rem;margin-bottom:0.5rem} .my-3{margin-top:0.75rem;margin-bottom:0.75rem} .my-4{margin-top:1rem;margin-bottom:1rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem} .\!mb-6{margin-bottom:1.5rem !important} .\!mt-2{margin-top:0.5rem !important} .-mb-20{margin-bottom:-5rem} .-ml-1\.5{margin-left:-0.375rem} .-ml-px{margin-left:-1px} .-mr-2{margin-right:-0.5rem} .-mt-2{margin-top:-0.5rem} .-mt-4{margin-top:-1rem} .-mt-6{margin-top:-1.5rem} .-mt-\[max\(1\.5rem\2c env\(safe-area-inset-top\)\)\]{margin-top:calc(max(1.5rem,env(safe-area-inset-top)) * -1)} .mb-1{margin-bottom:0.25rem} .mb-1\.5{margin-bottom:0.375rem} .mb-2{margin-bottom:0.5rem} .mb-3{margin-bottom:0.75rem} .mb-4{margin-bottom:1rem} .mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem} .ml-0\.5{margin-left:0.125rem} .ml-1{margin-left:0.25rem} .ml-1\.5{margin-left:0.375rem} .ml-2{margin-left:0.5rem} .ml-4{margin-left:1rem} .ml-6{margin-left:1.5rem} .ml-7{margin-left:1.75rem} .ml-auto{margin-left:auto} .mr-1{margin-right:0.25rem} .mr-1\.5{margin-right:0.375rem} .mr-2{margin-right:0.5rem} .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-24{margin-top:6rem} .mt-3{margin-top:0.75rem} .mt-4{margin-top:1rem} .mt-6{margin-top:1.5rem} .mt-8{margin-top:2rem} .mt-auto{margin-top:auto} .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-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6} .\!block{display:block !important} .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} .list-item{display:list-item} .hidden{display:none} .\!aspect-square{aspect-ratio:1 / 1 !important} .aspect-\[2\/1\]{aspect-ratio:2/1} .aspect-\[3\/1\]{aspect-ratio:3/1} .aspect-\[4\/1\]{aspect-ratio:4/1} .aspect-square{aspect-ratio:1 / 1} .aspect-video{aspect-ratio:16 / 9} .size-4{width:1rem;height:1rem} .size-\[--cell-size\]{width:var(--cell-size);height:var(--cell-size)} .\!h-5{height:1.25rem !important} .h-1{height:0.25rem} .h-1\.5{height:0.375rem} .h-10{height:2.5rem} .h-11{height:2.75rem} .h-12{height:3rem} .h-14{height:3.5rem} .h-16{height:4rem} .h-2{height:0.5rem} .h-2\.5{height:0.625rem} .h-20{height:5rem} .h-24{height:6rem} .h-28{height:7rem} .h-3{height:0.75rem} .h-3\.5{height:0.875rem} .h-32{height:8rem} .h-4{height:1rem} .h-48{height:12rem} .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-\[--cell-size\]{height:var(--cell-size)} .h-\[10px\]{height:10px} .h-\[11px\]{height:11px} .h-\[1px\]{height:1px} .h-\[200px\]{height:200px} .h-\[22px\]{height:22px} .h-\[290px\]{height:290px} .h-\[400px\]{height:400px} .h-\[95vh\]{height:95vh} .h-\[calc\(100vh-100px-env\(safe-area-inset-top\)\)\]{height:calc(100vh - 100px - env(safe-area-inset-top))} .h-\[calc\(100vh-160px-env\(safe-area-inset-top\)\)\]{height:calc(100vh - 160px - env(safe-area-inset-top))} .h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)} .h-\[calc\(100vh-env\(safe-area-inset-top\)\)\]{height:calc(100vh - env(safe-area-inset-top))} .h-\[calc\(4rem\+env\(safe-area-inset-bottom\)\)\]{height:calc(4rem + env(safe-area-inset-bottom))} .h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)} .h-auto{height:auto} .h-dvh{height:100dvh} .h-full{height:100%} .h-px{height:1px} .h-screen{height:100vh} .max-h-20{max-height:5rem} .max-h-24{max-height:6rem} .max-h-32{max-height:8rem} .max-h-40{max-height:10rem} .max-h-48{max-height:12rem} .max-h-60{max-height:15rem} .max-h-80{max-height:20rem} .max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)} .max-h-\[50vh\]{max-height:50vh} .max-h-\[60vh\]{max-height:60vh} .max-h-\[80vh\]{max-height:80vh} .max-h-\[85vh\]{max-height:85vh} .max-h-\[90vh\]{max-height:90vh} .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)} .max-h-full{max-height:100%} .max-h-none{max-height:none} .min-h-0{min-height:0px} .min-h-9{min-height:2.25rem} .min-h-\[100px\]{min-height:100px} .min-h-\[200px\]{min-height:200px} .min-h-\[280px\]{min-height:280px} .min-h-\[300px\]{min-height:300px} .min-h-\[320px\]{min-height:320px} .min-h-\[33vh\]{min-height:33vh} .min-h-\[360px\]{min-height:360px} .min-h-\[40px\]{min-height:40px} .min-h-\[50vh\]{min-height:50vh} .min-h-\[52px\]{min-height:52px} .min-h-\[60px\]{min-height:60px} .min-h-\[80px\]{min-height:80px} .min-h-screen{min-height:100vh} .\!w-5{width:1.25rem !important} .w-0{width:0px} .w-1{width:0.25rem} .w-1\/2{width:50%} .w-1\/4{width:25%} .w-10{width:2.5rem} .w-11{width:2.75rem} .w-12{width:3rem} .w-14{width:3.5rem} .w-16{width:4rem} .w-2{width:0.5rem} .w-2\.5{width:0.625rem} .w-20{width:5rem} .w-24{width:6rem} .w-28{width:7rem} .w-3{width:0.75rem} .w-3\.5{width:0.875rem} .w-3\/4{width:75%} .w-32{width:8rem} .w-36{width:9rem} .w-4{width:1rem} .w-40{width:10rem} .w-48{width:12rem} .w-5{width:1.25rem} .w-56{width:14rem} .w-6{width:1.5rem} .w-64{width:16rem} .w-7{width:1.75rem} .w-72{width:18rem} .w-8{width:2rem} .w-9{width:2.25rem} .w-\[--cell-size\]{width:var(--cell-size)} .w-\[--radix-popover-trigger-width\]{width:var(--radix-popover-trigger-width)} .w-\[10\%\]{width:10%} .w-\[100px\]{width:100px} .w-\[11\%\]{width:11%} .w-\[12\%\]{width:12%} .w-\[120px\]{width:120px} .w-\[14\%\]{width:14%} .w-\[140px\]{width:140px} .w-\[160px\]{width:160px} .w-\[18\%\]{width:18%} .w-\[180px\]{width:180px} .w-\[1px\]{width:1px} .w-\[200px\]{width:200px} .w-\[22\%\]{width:22%} .w-\[250px\]{width:250px} .w-\[35\%\]{width:35%} .w-\[37\.5\%\]{width:37.5%} .w-\[40px\]{width:40px} .w-\[500px\]{width:500px} .w-\[5px\]{width:5px} .w-\[70px\]{width:70px} .w-\[9\%\]{width:9%} .w-auto{width:auto} .w-fit{width:-moz-fit-content;width:fit-content} .w-full{width:100%} .w-max{width:-moz-max-content;width:max-content} .w-px{width:1px} .w-screen{width:100vw} .min-w-0{min-width:0px} .min-w-10{min-width:2.5rem} .min-w-8{min-width:2rem} .min-w-9{min-width:2.25rem} .min-w-\[--cell-size\]{min-width:var(--cell-size)} .min-w-\[120px\]{min-width:120px} .min-w-\[140px\]{min-width:140px} .min-w-\[2\.5rem\]{min-width:2.5rem} .min-w-\[200px\]{min-width:200px} .min-w-\[20px\]{min-width:20px} .min-w-\[260px\]{min-width:260px} .min-w-\[50px\]{min-width:50px} .min-w-\[60px\]{min-width:60px} .min-w-\[8rem\]{min-width:8rem} .min-w-\[90px\]{min-width:90px} .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)} .max-w-2xl{max-width:42rem} .max-w-3xl{max-width:48rem} .max-w-48{max-width:12rem} .max-w-4xl{max-width:56rem} .max-w-64{max-width:16rem} .max-w-\[100px\]{max-width:100px} .max-w-\[120px\]{max-width:120px} .max-w-\[140px\]{max-width:140px} .max-w-\[150px\]{max-width:150px} .max-w-\[160px\]{max-width:160px} .max-w-\[176px\]{max-width:176px} .max-w-\[180px\]{max-width:180px} .max-w-\[200px\]{max-width:200px} .max-w-\[20ch\]{max-width:20ch} .max-w-\[220px\]{max-width:220px} .max-w-\[280px\]{max-width:280px} .max-w-\[300px\]{max-width:300px} .max-w-\[30px\]{max-width:30px} .max-w-\[350px\]{max-width:350px} .max-w-\[400px\]{max-width:400px} .max-w-\[70\%\]{max-width:70%} .max-w-\[80vw\]{max-width:80vw} .max-w-full{max-width:100%} .max-w-lg{max-width:32rem} .max-w-md{max-width:28rem} .max-w-none{max-width:none} .max-w-screen-xl{max-width:1280px} .max-w-sm{max-width:24rem} .max-w-xs{max-width:20rem} .flex-1{flex:1 1 0%} .flex-shrink-0{flex-shrink:0} .shrink{flex-shrink:1} .shrink-0{flex-shrink:0} .table-fixed{table-layout:fixed} .caption-bottom{caption-side:bottom} .border-collapse{border-collapse:collapse} .origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)} .origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)} .origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)} .origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)} .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .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 pulse{ 50%{opacity:.5}} .animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite} @keyframes spin{ to{transform:rotate(360deg)}} .animate-spin{animation:spin 1s linear infinite} .cursor-col-resize{cursor:col-resize} .cursor-crosshair{cursor:crosshair} .cursor-default{cursor:default} .cursor-grab{cursor:grab} .cursor-help{cursor:help} .cursor-not-allowed{cursor:not-allowed} .cursor-pointer{cursor:pointer} .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} .scroll-mt-\[calc\(3\.5rem\+env\(safe-area-inset-top\)\)\]{scroll-margin-top:calc(3.5rem + env(safe-area-inset-top))} .list-inside{list-style-position:inside} .list-disc{list-style-type:disc} .list-none{list-style-type:none} .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))} .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .grid-cols-\[1fr\2c auto\2c 1fr\]{grid-template-columns:1fr auto 1fr} .grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto} .grid-cols-\[minmax\(0\2c 1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto} .flex-row{flex-direction:row} .flex-col{flex-direction:column} .flex-col-reverse{flex-direction:column-reverse} .flex-wrap{flex-wrap:wrap} .place-content-center{place-content: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} .justify-evenly{justify-content:space-evenly} .gap-0{gap:0px} .gap-0\.5{gap:0.125rem} .gap-1{gap:0.25rem} .gap-1\.5{gap:0.375rem} .gap-2{gap:0.5rem} .gap-3{gap:0.75rem} .gap-4{gap:1rem} .gap-6{gap:1.5rem} .gap-7{gap:1.75rem} .gap-x-1{-moz-column-gap:0.25rem;column-gap:0.25rem} .gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem} .gap-x-4{-moz-column-gap:1rem;column-gap:1rem} .gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem} .gap-y-1{row-gap:0.25rem} .gap-y-2{row-gap:0.5rem} .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-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))} .space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))} .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))} .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))} .space-y-10 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))} .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))} .divide-border > :not([hidden]) ~ :not([hidden]){border-color:hsl(var(--border))} .self-stretch{align-self:stretch} .overflow-auto{overflow:auto} .overflow-hidden{overflow:hidden} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-hidden{overflow-x:hidden} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .whitespace-normal{white-space:normal} .whitespace-nowrap{white-space:nowrap} .whitespace-pre-line{white-space:pre-line} .whitespace-pre-wrap{white-space:pre-wrap} .break-words{overflow-wrap:break-word} .break-all{word-break:break-all} .rounded{border-radius:0.25rem} .rounded-2xl{border-radius:1rem} .rounded-\[1\.75rem\]{border-radius:1.75rem} .rounded-\[2px\]{border-radius:2px} .rounded-\[4px\]{border-radius:4px} .rounded-\[inherit\]{border-radius:inherit} .rounded-full{border-radius:9999px} .rounded-lg{border-radius:var(--radius)} .rounded-md{border-radius:calc(var(--radius) - 2px)} .rounded-none{border-radius:0px} .rounded-sm{border-radius:calc(var(--radius) - 4px)} .rounded-xl{border-radius:0.75rem} .rounded-b-\[100px\]{border-bottom-right-radius:100px;border-bottom-left-radius:100px} .rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)} .rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px} .rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)} .rounded-l-none{border-top-left-radius:0px;border-bottom-left-radius:0px} .rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px} .rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)} .rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px} .rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px} .rounded-t-xl{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem} .border{border-width:1px} .border-0{border-width:0px} .border-2{border-width:2px} .border-\[1\.5px\]{border-width:1.5px} .border-\[3px\]{border-width:3px} .border-x-0{border-left-width:0px;border-right-width:0px} .border-b{border-bottom-width:1px} .border-b-2{border-bottom-width:2px} .border-l{border-left-width:1px} .border-l-0{border-left-width:0px} .border-l-2{border-left-width:2px} .border-r{border-right-width:1px} .border-t{border-top-width:1px} .border-dashed{border-style:dashed} .border-dotted{border-style:dotted} .border-\[--color-border\]{border-color:var(--color-border)} .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))} .border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))} .border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))} .border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))} .border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))} .border-border{border-color:hsl(var(--border))} .border-border\/50{border-color:hsl(var(--border) / 0.5)} .border-border\/70{border-color:hsl(var(--border) / 0.7)} .border-destructive{border-color:hsl(var(--destructive))} .border-destructive\/20{border-color:hsl(var(--destructive) / 0.2)} .border-destructive\/30{border-color:hsl(var(--destructive) / 0.3)} .border-destructive\/50{border-color:hsl(var(--destructive) / 0.5)} .border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))} .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))} .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))} .border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))} .border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))} .border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))} .border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))} .border-input{border-color:hsl(var(--input))} .border-muted{border-color:hsl(var(--muted))} .border-muted-foreground\/25{border-color:hsl(var(--muted-foreground) / 0.25)} .border-muted-foreground\/40{border-color:hsl(var(--muted-foreground) / 0.4)} .border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))} .border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))} .border-primary{border-color:hsl(var(--primary))} .border-primary\/20{border-color:hsl(var(--primary) / 0.2)} .border-primary\/30{border-color:hsl(var(--primary) / 0.3)} .border-primary\/50{border-color:hsl(var(--primary) / 0.5)} .border-purple-300{--tw-border-opacity:1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))} .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))} .border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))} .border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))} .border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))} .border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))} .border-tooltip\/20{border-color:hsl(var(--tooltip) / 0.2)} .border-transparent{border-color:transparent} .border-violet-200{--tw-border-opacity:1;border-color:rgb(221 214 254 / var(--tw-border-opacity, 1))} .border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))} .border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))} .border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))} .border-l-transparent{border-left-color:transparent} .border-t-transparent{border-top-color:transparent} .bg-\[--color-bg\]{background-color:var(--color-bg)} .bg-accent{background-color:hsl(var(--accent))} .bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))} .bg-amber-100\/50{background-color:rgb(254 243 199 / 0.5)} .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))} .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))} .bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))} .bg-background{background-color:hsl(var(--background))} .bg-background\/80{background-color:hsl(var(--background) / 0.8)} .bg-background\/95{background-color:hsl(var(--background) / 0.95)} .bg-black\/40{background-color:rgb(0 0 0 / 0.4)} .bg-black\/60{background-color:rgb(0 0 0 / 0.6)} .bg-black\/80{background-color:rgb(0 0 0 / 0.8)} .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))} .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))} .bg-blue-50\/50{background-color:rgb(239 246 255 / 0.5)} .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))} .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))} .bg-border{background-color:hsl(var(--border))} .bg-card{background-color:hsl(var(--card))} .bg-destructive{background-color:hsl(var(--destructive))} .bg-destructive\/10{background-color:hsl(var(--destructive) / 0.1)} .bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))} .bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))} .bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))} .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))} .bg-gray-200\/60{background-color:rgb(229 231 235 / 0.6)} .bg-gray-200\/80{background-color:rgb(229 231 235 / 0.8)} .bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))} .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))} .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))} .bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))} .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))} .bg-input{background-color:hsl(var(--input))} .bg-muted{background-color:hsl(var(--muted))} .bg-muted-foreground{background-color:hsl(var(--muted-foreground))} .bg-muted-foreground\/30{background-color:hsl(var(--muted-foreground) / 0.3)} .bg-muted\/30{background-color:hsl(var(--muted) / 0.3)} .bg-muted\/40{background-color:hsl(var(--muted) / 0.4)} .bg-muted\/50{background-color:hsl(var(--muted) / 0.5)} .bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))} .bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))} .bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))} .bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))} .bg-popover{background-color:hsl(var(--popover))} .bg-primary{background-color:hsl(var(--primary))} .bg-primary\/10{background-color:hsl(var(--primary) / 0.1)} .bg-primary\/20{background-color:hsl(var(--primary) / 0.2)} .bg-primary\/5{background-color:hsl(var(--primary) / 0.05)} .bg-primary\/90{background-color:hsl(var(--primary) / 0.9)} .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))} .bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))} .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))} .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))} .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))} .bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))} .bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))} .bg-secondary{background-color:hsl(var(--secondary))} .bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))} .bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))} .bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))} .bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))} .bg-tooltip{background-color:hsl(var(--tooltip))} .bg-transparent{background-color:transparent} .bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))} .bg-violet-500{--tw-bg-opacity:1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))} .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .bg-white\/20{background-color:rgb(255 255 255 / 0.2)} .bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))} .bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))} .bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))} .bg-yellow-50\/50{background-color:rgb(254 252 232 / 0.5)} .bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))} .bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))} .from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .to-background{--tw-gradient-to:hsl(var(--background)) var(--tw-gradient-to-position)} .to-slate-100{--tw-gradient-to:#f1f5f9 var(--tw-gradient-to-position)} .fill-current{fill:currentColor} .fill-primary{fill:hsl(var(--primary))} .fill-yellow-500{fill:#eab308} .object-contain{-o-object-fit:contain;object-fit:contain} .object-cover{-o-object-fit:cover;object-fit:cover} .p-0{padding:0px} .p-0\.5{padding:0.125rem} .p-1{padding:0.25rem} .p-1\.5{padding:0.375rem} .p-12{padding:3rem} .p-2{padding:0.5rem} .p-2\.5{padding:0.625rem} .p-3{padding:0.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-8{padding:2rem} .p-\[1px\]{padding:1px} .px-0{padding-left:0px;padding-right:0px} .px-0\.5{padding-left:0.125rem;padding-right:0.125rem} .px-1{padding-left:0.25rem;padding-right:0.25rem} .px-1\.5{padding-left:0.375rem;padding-right:0.375rem} .px-2{padding-left:0.5rem;padding-right:0.5rem} .px-2\.5{padding-left:0.625rem;padding-right:0.625rem} .px-3{padding-left:0.75rem;padding-right:0.75rem} .px-3\.5{padding-left:0.875rem;padding-right:0.875rem} .px-4{padding-left:1rem;padding-right:1rem} .px-6{padding-left:1.5rem;padding-right:1.5rem} .px-8{padding-left:2rem;padding-right:2rem} .px-\[--cell-size\]{padding-left:var(--cell-size);padding-right:var(--cell-size)} .py-0{padding-top:0px;padding-bottom:0px} .py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem} .py-1{padding-top:0.25rem;padding-bottom:0.25rem} .py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem} .py-12{padding-top:3rem;padding-bottom:3rem} .py-16{padding-top:4rem;padding-bottom:4rem} .py-2{padding-top:0.5rem;padding-bottom:0.5rem} .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem} .py-3{padding-top:0.75rem;padding-bottom:0.75rem} .py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem} .py-4{padding-top:1rem;padding-bottom:1rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .py-8{padding-top:2rem;padding-bottom:2rem} .py-px{padding-top:1px;padding-bottom:1px} .pb-0{padding-bottom:0px} .pb-2{padding-bottom:0.5rem} .pb-24{padding-bottom:6rem} .pb-3{padding-bottom:0.75rem} .pb-4{padding-bottom:1rem} .pb-5{padding-bottom:1.25rem} .pb-6{padding-bottom:1.5rem} .pb-8{padding-bottom:2rem} .pb-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))} .pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)} .pb-\[max\(0\.75rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(0.75rem,env(safe-area-inset-bottom))} .pl-0{padding-left:0px} .pl-10{padding-left:2.5rem} .pl-2{padding-left:0.5rem} .pl-3{padding-left:0.75rem} .pl-4{padding-left:1rem} .pl-5{padding-left:1.25rem} .pl-6{padding-left:1.5rem} .pl-8{padding-left:2rem} .pl-9{padding-left:2.25rem} .pr-1{padding-right:0.25rem} .pr-10{padding-right:2.5rem} .pr-12{padding-right:3rem} .pr-2{padding-right:0.5rem} .pr-20{padding-right:5rem} .pr-4{padding-right:1rem} .pr-6{padding-right:1.5rem} .pr-8{padding-right:2rem} .pr-9{padding-right:2.25rem} .pt-0{padding-top:0px} .pt-0\.5{padding-top:0.125rem} .pt-2{padding-top:0.5rem} .pt-3{padding-top:0.75rem} .pt-4{padding-top:1rem} .pt-6{padding-top:1.5rem} .pt-8{padding-top:2rem} .pt-\[calc\(1\.5rem\+env\(safe-area-inset-top\)\)\]{padding-top:calc(1.5rem + env(safe-area-inset-top))} .pt-\[calc\(env\(safe-area-inset-top\2c 0px\)\+1rem\)\]{padding-top:calc(env(safe-area-inset-top,0px) + 1rem)} .pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)} .pt-\[max\(0\.75rem\2c env\(safe-area-inset-top\)\)\]{padding-top:max(0.75rem,env(safe-area-inset-top))} .pt-\[max\(1\.5rem\2c env\(safe-area-inset-top\)\)\]{padding-top:max(1.5rem,env(safe-area-inset-top))} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} .align-top{vertical-align:top} .align-middle{vertical-align:middle} .font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace} .text-2xl{font-size:1.5rem;line-height:2rem} .text-3xl{font-size:1.875rem;line-height:2.25rem} .text-\[0\.35rem\]{font-size:0.35rem} .text-\[0\.5rem\]{font-size:0.5rem} .text-\[0\.625rem\]{font-size:0.625rem} .text-\[0\.8rem\]{font-size:0.8rem} .text-\[10px\]{font-size:10px} .text-\[11px\]{font-size:11px} .text-\[13px\]{font-size:13px} .text-\[22px\]{font-size:22px} .text-base{font-size:1rem;line-height:1.5rem} .text-lg{font-size:1.125rem;line-height:1.75rem} .text-sm{font-size:0.9375rem;line-height:1.375rem} .text-xl{font-size:1.25rem;line-height:1.75rem} .text-xs{font-size:0.75rem;line-height:1rem} .font-bold{font-weight:700} .font-medium{font-weight:500} .font-normal{font-weight:400} .font-semibold{font-weight:600} .uppercase{text-transform:uppercase} .lowercase{text-transform:lowercase} .capitalize{text-transform:capitalize} .italic{font-style:italic} .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-6{line-height:1.5rem} .leading-none{line-height:1} .leading-normal{line-height:1.5} .leading-relaxed{line-height:1.625} .leading-snug{line-height:1.375} .leading-tight{line-height:1.25} .tracking-tight{letter-spacing:-0.025em} .tracking-wide{letter-spacing:0.025em} .tracking-widest{letter-spacing:0.1em} .\!text-amber-700{--tw-text-opacity:1 !important;color:rgb(180 83 9 / var(--tw-text-opacity, 1)) !important} .text-accent-foreground{color:hsl(var(--accent-foreground))} .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))} .text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))} .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))} .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))} .text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))} .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))} .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))} .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))} .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))} .text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))} .text-card-foreground{color:hsl(var(--card-foreground))} .text-current{color:currentColor} .text-destructive{color:hsl(var(--destructive))} .text-destructive-foreground{color:hsl(var(--destructive-foreground))} .text-destructive\/80{color:hsl(var(--destructive) / 0.8)} .text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))} .text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))} .text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))} .text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))} .text-foreground{color:hsl(var(--foreground))} .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))} .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))} .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))} .text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))} .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))} .text-green-900{--tw-text-opacity:1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))} .text-muted-foreground{color:hsl(var(--muted-foreground))} .text-muted-foreground\/40{color:hsl(var(--muted-foreground) / 0.4)} .text-muted-foreground\/70{color:hsl(var(--muted-foreground) / 0.7)} .text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))} .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))} .text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))} .text-orange-900{--tw-text-opacity:1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))} .text-popover-foreground{color:hsl(var(--popover-foreground))} .text-primary{color:hsl(var(--primary))} .text-primary-foreground{color:hsl(var(--primary-foreground))} .text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))} .text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))} .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))} .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))} .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))} .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))} .text-red-900{--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))} .text-rose-900{--tw-text-opacity:1;color:rgb(136 19 55 / var(--tw-text-opacity, 1))} .text-secondary-foreground{color:hsl(var(--secondary-foreground))} .text-sky-900{--tw-text-opacity:1;color:rgb(12 74 110 / var(--tw-text-opacity, 1))} .text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))} .text-tooltip-foreground{color:hsl(var(--tooltip-foreground))} .text-tooltip-foreground\/70{color:hsl(var(--tooltip-foreground) / 0.7)} .text-tooltip-foreground\/90{color:hsl(var(--tooltip-foreground) / 0.9)} .text-violet-800{--tw-text-opacity:1;color:rgb(91 33 182 / var(--tw-text-opacity, 1))} .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .text-white\/60{color:rgb(255 255 255 / 0.6)} .text-white\/70{color:rgb(255 255 255 / 0.7)} .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))} .text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))} .text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))} .text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))} .underline{text-decoration-line:underline} .line-through{text-decoration-line:line-through} .underline-offset-2{text-underline-offset:2px} .underline-offset-4{text-underline-offset:4px} .opacity-0{opacity:0} .opacity-100{opacity:1} .opacity-30{opacity:0.3} .opacity-40{opacity:0.4} .opacity-50{opacity:0.5} .opacity-60{opacity:0.6} .opacity-70{opacity:0.7} .opacity-80{opacity:0.8} .opacity-90{opacity:0.9} .mix-blend-multiply{mix-blend-mode:multiply} .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-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .outline-none{outline:2px solid transparent;outline-offset:2px} .outline{outline-style:solid} .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-inset{--tw-ring-inset:inset} .ring-amber-600\/20{--tw-ring-color:rgb(217 119 6 / 0.2)} .ring-primary{--tw-ring-color:hsl(var(--primary))} .ring-primary\/20{--tw-ring-color:hsl(var(--primary) / 0.2)} .ring-primary\/30{--tw-ring-color:hsl(var(--primary) / 0.3)} .ring-primary\/50{--tw-ring-color:hsl(var(--primary) / 0.5)} .ring-ring{--tw-ring-color:hsl(var(--ring))} .ring-offset-2{--tw-ring-offset-width:2px} .ring-offset-background{--tw-ring-offset-color:hsl(var(--background))} .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)} .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));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)} .grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .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-\[left\]{transition-property:left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-none{transition-property:none} .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .duration-200{transition-duration:200ms} .duration-300{transition-duration:300ms} .duration-500{transition-duration:500ms} .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} @keyframes enter{ from{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}} @keyframes exit{ to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}} .animate-in{animation-name:enter;animation-duration:150ms;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial} .fade-in{--tw-enter-opacity:0} .fade-in-0{--tw-enter-opacity:0} .fade-out{--tw-exit-opacity:0} .zoom-in-95{--tw-enter-scale:.95} .slide-in-from-bottom-4{--tw-enter-translate-y:1rem} .duration-200{animation-duration:200ms} .duration-300{animation-duration:300ms} .duration-500{animation-duration:500ms} .ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .running{animation-play-state:running} .animate-highlight-fade { animation: highlight-fade 4s ease-out forwards; } .\[--cell-size\:2rem\]{--cell-size:2rem} .\[image-rendering\:smooth\]{image-rendering:smooth} .\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere} /* ========================================================================== FormActionBar Sidebar Offset Used for fixed positioning that respects sidebar width on desktop. Default: 0px (mobile). Updated via JS in AppLayout based on sidebar state. ========================================================================== */ :root { --sidebar-offset: 0px; } @media (min-width: 768px) { :root { --sidebar-offset: 256px; } } /* ========================================================================== MapLibre Transform Override - MUST be outside @layer base This has higher cascade priority than @layer rules, allowing MapLibre's inline styles to work properly. The iOS transform fix in @layer base breaks MapLibre's positioning system which relies on inline transforms. ========================================================================== */ .maplibregl-map, .maplibregl-map * { /* Reset to initial (none) - MapLibre will apply its own inline transforms */ /* This works because rules outside @layer have higher priority than @layer rules */ transform: initial; } /* Auto-resize textarea - progressive enhancement */ /* Chrome 123+, Edge, Opera support field-sizing natively */ /* Firefox/Safari will use JS fallback in components */ @supports (field-sizing: content) { textarea { field-sizing: content; } } /* Signature canvas specific styles */ .signature-canvas { border: 2px dashed hsl(var(--border)); border-radius: var(--radius); cursor: crosshair; touch-action: none; } .signature-canvas:active { border-color: hsl(var(--primary)); } /* Leaflet map fixes for Tailwind compatibility */ /* Prevent Tailwind's preflight from breaking Leaflet tiles */ .leaflet-container { width: 100%; height: 100%; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { max-width: none !important; max-height: none !important; } .leaflet-pane { z-index: 1; } .leaflet-tile-pane { z-index: 2; } .leaflet-overlay-pane { z-index: 4; } .leaflet-shadow-pane { z-index: 5; } .leaflet-marker-pane { z-index: 6; } .leaflet-tooltip-pane { z-index: 7; } .leaflet-popup-pane { z-index: 8; } .leaflet-control { z-index: 9; } /* ========================================================================== MapLibre GL JS fixes for Tailwind compatibility Prevents Tailwind's preflight from breaking map tiles and controls ========================================================================== */ /* Map container must fill parent */ .maplibregl-map { width: 100%; height: 100%; } /* Prevent Tailwind preflight from breaking tiles with max-width: 100% */ .maplibregl-canvas, .maplibregl-tile { max-width: none !important; max-height: none !important; } /* Canvas needs proper touch handling for gestures (pan, pinch-zoom) */ .maplibregl-canvas-container, .maplibregl-canvas { touch-action: none !important; } /* Controls need their own touch handling for proper button interaction */ .maplibregl-ctrl-group button, .maplibregl-ctrl-geolocate { touch-action: manipulation !important; /* Override inherited cursor: pointer from base styles */ cursor: pointer; } /* Ensure control buttons are clickable - full pointer-events chain */ .maplibregl-ctrl-top-right, .maplibregl-ctrl-top-left, .maplibregl-ctrl-bottom-right, .maplibregl-ctrl-bottom-left { pointer-events: none; /* Container passes through clicks to map */ } .maplibregl-ctrl-group, .maplibregl-ctrl-geolocate, .maplibregl-ctrl { pointer-events: auto !important; /* But controls themselves are clickable */ } .maplibregl-ctrl-group button { pointer-events: auto !important; } /* Z-index hierarchy for MapLibre layers */ .maplibregl-canvas-container { z-index: 0; } .maplibregl-control-container { z-index: 10; } /* Fix marker positioning - Tailwind resets can affect transforms */ .maplibregl-marker { position: absolute !important; } /* Attribution control styling */ .maplibregl-ctrl-attrib { font-size: 0.625rem; } /* ========================================================================== react-photo-view - iOS PWA Zoom Bug Fix Critical: Prevent native browser zoom on photo overlay to avoid "Zombie Zoom" bug where visualViewport.scale persists after rotation. Photo zoom is handled by react-photo-view via CSS transforms. ========================================================================== */ /* Disable ALL native browser gestures on photo viewer overlay */ /* This ensures pinch-zoom only affects the image (via JS), not the viewport */ .PhotoView-Portal, .PhotoView-Slider__Backdrop, .PhotoView-SlideWrap { touch-action: none !important; } /* react-photo-view light theme */ /* Applied via PhotoProvider className prop */ .PhotoView--light .PhotoView-Slider__Backdrop { background-color: #fff; } .PhotoView--light .PhotoView-Slider__BannerWrap { background-color: rgba(245, 245, 245, 0.95); color: #000; } .PhotoView--light .PhotoView-Slider__Counter { color: #333; } .PhotoView--light .PhotoView-Slider__toolbarIcon { fill: #333; } .PhotoView--light .PhotoView-Slider__ArrowLeft svg, .PhotoView--light .PhotoView-Slider__ArrowRight svg { fill: #333; background: rgba(0, 0, 0, 0.08); } /* Photo description overlay */ .PhotoView--light .PhotoView-description { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 20px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); color: #fff; font-size: 0.875rem; text-align: center; } /* DDD Primary color utilities - uses WP admin color setting */ .text-ddd-primary { color: var(--ddd-primary-color); } /* Section heading with decorative line */ .section-heading-line { display: flex; align-items: center; gap: 0.75rem; } .section-heading-line::after { content: ''; flex: 1; height: 2px; background-color: var(--ddd-primary-color); border-radius: 2px; } /* Hide scrollbar for horizontal scroll containers */ .scrollbar-hide { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */ touch-action: pan-x; /* Enable horizontal touch scrolling */ } .scrollbar-hide::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } /* Thin scrollbar for dialogs and modals - respects rounded corners */ .scrollbar-thin { scrollbar-width: thin; /* Firefox + Chrome 121+ (Baseline Dec 2024) */ } .scrollbar-thin::-webkit-scrollbar { width: 8px; /* Webkit fallback */ } .scrollbar-thin::-webkit-scrollbar-track { background: transparent; } .scrollbar-thin::-webkit-scrollbar-thumb { background-color: hsl(var(--muted-foreground) / 0.3); border-radius: 4px; } .scrollbar-thin::-webkit-scrollbar-thumb:hover { background-color: hsl(var(--muted-foreground) / 0.5); } /* ========================================================================== Sentry Feedback Widget Note: autoInject: false in sentry.ts prevents the floating Actor button from being created. The dialog is opened programmatically via createForm(). ========================================================================== */ /* Safety: never show the floating Sentry actor button (widget trigger) */ #sentry-feedback .widget__actor { display: none !important; } /* ========================================================================== Radix UI / react-remove-scroll - Prevent layout shift Must be OUTSIDE @layer to have higher specificity than injected styles ========================================================================== */ html body[data-scroll-locked='1'] { margin-right: 0 !important; padding-right: 0 !important; } /* ========================================================================== react-simple-wysiwyg Editor - Custom styling ========================================================================== */ .rsw-editor-wrapper { border-radius: var(--radius); overflow: hidden; } .rsw-editor-wrapper.border-destructive .rsw-ce, .rsw-editor-wrapper.border-destructive .rsw-toolbar { border-color: hsl(var(--destructive)); } /* Editor container */ .rsw-editor { border: 1px solid hsl(var(--input)); border-radius: var(--radius); overflow: hidden; background-color: hsl(var(--background)); font-family: inherit; } /* Toolbar */ .rsw-toolbar { background-color: hsl(var(--muted)); border-bottom: 1px solid hsl(var(--input)); padding: 4px; gap: 2px; } /* Toolbar buttons */ .rsw-btn { background: transparent; border: none; border-radius: calc(var(--radius) - 2px); padding: 6px; cursor: pointer; color: hsl(var(--foreground)); transition: background-color 0.15s ease; } .rsw-btn:hover { background-color: hsl(var(--accent)); } .rsw-btn[data-active='true'] { background-color: hsl(var(--accent)); color: hsl(var(--accent-foreground)); } /* Dropdown selects in toolbar */ .rsw-dd { background-color: hsl(var(--background)); border: 1px solid hsl(var(--input)); border-radius: calc(var(--radius) - 2px); padding: 4px 8px; font-size: 0.875rem; color: hsl(var(--foreground)); } /* Content editable area */ .rsw-ce { min-height: 120px; padding: 12px; color: hsl(var(--foreground)); line-height: 1.5; } /* List styles inside editor - override Tailwind preflight */ .rsw-ce ul { list-style-type: disc; padding-left: 1.5rem; margin: 0.5rem 0; } .rsw-ce ol { list-style-type: decimal; padding-left: 1.5rem; margin: 0.5rem 0; } /* Support HTML type attribute for ordered lists (Word paste compatibility) */ .rsw-ce ol[type='A'] { list-style-type: upper-alpha; } .rsw-ce ol[type='a'] { list-style-type: lower-alpha; } .rsw-ce ol[type='I'] { list-style-type: upper-roman; } .rsw-ce ol[type='i'] { list-style-type: lower-roman; } .rsw-ce ol[type='1'] { list-style-type: decimal; } .rsw-ce li { margin: 0.25rem 0; } .rsw-ce:focus { outline: none; box-shadow: 0 0 0 2px hsl(var(--ring)); } /* Placeholder */ .rsw-ce[data-placeholder]:empty::before { color: hsl(var(--muted-foreground)); } /* Disabled state */ .rsw-editor-wrapper:has([disabled]) .rsw-editor { opacity: 0.5; cursor: not-allowed; } .rsw-editor-wrapper:has([disabled]) .rsw-ce { pointer-events: none; } .rsw-editor-wrapper:has([disabled]) .rsw-btn { pointer-events: none; } /* Dark mode support */ .dark .rsw-toolbar { background-color: hsl(var(--muted)); } .dark .rsw-btn svg { fill: hsl(var(--foreground)); } /* ========================================================================== react-pdf Viewer Styles ========================================================================== */ .react-pdf__Document { display: flex; flex-direction: column; align-items: center; gap: 1rem; } .react-pdf__Page { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background: white; max-width: 100%; height: auto; } .react-pdf__Page__textContent { -webkit-user-select: text; -moz-user-select: text; user-select: text; } /* ========================================================================== Scroll Shadow Indicators Visual indicators for scrollable content in dialogs/drawers. Shadow elements are siblings to the content wrapper (which has px-4 padding). Sticky positioning keeps them at container edges while content scrolls. JS controls visibility via .scroll-shadow--visible class. ========================================================================== */ /* Base styles for shadow elements */ .scroll-shadow { --scroll-shadow-size: 24px; position: sticky; left: 0; right: 0; height: var(--scroll-shadow-size); margin-bottom: calc(var(--scroll-shadow-size) * -1); /* Collapse height */ pointer-events: none; z-index: 1; opacity: 0; transition: opacity 150ms ease; } /* Top shadow - sticky to top edge */ .scroll-shadow--top { top: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%); } /* Bottom shadow - sticky to bottom edge */ .scroll-shadow--bottom { bottom: 0; margin-bottom: 0; margin-top: calc(var(--scroll-shadow-size) * -1); /* Collapse height */ background: linear-gradient(to top, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%); } /* Dark mode - stronger shadows for visibility */ .dark .scroll-shadow--top { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); } .dark .scroll-shadow--bottom { background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); } /* Show shadows based on scroll state (controlled by JS) */ .scroll-shadow--visible { opacity: 1; } /* ========================================================================== WebKit temporal input fix (date, time, datetime-local) Backport from Tailwind CSS v4 Preflight + @tailwindcss/forms PR #109. Tailwind v3 Preflight has NO datetime resets, and @tailwindcss/forms plugin is not installed in this project. Root cause: WebKit UA stylesheet adds padding-top:1px to each datetime pseudo-element inside Shadow DOM, making temporal inputs ~4-8px taller than text inputs. IMPORTANT: Do NOT use display:block — causes WebKit Bug #139848 (vertical misalignment on iOS). Keep WebKit's default inline-flex. Outside @layer so it overrides any layered rules. Sources: - https://github.com/tailwindlabs/tailwindcss-forms/pull/109 - https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/preflight.css - https://bugs.webkit.org/show_bug.cgi?id=139848 ========================================================================== */ /* Ensure consistent min-height and text alignment for the rendered value */ ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } /* Keep inline-flex (WebKit default). Do NOT change to block. */ ::-webkit-datetime-edit { display: inline-flex; } /* Remove wrapper padding */ ::-webkit-datetime-edit-fields-wrapper { padding: 0; } /* Remove vertical padding from edit container + all individual fields */ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } /* Normalize spin button height */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* ========================================================================== Sonner Toast Close Button → top-right, larger tap target Sonner defaults use :where() (zero specificity), so a plain selector wins. We override the same CSS custom properties Sonner uses for RTL layout. ========================================================================== */ [data-sonner-toaster] { --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35%); } [data-sonner-toast] [data-close-button] { width: 24px; height: 24px; } /* ========================================================================== Cell Fade - Gradient text truncation for table cells Text fades to transparent instead of hard ellipsis cut. Requires the cell to have a constrained width (e.g. table-fixed). ========================================================================== */ /* ========================================================================== Highlight Fade - Smooth fade-out animation for moved items Used in document import when file is moved to different group. ========================================================================== */ @keyframes highlight-fade { 0% { background-color: rgb(254 249 195); /* yellow-100 */ box-shadow: 0 0 0 2px rgb(234 179 8); /* yellow-500 ring */ } 100% { background-color: transparent; box-shadow: none; } } .dark { @keyframes highlight-fade { 0% { background-color: rgb(66 32 6 / 0.3); /* yellow-950/30 */ box-shadow: 0 0 0 2px rgb(234 179 8); /* yellow-500 ring */ } 100% { background-color: transparent; box-shadow: none; } } } .dark\:prose-invert:is(.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)} .file\:border-0::file-selector-button{border-width:0px} .file\:bg-transparent::file-selector-button{background-color:transparent} .file\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem} .file\:font-medium::file-selector-button{font-weight:500} .placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))} .placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))} .placeholder\:text-placeholder::-moz-placeholder{color:hsl(var(--placeholder))} .placeholder\:text-placeholder::placeholder{color:hsl(var(--placeholder))} .first\:pt-0:first-child{padding-top:0px} .last\:mt-0:last-child{margin-top:0px} .last\:border-0:last-child{border-width:0px} .last\:border-b-0:last-child{border-bottom-width:0px} .last\:pb-0:last-child{padding-bottom:0px} .focus-within\:ring-1:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus-within\:ring-ring:focus-within{--tw-ring-color:hsl(var(--ring))} .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:border-accent-foreground\/20:hover{border-color:hsl(var(--accent-foreground) / 0.2)} .hover\:border-border:hover{border-color:hsl(var(--border))} .hover\:border-muted-foreground\/50:hover{border-color:hsl(var(--muted-foreground) / 0.5)} .hover\:border-primary\/50:hover{border-color:hsl(var(--primary) / 0.5)} .hover\:bg-accent:hover{background-color:hsl(var(--accent))} .hover\:bg-accent\/50:hover{background-color:hsl(var(--accent) / 0.5)} .hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))} .hover\:bg-black\/10:hover{background-color:rgb(0 0 0 / 0.1)} .hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))} .hover\:bg-destructive\/10:hover{background-color:hsl(var(--destructive) / 0.1)} .hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / 0.8)} .hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / 0.9)} .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))} .hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))} .hover\:bg-muted:hover{background-color:hsl(var(--muted))} .hover\:bg-muted\/30:hover{background-color:hsl(var(--muted) / 0.3)} .hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / 0.5)} .hover\:bg-orange-100:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))} .hover\:bg-orange-50:hover{--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))} .hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))} .hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))} .hover\:bg-primary\/10:hover{background-color:hsl(var(--primary) / 0.1)} .hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / 0.8)} .hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / 0.9)} .hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))} .hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))} .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))} .hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / 0.8)} .hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))} .hover\:bg-transparent:hover{background-color:transparent} .hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))} .hover\:text-amber-900:hover{--tw-text-opacity:1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))} .hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))} .hover\:text-destructive:hover{color:hsl(var(--destructive))} .hover\:text-foreground:hover{color:hsl(var(--foreground))} .hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))} .hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))} .hover\:text-orange-700:hover{--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))} .hover\:text-primary:hover{color:hsl(var(--primary))} .hover\:text-primary\/80:hover{color:hsl(var(--primary) / 0.8)} .hover\:text-purple-700:hover{--tw-text-opacity:1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))} .hover\:underline:hover{text-decoration-line:underline} .hover\:no-underline:hover{text-decoration-line:none} .hover\:opacity-100:hover{opacity:1} .hover\:opacity-80:hover{opacity:0.8} .hover\:opacity-90:hover{opacity:0.9} .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .focus\:bg-accent:focus{background-color:hsl(var(--accent))} .focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))} .focus\:text-blue-700:focus{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))} .focus\:text-destructive:focus{color:hsl(var(--destructive))} .focus\:text-green-700:focus{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))} .focus\:text-orange-700:focus{--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))} .focus\:text-purple-700:focus{--tw-text-opacity:1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))} .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px} .focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))} .focus\:ring-offset-0:focus{--tw-ring-offset-width:0px} .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px} .focus-visible\:z-10:focus-visible{z-index:10} .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px} .focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))} .focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px} .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px} .focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))} .active\:cursor-grabbing:active{cursor:grabbing} .disabled\:pointer-events-none:disabled{pointer-events:none} .disabled\:cursor-not-allowed:disabled{cursor:not-allowed} .disabled\:opacity-50:disabled{opacity:0.5} .disabled\:hover\:scale-100:hover:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group[open] .group-open\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group:hover .group-hover\:block{display:block} .group:hover .group-hover\:hidden{display:none} .group:hover .group-hover\:bg-primary{background-color:hsl(var(--primary))} .group:hover .group-hover\:bg-primary\/10{background-color:hsl(var(--primary) / 0.1)} .group:hover .group-hover\:text-primary{color:hsl(var(--primary))} .group:hover .group-hover\:text-primary-foreground{color:hsl(var(--primary-foreground))} .group:hover .group-hover\:opacity-100{opacity:1} .group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))} .group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))} .group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))} .group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))} .group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))} .group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))} .group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))} .group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .peer:disabled ~ .peer-disabled\:cursor-not-allowed{cursor:not-allowed} .peer:disabled ~ .peer-disabled\:opacity-70{opacity:0.7} .has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%} .has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column} .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start} .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:0.5rem} .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:0.75rem} .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:0.75rem} .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)} .has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-width:1px} .group\/field:has([data-orientation=horizontal]) .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance{text-wrap:balance} .aria-disabled\:opacity-50[aria-disabled="true"]{opacity:0.5} .aria-selected\:text-muted-foreground[aria-selected="true"]{color:hsl(var(--muted-foreground))} .aria-\[invalid\=true\]\:border-destructive[aria-invalid="true"]{border-color:hsl(var(--destructive))} .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{pointer-events:none} .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none} .data-\[state\=closed\]\:hidden[data-state="closed"]{display:none} .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"]{height:auto} .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{--tw-translate-y:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .data-\[side\=left\]\:-translate-x-1[data-side="left"]{--tw-translate-x:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .data-\[side\=right\]\:translate-x-1[data-side="right"]{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .data-\[side\=top\]\:-translate-y-1[data-side="top"]{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .data-\[state\=checked\]\:translate-x-4[data-state="checked"]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"]{gap:0.75rem} .data-\[range-end\=true\]\:rounded-md[data-range-end="true"]{border-radius:calc(var(--radius) - 2px)} .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"]{border-radius:0px} .data-\[range-start\=true\]\:rounded-md[data-range-start="true"]{border-radius:calc(var(--radius) - 2px)} .data-\[selected\=true\]\:rounded-none[data-selected="true"]{border-radius:0px} .data-\[state\=on\]\:border-primary[data-state="on"]{border-color:hsl(var(--primary))} .data-\[range-end\=true\]\:bg-primary[data-range-end="true"]{background-color:hsl(var(--primary))} .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"]{background-color:hsl(var(--accent))} .data-\[range-start\=true\]\:bg-primary[data-range-start="true"]{background-color:hsl(var(--primary))} .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"]{background-color:hsl(var(--primary))} .data-\[selected\=true\]\:bg-accent[data-selected="true"]{background-color:hsl(var(--accent))} .data-\[state\=active\]\:bg-white[data-state="active"]{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .data-\[state\=checked\]\:bg-amber-500[data-state="checked"]{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))} .data-\[state\=checked\]\:bg-primary[data-state="checked"]{background-color:hsl(var(--primary))} .data-\[state\=on\]\:bg-accent[data-state="on"]{background-color:hsl(var(--accent))} .data-\[state\=on\]\:bg-primary[data-state="on"]{background-color:hsl(var(--primary))} .data-\[state\=open\]\:bg-accent[data-state="open"]{background-color:hsl(var(--accent))} .data-\[state\=selected\]\:bg-muted[data-state="selected"]{background-color:hsl(var(--muted))} .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]{background-color:hsl(var(--input))} .data-\[variant\=label\]\:text-sm[data-variant="label"]{font-size:0.9375rem;line-height:1.375rem} .data-\[variant\=legend\]\:text-base[data-variant="legend"]{font-size:1rem;line-height:1.5rem} .data-\[state\=active\]\:font-medium[data-state="active"]{font-weight:500} .data-\[invalid\=true\]\:text-destructive[data-invalid="true"]{color:hsl(var(--destructive))} .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))} .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"]{color:hsl(var(--primary-foreground))} .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"]{color:hsl(var(--accent-foreground))} .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"]{color:hsl(var(--primary-foreground))} .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"]{color:hsl(var(--primary-foreground))} .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{color:hsl(var(--accent-foreground))} .data-\[state\=active\]\:text-primary[data-state="active"]{color:hsl(var(--primary))} .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{color:hsl(var(--primary-foreground))} .data-\[state\=inactive\]\:text-muted-foreground[data-state="inactive"]{color:hsl(var(--muted-foreground))} .data-\[state\=on\]\:text-accent-foreground[data-state="on"]{color:hsl(var(--accent-foreground))} .data-\[state\=on\]\:text-primary-foreground[data-state="on"]{color:hsl(var(--primary-foreground))} .data-\[state\=open\]\:text-muted-foreground[data-state="open"]{color:hsl(var(--muted-foreground))} .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{opacity:0.5} .data-\[disabled\]\:opacity-50[data-disabled]{opacity:0.5} .data-\[state\=active\]\:shadow[data-state="active"]{--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)} .data-\[state\=closed\]\:duration-200[data-state="closed"]{transition-duration:200ms} .data-\[state\=open\]\:duration-200[data-state="open"]{transition-duration:200ms} .data-\[state\=open\]\:animate-in[data-state="open"]{animation-name:enter;animation-duration:150ms;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial} .data-\[state\=closed\]\:animate-out[data-state="closed"]{animation-name:exit;animation-duration:150ms;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial} .data-\[state\=closed\]\:fade-out-0[data-state="closed"]{--tw-exit-opacity:0} .data-\[state\=open\]\:fade-in-0[data-state="open"]{--tw-enter-opacity:0} .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{--tw-exit-scale:.95} .data-\[state\=open\]\:zoom-in-95[data-state="open"]{--tw-enter-scale:.95} .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{--tw-enter-translate-y:-0.5rem} .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{--tw-enter-translate-x:0.5rem} .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{--tw-enter-translate-x:-0.5rem} .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{--tw-enter-translate-y:0.5rem} .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{--tw-exit-translate-y:100%} .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{--tw-exit-translate-x:-100%} .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{--tw-exit-translate-x:100%} .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{--tw-exit-translate-y:-100%} .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{--tw-enter-translate-y:100%} .data-\[state\=open\]\:slide-in-from-left[data-state="open"]{--tw-enter-translate-x:-100%} .data-\[state\=open\]\:slide-in-from-right[data-state="open"]{--tw-enter-translate-x:100%} .data-\[state\=open\]\:slide-in-from-top[data-state="open"]{--tw-enter-translate-y:-100%} .data-\[state\=closed\]\:duration-200[data-state="closed"]{animation-duration:200ms} .data-\[state\=open\]\:duration-200[data-state="open"]{animation-duration:200ms} .data-\[state\=inactive\]\:hover\:bg-muted\/50:hover[data-state="inactive"]{background-color:hsl(var(--muted) / 0.5)} .data-\[state\=inactive\]\:hover\:text-foreground:hover[data-state="inactive"]{color:hsl(var(--foreground))} .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative{position:relative} .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10{z-index:10} .group\/field-group[data-variant="outline"] .group-data-\[variant\=outline\]\/field-group\:-mb-2{margin-bottom:-0.5rem} .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring{border-color:hsl(var(--ring))} .group\/field[data-disabled="true"] .group-data-\[disabled\=true\]\/field\:opacity-50{opacity:0.5} .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-\[3px\]{--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)} .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-ring\/50{--tw-ring-color:hsl(var(--ring) / 0.5)} .prose-headings\:scroll-mt-4 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){scroll-margin-top:1rem} .prose-h1\:mb-4 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-bottom:1rem} .prose-h1\:text-2xl :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:1.5rem;line-height:2rem} .prose-h1\:font-bold :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-weight:700} .prose-h2\:mb-4 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-bottom:1rem} .prose-h2\:mt-8 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:2rem} .prose-h2\:border-b :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){border-bottom-width:1px} .prose-h2\:pb-2 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding-bottom:0.5rem} .prose-h2\:text-xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:1.25rem;line-height:1.75rem} .prose-h2\:font-semibold :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-weight:600} .prose-h3\:mt-6 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:1.5rem} .prose-h3\:text-lg :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:1.125rem;line-height:1.75rem} .prose-h3\:font-medium :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-weight:500} .prose-p\:my-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:1rem;margin-bottom:1rem} .prose-p\:leading-7 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){line-height:1.75rem} .prose-blockquote\:border-l-primary :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){border-left-color:hsl(var(--primary))} .prose-blockquote\:bg-muted\/50 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){background-color:hsl(var(--muted) / 0.5)} .prose-blockquote\:px-4 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding-left:1rem;padding-right:1rem} .prose-blockquote\:py-1 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding-top:0.25rem;padding-bottom:0.25rem} .prose-blockquote\:not-italic :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-style:normal} .prose-ul\:my-4 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:1rem;margin-bottom:1rem} .prose-li\:my-1 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:0.25rem;margin-bottom:0.25rem} .prose-table\:text-sm :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))){font-size:0.9375rem;line-height:1.375rem} .prose-th\:bg-muted :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))){background-color:hsl(var(--muted))} .prose-th\:px-3 :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding-left:0.75rem;padding-right:0.75rem} .prose-th\:py-2 :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding-top:0.5rem;padding-bottom:0.5rem} .prose-td\:px-3 :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding-left:0.75rem;padding-right:0.75rem} .prose-td\:py-2 :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))){padding-top:0.5rem;padding-bottom:0.5rem} .prose-hr\:my-6 :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))){margin-top:1.5rem;margin-bottom:1.5rem} .dark\:border-amber-500\/30:is(.dark *){border-color:rgb(245 158 11 / 0.3)} .dark\:border-amber-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))} .dark\:border-amber-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))} .dark\:border-amber-900:is(.dark *){--tw-border-opacity:1;border-color:rgb(120 53 15 / var(--tw-border-opacity, 1))} .dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))} .dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))} .dark\:border-green-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))} .dark\:border-orange-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(154 52 18 / var(--tw-border-opacity, 1))} .dark\:border-orange-900:is(.dark *){--tw-border-opacity:1;border-color:rgb(124 45 18 / var(--tw-border-opacity, 1))} .dark\:border-red-500\/30:is(.dark *){border-color:rgb(239 68 68 / 0.3)} .dark\:border-red-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))} .dark\:border-yellow-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))} .dark\:bg-amber-500\/10:is(.dark *){background-color:rgb(245 158 11 / 0.1)} .dark\:bg-amber-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(120 53 15 / var(--tw-bg-opacity, 1))} .dark\:bg-amber-900\/30:is(.dark *){background-color:rgb(120 53 15 / 0.3)} .dark\:bg-amber-900\/50:is(.dark *){background-color:rgb(120 53 15 / 0.5)} .dark\:bg-amber-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(69 26 3 / var(--tw-bg-opacity, 1))} .dark\:bg-amber-950\/20:is(.dark *){background-color:rgb(69 26 3 / 0.2)} .dark\:bg-amber-950\/30:is(.dark *){background-color:rgb(69 26 3 / 0.3)} .dark\:bg-blue-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))} .dark\:bg-blue-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1))} .dark\:bg-blue-950\/30:is(.dark *){background-color:rgb(23 37 84 / 0.3)} .dark\:bg-emerald-950\/30:is(.dark *){background-color:rgb(2 44 34 / 0.3)} .dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))} .dark\:bg-green-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))} .dark\:bg-green-900\/30:is(.dark *){background-color:rgb(20 83 45 / 0.3)} .dark\:bg-green-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1))} .dark\:bg-green-950\/50:is(.dark *){background-color:rgb(5 46 22 / 0.5)} .dark\:bg-orange-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(67 20 7 / var(--tw-bg-opacity, 1))} .dark\:bg-orange-950\/30:is(.dark *){background-color:rgb(67 20 7 / 0.3)} .dark\:bg-red-500\/10:is(.dark *){background-color:rgb(239 68 68 / 0.1)} .dark\:bg-red-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(69 10 10 / var(--tw-bg-opacity, 1))} .dark\:bg-red-950\/50:is(.dark *){background-color:rgb(69 10 10 / 0.5)} .dark\:bg-yellow-900\/30:is(.dark *){background-color:rgb(113 63 18 / 0.3)} .dark\:bg-yellow-900\/50:is(.dark *){background-color:rgb(113 63 18 / 0.5)} .dark\:bg-yellow-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(66 32 6 / var(--tw-bg-opacity, 1))} .dark\:text-amber-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))} .dark\:text-amber-200:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))} .dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))} .dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))} .dark\:text-blue-100:is(.dark *){--tw-text-opacity:1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))} .dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))} .dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))} .dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))} .dark\:text-green-200:is(.dark *){--tw-text-opacity:1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))} .dark\:text-green-300:is(.dark *){--tw-text-opacity:1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))} .dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))} .dark\:text-orange-100:is(.dark *){--tw-text-opacity:1;color:rgb(255 237 213 / var(--tw-text-opacity, 1))} .dark\:text-orange-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))} .dark\:text-red-100:is(.dark *){--tw-text-opacity:1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))} .dark\:text-red-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))} .dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))} .dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))} .dark\:text-yellow-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))} .dark\:text-yellow-400:is(.dark *){--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))} .dark\:ring-amber-400\/30:is(.dark *){--tw-ring-color:rgb(251 191 36 / 0.3)} .dark\:ring-primary\/20:is(.dark *){--tw-ring-color:hsl(var(--primary) / 0.2)} .dark\:hover\:bg-red-950:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(69 10 10 / var(--tw-bg-opacity, 1))} .dark\:hover\:text-amber-100:hover:is(.dark *){--tw-text-opacity:1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))} @media (min-width: 640px){ .sm\:mx-0{margin-left:0px;margin-right:0px} .sm\:mr-1\.5{margin-right:0.375rem} .sm\:block{display:block} .sm\:inline{display:inline} .sm\:flex{display:flex} .sm\:inline-flex{display:inline-flex} .sm\:table-cell{display:table-cell} .sm\:hidden{display:none} .sm\:aspect-square{aspect-ratio:1 / 1} .sm\:min-h-14{min-height:3.5rem} .sm\:w-14{width:3.5rem} .sm\:w-\[150px\]{width:150px} .sm\:w-\[320px\]{width:320px} .sm\:w-auto{width:auto} .sm\:w-fit{width:-moz-fit-content;width:fit-content} .sm\:min-w-0{min-width:0px} .sm\:max-w-3xl{max-width:48rem} .sm\:max-w-lg{max-width:32rem} .sm\:max-w-md{max-width:28rem} .sm\:max-w-sm{max-width:24rem} .sm\:flex-1{flex:1 1 0%} .sm\:flex-\[1_1_0\%\]{flex:1 1 0%} .sm\:flex-\[5_1_0\%\]{flex:5 1 0%} .sm\:flex-none{flex:none} .sm\:grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))} .sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .sm\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .sm\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .sm\:flex-row{flex-direction:row} .sm\:items-start{align-items:flex-start} .sm\:items-end{align-items:flex-end} .sm\:items-center{align-items:center} .sm\:justify-end{justify-content:flex-end} .sm\:gap-1{gap:0.25rem} .sm\:gap-2\.5{gap:0.625rem} .sm\:gap-4{gap:1rem} .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))} .sm\:overflow-visible{overflow:visible} .sm\:px-0{padding-left:0px;padding-right:0px} .sm\:px-2{padding-left:0.5rem;padding-right:0.5rem} .sm\:px-3{padding-left:0.75rem;padding-right:0.75rem} .sm\:text-left{text-align:left}} @media (min-width: 768px){ .md\:inset-auto{inset:auto} .md\:bottom-0{bottom:0px} .md\:left-\[50\%\]{left:50%} .md\:left-\[var\(--sidebar-offset\)\]{left:var(--sidebar-offset)} .md\:right-0{right:0px} .md\:right-auto{right:auto} .md\:top-\[50\%\]{top:50%} .md\:order-1{order:1} .md\:order-2{order:2} .md\:order-3{order:3} .md\:order-4{order:4} .md\:order-5{order:5} .md\:order-6{order:6} .md\:order-last{order:9999} .md\:col-span-2{grid-column:span 2 / span 2} .md\:col-span-3{grid-column:span 3 / span 3} .md\:mx-0{margin-left:0px;margin-right:0px} .md\:ml-16{margin-left:4rem} .md\:ml-64{margin-left:16rem} .md\:mr-2{margin-right:0.5rem} .md\:block{display:block} .md\:inline{display:inline} .md\:flex{display:flex} .md\:inline-flex{display:inline-flex} .md\:table-cell{display:table-cell} .md\:grid{display:grid} .md\:contents{display:contents} .md\:hidden{display:none} .md\:h-4{height:1rem} .md\:h-9{height:2.25rem} .md\:h-\[95vh\]{height:95vh} .md\:h-auto{height:auto} .md\:max-h-\[85vh\]{max-height:85vh} .md\:w-24{width:6rem} .md\:w-4{width:1rem} .md\:w-96{width:24rem} .md\:w-\[35\%\]{width:35%} .md\:w-\[98vw\]{width:98vw} .md\:w-auto{width:auto} .md\:min-w-\[200px\]{min-width:200px} .md\:max-w-3xl{max-width:48rem} .md\:max-w-4xl{max-width:56rem} .md\:max-w-\[425px\]{max-width:425px} .md\:max-w-\[450px\]{max-width:450px} .md\:max-w-\[500px\]{max-width:500px} .md\:max-w-\[600px\]{max-width:600px} .md\:max-w-\[700px\]{max-width:700px} .md\:max-w-\[720px\]{max-width:720px} .md\:max-w-\[90vw\]{max-width:90vw} .md\:max-w-lg{max-width:32rem} .md\:max-w-md{max-width:28rem} .md\:max-w-none{max-width:none} .md\:max-w-sm{max-width:24rem} .md\:flex-1{flex:1 1 0%} .md\:flex-none{flex:none} .md\:shrink-0{flex-shrink:0} .md\:translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .md\:translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .md\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)} .md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)} .md\:flex-row{flex-direction:row} .md\:items-start{align-items:flex-start} .md\:gap-1{gap:0.25rem} .md\:gap-8{gap:2rem} .md\:rounded-lg{border-radius:var(--radius)} .md\:rounded-none{border-radius:0px} .md\:rounded-r-none{border-top-right-radius:0px;border-bottom-right-radius:0px} .md\:border-x-0{border-left-width:0px;border-right-width:0px} .md\:border-b-0{border-bottom-width:0px} .md\:bg-background{background-color:hsl(var(--background))} .md\:p-3{padding:0.75rem} .md\:p-4{padding:1rem} .md\:p-6{padding:1.5rem} .md\:px-3{padding-left:0.75rem;padding-right:0.75rem} .md\:px-4{padding-left:1rem;padding-right:1rem} .md\:px-6{padding-left:1.5rem;padding-right:1.5rem} .md\:py-3{padding-top:0.75rem;padding-bottom:0.75rem} .md\:pb-6{padding-bottom:1.5rem} .md\:pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)} .md\:pt-0{padding-top:0px} .md\:pt-6{padding-top:1.5rem} .md\:text-left{text-align:left} .md\:text-lg{font-size:1.125rem;line-height:1.75rem} .md\:text-sm{font-size:0.9375rem;line-height:1.375rem} .md\:shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .md\:backdrop-blur-none{--tw-backdrop-blur: ;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .md\:data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{--tw-exit-scale:.95} .md\:data-\[state\=open\]\:zoom-in-95[data-state="open"]{--tw-enter-scale:.95} .md\:data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{--tw-exit-translate-x:-50%} .md\:data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{--tw-exit-translate-y:-48%} .md\:data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{--tw-enter-translate-x:-50%} .md\:data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{--tw-enter-translate-y:-48%}} @media (min-width: 1024px){ .lg\:flex{display:flex} .lg\:table-cell{display:table-cell} .lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .lg\:flex-row{flex-direction:row}} @media (min-width: 1280px){ .xl\:col-span-2{grid-column:span 2 / span 2} .xl\:col-span-3{grid-column:span 3 / span 3} .xl\:col-span-4{grid-column:span 4 / span 4} .xl\:col-span-6{grid-column:span 6 / span 6} .xl\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .xl\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}} @media (min-width: 1400px){ .min-\[1400px\]\:flex{display:flex}} .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)} .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0px} .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)} .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>*:not(:first-child){border-top-left-radius:0px;border-bottom-left-radius:0px} .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>*:not(:first-child){border-top-left-radius:0px;border-top-right-radius:0px} .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>*:not(:first-child){border-left-width:0px} .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>*:not(:first-child){border-top-width:0px} .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>*:not(:last-child){border-bottom-right-radius:0px;border-bottom-left-radius:0px} .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>*:not(:last-child){border-top-right-radius:0px;border-bottom-right-radius:0px} .\[\&\>\*\>\*\:last-child\]\:min-h-0>*>*:last-child{min-height:0px} .\[\&\>\*\>\*\:last-child\]\:flex-1>*>*:last-child{flex:1 1 0%} .\[\&\>\*\]\:flex>*{display:flex} .\[\&\>\*\]\:h-full>*{height:100%} .\[\&\>\*\]\:w-full>*{width:100%} .\[\&\>\*\]\:flex-col>*{flex-direction:column} .\[\&\>\*\]\:focus-visible\:relative:focus-visible>*{position:relative} .\[\&\>\*\]\:focus-visible\:z-10:focus-visible>*{z-index:10} .\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto} .\[\&\>\[data-radix-scroll-area-viewport\]\>div\]\:\!block>[data-radix-scroll-area-viewport]>div{display:block !important} .\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:1rem} .\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:1 1 auto} .\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field]{padding:1rem} .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md>[data-slot=select-trigger]:last-of-type:has(select[aria-hidden=true]:last-child){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)} .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*='w-']){width:-moz-fit-content;width:fit-content} .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;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))} .\[\&\>a\:hover\]\:text-primary>a:hover{color:hsl(var(--primary))} .\[\&\>a\]\:underline>a{text-decoration-line:underline} .\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px} .\[\&\>input\]\:flex-1>input{flex:1 1 0%} .\[\&\>p\:first-child\]\:mt-0>p:first-child{margin-top:0px} .\[\&\>p\:last-child\]\:mb-0>p:last-child{margin-bottom:0px} .\[\&\>p\]\:m-0>p{margin:0px} .\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .\[\&\>span\]\:text-xs>span{font-size:0.75rem;line-height:1rem} .\[\&\>span\]\:opacity-70>span{opacity:0.7} .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;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))} .\[\&\>svg\]\:absolute>svg{position:absolute} .\[\&\>svg\]\:left-4>svg{left:1rem} .\[\&\>svg\]\:top-4>svg{top:1rem} .\[\&\>svg\]\:ml-1>svg{margin-left:0.25rem} .\[\&\>svg\]\:size-3\.5>svg{width:0.875rem;height:0.875rem} .\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem} .\[\&\>svg\]\:h-2\.5>svg{height:0.625rem} .\[\&\>svg\]\:h-3>svg{height:0.75rem} .\[\&\>svg\]\:h-3\.5>svg{height:0.875rem} .\[\&\>svg\]\:w-2\.5>svg{width:0.625rem} .\[\&\>svg\]\:w-3>svg{width:0.75rem} .\[\&\>svg\]\:w-3\.5>svg{width:0.875rem} .\[\&\>svg\]\:shrink-0>svg{flex-shrink:0} .\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))} .\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))} .\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))} .\[\&\>svg\]\:text-tooltip-foreground\/70>svg{color:hsl(var(--tooltip-foreground) / 0.7)} .\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem} .\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px} .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))} .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc']{stroke:hsl(var(--border) / 0.5)} .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))} .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff']{stroke:transparent} .\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline:2px solid transparent;outline-offset:2px} .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc']{stroke:hsl(var(--border))} .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector{fill:hsl(var(--muted))} .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))} .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc']{stroke:hsl(var(--border))} .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff']{stroke:transparent} .\[\&_\.recharts-sector\]\:outline-none .recharts-sector{outline:2px solid transparent;outline-offset:2px} .\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline:2px solid transparent;outline-offset:2px} .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:0.5rem;padding-right:0.5rem} .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:0.375rem;padding-bottom:0.375rem} .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:0.75rem;line-height:1rem} .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500} .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))} .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{padding-top:0px} .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:0.5rem;padding-right:0.5rem} .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem} .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem} .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem} .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:0.5rem;padding-right:0.5rem} .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:0.75rem;padding-bottom:0.75rem} .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem} .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem} .\[\&_a\]\:underline a{text-decoration-line:underline} .\[\&_h1\]\:mt-2 h1{margin-top:0.5rem} .\[\&_h1\]\:text-base h1{font-size:1rem;line-height:1.5rem} .\[\&_h1\]\:font-semibold h1{font-weight:600} .\[\&_h2\]\:mt-2 h2{margin-top:0.5rem} .\[\&_h2\]\:text-base h2{font-size:1rem;line-height:1.5rem} .\[\&_h2\]\:font-semibold h2{font-weight:600} .\[\&_h3\]\:mt-2 h3{margin-top:0.5rem} .\[\&_h3\]\:text-sm h3{font-size:0.9375rem;line-height:1.375rem} .\[\&_h3\]\:font-semibold h3{font-weight:600} .\[\&_h4\]\:mt-2 h4{margin-top:0.5rem} .\[\&_h4\]\:text-sm h4{font-size:0.9375rem;line-height:1.375rem} .\[\&_h4\]\:font-semibold h4{font-weight:600} .\[\&_li\]\:mb-1 li{margin-bottom:0.25rem} .\[\&_ol\]\:list-decimal ol{list-style-type:decimal} .\[\&_ol\]\:pl-5 ol{padding-left:1.25rem} .\[\&_p\]\:mb-2 p{margin-bottom:0.5rem} .\[\&_p\]\:leading-relaxed p{line-height:1.625} .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']){width:1rem;height:1rem} .\[\&_svg\]\:pointer-events-none svg{pointer-events:none} .\[\&_svg\]\:size-4 svg{width:1rem;height:1rem} .\[\&_svg\]\:shrink-0 svg{flex-shrink:0} .\[\&_text\]\:font-sans text{font-family:var(--ddd-font-family)} .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px} .\[\&_tr\]\:border-b tr{border-bottom-width:1px} .\[\&_ul\]\:list-disc ul{list-style-type:disc} .\[\&_ul\]\:pl-5 ul{padding-left:1.25rem} [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent{background-color:transparent} [data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:transparent} [data-state=open]>.\[\[data-state\=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))} [data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:-0.375rem}