.xuda-loader[data-v-12c50cde] { display: inline-flex; flex-direction: column; align-items: center; gap: 0.9em; font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: var(--xuda-font-size, 11px); line-height: 1; letter-spacing: 0.08em; user-select: none; pointer-events: none; } .xuda-glyph[data-v-12c50cde] { margin: 0; padding: 0; white-space: pre; font: inherit; letter-spacing: inherit; will-change: contents; } .xuda-caption[data-v-12c50cde] { font-size: 0.82em; letter-spacing: 0.4em; text-transform: uppercase; opacity: 0.7; display: inline-flex; gap: 0.25em; } .xuda-caption-dots[data-v-12c50cde] { width: 1.5em; text-align: start; } /* ── Neon: cyan → violet gradient with soft bloom ── */ .xuda-loader.neon .xuda-glyph[data-v-12c50cde] { background: linear-gradient(115deg, hsl(190 100% 65%) 0%, hsl(245 100% 70%) 45%, hsl(295 95% 70%) 100%); background-size: 220% 220%; -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 6px rgba(120, 140, 255, 0.45)) drop-shadow(0 0 14px rgba(180, 90, 255, 0.25)); animation: xuda-sweep-12c50cde 6s linear infinite; } .xuda-loader.neon .xuda-caption[data-v-12c50cde] { color: hsl(215 85% 75%); text-shadow: 0 0 8px rgba(120, 140, 255, 0.35); } /* ── Mono: pure currentColor, inherits parent ── */ .xuda-loader.mono .xuda-glyph[data-v-12c50cde] { color: currentColor; filter: drop-shadow(0 0 4px currentColor); opacity: 0.92; } .xuda-loader.mono .xuda-caption[data-v-12c50cde] { color: currentColor; opacity: 0.65; } /* ── Terminal: classic green phosphor ── */ .xuda-loader.terminal .xuda-glyph[data-v-12c50cde] { color: hsl(140 100% 65%); filter: drop-shadow(0 0 3px hsl(140 100% 55%)) drop-shadow(0 0 10px hsl(140 100% 40% / 0.6)); } .xuda-loader.terminal .xuda-caption[data-v-12c50cde] { color: hsl(140 90% 70%); text-shadow: 0 0 6px hsl(140 100% 45% / 0.6); } @keyframes xuda-sweep-12c50cde { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @media (prefers-reduced-motion: reduce) { .xuda-loader.neon .xuda-glyph[data-v-12c50cde] { animation: none; } } /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ xuda-card xuda-footer-buttons{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}xuda-card.hoverable:hover{background:var(--card)}@supports (color:color-mix(in lab, red, red)){xuda-card.hoverable:hover{background:color-mix(in srgb, var(--card) 100%, var(--foreground) 8%)}} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:"";--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial}}}.btn-shadow{--button-color-border:var(--button-color-bg);--button-color-icon:#fffc;--button-color-icon-hover:currentColor;--button-color-text:white;position:relative;overflow:hidden}.btn-shadow:before{content:"";background:radial-gradient(75% 75% at top,#fff3,#0000);transition:opacity .15s;position:absolute;inset:0}.btn-shadow:hover:before{opacity:.25}.btn-shadow:focus-visible{--tw-ring-color:var(--button-color-ring)}:where(.dark,.dark *) .btn-shadow{--button-color-icon:#000c}:where(.dark,.dark *) .btn-shadow:before{background:radial-gradient(75% 75% at top,#0003,#0000)}.btn-upgrade{background-image:linear-gradient(110deg, var(--color-xudaTint-600) 0%, var(--color-xudaTint-500) 42%, #7c3aed 100%);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000001f,0 2px 8px -3px #7c3aed8c,0 6px 18px -8px #00233d73}@supports (color:color-mix(in lab, red, red)){.btn-upgrade{box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 0 #0000001f, 0 2px 8px -3px #7c3aed8c, 0 6px 18px -8px color-mix(in srgb, var(--color-xudaTint-900) 45%, transparent)}}.btn-upgrade:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff61,#0000);width:45%;transition:transform .75s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:-60%;transform:translate(-120%)skew(-18deg)}.btn-upgrade:hover:after{transform:translate(420%)skew(-18deg)}@media (prefers-reduced-motion:reduce){.btn-upgrade:after{display:none}}.shimmer:before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);inset-inline-start:calc(var(--spacing,.25rem) * 0);top:calc(var(--spacing,.25rem) * 0);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);transform-origin:0 100%;content:var(--tw-content);width:100%;height:100%;animation:var(--animate-shine,shine 8s infinite linear);content:var(--tw-content);background-image:linear-gradient(90deg,#fff3 0% 20px,#fff0 20px);position:absolute}.ai-text{gap:calc(var(--spacing,.25rem) * 2);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-from);--tw-gradient-via:var(--color-to);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:var(--color-from);background-size:var(--bg-size) 100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:#0000;--bg-size:300%;--color-from:#ffaa40;--color-to:#9c40ff;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite gradient;display:flex}@keyframes shiner{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes gradient{to{background-position:var(--bg-size,300%) 0}}.animate-shiner{animation:shiner var(--duration) infinite linear}.animate-gradient{animation:8s linear infinite gradient}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.cell-editor{inset-inline-start:calc(var(--spacing,.25rem) * 0);inset-inline-end:calc(var(--spacing,.25rem) * 3);top:calc(var(--spacing,.25rem) * 3);bottom:calc(var(--spacing,.25rem) * 3);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-style:var(--tw-border-style);border-width:1px;border-color:#0000;align-items:center;display:flex;position:absolute;overflow:hidden}.cell-editor>div{box-sizing:content-box;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:calc(var(--spacing,.25rem) * 4);overflow:hidden}.cell-editor>input{font-size:var(--text-base,1rem)!important;line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))!important;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important;background-color:#0000!important;border-color:#0000!important;padding-inline-start:calc(var(--spacing,.25rem) * 4)!important}.cell-editor>input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.cell-editor:hover{border-radius:calc(var(--radius) + 4px);background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.cell-editor:hover{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.cell-editor.active{border-radius:calc(var(--radius) + 4px);border-color:var(--primary);background-color:var(--background);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cell-editor.active{--tw-ring-color:color-mix(in oklab, var(--primary) 30%, transparent)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ xuda-table-footer>xuda-footer-buttons{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex} .sh-fade[data-v-2d1f5220] { position: fixed; z-index: 15; pointer-events: none; background: linear-gradient(to top, color-mix(in oklab, var(--background) 80%, transparent), color-mix(in oklab, var(--background) 35%, transparent) 55%, transparent); opacity: 0; transition: opacity 0.25s ease; } .sh-fade.is-on[data-v-2d1f5220] { opacity: 1; } .sh-hint[data-v-2d1f5220] { position: fixed; z-index: 20; display: grid; place-items: center; width: 3rem; height: 3rem; transform: translateX(-50%); border-radius: 999px; border: 1px solid color-mix(in oklab, var(--primary) 40%, transparent); background-color: color-mix(in oklab, var(--primary) 16%, transparent); color: var(--foreground); backdrop-filter: blur(6px); box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 8%, transparent), 0 8px 22px -12px color-mix(in oklab, var(--primary) 55%, transparent); /* Off by default, and out of the way while it is: no pointer target and no tab stop over content it is not pointing past. The visibility delay is what lets it fade out rather than blink out. */ opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.22s ease, background-color 0.18s ease, border-color 0.18s ease, visibility 0s linear 0.22s; } .sh-hint.is-on[data-v-2d1f5220] { opacity: 0.7; visibility: visible; pointer-events: auto; transition-delay: 0s; animation: sh-bob-2d1f5220 1.6s ease-in-out infinite; } .sh-hint.is-on[data-v-2d1f5220]:hover, .sh-hint.is-on[data-v-2d1f5220]:focus-visible { opacity: 1; background-color: color-mix(in oklab, var(--primary) 30%, transparent); border-color: color-mix(in oklab, var(--primary) 70%, transparent); } .sh-hint[data-v-2d1f5220]:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; } /* Both halves of the transform live in the keyframe, or the bob would drop the centring the moment the animation took over the `transform` property. */ @keyframes sh-bob-2d1f5220 { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 7px); } } @media (prefers-reduced-motion: reduce) { .sh-fade[data-v-2d1f5220], .sh-hint[data-v-2d1f5220], .sh-hint.is-on[data-v-2d1f5220] { animation: none; transition: none; } } /* Plain CSS, no Tailwind at-rules, so this block needs no @reference. Every colour in it is a custom property the card set from a token. */ .rc-art[data-v-41581cd4] { position: relative; width: 5.5rem; height: 4.5rem; } .rc-art-back[data-v-41581cd4], .rc-art-front[data-v-41581cd4] { position: absolute; width: 3.25rem; height: 3.25rem; border-radius: 1rem; } .rc-art-back[data-v-41581cd4] { top: 0; inset-inline-start: 0.25rem; background-image: linear-gradient(145deg, var(--rc-accent-2), var(--rc-accent)); opacity: 0.5; transform: rotate(-8deg); } .rc-art-front[data-v-41581cd4] { bottom: 0; inset-inline-end: 0.25rem; display: flex; align-items: center; justify-content: center; background-image: linear-gradient(145deg, var(--rc-accent), var(--rc-accent-2)); } /* UI-720: RESTORED. `soft` had no interactive state at all, which was an omission rather than a decision: the hand-rolled benefit tile it replaced had one, and it was the best line in that file. Its own comment said why, and it is worth keeping verbatim, because this is exactly the property that gets flattened the next time someone tidies a stylesheet: the accent lifts on HOVER rather than on load, so a grid of six is calm to read and still feels like something you can look through. Six tinted rims at load is six things shouting at equal volume, which is the same as none of them shouting. Six neutral rims that each take the module's colour under the cursor spend the whole colour budget on the one card being looked at, and leave the hero the loudest thing on the page. The TILE stays accented at rest either way, which is what the old .landing-benefit-icon did. :focus-within as well as :hover, because hover-only meant a keyboard reader tabbing the grid never saw it at all. On a coarse pointer there is no hover, so there the lift is the resting state and the tone degrades to what `soft` has always been, which is the honest answer rather than a dead interaction. 55% and 6%, not the old file's 40% and 4%: at 40% the border step is oklab dE 0.094 at the worst accent on light and at 4% the fill is dE 0.014, at or under one JND. The old hover was a two-property rule doing one property's job. Written through the port's own override variables, which is the seam frame/index.js:33 leaves for exactly this. A `bg-` class on the panel is the one thing the surface rule forbids. `var(--background)` and `var(--border)` and not `var(--color-*)`: the raw tokens are what shared/style.css defines on :root, while the --color-* aliases live in an `@theme inline` block meant to be resolved by Tailwind rather than read from hand-written CSS. The transition sits on the PANEL, not on the Frame: the frame sets the variable, the panel is the element whose background-color and border-color resolve through it, and an unregistered custom property does not animate on its own. */ .rc-lift [data-slot='frame-panel'][data-v-71a8cef7] { transition: background-color 0.2s ease, border-color 0.2s ease; } .rc-lift[data-v-71a8cef7]:hover, .rc-lift[data-v-71a8cef7]:focus-within { --frame-panel-border-color: color-mix(in oklab, var(--rc-accent) 55%, var(--border)); --frame-panel-bg: color-mix(in oklab, var(--rc-accent) 6%, var(--background)); } @media (pointer: coarse) { .rc-lift[data-v-71a8cef7] { --frame-panel-border-color: color-mix(in oklab, var(--rc-accent) 55%, var(--border)); --frame-panel-bg: color-mix(in oklab, var(--rc-accent) 6%, var(--background)); } } @media (prefers-reduced-motion: reduce) { .rc-lift [data-slot='frame-panel'][data-v-71a8cef7] { transition: none; } } /* These classes are prefixed `landing-`, never `ml-`. `ml-` (module landing) reads to the RTL sweep as Tailwind's margin-left: it renamed every occurrence in the template, left the rules here untouched, and the hero lost its whole stylesheet, so the ghost mark rendered full size and full strength on top of the copy. Kept verbatim from the old file, because the trap has not gone away. What is bespoke here is only what no kit component can be: a surface that bleeds to a dialog's own edge, a wash, a clipped ghost mark and a masked shader. The pills, the tiles, the benefit cards and the section cards are kit components. Every colour reads --rc-accent / --rc-accent-2, which the HOST sets on its root from the module's own lane. They are tokens, so they carry their own dark values and the two hand-written light-theme darkening rules that used to sit at the foot of the old file are gone with the hexes that needed them. Never wrap the html.dark or [dir='rtl'] prefixes in :global(). A scoped block compiles :global(x) .y down to plain x, dropping the descendant and leaking the rule onto . Written plainly, the scope attribute lands on the last compound and the rule stays this component's own. Same trap as PlanQuotaContact.vue. */ .landing-hero[data-v-14e91dcc] { position: relative; isolation: isolate; overflow: hidden; background: var(--surface-raised); } /* On the module's own screen it is a section among sections. */ .landing-hero-card[data-v-14e91dcc] { border-radius: 1rem; border: 1px solid var(--border); } /* In the window it IS the top of the body: no corners of its own (the dialog clips them), and one hairline at the foot to part it from the sunken ground below. */ .landing-hero-flush[data-v-14e91dcc] { border-bottom: 1px solid var(--border); } /* RESTORED: the accent hairline, in BOTH forms now. One pixel, transparent at both ends, --rc-accent into --rc-accent-2 across the middle. It never fights text because it is outside the text box, and it is the one accent moment that survives at any zoom and in either theme. In the window it lands on the dialog's own top edge, which is what deleting that file's chrome header row bought. */ .landing-hero[data-v-14e91dcc]::before { content: ''; position: absolute; inset: 0 0 auto 0; z-index: 2; height: 1px; --hd: 90deg; background: linear-gradient(var(--hd), transparent, color-mix(in srgb, var(--rc-accent) 55%, transparent), color-mix(in srgb, var(--rc-accent-2) 40%, transparent), transparent); } [dir='rtl'] .landing-hero[data-v-14e91dcc]::before { --hd: 270deg; } /* THE ART PLANE, and its mask is a measured contract rather than a taste call. Under the wash's own 26% peak, --muted-foreground reads 2.71:1 on the light theme at the worst accent, where it reads 3.84:1 on the plain surface, and --foreground under that same peak reads 10.98:1. So the picture may be at full strength across the pill and the headline, which are --foreground, and has to be gone by the paragraph, which is muted. At 6% or less the paragraph is back at 3.55:1. Both the old file and the version this replaces ship that defect; the wash keeps its character and gets a vertical mask instead. */ .landing-hero-art[data-v-14e91dcc] { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, black 0%, black 34%, transparent 72%); mask-image: linear-gradient(to bottom, black 0%, black 34%, transparent 72%); } /* The hero is proportionally taller relative to its width on a phone, so the fade tightens rather than letting the wash reach the button row. */ @media (max-width: 640px) { .landing-hero-art[data-v-14e91dcc] { -webkit-mask-image: linear-gradient(to bottom, black 0%, black 24%, transparent 58%); mask-image: linear-gradient(to bottom, black 0%, black 24%, transparent 58%); } } /* RESTORED: the wash. Three radials at top-start, mid-top and bottom-end. It is what makes a 1rem-radius rectangle read as a lit surface rather than a bounded box, and deleting it is most of why every module's window came out as the same white sheet. Carried lower on light than on dark, because the same 32% of a mid-tone that glows on #060619 is a smudge on white. The three x positions and the three strengths are variables so the theme rule and the RTL rule each reset three values instead of restating the whole declaration. */ .landing-hero-glow[data-v-14e91dcc] { position: absolute; inset: 0; --gx1: 6%; --gx2: 44%; --gx3: 96%; --g1: 26%; --g2: 17%; --g3: 14%; background: radial-gradient(62% 92% at var(--gx1) 0%, color-mix(in srgb, var(--rc-accent) var(--g1), transparent), transparent 66%), radial-gradient(55% 85% at var(--gx2) 4%, color-mix(in srgb, var(--rc-accent-2) var(--g2), transparent), transparent 70%), radial-gradient(48% 74% at var(--gx3) 104%, color-mix(in srgb, var(--rc-accent-2) var(--g3), transparent), transparent 72%); } html.dark .landing-hero-glow[data-v-14e91dcc] { --g1: 32%; --g2: 20%; --g3: 12%; } /* Every stop above is a PHYSICAL percentage and there is no `at start`. CalendarBar is the precedent and the warning: left unmirrored, the picture stays at the physical left, which in Hebrew is where the copy is not. utils/check_rtl_i18n.mjs cannot catch this, because it reads Tailwind utilities and a percentage inside a radial-gradient in a scoped block is invisible to it. The gate passes while the hero is drawn backwards. */ [dir='rtl'] .landing-hero-glow[data-v-14e91dcc] { --gx1: 94%; --gx2: 56%; --gx3: 4%; } /* The dither's own box, masked a SECOND time on top of the plane's downward fade, so the waves come in over the coloured corner and are gone before the button: a moving pattern behind a button is a moving pattern you have to read a button against. The vertical radius is 130% and not the masthead's 260%, because that figure exists to fill a band one line high; 130% is the reach it buys over a hero. */ .landing-hero-dither[data-v-14e91dcc] { position: absolute; inset: 0; --dx: 6%; opacity: 0.34; -webkit-mask-image: radial-gradient(86% 130% at var(--dx) 0%, black 6%, transparent 72%); mask-image: radial-gradient(86% 130% at var(--dx) 0%, black 6%, transparent 72%); } html.dark .landing-hero-dither[data-v-14e91dcc] { opacity: 0.28; } [dir='rtl'] .landing-hero-dither[data-v-14e91dcc] { --dx: 94%; } /* RESTORED: the ghost mark. inset-inline-end, so Hebrew puts it on the correct side without a rule of its own. */ .landing-hero-mark[data-v-14e91dcc] { position: absolute; top: -2rem; inset-inline-end: -2rem; width: 13rem; height: 13rem; color: var(--rc-accent); opacity: 0.13; } html.dark .landing-hero-mark[data-v-14e91dcc] { opacity: 0.1; } @media (max-width: 640px) { .landing-hero-mark[data-v-14e91dcc] { display: none; } } /* RESTORED: THE IDENTITY PILL. A @reui/badge outline recoloured through three declarations. MEASURED at the worst case, which is the pill sitting on the wash peak with its own 10% fill over that: at 40% accent over --foreground the worst of the fifteen lanes reads 5.25:1 on light (cyan) and 4.90:1 on dark (cyan), so 14px semibold clears AA everywhere. The old file's 75% put green at 2.62:1 under the same conditions, which is why Meet and Finance shipped a failing pill. Plain scoped declarations rather than @apply, so they sit outside Tailwind's layers and beat `dark:bg-input/32` from the outline variant. The dark fill is restated anyway. */ .landing-eyebrow[data-v-14e91dcc] { border-color: color-mix(in oklab, var(--rc-accent) 38%, transparent); background-color: color-mix(in oklab, var(--rc-accent) 10%, transparent); color: color-mix(in oklab, var(--rc-accent) 40%, var(--foreground)); } html.dark .landing-eyebrow[data-v-14e91dcc] { background-color: color-mix(in oklab, var(--rc-accent) 14%, transparent); } /* A measure in characters, not a wrap the copy has to be written around: it is what keeps a two-line headline two lines in every module, and it is a measure, so a longer word in Hebrew moves the break instead of overflowing. No ch cap on the narrowest screens: at 375px the column is already shorter than the measure, and capping it there only pushed a three-line headline to four. */ .landing-headline[data-v-14e91dcc] { font-size: 1.5rem; line-height: 1.18; font-weight: 600; letter-spacing: -0.02em; color: var(--foreground); text-wrap: balance; } @media (min-width: 640px) { .landing-headline[data-v-14e91dcc] { font-size: 2.125rem; line-height: 1.15; max-width: 26ch; } } /* UI-130 (Boaz: "make it nicer"). The row was a sentence and an outline button on the same flat panel as the tiers above it, so the one thing on the page that is not a plan looked like a footnote to them. It is a band now: the module's own accent (--a is set on the landing page's root and inherits down here; the Drive plans screen sets none, so it falls back to the brand tint), an icon tile matching the benefit cards, a title, and a button that fills with the accent on hover. */ .pq-band[data-v-ecbd8453] { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; background: color-mix(in srgb, var(--a, var(--primary)) 6%, transparent); } .pq-divider[data-v-ecbd8453] { border-top: 1px solid color-mix(in srgb, var(--a, var(--primary)) 20%, var(--border)); } .pq-icon[data-v-ecbd8453] { display: grid; place-items: center; flex-shrink: 0; width: 2.25rem; height: 2.25rem; border-radius: 0.625rem; background: color-mix(in srgb, var(--a, var(--primary)) 14%, transparent); color: var(--a, var(--primary)); } .pq-cta[data-v-ecbd8453] { display: inline-flex; flex-shrink: 0; align-items: center; gap: 0.375rem; border-radius: 0.5rem; border: 1px solid color-mix(in srgb, var(--a, var(--primary)) 45%, transparent); background: color-mix(in srgb, var(--a, var(--primary)) 10%, transparent); padding: 0.4375rem 0.875rem; font-size: 0.875rem; font-weight: 500; color: color-mix(in srgb, var(--a, var(--primary)) 75%, var(--foreground)); transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .pq-cta[data-v-ecbd8453]:hover { background: color-mix(in srgb, var(--a, var(--primary)) 20%, transparent); border-color: color-mix(in srgb, var(--a, var(--primary)) 65%, transparent); } .pq-cta svg[data-v-ecbd8453] { transition: transform 0.15s ease; } .pq-cta:hover svg[data-v-ecbd8453] { transform: translateX(2px); } /* The arrow points the way the reader moves forward, so in RTL it has to point the other way, and the hover nudge with it: `transform` is physical and does not mirror on its own. Flipping the glyph and keeping the same translateX after it moves the arrow toward its own tip in both directions. */ /* NOT `:global([dir='rtl']) .pq-cta svg`. In a scoped block the compiler drops everything after a `:global(...)` prefix and emits the bare `[dir='rtl']`, which matches the element and mirrors the ENTIRE application: every Hebrew screen renders as a mirror image, letterforms included. An ancestor selector needs no :global() here, because scoping only attaches its data-v attribute to the LAST compound selector. */ [dir='rtl'] .pq-cta svg[data-v-ecbd8453] { transform: scaleX(-1); } [dir='rtl'] .pq-cta:hover svg[data-v-ecbd8453] { transform: scaleX(-1) translateX(2px); } /* The accents are picked for a dark panel, so on light they are darkened rather than left to glare, exactly as the landing page does with its own icon tiles. The html part is deliberately not wrapped in `:global()`; see the note in ModuleLanding.vue for what that wrapper compiles down to. */ html:not(.dark) .pq-icon[data-v-ecbd8453], html:not(.dark) .pq-cta[data-v-ecbd8453] { color: color-mix(in srgb, var(--a, var(--primary)) 80%, black); } @media (max-width: 640px) { .pq-band[data-v-ecbd8453] { flex-direction: column; align-items: flex-start; } } /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ .fx-btn[data-v-fe7207f4]{display:none} /*! * FilePondPluginImagePreview 4.6.12 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /* eslint-disable */ .filepond--image-preview-markup{position:absolute;left:0;top:0}.filepond--image-preview-wrapper{z-index:2}.filepond--image-preview-overlay{display:block;position:absolute;left:0;top:0;width:100%;min-height:5rem;max-height:7rem;margin:0;opacity:0;z-index:2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--image-preview-overlay svg{width:100%;height:auto;color:inherit;max-height:inherit}.filepond--image-preview-overlay-idle{mix-blend-mode:multiply;color:rgba(40,40,40,.85)}.filepond--image-preview-overlay-success{mix-blend-mode:normal;color:#369763}.filepond--image-preview-overlay-failure{mix-blend-mode:normal;color:#c44e47}@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)){.filepond--image-preview-overlay-idle{mix-blend-mode:normal}}.filepond--image-preview-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;top:0;right:0;height:100%;margin:0;border-radius:.45em;overflow:hidden;background:rgba(0,0,0,.01)}.filepond--image-preview{position:absolute;left:0;top:0;z-index:1;display:flex;align-items:center;height:100%;width:100%;pointer-events:none;background:#222;will-change:transform,opacity}.filepond--image-clip{position:relative;overflow:hidden;margin:0 auto}.filepond--image-clip[data-transparency-indicator=grid] canvas,.filepond--image-clip[data-transparency-indicator=grid] img{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E");background-size:1.25em 1.25em}.filepond--image-bitmap,.filepond--image-vector{position:absolute;left:0;top:0;will-change:transform}.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper{border-radius:0}.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview{height:100%;display:flex;justify-content:center;align-items:center}.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper{border-radius:99999rem}.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay{top:auto;bottom:0;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]){margin-bottom:.325em}.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left]{left:calc(50% - 3em)}.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right]{right:calc(50% - 3em)}.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right]{margin-bottom:.5125em}.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center]{margin-top:0;margin-bottom:.1875em;margin-left:.1875em}/*! * FilePond 4.32.11 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /* eslint-disable */ .filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0,0,0,.01)}.filepond--drip-blob{-webkit-transform-origin:center center;transform-origin:center center;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%}.filepond--drip-blob,.filepond--drop-label{position:absolute;top:0;left:0;will-change:transform,opacity}.filepond--drop-label{right:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:400;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{position:absolute;left:-.75em;right:-.75em;top:-.75em;bottom:-.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:none;box-shadow:0 0 0 0 hsla(0,0%,100%,0);transition:box-shadow .25s ease-in}.filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em hsla(0,0%,100%,.9)}.filepond--file-action-button[disabled]{color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.25)}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s linear .125s both;animation:fall .5s linear .125s both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-.0625em);transform:translateX(-.0625em)}20%,80%{-webkit-transform:translateX(.125em);transform:translateX(.125em)}30%,50%,70%{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}40%,60%{-webkit-transform:translateX(.25em);transform:translateX(.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity;touch-action:auto}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em rgba(0,0,0,.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 transparent}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0,0,0,.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent);mask:linear-gradient(180deg,#000 calc(100% - .5em),transparent)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100%!important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent!important;border:none!important}.filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-bottom,.filepond--panel-top{height:.5em}.filepond--panel-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.filepond--panel-top:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-bottom,.filepond--panel-center{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.filepond--panel-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important;border-top:none!important}.filepond--panel-bottom:before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px!important;border-top:none!important;border-bottom:none!important;border-radius:0!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root :not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.4;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ .filepond--wrapper .filepond--root{margin-bottom:0}.filepond--panel-root{background-color:var(--color-muted)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important}.filepond--drop-label{color:var(--color-muted-foreground)!important}.filepond--drop-label label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.filepond--label-action{font-weight:500;color:var(--color-primary)!important;text-decoration:none!important}.filepond--label-action:hover{text-decoration:underline!important}.filepond--item-panel{background-color:var(--color-card)!important;border-radius:var(--radius-md)!important}.filepond--file-info{color:var(--color-foreground)!important}.filepond--file-info .filepond--file-info-sub{color:var(--color-muted-foreground)!important;opacity:1!important}.filepond--file-status{color:var(--color-muted-foreground)!important}.filepond--file-action-button{cursor:pointer}.filepond--root.xuda-pond-empty .filepond--file-action-button{display:none!important}.filepond--root.xuda-pond-empty .filepond--drop-label{opacity:1!important;visibility:visible!important}.filepond--image-preview-overlay-idle,.filepond--image-preview-overlay-success,.filepond--image-preview-overlay-failure{opacity:0!important}.filepond--image-preview{--xuda-checker:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.filepond--image-preview{--xuda-checker:color-mix(in srgb, var(--color-foreground) 7%, transparent)}}.filepond--image-preview{background-color:var(--color-card)!important;background-image:linear-gradient(45deg, var(--xuda-checker) 25%, transparent 25%, transparent 75%, var(--xuda-checker) 75%), linear-gradient(45deg, var(--xuda-checker) 25%, transparent 25%, transparent 75%, var(--xuda-checker) 75%)!important;background-position:0 0,8px 8px!important;background-size:16px 16px!important}.filepond--root[data-logo-bg] .filepond--image-preview{background-color:var(--logo-bg)!important;background-image:none!important}.filepond--drip-blob{background-color:var(--color-primary)!important}@supports (color:color-mix(in lab, red, red)){.filepond--drip-blob{background-color:color-mix(in srgb, var(--color-primary) 20%, transparent)!important}}.filepond--credits{display:none} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ .fx-btn[data-v-f544053e]{display:none} /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* Default standalone editor fonts */ .monaco-editor { font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif; --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace; } .monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label { stroke-width: 1.2px; } .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, .monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label, .monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label { stroke-width: 1.2px; } .monaco-hover p { margin: 0; } /* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */ .monaco-aria-container { position: absolute !important; top: 0; /* avoid being placed underneath a sibling element */ height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } /*.monaco-editor.vs [tabindex="0"]:focus { outline: 1px solid rgba(0, 122, 204, 0.4); outline-offset: -1px; opacity: 1 !important; } .monaco-editor.vs-dark [tabindex="0"]:focus { outline: 1px solid rgba(14, 99, 156, 0.6); outline-offset: -1px; opacity: 1 !important; }*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-aria-container { position: absolute; /* try to hide from window but not from screen readers */ left:-999em; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* -------------------- IE10 remove auto clear button -------------------- */ ::-ms-clear { display: none; } /* All widgets */ /* I am not a big fan of this rule */ .monaco-editor .editor-widget input { color: inherit; } /* -------------------- Editor -------------------- */ .monaco-editor { position: relative; overflow: visible; -webkit-text-size-adjust: 100%; color: var(--vscode-editor-foreground); background-color: var(--vscode-editor-background); } .monaco-editor-background { background-color: var(--vscode-editor-background); } .monaco-editor .rangeHighlight { background-color: var(--vscode-editor-rangeHighlightBackground); box-sizing: border-box; border: 1px solid var(--vscode-editor-rangeHighlightBorder); } .monaco-editor.hc-black .rangeHighlight, .monaco-editor.hc-light .rangeHighlight { border-style: dotted; } .monaco-editor .symbolHighlight { background-color: var(--vscode-editor-symbolHighlightBackground); box-sizing: border-box; border: 1px solid var(--vscode-editor-symbolHighlightBorder); } .monaco-editor.hc-black .symbolHighlight, .monaco-editor.hc-light .symbolHighlight { border-style: dotted; } /* -------------------- Misc -------------------- */ .monaco-editor .overflow-guard { position: relative; overflow: hidden; } .monaco-editor .view-overlays { position: absolute; top: 0; } /* .monaco-editor .auto-closed-character { opacity: 0.3; } */ .monaco-editor .squiggly-error { border-bottom: 4px double var(--vscode-editorError-border); } .monaco-editor .squiggly-error::before { display: block; content: ''; width: 100%; height: 100%; background: var(--vscode-editorError-background); } .monaco-editor .squiggly-warning { border-bottom: 4px double var(--vscode-editorWarning-border); } .monaco-editor .squiggly-warning::before { display: block; content: ''; width: 100%; height: 100%; background: var(--vscode-editorWarning-background); } .monaco-editor .squiggly-info { border-bottom: 4px double var(--vscode-editorInfo-border); } .monaco-editor .squiggly-info::before { display: block; content: ''; width: 100%; height: 100%; background: var(--vscode-editorInfo-background); } .monaco-editor .squiggly-hint { border-bottom: 2px dotted var(--vscode-editorHint-border); } .monaco-editor.showUnused .squiggly-unnecessary { border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border); } .monaco-editor.showDeprecated .squiggly-inline-deprecated { text-decoration: line-through; text-decoration-color: var(--vscode-editor-foreground, inherit); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* Arrows */ .monaco-scrollable-element > .scrollbar > .scra { cursor: pointer; font-size: 11px !important; } .monaco-scrollable-element > .visible { opacity: 1; /* Background rule added for IE9 - to allow clicks on dom node */ background:rgba(0,0,0,0); transition: opacity 100ms linear; /* In front of peek view */ z-index: 11; } .monaco-scrollable-element > .invisible { opacity: 0; pointer-events: none; } .monaco-scrollable-element > .invisible.fade { transition: opacity 800ms linear; } /* Scrollable Content Inset Shadow */ .monaco-scrollable-element > .shadow { position: absolute; display: none; } .monaco-scrollable-element > .shadow.top { display: block; top: 0; left: 3px; height: 3px; width: 100%; box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset; } .monaco-scrollable-element > .shadow.left { display: block; top: 3px; left: 0; height: 100%; width: 3px; box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset; } .monaco-scrollable-element > .shadow.top-left-corner { display: block; top: 0; left: 0; height: 3px; width: 3px; } .monaco-scrollable-element > .shadow.top.left { box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset; } .monaco-scrollable-element > .scrollbar > .slider { background: var(--vscode-scrollbarSlider-background); } .monaco-scrollable-element > .scrollbar > .slider:hover { background: var(--vscode-scrollbarSlider-hoverBackground); } .monaco-scrollable-element > .scrollbar > .slider.active { background: var(--vscode-scrollbarSlider-activeBackground); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .inputarea { min-width: 0; min-height: 0; margin: 0; padding: 0; position: absolute; outline: none !important; resize: none; border: none; overflow: hidden; color: transparent; background-color: transparent; z-index: -10; } /*.monaco-editor .inputarea { position: fixed !important; width: 800px !important; height: 500px !important; top: initial !important; left: initial !important; bottom: 0 !important; right: 0 !important; color: black !important; background: white !important; line-height: 15px !important; font-size: 14px !important; z-index: 10 !important; }*/ .monaco-editor .inputarea.ime-input { z-index: 10; caret-color: var(--vscode-editorCursor-foreground); color: var(--vscode-editor-foreground); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .margin-view-overlays .line-numbers { font-variant-numeric: tabular-nums; position: absolute; text-align: right; display: inline-block; vertical-align: middle; box-sizing: border-box; cursor: default; height: 100%; } .monaco-editor .relative-current-line-number { text-align: left; display: inline-block; width: 100%; } .monaco-editor .margin-view-overlays .line-numbers.lh-odd { margin-top: 1px; } .monaco-editor .line-numbers { color: var(--vscode-editorLineNumber-foreground); } .monaco-editor .line-numbers.active-line-number { color: var(--vscode-editorLineNumber-activeForeground); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .margin { background-color: var(--vscode-editorGutter-background); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-mouse-cursor-text { cursor: text; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .view-overlays .current-line { display: block; position: absolute; left: 0; top: 0; box-sizing: border-box; } .monaco-editor .margin-view-overlays .current-line { display: block; position: absolute; left: 0; top: 0; box-sizing: border-box; } .monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both { border-right: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* Keeping name short for faster parsing. cdr = core decorations rendering (div) */ .monaco-editor .lines-content .cdr { position: absolute; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .lines-content .core-guide { position: absolute; box-sizing: border-box; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* Uncomment to see lines flashing when they're painted */ /*.monaco-editor .view-lines > .view-line { background-color: none; animation-name: flash-background; animation-duration: 800ms; } @keyframes flash-background { 0% { background-color: lightgreen; } 100% { background-color: none } }*/ .mtkcontrol { color: rgb(255, 255, 255) !important; background: rgb(150, 0, 0) !important; } .mtkoverflow { background-color: var(--vscode-button-background, --vscode-editor-background); color: var(--vscode-button-foreground, --vscode-editor-foreground); border-width: 1px; border-style: solid; border-color: var(--vscode-contrastBorder); border-radius: 2px; padding: 4px; cursor: pointer; } .mtkoverflow:hover { background-color: var(--vscode-button-hoverBackground); } .monaco-editor.no-user-select .lines-content, .monaco-editor.no-user-select .view-line, .monaco-editor.no-user-select .view-lines { user-select: none; -webkit-user-select: none; } /* Use user-select: text for lookup feature on macOS */ /* https://github.com/microsoft/vscode/issues/85632 */ .monaco-editor.mac .lines-content:hover, .monaco-editor.mac .view-line:hover, .monaco-editor.mac .view-lines:hover { user-select: text; -webkit-user-select: text; -ms-user-select: text; } .monaco-editor.enable-user-select { user-select: initial; -webkit-user-select: initial; } .monaco-editor .view-lines { white-space: nowrap; } .monaco-editor .view-line { position: absolute; width: 100%; } .monaco-editor .mtkw { color: var(--vscode-editorWhitespace-foreground) !important; } .monaco-editor .mtkz { display: inline-block; color: var(--vscode-editorWhitespace-foreground) !important; } /* TODO@tokenization bootstrap fix */ /*.monaco-editor .view-line > span > span { float: none; min-height: inherit; margin-left: inherit; }*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .lines-decorations { position: absolute; top: 0; background: white; } /* Keeping name short for faster parsing. cldr = core lines decorations rendering (div) */ .monaco-editor .margin-view-overlays .cldr { position: absolute; height: 100%; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .glyph-margin { position: absolute; top: 0; } /* Keeping name short for faster parsing. cgmr = core glyph margin rendering (div) */ .monaco-editor .glyph-margin-widgets .cgmr { position: absolute; display: flex; align-items: center; justify-content: center; } /* Ensure spinning icons are pixel-perfectly centered and avoid wobble. This is only applied to icons that spin to avoid unnecessary GPU layers and blurry subpixel AA. */ .monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* Keeping name short for faster parsing. cmdr = core margin decorations rendering (div) */ .monaco-editor .margin-view-overlays .cmdr { position: absolute; left: 0; width: 100%; height: 100%; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* START cover the case that slider is visible on mouseover */ .monaco-editor .minimap.slider-mouseover .minimap-slider { opacity: 0; transition: opacity 100ms linear; } .monaco-editor .minimap.slider-mouseover:hover .minimap-slider { opacity: 1; } .monaco-editor .minimap.slider-mouseover .minimap-slider.active { opacity: 1; } /* END cover the case that slider is visible on mouseover */ .monaco-editor .minimap-slider .minimap-slider-horizontal { background: var(--vscode-minimapSlider-background); } .monaco-editor .minimap-slider:hover .minimap-slider-horizontal { background: var(--vscode-minimapSlider-hoverBackground); } .monaco-editor .minimap-slider.active .minimap-slider-horizontal { background: var(--vscode-minimapSlider-activeBackground); } .monaco-editor .minimap-shadow-visible { box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset; } .monaco-editor .minimap-shadow-hidden { position: absolute; width: 0; } .monaco-editor .minimap-shadow-visible { position: absolute; left: -6px; width: 6px; } .monaco-editor.no-minimap-shadow .minimap-shadow-visible { position: absolute; left: -1px; width: 1px; } /* 0.5s fade in/out for the minimap */ .minimap.autohide { opacity: 0; transition: opacity 0.5s; } .minimap.autohide:hover { opacity: 1; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .overlayWidgets { position: absolute; top: 0; left:0; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .view-ruler { position: absolute; top: 0; box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .scroll-decoration { position: absolute; top: 0; left: 0; height: 6px; box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* Keeping name short for faster parsing. cslr = core selections layer rendering (div) */ .monaco-editor .lines-content .cslr { position: absolute; } .monaco-editor .focused .selected-text { background-color: var(--vscode-editor-selectionBackground); } .monaco-editor .selected-text { background-color: var(--vscode-editor-inactiveSelectionBackground); } .monaco-editor .top-left-radius { border-top-left-radius: 3px; } .monaco-editor .bottom-left-radius { border-bottom-left-radius: 3px; } .monaco-editor .top-right-radius { border-top-right-radius: 3px; } .monaco-editor .bottom-right-radius { border-bottom-right-radius: 3px; } .monaco-editor.hc-black .top-left-radius { border-top-left-radius: 0; } .monaco-editor.hc-black .bottom-left-radius { border-bottom-left-radius: 0; } .monaco-editor.hc-black .top-right-radius { border-top-right-radius: 0; } .monaco-editor.hc-black .bottom-right-radius { border-bottom-right-radius: 0; } .monaco-editor.hc-light .top-left-radius { border-top-left-radius: 0; } .monaco-editor.hc-light .bottom-left-radius { border-bottom-left-radius: 0; } .monaco-editor.hc-light .top-right-radius { border-top-right-radius: 0; } .monaco-editor.hc-light .bottom-right-radius { border-bottom-right-radius: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .cursors-layer { position: absolute; top: 0; } .monaco-editor .cursors-layer > .cursor { position: absolute; overflow: hidden; box-sizing: border-box; } /* -- smooth-caret-animation -- */ .monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor { transition: all 80ms; } /* -- block-outline-style -- */ .monaco-editor .cursors-layer.cursor-block-outline-style > .cursor { background: transparent !important; border-style: solid; border-width: 1px; } /* -- underline-style -- */ .monaco-editor .cursors-layer.cursor-underline-style > .cursor { border-bottom-width: 2px; border-bottom-style: solid; background: transparent !important; } /* -- underline-thin-style -- */ .monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor { border-bottom-width: 1px; border-bottom-style: solid; background: transparent !important; } @keyframes monaco-cursor-smooth { 0%, 20% { opacity: 1; } 60%, 100% { opacity: 0; } } @keyframes monaco-cursor-phase { 0%, 20% { opacity: 1; } 90%, 100% { opacity: 0; } } @keyframes monaco-cursor-expand { 0%, 20% { transform: scaleY(1); } 80%, 100% { transform: scaleY(0); } } .cursor-smooth { animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate; } .cursor-phase { animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate; } .cursor-expand > .cursor { animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .blockDecorations-container { position: absolute; top: 0; pointer-events: none; } .monaco-editor .blockDecorations-block { position: absolute; box-sizing: border-box; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .mwh { position: absolute; color: var(--vscode-editorWhitespace-foreground) !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ :root { --vscode-sash-size: 4px; } .monaco-sash { position: absolute; z-index: 35; touch-action: none; } .monaco-sash.disabled { pointer-events: none; } .monaco-sash.mac.vertical { cursor: col-resize; } .monaco-sash.vertical.minimum { cursor: e-resize; } .monaco-sash.vertical.maximum { cursor: w-resize; } .monaco-sash.mac.horizontal { cursor: row-resize; } .monaco-sash.horizontal.minimum { cursor: s-resize; } .monaco-sash.horizontal.maximum { cursor: n-resize; } .monaco-sash.disabled { cursor: default !important; pointer-events: none !important; } .monaco-sash.vertical { cursor: ew-resize; top: 0; width: var(--vscode-sash-size); height: 100%; } .monaco-sash.horizontal { cursor: ns-resize; left: 0; width: 100%; height: var(--vscode-sash-size); } .monaco-sash:not(.disabled) > .orthogonal-drag-handle { content: " "; height: calc(var(--vscode-sash-size) * 2); width: calc(var(--vscode-sash-size) * 2); z-index: 100; display: block; cursor: all-scroll; position: absolute; } .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.start, .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.end { cursor: nwse-resize; } .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.end, .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.start { cursor: nesw-resize; } .monaco-sash.vertical > .orthogonal-drag-handle.start { left: calc(var(--vscode-sash-size) * -0.5); top: calc(var(--vscode-sash-size) * -1); } .monaco-sash.vertical > .orthogonal-drag-handle.end { left: calc(var(--vscode-sash-size) * -0.5); bottom: calc(var(--vscode-sash-size) * -1); } .monaco-sash.horizontal > .orthogonal-drag-handle.start { top: calc(var(--vscode-sash-size) * -0.5); left: calc(var(--vscode-sash-size) * -1); } .monaco-sash.horizontal > .orthogonal-drag-handle.end { top: calc(var(--vscode-sash-size) * -0.5); right: calc(var(--vscode-sash-size) * -1); } .monaco-sash:before { content: ''; pointer-events: none; position: absolute; width: 100%; height: 100%; background: transparent; } .monaco-workbench:not(.reduce-motion) .monaco-sash:before { transition: background-color 0.1s ease-out; } .monaco-sash.hover:before, .monaco-sash.active:before { background: var(--vscode-sash-hoverBorder); } .monaco-sash.vertical:before { width: var(--vscode-sash-hover-size); left: calc(50% - (var(--vscode-sash-hover-size) / 2)); } .monaco-sash.horizontal:before { height: var(--vscode-sash-hover-size); top: calc(50% - (var(--vscode-sash-hover-size) / 2)); } .pointer-events-disabled { pointer-events: none !important; } /** Debug **/ .monaco-sash.debug { background: cyan; } .monaco-sash.debug.disabled { background: rgba(0, 255, 255, 0.2); } .monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle { background: red; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* ---------- DiffEditor ---------- */ .monaco-diff-editor .diffOverview { z-index: 9; } .monaco-diff-editor .diffOverview .diffViewport { z-index: 10; } /* colors not externalized: using transparancy on background */ .monaco-diff-editor.vs .diffOverview { background: rgba(0, 0, 0, 0.03); } .monaco-diff-editor.vs-dark .diffOverview { background: rgba(255, 255, 255, 0.01); } .monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar { background: rgba(0,0,0,0); } .monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar { background: rgba(0,0,0,0); } .monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar { background: none; } .monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light .scrollbar { background: none; } .monaco-scrollable-element.modified-in-monaco-diff-editor .slider { z-index: 10; } .modified-in-monaco-diff-editor .slider.active { background: rgba(171, 171, 171, .4); } .modified-in-monaco-diff-editor.hc-black .slider.active { background: none; } .modified-in-monaco-diff-editor.hc-light .slider.active { background: none; } /* ---------- Diff ---------- */ .monaco-editor .insert-sign, .monaco-diff-editor .insert-sign, .monaco-editor .delete-sign, .monaco-diff-editor .delete-sign { font-size: 11px !important; opacity: 0.7 !important; display: flex !important; align-items: center; } .monaco-editor.hc-black .insert-sign, .monaco-diff-editor.hc-black .insert-sign, .monaco-editor.hc-black .delete-sign, .monaco-diff-editor.hc-black .delete-sign, .monaco-editor.hc-light .insert-sign, .monaco-diff-editor.hc-light .insert-sign, .monaco-editor.hc-light .delete-sign, .monaco-diff-editor.hc-light .delete-sign { opacity: 1; } .monaco-editor .inline-deleted-margin-view-zone { text-align: right; } .monaco-editor .inline-added-margin-view-zone { text-align: right; } .monaco-editor .arrow-revert-change { z-index: 10; position: absolute; } .monaco-editor .arrow-revert-change:hover { cursor: pointer; } /* ---------- Inline Diff ---------- */ .monaco-editor .view-zones .view-lines .view-line span { display: inline-block; } .monaco-editor .margin-view-zones .lightbulb-glyph:hover { cursor: pointer; } .monaco-editor .char-insert, .monaco-diff-editor .char-insert { background-color: var(--vscode-diffEditor-insertedTextBackground); } .monaco-editor .line-insert, .monaco-diff-editor .line-insert { background-color: var(--vscode-diffEditor-insertedLineBackground, --vscode-diffEditor-insertedTextBackground); } .monaco-editor .line-insert, .monaco-editor .char-insert { box-sizing: border-box; border: 1px solid var(--vscode-diffEditor-insertedTextBorder); } .monaco-editor.hc-black .line-insert, .monaco-editor.hc-light .line-insert, .monaco-editor.hc-black .char-insert, .monaco-editor.hc-light .char-insert { border-style: dashed; } .monaco-editor .line-delete, .monaco-editor .char-delete { box-sizing: border-box; border: 1px solid var(--vscode-diffEditor-removedTextBorder); } .monaco-editor.hc-black .line-delete, .monaco-editor.hc-light .line-delete, .monaco-editor.hc-black .char-delete, .monaco-editor.hc-light .char-delete { border-style: dashed; } .monaco-editor .inline-added-margin-view-zone, .monaco-editor .gutter-insert, .monaco-diff-editor .gutter-insert { background-color: var(--vscode-diffEditorGutter-insertedLineBackground, --vscode-diffEditor-insertedLineBackground, --vscode-diffEditor-insertedTextBackground); } .monaco-editor .char-delete, .monaco-diff-editor .char-delete { background-color: var(--vscode-diffEditor-removedTextBackground); } .monaco-editor .line-delete, .monaco-diff-editor .line-delete { background-color: var(--vscode-diffEditor-removedLineBackground, --vscode-diffEditor-removedTextBackground); } .monaco-editor .inline-deleted-margin-view-zone, .monaco-editor .gutter-delete, .monaco-diff-editor .gutter-delete { background-color: var(--vscode-diffEditorGutter-removedLineBackground, --vscode-diffEditor-removedLineBackground, --vscode-diffEditor-removedTextBackground); } .monaco-diff-editor.side-by-side .editor.modified { box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow); border-left: 1px solid var(--vscode-diffEditor-border); } .monaco-diff-editor .diffViewport { background: var(--vscode-scrollbarSlider-background); } .monaco-diff-editor .diffViewport:hover { background: var(--vscode-scrollbarSlider-hoverBackground); } .monaco-diff-editor .diffViewport:active { background: var(--vscode-scrollbarSlider-activeBackground); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-list { position: relative; height: 100%; width: 100%; white-space: nowrap; } .monaco-list.mouse-support { user-select: none; -webkit-user-select: none; } .monaco-list > .monaco-scrollable-element { height: 100%; } .monaco-list-rows { position: relative; width: 100%; height: 100%; } .monaco-list.horizontal-scrolling .monaco-list-rows { width: auto; min-width: 100%; } .monaco-list-row { position: absolute; box-sizing: border-box; overflow: hidden; width: 100%; } .monaco-list.mouse-support .monaco-list-row { cursor: pointer; touch-action: none; } /* for OS X ballistic scrolling */ .monaco-list-row.scrolling { display: none !important; } /* Focus */ .monaco-list.element-focused, .monaco-list.selection-single, .monaco-list.selection-multiple { outline: 0 !important; } /* Dnd */ .monaco-drag-image { display: inline-block; padding: 1px 7px; border-radius: 10px; font-size: 12px; position: absolute; z-index: 1000; } /* Filter */ .monaco-list-type-filter-message { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; padding: 40px 1em 1em 1em; text-align: center; white-space: normal; opacity: 0.7; pointer-events: none; } .monaco-list-type-filter-message:empty { display: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* Use custom CSS vars to expose padding into parent select for padding calculation */ .monaco-select-box-dropdown-padding { --dropdown-padding-top: 1px; --dropdown-padding-bottom: 1px; } .hc-black .monaco-select-box-dropdown-padding, .hc-light .monaco-select-box-dropdown-padding { --dropdown-padding-top: 3px; --dropdown-padding-bottom: 4px; } .monaco-select-box-dropdown-container { display: none; box-sizing: border-box; } .monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * { margin: 0; } .monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus { outline: 1px solid -webkit-focus-ring-color; outline-offset: -1px; } .monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code { line-height: 15px; /** For some reason, this is needed, otherwise will take up 20px height */ font-family: var(--monaco-monospace-font); } .monaco-select-box-dropdown-container.visible { display: flex; flex-direction: column; text-align: left; width: 1px; overflow: hidden; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .monaco-select-box-dropdown-container > .select-box-dropdown-list-container { flex: 0 0 auto; align-self: flex-start; padding-top: var(--dropdown-padding-top); padding-bottom: var(--dropdown-padding-bottom); padding-left: 1px; padding-right: 1px; width: 100%; overflow: hidden; box-sizing: border-box; } .monaco-select-box-dropdown-container > .select-box-details-pane { padding: 5px; } .hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container { padding-top: var(--dropdown-padding-top); padding-bottom: var(--dropdown-padding-bottom); } .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row { cursor: pointer; } .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text { text-overflow: ellipsis; overflow: hidden; padding-left: 3.5px; white-space: nowrap; float: left; } .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail { text-overflow: ellipsis; overflow: hidden; padding-left: 3.5px; white-space: nowrap; float: left; opacity: 0.7; } .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right { text-overflow: ellipsis; overflow: hidden; padding-right: 10px; white-space: nowrap; float: right; } /* Accepted CSS hiding technique for accessibility reader text */ /* https://webaim.org/techniques/css/invisiblecontent/ */ .monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control { flex: 1 1 auto; align-self: flex-start; opacity: 0; } .monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div { overflow: hidden; max-height: 0px; } .monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control { padding-left: 4px; padding-right: 8px; white-space: nowrap; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-select-box { width: 100%; cursor: pointer; border-radius: 2px; } .monaco-select-box-dropdown-container { font-size: 13px; font-weight: normal; text-transform: none; } /** Actions */ .monaco-action-bar .action-item.select-container { cursor: default; } .monaco-action-bar .action-item .monaco-select-box { cursor: pointer; min-width: 100px; min-height: 18px; padding: 2px 23px 2px 8px; } .mac .monaco-action-bar .action-item .monaco-select-box { font-size: 11px; border-radius: 5px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-action-bar { white-space: nowrap; height: 100%; } .monaco-action-bar .actions-container { display: flex; margin: 0 auto; padding: 0; height: 100%; width: 100%; align-items: center; } .monaco-action-bar.vertical .actions-container { display: inline-block; } .monaco-action-bar .action-item { display: block; align-items: center; justify-content: center; cursor: pointer; position: relative; /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */ } .monaco-action-bar .action-item.disabled { cursor: default; } .monaco-action-bar .action-item .icon, .monaco-action-bar .action-item .codicon { display: block; } .monaco-action-bar .action-item .codicon { display: flex; align-items: center; width: 16px; height: 16px; } .monaco-action-bar .action-label { display: flex; font-size: 11px; padding: 3px; border-radius: 5px; } .monaco-action-bar .action-item.disabled .action-label, .monaco-action-bar .action-item.disabled .action-label::before, .monaco-action-bar .action-item.disabled .action-label:hover { opacity: 0.6; } /* Vertical actions */ .monaco-action-bar.vertical { text-align: left; } .monaco-action-bar.vertical .action-item { display: block; } .monaco-action-bar.vertical .action-label.separator { display: block; border-bottom: 1px solid #bbb; padding-top: 1px; margin-left: .8em; margin-right: .8em; } .monaco-action-bar .action-item .action-label.separator { width: 1px; height: 16px; margin: 5px 4px !important; cursor: default; min-width: 1px; padding: 0; background-color: #bbb; } .secondary-actions .monaco-action-bar .action-label { margin-left: 6px; } /* Action Items */ .monaco-action-bar .action-item.select-container { overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */ flex: 1; max-width: 170px; min-width: 60px; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .monaco-action-bar .action-item.action-dropdown-item { display: flex; } .monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator { display: flex; align-items: center; cursor: default; } .monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div { width: 1px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-diff-editor .diff-review-line-number { text-align: right; display: inline-block; color: var(--vscode-editorLineNumber-foreground); } .monaco-diff-editor .diff-review { position: absolute; user-select: none; -webkit-user-select: none; z-index: 99; } .monaco-diff-editor .diff-review-summary { padding-left: 10px; } .monaco-diff-editor .diff-review-shadow { position: absolute; box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset; } .monaco-diff-editor .diff-review-row { white-space: pre; } .monaco-diff-editor .diff-review-table { display: table; min-width: 100%; } .monaco-diff-editor .diff-review-row { display: table-row; width: 100%; } .monaco-diff-editor .diff-review-spacer { display: inline-block; width: 10px; vertical-align: middle; } .monaco-diff-editor .diff-review-spacer > .codicon { font-size: 9px !important; } .monaco-diff-editor .diff-review-actions { display: inline-block; position: absolute; right: 10px; top: 2px; z-index: 100; } .monaco-diff-editor .diff-review-actions .action-label { width: 16px; height: 16px; margin: 2px 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .context-view { position: absolute; } .context-view.fixed { all: initial; font-family: inherit; font-size: 13px; position: fixed; color: inherit; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-dropdown { height: 100%; padding: 0; } .monaco-dropdown > .dropdown-label { cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; } .monaco-dropdown > .dropdown-label > .action-label.disabled { cursor: default; } .monaco-dropdown-with-primary { display: flex !important; flex-direction: row; border-radius: 5px; } .monaco-dropdown-with-primary > .action-container > .action-label { margin-right: 0; } .monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] { font-size: 12px; padding-left: 0px; padding-right: 0px; line-height: 16px; margin-left: -3px; } .monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label { display: block; background-size: 16px; background-position: center center; background-repeat: no-repeat; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-action-bar .action-item.menu-entry .action-label.icon { width: 16px; height: 16px; background-repeat: no-repeat; background-position: 50%; background-size: 16px; } .monaco-dropdown-with-default { display: flex !important; flex-direction: row; border-radius: 5px; } .monaco-dropdown-with-default > .action-container > .action-label { margin-right: 0; } .monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon { width: 16px; height: 16px; background-repeat: no-repeat; background-position: 50%; background-size: 16px; } .monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] { font-size: 12px; padding-left: 0px; padding-right: 0px; line-height: 16px; margin-left: -3px; } .monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label { display: block; background-size: 16px; background-position: center center; background-repeat: no-repeat; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .quick-input-widget { font-size: 13px; } .quick-input-widget .monaco-highlighted-label .highlight, .quick-input-widget .monaco-highlighted-label .highlight { color: #0066BF; } .vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight, .vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight { color: #9DDDFF; } .vs-dark .quick-input-widget .monaco-highlighted-label .highlight, .vs-dark .quick-input-widget .monaco-highlighted-label .highlight { color: #0097fb; } .hc-black .quick-input-widget .monaco-highlighted-label .highlight, .hc-black .quick-input-widget .monaco-highlighted-label .highlight { color: #F38518; } .hc-light .quick-input-widget .monaco-highlighted-label .highlight, .hc-light .quick-input-widget .monaco-highlighted-label .highlight { color: #0F4A85; } .monaco-keybinding > .monaco-keybinding-key { background-color: rgba(221, 221, 221, 0.4); border: solid 1px rgba(204, 204, 204, 0.4); border-bottom-color: rgba(187, 187, 187, 0.4); box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4); color: #555; } .hc-black .monaco-keybinding > .monaco-keybinding-key { background-color: transparent; border: solid 1px rgb(111, 195, 223); box-shadow: none; color: #fff; } .hc-light .monaco-keybinding > .monaco-keybinding-key { background-color: transparent; border: solid 1px #0F4A85; box-shadow: none; color: #292929; } .vs-dark .monaco-keybinding > .monaco-keybinding-key { background-color: rgba(128, 128, 128, 0.17); border: solid 1px rgba(51, 51, 51, 0.6); border-bottom-color: rgba(68, 68, 68, 0.6); box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6); color: #ccc; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-split-view2 { position: relative; width: 100%; height: 100%; } .monaco-split-view2 > .sash-container { position: absolute; width: 100%; height: 100%; pointer-events: none; } .monaco-split-view2 > .sash-container > .monaco-sash { pointer-events: initial; } .monaco-split-view2 > .monaco-scrollable-element { width: 100%; height: 100%; } .monaco-split-view2 > .monaco-scrollable-element > .split-view-container { width: 100%; height: 100%; white-space: nowrap; position: relative; } .monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view { white-space: initial; position: absolute; } .monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) { display: none; } .monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view { width: 100%; } .monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view { height: 100%; } .monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before { content: ' '; position: absolute; top: 0; left: 0; z-index: 5; pointer-events: none; background-color: var(--separator-border); } .monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before { height: 100%; width: 1px; } .monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before { height: 1px; width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-table { display: flex; flex-direction: column; position: relative; height: 100%; width: 100%; white-space: nowrap; overflow: hidden; } .monaco-table > .monaco-split-view2 { border-bottom: 1px solid transparent; } .monaco-table > .monaco-list { flex: 1; } .monaco-table-tr { display: flex; height: 100%; } .monaco-table-th { width: 100%; height: 100%; font-weight: bold; overflow: hidden; text-overflow: ellipsis; } .monaco-table-th, .monaco-table-td { box-sizing: border-box; flex-shrink: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before { content: ""; position: absolute; left: calc(var(--vscode-sash-size) / 2); width: 0; border-left: 1px solid transparent; } .monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2, .monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before { transition: border-color 0.2s ease-out; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-custom-toggle { margin-left: 2px; float: left; cursor: pointer; overflow: hidden; width: 20px; height: 20px; border-radius: 3px; border: 1px solid transparent; padding: 1px; box-sizing: border-box; user-select: none; -webkit-user-select: none; } .monaco-custom-toggle:hover { background-color: var(--vscode-inputOption-hoverBackground); } .hc-black .monaco-custom-toggle:hover, .hc-light .monaco-custom-toggle:hover { border: 1px dashed var(--vscode-focusBorder); } .hc-black .monaco-custom-toggle, .hc-light .monaco-custom-toggle { background: none; } .hc-black .monaco-custom-toggle:hover, .hc-light .monaco-custom-toggle:hover { background: none; } .monaco-custom-toggle.monaco-checkbox { height: 18px; width: 18px; border: 1px solid transparent; border-radius: 3px; margin-right: 9px; margin-left: 0px; padding: 0px; opacity: 1; background-size: 16px !important; } /* hide check when unchecked */ .monaco-custom-toggle.monaco-checkbox:not(.checked)::before { visibility: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-inputbox { position: relative; display: block; padding: 0; box-sizing: border-box; border-radius: 2px; /* Customizable */ font-size: inherit; } .monaco-inputbox > .ibwrapper > .input, .monaco-inputbox > .ibwrapper > .mirror { /* Customizable */ padding: 4px 6px; } .monaco-inputbox > .ibwrapper { position: relative; width: 100%; height: 100%; } .monaco-inputbox > .ibwrapper > .input { display: inline-block; box-sizing: border-box; width: 100%; height: 100%; line-height: inherit; border: none; font-family: inherit; font-size: inherit; resize: none; color: inherit; } .monaco-inputbox > .ibwrapper > input { text-overflow: ellipsis; } .monaco-inputbox > .ibwrapper > textarea.input { display: block; scrollbar-width: none; /* Firefox: hide scrollbars */ outline: none; } .monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar { display: none; /* Chrome + Safari: hide scrollbar */ } .monaco-inputbox > .ibwrapper > textarea.input.empty { white-space: nowrap; } .monaco-inputbox > .ibwrapper > .mirror { position: absolute; display: inline-block; width: 100%; top: 0; left: 0; box-sizing: border-box; white-space: pre-wrap; visibility: hidden; word-wrap: break-word; } /* Context view */ .monaco-inputbox-container { text-align: right; } .monaco-inputbox-container .monaco-inputbox-message { display: inline-block; overflow: hidden; text-align: left; width: 100%; box-sizing: border-box; padding: 0.4em; font-size: 12px; line-height: 17px; margin-top: -1px; word-wrap: break-word; } /* Action bar support */ .monaco-inputbox .monaco-action-bar { position: absolute; right: 2px; top: 4px; } .monaco-inputbox .monaco-action-bar .action-item { margin-left: 2px; } .monaco-inputbox .monaco-action-bar .action-item .codicon { background-repeat: no-repeat; width: 16px; height: 16px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* ---------- Find input ---------- */ .monaco-findInput { position: relative; } .monaco-findInput .monaco-inputbox { font-size: 13px; width: 100%; } .monaco-findInput > .controls { position: absolute; top: 3px; right: 2px; } .vs .monaco-findInput.disabled { background-color: #E1E1E1; } /* Theming */ .vs-dark .monaco-findInput.disabled { background-color: #333; } /* Highlighting */ .monaco-findInput.highlight-0 .controls, .hc-light .monaco-findInput.highlight-0 .controls { animation: monaco-findInput-highlight-0 100ms linear 0s; } .monaco-findInput.highlight-1 .controls, .hc-light .monaco-findInput.highlight-1 .controls { animation: monaco-findInput-highlight-1 100ms linear 0s; } .hc-black .monaco-findInput.highlight-0 .controls, .vs-dark .monaco-findInput.highlight-0 .controls { animation: monaco-findInput-highlight-dark-0 100ms linear 0s; } .hc-black .monaco-findInput.highlight-1 .controls, .vs-dark .monaco-findInput.highlight-1 .controls { animation: monaco-findInput-highlight-dark-1 100ms linear 0s; } @keyframes monaco-findInput-highlight-0 { 0% { background: rgba(253, 255, 0, 0.8); } 100% { background: transparent; } } @keyframes monaco-findInput-highlight-1 { 0% { background: rgba(253, 255, 0, 0.8); } /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ 99% { background: transparent; } } @keyframes monaco-findInput-highlight-dark-0 { 0% { background: rgba(255, 255, 255, 0.44); } 100% { background: transparent; } } @keyframes monaco-findInput-highlight-dark-1 { 0% { background: rgba(255, 255, 255, 0.44); } /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/ 99% { background: transparent; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-tl-row { display: flex; height: 100%; align-items: center; position: relative; } .monaco-tl-row.disabled { cursor: default; } .monaco-tl-indent { height: 100%; position: absolute; top: 0; left: 16px; pointer-events: none; } .hide-arrows .monaco-tl-indent { left: 12px; } .monaco-tl-indent > .indent-guide { display: inline-block; box-sizing: border-box; height: 100%; border-left: 1px solid transparent; } .monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide { transition: border-color 0.1s linear; } .monaco-tl-twistie, .monaco-tl-contents { height: 100%; } .monaco-tl-twistie { font-size: 10px; text-align: right; padding-right: 6px; flex-shrink: 0; width: 16px; display: flex !important; align-items: center; justify-content: center; transform: translateX(3px); } .monaco-tl-contents { flex: 1; overflow: hidden; } .monaco-tl-twistie::before { border-radius: 20px; } .monaco-tl-twistie.collapsed::before { transform: rotate(-90deg); } .monaco-tl-twistie.codicon-tree-item-loading::before { /* Use steps to throttle FPS to reduce CPU usage */ animation: codicon-spin 1.25s steps(30) infinite; } .monaco-tree-type-filter { position: absolute; top: 0; display: flex; padding: 3px; max-width: 200px; z-index: 100; margin: 0 6px; border: 1px solid var(--vscode-widget-border); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter { transition: top 0.3s; } .monaco-tree-type-filter.disabled { top: -40px !important; } .monaco-tree-type-filter-grab { display: flex !important; align-items: center; justify-content: center; cursor: grab; margin-right: 2px; } .monaco-tree-type-filter-grab.grabbing { cursor: grabbing; } .monaco-tree-type-filter-input { flex: 1; } .monaco-tree-type-filter-input .monaco-inputbox { height: 23px; } .monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input, .monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror { padding: 2px 4px; } .monaco-tree-type-filter-input .monaco-findInput > .controls { top: 2px; } .monaco-tree-type-filter-actionbar { margin-left: 4px; } .monaco-tree-type-filter-actionbar .monaco-action-bar .action-label { padding: 2px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-text-button { box-sizing: border-box; display: flex; width: 100%; padding: 4px; border-radius: 2px; text-align: center; cursor: pointer; justify-content: center; align-items: center; border: 1px solid var(--vscode-button-border, transparent); line-height: 18px; } .monaco-text-button:focus { outline-offset: 2px !important; } .monaco-text-button:hover { text-decoration: none !important; } .monaco-button.disabled:focus, .monaco-button.disabled { opacity: 0.4 !important; cursor: default; } .monaco-text-button .codicon { margin: 0 0.2em; color: inherit !important; } .monaco-text-button.monaco-text-button-with-short-label { flex-direction: row; flex-wrap: wrap; padding: 0 4px; overflow: hidden; height: 28px; } .monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label { flex-basis: 100%; } .monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short { flex-grow: 1; width: 0; overflow: hidden; } .monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label, .monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short { display: flex; justify-content: center; align-items: center; font-weight: normal; font-style: inherit; padding: 4px 0; } .monaco-button-dropdown { display: flex; cursor: pointer; } .monaco-button-dropdown.disabled { cursor: default; } .monaco-button-dropdown > .monaco-button:focus { outline-offset: -1px !important; } .monaco-button-dropdown.disabled > .monaco-button.disabled, .monaco-button-dropdown.disabled > .monaco-button.disabled:focus, .monaco-button-dropdown.disabled > .monaco-button-dropdown-separator { opacity: 0.4 !important; } .monaco-button-dropdown > .monaco-button.monaco-text-button { border-right-width: 0 !important; } .monaco-button-dropdown .monaco-button-dropdown-separator { padding: 4px 0; cursor: default; } .monaco-button-dropdown .monaco-button-dropdown-separator > div { height: 100%; width: 1px; } .monaco-button-dropdown > .monaco-button.monaco-dropdown-button { border: 1px solid var(--vscode-button-border, transparent); border-left-width: 0 !important; border-radius: 0 2px 2px 0; } .monaco-button-dropdown > .monaco-button.monaco-text-button { border-radius: 2px 0 0 2px; } .monaco-description-button { display: flex; flex-direction: column; align-items: center; margin: 4px 5px; /* allows button focus outline to be visible */ } .monaco-description-button .monaco-button-description { font-style: italic; font-size: 11px; padding: 4px 20px; } .monaco-description-button .monaco-button-label, .monaco-description-button .monaco-button-description { display: flex; justify-content: center; align-items: center; } .monaco-description-button .monaco-button-label > .codicon, .monaco-description-button .monaco-button-description > .codicon { margin: 0 0.2em; color: inherit !important; } /* default color styles - based on CSS variables */ .monaco-button.default-colors, .monaco-button-dropdown.default-colors > .monaco-button{ color: var(--vscode-button-foreground); background-color: var(--vscode-button-background); } .monaco-button.default-colors:hover, .monaco-button-dropdown.default-colors > .monaco-button:hover { background-color: var(--vscode-button-hoverBackground); } .monaco-button.default-colors.secondary, .monaco-button-dropdown.default-colors > .monaco-button.secondary { color: var(--vscode-button-secondaryForeground); background-color: var(--vscode-button-secondaryBackground); } .monaco-button.default-colors.secondary:hover, .monaco-button-dropdown.default-colors > .monaco-button.secondary:hover { background-color: var(--vscode-button-secondaryHoverBackground); } .monaco-button-dropdown.default-colors .monaco-button-dropdown-separator { background-color: var(--vscode-button-background); border-top: 1px solid var(--vscode-button-border); border-bottom: 1px solid var(--vscode-button-border); } .monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator { background-color: var(--vscode-button-secondaryBackground); } .monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div { background-color: var(--vscode-button-separator); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-count-badge { padding: 3px 6px; border-radius: 11px; font-size: 11px; min-width: 18px; min-height: 18px; line-height: 11px; font-weight: normal; text-align: center; display: inline-block; box-sizing: border-box; } .monaco-count-badge.long { padding: 2px 3px; border-radius: 2px; min-height: auto; line-height: normal; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-progress-container { width: 100%; height: 5px; overflow: hidden; /* keep progress bit in bounds */ } .monaco-progress-container .progress-bit { width: 2%; height: 5px; position: absolute; left: 0; display: none; } .monaco-progress-container.active .progress-bit { display: inherit; } .monaco-progress-container.discrete .progress-bit { left: 0; transition: width 100ms linear; } .monaco-progress-container.discrete.done .progress-bit { width: 100%; } .monaco-progress-container.infinite .progress-bit { animation-name: progress; animation-duration: 4s; animation-iteration-count: infinite; transform: translate3d(0px, 0px, 0px); animation-timing-function: linear; } .monaco-progress-container.infinite.infinite-long-running .progress-bit { /* The more smooth `linear` timing function can cause higher GPU consumption as indicated in https://github.com/microsoft/vscode/issues/97900 & https://github.com/microsoft/vscode/issues/138396 */ animation-timing-function: steps(100); } /** * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of * that container. Since translateX is relative to the progress bit size, we have to multiple it with * its relative size to the parent container: * parent width: 5000% * bit width: 100% * translateX should be as follow: * 50%: 5000% * 50% - 50% (set to center) = 2450% * 100%: 5000% * 100% - 100% (do not overflow) = 4900% */ @keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .quick-input-widget { position: absolute; width: 600px; z-index: 2550; left: 50%; margin-left: -300px; -webkit-app-region: no-drag; border-radius: 6px; } .quick-input-titlebar { display: flex; align-items: center; border-top-left-radius: 5px; /* match border radius of quick input widget */ border-top-right-radius: 5px; } .quick-input-left-action-bar { display: flex; margin-left: 4px; flex: 1; } .quick-input-title { padding: 3px 0px; text-align: center; text-overflow: ellipsis; overflow: hidden; } .quick-input-right-action-bar { display: flex; margin-right: 4px; flex: 1; } .quick-input-right-action-bar > .actions-container { justify-content: flex-end; } .quick-input-titlebar .monaco-action-bar .action-label.codicon { background-position: center; background-repeat: no-repeat; padding: 2px; } .quick-input-description { margin: 6px 6px 6px 11px; } .quick-input-header .quick-input-description { margin: 4px 2px; flex: 1; } .quick-input-header { display: flex; padding: 8px 6px 6px 6px; } .quick-input-widget.hidden-input .quick-input-header { /* reduce margins and paddings when input box hidden */ padding: 0; margin-bottom: 0; } .quick-input-and-message { display: flex; flex-direction: column; flex-grow: 1; min-width: 0; position: relative; } .quick-input-check-all { align-self: center; margin: 0; } .quick-input-filter { flex-grow: 1; display: flex; position: relative; } .quick-input-box { flex-grow: 1; } .quick-input-widget.show-checkboxes .quick-input-box, .quick-input-widget.show-checkboxes .quick-input-message { margin-left: 5px; } .quick-input-visible-count { position: absolute; left: -10000px; } .quick-input-count { align-self: center; position: absolute; right: 4px; display: flex; align-items: center; } .quick-input-count .monaco-count-badge { vertical-align: middle; padding: 2px 4px; border-radius: 2px; min-height: auto; line-height: normal; } .quick-input-action { margin-left: 6px; } .quick-input-action .monaco-text-button { font-size: 11px; padding: 0 6px; display: flex; height: 25px; align-items: center; } .quick-input-message { margin-top: -1px; padding: 5px; overflow-wrap: break-word; } .quick-input-message > .codicon { margin: 0 0.2em; vertical-align: text-bottom; } /* Links in descriptions & validations */ .quick-input-message a { color: inherit; } .quick-input-progress.monaco-progress-container { position: relative; } .quick-input-progress.monaco-progress-container, .quick-input-progress.monaco-progress-container .progress-bit { height: 2px; } .quick-input-list { line-height: 22px; } .quick-input-widget.hidden-input .quick-input-list { margin-top: 4px; /* reduce margins when input box hidden */ padding-bottom: 4px; } .quick-input-list .monaco-list { overflow: hidden; max-height: calc(20 * 22px); padding-bottom: 5px; } .quick-input-list .monaco-scrollable-element { padding: 0px 5px; } .quick-input-list .quick-input-list-entry { box-sizing: border-box; overflow: hidden; display: flex; height: 100%; padding: 0 6px; } .quick-input-list .quick-input-list-entry.quick-input-list-separator-border { border-top-width: 1px; border-top-style: solid; } .quick-input-list .monaco-list-row { border-radius: 3px; } .quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border { border-top-style: none; } .quick-input-list .quick-input-list-label { overflow: hidden; display: flex; height: 100%; flex: 1; } .quick-input-list .quick-input-list-checkbox { align-self: center; margin: 0; } .quick-input-list .quick-input-list-icon { background-size: 16px; background-position: left center; background-repeat: no-repeat; padding-right: 6px; width: 16px; height: 22px; display: flex; align-items: center; justify-content: center; } .quick-input-list .quick-input-list-rows { overflow: hidden; text-overflow: ellipsis; display: flex; flex-direction: column; height: 100%; flex: 1; margin-left: 5px; } .quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows { margin-left: 10px; } .quick-input-widget .quick-input-list .quick-input-list-checkbox { display: none; } .quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox { display: inline; } .quick-input-list .quick-input-list-rows > .quick-input-list-row { display: flex; align-items: center; } .quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label, .quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container { flex: 1; /* make sure the icon label grows within the row */ } .quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] { vertical-align: text-bottom; } .quick-input-list .quick-input-list-rows .monaco-highlighted-label > span { opacity: 1; } .quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding { margin-right: 8px; /* separate from the separator label or scrollbar if any */ } .quick-input-list .quick-input-list-label-meta { opacity: 0.7; line-height: normal; text-overflow: ellipsis; overflow: hidden; } .quick-input-list .monaco-highlighted-label .highlight { font-weight: bold; } .quick-input-list .quick-input-list-entry .quick-input-list-separator { margin-right: 4px; /* separate from keybindings or actions */ } .quick-input-list .quick-input-list-entry-action-bar { display: flex; flex: 0; overflow: visible; } .quick-input-list .quick-input-list-entry-action-bar .action-label { /* * By default, actions in the quick input action bar are hidden * until hovered over them or selected. */ display: none; } .quick-input-list .quick-input-list-entry-action-bar .action-label.codicon { margin-right: 4px; padding: 0px 2px 2px 2px; } .quick-input-list .quick-input-list-entry-action-bar { margin-top: 1px; } .quick-input-list .quick-input-list-entry-action-bar { margin-right: 4px; /* separate from scrollbar */ } .quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible, .quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label, .quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label { display: flex; } /* focused items in quick pick */ .quick-input-list .monaco-list-row.focused .monaco-keybinding-key, .quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator { color: inherit } .quick-input-list .monaco-list-row.focused .monaco-keybinding-key { background: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* ---------- Icon label ---------- */ .monaco-icon-label { display: flex; /* required for icons support :before rule */ overflow: hidden; text-overflow: ellipsis; } .monaco-icon-label::before { /* svg icons rendered as background image */ background-size: 16px; background-position: left center; background-repeat: no-repeat; padding-right: 6px; width: 16px; height: 22px; line-height: inherit !important; display: inline-block; /* fonts icons */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */ } .monaco-icon-label-container.disabled { color: var(--vscode-disabledForeground); } .monaco-icon-label > .monaco-icon-label-container { min-width: 0; overflow: hidden; text-overflow: ellipsis; flex: 1; } .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name { color: inherit; white-space: pre; /* enable to show labels that include multiple whitespaces */ } .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator { margin: 0 2px; opacity: 0.5; } .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { opacity: .7; margin-left: 0.5em; font-size: 0.9em; white-space: pre; /* enable to show labels that include multiple whitespaces */ } .monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{ white-space: nowrap } .vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { opacity: .95; } .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name, .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { font-style: italic; } .monaco-icon-label.deprecated { text-decoration: line-through; opacity: 0.66; } /* make sure apply italic font style to decorations as well */ .monaco-icon-label.italic::after { font-style: italic; } .monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name, .monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description { text-decoration: line-through; } .monaco-icon-label::after { opacity: 0.75; font-size: 90%; font-weight: 600; margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */ text-align: center; } /* make sure selection color wins when a label is being selected */ .monaco-list:focus .selected .monaco-icon-label, /* list */ .monaco-list:focus .selected .monaco-icon-label::after { color: inherit !important; } .monaco-list-row.focused.selected .label-description, .monaco-list-row.selected .label-description { opacity: .8; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-keybinding { display: flex; align-items: center; line-height: 10px; } .monaco-keybinding > .monaco-keybinding-key { display: inline-block; border-style: solid; border-width: 1px; border-radius: 3px; vertical-align: middle; font-size: 11px; padding: 3px 5px; margin: 0 2px; } .monaco-keybinding > .monaco-keybinding-key:first-child { margin-left: 0; } .monaco-keybinding > .monaco-keybinding-key:last-child { margin-right: 0; } .monaco-keybinding > .monaco-keybinding-key-separator { display: inline-block; } .monaco-keybinding > .monaco-keybinding-key-chord-separator { width: 6px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .diff-hidden-lines-widget { width: 100%; } .monaco-editor .diff-hidden-lines { height: 0px; /* The children each have a fixed height, the transform confuses the browser */ transform: translate(0px, -10px); font-size: 13px; line-height: 14px; } .monaco-editor .diff-hidden-lines:not(.dragging) .top:hover, .diff-hidden-lines:not(.dragging) .bottom:hover, .diff-hidden-lines .top.dragging, .diff-hidden-lines .bottom.dragging { background-color: var(--vscode-focusBorder); } .monaco-editor .diff-hidden-lines .top, .diff-hidden-lines .bottom { transition: background-color 0.1s ease-out; height: 4px; background-color: transparent; background-clip: padding-box; border-bottom: 2px solid transparent; border-top: 4px solid transparent; cursor: ns-resize; } .monaco-editor .diff-hidden-lines .top { transform: translate(0px, 4px); } .monaco-editor .diff-hidden-lines .bottom { transform: translate(0px, -6px); } .monaco-editor .diff-unchanged-lines { background: var(--vscode-diffEditor-unchangedCodeBackground); } .monaco-editor .noModificationsOverlay { z-index: 1; background: var(--vscode-editor-background); display: flex; justify-content: center; align-items: center; } .monaco-editor .diff-hidden-lines .center { background: var(--vscode-diffEditor-unchangedRegionBackground); color: var(--vscode-diffEditor-unchangedRegionForeground); overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; height: 24px; } .monaco-editor .diff-hidden-lines .center span.codicon { vertical-align: middle; } .monaco-editor .diff-hidden-lines .center a:hover .codicon { cursor: pointer; color: var(--vscode-editorLink-activeForeground) !important; } .monaco-editor .movedOriginal { border: 2px solid var(--vscode-diffEditor-move-border); } .monaco-editor .movedModified { border: 2px solid var(--vscode-diffEditor-move-border); } .monaco-diff-editor .moved-blocks-lines { position: absolute; pointer-events: none; } .monaco-diff-editor .moved-blocks-lines path { fill: none; stroke: var(--vscode-diffEditor-move-border); stroke-width: 2; } .monaco-editor .char-delete.diff-range-empty { margin-left: -1px; border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px; } .monaco-editor .char-insert.diff-range-empty { border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px; } .monaco-editor .fold-unchanged { cursor: pointer; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .selection-anchor { background-color: #007ACC; width: 2px !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .bracket-match { box-sizing: border-box; background-color: var(--vscode-editorBracketMatch-background); border: 1px solid var(--vscode-editorBracketMatch-border); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ @font-face { font-family: "codicon"; font-display: block; src: url(/dashboard/assets/codicon-DMa5iZz2.ttf) format("truetype"); } .codicon[class*='codicon-'] { font: normal normal normal 16px/1 codicon; display: inline-block; text-decoration: none; text-rendering: auto; text-align: center; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; user-select: none; -webkit-user-select: none; } /* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .codicon-wrench-subaction { opacity: 0.5; } @keyframes codicon-spin { 100% { transform:rotate(360deg); } } .codicon-sync.codicon-modifier-spin, .codicon-loading.codicon-modifier-spin, .codicon-gear.codicon-modifier-spin, .codicon-notebook-state-executing.codicon-modifier-spin { /* Use steps to throttle FPS to reduce CPU usage */ animation: codicon-spin 1.5s steps(30) infinite; } .codicon-modifier-disabled { opacity: 0.4; } /* custom speed & easing for loading icon */ .codicon-loading, .codicon-tree-item-loading::before { animation-duration: 1s !important; animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .codicon.codicon-symbol-array, .monaco-workbench .codicon.codicon-symbol-array { color: var(--vscode-symbolIcon-arrayForeground); } .monaco-editor .codicon.codicon-symbol-boolean, .monaco-workbench .codicon.codicon-symbol-boolean { color: var(--vscode-symbolIcon-booleanForeground); } .monaco-editor .codicon.codicon-symbol-class, .monaco-workbench .codicon.codicon-symbol-class { color: var(--vscode-symbolIcon-classForeground); } .monaco-editor .codicon.codicon-symbol-method, .monaco-workbench .codicon.codicon-symbol-method { color: var(--vscode-symbolIcon-methodForeground); } .monaco-editor .codicon.codicon-symbol-color, .monaco-workbench .codicon.codicon-symbol-color { color: var(--vscode-symbolIcon-colorForeground); } .monaco-editor .codicon.codicon-symbol-constant, .monaco-workbench .codicon.codicon-symbol-constant { color: var(--vscode-symbolIcon-constantForeground); } .monaco-editor .codicon.codicon-symbol-constructor, .monaco-workbench .codicon.codicon-symbol-constructor { color: var(--vscode-symbolIcon-constructorForeground); } .monaco-editor .codicon.codicon-symbol-value, .monaco-workbench .codicon.codicon-symbol-value, .monaco-editor .codicon.codicon-symbol-enum, .monaco-workbench .codicon.codicon-symbol-enum { color: var(--vscode-symbolIcon-enumeratorForeground); } .monaco-editor .codicon.codicon-symbol-enum-member, .monaco-workbench .codicon.codicon-symbol-enum-member { color: var(--vscode-symbolIcon-enumeratorMemberForeground); } .monaco-editor .codicon.codicon-symbol-event, .monaco-workbench .codicon.codicon-symbol-event { color: var(--vscode-symbolIcon-eventForeground); } .monaco-editor .codicon.codicon-symbol-field, .monaco-workbench .codicon.codicon-symbol-field { color: var(--vscode-symbolIcon-fieldForeground); } .monaco-editor .codicon.codicon-symbol-file, .monaco-workbench .codicon.codicon-symbol-file { color: var(--vscode-symbolIcon-fileForeground); } .monaco-editor .codicon.codicon-symbol-folder, .monaco-workbench .codicon.codicon-symbol-folder { color: var(--vscode-symbolIcon-folderForeground); } .monaco-editor .codicon.codicon-symbol-function, .monaco-workbench .codicon.codicon-symbol-function { color: var(--vscode-symbolIcon-functionForeground); } .monaco-editor .codicon.codicon-symbol-interface, .monaco-workbench .codicon.codicon-symbol-interface { color: var(--vscode-symbolIcon-interfaceForeground); } .monaco-editor .codicon.codicon-symbol-key, .monaco-workbench .codicon.codicon-symbol-key { color: var(--vscode-symbolIcon-keyForeground); } .monaco-editor .codicon.codicon-symbol-keyword, .monaco-workbench .codicon.codicon-symbol-keyword { color: var(--vscode-symbolIcon-keywordForeground); } .monaco-editor .codicon.codicon-symbol-module, .monaco-workbench .codicon.codicon-symbol-module { color: var(--vscode-symbolIcon-moduleForeground); } .monaco-editor .codicon.codicon-symbol-namespace, .monaco-workbench .codicon.codicon-symbol-namespace { color: var(--vscode-symbolIcon-namespaceForeground); } .monaco-editor .codicon.codicon-symbol-null, .monaco-workbench .codicon.codicon-symbol-null { color: var(--vscode-symbolIcon-nullForeground); } .monaco-editor .codicon.codicon-symbol-number, .monaco-workbench .codicon.codicon-symbol-number { color: var(--vscode-symbolIcon-numberForeground); } .monaco-editor .codicon.codicon-symbol-object, .monaco-workbench .codicon.codicon-symbol-object { color: var(--vscode-symbolIcon-objectForeground); } .monaco-editor .codicon.codicon-symbol-operator, .monaco-workbench .codicon.codicon-symbol-operator { color: var(--vscode-symbolIcon-operatorForeground); } .monaco-editor .codicon.codicon-symbol-package, .monaco-workbench .codicon.codicon-symbol-package { color: var(--vscode-symbolIcon-packageForeground); } .monaco-editor .codicon.codicon-symbol-property, .monaco-workbench .codicon.codicon-symbol-property { color: var(--vscode-symbolIcon-propertyForeground); } .monaco-editor .codicon.codicon-symbol-reference, .monaco-workbench .codicon.codicon-symbol-reference { color: var(--vscode-symbolIcon-referenceForeground); } .monaco-editor .codicon.codicon-symbol-snippet, .monaco-workbench .codicon.codicon-symbol-snippet { color: var(--vscode-symbolIcon-snippetForeground); } .monaco-editor .codicon.codicon-symbol-string, .monaco-workbench .codicon.codicon-symbol-string { color: var(--vscode-symbolIcon-stringForeground); } .monaco-editor .codicon.codicon-symbol-struct, .monaco-workbench .codicon.codicon-symbol-struct { color: var(--vscode-symbolIcon-structForeground); } .monaco-editor .codicon.codicon-symbol-text, .monaco-workbench .codicon.codicon-symbol-text { color: var(--vscode-symbolIcon-textForeground); } .monaco-editor .codicon.codicon-symbol-type-parameter, .monaco-workbench .codicon.codicon-symbol-type-parameter { color: var(--vscode-symbolIcon-typeParameterForeground); } .monaco-editor .codicon.codicon-symbol-unit, .monaco-workbench .codicon.codicon-symbol-unit { color: var(--vscode-symbolIcon-unitForeground); } .monaco-editor .codicon.codicon-symbol-variable, .monaco-workbench .codicon.codicon-symbol-variable { color: var(--vscode-symbolIcon-variableForeground); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .lightBulbWidget { display: flex; align-items: center; justify-content: center; } .monaco-editor .lightBulbWidget:hover{ cursor: pointer; } .monaco-editor .lightBulbWidget.codicon-light-bulb { color: var(--vscode-editorLightBulb-foreground); } .monaco-editor .lightBulbWidget.codicon-lightbulb-autofix { color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground)); } .monaco-editor .lightBulbWidget:before { position: relative; z-index: 2; } .monaco-editor .lightBulbWidget:after { position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; opacity: 0.3; background-color: var(--vscode-editor-background); z-index: 1; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .monaco-editor-overlaymessage { padding-bottom: 8px; z-index: 10000; } .monaco-editor .monaco-editor-overlaymessage.below { padding-bottom: 0; padding-top: 8px; z-index: 10000; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .monaco-editor .monaco-editor-overlaymessage.fadeIn { animation: fadeIn 150ms ease-out; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .monaco-editor .monaco-editor-overlaymessage.fadeOut { animation: fadeOut 100ms ease-out; } .monaco-editor .monaco-editor-overlaymessage .message { padding: 2px 4px; color: var(--vscode-editorHoverWidget-foreground); background-color: var(--vscode-editorHoverWidget-background); border: 1px solid var(--vscode-inputValidation-infoBorder); border-radius: 3px; } .monaco-editor .monaco-editor-overlaymessage .message p { margin-block: 0px; } .monaco-editor .monaco-editor-overlaymessage .message a { color: var(--vscode-textLink-foreground); } .monaco-editor .monaco-editor-overlaymessage .message a:hover { color: var(--vscode-textLink-activeForeground); } .monaco-editor.hc-black .monaco-editor-overlaymessage .message, .monaco-editor.hc-light .monaco-editor-overlaymessage .message { border-width: 2px; } .monaco-editor .monaco-editor-overlaymessage .anchor { width: 0 !important; height: 0 !important; border-color: transparent; border-style: solid; z-index: 1000; border-width: 8px; position: absolute; left: 2px; } .monaco-editor .monaco-editor-overlaymessage .anchor.top { border-bottom-color: var(--vscode-inputValidation-infoBorder); } .monaco-editor .monaco-editor-overlaymessage .anchor.below { border-top-color: var(--vscode-inputValidation-infoBorder); } .monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top, .monaco-editor .monaco-editor-overlaymessage.below .anchor.below { display: none; } .monaco-editor .monaco-editor-overlaymessage.below .anchor.top { display: inherit; top: -8px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .rendered-markdown kbd { background-color: var(--vscode-keybindingLabel-background); color: var(--vscode-keybindingLabel-foreground); border-style: solid; border-width: 1px; border-radius: 3px; border-color: var(--vscode-keybindingLabel-border); border-bottom-color: var(--vscode-keybindingLabel-bottomBorder); box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow); vertical-align: middle; padding: 1px 3px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .action-widget { font-size: 13px; border-radius: 0; min-width: 160px; max-width: 80vw; z-index: 40; display: block; width: 100%; border: 1px solid var(--vscode-editorWidget-border) !important; background-color: var(--vscode-editorWidget-background); color: var(--vscode-editorWidget-foreground); } .context-view-block { position: fixed; cursor: initial; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .context-view-pointerBlock { position: fixed; cursor: initial; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .action-widget .monaco-list { user-select: none; -webkit-user-select: none; border: none !important; border-width: 0 !important; } .action-widget .monaco-list:focus:before { outline: 0 !important; } .action-widget .monaco-list .monaco-scrollable-element { overflow: visible; } /** Styles for each row in the list element **/ .action-widget .monaco-list .monaco-list-row { padding: 0 10px; white-space: nowrap; cursor: pointer; touch-action: none; width: 100%; } .action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) { background-color: var(--vscode-quickInputList-focusBackground) !important; color: var(--vscode-quickInputList-focusForeground); outline: 1px solid var(--vscode-menu-selectionBorder, transparent); outline-offset: -1px; } .action-widget .monaco-list-row.group-header { color: var(--vscode-pickerGroup-foreground) !important; font-weight: 600; } .action-widget .monaco-list .group-header, .action-widget .monaco-list .option-disabled, .action-widget .monaco-list .option-disabled:before, .action-widget .monaco-list .option-disabled .focused, .action-widget .monaco-list .option-disabled .focused:before { cursor: default !important; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; background-color: transparent !important; outline: 0 solid !important; } .action-widget .monaco-list-row.action { display: flex; gap: 6px; align-items: center; } .action-widget .monaco-list-row.action.option-disabled { color: var(--vscode-disabledForeground); } .action-widget .monaco-list-row.action.option-disabled .codicon { opacity: 0.4; } .action-widget .monaco-list-row.action:not(.option-disabled) .codicon { color: inherit; } .action-widget .monaco-list-row.action .title { flex: 1; overflow: hidden; text-overflow: ellipsis; } /* Action bar */ .action-widget .action-widget-action-bar { background-color: var(--vscode-editorHoverWidget-statusBarBackground); border-top: 1px solid var(--vscode-editorHoverWidget-border); } .action-widget .action-widget-action-bar::before { display: block; content: ""; width: 100%; } .action-widget .action-widget-action-bar .actions-container { padding: 0 8px; } .action-widget-action-bar .action-label { color: var(--vscode-textLink-activeForeground); font-size: 12px; line-height: 22px; padding: 0; pointer-events: all; } .action-widget-action-bar .action-item { margin-right: 16px; pointer-events: none; } .action-widget-action-bar .action-label:hover { background-color: transparent !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .codelens-decoration { overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; color: var(--vscode-editorCodeLens-foreground); line-height: var(--vscode-editorCodeLens-lineHeight); font-size: var(--vscode-editorCodeLens-fontSize); padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5); font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings); font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault); } .monaco-editor .codelens-decoration>span, .monaco-editor .codelens-decoration>a { user-select: none; -webkit-user-select: none; white-space: nowrap; vertical-align: sub; } .monaco-editor .codelens-decoration>a { text-decoration: none; } .monaco-editor .codelens-decoration>a:hover { cursor: pointer; color: var(--vscode-editorLink-activeForeground) !important; } .monaco-editor .codelens-decoration>a:hover .codicon { color: var(--vscode-editorLink-activeForeground) !important; } .monaco-editor .codelens-decoration .codicon { vertical-align: middle; color: currentColor !important; color: var(--vscode-editorCodeLens-foreground); line-height: var(--vscode-editorCodeLens-lineHeight); font-size: var(--vscode-editorCodeLens-fontSize); } .monaco-editor .codelens-decoration>a:hover .codicon::before { cursor: pointer; } @keyframes fadein { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; } } .monaco-editor .codelens-decoration.fadein { animation: fadein 0.1s linear; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .colorpicker-widget { height: 190px; user-select: none; -webkit-user-select: none; } /* Decoration */ .colorpicker-color-decoration, .hc-light .colorpicker-color-decoration { border: solid 0.1em #000; box-sizing: border-box; margin: 0.1em 0.2em 0 0.2em; width: 0.8em; height: 0.8em; line-height: 0.8em; display: inline-block; cursor: pointer; } .hc-black .colorpicker-color-decoration, .vs-dark .colorpicker-color-decoration { border: solid 0.1em #eee; } /* Header */ .colorpicker-header { display: flex; height: 24px; position: relative; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); background-size: 9px 9px; image-rendering: pixelated; } .colorpicker-header .picked-color { width: 240px; display: flex; align-items: center; justify-content: center; line-height: 24px; cursor: pointer; color: white; flex: 1; white-space: nowrap; overflow: hidden; } .colorpicker-header .picked-color .picked-color-presentation { white-space: nowrap; margin-left: 5px; margin-right: 5px; } .colorpicker-header .picked-color .codicon { color: inherit; font-size: 14px; } .colorpicker-header .picked-color.light { color: black; } .colorpicker-header .original-color { width: 74px; z-index: inherit; cursor: pointer; } .standalone-colorpicker { color: var(--vscode-editorHoverWidget-foreground); background-color: var(--vscode-editorHoverWidget-background); border: 1px solid var(--vscode-editorHoverWidget-border); } .colorpicker-header.standalone-colorpicker { border-bottom: none; } .colorpicker-header .close-button { cursor: pointer; background-color: var(--vscode-editorHoverWidget-background); border-left: 1px solid var(--vscode-editorHoverWidget-border); } .colorpicker-header .close-button-inner-div { width: 100%; height: 100%; text-align: center; } .colorpicker-header .close-button-inner-div:hover { background-color: var(--vscode-toolbar-hoverBackground); } .colorpicker-header .close-icon { padding: 3px; } /* Body */ .colorpicker-body { display: flex; padding: 8px; position: relative; } .colorpicker-body .saturation-wrap { overflow: hidden; height: 150px; position: relative; min-width: 220px; flex: 1; } .colorpicker-body .saturation-box { height: 150px; position: absolute; } .colorpicker-body .saturation-selection { width: 9px; height: 9px; margin: -5px 0 0 -5px; border: 1px solid rgb(255, 255, 255); border-radius: 100%; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); position: absolute; } .colorpicker-body .strip { width: 25px; height: 150px; } .colorpicker-body .standalone-strip { width: 25px; height: 122px; } .colorpicker-body .hue-strip { position: relative; margin-left: 8px; cursor: grab; background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } .colorpicker-body .opacity-strip { position: relative; margin-left: 8px; cursor: grab; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII="); background-size: 9px 9px; image-rendering: pixelated; } .colorpicker-body .strip.grabbing { cursor: grabbing; } .colorpicker-body .slider { position: absolute; top: 0; left: -2px; width: calc(100% + 4px); height: 4px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.71); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85); } .colorpicker-body .strip .overlay { height: 150px; pointer-events: none; } .colorpicker-body .standalone-strip .standalone-overlay { height: 122px; pointer-events: none; } .standalone-colorpicker-body { display: block; border: 1px solid transparent; border-bottom: 1px solid var(--vscode-editorHoverWidget-border); overflow: hidden; } .colorpicker-body .insert-button { position: absolute; height: 20px; width: 58px; padding: 0px; right: 8px; bottom: 8px; background: var(--vscode-button-background); color: var(--vscode-button-foreground); border-radius: 2px; border: none; cursor: pointer; } .colorpicker-body .insert-button:hover{ background: var(--vscode-button-hoverBackground); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .goto-definition-link { text-decoration: underline; cursor: pointer; color: var(--vscode-editorLink-activeForeground) !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .peekview-widget .head { box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: nowrap; } .monaco-editor .peekview-widget .head .peekview-title { display: flex; align-items: baseline; font-size: 13px; margin-left: 20px; min-width: 0; text-overflow: ellipsis; overflow: hidden; } .monaco-editor .peekview-widget .head .peekview-title.clickable { cursor: pointer; } .monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) { font-size: 0.9em; margin-left: 0.5em; } .monaco-editor .peekview-widget .head .peekview-title .meta { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .monaco-editor .peekview-widget .head .peekview-title .dirname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .monaco-editor .peekview-widget .head .peekview-title .filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before { content: '-'; padding: 0 0.3em; } .monaco-editor .peekview-widget .head .peekview-actions { flex: 1; text-align: right; padding-right: 2px; } .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar { display: inline-block; } .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar, .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container { height: 100%; } .monaco-editor .peekview-widget > .body { border-top: 1px solid; position: relative; } .monaco-editor .peekview-widget .head .peekview-title .codicon { margin-right: 4px; align-self: center; } .monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon { color: inherit !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .zone-widget { position: absolute; z-index: 10; } .monaco-editor .zone-widget .zone-widget-container { border-top-style: solid; border-bottom-style: solid; border-top-width: 0; border-bottom-width: 0; position: relative; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* -- zone widget */ .monaco-editor .zone-widget .zone-widget-container.reference-zone-widget { border-top-width: 1px; border-bottom-width: 1px; } .monaco-editor .reference-zone-widget .inline { display: inline-block; vertical-align: top; } .monaco-editor .reference-zone-widget .messages { height: 100%; width: 100%; text-align: center; padding: 3em 0; } .monaco-editor .reference-zone-widget .ref-tree { line-height: 23px; background-color: var(--vscode-peekViewResult-background); color: var(--vscode-peekViewResult-lineForeground); } .monaco-editor .reference-zone-widget .ref-tree .reference { text-overflow: ellipsis; overflow: hidden; } .monaco-editor .reference-zone-widget .ref-tree .reference-file { display: inline-flex; width: 100%; height: 100%; color: var(--vscode-peekViewResult-fileForeground); } .monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file { color: inherit !important; } .monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { background-color: var(--vscode-peekViewResult-selectionBackground); color: var(--vscode-peekViewResult-selectionForeground) !important; } .monaco-editor .reference-zone-widget .ref-tree .reference-file .count { margin-right: 12px; margin-left: auto; } .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight { background-color: var(--vscode-peekViewResult-matchHighlightBackground); } .monaco-editor .reference-zone-widget .preview .reference-decoration { background-color: var(--vscode-peekViewEditor-matchHighlightBackground); border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder); box-sizing: border-box; } .monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background, .monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input { background-color: var(--vscode-peekViewEditor-background); } .monaco-editor .reference-zone-widget .preview .monaco-editor .margin { background-color: var(--vscode-peekViewEditorGutter-background); } /* High Contrast Theming */ .monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file, .monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file { font-weight: bold; } .monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight, .monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight { border: 1px dotted var(--vscode-contrastActiveBorder, transparent); box-sizing: border-box; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-hover { cursor: default; position: absolute; overflow: hidden; user-select: text; -webkit-user-select: text; box-sizing: border-box; animation: fadein 100ms linear; line-height: 1.5em; } .monaco-hover.hidden { display: none; } .monaco-hover a:hover:not(.disabled) { cursor: pointer; } .monaco-hover .hover-contents:not(.html-hover-contents) { padding: 4px 8px; } .monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) { max-width: var(--hover-maxWidth, 500px); word-wrap: break-word; } .monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr { min-width: 100%; } .monaco-hover p, .monaco-hover .code, .monaco-hover ul, .monaco-hover h1, .monaco-hover h2, .monaco-hover h3, .monaco-hover h4, .monaco-hover h5, .monaco-hover h6 { margin: 8px 0; } .monaco-hover h1, .monaco-hover h2, .monaco-hover h3, .monaco-hover h4, .monaco-hover h5, .monaco-hover h6 { line-height: 1.1; } .monaco-hover code { font-family: var(--monaco-monospace-font); } .monaco-hover hr { box-sizing: border-box; border-left: 0px; border-right: 0px; margin-top: 4px; margin-bottom: -4px; margin-left: -8px; margin-right: -8px; height: 1px; } .monaco-hover p:first-child, .monaco-hover .code:first-child, .monaco-hover ul:first-child { margin-top: 0; } .monaco-hover p:last-child, .monaco-hover .code:last-child, .monaco-hover ul:last-child { margin-bottom: 0; } /* MarkupContent Layout */ .monaco-hover ul { padding-left: 20px; } .monaco-hover ol { padding-left: 20px; } .monaco-hover li > p { margin-bottom: 0; } .monaco-hover li > ul { margin-top: 0; } .monaco-hover code { border-radius: 3px; padding: 0 0.4em; } .monaco-hover .monaco-tokenized-source { white-space: pre-wrap; } .monaco-hover .hover-row.status-bar { font-size: 12px; line-height: 22px; } .monaco-hover .hover-row.status-bar .info { font-style: italic; padding: 0px 8px; } .monaco-hover .hover-row.status-bar .actions { display: flex; padding: 0px 8px; } .monaco-hover .hover-row.status-bar .actions .action-container { margin-right: 16px; cursor: pointer; } .monaco-hover .hover-row.status-bar .actions .action-container .action .icon { padding-right: 4px; } .monaco-hover .markdown-hover .hover-contents .codicon { color: inherit; font-size: inherit; vertical-align: middle; } .monaco-hover .hover-contents a.code-link:hover, .monaco-hover .hover-contents a.code-link { color: inherit; } .monaco-hover .hover-contents a.code-link:before { content: '('; } .monaco-hover .hover-contents a.code-link:after { content: ')'; } .monaco-hover .hover-contents a.code-link > span { text-decoration: underline; /** Hack to force underline to show **/ border-bottom: 1px solid transparent; text-underline-position: under; color: var(--vscode-textLink-foreground); } .monaco-hover .hover-contents a.code-link > span:hover { color: var(--vscode-textLink-activeForeground); } /** Spans in markdown hovers need a margin-bottom to avoid looking cramped: https://github.com/microsoft/vscode/issues/101496 **/ .monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span { margin-bottom: 4px; display: inline-block; } .monaco-hover-content .action-container a { -webkit-user-select: none; user-select: none; } .monaco-hover-content .action-container.disabled { pointer-events: none; opacity: 0.4; cursor: default; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* marker zone */ .monaco-editor .peekview-widget .head .peekview-title .severity-icon { display: inline-block; vertical-align: text-top; margin-right: 4px; } .monaco-editor .marker-widget { text-overflow: ellipsis; white-space: nowrap; } .monaco-editor .marker-widget > .stale { opacity: 0.6; font-style: italic; } .monaco-editor .marker-widget .title { display: inline-block; padding-right: 5px; } .monaco-editor .marker-widget .descriptioncontainer { position: absolute; white-space: pre; user-select: text; -webkit-user-select: text; padding: 8px 12px 0 20px; } .monaco-editor .marker-widget .descriptioncontainer .message { display: flex; flex-direction: column; } .monaco-editor .marker-widget .descriptioncontainer .message .details { padding-left: 6px; } .monaco-editor .marker-widget .descriptioncontainer .message .source, .monaco-editor .marker-widget .descriptioncontainer .message span.code { opacity: 0.6; } .monaco-editor .marker-widget .descriptioncontainer .message a.code-link { opacity: 0.6; color: inherit; } .monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before { content: '('; } .monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after { content: ')'; } .monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span { text-decoration: underline; /** Hack to force underline to show **/ border-bottom: 1px solid transparent; text-underline-position: under; color: var(--vscode-textLink-foreground); } .monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span { color: var(--vscode-textLink-activeForeground); } .monaco-editor .marker-widget .descriptioncontainer .filename { cursor: pointer; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .zone-widget .codicon.codicon-error, .markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error, .text-search-provider-messages .providerMessage .codicon.codicon-error, .extensions-viewlet > .extensions .codicon.codicon-error, .extension-editor .codicon.codicon-error, .preferences-editor .codicon.codicon-error { color: var(--vscode-problemsErrorIcon-foreground); } .monaco-editor .zone-widget .codicon.codicon-warning, .markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning, .text-search-provider-messages .providerMessage .codicon.codicon-warning, .extensions-viewlet > .extensions .codicon.codicon-warning, .extension-editor .codicon.codicon-warning, .preferences-editor .codicon.codicon-warning { color: var(--vscode-problemsWarningIcon-foreground); } .monaco-editor .zone-widget .codicon.codicon-info, .markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info, .text-search-provider-messages .providerMessage .codicon.codicon-info, .extensions-viewlet > .extensions .codicon.codicon-info, .extension-editor .codicon.codicon-info, .preferences-editor .codicon.codicon-info { color: var(--vscode-problemsInfoIcon-foreground); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .inlineSuggestionsHints.withBorder { z-index: 39; color: var(--vscode-editorHoverWidget-foreground); background-color: var(--vscode-editorHoverWidget-background); border: 1px solid var(--vscode-editorHoverWidget-border); } .monaco-editor .inlineSuggestionsHints a { color: var(--vscode-foreground); } .monaco-editor .inlineSuggestionsHints a:hover { color: var(--vscode-foreground); } .monaco-editor .inlineSuggestionsHints .keybinding { display: flex; margin-left: 4px; opacity: 0.6; } .monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key { font-size: 8px; padding: 2px 3px; } .monaco-editor .inlineSuggestionsHints .custom-actions .action-item:nth-child(2) a { display: flex; min-width: 19px; justify-content: center; } .monaco-editor .inlineSuggestionStatusBarItemLabel { margin-right: 2px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-toolbar { height: 100%; } .monaco-toolbar .toolbar-toggle-more { display: inline-block; padding: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .hoverHighlight { background-color: var(--vscode-editor-hoverHighlightBackground); } .monaco-editor .monaco-hover { color: var(--vscode-editorHoverWidget-foreground); background-color: var(--vscode-editorHoverWidget-background); border: 1px solid var(--vscode-editorHoverWidget-border); border-radius: 3px; } .monaco-editor .monaco-hover a { color: var(--vscode-textLink-foreground); } .monaco-editor .monaco-hover a:hover { color: var(--vscode-textLink-activeForeground); } .monaco-editor .monaco-hover .hover-row .actions { background-color: var(--vscode-editorHoverWidget-statusBarBackground); } .monaco-editor .monaco-hover code { background-color: var(--vscode-textCodeBlock-background); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor.vs .dnd-target, .monaco-editor.hc-light .dnd-target { border-right: 2px dotted black; color: white; /* opposite of black */ } .monaco-editor.vs-dark .dnd-target { border-right: 2px dotted #AEAFAD; color: #51504f; /* opposite of #AEAFAD */ } .monaco-editor.hc-black .dnd-target { border-right: 2px dotted #fff; color: #000; /* opposite of #fff */ } .monaco-editor.mouse-default .view-lines, .monaco-editor.vs-dark.mac.mouse-default .view-lines, .monaco-editor.hc-black.mac.mouse-default .view-lines, .monaco-editor.hc-light.mac.mouse-default .view-lines { cursor: default; } .monaco-editor.mouse-copy .view-lines, .monaco-editor.vs-dark.mac.mouse-copy .view-lines, .monaco-editor.hc-black.mac.mouse-copy .view-lines, .monaco-editor.hc-light.mac.mouse-copy .view-lines { cursor: copy; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .inline-editor-progress-decoration { display: inline-block; width: 1em; height: 1em; } .inline-progress-widget { display: flex !important; justify-content: center; align-items: center; } .inline-progress-widget .icon { font-size: 80% !important; } .inline-progress-widget:hover .icon { font-size: 90% !important; animation: none; } .inline-progress-widget:hover .icon::before { content: "\ea76"; /* codicon-x */ } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .post-edit-widget { box-shadow: 0 0 8px 2px var(--vscode-widget-shadow); border: 1px solid var(--vscode-widget-border, transparent); border-radius: 4px; background-color: var(--vscode-editorWidget-background); overflow: hidden; } .post-edit-widget .monaco-button { padding: 2px; border: none; border-radius: 0; } .post-edit-widget .monaco-button:hover { background-color: var(--vscode-button-secondaryHoverBackground) !important; } .post-edit-widget .monaco-button .codicon { margin: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .findOptionsWidget { background-color: var(--vscode-editorWidget-background); color: var(--vscode-editorWidget-foreground); box-shadow: 0 0 8px 2px var(--vscode-widget-shadow); border: 2px solid var(--vscode-contrastBorder); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* Find widget */ .monaco-editor .find-widget { position: absolute; z-index: 35; height: 33px; overflow: hidden; line-height: 19px; transition: transform 200ms linear; padding: 0 4px; box-sizing: border-box; transform: translateY(calc(-100% - 10px)); /* shadow (10px) */ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .monaco-workbench.reduce-motion .monaco-editor .find-widget { transition: transform 0ms linear; } .monaco-editor .find-widget textarea { margin: 0px; } .monaco-editor .find-widget.hiddenEditor { display: none; } /* Find widget when replace is toggled on */ .monaco-editor .find-widget.replaceToggled > .replace-part { display: flex; } .monaco-editor .find-widget.visible { transform: translateY(0); } .monaco-editor .find-widget .monaco-inputbox.synthetic-focus { outline: 1px solid -webkit-focus-ring-color; outline-offset: -1px; } .monaco-editor .find-widget .monaco-inputbox .input { background-color: transparent; min-height: 0; } .monaco-editor .find-widget .monaco-findInput .input { font-size: 13px; } .monaco-editor .find-widget > .find-part, .monaco-editor .find-widget > .replace-part { margin: 3px 25px 0 17px; font-size: 12px; display: flex; } .monaco-editor .find-widget > .find-part .monaco-inputbox, .monaco-editor .find-widget > .replace-part .monaco-inputbox { min-height: 25px; } .monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror { padding-right: 22px; } .monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input, .monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror, .monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input, .monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror { padding-top: 2px; padding-bottom: 2px; } .monaco-editor .find-widget > .find-part .find-actions { height: 25px; display: flex; align-items: center; } .monaco-editor .find-widget > .replace-part .replace-actions { height: 25px; display: flex; align-items: center; } .monaco-editor .find-widget .monaco-findInput { vertical-align: middle; display: flex; flex:1; } .monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element { /* Make sure textarea inherits the width correctly */ width: 100%; } .monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical { /* Hide vertical scrollbar */ opacity: 0; } .monaco-editor .find-widget .matchesCount { display: flex; flex: initial; margin: 0 0 0 3px; padding: 2px 0 0 2px; height: 25px; vertical-align: middle; box-sizing: border-box; text-align: center; line-height: 23px; } .monaco-editor .find-widget .button { width: 16px; height: 16px; padding: 3px; border-radius: 5px; display: flex; flex: initial; margin-left: 3px; background-position: center center; background-repeat: no-repeat; cursor: pointer; display: flex; align-items: center; justify-content: center; } /* find in selection button */ .monaco-editor .find-widget .codicon-find-selection { width: 22px; height: 22px; padding: 3px; border-radius: 5px; } .monaco-editor .find-widget .button.left { margin-left: 0; margin-right: 3px; } .monaco-editor .find-widget .button.wide { width: auto; padding: 1px 6px; top: -1px; } .monaco-editor .find-widget .button.toggle { position: absolute; top: 0; left: 3px; width: 18px; height: 100%; border-radius: 0; box-sizing: border-box; } .monaco-editor .find-widget .button.toggle.disabled { display: none; } .monaco-editor .find-widget .disabled { color: var(--vscode-disabledForeground); cursor: default; } .monaco-editor .find-widget > .replace-part { display: none; } .monaco-editor .find-widget > .replace-part > .monaco-findInput { position: relative; display: flex; vertical-align: middle; flex: auto; flex-grow: 0; flex-shrink: 0; } .monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls { position: absolute; top: 3px; right: 2px; } /* REDUCED */ .monaco-editor .find-widget.reduced-find-widget .matchesCount { display:none; } /* NARROW (SMALLER THAN REDUCED) */ .monaco-editor .find-widget.narrow-find-widget { max-width: 257px !important; } /* COLLAPSED (SMALLER THAN NARROW) */ .monaco-editor .find-widget.collapsed-find-widget { max-width: 170px !important; } .monaco-editor .find-widget.collapsed-find-widget .button.previous, .monaco-editor .find-widget.collapsed-find-widget .button.next, .monaco-editor .find-widget.collapsed-find-widget .button.replace, .monaco-editor .find-widget.collapsed-find-widget .button.replace-all, .monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls { display:none; } .monaco-editor .findMatch { animation-duration: 0; animation-name: inherit !important; } .monaco-editor .find-widget .monaco-sash { left: 0 !important; } .monaco-editor.hc-black .find-widget .button:before { position: relative; top: 1px; left: 2px; } /* Close button position. */ .monaco-editor .find-widget > .button.codicon-widget-close { position: absolute; top: 5px; right: 4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed, .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded, .monaco-editor .margin-view-overlays .codicon-folding-expanded, .monaco-editor .margin-view-overlays .codicon-folding-collapsed { cursor: pointer; opacity: 0; transition: opacity 0.5s; display: flex; align-items: center; justify-content: center; font-size: 140%; margin-left: 2px; } .monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed, .monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded, .monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded, .monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed { transition: initial; } .monaco-editor .margin-view-overlays:hover .codicon, .monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed, .monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed, .monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons { opacity: 1; } .monaco-editor .inline-folded:after { color: grey; margin: 0.1em 0.2em 0 0.2em; content: "\22EF"; /* ellipses unicode character */ display: inline; line-height: 1em; cursor: pointer; } .monaco-editor .folded-background { background-color: var(--vscode-editor-foldBackground); } .monaco-editor .cldr.codicon.codicon-folding-expanded, .monaco-editor .cldr.codicon.codicon-folding-collapsed, .monaco-editor .cldr.codicon.codicon-folding-manual-expanded, .monaco-editor .cldr.codicon.codicon-folding-manual-collapsed { color: var(--vscode-editorGutter-foldingControlForeground) !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .suggest-preview-additional-widget { white-space: nowrap; } .monaco-editor .suggest-preview-additional-widget .content-spacer { color: transparent; white-space: pre; } .monaco-editor .suggest-preview-additional-widget .button { display: inline-block; cursor: pointer; text-decoration: underline; text-underline-position: under; } .monaco-editor .ghost-text-hidden { opacity: 0; font-size: 0; } .monaco-editor .ghost-text-decoration, .monaco-editor .suggest-preview-text .ghost-text { font-style: italic; } .monaco-editor .inline-completion-text-to-replace { text-decoration: underline; text-underline-position: under; } .monaco-editor .ghost-text-decoration, .monaco-editor .ghost-text-decoration-preview, .monaco-editor .suggest-preview-text .ghost-text { color: var(--vscode-editorGhostText-foreground) !important; background-color: var(--vscode-editorGhostText-background); border: 1px solid var(--vscode-editorGhostText-border); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .snippet-placeholder { min-width: 2px; outline-style: solid; outline-width: 1px; background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent); outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent); } .monaco-editor .finish-snippet-placeholder { outline-style: solid; outline-width: 1px; background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent); outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ /* Suggest widget*/ .monaco-editor .suggest-widget { width: 430px; z-index: 40; display: flex; flex-direction: column; border-radius: 3px; } .monaco-editor .suggest-widget.message { flex-direction: row; align-items: center; } .monaco-editor .suggest-widget, .monaco-editor .suggest-details { flex: 0 1 auto; width: 100%; border-style: solid; border-width: 1px; border-color: var(--vscode-editorSuggestWidget-border); background-color: var(--vscode-editorSuggestWidget-background); } .monaco-editor.hc-black .suggest-widget, .monaco-editor.hc-black .suggest-details, .monaco-editor.hc-light .suggest-widget, .monaco-editor.hc-light .suggest-details { border-width: 2px; } /* Styles for status bar part */ .monaco-editor .suggest-widget .suggest-status-bar { box-sizing: border-box; display: none; flex-flow: row nowrap; justify-content: space-between; width: 100%; font-size: 80%; padding: 0 4px 0 4px; border-top: 1px solid var(--vscode-editorSuggestWidget-border); overflow: hidden; } .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar { display: flex; } .monaco-editor .suggest-widget .suggest-status-bar .left { padding-right: 8px; } .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label { color: var(--vscode-editorSuggestWidgetStatus-foreground); } .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label { margin-right: 0; } .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after { content: ', '; margin-right: 0.3em; } .monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row>.contents>.main>.right>.readMore, .monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore { display: none; } .monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover>.contents>.main>.right.can-expand-details>.details-label { width: 100%; } /* Styles for Message element for when widget is loading or is empty */ .monaco-editor .suggest-widget>.message { padding-left: 22px; } /** Styles for the list element **/ .monaco-editor .suggest-widget>.tree { height: 100%; width: 100%; } .monaco-editor .suggest-widget .monaco-list { user-select: none; -webkit-user-select: none; } /** Styles for each row in the list element **/ .monaco-editor .suggest-widget .monaco-list .monaco-list-row { display: flex; -mox-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; background-repeat: no-repeat; background-position: 2px 2px; white-space: nowrap; cursor: pointer; touch-action: none; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused { color: var(--vscode-editorSuggestWidget-selectedForeground); } .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon { color: var(--vscode-editorSuggestWidget-selectedIconForeground); } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents { flex: 1; height: 100%; overflow: hidden; padding-left: 2px; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main { display: flex; overflow: hidden; text-overflow: ellipsis; white-space: pre; justify-content: space-between; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left, .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right { display: flex; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label { color: var(--vscode-editorSuggestWidget-foreground); } .monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight { font-weight: bold; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main .monaco-highlighted-label .highlight { color: var(--vscode-editorSuggestWidget-highlightForeground); } .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused>.contents>.main .monaco-highlighted-label .highlight { color: var(--vscode-editorSuggestWidget-focusHighlightForeground); } /** ReadMore Icon styles **/ .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close, .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore::before { color: inherit; opacity: 1; font-size: 14px; cursor: pointer; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close { position: absolute; top: 6px; right: 2px; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close:hover, .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:hover { opacity: 1; } /** signature, qualifier, type/details opacity **/ .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label { opacity: 0.7; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.signature-label { overflow: hidden; text-overflow: ellipsis; opacity: 0.6; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.qualifier-label { margin-left: 12px; opacity: 0.4; font-size: 85%; line-height: initial; text-overflow: ellipsis; overflow: hidden; align-self: center; } /** Type Info and icon next to the label in the focused completion item **/ .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label { font-size: 85%; margin-left: 1.1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label>.monaco-tokenized-source { display: inline; } /** Details: if using CompletionItem#details, show on focus **/ .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label { display: none; } .monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused>.contents>.main>.right>.details-label { display: inline; } /** Details: if using CompletionItemLabel#details, always show **/ .monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.right>.details-label, .monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label)>.contents>.main>.right>.details-label { display: inline; } /** Ellipsis on hover **/ .monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right.can-expand-details>.details-label { width: calc(100% - 26px); } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left { flex-shrink: 1; flex-grow: 1; overflow: hidden; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.monaco-icon-label { flex-shrink: 0; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.left>.monaco-icon-label { max-width: 100%; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.left>.monaco-icon-label { flex-shrink: 1; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right { overflow: hidden; flex-shrink: 4; max-width: 70%; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore { display: inline-block; position: absolute; right: 10px; width: 18px; height: 18px; visibility: hidden; } /** Do NOT display ReadMore when docs is side/below **/ .monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row>.contents>.main>.right>.readMore { display: none !important; } /** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/ .monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.right>.readMore { display: none; } /** Focused item can show ReadMore, but can't when docs is side/below **/ .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore { display: inline-block; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right>.readMore { visibility: visible; } /** Styles for each row in the list **/ .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated { opacity: 0.66; text-decoration: unset; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated>.monaco-icon-label-container>.monaco-icon-name-container { text-decoration: line-through; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before { height: 100%; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon { display: block; height: 16px; width: 16px; margin-left: 2px; background-repeat: no-repeat; background-size: 80%; background-position: center; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide { display: none; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon { display: flex; align-items: center; margin-right: 4px; } .monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon, .monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before { display: none; } .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan { margin: 0 0 0 0.3em; border: 0.1em solid #000; width: 0.7em; height: 0.7em; display: inline-block; } /** Styles for the docs of the completion item in focus **/ .monaco-editor .suggest-details-container { z-index: 41; } .monaco-editor .suggest-details { display: flex; flex-direction: column; cursor: default; color: var(--vscode-editorSuggestWidget-foreground); } .monaco-editor .suggest-details.focused { border-color: var(--vscode-focusBorder); } .monaco-editor .suggest-details a { color: var(--vscode-textLink-foreground); } .monaco-editor .suggest-details a:hover { color: var(--vscode-textLink-activeForeground); } .monaco-editor .suggest-details code { background-color: var(--vscode-textCodeBlock-background); } .monaco-editor .suggest-details.no-docs { display: none; } .monaco-editor .suggest-details>.monaco-scrollable-element { flex: 1; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body { box-sizing: border-box; height: 100%; width: 100%; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type { flex: 2; overflow: hidden; text-overflow: ellipsis; opacity: 0.7; white-space: pre; margin: 0 24px 0 0; padding: 4px 0 12px 5px; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type.auto-wrap { white-space: normal; word-break: break-all; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs { margin: 0; padding: 4px 5px; white-space: pre-wrap; } .monaco-editor .suggest-details.no-type>.monaco-scrollable-element>.body>.docs { margin-right: 24px; overflow: hidden; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs { padding: 0; white-space: initial; min-height: calc(1rem + 8px); } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div, .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>span:not(:empty) { padding: 4px 5px; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:first-child { margin-top: 0; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:last-child { margin-bottom: 0; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .monaco-tokenized-source { white-space: pre; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs .code { white-space: pre-wrap; word-wrap: break-word; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .codicon { vertical-align: sub; } .monaco-editor .suggest-details>.monaco-scrollable-element>.body>p:empty { display: none; } .monaco-editor .suggest-details code { border-radius: 3px; padding: 0 0.4em; } .monaco-editor .suggest-details ul { padding-left: 20px; } .monaco-editor .suggest-details ol { padding-left: 20px; } .monaco-editor .suggest-details p code { font-family: var(--monaco-monospace-font); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor.vs .valueSetReplacement { outline: solid 2px var(--vscode-editorBracketMatch-border); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .linked-editing-decoration { background-color: var(--vscode-editor-linkedEditingBackground); /* Ensure decoration is visible even if range is empty */ min-width: 1px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .detected-link, .monaco-editor .detected-link-active { text-decoration: underline; text-underline-position: under; } .monaco-editor .detected-link-active { cursor: pointer; color: var(--vscode-editorLink-activeForeground) !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .focused .selectionHighlight { background-color: var(--vscode-editor-selectionHighlightBackground); box-sizing: border-box; border: 1px solid var(--vscode-editor-selectionHighlightBorder); } .monaco-editor.hc-black .focused .selectionHighlight, .monaco-editor.hc-light .focused .selectionHighlight { border-style: dotted; } .monaco-editor .wordHighlight { background-color: var(--vscode-editor-wordHighlightBackground); box-sizing: border-box; border: 1px solid var(--vscode-editor-wordHighlightBorder); } .monaco-editor.hc-black .wordHighlight, .monaco-editor.hc-light .wordHighlight { border-style: dotted; } .monaco-editor .wordHighlightStrong { background-color: var(--vscode-editor-wordHighlightStrongBackground); box-sizing: border-box; border: 1px solid var(--vscode-editor-wordHighlightStrongBorder); } .monaco-editor.hc-black .wordHighlightStrong, .monaco-editor.hc-light .wordHighlightStrong { border-style: dotted; } .monaco-editor .wordHighlightText { background-color: var(--vscode-editor-wordHighlightTextBackground); box-sizing: border-box; border: 1px solid var(--vscode-editor-wordHighlightTextBorder); } .monaco-editor.hc-black .wordHighlightText, .monaco-editor.hc-light .wordHighlightText { border-style: dotted; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .parameter-hints-widget { /* Must be higher than the sash's z-index and terminal canvases but lower than the suggest widget */ z-index: 39; display: flex; flex-direction: column; line-height: 1.5em; cursor: default; color: var(--vscode-editorHoverWidget-foreground); background-color: var(--vscode-editorHoverWidget-background); border: 1px solid var(--vscode-editorHoverWidget-border); } .hc-black .monaco-editor .parameter-hints-widget, .hc-light .monaco-editor .parameter-hints-widget { border-width: 2px; } .monaco-editor .parameter-hints-widget > .phwrapper { max-width: 440px; display: flex; flex-direction: row; } .monaco-editor .parameter-hints-widget.multiple { min-height: 3.3em; padding: 0; } .monaco-editor .parameter-hints-widget.multiple .body::before { content: ""; display: block; height: 100%; position: absolute; opacity: 0.5; border-left: 1px solid var(--vscode-editorHoverWidget-border); } .monaco-editor .parameter-hints-widget p, .monaco-editor .parameter-hints-widget ul { margin: 8px 0; } .monaco-editor .parameter-hints-widget .monaco-scrollable-element, .monaco-editor .parameter-hints-widget .body { display: flex; flex: 1; flex-direction: column; min-height: 100%; } .monaco-editor .parameter-hints-widget .signature { padding: 4px 5px; position: relative; } .monaco-editor .parameter-hints-widget .signature.has-docs::after { content: ""; display: block; position: absolute; left: 0; width: 100%; padding-top: 4px; opacity: 0.5; border-bottom: 1px solid var(--vscode-editorHoverWidget-border); } .monaco-editor .parameter-hints-widget .docs { padding: 0 10px 0 5px; white-space: pre-wrap; } .monaco-editor .parameter-hints-widget .docs.empty { display: none; } .monaco-editor .parameter-hints-widget .docs a { color: var(--vscode-textLink-foreground); } .monaco-editor .parameter-hints-widget .docs a:hover { color: var(--vscode-textLink-activeForeground); cursor: pointer; } .monaco-editor .parameter-hints-widget .docs .markdown-docs { white-space: initial; } .monaco-editor .parameter-hints-widget .docs code { font-family: var(--monaco-monospace-font); border-radius: 3px; padding: 0 0.4em; background-color: var(--vscode-textCodeBlock-background); } .monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source, .monaco-editor .parameter-hints-widget .docs .code { white-space: pre-wrap; } .monaco-editor .parameter-hints-widget .controls { display: none; flex-direction: column; align-items: center; min-width: 22px; justify-content: flex-end; } .monaco-editor .parameter-hints-widget.multiple .controls { display: flex; padding: 0 2px; } .monaco-editor .parameter-hints-widget.multiple .button { width: 16px; height: 16px; background-repeat: no-repeat; cursor: pointer; } .monaco-editor .parameter-hints-widget .button.previous { bottom: 24px; } .monaco-editor .parameter-hints-widget .overloads { text-align: center; height: 12px; line-height: 12px; font-family: var(--monaco-monospace-font); } .monaco-editor .parameter-hints-widget .signature .parameter.active { color: var(--vscode-editorHoverWidget-highlightForeground); font-weight: bold; } .monaco-editor .parameter-hints-widget .documentation-parameter > .parameter { font-weight: bold; margin-right: 0.5em; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .rename-box { z-index: 100; color: inherit; border-radius: 4px; } .monaco-editor .rename-box.preview { padding: 4px 4px 0 4px; } .monaco-editor .rename-box .rename-input { padding: 3px; border-radius: 2px; } .monaco-editor .rename-box .rename-label { display: none; opacity: .8; } .monaco-editor .rename-box.preview .rename-label { display: inherit; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .sticky-line { color: var(--vscode-editorLineNumber-foreground); overflow: hidden; white-space: nowrap; display: inline-block; } .monaco-editor .sticky-line-number { text-align: right; float: left; } .monaco-editor .sticky-line-root { background-color: inherit; overflow: hidden; white-space: nowrap; width: 100%; } .monaco-editor.hc-black .sticky-widget, .monaco-editor.hc-light .sticky-widget { border-bottom: 1px solid var(--vscode-contrastBorder); } .monaco-editor .sticky-line-root:hover { background-color: var(--vscode-editorStickyScrollHover-background); cursor: pointer; } .monaco-editor .sticky-widget { width: 100%; box-shadow: var(--vscode-scrollbar-shadow) 0 3px 2px -2px; z-index: 4; background-color: var(--vscode-editorStickyScroll-background); } .monaco-editor .sticky-widget.peek { background-color: var(--vscode-peekViewEditorStickyScroll-background); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .unicode-highlight { border: 1px solid var(--vscode-editorUnicodeHighlight-border); background-color: var(--vscode-editorUnicodeHighlight-background); box-sizing: border-box; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .editor-banner { box-sizing: border-box; cursor: default; width: 100%; font-size: 12px; display: flex; overflow: visible; height: 26px; background: var(--vscode-banner-background); } .editor-banner .icon-container { display: flex; flex-shrink: 0; align-items: center; padding: 0 6px 0 10px; } .editor-banner .icon-container.custom-icon { background-repeat: no-repeat; background-position: center center; background-size: 16px; width: 16px; padding: 0; margin: 0 6px 0 10px; } .editor-banner .message-container { display: flex; align-items: center; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .editor-banner .message-container p { margin-block-start: 0; margin-block-end: 0; } .editor-banner .message-actions-container { flex-grow: 1; flex-shrink: 0; line-height: 26px; margin: 0 4px; } .editor-banner .message-actions-container a.monaco-button { width: inherit; margin: 2px 8px; padding: 0px 12px; } .editor-banner .message-actions-container a { padding: 3px; margin-left: 12px; text-decoration: underline; } .editor-banner .action-container { padding: 0 10px 0 6px; } .editor-banner { background-color: var(--vscode-banner-background); } .editor-banner, .editor-banner .action-container .codicon, .editor-banner .message-actions-container .monaco-link { color: var(--vscode-banner-foreground); } .editor-banner .icon-container .codicon { color: var(--vscode-banner-iconForeground); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-link { color: var(--vscode-textLink-foreground); } .monaco-link:hover { color: var(--vscode-textLink-activeForeground); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .iPadShowKeyboard { width: 58px; min-width: 0; height: 36px; min-height: 0; margin: 0; padding: 0; position: absolute; resize: none; overflow: hidden; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat; border: 4px solid #F6F6F6; border-radius: 4px; } .monaco-editor.vs-dark .iPadShowKeyboard { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat; border: 4px solid #252526; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ .monaco-editor .tokens-inspect-widget { z-index: 50; user-select: text; -webkit-user-select: text; padding: 10px; color: var(--vscode-editorHoverWidget-foreground); background-color: var(--vscode-editorHoverWidget-background); border: 1px solid var(--vscode-editorHoverWidget-border); } .monaco-editor.hc-black .tokens-inspect-widget, .monaco-editor.hc-light .tokens-inspect-widget { border-width: 2px; } .monaco-editor .tokens-inspect-widget .tokens-inspect-separator { height: 1px; border: 0; background-color: var(--vscode-editorHoverWidget-border); } .monaco-editor .tokens-inspect-widget .tm-token { font-family: var(--monaco-monospace-font); } .monaco-editor .tokens-inspect-widget .tm-token-length { font-weight: normal; font-size: 60%; float: right; } .monaco-editor .tokens-inspect-widget .tm-metadata-table { width: 100%; } .monaco-editor .tokens-inspect-widget .tm-metadata-value { font-family: var(--monaco-monospace-font); text-align: right; } .monaco-editor .tokens-inspect-widget .tm-token-type { font-family: var(--monaco-monospace-font); } .decorationsOverviewRuler { visibility: hidden; } .scrollbar.vertical { display: inline-block; overflow: hidden; height: calc(100% - 16px) !important; margin: 8px; border-radius: 3px; } .monaco-scrollable-element > .invisible.fade { transition: opacity 0.8s linear; } .monaco-scrollable-element > .invisible { opacity: 0; pointer-events: none; } .scrollbar.vertical .slider { width: 6px !important; } .monaco-scrollable-element > .scrollbar > .slider { background: rgba(121, 121, 121, 0.4); } .slider { border-radius: 3px; } /*! * Pintura Image Editor 8.24.1 * (c) 2018-2022 PQINA Inc. - All Rights Reserved * License: https://pqina.nl/pintura/license/ */ /* eslint-disable */ .PinturaPanel.PinturaSliderPanel{border-radius:var(--border-radius-round)}.PinturaPercentageLabel{font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.PinturaSliderPanel .PinturaSlider{width:10em;--knob-size:0.75em;--knob-margin-left:0.3125em;--knob-margin-right:0.3125em}.PinturaSliderPanel .PinturaSliderTrack{background-color:#eee}.PinturaSliderPanel .PinturaSliderKnob{background-color:#111;box-shadow:0 .125em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.PinturaRadioGroup .PinturaRadioGroupOptions{display:flex;flex-direction:column}.PinturaRadioGroup .PinturaRadioGroupOptionGroup+.PinturaRadioGroupOptionGroup{margin-top:.5em}.PinturaRadioGroup .PinturaRadioGroupOption[data-hidden=true]{display:none}.PinturaRadioGroup[data-layout=row] .PinturaRadioGroupOptions{flex-direction:row}.PinturaRadioGroup label{-webkit-tap-highlight-color:transparent}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter{padding:0}.PinturaUtilPanel[data-util=redact] .PinturaUtilFooter>div{height:1px}.pintura-editor,pintura-editor{--color-primary:#ffd843;--color-primary-dark:#ffc343;--color-primary-text:#000;--color-secondary:#03a9f4;--color-secondary-dark:#046bbf;--color-focus:4,107,191;--color-focus-100:rgba(var(--color-focus),1);--color-focus-50:rgba(var(--color-focus),0.5);--color-focus-25:rgba(var(--color-focus),0.25);--color-error:255,87,34;--color-error-100:rgb(var(--color-error));--color-error-75:rgba(var(--color-error),0.75);--color-error-50:rgba(var(--color-error),0.5);--color-error-25:rgba(var(--color-error),0.25);--color-foreground:0,0,0;--color-background:255,255,255;--color-preview-outline:var(--color-foreground);--color-foreground-100:rgba(var(--color-foreground),1);--color-foreground-95:rgba(var(--color-foreground),0.95);--color-foreground-90:rgba(var(--color-foreground),0.9);--color-foreground-80:rgba(var(--color-foreground),0.8);--color-foreground-70:rgba(var(--color-foreground),0.7);--color-foreground-60:rgba(var(--color-foreground),0.6);--color-foreground-50:rgba(var(--color-foreground),0.5);--color-foreground-40:rgba(var(--color-foreground),0.4);--color-foreground-30:rgba(var(--color-foreground),0.3);--color-foreground-20:rgba(var(--color-foreground),0.25);--color-foreground-15:rgba(var(--color-foreground),0.2);--color-foreground-10:rgba(var(--color-foreground),0.15);--color-foreground-5:rgba(var(--color-foreground),0.075);--color-foreground-3:rgba(var(--color-foreground),0.05);--color-foreground-1:rgba(var(--color-foreground),0.02);--color-foreground-0:rgba(var(--color-foreground),0);--color-background-100:rgba(var(--color-background),1);--color-background-95:rgba(var(--color-background),0.95);--color-background-90:rgba(var(--color-background),0.9);--color-background-80:rgba(var(--color-background),0.8);--color-background-70:rgba(var(--color-background),0.7);--color-background-60:rgba(var(--color-background),0.6);--color-background-50:rgba(var(--color-background),0.5);--color-background-40:rgba(var(--color-background),0.4);--color-background-30:rgba(var(--color-background),0.3);--color-background-20:rgba(var(--color-background),0.2);--color-background-15:rgba(var(--color-background),0.15);--color-background-10:rgba(var(--color-background),0.1);--color-background-5:rgba(var(--color-background),0.05);--color-background-3:rgba(var(--color-background),0.03);--color-background-1:rgba(var(--color-background),0.01);--color-background-0:rgba(var(--color-background),0);--button-cursor:pointer;--font-size:16px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--backdrop-filter-bright:brightness(110%) saturate(180%) blur(10px);--backdrop-filter-dark:brightness(90%) saturate(180%) blur(10px);--border-radius-round:9999em;--border-radius:0.625em;--filter-disabled:grayscale(95%) opacity(40%);--editor-inset-top:0px;--editor-inset-bottom:0px;--safe-area-inset-top:0px;--safe-area-inset-bottom:0px}.pintura-editor,.PinturaRootWrapper,pintura-editor{display:block}.PinturaRootWrapper{height:100%}.PinturaScrollableContent{overflow:hidden;max-height:80vh;overflow-y:auto;scrollbar-color:var(--color-background-30) transparent;scrollbar-width:thin}.PinturaScrollableContent::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaScrollableContent::-webkit-scrollbar-track{background:none}.PinturaScrollableContent::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-background-30);border-radius:9999em;border:.3125em solid transparent}.PinturaRoot{--nav-group-margin:0.5em;--editor-calculated-inset-top:calc(var(--safe-area-inset-top) + var(--editor-inset-top));--editor-calculated-inset-bottom:calc(var(--safe-area-inset-bottom) + var(--editor-inset-bottom));box-sizing:border-box;width:var(--editor-width,100%);height:var(--editor-height,100%);padding-top:var(--editor-calculated-inset-top);padding-bottom:var(--editor-calculated-inset-bottom);max-width:var(--editor-max-width,var(--editor-max-width-default,none));max-height:var(--editor-max-height,var(--editor-max-height-default,none));position:relative;overflow:hidden;contain:strict;display:grid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;font-size:var(--font-size);font-family:var(--font-family);font-weight:450;touch-action:manipulation;text-align:left;text-transform:none;text-rendering:optimizeLegibility;direction:ltr;color:var(--color-foreground-90);background-color:var(--color-background-100);outline-color:rgba(var(--color-preview-outline),1);transition:background-color 1ms,outline-color 1ms,color .15s ease-in-out}.PinturaRoot *{box-sizing:content-box}.PinturaRoot button,.PinturaRoot fieldset,.PinturaRoot input,.PinturaRoot legend{padding:0;margin:0;border:none;background:transparent;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;width:auto;text-decoration:none}.PinturaRoot button[disabled]{pointer-events:none}.PinturaRoot canvas{display:block}.PinturaRoot svg{display:inline-block;width:auto;height:auto}.PinturaRoot p{margin:0}.PinturaRoot li,.PinturaRoot ul{list-style:none;margin:0;padding:0}.PinturaRoot a{color:inherit;text-decoration:none}.PinturaRoot .implicit{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.PinturaRoot .PinturaFixedWidthCharacters{font-variant:tabular-nums}.PinturaRoot .PinturaStage{display:flex;align-self:stretch;flex:1}.PinturaRoot .PinturaStage[tabindex="-1"]{outline:none}.PinturaRoot .PinturaRootPortal{position:absolute;left:0;top:0}.PinturaRoot>.PinturaCanvas{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none}.PinturaRoot>.PinturaCanvas:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;background-repeat:no-repeat}.PinturaRoot>.PinturaStatus{position:absolute;z-index:99999;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:var(--color-background-90)}.PinturaRoot>.PinturaStatus>p{position:absolute;top:50%;left:50%;display:inline-flex;white-space:nowrap;align-items:center;transition:opacity .5s ease-out}.PinturaRoot .PinturaStatusMessage{position:absolute;font-size:.875em}.PinturaRoot .PinturaStatusAside{position:absolute;left:0}.PinturaRoot .PinturaStatusAside svg{width:1.25em;height:1.25em}.PinturaRoot .PinturaStatusAside .PinturaProgressIndicator{margin-left:.5em}.PinturaRoot .PinturaStatusAside .PinturaButton{outline:transparent;margin-left:.75em;font-size:.875em;border-radius:var(--border-radius-round);background-color:var(--color-foreground-5);padding:.25em;transition:background-color .1s ease-out,color .1s ease-out;-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaStatusAside .PinturaButton:not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaStatusIcon svg{font-size:.875em;margin-top:.25em;margin-left:.5em}.PinturaRoot>.PinturaNav{position:relative;z-index:3}.PinturaRoot>.PinturaNav:empty{display:none!important}.PinturaRoot>.PinturaNav .PinturaButton{outline:transparent;transition:background-color .1s ease-out,color .1s ease-out}.PinturaRoot>.PinturaNav .PinturaButton svg{width:1em;transition:opacity .1s ease-out}.PinturaRoot>.PinturaNav .PinturaButton>span{justify-content:center}.PinturaRoot>.PinturaNav .PinturaButtonIconOnly .PinturaButtonInner,.PinturaRoot>.PinturaNav .PinturaDropdownIconOnly .PinturaButtonInner{width:1.75em}.PinturaRoot>.PinturaNav .PinturaButton .PinturaButtonInner{height:1.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly){padding-left:.75em;padding-right:.75em}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly) .PinturaButtonLabel{font-size:.75em;line-height:2}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonIconOnly):not(.PinturaDropdownIconOnly):not(.PinturaDropdownButton){box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type{border-radius:var(--border-radius-round)}.PinturaRoot>.PinturaNav .PinturaButton:only-of-type+*{margin-left:.5em}.PinturaRoot>.PinturaNav .PinturaButton[disabled] svg{opacity:.25}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled])[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNav .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover{background-color:var(--color-foreground-10)}.PinturaRoot .PinturaButtonExport{color:var(--color-primary-text);background-color:var(--color-primary)}.PinturaRoot .PinturaButtonExport:hover{background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport[data-focus-visible]{color:var(--color-primary-text);background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-5),0 0 0 3px var(--color-focus-50);background-color:var(--color-primary-dark)}.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){flex:1;padding:0 .75em}.PinturaRoot>.PinturaNavMain{display:flex;overflow:hidden}.PinturaRoot>.PinturaNavMain [aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button svg{align-self:center;width:1.5em}.PinturaRoot>.PinturaNavMain button span,.PinturaRoot>.PinturaNavMain button svg{pointer-events:none}.PinturaRoot>.PinturaNavMain button svg+span{margin-top:.75em}.PinturaRoot>.PinturaNavMain button span{font-size:.875em;display:block;width:calc(100% - 1em);overflow:hidden;text-overflow:ellipsis;width:inherit;max-width:calc(100% - 1em)}.PinturaRoot>.PinturaNavMain button{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out}.PinturaRoot>.PinturaNavMain button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaRoot>.PinturaNavMain button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot>.PinturaNavTools{max-width:100%;box-sizing:border-box;pointer-events:none}.PinturaRoot>.PinturaNavTools:empty{display:none}.PinturaRoot>.PinturaNavTools,.PinturaRoot>.PinturaNavTools .PinturaNavGroup,.PinturaRoot>.PinturaNavTools .PinturaNavSet{display:flex;align-items:center;justify-content:center}.PinturaRoot>.PinturaNavTools .PinturaButton,.PinturaRoot>.PinturaNavTools .PinturaNavSet{pointer-events:all}.PinturaRoot>.PinturaNavTools .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot .PinturaNavGroup{margin:0 var(--nav-group-margin)}.PinturaRoot .PinturaNavGroup>*{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavGroup>*+*{margin-left:.5em}.PinturaRoot .PinturaNavGroup:first-of-type{margin-right:auto;margin-left:0}.PinturaRoot .PinturaNavGroup:last-of-type{margin-left:auto;margin-right:0}.PinturaRoot .PinturaNavSet{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaRoot .PinturaNavSet>:not(:only-child){border:1px solid var(--color-foreground-3);border-top:0;border-bottom:0}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-left:0}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-right:0}.PinturaRoot .PinturaNavSet>*+*{margin-left:-1px}.PinturaRoot .PinturaNavSet>.PinturaButton:hover,.PinturaRoot .PinturaNavSet>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaRoot .PinturaNavSet>:only-child{border-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child) .PinturaButtonInner{padding:0 .125em 0 .25em}.PinturaRoot .PinturaNavSet>:first-child:not(:only-child){border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child) .PinturaButtonInner{padding:0 .25em 0 .125em}.PinturaRoot .PinturaNavSet>:last-child:not(:only-child){border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaNavSet{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaNavSet .PinturaButton:not(.PinturaButtonExport):not([disabled]):hover,.PinturaRoot[data-env~=overlay] .PinturaNavSet>*{border-color:var(--color-background-15)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup>.PinturaButton{box-shadow:0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaNavGroup .PinturaButtonExport{box-shadow:inset 0 0 .125em rgba(0,0,0,.25),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot .PinturaNavGroupFloat{position:absolute;left:0;right:0;pointer-events:none}.PinturaRoot .PinturaNavGroupFloat>*{pointer-events:all}.PinturaRoot .PinturaUtilFooter .PinturaScrollable>div{padding-left:1em;padding-right:1em}.PinturaRoot>.PinturaMain{max-width:100vw}.PinturaRoot:not([data-env~=has-toolbar]) .PinturaUtilHeader{padding-top:0;padding-bottom:1em;margin-bottom:-1em}.PinturaRoot[data-env~=landscape]{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;grid-template-columns:auto}.PinturaRoot[data-env~=landscape]>.PinturaNavTools{grid-row:1;grid-column:1;padding:1em 1em 0;z-index:3}.PinturaRoot[data-env~=landscape]>.PinturaNavMain{align-items:center;justify-content:flex-end;position:absolute;left:1em;top:calc(1em + var(--editor-calculated-inset-top));bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList{flex-direction:column}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li{display:flex}.PinturaRoot[data-env~=landscape]>.PinturaNavMain .PinturaTabList li+li{margin:.5em 0 0}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=landscape]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=landscape][data-env~=has-toolbar]>.PinturaNavMain{top:calc(4em + var(--editor-calculated-inset-top));bottom:calc(4em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape][data-env~=has-limited-space]>.PinturaNavMain{align-items:flex-start;bottom:calc(1em + var(--editor-calculated-inset-bottom))}.PinturaRoot[data-env~=landscape]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]{grid-template-columns:6em auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 0 0 6em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaNavTools{grid-column:1/span 2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]>.PinturaMain{grid-column:2}.PinturaRoot[data-env~=landscape][data-env~=has-navigation]:not([data-env~=has-navigation-preference-right]) .PinturaUtilMain{padding-left:0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 6em}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]:not([data-env~=narrow]) .PinturaNavGroupFloat{margin:0 6em 0 0}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaNavMain{right:1em;left:auto}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right]>.PinturaMain{grid-column:1}.PinturaRoot[data-env~=landscape][data-env~=has-navigation][data-env~=has-navigation-preference-right] .PinturaUtilMain{padding-right:0}.PinturaRoot[data-env~=portrait]{grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait]>*{grid-column:1}.PinturaRoot[data-env~=portrait]>.PinturaNavTools{grid-row:1;padding:.75em .75em 0}.PinturaRoot[data-env~=portrait]>.PinturaNavMain{grid-row:3;margin-bottom:.75em;justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain .PinturaTabList{padding:0 .875em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain li+li{margin-left:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain[data-state~=overflows]{overflow:visible}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button{flex:1;width:4em;height:4em;border-radius:var(--border-radius);justify-content:center}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button span{font-size:.6875em;margin-top:.5em}.PinturaRoot[data-env~=portrait]>.PinturaNavMain button svg{width:1em;margin-top:.25em}.PinturaRoot[data-env~=portrait]>.PinturaMain{grid-row:2;grid-column:1}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]{grid-template-rows:-webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content auto}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaMain{grid-row:3}.PinturaRoot[data-env~=portrait]:not([data-env~=narrow])[data-env~=has-navigation-preference-top]>.PinturaNavMain{grid-row:2;margin-top:.75em;margin-bottom:0}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button{flex:1;flex-direction:row;width:auto;height:auto;border-radius:var(--border-radius);justify-content:flex-start;align-items:center;padding:.625em 0;width:6em}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button span{font-size:.6875em;margin:0 .625em 0 0;line-height:1.2;text-align:left}.PinturaRoot[data-env~=landscape][data-env~=is-compact]>.PinturaNavMain button svg{margin:0 .5em 0 .625em;min-width:1em}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation]{grid-template-columns:8em auto}.PinturaRoot[data-env~=landscape][data-env~=is-compact][data-env~=has-navigation][data-env~=has-navigation-preference-right]{grid-template-columns:auto 8em}.PinturaRoot[data-env~=narrow] .PinturaNavGroupFloat{position:static;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button{padding:0;font-size:.625em;width:4em;height:4em;justify-content:center;border-radius:9999em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button span{visibility:hidden;font-size:0;margin:0}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg{margin-top:0;width:1.6em}.PinturaRoot[data-env~=portrait][data-env~=is-compact]>.PinturaNavMain button svg [stroke-width]{stroke-width:.15em}.PinturaRoot[data-env~=portrait][data-env~=narrow]{--nav-group-margin:0.25em;grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;grid-template-columns:auto}.PinturaRoot[data-env~=portrait][data-env~=narrow]>*{grid-column:1}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList .PinturaControlListOption span,.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaUtilFooter .PinturaControlList [role=tab] span{font-size:.6875em}.PinturaRoot[data-env~=portrait][data-env~=narrow] .PinturaToolbar .PinturaToolbarInner>*{margin:0 .25em}.PinturaRoot[data-env~=overlay]{grid-template-rows:auto!important;grid-template-columns:auto!important}.PinturaRoot[data-env~=overlay] .PinturaNav{z-index:3}.PinturaRoot[data-env~=overlay] .PinturaMain{grid-row:1;grid-column:1}.PinturaRoot[data-env~=overlay] .PinturaUtilMain{position:absolute;left:0;top:0;right:0;bottom:0;padding:0;z-index:-1}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter,.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{position:absolute;left:0;right:0}.PinturaRoot[data-env~=overlay] .PinturaUtilHeader{top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{bottom:0}.PinturaRoot[data-env~=overlay] .PinturaNavMain{position:absolute;right:0;top:0;bottom:0;background:none}.PinturaRoot[data-env~=overlay] .PinturaNavTools{position:absolute;left:0;top:0;right:0}.PinturaRoot[data-env~=has-swipe-navigation] .PinturaUtilMain{padding-left:2em;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation]{padding-left:0;padding-right:2em}.PinturaRoot[data-env~=has-swipe-navigation][data-env~=landscape] .PinturaUtilMain[data-env~=has-navigation][data-env~=has-navigation-preference-right]{padding-left:2em;padding-right:0}.PinturaRoot[data-env*=is-disabled],.PinturaRoot[data-env*=is-disabled] *{pointer-events:none!important}.PinturaRoot[data-env*=is-disabled]{--color-primary:#b4b4b4;--color-primary-dark:#a0a0a0;--color-primary-text:#000;--color-secondary:#969696;--color-secondary-dark:#646464}.PinturaRoot[data-env*=is-disabled] .PinturaCanvas,.PinturaRoot[data-env*=is-disabled] .PinturaColorPickerButton{filter:grayscale(100%)}.PinturaRoot .PinturaEditorOverlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:var(--color-background-50);pointer-events:none}.PinturaColorPickerPanel{padding:.5em;max-width:14em;overflow:visible;touch-action:none}.PinturaColorPickerPanel .PinturaColorPickerButton{outline:transparent}.PinturaColorPickerPanel .PinturaColorPickerButton[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-foreground-70)}.PinturaColorPickerPanel .PinturaColorPreview{width:1.25em;height:1.25em;border-radius:.25em}.PinturaColorPickerPanel .PinturaColorPreview span{border-radius:.2em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.PinturaColorPickerPanel .PinturaColorPresets legend{color:#777;margin:0 0 .25em .3125em;font-size:.75em}.PinturaColorPickerPanel .PinturaColorPresets:only-child legend{display:none}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaRadioGroupOptions{display:flex;flex-direction:row;flex-wrap:wrap}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption{display:block;padding:.25em}.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label,.PinturaColorPickerPanel .PinturaColorPresetsGrid .PinturaListOption label span{display:block;cursor:var(--button-cursor)}.PinturaColorPickerPanel .PinturaColorPresetsGrid input[data-focus-visible]+label .PinturaColorPreview:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaSlider{margin-left:-.325em;margin-right:-.325em}.PinturaColorPickerPanel .PinturaPicker{width:100%}.PinturaColorPickerPanel .PinturaPicker+.PinturaColorPresets{margin-top:.5em}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob,.PinturaColorPickerPanel .PinturaPicker .PinturaSliderKnob{border-radius:9999em;box-shadow:inset 0 .06125em .06125em rgba(0,0,0,.1),0 0 0 .125em #fff,0 .1875em .25em rgba(0,0,0,.35),0 -.125em .25em rgba(0,0,0,.1)}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob{pointer-events:none;position:absolute;z-index:1;left:0;top:0;margin-left:-.625em;margin-top:-.625em;width:1.25em;height:1.25em;visibility:visible;outline:none}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnob[data-focus-visible]:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;pointer-events:none;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaColorPickerPanel .PinturaPicker .PinturaPickerKnobController{position:absolute;left:0;top:0;right:0;bottom:0;visibility:hidden}.PinturaColorPickerPanel .PinturaPicker .PinturaSaturationPicker{position:relative;border-radius:var(--border-radius) var(--border-radius) 0 0;margin:-.5em -.5em .5em;height:7em;background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent)}.PinturaColorPickerPanel .PinturaPicker .PinturaHuePicker .PinturaSliderTrack{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker .PinturaSliderTrack:before{position:absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:inherit;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E")}.PinturaColorPickerPanel .PinturaPicker .PinturaOpacityPicker{margin-top:.5em}.PinturaOptionsList,.PinturaOptionsListWrapper{border-radius:inherit}.PinturaOptionsList .PinturaListOption{transition:background-color .1s;border-radius:inherit}.PinturaOptionsList .PinturaListOption label{display:block;margin:0;border-radius:inherit;white-space:nowrap}.PinturaOptionsList .PinturaListOption svg{margin-right:.25em;margin-left:-.5em;min-width:1.5em}.PinturaOptionsList .PinturaListOption [slot]{display:flex;align-items:center;padding:.325em .75em}.PinturaOptionsList .PinturaDropdownOptionLabel{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em;display:inline-flex;flex-direction:column}.PinturaOptionsList .PinturaDropdownOptionSublabel{font-size:.75em;opacity:.5;margin-top:-.5em}.PinturaOptionsList .PinturaListOptionGroup>span{display:block;padding:.75em 1em;text-transform:uppercase;font-size:.75em;color:rgba(0,0,0,.75)}.PinturaOptionsList [data-disabled=true]{color:#999}.PinturaOptionsList [data-selected=false]:not([data-disabled=true]):hover{background-color:rgba(0,0,0,.15)}.PinturaOptionsList [data-selected=true]{color:#fff;background:#000}.PinturaOptionsList [data-focus-visible]+label .PinturaDropdownOptionLabel{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaListOption label{margin:0}.PinturaUtilPanel[data-util=frame] .PinturaShapeStyleEditor{min-height:3.375em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{margin:1em 1em 0 0;padding:.125em;border:1px dashed var(--color-foreground-15);color:var(--color-foreground-70)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption label{font-size:.75em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption img,.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption svg{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.PinturaUtilPanel[data-util=frame] [data-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}.PinturaUtilPanel[data-util=frame] [data-selected=true] span{color:var(--color-foreground-90)}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=frame] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{display:block;text-align:center;padding:0 1.5em;font-size:.625em;font-weight:400}.PinturaUtilPanel[data-util=frame] [data-focus-visible]+label>.PinturaRadioGroupOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{position:relative;width:3em;height:4em}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div{position:absolute;outline-color:currentColor;border-color:currentColor}.PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption div[slot]{overflow:hidden;left:-1px;top:-1px;bottom:-1px;right:-1px;display:flex;align-items:center;justify-content:center}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption{width:2.25em;height:3em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=frame] .PinturaRadioGroupOption span{font-size:.5em}.PinturaUtilPanel[data-util=filter] .PinturaScrollable{width:100%;max-width:40em;min-height:5.5em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li{margin:0 .5em}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:first-child{margin-left:0}.PinturaUtilPanel[data-util=filter] [data-layout=row]>.PinturaRadioGroupOptions>li:last-child{margin-right:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroupLabel{width:1px;height:1px;position:absolute;font-size:0;pointer-events:none}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{border-radius:0;transition:border-radius 1ms}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{border-radius:0}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterPreview{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type .PinturaFilterOption{border-bottom-left-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterPreview{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type .PinturaFilterOption{border-bottom-right-radius:var(--border-radius)}.PinturaUtilPanel[data-util=filter] .PinturaRadioGroupOptionGroup{display:flex;flex-direction:column-reverse}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption{cursor:var(--button-cursor);margin-bottom:1em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{display:block;text-align:center;padding:0 .3125em;line-height:1.75;max-width:100%;font-size:.625em;font-weight:400;margin-left:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview:before{transition:background-color .1s,color .1s}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview{position:relative;z-index:1}.PinturaUtilPanel[data-util=filter] [data-selected=true] .PinturaFilterOption .PinturaFilterPreview:before{content:"";position:absolute;width:100%;height:100%;opacity:.35;border-radius:inherit;background-color:var(--color-primary)}.PinturaUtilPanel[data-util=filter] [data-focus-visible]+label>.PinturaFilterOption span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);border-radius:.25em}.PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:3.75em;height:4.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaUtilFooter>div{padding:0}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption,.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterPreview{width:2.875em;height:3.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaFilterOption span{font-size:.5em}.PinturaRoot[data-env~=is-compact] .PinturaUtilPanel[data-util=filter] .PinturaScrollable{min-height:4.5em}.PinturaUtilPanel[data-util=crop] .PinturaStage{touch-action:none}.PinturaUtilPanel[data-util=crop] .PinturaImageInfo{position:absolute;right:1em;bottom:1em}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter{--size:3em;position:absolute;left:0;top:0;width:var(--size);height:var(--size);z-index:1;line-height:0;margin-top:calc(var(--size) * (-.5));margin-left:calc(var(--size) * (-.5));overflow:hidden;color:#000;background:hsla(0,0%,100%,.8);border-radius:50%;-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);outline:none}.PinturaUtilPanel[data-util=crop] .PinturaButtonCenter[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRoot[data-env~=short] .PinturaUtilPanel[data-util=crop] .PinturaUtilFooter{padding-bottom:.5em}.PinturaUtilPanel[data-util=resize] form{display:flex;justify-content:center;padding:0 1em}.PinturaUtilPanel[data-util=resize] .PinturaFormInner{position:relative;display:flex;justify-content:center;align-items:center}.PinturaUtilPanel[data-util=resize] .PinturaFormInner>button{position:absolute;left:100%;margin-left:1em}.PinturaUtilPanel[data-util=resize] .PinturaFieldsetInner{display:inline-flex;align-items:center;justify-content:center}.PinturaUtilPanel[data-util=resize] .PinturaResizeLabel{font-size:.75em}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton{margin-left:.5em;margin-right:.5em;-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-5);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color .1s}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel{display:block;line-height:2.65;padding:0 1em;font-variant-numeric:tabular-nums;font-size:.75em;font-weight:400}.PinturaUtilPanel[data-util=resize] .PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaUtilPanel[data-util=resize] input[type=checkbox]+label{padding:0 .125em;outline:transparent;display:block;cursor:pointer}.PinturaUtilPanel[data-util=resize] input[type=checkbox][data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaInputDimension{display:inline-flex;align-items:center;position:relative}.PinturaInputDimension label{position:absolute;right:.625em;font-size:.75em;text-transform:uppercase;pointer-events:none;color:var(--color-foreground-20);z-index:1}.PinturaInputDimension button,.PinturaInputDimension input,.PinturaInputDimension label{font-size:.75em;font-weight:400}.PinturaInputDimension button,.PinturaInputDimension input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;box-sizing:border-box;font-variant-numeric:tabular-nums;padding:.625em 0 .625em .625em;width:100%;max-width:7em;outline:transparent;border-radius:var(--border-radius);box-shadow:none;border:1px solid var(--color-foreground-20);transition:background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out}.PinturaInputDimension button::-moz-selection, .PinturaInputDimension input::-moz-selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button::selection,.PinturaInputDimension input::selection{background-color:var(--color-foreground-20)}.PinturaInputDimension button:hover,.PinturaInputDimension input:hover{border-color:var(--color-foreground-30)}.PinturaInputDimension button:focus,.PinturaInputDimension input:focus{border-color:var(--color-focus-100)}.PinturaInputDimension input{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-5)}.PinturaInputDimension input:-moz-placeholder-shown{border-style:dashed}.PinturaInputDimension input:-ms-input-placeholder{border-style:dashed}.PinturaInputDimension input:placeholder-shown{border-style:dashed}.PinturaInputDimension input::-moz-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input:-ms-input-placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input::placeholder{color:var(--color-foreground-30)}.PinturaInputDimension input[data-state=invalid]{border-color:var(--color-error-75);box-shadow:inset 0 0 .25em var(--color-error-25),0 0 .25em var(--color-error-50)}.PinturaInputDimension button{width:10em;min-height:2.65em}.PinturaInputDimension input::-webkit-inner-spin-button,.PinturaInputDimension input::-webkit-outer-spin-button{-webkit-appearance:none}.PinturaInputDimension input::-ms-clear{display:none}.PinturaModal{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--editor-modal-border-radius:0;--editor-modal-overlay-opacity:0.95;--editor-modal-shadow:0 1em 2em -1em rgba(0,0,0,0.25),0 1.5em 1.5em -2em rgba(0,0,0,0.5);--editor-modal-outline:inset 0 0 0 1px var(--color-foreground-3);position:fixed;left:0;top:0;width:100%;height:100vh;z-index:2147483646;display:flex;justify-content:center;align-items:center;background-color:rgba(var(--color-background),var(--editor-modal-overlay-opacity,var(--editor-modal-overlay-opacity-default,.95)))}.PinturaModal>.PinturaRoot[data-env~=is-centered]{box-shadow:var(--editor-modal-shadow);border-radius:var(--editor-modal-border-radius)}.PinturaModal>.PinturaRoot[data-env~=is-centered]:after{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;border-radius:inherit;content:"";box-shadow:var(--editor-modal-outline);z-index:2147483646}.PinturaModal[style*="--viewport-pad-footer:1"]{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.PinturaModal+.PinturaModal{--editor-modal-overlay-opacity-default:0.75}.PinturaModal+.PinturaModal .PinturaRoot:not([data-env~=is-compact]){--editor-max-width-default:calc(100vw - 8em);--editor-max-height-default:calc(100vh - 8em)}.PinturaDocumentLock,.PinturaDocumentLock body{height:calc(var(--pintura-document-height) - 1px);overflow-y:hidden;box-sizing:border-box}.PinturaDocumentLock .PinturaModal{height:100%!important}.PinturaCanvas canvas{position:absolute;width:100%;height:100%}.PinturaPanel{top:0;left:0;z-index:2147483647;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:auto;outline:transparent;box-shadow:0 .125em .25em rgba(0,0,0,.25),0 .125em .75em rgba(0,0,0,.15),0 .125em .125em rgba(0,0,0,.1);border-radius:var(--border-radius);color:#111}.PinturaPanel,.PinturaPanelTip{position:absolute;background:#fff}.PinturaPanelTip{width:.5em;height:.5em;margin-left:-.25em;margin-top:-.25em;z-index:-1}.PinturaTabPanels{position:relative;flex:1}.PinturaTabPanel{position:absolute;left:0;top:0;width:100%;height:100%}.PinturaTabPanel:not([hidden]){z-index:2;outline:transparent}.PinturaTabPanel[hidden]{display:block!important;z-index:1;pointer-events:none}.PinturaTabPanel[data-inert=true]{visibility:hidden}.PinturaTabPanel[data-inert=true] [data-inert]{visibility:hidden!important}.PinturaScrollable{--scrollable-feather-start-opacity:0;--scrollable-feather-end-opacity:0;--scrollable-feather-size:2em;contain:paint;overflow:hidden}.PinturaScrollable:focus{outline:transparent}.PinturaScrollable>div{position:relative;display:inline-flex;vertical-align:top}.PinturaScrollable{touch-action:none}.PinturaScrollable[data-direction=x]{max-width:100%;--mask-angle:90deg}.PinturaScrollable[data-direction=y]{max-height:100%;--mask-angle:180deg}.PinturaScrollable[data-state~=overflows]{-webkit-mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)));mask:linear-gradient(var(--mask-angle),rgba(0,0,0,var(--scrollable-feather-start-opacity)),#000 var(--scrollable-feather-size),#000 calc(100% - var(--scrollable-feather-size)),rgba(0,0,0,var(--scrollable-feather-end-opacity)))}.PinturaScrollable[data-state~=scrolling]>div *{pointer-events:none}.PinturaTabList{display:flex;justify-content:center}.PinturaTabList button{display:flex;align-items:center;flex-direction:column;outline:transparent;cursor:var(--button-cursor);-webkit-tap-highlight-color:transparent}.PinturaTabList button>*{transition:filter .2s ease-out}.PinturaTabList button[disabled]>*{filter:var(--filter-disabled)}.PinturaUtilPanel{position:relative;z-index:1;height:100%;display:flex;flex:1;flex-direction:column;contain:layout size}.PinturaProgressIndicator{position:relative;display:block;width:1.25em;height:1.25em}.PinturaProgressIndicator .PinturaProgressIndicatorFill{stroke-dashoffset:0}.PinturaProgressIndicator[data-status=busy] svg{-webkit-animation:image_editor_spin 1s linear infinite;animation:image_editor_spin 1s linear infinite}.PinturaProgressIndicator[data-status=busy] .PinturaProgressIndicatorFill{stroke-dashoffset:-26.5;stroke-dasharray:26.5 53;transition:stroke-dashoffset .5s linear,stroke-dasharray .5s linear}@-webkit-keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes image_editor_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.PinturaRoot[data-env~=is-ios] .PinturaProgressIndicator svg{transform-origin:49% 49%}}.PinturaButton{white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;cursor:var(--button-cursor)}.PinturaButton>span{display:inline-flex;align-items:center;vertical-align:top;min-height:1em}.PinturaButton svg+.PinturaButtonLabel{margin-left:.5em}.PinturaButton[disabled]{cursor:default}.PinturaButton:not(.PinturaButtonIconOnly) svg:first-of-type{margin-left:-.25em}.PinturaColorPreview{--color:transparent;color:var(--color);position:relative;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v4H0zm4 4h4v4H4z' fill='%23E5E5E5'/%3E%3C/svg%3E")}.PinturaColorPreview span{position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--color);border-radius:inherit}.PinturaSlider{position:relative;--track-offset-x:0.5em;--track-offset-y:0.5em;--track-size:1.5em;--knob-size:1em;--knob-margin-top:0em;--knob-margin-right:0em;--knob-margin-bottom:0em;--knob-margin-left:0em;display:flex;align-items:center;touch-action:none}.PinturaSlider[data-direction=y]{flex-direction:column}.PinturaSlider .PinturaSliderControl{position:relative;flex:1}.PinturaSlider>button{position:relative;z-index:1;width:var(--track-size);height:var(--track-size);overflow:hidden;cursor:pointer;flex-shrink:none}.PinturaSlider>button svg{width:1.25em;height:1.25em;margin:.125em;stroke-width:.125em;stroke:#aaa}.PinturaSlider>button:first-of-type{order:2;padding-right:.125em;margin-left:-.325em}.PinturaSlider>button:last-of-type{order:1;padding-left:.125em;margin-right:-.325em}.PinturaSlider>.PinturaSliderControl{order:2}.PinturaSlider .PinturaSliderKnob{left:0;top:50%;border-radius:9999em;visibility:visible;background-color:#333;width:var(--knob-size);height:var(--knob-size);margin-left:calc(var(--knob-size) * -.5);margin-top:calc(var(--knob-size) * -.5)}.PinturaSlider .PinturaSliderKnob,.PinturaSlider .PinturaSliderKnobController,.PinturaSlider .PinturaSliderTrack{pointer-events:none;position:absolute}.PinturaSlider .PinturaSliderTrack{top:var(--track-offset-y);bottom:var(--track-offset-y);left:var(--track-offset-x);right:var(--track-offset-x)}.PinturaSlider .PinturaSliderKnobController{visibility:hidden;top:calc(var(--track-offset-y) + var(--knob-margin-top));bottom:calc(var(--track-offset-y) + var(--knob-margin-bottom));left:calc(var(--track-offset-x) + var(--knob-margin-left));right:calc(var(--track-offset-x) + var(--knob-margin-right))}.PinturaSlider .PinturaSliderTrack{border-radius:9999em}.PinturaSlider[data-direction=x] input[type=range]{height:var(--track-size);margin-left:.5em;width:calc(100% - 1em)}.PinturaSlider[data-direction=y] input[type=range]{width:var(--track-size);margin-top:.5em;height:calc(100% - 1em)}.PinturaSlider input[type=range]{-webkit-appearance:none;display:block}.PinturaSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.PinturaSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-moz-range-thumb{line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-ms-thumb{line-height:0;margin:0;padding:0;border:none}.PinturaSlider input[type=range]::-ms-ticks-before,.PinturaSlider input[type=range]::-ms-tooltip{display:none}.PinturaSlider input[type=range]::-ms-ticks-after{display:none}.PinturaSlider input[type=range]::-ms-track{color:transparent;border:none;background:transparent}.PinturaSlider input[type=range]::-ms-fill-lower,.PinturaSlider input[type=range]::-ms-fill-upper{background:transparent}.PinturaSlider input[type=range]:focus{outline:transparent}.PinturaSlider input[type=range][data-focus-visible]~.PinturaSliderKnobController .PinturaSliderKnob:after{position:absolute;left:-.3125em;right:-.3125em;top:-.3125em;bottom:-.3125em;border-radius:inherit;content:"";background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);pointer-events:none}.PinturaRangeInput{position:relative;display:flex;flex-direction:column;align-items:center;width:24em;height:3.5em;margin:auto;max-width:90%;touch-action:none;--range-input-feather-left:2em;--range-input-feather-right:2em;--range-input-mask-from:0%;--range-input-mask-to:100%;--range-input-mask-color:rgba(0,0,0,0.25);--range-input-line-color:var(--color-foreground-15);outline:transparent}.PinturaRangeInput[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";position:absolute;left:0;right:0;top:calc(50% - 1em);height:2em;border-radius:.25em}.PinturaRangeInputInner{position:relative;overflow:hidden;height:100%;width:100%;contain:strict;-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent);mask:linear-gradient(90deg,transparent 0,#000 var(--range-input-feather-left),#000 calc(50% - 3em),transparent 50%,#000 calc(50% + 3em),#000 calc(100% - var(--range-input-feather-right)),transparent)}.PinturaRangeInputMeter{height:100%}.PinturaRangeInput .PinturaRangeInputMeter svg{display:block;pointer-events:none;fill:currentColor}.PinturaRangeInput>.PinturaRangeInputValue{position:absolute;z-index:1;pointer-events:none;top:calc(50% - .6875em);left:calc(50% - 1.75em);width:3.5em;height:1.5em;overflow:hidden;contain:strict;text-align:center;font-size:.75em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif}.PinturaRangeInput>.PinturaRangeInputReset{position:absolute;left:calc(50% - 1.0625em);top:0;margin-top:.125em;padding:0;z-index:1;width:2em;overflow:hidden;color:transparent!important;transition:opacity .25s;opacity:.35;outline:transparent;cursor:var(--button-cursor)}.PinturaRangeInput>.PinturaRangeInputReset:hover{opacity:.5}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]{opacity:1}.PinturaRangeInput>.PinturaRangeInputReset[data-focus-visible]:before{content:"";pointer-events:none;position:absolute;left:calc(50% - .5em);top:calc(50% - .5em);height:1em;width:1em;z-index:2;border-radius:.25em;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRangeInput>.PinturaRangeInputReset[disabled]{opacity:.15}.PinturaRangeInput>.PinturaRangeInputReset:after{content:"";position:absolute;left:50%;top:20%;width:1px;height:60%;background:var(--color-foreground-100)}.PinturaRangeInputInner[data-value-limited] svg{-webkit-mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to));mask:linear-gradient(90deg,var(--range-input-mask-color) var(--range-mask-from),#000 var(--range-mask-from),#000 var(--range-mask-to),var(--range-input-mask-color) var(--range-mask-to))}.PinturaRangeInputInner[data-value-limited] svg rect{x:var(--range-mask-from);width:calc(var(--range-mask-to) - var(--range-mask-from));fill:var(--range-input-line-color)}.PinturaUtilMain{padding:1em;min-height:1px}.PinturaUtilMain,.PinturaUtilMain>[slot]{flex:1;display:flex;flex-direction:column}.PinturaUtilMain>[slot]{align-items:center}.PinturaUtilFooter{padding:0 0 1em}.PinturaUtilFooter>[slot]:empty{height:1em}.PinturaUtilFooter>[slot]{display:flex;flex-direction:column;align-items:center;justify-content:stretch}.PinturaUtilFooter .PinturaRangeInput{margin-top:-.25em}.PinturaUtilFooter>[slot]>.PinturaControlList,.PinturaUtilFooter>[slot]>.PinturaControlListScroller{order:1;margin-bottom:-.1875em}.PinturaUtilFooter .PinturaControlList [role=tab][aria-selected=true] button{-webkit-backdrop-filter:var(--backdrop-filter-dark);backdrop-filter:var(--backdrop-filter-dark);background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label,.PinturaUtilFooter .PinturaControlList [role=tab] button{flex-direction:row;line-height:1;padding:0 .75em;min-height:1.75em;border-radius:var(--border-radius-round);transition:background-color .1s ease-out,color .1s ease-out,filter .2s ease-out;box-shadow:inset 0 0 0 1px var(--color-foreground-0);cursor:var(--button-cursor)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label span,.PinturaUtilFooter .PinturaControlList [role=tab] button span{font-size:.75em;font-weight:400}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg,.PinturaUtilFooter .PinturaControlList [role=tab] button svg{width:.875em;font-size:.875em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label svg:not(:only-child),.PinturaUtilFooter .PinturaControlList [role=tab] button svg:not(:only-child){margin-left:-.25em;margin-right:.375em}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label:hover,.PinturaUtilFooter .PinturaControlList [role=tab] button:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption label[data-focus-visible],.PinturaUtilFooter .PinturaControlList [role=tab] button[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption [slot],.PinturaUtilFooter .PinturaControlListOption label{display:flex;flex-direction:row;align-items:center}.PinturaUtilFooter .PinturaControlListOption[data-selected=true] label{background-color:var(--color-foreground-10);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlListOption input[data-focus-visible]+label{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaUtilFooter .PinturaControlListOption input[disabled]+label{filter:var(--filter-disabled)}.PinturaUtilFooter .PinturaControlList .PinturaControlListOption+.PinturaControlListOption,.PinturaUtilFooter .PinturaControlList>li+li{margin-left:.5em}.PinturaUtilFooter .PinturaControlPanels{position:relative;width:100%;max-width:40em;min-height:3.375em;margin:0 auto;flex:auto}.PinturaUtilFooter .PinturaControlPanel{position:absolute;left:0;top:0;width:100%;height:100%;visibility:visible;opacity:1}.PinturaUtilFooter .PinturaControlPanel[hidden]{display:block!important;visibility:hidden;transition-delay:0s;pointer-events:none;opacity:0}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>*+*{margin-left:-1px}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab] button{padding-left:.625em;padding-right:.625em;border-radius:0;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:only-child button{border-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:first-child:not(:only-child) button{padding-left:.75em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaUtilFooter .PinturaControlList[data-layout=compact]>[role=tab]:last-child:not(:only-child) button{padding-right:.75em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=is-animated] .PinturaUtilFooter .PinturaControlPanel{transition:opacity .3s ease-in-out,visibility .3s linear;transition-delay:.1s}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter{margin-bottom:.75em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{min-height:1.375em;max-width:20em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList{margin-top:1em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList>li+li{margin-left:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] span{font-size:.75em}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab] button{border-radius:0;background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:first-child button{padding-left:.875em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li[role=tab]:last-child button{padding-right:.875em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlList li:not([aria-selected=true]) span{color:var(--color-foreground-40)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaControlPanels{background-color:var(--color-background-50);-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-background-15),0 .0625em .125em rgba(0,0,0,.25),0 .125em .35em rgba(0,0,0,.35)}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInput{height:1.5em;margin-top:0}.PinturaRoot[data-env~=overlay] .PinturaUtilFooter .PinturaRangeInputReset{opacity:0}.PinturaImageInfo{pointer-events:none}.PinturaImageInfo p{width:8em;height:1.25em;contain:strict;overflow:hidden;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:Tahoma,Geneva,Verdana,sans-serif;text-align:right;line-height:1;font-size:.75em}.PinturaPresetListFilter .PinturaRadioGroupOptions{justify-content:space-evenly;padding:.625em 0 .3125em}.PinturaPresetListFilter .PinturaRadioGroupOptions label{display:block;cursor:pointer}.PinturaPresetListFilter+.PinturaOptionsList{border-top-left-radius:0;border-top-right-radius:0}.PinturaToolbar{display:flex;justify-content:center;margin-left:1em;margin-right:1em;padding-top:1em}.PinturaToolbar .PinturaToolbarInner{display:inline-flex}.PinturaToolbar[data-layout=compact] .PinturaToolbarContentWide,.PinturaToolbar[data-overflow=overflow] .PinturaToolbarContentOptional{display:none}.PinturaToolbar .PinturaButton{border-radius:var(--border-radius-round);outline:transparent;padding:.3125em .75em;transition:background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out;line-height:1.1}.PinturaToolbar .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaToolbar .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaToolbar .PinturaButton .PinturaButtonIcon{width:1em}.PinturaToolbar .PinturaButtonLabel{font-size:.75em}.PinturaToolbar .PinturaPanel{z-index:3}.PinturaToolbar .PinturaToolbarInner>*{margin:0 .5em}.PinturaShapeStyleEditor{position:relative;width:100%;min-height:2.75em}.PinturaShapeStyles{position:absolute;left:0;right:0;top:0}.PinturaShapeStyles:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapeStyleList{display:flex}.PinturaShapeStyleList .PinturaButton,.PinturaShapeStyleList .PinturaInput{outline:transparent}.PinturaShapeStyleList .PinturaInput{padding:0 0 0 .625em;font-size:.75em;line-height:2.25}.PinturaShapeStyleList .PinturaShapeStyleLabel{line-height:1.75;font-size:.625em;font-weight:300;padding:0 .75em;text-transform:lowercase;pointer-events:none;text-align:center;color:var(--color-foreground-50);white-space:nowrap}.PinturaShapeStyleList>.PinturaShapeStyle{border-radius:var(--border-radius-round)}.PinturaShapeStyleList>.PinturaShapeStyle+.PinturaShapeStyle{margin-left:1em}.PinturaShapeStyle{display:flex;flex-direction:column;align-items:stretch}.PinturaShapeStyle .PinturaPanelButton{border-radius:inherit}.PinturaShapeStyle>.PinturaButton:hover,.PinturaShapeStyle>.PinturaButton[data-focus-visible]{position:relative;z-index:1}.PinturaShapeStyle>.PinturaColorPickerButton .PinturaButtonLabel{display:block;border-radius:inherit}.PinturaShapeStyle>.PinturaColorPickerButton{display:flex;justify-content:center}.PinturaShapeStyle .PinturaColorPreview{border-radius:inherit;width:1.5em;height:1.5em;background-color:#fff;background-size:4px}.PinturaShapeStyle .PinturaColorPreview span{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapeStyle [data-focus-visible] .PinturaColorPreview span:before{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100);content:"";z-index:1}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview{-webkit-mask:radial-gradient(circle,transparent 5.5px,#000 6px);mask:radial-gradient(circle,transparent 5.5px,#000 6px);-webkit-mask-size:cover;mask-size:cover}.PinturaShapeStyle>.PinturaColorPickerButtonStroke .PinturaColorPreview span:after{position:absolute;left:6px;top:6px;right:6px;bottom:6px;border-radius:inherit;box-shadow:0 0 0 1px var(--color-foreground-5);content:""}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroup .PinturaButtonLabel,.PinturaShapeStyle>.PinturaRadioGroupOption label,.PinturaShapeStyle>.PinturaSliderButton .PinturaButtonLabel{display:block;line-height:2.25;padding:0 1em;font-size:.6875em}.PinturaShapeStyle>.PinturaButton:not(.PinturaColorPickerButton)[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeStyle .PinturaInputField{text-align:right;padding:0 .75em;width:3em;height:2em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);border-radius:var(--border-radius)}.PinturaShapeStyle>.PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color .1s}.PinturaShapeStyle>.PinturaDropdownButton:hover{background-color:var(--color-foreground-10)}.PinturaShapeStyle>.PinturaDropdownButton .PinturaButtonLabel:after{content:"▼";font-size:.6875em;margin-left:.75em;position:relative;top:-.125em;margin-right:-.25em;pointer-events:none}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions{flex-direction:row}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label{cursor:var(--button-cursor);display:flex;height:1.5em;align-items:center;padding:0 .25em;box-shadow:inset 0 0 0 1px var(--color-foreground-5);transition:background-color .1s}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions label:hover{background-color:var(--color-foreground-20)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions svg{width:1.125em;height:1.125em}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:first-of-type label{padding-left:.5em;border-top-left-radius:var(--border-radius-round);border-bottom-left-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions .PinturaRadioGroupOption:last-of-type label{padding-right:.5em;border-top-right-radius:var(--border-radius-round);border-bottom-right-radius:var(--border-radius-round)}.PinturaShapeStyle>.PinturaRadioGroup>.PinturaRadioGroupOptions [data-selected=true] label{background-color:var(--color-foreground-10)}.PinturaRectManipulator{--size:1.25em;position:absolute;left:0;top:0;outline:none;touch-action:none}.PinturaRectManipulator:not([data-shape=edge]){width:var(--size);height:var(--size);z-index:2}.PinturaRectManipulator:not([data-shape=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;border-radius:inherit;content:""}.PinturaRectManipulator:not([data-shape=edge])[data-focus-visible]:after{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaRectManipulator[data-shape~=circle]{margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);border-radius:50%;background-color:var(--color-foreground-100);box-shadow:0 0 2px var(--color-background-50)}.PinturaRectManipulator[data-shape=hook]{border:3px solid var(--color-foreground-100)}.PinturaRectManipulator[data-shape=hook][data-direction*=t]{margin-top:-3px;border-bottom:0}.PinturaRectManipulator[data-shape=hook][data-direction*=r]{border-left:0;margin-left:calc(var(--size) * (-1))}.PinturaRectManipulator[data-shape=hook][data-direction*=b]{margin-top:calc(var(--size) * (-1));border-top:0}.PinturaRectManipulator[data-shape=hook][data-direction*=l]{border-right:0;margin-left:-3px}.PinturaRectManipulator[data-shape~=edge]{height:1px;width:1px;z-index:1}.PinturaRectManipulator[data-shape~=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaRectManipulator[data-direction=b],.PinturaRectManipulator[data-direction=t]{cursor:ns-resize;height:var(--size);margin-top:calc(var(--size) * (-.5));transform-origin:0 center}.PinturaRectManipulator[data-direction=l],.PinturaRectManipulator[data-direction=r]{cursor:ew-resize;width:var(--size);margin-left:calc(var(--size) * (-.5));transform-origin:center 0}.PinturaRectManipulator[data-direction=bl],.PinturaRectManipulator[data-direction=tr]{cursor:nesw-resize}.PinturaRectManipulator[data-direction=br],.PinturaRectManipulator[data-direction=tl]{cursor:nwse-resize}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator[data-shape=edge]:active{background-color:var(--color-foreground-5)}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):after{left:-1em;right:-1em;top:-1em;bottom:-1em}.PinturaRoot[data-env~=pointer-coarse] .PinturaRectManipulator:not([data-shape=edge]):active:after{background-color:var(--color-foreground-5)}.PinturaShapePresetsPalette{width:calc(100% - 2em);text-align:center}.PinturaShapePresetsPalette .PinturaShapePresetSelect{vertical-align:top;display:inline-block}.PinturaShapePresetsPalette .PinturaScrollable:not([data-state~=overflows]){display:flex;justify-content:center}.PinturaShapePresetsPalette .PinturaButton+.PinturaButton{margin-left:.5em}.PinturaShapePresetsPalette .PinturaButton{flex-direction:row;line-height:1.1;padding:.3125em .75em;border-radius:var(--border-radius-round);box-shadow:inset 0 0 0 1px var(--color-foreground-5);cursor:var(--button-cursor);transition:background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out;outline:none}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonIcon{width:1em}.PinturaShapePresetsPalette .PinturaButton .PinturaButtonLabel{font-size:.75em}.PinturaShapePresetsPalette .PinturaButton:hover{box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaShapePresetsPalette .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapePresetsPalette .PinturaShapePresetsFlat>*+*,.PinturaShapePresetsPalette .PinturaShapePresetsGroups>*+*{margin-left:.5em}.PinturaShapePresetsGroups{display:flex;order:2;margin-bottom:-.1875em}.PinturaShapePresetsGrouped{display:flex;flex-direction:column;align-items:center}.PinturaShapePresetsFlat{display:flex;align-items:center;justify-content:center}.PinturaShapeList{pointer-events:none;opacity:0;transition:opacity .1s ease-in-out;position:absolute;top:1em;left:1em;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1;border-radius:var(--border-radius);color:var(--color-foreground-100);background:var(--color-background-70);box-shadow:0 0 0 1px var(--color-foreground-5)}.PinturaShapeList li+li{margin-top:-.3125em}.PinturaShapeList[data-visible=true]{opacity:1}.PinturaShapeList .PinturaColorPreview{width:.75em;height:.75em;margin-right:.25em;border-radius:.25em}.PinturaShapeList .PinturaShapeListItem{display:flex;align-items:center;padding:.25em .5em;outline:none}.PinturaShapeList .PinturaShapeListItem>span{font-size:.75em;line-height:1.75;padding:0 .325em;margin-left:-.325em}.PinturaShapeList .PinturaShapeListItem[data-focus-visible]>span{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeList[data-visible=true] .PinturaShapeListItem{pointer-events:all}.PinturaShapeEditor{height:100%;width:100%;outline:none;touch-action:none}.PinturaShapeControls{position:absolute!important;left:0;top:0;z-index:3;pointer-events:none;display:flex;align-items:center}.PinturaShapeControlsGroup{pointer-events:all}.PinturaShapeControlsGroup,.PinturaShapeControlsGroup .PinturaSlider{color:#eee;background:#333;box-shadow:0 .125em .25em rgba(0,0,0,.25);border-radius:.25em}.PinturaShapeControlsGroup,.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{display:inline-flex;min-height:1.75em}.PinturaShapeControlsGroup+.PinturaShapeControlsGroup{margin-left:.5em}.PinturaShapeControlsGroup .PinturaShapeControlsGroupToggle{position:relative}.PinturaShapeControlsGroup .PinturaButton{outline:transparent}.PinturaShapeControlsGroup .PinturaButton[data-focus-visible]{background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeControlsGroup>.PinturaButton{display:block;font-weight:700;transition:background-color .1s;outline:transparent}.PinturaShapeControlsGroup>.PinturaButton:hover{background-color:hsla(0,0%,100%,.15)}.PinturaShapeControlsGroup>.PinturaButton .PinturaButtonLabel{display:block;font-size:.6875em;padding:0 .75em;line-height:1.7em}.PinturaShapeControlsGroup .PinturaButtonIconOnly{width:1.75em;transition:background-color .1s}.PinturaShapeControlsGroup .PinturaButtonIconOnly:hover{background-color:hsla(0,0%,100%,.15)}.PinturaShapeControlsGroup>button:first-of-type{border-radius:.25em 0 0 .25em}.PinturaShapeControlsGroup>button:last-of-type{border-radius:0 .25em .25em 0}.PinturaShapeControlsGroup>button:only-of-type{border-radius:.25em}.PinturaShapeControlsGroup>*+*{border-left:1px solid rgba(0,0,0,.5)}.PinturaShapeControlsGroup svg{pointer-events:none}.PinturaInlineInput{position:absolute;left:0;top:0;margin:0;padding:0;transform-origin:center;display:flex}.PinturaInlineInput:before{content:"";width:0;height:var(--line-height)}.PinturaContentEditable{margin:0;padding:0;width:100%;height:calc(100% - var(--bottom-inset, 0));overflow:hidden;outline:none;vertical-align:top}.PinturaShapePresetsList{display:flex;align-items:center}.PinturaShapePresetsList text{font-family:monospace}.PinturaShapePresetsList .PinturaShapePreset{display:flex;justify-content:center;align-items:center}.PinturaShapePresetsList .PinturaShapePreset img,.PinturaShapePresetsList .PinturaShapePreset svg{display:block;width:1.75em;height:1.75em;min-width:auto;max-width:none;-o-object-fit:cover;object-fit:cover;border-radius:.3125em}.PinturaShapePresetsList .PinturaShapePreset .PinturaDragButton{padding:.3125em;border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaShapePresetsList .PinturaShapePreset .PinturaDragButton:hover{background-color:var(--color-foreground-10)}.PinturaShapePresetsList .PinturaShapePreset+.PinturaShapePreset{margin-left:.5em}.PinturaContentEditable{white-space:pre-line!important;word-break:break-word!important;display:inline-block!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.PinturaContentEditable[data-wrap-content=nowrap]{white-space:nowrap!important;word-break:normal!important}.PinturaContentEditable{background:transparent!important;margin:0!important;border-radius:0!important;max-width:none!important;min-width:auto!important;box-shadow:none!important}.PinturaInputForm{opacity:0;cursor:auto;z-index:2147483647}.PinturaInputForm:not([data-layout=stick]){position:absolute;bottom:6.5em;width:30em;left:calc(50% - 15em);box-shadow:0 .25em .5em -.5em rgba(0,0,0,.75),inset 0 0 0 1px var(--color-foreground-10);border-radius:var(--border-radius);background-color:var(--color-background-95)}@media(max-width:34em){.PinturaInputForm:not([data-layout=stick]){left:2em;right:2em;width:auto}}.PinturaInputForm[data-layout=stick]{transition:opacity .15s ease .25s;position:absolute;left:0;right:0;outline:1px solid var(--color-foreground-15);background-color:var(--color-background-100)}.PinturaInputForm[data-layout=stick]>.PinturaInputFormInner{background-color:var(--color-foreground-3)}.PinturaInputFormInner>.PinturaButton{color:var(--color-foreground-100);border-radius:9999em;box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaInputFormInner>.PinturaButton:first-of-type{left:1em}.PinturaInputFormInner>.PinturaButton:last-of-type{right:1rem;color:var(--color-primary-text);background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-foreground-10)}.PinturaInputFormInner>.PinturaButton:not(.PinturaButtonIconOnly) .PinturaButtonInner{padding:0 .875em 0 .625em}.PinturaInputFormInner>.PinturaButton .PinturaButtonIcon{width:.875em;height:.875em}.PinturaInputFormInner>.PinturaButton.PinturaButtonIconOnly{width:1.875em;height:1.875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonLabel{font-size:.875em}.PinturaInputFormInner>.PinturaButton .PinturaButtonInner{line-height:2;display:flex;justify-content:center}.PinturaInputFormInner{padding-top:1em;padding-bottom:3.5em}.PinturaInputFormInner>.PinturaButton{position:absolute;bottom:1em}.PinturaInputFormFields textarea:only-child{width:100%;padding:0 1em .5em;height:5em;display:block;background:transparent;-webkit-mask:linear-gradient(0deg,transparent,#000 1em);mask:linear-gradient(0deg,transparent,#000 1em)}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar{width:1em;cursor:pointer}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-track{background:none}.PinturaInputFormFields textarea:only-child::-webkit-scrollbar-thumb{cursor:pointer;background-clip:padding-box;background-color:var(--color-foreground-70);border-radius:9999em;border:.25em solid transparent}.PinturaInputForm input,.PinturaInputForm textarea{box-sizing:border-box;resize:none;border:none;font-size:1rem;outline:transparent;color:var(--color-foreground-100)}.PinturaInputForm input{background-color:var(--color-background-100)}.PinturaModalBodyLock .PinturaInputForm{margin-top:-50px}.PinturaShapeManipulator{position:absolute;left:0;top:0;outline:none;touch-action:none;--size:0.75em}.PinturaShapeManipulator:not([data-control=edge]){margin-left:calc(var(--size) * (-.5));margin-top:calc(var(--size) * (-.5));line-height:var(--size);width:var(--size);height:var(--size);border-radius:9999em}.PinturaShapeManipulator:not([data-control=edge]):after{position:absolute;left:-.5em;right:-.5em;top:-.5em;bottom:-.5em;content:""}.PinturaShapeManipulator:not([data-control=edge])[data-focus-visible]:after{border-radius:inherit;background-color:var(--color-focus-50);box-shadow:inset 0 0 0 1px var(--color-focus-100)}.PinturaShapeManipulator[data-control=point]{background:linear-gradient(90deg,var(--color-secondary-dark),var(--color-secondary));box-shadow:0 0 0 2px #fff,0 0 4px #000;z-index:3}.PinturaShapeManipulator[data-control=edge]{margin-top:calc(var(--size) * (-.5));height:var(--size);width:1px;z-index:1;transform-origin:0 calc(var(--size) * .5)}.PinturaShapeManipulator[data-control=edge][data-focus-visible]{background-color:var(--color-focus-50)}.PinturaShapeManipulator[data-control=rotate]{border-radius:9999em;background:linear-gradient(90deg,#fff,#ddd);box-shadow:0 0 0 2px var(--color-secondary-dark),0 0 4px #000;z-index:2;cursor:-webkit-grab;cursor:grab}.PinturaDragButton{cursor:var(--button-cursor);outline:transparent}.PinturaDragButton>*{pointer-events:none}.PinturaDragButton{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:filter .2s ease-out}.PinturaDragButton[disabled]{filter:var(--filter-disabled)}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-tracking:initial}}}.drive-rail-item{height:calc(var(--spacing,.25rem) * 9);align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--radius);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);text-align:start;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media (hover:hover){.drive-rail-item:hover{background-color:var(--muted);color:var(--foreground)}}.drive-rail-item--active{background-color:#0091ff1a}@supports (color:color-mix(in lab, red, red)){.drive-rail-item--active{background-color:color-mix(in oklab, var(--color-xudaTint-600,#0091ff) 10%, transparent)}}.drive-rail-item--active{color:var(--color-xudaTint-600,#0091ff)}@media (hover:hover){.drive-rail-item--active:hover{background-color:#0091ff26}@supports (color:color-mix(in lab, red, red)){.drive-rail-item--active:hover{background-color:color-mix(in oklab, var(--color-xudaTint-600,#0091ff) 15%, transparent)}}.drive-rail-item--active:hover{color:var(--color-xudaTint-600,#0091ff)}}.drive-rail-item--drop{background-color:#0091ff1a}@supports (color:color-mix(in lab, red, red)){.drive-rail-item--drop{background-color:color-mix(in oklab, var(--color-xudaTint-600,#0091ff) 10%, transparent)}}.drive-rail-item--drop{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-xudaTint-500,#3eacff)}.drive-rail-label{padding-inline:calc(var(--spacing,.25rem) * 3);padding-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.drive-rail-label{color:color-mix(in oklab, var(--muted-foreground) 70%, transparent)}}.drive-rail-label{text-transform:uppercase}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ :root{--checker-bg:var(--muted)}.checker-bg{background-image:linear-gradient(45deg, var(--checker-bg) 25%, transparent 25%, transparent 75%, var(--checker-bg) 75%, var(--checker-bg)), linear-gradient(45deg, var(--checker-bg) 25%, transparent 25%, transparent 75%, var(--checker-bg) 75%, var(--checker-bg));background-position:0 0,10px 10px;background-size:21px 21px}.peek-enter-active,.peek-leave-active{transition:opacity .18s,transform .18s}.peek-enter-from,.peek-leave-to{opacity:0;transform:scale(1.015)}@media (prefers-reduced-motion:reduce){.peek-enter-active,.peek-leave-active{transition:opacity .12s}.peek-enter-from,.peek-leave-to{transform:none}} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-divide-y-reverse:0;--tw-font-weight:initial;--tw-tracking:initial}}}.drive-card{cursor:pointer;border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--card);padding:calc(var(--spacing,.25rem) * 2.5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:relative}@media (hover:hover){.drive-card:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.drive-card:hover{background-color:color-mix(in oklab, var(--accent) 60%, transparent)}}}.drive-card.drive-selected{border-color:var(--color-xudaTint-500,#3eacff);background-color:#0091ff0d}@supports (color:color-mix(in lab, red, red)){.drive-card.drive-selected{background-color:color-mix(in oklab, var(--color-xudaTint-600,#0091ff) 5%, transparent)}}.drive-card.drive-selected{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-xudaTint-500,#3eacff)}.drive-drop-target{background-color:#0091ff1a}@supports (color:color-mix(in lab, red, red)){.drive-drop-target{background-color:color-mix(in oklab, var(--color-xudaTint-600,#0091ff) 10%, transparent)}}.drive-drop-target{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-xudaTint-500,#3eacff)}.drive-grid-container{gap:calc(var(--spacing,.25rem) * 3);padding-inline:calc(var(--spacing,.25rem) * 0);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}:where(.drive-list-container>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-color:var(--border)}.drive-list-container{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);background-color:var(--background)}.drive-list-header,.drive-list-row{align-items:center;gap:.75rem;display:grid}.drive-list-header{top:calc(var(--spacing,.25rem) * 0);z-index:1;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);background-color:var(--background);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--muted-foreground);position:sticky}@supports (color:color-mix(in lab, red, red)){.drive-list-header{color:color-mix(in oklab, var(--muted-foreground) 80%, transparent)}}.drive-list-header{text-transform:uppercase}@media (min-width:40rem){.drive-list-header{padding-inline:calc(var(--spacing,.25rem) * 6)}}.drive-list-header.drive-list-header--compact{padding-block:calc(var(--spacing,.25rem) * 1)}.drive-col-sort{align-items:center;gap:calc(var(--spacing,.25rem) * 1);text-align:start;--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media (hover:hover){.drive-col-sort:hover{color:var(--foreground)}}.drive-col-head{text-align:start;--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);text-transform:uppercase;align-items:center;display:flex}.drive-list-row{cursor:pointer;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.drive-list-row:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.drive-list-row:hover{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}}@media (min-width:40rem){.drive-list-row{padding-inline:calc(var(--spacing,.25rem) * 6)}}.drive-list-row.drive-selected{background-color:#0091ff1a}@supports (color:color-mix(in lab, red, red)){.drive-list-row.drive-selected{background-color:color-mix(in oklab, var(--color-xudaTint-600,#0091ff) 10%, transparent)}}.drive-list-row.drive-list-row--compact{padding-block:calc(var(--spacing,.25rem) * 1.5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false} @keyframes spinner-bab0b36e { to { transform: rotate(360deg); } } .spinner[data-v-bab0b36e], .spinner[data-v-bab0b36e]:before { width: 30px; height: 30px; box-sizing: border-box; } .spinner[data-v-bab0b36e]:before { content: ''; display: block; border-radius: 50%; border: 2px solid #ccc; border-top-color: #333; animation: spinner-bab0b36e 0.6s linear infinite; } /* Animations */ .spinner-add[data-v-bab0b36e], .spinner-remove[data-v-bab0b36e] { animation-fill-mode: both; animation-duration: 0.4s; } .spinner-add[data-v-bab0b36e] { animation-name: spinner-add-bab0b36e; } @keyframes spinner-add-bab0b36e { from { transform: scale(0); } to { transform: scale(1); } } .spinner-remove[data-v-bab0b36e] { animation-name: spinner-remove-bab0b36e; } @keyframes spinner-remove-bab0b36e { to { transform: scale(0); } } /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.drive-lb-nav{z-index:10;width:calc(var(--spacing,.25rem) * 11);height:calc(var(--spacing,.25rem) * 11);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:#ffffff1a;border-radius:3.40282e38px;place-items:center;display:grid;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.drive-lb-nav{background-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.drive-lb-nav{color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.drive-lb-nav:hover{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.drive-lb-nav:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 25%, transparent)}}}.drive-lb-edit{width:100%;max-width:var(--container-3xl,48rem);align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--radius-2xl,1rem);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);background:#ffffff12;border:1px solid #ffffff24;margin-inline:auto;transition:border-color .2s,background .2s;display:flex}.drive-lb-edit:focus-within{border-color:var(--primary);background:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.drive-lb-edit:focus-within{border-color:color-mix(in oklab, var(--primary) 55%, transparent)}}.drive-lb-edit__input{min-width:calc(var(--spacing,.25rem) * 0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-white,#fff);--tw-outline-style:none;background-color:#0000;outline-style:none;flex:1}.drive-lb-edit__input::placeholder{color:#fff6}.drive-lb-edit__send{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);border-radius:calc(var(--radius) + 4px);color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background:var(--primary);flex-shrink:0;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.drive-lb-edit__send{background:color-mix(in oklab, var(--primary) 85%, transparent)}}.drive-lb-edit__send:disabled{cursor:not-allowed;color:#ffffff59;background:#ffffff1a}.drive-lb-enter-active,.drive-lb-leave-active{transition:opacity .18s}.drive-lb-enter-from,.drive-lb-leave-to{opacity:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ .drive-ck-item{align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 2);text-align:start;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}.drive-ck-item--active{background-color:var(--accent)} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ .drive-crumb{border-radius:var(--radius);padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.drive-crumb:hover{background-color:var(--muted)}}.drive-shell .drag-select__wrapper{display:block}.drive-shell .drag-select__wrapper>.drag-select{width:100%;height:100%;padding-bottom:calc(var(--spacing,.25rem) * 20)} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.input-icon svg{stroke-width:1.75px;height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);scale:.7}.trash-lid{transform-origin:12px 3px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.group\/trash:hover .trash-lid{transform:rotate(-20deg)translate(-1px)}.mention-selected{background-color:var(--color-xudaTint-200,#b3deff)}.tag-chip{isolation:isolate;height:var(--chip-icon-size);align-items:center;gap:calc(var(--spacing,.25rem) * .5);border-radius:calc(var(--radius) - 2px);background-color:var(--chip-bg);width:100%;max-width:max-content;padding-inline:var(--chip-px);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:1;--tw-font-weight:450;color:--chip-color;--tw-shadow:0 0 0 1px var(--tw-shadow-color,#00000014), 0 2px 0 -1px var(--tw-shadow-color,#0000000a);padding-inline-end:var(--chip-pr,var(--chip-px));font-weight:450;line-height:1;display:inline-flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tag-chip{--tw-shadow:0 0 0 1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 8%,transparent)), 0 2px 0 -1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 4%,transparent))}}.tag-chip{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;--chip-bg:var(--card);--chip-color-active:var(--foreground);--chip-color-idle:var(--muted-foreground);--chip-color:var(--chip-color-idle);--chip-icon-color-active:var(--color-red-600);--chip-icon-color:var(--muted-foreground);--chip-icon-size:calc(var(--spacing) * 5);--chip-px:.375rem;--chip-ring-color:#82181a33;outline-style:none}@supports (color:color-mix(in lab, red, red)){.tag-chip{--chip-ring-color:color-mix(in srgb,var(--color-red-900) 20%,transparent)}}.tag-chip{--chip-ring-offset-color:var(--color-red-600)}:is(.tag-chip>*){min-width:calc(var(--spacing,.25rem) * 0)}@media (hover:hover){.tag-chip:hover{--tw-shadow:0px 2px 3px -1px var(--tw-shadow-color,#00000014), 0px 2px 0px -1px var(--tw-shadow-color,#0000000a), 0px 0px 0px 1px var(--tw-shadow-color,#00000014)}@supports (color:color-mix(in lab, red, red)){.tag-chip:hover{--tw-shadow:0px 2px 3px -1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 8%,transparent)), 0px 2px 0px -1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 4%,transparent)), 0px 0px 0px 1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 8%,transparent))}}.tag-chip:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--chip-color:var(--chip-color-active);--chip-icon-color:var(--chip-icon-color-active)}}.tag-chip:focus-visible{--tw-shadow:0px 2px 3px -1px var(--tw-shadow-color,#00000014), 0px 2px 0px -1px var(--tw-shadow-color,#0000000a), 0px 0px 0px 1px var(--tw-shadow-color,#00000014)}@supports (color:color-mix(in lab, red, red)){.tag-chip:focus-visible{--tw-shadow:0px 2px 3px -1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 8%,transparent)), 0px 2px 0px -1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 4%,transparent)), 0px 0px 0px 1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 8%,transparent))}}.tag-chip:focus-visible{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(.1875rem + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--chip-ring-color);--tw-ring-offset-width:.0625rem;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--chip-ring-offset-color);--chip-color:var(--chip-color-active);--chip-icon-color:var(--chip-icon-color-active)}.tag-chip:where(.dark,.dark *){--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--chip-bg:var(--card);--chip-color-active:var(--foreground);--chip-color-idle:var(--muted-foreground)}@media (hover:hover){.tag-chip:where(.dark,.dark *):hover{--tw-shadow:0px -1px 0px 0px var(--tw-shadow-color,#ffffff08), 0px 0px 0px 1px var(--tw-shadow-color,#ffffff08), 0px 0px 0px 1px var(--tw-shadow-color,var(--color-gray-800)), 0px 2px 3px -1px var(--tw-shadow-color,#0000000a)}@supports (color:color-mix(in lab, red, red)){.tag-chip:where(.dark,.dark *):hover{--tw-shadow:0px -1px 0px 0px var(--tw-shadow-color,color-mix(in srgb,var(--color-white) 3%,transparent)), 0px 0px 0px 1px var(--tw-shadow-color,color-mix(in srgb,var(--color-white) 3%,transparent)), 0px 0px 0px 1px var(--tw-shadow-color,var(--color-gray-800)), 0px 2px 3px -1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 4%,transparent))}}.tag-chip:where(.dark,.dark *):hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.tag-chip:where(.dark,.dark *):focus-visible{--tw-shadow:0px -1px 0px 0px var(--tw-shadow-color,#ffffff08), 0px 0px 0px 1px var(--tw-shadow-color,#ffffff08), 0px 0px 0px 1px var(--tw-shadow-color,var(--color-gray-800)), 0px 2px 3px -1px var(--tw-shadow-color,#0000000a)}@supports (color:color-mix(in lab, red, red)){.tag-chip:where(.dark,.dark *):focus-visible{--tw-shadow:0px -1px 0px 0px var(--tw-shadow-color,color-mix(in srgb,var(--color-white) 3%,transparent)), 0px 0px 0px 1px var(--tw-shadow-color,color-mix(in srgb,var(--color-white) 3%,transparent)), 0px 0px 0px 1px var(--tw-shadow-color,var(--color-gray-800)), 0px 2px 3px -1px var(--tw-shadow-color,color-mix(in srgb,var(--color-black) 4%,transparent))}}.tag-chip:where(.dark,.dark *):focus-visible{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tag-chip:has([data-icon]){--chip-pr:.03125rem}.tag-chip>[data-icon]{color:var(--chip-icon-color)}.tag-chip[role=presentation]{pointer-events:none}.tag-chip .tag-label{margin-block:calc(var(--spacing,.25rem) * -1);--tw-translate-y:calc(var(--chip-label-translate-y,0) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);text-overflow:ellipsis;white-space:nowrap;padding-block:calc(var(--spacing,.25rem) * 2);overflow:hidden}.input-btn{padding:calc(var(--spacing,.25rem) * 1);border-radius:3.40282e38px}@media (hover:hover){.input-btn:hover,.input-btn:where(.dark,.dark *):hover{background-color:var(--muted)}}modal-header{display:none}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:""}}}.marketplace-card[data-show=false]>div>div>div{display:none}.hover-bg{cursor:pointer}.hover-bg:before{inset:calc(var(--spacing,.25rem) * -2);z-index:-1;--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y);border-radius:calc(var(--radius) + 4px);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-content:"";content:var(--tw-content);background-color:#0000;position:absolute}.hover-bg:hover:before{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);background-color:var(--card)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ .fx-btn[data-v-2c8fa617]{display:none} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-leading:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pc-card-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--inner-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:1rem;--card-border:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y), hsla(266, 100%, 90%, var(--card-opacity)) 4%, hsla(266, 50%, 80%, calc(var(--card-opacity) * .75)) 10%, hsla(266, 25%, 70%, calc(var(--card-opacity) * .5)) 50%, #9990 100%), radial-gradient(35% 52% at 55% 20%, #00ffaac4 0%, #073aff00 100%), radial-gradient(100% 100% at 50% 50%, #00c1ff 1%, #073aff00 76%), conic-gradient(from 124deg at 50% 50%, #c137ff 0%, #07c6ff 40%, #07c6ff 60%, #c137ff 100%)}.pc-card-wrapper.avatar-style{--card-radius:99rem}.pc-card-wrapper{perspective:500px;touch-action:none;position:relative;overflow:visible;transform:translateZ(.1px)}.pc-card-wrapper:before{content:"";background:inherit;background-position:inherit;border-radius:inherit;filter:contrast(2)saturate(2)blur(36px);background-size:100% 100%;background-image:var(--behind-gradient);transition:all .5s;position:absolute;inset:-10px;transform:scale(.8)translateZ(.1px)}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{filter:contrast()saturate(2)blur(40px)opacity();transform:scale(.9)translateZ(.1px)}.avatar-style .pc-card{aspect-ratio:1}.avatar-style .pc-avatar-content .avatar{transform:translateX(-50%) translateY(.5rem) scale(var(--avatar-zoom,1.2));transform-origin:50% 100%}.avatar-style .pc-avatar-content .avatar.avatar-cover{object-fit:cover;width:100%;height:100%;inset:0;transform:none}.avatar-style.business .pc-avatar-content .avatar{opacity:1;object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scale(.9)}.avatar-style.business .pc-avatar-content{mix-blend-mode:normal}.pc-card{aspect-ratio:.718;border-radius:var(--card-radius);background-blend-mode:color-dodge, normal, normal, normal;background-position:0 0,0 0,50%,0 0;background-size:100% 100%;background:var(--card-border);max-height:540px;transition:transform 1s;animation:12s linear infinite glow-bg;display:grid;position:relative;overflow:hidden;transform:translateZ(.1px)rotateX(0)rotateY(0)}.pc-card:hover,.pc-card.active{transform:translate3d(0, 0, .1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-inside{background-image:var(--inner-gradient);background-color:var(--logo-bg,#000000e6);position:absolute;inset:1px;transform:translateZ(.01px)}.pc-card,.pc-inside,.pc-shine,.pc-glare,.pc-content{border-radius:var(--card-radius);grid-area:1/-1;display:grid;transform:translateZ(.1px)}.pc-shine{-webkit-mask-image:var(--icon);-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-source-type:luminance;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-source-type:luminance;mask-mode:luminance;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));-webkit-mask-image:var(--icon);-webkit-mask-mode:luminance;-webkit-mask-size:150%;-webkit-mask-repeat:repeat;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));filter:brightness(.66)contrast(1.33)saturate(.33)opacity(.5);mix-blend-mode:color-dodge;transition:filter .6s;animation:18s linear infinite holo-bg}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;z-index:3;background:50%/cover;background-image:repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:0 var(--background-y), var(--background-x) var(--background-y), center;background-blend-mode:color, hard-light;background-repeat:repeat;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px)}.pc-shine:before,.pc-shine:after{content:"";opacity:0;background-position:50%;background-size:cover;grid-area:1/1}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85)contrast(1.5)saturate(.5);animation:none}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg, var(--sunpillar-4), var(--sunpillar-5), var(--sunpillar-6), var(--sunpillar-1), var(--sunpillar-2), var(--sunpillar-3)), radial-gradient(circle at var(--pointer-x) var(--pointer-y), #b3b3b3 0%, #4d4d4d33 90%), var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y), center, calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{content:"";background-image:repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(5% * 1), var(--sunpillar-clr-2) calc(5% * 2), var(--sunpillar-clr-3) calc(5% * 3), var(--sunpillar-clr-4) calc(5% * 4), var(--sunpillar-clr-5) calc(5% * 5), var(--sunpillar-clr-6) calc(5% * 6), var(--sunpillar-clr-1) calc(5% * 7)), repeating-linear-gradient(-45deg, #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:0 var(--background-y), calc(var(--background-x) * .4) calc(var(--background-y) * .5), center;mix-blend-mode:difference;filter:brightness(.8)contrast(1.5);background-size:200% 300%,700% 700%,100% 100%}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #c3bfd9 12%, #2e506bcc 90%);mix-blend-mode:overlay;filter:brightness(.8)contrast(1.2);z-index:4;overflow:hidden;transform:translateZ(1.1px)}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{width:100%;transform:translateX(-50%) scale(var(--avatar-zoom,1.2));transform-origin:50% 100%;opacity:calc(1.75 - var(--pointer-from-center));position:absolute;bottom:2px;left:50%}.pc-card-wrapper:not(.avatar-style) .pc-avatar-content .avatar.avatar-glyph{object-fit:contain;width:95%;bottom:66px;transform:translate(-50%)translateY(20%)}.pc-user-info{z-index:7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;bottom:10px;background:#09091894;border:1px solid #ffffff24;border-radius:15px;justify-content:space-between;align-items:center;max-width:100%;min-height:44px;padding:12px 14px;display:flex;position:absolute;inset-inline:10px;overflow:hidden}.pc-card-wrapper:not(.avatar-style){container-type:inline-size}.pc-user-info:has(.pc-request-actions){padding:6px}.pc-user-info:has(.agent-status-pill--prep){padding:12px 6px}.pc-request-actions button{white-space:nowrap;padding-inline:.5rem}.pc-user-details{align-items:center;gap:12px;display:flex}.pc-mini-avatar{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.pc-mini-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pc-user-text{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pc-handle{color:#ffffffe6;font-size:14px;font-weight:500;line-height:1}.pc-status{color:#ffffffb3;font-size:14px;line-height:1}.agent-status-pill{align-items:center;gap:calc(var(--spacing,.25rem) * 1);max-width:100%;padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-medium,500);font-size:10px;font-weight:var(--font-weight-medium,500);text-wrap:nowrap;-webkit-user-select:none;user-select:none;color:#fff;background:#0000008c;border-radius:3.40282e38px;padding-inline-start:calc(var(--spacing,.25rem) * 1.5);padding-inline-end:calc(var(--spacing,.25rem) * 2);display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff26}.agent-status-pill--streaming{background:#f05100e6}@supports (color:color-mix(in lab, red, red)){.agent-status-pill--streaming{background:color-mix(in srgb, var(--color-orange-600) 90%, transparent)}}.agent-status-pill--streaming{box-shadow:inset 0 0 0 1px #ffb96d4d}@supports (color:color-mix(in lab, red, red)){.agent-status-pill--streaming{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-orange-300) 30%, transparent)}}.agent-status-pill--prep{background:#0084cce6}@supports (color:color-mix(in lab, red, red)){.agent-status-pill--prep{background:color-mix(in srgb, var(--color-sky-600) 90%, transparent)}}.agent-status-pill--prep{box-shadow:inset 0 0 0 1px #77d4ff4d}@supports (color:color-mix(in lab, red, red)){.agent-status-pill--prep{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-sky-300) 30%, transparent)}}.agent-prep-bar{z-index:6;inset-inline:0;background:#ffffff1f;height:3px;position:absolute;bottom:0;overflow:hidden}.agent-prep-bar__fill{background:var(--color-sky-400);width:0;height:100%;transition:width .6s ease-out}.agent-prep-bar__fill--indeterminate{width:40%;transition:none;animation:1.4s ease-in-out infinite agent-prep-sweep}@keyframes agent-prep-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.pc-card-wrapper.agent-not-ready{cursor:default}.pc-card-wrapper.agent-not-ready .pc-avatar-content,.pc-card-wrapper.agent-not-ready .pc-details{opacity:.55}.pc-contact-btn{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.pc-contact-btn:hover{border-color:#fff6;transition:all .2s;transform:translateY(-1px)}.pc-content{text-align:center;z-index:5;mix-blend-mode:luminosity;max-height:100%;position:relative;overflow:hidden;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px), calc(var(--pointer-from-top) * -6px + 3px), .1px)!important}.pc-content:is(:where(.group).avatar-style *),.pc-content:is(:where(.group).online *),.pc-content:not(.pc-avatar-content){mix-blend-mode:normal}.pc-title-scrim{z-index:5;pointer-events:none;inset-inline:0;background:linear-gradient(#0000009e 0%,#00000080 45%,#00000038 75%,#0000 100%);border-start-start-radius:inherit;border-start-end-radius:inherit;height:8.5em;position:absolute;top:0}.pc-details{padding-inline:calc(var(--spacing,.25rem) * 4);flex-direction:column;width:100%;display:flex;position:absolute;top:1.2em}.pc-details h3{-webkit-text-fill-color:transparent;-webkit-line-clamp:2;font-weight:600;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);text-transform:capitalize;background-image:linear-gradient(#fff,#6f6fbe);background-size:1em 1.5em;-webkit-background-clip:text;background-clip:text;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (min-width:40rem){.pc-details h3{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}}.pc-details p,.pc-details a{-webkit-text-fill-color:transparent;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);background-image:linear-gradient(#fff,#4a4ac0);background-size:1em 1.5em;-webkit-background-clip:text;background-clip:text;margin:0 auto;position:relative;overflow:hidden}@media (min-width:40rem){.pc-details p,.pc-details a{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y), 0 0, center}to{background-position:0 var(--background-y), 90% 90%, center}}@media (max-width:768px){.pc-details{top:2em}.pc-user-info{bottom:15px;padding:10px 12px;inset-inline:15px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width:480px){.pc-details{top:1.5em}.pc-user-info{bottom:12px;border-radius:50px;padding:8px 10px;inset-inline:12px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{border-radius:50px;padding:5px 10px;font-size:10px}}@media (max-width:320px){.pc-user-info{border-radius:50px;padding:6px 8px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{border-radius:50px;padding:4px 8px;font-size:9px}}.segment-on-card [data-slot=tabs-list]{background:#ffffff1a;width:100%;min-width:0}.segment-on-card [data-slot=tabs-trigger]{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;padding-inline:.25rem;font-size:10px;overflow:hidden;color:#ffffffb3!important;background:0 0!important;border-color:#0000!important}.segment-on-card [data-slot=tabs-trigger][data-state=active]{color:#000!important;background:#fff!important;border-color:#0000!important}.pc-user-info button:not([role=switch]):not(.btn-danger-on-card),.pc-user-info button[role=switch][data-state=unchecked],.btn-on-card{color:#fff;background:#ffffff24;border-color:#ffffff2e}.card-toggle>span{background:#fff!important}.pc-user-info button:not([role=switch]):not(.btn-danger-on-card):hover,.btn-on-card:hover{color:#fff;background:#ffffff42}.pc-user-info button.btn-danger-on-card{background:var(--color-red-600);border-color:var(--color-red-600);color:#fff}.pc-user-info button.btn-danger-on-card:hover{background:var(--color-red-700);border-color:var(--color-red-700);color:#fff}.avatar.avatar-silhouette{filter:invert();opacity:.5}.pc-user-info .avatar-style .pc-avatar-content .avatar.avatar-placeholder{object-fit:contain;width:64%;height:64%;inset:18%;transform:none}.pc-fav-btn{padding:calc(var(--spacing,.25rem) * 1.5);color:var(--color-white,#fff);--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#000000a6));--tw-drop-shadow:var(--tw-drop-shadow-size);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,);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.pc-fav-btn:hover{color:var(--color-white,#fff)}}.pc-fav-btn:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#00bcfeb3}@supports (color:color-mix(in lab, red, red)){.pc-fav-btn:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-sky-400,oklch(74.6% .16 232.661)) 70%, transparent)}}.pc-fav-btn:focus-visible{--tw-outline-style:none;outline-style:none}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-8c93ffb6],[data-v-8c93ffb6]:before,[data-v-8c93ffb6]:after,[data-v-8c93ffb6]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-font-weight:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}@keyframes ai-attachment-progress-8c93ffb6{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ai-attachment-chip[data-v-8c93ffb6]{height:calc(var(--spacing,.25rem) * 11);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--muted);max-width:18rem;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ai-attachment-chip[data-v-8c93ffb6]{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.ai-attachment-chip[data-v-8c93ffb6]{padding-block:calc(var(--spacing,.25rem) * 1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));padding-inline-start:calc(var(--spacing,.25rem) * 1);padding-inline-end:calc(var(--spacing,.25rem) * 1)}.ai-attachment-chip[data-v-8c93ffb6]:hover{background-color:var(--muted)}.ai-attachment-chip[data-v-8c93ffb6]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--ring);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;outline-style:none}.ai-attachment-chip.is-uploading[data-v-8c93ffb6],.ai-attachment-chip.is-error[data-v-8c93ffb6]{cursor:default}.ai-attachment-chip.is-error[data-v-8c93ffb6]{border-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.ai-attachment-chip.is-error[data-v-8c93ffb6]{border-color:color-mix(in oklab, var(--color-red-500,oklch(63.7% .237 25.331)) 40%, transparent)}}.ai-attachment-chip.is-error[data-v-8c93ffb6]{background-color:#fb2c360d}@supports (color:color-mix(in lab, red, red)){.ai-attachment-chip.is-error[data-v-8c93ffb6]{background-color:color-mix(in oklab, var(--color-red-500,oklch(63.7% .237 25.331)) 5%, transparent)}}@media (hover:hover){.ai-attachment-chip.is-error[data-v-8c93ffb6]:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.ai-attachment-chip.is-error[data-v-8c93ffb6]:hover{background-color:color-mix(in oklab, var(--color-red-500,oklch(63.7% .237 25.331)) 10%, transparent)}}}.ai-attachment-chip.is-uploading[data-v-8c93ffb6]{opacity:.9}.ai-attachment-chip__thumb[data-v-8c93ffb6]{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);border-radius:calc(var(--radius) - 2px);background-color:var(--background);color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.ai-attachment-chip__thumb img[data-v-8c93ffb6]{object-fit:cover;width:100%;height:100%}.ai-attachment-chip__thumb svg[data-v-8c93ffb6]{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.ai-attachment-chip__info[data-v-8c93ffb6]{min-width:calc(var(--spacing,.25rem) * 0);--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);flex-direction:column;flex:1;display:flex}.ai-attachment-chip__name[data-v-8c93ffb6]{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow:hidden}.ai-attachment-chip__meta[data-v-8c93ffb6]{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--muted-foreground);overflow:hidden}.ai-attachment-chip__btn[data-v-8c93ffb6]{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (hover:hover){.ai-attachment-chip__btn[data-v-8c93ffb6]:hover{background-color:var(--background);color:var(--foreground)}}.ai-attachment-chip__btn svg[data-v-8c93ffb6]{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.ai-attachment-chip__btn[data-v-8c93ffb6]:disabled{pointer-events:none;cursor:not-allowed;opacity:.4}.ai-attachment-chip__progress[data-v-8c93ffb6]{inset-inline:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * .5);background-color:var(--color-blue-500,oklch(62.3% .214 259.815));position:absolute;overflow:hidden}.ai-attachment-chip__progress[data-v-8c93ffb6]:after{content:"";inset:calc(var(--spacing,.25rem) * 0);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-via:color-mix(in oklab, var(--color-white,#fff) 60%, transparent);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:transparent;animation:1.4s ease-in-out infinite ai-attachment-progress-8c93ffb6;position:absolute}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-outline-style:solid;--tw-ease:initial;--tw-leading:initial}}}.ai-prompt-c2{width:100%}.ai-prompt__commands{z-index:50;margin-bottom:calc(var(--spacing,.25rem) * 2);border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--popover);width:min(22rem,100% - 1rem);padding-block:calc(var(--spacing,.25rem) * 1);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);inset-inline-start:calc(var(--spacing,.25rem) * 0);position:absolute;bottom:100%;overflow:hidden}.ai-prompt__command{align-items:center;gap:calc(var(--spacing,.25rem) * 3);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);text-align:start;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));display:flex}.ai-prompt__command--on{background-color:var(--muted)}.ai-prompt-c2__textarea{field-sizing:content}.ai-prompt-c2__btn{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);cursor:pointer;border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__btn{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.ai-prompt-c2__btn{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__btn{background-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}.ai-prompt-c2__btn{color:var(--color-neutral-200,oklch(92.2% 0 0));outline-offset:calc(1px * -1);outline-color:var(--color-sky-500,oklch(68.5% .169 237.323));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.ai-prompt-c2__btn:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__btn:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}}.ai-prompt-c2__btn:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.ai-prompt-c2__btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ai-prompt-c2--themed .ai-prompt-c2__btn,.ai-prompt-c2--themed .ai-prompt-c2__toggle{border-color:var(--border);background-color:var(--background);color:var(--foreground);opacity:.7}.ai-prompt-c2--themed .ai-prompt-c2__btn:hover,.ai-prompt-c2--themed .ai-prompt-c2__toggle:hover{background-color:var(--accent);opacity:1}.ai-prompt-c2__toggle{height:calc(var(--spacing,.25rem) * 10);cursor:pointer;border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;align-items:center;display:inline-flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__toggle{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.ai-prompt-c2__toggle{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__toggle{background-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}.ai-prompt-c2__toggle{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));white-space:nowrap;color:var(--color-neutral-200,oklch(92.2% 0 0));outline-offset:calc(1px * -1);outline-color:var(--color-sky-500,oklch(68.5% .169 237.323));transition-property:width,background-color,border-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:cubic-bezier(.16,1,.3,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.16,1,.3,1)}@media (hover:hover){.ai-prompt-c2__toggle:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__toggle:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}}.ai-prompt-c2__toggle:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.ai-prompt-c2__toggle.is-active{border-color:#00a5ef26}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__toggle.is-active{border-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 15%, transparent)}}.ai-prompt-c2__toggle.is-active{background-color:#00a5ef26}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__toggle.is-active{background-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 15%, transparent)}}.ai-prompt-c2__toggle.is-active{color:var(--color-sky-500,oklch(68.5% .169 237.323))}@media (hover:hover){.ai-prompt-c2__toggle.is-active:hover{background-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__toggle.is-active:hover{background-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 20%, transparent)}}}.ai-prompt-c2__plan-toggle{height:calc(var(--spacing,.25rem) * 10);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__plan-toggle{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.ai-prompt-c2__plan-toggle{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__plan-toggle{background-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}.ai-prompt-c2__plan-toggle{padding-inline:calc(var(--spacing,.25rem) * 0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-neutral-200,oklch(92.2% 0 0));outline-offset:calc(1px * -1);outline-color:var(--color-sky-500,oklch(68.5% .169 237.323));transition-property:background-color,border-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:cubic-bezier(.16,1,.3,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.16,1,.3,1)}@media (hover:hover){.ai-prompt-c2__plan-toggle:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__plan-toggle:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}}.ai-prompt-c2__plan-toggle:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.ai-prompt-c2__plan-toggle.is-active{border-color:#00a5ef26}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__plan-toggle.is-active{border-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 15%, transparent)}}.ai-prompt-c2__plan-toggle.is-active{background-color:#00a5ef26}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__plan-toggle.is-active{background-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 15%, transparent)}}.ai-prompt-c2__plan-toggle.is-active{color:var(--color-sky-500,oklch(68.5% .169 237.323))}@media (hover:hover){.ai-prompt-c2__plan-toggle.is-active:hover{background-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){.ai-prompt-c2__plan-toggle.is-active:hover{background-color:color-mix(in oklab, var(--color-sky-500,oklch(68.5% .169 237.323)) 20%, transparent)}}}@keyframes background-position-spin{0%{background-position:top}to{background-position:bottom}}@keyframes spin{to{transform:rotate(360deg)}}.before\:animate-background-position-spin:before,.after\:animate-background-position-spin:after{content:var(--tw-content);animation:3s infinite alternate background-position-spin}.ai-prompt{position:relative}.ai-prompt .ai-placeholder{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);z-index:1;padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);color:var(--muted-foreground);padding-inline-end:calc(var(--spacing,.25rem) * 16);position:absolute}@supports (color:color-mix(in lab, red, red)){.ai-prompt .ai-placeholder{color:color-mix(in oklab, var(--muted-foreground) 55%, transparent)}}.ai-prompt .ai-placeholder{-webkit-user-select:none;user-select:none}.ai-prompt .ai-textarea{max-height:calc(var(--spacing,.25rem) * 52);resize:none;--tw-border-style:none;width:100%;min-height:3.5rem;padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-ring-color:transparent;--tw-outline-style:none;background-color:#0000;border-style:none;outline-style:none;padding-inline-end:calc(var(--spacing,.25rem) * 16);overflow:auto}.ai-prompt .ai-textarea:focus{--tw-outline-style:none;outline-style:none}.ai-prompt[data-expanded] .ai-textarea{max-height:calc(var(--spacing,.25rem) * 52);overflow:auto}.ai-model-select{width:auto;max-width:fit-content}.ai-model-select .ai-model-btn{height:calc(var(--spacing,.25rem) * 8)!important;align-items:center!important;gap:calc(var(--spacing,.25rem) * .5)!important;border-style:var(--tw-border-style)!important;font-size:var(--text-sm,.875rem)!important;line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))!important;color:var(--muted-foreground)!important;--tw-ring-color:transparent!important;background-color:#0000!important;border-width:1px!important;border-color:#0000!important;padding-inline-start:calc(var(--spacing,.25rem) * 3)!important;padding-inline-end:calc(var(--spacing,.25rem) * 2)!important;display:flex!important}.ai-model-select .ai-model-btn:where(.dark,.dark *){color:var(--muted-foreground)!important}.ai-prompt-full{width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);margin-inline:auto;position:relative}@media (min-width:40rem){.ai-prompt-full{padding-inline:calc(var(--spacing,.25rem) * 10)}}.ai-prompt-full{max-width:var(--thread-content-max-width,48rem)}.ai-prompt-full__shell{transition:outline-color .18s}.ai-prompt-full__shell.is-focused{outline-offset:1px;outline:2px solid var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.ai-prompt-full__shell.is-focused{outline-color:color-mix(in oklab, var(--primary) 60%, transparent)!important}}.ai-prompt__input-card{transition:outline-color .18s,outline-width .18s}.ai-prompt__input-card.is-focused{outline-width:2px!important;outline-color:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.ai-prompt__input-card.is-focused{outline-color:color-mix(in oklab, var(--primary) 60%, transparent)!important}}@media (prefers-reduced-motion:reduce){.ai-prompt-full__shell,.ai-prompt__input-card{transition:none}}.ai-prompt-full__textarea{resize:none;width:100%;min-height:1.75rem;max-height:13rem;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);background-color:#0000;overflow:auto}.ai-prompt-full__textarea:focus{--tw-outline-style:none;outline-style:none}.ai-prompt-full__placeholder{pointer-events:none;inset:calc(var(--spacing,.25rem) * 0);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--muted-foreground);position:absolute}@supports (color:color-mix(in lab, red, red)){.ai-prompt-full__placeholder{color:color-mix(in oklab, var(--muted-foreground) 55%, transparent)}}.ai-prompt-full__placeholder{-webkit-user-select:none;user-select:none}.ai-prompt-full__segment{max-width:fit-content}.ai-prompt-full__segment [role=tablist],.ai-prompt-full__segment [role=radiogroup],.ai-prompt-full__segment .segment,.ai-prompt-full__segment .segmented-control{height:calc(var(--spacing,.25rem) * 8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.ai-prompt-full__segment button,.ai-prompt-full__segment [role=tab],.ai-prompt-full__segment [role=radio]{height:calc(var(--spacing,.25rem) * 8);padding-inline:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.ai-prompt-full__model-status{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.ai-prompt-full__model-status{background-color:color-mix(in oklab, var(--muted-foreground) 40%, transparent)}}.ai-prompt-full__model-status{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.ai-prompt-full__model-status.is-busy{background-color:var(--color-blue-500,oklch(62.3% .214 259.815));animation:1.4s ease-in-out infinite ai-prompt-full-pulse}@keyframes ai-prompt-full-pulse{0%,to{opacity:1}50%{opacity:.4}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false} .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; margin-left: 1px; margin-right: 1px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover { background-color: #f3f4f6; } .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { background-color: #dbeafe; color: #2563eb; } .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #2563eb; } .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #2563eb; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #4b5563; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #4b5563; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #4b5563; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #4b5563; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #4b5563; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #4b5563; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #4b5563; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; margin-right: 1px; margin-left: 1px; } .ql-snow .ql-picker-label { cursor: pointer; display: flex; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding: 5px 8px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #d1d5db; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #d1d5db; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #d1d5db; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 3px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; margin: 2px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #d1d5db; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0,0,0,0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #d1d5db; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #d1d5db; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #d1d5db; box-shadow: 0px 0px 5px #d1d5db; color: #4b5563; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #d1d5db; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #d1d5db; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #2563eb; } .ql-container.ql-snow { border: 1px solid #d1d5db; } /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-duration:initial}}}.x-wizard{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.x-wizard{grid-template-columns:var(--x-wizard-rail,25%) auto minmax(0, 1fr);display:grid}.x-wizard.railless{grid-template-columns:minmax(0,1fr)}.x-wizard.rail-collapsed:not(.railless){grid-template-columns:0 auto minmax(0,1fr)}}.x-wizard-sidebar{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:var(--border);flex-direction:column;align-items:center;display:none;overflow-y:auto}@media (min-width:64rem){.x-wizard-sidebar{display:flex}}.x-wizard.rail-collapsed .x-wizard-sidebar{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0;overflow:hidden}.x-wizard-resizer{width:calc(var(--spacing,.25rem) * 1.5);cursor:col-resize;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:none}@media (min-width:64rem){.x-wizard-resizer{display:flex}}.x-wizard-resizer:hover,.x-wizard-resizer:focus-visible,.x-wizard-resizer.dragging{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.x-wizard-resizer:hover,.x-wizard-resizer:focus-visible,.x-wizard-resizer.dragging{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.x-wizard-resizer:hover,.x-wizard-resizer:focus-visible,.x-wizard-resizer.dragging{--tw-outline-style:none;outline-style:none}.x-wizard-resizer-grip{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * .5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;border-radius:3.40282e38px;margin-block:auto}.x-wizard-resizer:hover .x-wizard-resizer-grip,.x-wizard-resizer:focus-visible .x-wizard-resizer-grip,.x-wizard-resizer.dragging .x-wizard-resizer-grip{background-color:var(--primary)}.x-wizard-resizer.collapsed{background-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.x-wizard-resizer.collapsed{background-color:color-mix(in oklab, var(--border) 60%, transparent)}}.x-wizard-rail-toggle{pointer-events:auto;z-index:20;width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);color:var(--muted-foreground);opacity:0;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));top:.75rem;border-radius:3.40282e38px;justify-content:center;align-items:center;display:none;position:absolute;inset-inline-start:calc(var(--x-wizard-rail,25%) - .75rem)}@media (min-width:1024px){.x-wizard-rail-toggle{display:flex}.x-wizard:hover .x-wizard-rail-toggle,.x-wizard-rail-toggle:focus-visible,.x-wizard-rail-toggle.visible{opacity:1}}.x-wizard.rail-collapsed .x-wizard-rail-toggle{inset-inline-start:0}.x-wizard-rail-toggle:hover{color:var(--foreground)}.x-wizard-sidebar-steps{flex-direction:column;flex:1;width:100%;display:flex}.x-wizard-mobile-header{flex-shrink:0}.x-wizard-main{min-height:calc(var(--spacing,.25rem) * 0);flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.x-wizard-content{background-color:var(--card);flex:1;height:100%;position:relative;overflow-y:auto}.x-wizard-content>div{-webkit-backface-visibility:hidden;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 6);animation:.2s cubic-bezier(.77,0,.175,1) forwards fadeIn-labelAnimation;-webkit-transform:translateZ(0)scale(1)}@media (min-width:40rem){.x-wizard-content>div{padding-inline:calc(var(--spacing,.25rem) * 10);padding-block:calc(var(--spacing,.25rem) * 10)}}@media (min-width:64rem){.x-wizard.railless .x-wizard-main{grid-column:1/-1}}.x-wizard.railless .x-wizard-content{background-color:var(--background)}.x-wizard.railless .x-wizard-content>div{padding:calc(var(--spacing,.25rem) * 0)}.x-wizard-toolbar{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);background-color:var(--background);scrollbar-width:none;flex-shrink:0;overflow-x:auto}.x-wizard-toolbar::-webkit-scrollbar{display:none}.x-wizard-toolbar-inner{align-items:center;width:max-content;min-width:100%;display:flex}.x-wizard-step{min-height:calc(var(--spacing,.25rem) * 11);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));white-space:nowrap;color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0;display:flex}@media (min-width:40rem){.x-wizard-step{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3.5)}}.x-wizard-step.active{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.x-wizard-step.active{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.x-wizard-step.active{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--foreground)}.x-wizard-step:not(.active):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.x-wizard-step:not(.active):hover{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.x-wizard-step:not(.active):active{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.x-wizard-step:not(.active):active{background-color:color-mix(in oklab, var(--muted) 70%, transparent)}}.x-wizard-step-badge{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);border-radius:calc(var(--radius) - 2px);background-color:var(--muted);justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.x-wizard-step-badge{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.x-wizard-step-badge{--tw-font-weight:var(--font-weight-bold,700);font-size:10px;font-weight:var(--font-weight-bold,700);color:var(--muted-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;box-shadow:inset 0 1px 1px #00000005,0 0 0 1px #ffffff40}.dark .x-wizard-step-badge{box-shadow:inset 0 1px 1px #ffffff05,inset 0 0 0 1px #ffffff0d,0 0 1px #00000040}.x-wizard-step-badge.active{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.x-wizard-step-badge.active{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.x-wizard-step-badge.active{color:var(--primary)}.x-wizard-step-badge.valid{background-color:#00c75826}@supports (color:color-mix(in lab, red, red)){.x-wizard-step-badge.valid{background-color:color-mix(in oklab, var(--color-green-500,oklch(72.3% .219 149.579)) 15%, transparent)}}.x-wizard-step-badge.valid{color:var(--color-green-600,oklch(62.7% .194 149.214))}.x-wizard-step-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--foreground)}@media (min-width:40rem){.x-wizard-step-label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.x-wizard-above-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);background-color:var(--background);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 3);flex-shrink:0}@media (min-width:40rem){.x-wizard-above-footer{padding-inline:calc(var(--spacing,.25rem) * 4)}}.x-wizard-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);flex-direction:column;flex-shrink:0;display:flex}.x-wizard-footer-error{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2)}@media (min-width:40rem){.x-wizard-footer-error{padding-inline:calc(var(--spacing,.25rem) * 4)}}.x-wizard-footer-nav{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;display:flex}@media (min-width:40rem){.x-wizard-footer-nav{padding:calc(var(--spacing,.25rem) * 4)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false} @keyframes shine-d62d6270 { 0% { background-position: 100%; } 100% { background-position: -100%; } } .animate-shine[data-v-d62d6270] { animation: shine-d62d6270 5s linear infinite; } /* Quill ships a light-only skin, so the chrome is re-pointed at the theme tokens. Not scoped: the editor renders its toolbar and content outside this component's tree. */ .email-composer__editor { display: flex; flex-direction: column; } .email-composer__editor .ql-toolbar.ql-snow { border: 0; border-bottom: 1px solid var(--border); } /* UI-162: the scrollbars. Boaz: "fix all sliders". The modal stacked three scroll containers (this body, the Quill container, and the preview frame) and each drew a full width OS scrollbar, so a tall draft showed two or three grey slabs side by side. UI-211: the local thin variant that fixed it is gone, these three now inherit the app wide gentle slider from shared/design-system.css like every other scroll area. */ .email-composer__editor .ql-container.ql-snow { border: 0; flex: 1; min-height: 0; overflow-y: auto; font-size: 0.95rem; } .email-composer__editor .ql-editor { min-height: 12rem; } .email-composer__editor .ql-editor.ql-blank::before { color: var(--muted-foreground); font-style: normal; } .email-composer__editor .ql-snow .ql-stroke { stroke: var(--muted-foreground); } .email-composer__editor .ql-snow .ql-fill { fill: var(--muted-foreground); } .email-composer__editor .ql-snow .ql-picker { color: var(--muted-foreground); } .email-composer__editor .ql-snow.ql-toolbar button:hover .ql-stroke, .email-composer__editor .ql-snow.ql-toolbar button.ql-active .ql-stroke { stroke: var(--foreground); } .email-composer__editor .ql-snow.ql-toolbar button:hover .ql-fill, .email-composer__editor .ql-snow.ql-toolbar button.ql-active .ql-fill { fill: var(--foreground); } /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-tracking:initial}}}.email-preview__body-iframe{border-style:var(--tw-border-style);border-width:0;width:100%;min-height:200px;display:block}.email-preview__reply-pill{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);background-color:var(--foreground);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--background);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:var(--foreground);border-radius:3.40282e38px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.email-preview__reply-pill{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--foreground) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.email-preview__reply-pill{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));-webkit-user-select:none;user-select:none}@media (hover:hover){.email-preview__reply-pill:hover{--tw-translate-y:calc(var(--spacing,.25rem) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.email-preview__reply-pill:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--foreground) 35%, transparent) var(--tw-shadow-alpha), transparent)}}}.email-preview__reply-pill:active{--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.email-preview__attachments{margin-top:calc(var(--spacing,.25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.email-preview__attachments{background-color:color-mix(in oklab, var(--card) 30%, transparent)}}.attachments-header__btn{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);cursor:pointer;border-radius:calc(var(--radius) - 2px);padding-inline:calc(var(--spacing,.25rem) * 2);color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;justify-content:center;align-items:center;transition-duration:.15s;display:inline-flex}@media (hover:hover){.attachments-header__btn:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.attachments-header__btn:hover{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.attachments-header__btn:hover{color:var(--foreground)}}.attachments-header__btn--text{width:auto;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.attachment-card{cursor:pointer;border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);width:220px;height:180px;color:var(--foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));flex-shrink:0;text-decoration-line:none;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.attachment-card:hover{--tw-translate-y:calc(var(--spacing,.25rem) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);border-color:var(--foreground);box-shadow:0 6px 16px -4px #0000001f,0 2px 6px -2px #0000000f}@supports (color:color-mix(in lab, red, red)){.attachment-card:hover{border-color:color-mix(in oklab, var(--foreground) 20%, transparent)}}.attachment-card__preview{inset-inline-start:calc(var(--spacing,.25rem) * 0);inset-inline-end:calc(var(--spacing,.25rem) * 0);top:calc(var(--spacing,.25rem) * 0);background-color:var(--muted);place-items:center;display:grid;position:absolute;bottom:44px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.attachment-card__preview{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.attachment-card__preview img,.attachment-card__preview video,.attachment-card__preview canvas{object-fit:cover;object-position:top;width:100%;height:100%}.attachment-card__preview .text-muted-foreground{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.attachment-card__actions{inset-inline-end:calc(var(--spacing,.25rem) * 1.5);top:calc(var(--spacing,.25rem) * 1.5);z-index:20;align-items:center;gap:calc(var(--spacing,.25rem) * 1);opacity:0;width:auto;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;display:inline-flex;position:absolute}.attachment-card:hover .attachment-card__actions{opacity:1}.attachment-card__action{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);cursor:pointer;border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.attachment-card__action{background-color:color-mix(in oklab, var(--background) 90%, transparent)}}.attachment-card__action{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.attachment-card__action{color:color-mix(in oklab, var(--foreground) 80%, transparent)}}.attachment-card__action{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.attachment-card__action:hover{background-color:var(--background);color:var(--foreground)}}.attachment-card__footer{inset-inline-start:calc(var(--spacing,.25rem) * 0);inset-inline-end:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);background-color:var(--background);height:44px;padding-inline:calc(var(--spacing,.25rem) * 3);display:flex;position:absolute}.attachment-card__badge{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--muted);border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;height:22px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.attachment-card__badge{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.attachment-card__badge{padding-inline:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-semibold,600);font-size:10px;font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--muted-foreground)}.attachment-card__name{min-width:calc(var(--spacing,.25rem) * 0);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--foreground);flex:1;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.attachment-card__name{color:color-mix(in oklab, var(--foreground) 85%, transparent)}}.attachment-card[data-type=pdf] .attachment-card__badge{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.attachment-card[data-type=pdf] .attachment-card__badge{border-color:color-mix(in oklab, var(--color-red-500,oklch(63.7% .237 25.331)) 20%, transparent)}}.attachment-card[data-type=pdf] .attachment-card__badge{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.attachment-card[data-type=pdf] .attachment-card__badge{background-color:color-mix(in oklab, var(--color-red-500,oklch(63.7% .237 25.331)) 10%, transparent)}}.attachment-card[data-type=pdf] .attachment-card__badge{color:var(--color-red-600,oklch(57.7% .245 27.325))}.attachment-card[data-type=pdf] .attachment-card__badge:where(.dark,.dark *){color:var(--color-red-400,oklch(70.4% .191 22.216))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false} .streaming-artifact[data-v-ecfddfee] { position: relative; } .artifact-header[data-v-ecfddfee] { /* Slight backdrop so the header reads as chrome regardless of body content underneath */ backdrop-filter: blur(8px); } /* UI-1042: an auto-height card settles to its measured size rather than jumping to it */ .artifact-body[data-v-ecfddfee] { transition: height 0.2s ease-out; } /* UI-1069: a bare artifact is the graphic and nothing else. No frame, no padding, no background of its own, and it carries the card's own shadow instead of a border, so what the model drew is what the reader sees. */ .streaming-artifact--bare[data-v-ecfddfee] { position: relative; margin-block: 0.75rem; } .streaming-artifact--bare .artifact-body[data-v-ecfddfee] { overflow: hidden; border-radius: 0.75rem; } /* The placeholder while the visual is still being written. A sweep across a set of muted blocks: it says a card is coming and roughly what shape, without showing a line of its markup. */ .artifact-skeleton[data-v-ecfddfee] { position: relative; background: color-mix(in oklch, var(--color-muted) 55%, transparent); } .artifact-skeleton[data-v-ecfddfee]::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 20%, color-mix(in oklch, var(--color-foreground) 7%, transparent) 50%, transparent 80%); transform: translateX(-100%); animation: artifact-sweep-ecfddfee 1.6s ease-in-out infinite; } @keyframes artifact-sweep-ecfddfee { to { transform: translateX(100%); } } /* RTL: the sweep runs the way the language does. UI-1087: this was `:global([dir='rtl']) .artifact-skeleton::after`, and inside