/*!
 * LoamUI — @loamui/core
 * The complete, static stylesheet. Import once at your app root:
 *   import "@loamui/core/styles.css";
 * Nothing runs at runtime — no CSS-in-JS.
 */@layer loamui.tokens,loamui.elements,loamui.components;@layer loamui.tokens{:root{--loam-font: system-ui, sans-serif;--loam-font-display: var(--loam-font);--loam-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", menlo, consolas, monospace;--loam-color-primary: light-dark(oklch(25% 0.006 60deg), oklch(92% 0.004 60deg));--loam-color-accent: light-dark(oklch(48% 0.25 305deg), oklch(70% 0.17 305deg));--loam-color-success: light-dark(oklch(56% 0.13 150deg), oklch(68% 0.13 150deg));--loam-color-danger: light-dark(oklch(58% 0.2 25deg), oklch(66% 0.19 25deg));--loam-color-warning: light-dark(oklch(72% 0.16 75deg), oklch(79% 0.15 80deg));--loam-color-info: light-dark(oklch(58% 0.16 245deg), oklch(68% 0.15 245deg));--loam-color-link: light-dark(oklch(50% 0.12 250deg), oklch(70% 0.12 250deg));--loam-color-highlight: light-dark(oklch(92% 0.15 100deg), oklch(86% 0.16 100deg));--loam-color-bg: light-dark(oklch(100% 0 0deg), oklch(17% 0.008 60deg));--loam-color-bg-subtle: light-dark(oklch(98% 0.004 60deg), oklch(21% 0.008 60deg));--loam-color-surface: light-dark(oklch(100% 0 0deg), oklch(23% 0.008 60deg));--loam-color-fg: light-dark(oklch(24% 0.02 60deg), oklch(96% 0.006 60deg));--loam-color-fg-strong: light-dark(oklch(15% 0.02 60deg), oklch(99% 0 0deg));--loam-color-fg-muted: light-dark(oklch(52% 0.02 60deg), oklch(72% 0.015 60deg));--loam-color-fg-dim: light-dark(oklch(55% 0.015 60deg), oklch(66% 0.012 60deg));--loam-color-line: light-dark(oklch(91% 0.006 60deg), oklch(32% 0.01 60deg));--loam-color-line-strong: light-dark(oklch(62% 0.012 60deg), oklch(60% 0.014 60deg));--loam-color-on-strong: light-dark(oklch(99% 0 0deg), oklch(17% 0.01 60deg));--loam-color-primary-soft: light-dark( oklch(from var(--loam-color-primary) 96% 0.02 h), oklch(from var(--loam-color-primary) 28% 0.03 h) );--loam-color-success-soft: light-dark( oklch(from var(--loam-color-success) 96% 0.035 h), oklch(from var(--loam-color-success) 31% 0.075 h) );--loam-color-danger-soft: light-dark( oklch(from var(--loam-color-danger) 96% 0.035 h), oklch(from var(--loam-color-danger) 31% 0.075 h) );--loam-color-warning-soft: light-dark( oklch(from var(--loam-color-warning) 96% 0.035 h), oklch(from var(--loam-color-warning) 31% 0.075 h) );--loam-color-info-soft: light-dark( oklch(from var(--loam-color-info) 96% 0.035 h), oklch(from var(--loam-color-info) 31% 0.075 h) );--loam-color-primary-strong: light-dark( color-mix(in oklab, var(--loam-color-primary), oklch(0% 0 0deg) 22%), var(--loam-color-primary) );--loam-color-success-strong: light-dark( color-mix(in oklab, var(--loam-color-success), oklch(0% 0 0deg) 22%), var(--loam-color-success) );--loam-color-danger-strong: light-dark( color-mix(in oklab, var(--loam-color-danger), oklch(0% 0 0deg) 22%), var(--loam-color-danger) );--loam-color-warning-strong: light-dark( color-mix(in oklab, var(--loam-color-warning), oklch(0% 0 0deg) 22%), var(--loam-color-warning) );--loam-color-info-strong: light-dark( color-mix(in oklab, var(--loam-color-info), oklch(0% 0 0deg) 22%), var(--loam-color-info) );--loam-color-primary-ring: var(--loam-color-primary-strong);--loam-color-success-ring: var(--loam-color-success-strong);--loam-color-danger-ring: var(--loam-color-danger-strong);--loam-color-warning-ring: var(--loam-color-warning-strong);--loam-color-info-ring: var(--loam-color-info-strong);--loam-color-surface-hover: light-dark( oklch(from var(--loam-color-surface) 97% c h), oklch(from var(--loam-color-surface) 27% c h) );--loam-color-ring: var(--loam-color-primary-ring);--loam-text-xs: clamp(0.72rem, 0.8145rem - 0.122cqi, 0.7901rem);--loam-text-sm: clamp(0.8889rem, 0.885rem + 0.0193cqi, 0.9rem);--loam-text-md: clamp(1rem, 0.9565rem + 0.2174cqi, 1.125rem);--loam-text-lg: clamp(1.125rem, 1.0272rem + 0.4891cqi, 1.4063rem);--loam-text-xl: clamp(1.2656rem, 1.0944rem + 0.856cqi, 1.7578rem);--loam-text-2xl: clamp(1.4238rem, 1.1548rem + 1.3451cqi, 2.1973rem);--loam-text-3xl: clamp(1.6018rem, 1.2036rem + 1.9909cqi, 2.7466rem);--loam-space-xs: clamp(0.25rem, 0.2391rem + 0.0543cqi, 0.2813rem);--loam-space-sm: clamp(0.5rem, 0.4783rem + 0.1087cqi, 0.5625rem);--loam-space-md: clamp(0.75rem, 0.7174rem + 0.163cqi, 0.8438rem);--loam-space-lg: clamp(1rem, 0.9565rem + 0.2174cqi, 1.125rem);--loam-space-xl: clamp(1.5rem, 1.4348rem + 0.3261cqi, 1.6875rem);--loam-measure: 66ch;--loam-radius-sm: 0.375rem;--loam-radius-md: 0.5rem;--loam-radius-lg: 0.75rem;--loam-radius-xl: 1rem;--loam-radius-full: 9999px;--loam-shadow-sm: inset 0 1px 0 0 light-dark(transparent, oklch(100% 0 0deg / 6%)), 0 1px 2px light-dark(oklch(20% 0.02 60deg / 8%), transparent);--loam-shadow-raised: inset 0 1px 0 0 light-dark(oklch(100% 0 0deg / 60%), oklch(100% 0 0deg / 10%)), 0 1px 2px light-dark(oklch(20% 0.02 60deg / 10%), transparent), 0 2px 4px light-dark(oklch(20% 0.02 60deg / 7%), transparent), 0 4px 8px light-dark(oklch(20% 0.02 60deg / 4%), transparent);--loam-shadow-md: inset 0 1px 0 0 light-dark(transparent, oklch(100% 0 0deg / 6%)), 0 4px 6px -1px light-dark(oklch(20% 0.02 60deg / 10%), transparent), 0 2px 4px -2px light-dark(oklch(20% 0.02 60deg / 8%), transparent);--loam-shadow-lg: inset 0 1px 0 0 light-dark(transparent, oklch(100% 0 0deg / 8%)), 0 12px 20px -6px light-dark(oklch(20% 0.02 60deg / 14%), transparent), 0 4px 8px -4px light-dark(oklch(20% 0.02 60deg / 10%), transparent);--loam-duration-sm: 100ms;--loam-duration-md: 175ms;--loam-duration-lg: 300ms;--loam-ease: cubic-bezier(0.4, 0, 0.2, 1);--loam-ease-elastic: cubic-bezier(0.34, 1.56, 0.64, 1);--loam-z-popup: 40;--loam-z-overlay: 50;--loam-z-toast: 100;--loam-z-skip-link: 110;--loam-ring-width: 3px;--loam-disabled-opacity: 0.55;color-scheme:light dark}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}@container (style(--loam-context: danger)){:where([class*=loam-],[class*=loam-] *){--loam-color-primary: var(--loam-color-danger);--loam-color-accent: var(--loam-color-danger);--loam-color-primary-soft: var(--loam-color-danger-soft);--loam-color-primary-ring: var(--loam-color-danger-ring);--loam-color-ring: var(--loam-color-danger-ring);--loam-color-primary-strong: var(--loam-color-danger-strong)}}@container (style(--loam-context: success)){:where([class*=loam-],[class*=loam-] *){--loam-color-primary: var(--loam-color-success);--loam-color-accent: var(--loam-color-success);--loam-color-primary-soft: var(--loam-color-success-soft);--loam-color-primary-ring: var(--loam-color-success-ring);--loam-color-ring: var(--loam-color-success-ring);--loam-color-primary-strong: var(--loam-color-success-strong)}}@container (style(--loam-context: warning)){:where([class*=loam-],[class*=loam-] *){--loam-color-primary: var(--loam-color-warning);--loam-color-accent: var(--loam-color-warning);--loam-color-primary-soft: var(--loam-color-warning-soft);--loam-color-primary-ring: var(--loam-color-warning-ring);--loam-color-ring: var(--loam-color-warning-ring);--loam-color-primary-strong: var(--loam-color-warning-strong)}}@container (style(--loam-context: info)){:where([class*=loam-],[class*=loam-] *){--loam-color-primary: var(--loam-color-info);--loam-color-accent: var(--loam-color-info);--loam-color-primary-soft: var(--loam-color-info-soft);--loam-color-primary-ring: var(--loam-color-info-ring);--loam-color-ring: var(--loam-color-info-ring);--loam-color-primary-strong: var(--loam-color-info-strong)}}}@property --_radius{inherits: false; syntax: "*";}@property --loam-context{inherits: true; syntax: "*";}@property --loam-button-color{inherits: true; syntax: "*";}@layer loamui.elements{.loam-VisuallyHidden{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:clip;padding:0;position:absolute;white-space:nowrap}*,*::before,*::after{box-sizing:border-box}:where(:not(button,input,select,textarea,sub,sup)){line-height:calc(0.5rem + 2ex)}html{scrollbar-gutter:stable;@media(prefers-reduced-motion:no-preference){scroll-behavior:smooth}}body{background-color:var(--loam-color-bg);color:var(--loam-color-fg);font-family:var(--loam-font);font-kerning:normal;font-optical-sizing:auto;font-size:var(--loam-text-md);font-variant-ligatures:common-ligatures contextual;font-variant-numeric:oldstyle-nums proportional-nums;hanging-punctuation:first allow-end last;hyphenate-limit-chars:7 4 3;hyphens:auto;margin:0;text-size-adjust:none;text-wrap:pretty}h1,h2,h3,h4,h5,h6{color:var(--loam-color-fg-strong);font-family:var(--loam-font-display);font-variant-numeric:lining-nums proportional-nums;letter-spacing:-0.02em;margin-block:0 var(--loam-space-sm);text-wrap:balance}h1{font-size:var(--loam-text-3xl);font-weight:700}h2{font-size:var(--loam-text-2xl);font-weight:700}h3{font-size:var(--loam-text-xl);font-weight:700}h4{font-size:var(--loam-text-lg);font-weight:600}h5{font-size:var(--loam-text-md);font-weight:600}h6{font-size:var(--loam-text-sm);font-weight:600}:is(p,ul,ol,dl,pre,blockquote,figure,table)+:is(h1,h2,h3,h4,h5,h6){margin-block-start:var(--loam-space-xl)}p{margin-block:0 var(--loam-space-md);overflow-wrap:break-word}ul,ol{margin-block:0 var(--loam-space-md);padding-inline-start:var(--loam-space-xl)}li{margin-block-end:var(--loam-space-xs)}li::marker{color:var(--loam-color-fg-muted)}blockquote{border-inline-start:3px solid var(--loam-color-line-strong);color:var(--loam-color-fg-muted);margin-block:0 var(--loam-space-md);margin-inline:0;padding-inline-start:var(--loam-space-lg)}hr{border:none;border-block-start:1px solid var(--loam-color-line);margin-block:var(--loam-space-lg)}small{font-size:var(--loam-text-sm)}figcaption{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin-block-start:var(--loam-space-xs)}mark{background:var(--loam-color-highlight);border-radius:var(--loam-radius-sm);color:oklch(20% 0 0deg);padding-inline:0.15em}abbr[title]{cursor:help;text-decoration:underline dotted;text-underline-offset:0.2em}sub,sup{font-size:0.75em;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-start:0.25em}sup{inset-block-start:-0.5em}table{border-collapse:collapse}th{text-align:start}td{font-variant-numeric:tabular-nums}data,time{font-variant-numeric:lining-nums tabular-nums;unicode-bidi:isolate}a{&:any-link{cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration-color:oklch(from currentcolor l c h / 60%);text-decoration-skip-ink:auto;text-decoration-thickness:max(0.08em,1px);text-underline-offset:0.15em;@media(prefers-reduced-motion:no-preference){transition:text-decoration-color var(--loam-duration-md) var(--loam-ease)}}&:link{color:var(--loam-color-link)}&:visited{color:oklch(from var(--loam-color-link) l c calc(h + 35))}&:active{color:oklch(from var(--loam-color-link) l c calc(h + 100))}@media(hover:hover){&:hover{text-decoration:none}}}code,samp,pre{font-family:var(--loam-font-mono);font-size:0.925em}:is(code,samp):not(pre *){background:var(--loam-color-bg-subtle);border-radius:var(--loam-radius-sm);padding:0.1em 0.35em}kbd{font-family:var(--loam-font-mono);font-size:0.85em;&:not(pre *){background:var(--loam-color-surface);border:1px solid var(--loam-color-line-strong);border-radius:var(--loam-radius-sm);padding:0.1em 0.4em}@media(forced-colors:active){&:not(pre *){border-color:ButtonText}}}pre{background:var(--loam-color-bg-subtle);border-radius:var(--loam-radius-md);margin-block:0 var(--loam-space-md);overflow:auto;padding:var(--loam-space-md)}img,svg,video,canvas{block-size:auto;max-inline-size:100%}button,input,select,textarea,optgroup{color:inherit;font:inherit;letter-spacing:inherit}input,select,textarea,progress{accent-color:var(--loam-color-primary-strong);caret-color:var(--loam-color-primary)}button,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}button,input:is([type=button],[type=reset],[type=submit]),::file-selector-button{background:light-dark(color-mix(in oklab,var(--loam-color-fg),var(--loam-color-bg) 90%),color-mix(in oklab,var(--loam-color-fg),var(--loam-color-bg) 75%));border:1px solid color-mix(in oklab,var(--loam-color-fg),var(--loam-color-bg) 80%);border-radius:var(--loam-radius-md);box-shadow:var(--loam-shadow-raised);color:light-dark(color-mix(in oklab,var(--loam-color-fg) 70%,oklch(0% 0 0deg)),color-mix(in oklab,var(--loam-color-fg) 55%,oklch(100% 0 0deg)));cursor:pointer;font-size:var(--loam-text-sm);font-weight:600;line-height:1.2;padding-block:var(--loam-space-sm);padding-inline:var(--loam-space-lg);text-align:center;user-select:none;white-space:nowrap;&:active:not(:disabled){box-shadow:var(--loam-shadow-sm)}@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-sm) var(--loam-ease)}@media(hover:hover){&:hover:not(:disabled){background:light-dark(color-mix(in oklab,var(--loam-color-fg),var(--loam-color-bg) 85%),color-mix(in oklab,var(--loam-color-fg),var(--loam-color-bg) 70%))}}}input:not([type=button],[type=checkbox],[type=color],[type=file],[type=hidden],[type=image],[type=radio],[type=range],[type=reset],[type=submit]),select,textarea{background:var(--loam-color-surface);border:1px solid var(--loam-color-line-strong);border-radius:var(--loam-radius-md);font-size:var(--loam-text-sm);line-height:1.2;padding-block:var(--loam-space-sm);padding-inline:var(--loam-space-md)}::file-selector-button{margin-inline-end:var(--loam-space-md)}fieldset{border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-md);padding:var(--loam-space-lg)}legend{font-weight:500;padding-inline:var(--loam-space-xs)}summary{cursor:pointer;font-weight:500}:focus-visible{outline:var(--loam-ring-width) solid var(--loam-color-ring);outline-offset:2px}:is(:disabled,[data-disabled],[aria-disabled=true]),:is(:disabled,[data-disabled],[aria-disabled=true]) *{cursor:not-allowed}::selection{background:var(--loam-color-highlight);color:oklch(20% 0 0deg)}[id]{scroll-margin-block-start:var(--loam-space-xl)}@media print{:is(code,kbd,samp):not(pre *),pre,mark{background:none;border:1px solid var(--loam-color-line)}button,input:is([type=button],[type=reset],[type=submit]),::file-selector-button{box-shadow:none}a[href^=http]::after{content:" (" attr(href) ")";font-size:var(--loam-text-xs)}}}@layer loamui.components{@scope (.loam-Alert) to ([class*="loam-"]){:scope{--_accent: var(--loam-color-fg);align-items:flex-start;background:light-dark(color-mix(in oklab,var(--_accent),var(--loam-color-bg) 88%),color-mix(in oklab,var(--_accent),var(--loam-color-bg) 70%));border:1px solid color-mix(in oklab,var(--_accent),var(--loam-color-bg) 55%);border-radius:var(--loam-radius-md);display:block flex;font-size:var(--loam-text-sm);gap:var(--loam-space-md);padding-block:var(--loam-space-md);padding-inline:var(--loam-space-lg)}span.icon{align-items:center;block-size:1.25em;color:var(--_accent);display:inline flex;flex:none;font-size:var(--loam-text-md);inline-size:1.25em;justify-content:center;margin-block-start:0.05em}div.body{display:block flex;flex:1 1 auto;flex-direction:column;gap:var(--loam-space-xs);min-inline-size:0}.title{color:light-dark(color-mix(in oklab,var(--_accent) 70%,oklch(0% 0 0deg)),color-mix(in oklab,var(--_accent) 55%,oklch(100% 0 0deg)));font-size:var(--loam-text-sm);font-weight:600;line-height:1.4;margin:0}div.description{color:var(--loam-color-fg);:scope:has(>div.body>.title)>div.body>&{color:var(--loam-color-fg-muted)}}@container (style(--loam-context: primary)){:scope{--_accent: var(--loam-color-primary)}}@container (style(--loam-context: success)){:scope{--_accent: var(--loam-color-success)}}@container (style(--loam-context: warning)){:scope{--_accent: var(--loam-color-warning)}}@container (style(--loam-context: info)){:scope{--_accent: var(--loam-color-info)}}@container (style(--loam-context: danger)){:scope{--_accent: var(--loam-color-danger)}}}}@layer loamui.components{@scope (.loam-Avatar) to ([class*="loam-"]){:scope{--_bg: var(--loam-color-primary-strong);--_fg: var(--loam-color-on-strong);align-items:center;background:var(--_bg);block-size:var(--loam-avatar-size, 2.5rem);border-radius:var(--_radius, var(--loam-radius-full));color:var(--_fg);display:inline flex;flex:none;font-size:var(--loam-text-sm);font-weight:600;inline-size:var(--loam-avatar-size, 2.5rem);justify-content:center;line-height:1;overflow:clip;user-select:none}img.image{block-size:100%;display:block flow;inline-size:100%;object-fit:cover}span.initials{font-size:0.85em;letter-spacing:0.02em}svg.glyph{block-size:65%;inline-size:65%;opacity:0.9}@container (style(--loam-context: danger)){:scope{--_bg: var(--loam-color-danger-strong)}}@container (style(--loam-context: warning)){:scope{--_bg: var(--loam-color-warning-strong)}}@container (style(--loam-context: info)){:scope{--_bg: var(--loam-color-info-strong)}}@container (style(--loam-context: success)){:scope{--_bg: var(--loam-color-success-strong)}}}@scope (.loam-Avatar-group) to ([class*="loam-"]){:scope{align-items:center;display:inline flex;list-style:none;margin:0;padding:0}li{border:2px solid var(--loam-color-surface);border-radius:var(--loam-radius-full);display:block flex;margin:0;margin-inline-start:calc(-1 * var(--loam-avatar-overlap, 0.5rem));translate:0 0;&:first-child{margin-inline-start:0}@media(prefers-reduced-motion:no-preference){transition:translate var(--loam-duration-md) var(--loam-ease)}@media(hover:hover){&:hover{translate:0 -2px;z-index:1}}}}}@layer loamui.components{@scope (.loam-Badge) to ([class*="loam-"]){:scope{--_color: var(--loam-color-fg);align-items:center;background:color-mix(in oklab,var(--_color),var(--loam-color-bg) 85%);block-size:var(--_h, 1.85em);border-radius:var(--_radius, var(--loam-radius-full));color:light-dark(color-mix(in oklab,var(--_color) 70%,oklch(0% 0 0deg)),color-mix(in oklab,var(--_color) 55%,oklch(100% 0 0deg)));display:inline flex;font-size:var(--_fz, var(--loam-text-xs));font-weight:600;gap:var(--_gap, var(--loam-space-xs));inline-size:fit-content;letter-spacing:0.01em;line-height:1;padding-inline:var(--_px, 0.85em);text-decoration:none;user-select:none;white-space:nowrap;&[data-size=sm]{--_h: 1.5em;--_px: 0.67em}&[data-size=lg]{--_fz: var(--loam-text-sm);--_gap: var(--loam-space-sm)}@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-md) var(--loam-ease),color var(--loam-duration-md) var(--loam-ease)}}span.dot{background:var(--_color);block-size:0.5em;border-radius:var(--loam-radius-full);flex:none;inline-size:0.5em;@media(forced-colors:active){border:max(1px,0.12em) solid CanvasText}}:scope:has(svg){gap:var(--_gap, var(--loam-space-xs));svg{block-size:auto;flex:none;inline-size:1em}}@container (style(--loam-context: primary)){:scope{--_color: var(--loam-color-primary)}}@container (style(--loam-context: success)){:scope{--_color: var(--loam-color-success)}}@container (style(--loam-context: warning)){:scope{--_color: var(--loam-color-warning)}}@container (style(--loam-context: info)){:scope{--_color: var(--loam-color-info)}}@container (style(--loam-context: danger)){:scope{--_color: var(--loam-color-danger)}}@supports (text-box: trim-both cap alphabetic){:scope{text-box:trim-both cap alphabetic}}}}@layer loamui.components{@scope (.loam-Breadcrumbs) to ([class*="loam-"]){:scope{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);ol{align-items:center;display:block flex;flex-wrap:wrap;gap:var(--loam-space-sm);list-style:none;margin:0;padding:0}}}@scope (.loam-Breadcrumbs-item) to ([class*="loam-"]){:scope{align-items:center;display:inline flex;margin-block:0;min-inline-size:0;&:not(:first-child)::before{color:var(--loam-color-fg-dim);content:var(--loam-breadcrumbs-separator, "/") / "";margin-inline-end:var(--loam-space-sm);user-select:none}a{border-radius:var(--loam-radius-sm);color:var(--loam-color-fg-muted);padding-inline:0.125em;text-decoration:none;@media(prefers-reduced-motion:no-preference){transition:color var(--loam-duration-md) var(--loam-ease)}@media(hover:hover){&:hover{color:var(--loam-color-primary);text-decoration:underline}}}&[data-current]{color:var(--loam-color-fg);font-weight:600}}}}@layer loamui.components{@scope (.loam-Button) to ([class*="loam-"]){:scope{--_color: var(--loam-button-color, var(--loam-color-fg));background:light-dark(color-mix(in oklab,var(--_color),var(--loam-color-bg) 90%),color-mix(in oklab,var(--_color),var(--loam-color-bg) 75%));border:1px solid color-mix(in oklab,var(--_color),var(--loam-color-bg) 80%);border-radius:var(--loam-button-radius, var(--loam-radius-md));box-shadow:var(--loam-shadow-raised);color:light-dark(color-mix(in oklab,var(--_color) 70%,oklch(0% 0 0deg)),color-mix(in oklab,var(--_color) 55%,oklch(100% 0 0deg)));display:inline flow-root;font-size:var(--loam-text-sm);font-weight:600;line-height:1.2;padding-block:var(--loam-space-sm);padding-inline:var(--loam-space-lg);text-align:center;text-decoration:none;translate:0 0;user-select:none;white-space:nowrap;&:active:not(:disabled){background:light-dark(color-mix(in oklab,var(--_color),var(--loam-color-bg) 85%),color-mix(in oklab,var(--_color),var(--loam-color-bg) 70%));box-shadow:var(--loam-shadow-sm);color:light-dark(oklch(from var(--_color) calc(l - 0.2) c h),oklch(from var(--_color) calc(l + 0.2) c h));translate:0 1px}&:disabled{opacity:var(--loam-disabled-opacity)}@media(hover:hover){&:hover:not(:disabled){background:light-dark(color-mix(in oklab,var(--_color),var(--loam-color-bg) 85%),color-mix(in oklab,var(--_color),var(--loam-color-bg) 70%));color:light-dark(oklch(from var(--_color) calc(l - 0.2) c h),oklch(from var(--_color) calc(l + 0.2) c h))}}@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-sm) var(--loam-ease),border-color var(--loam-duration-sm) var(--loam-ease),color var(--loam-duration-sm) var(--loam-ease),box-shadow var(--loam-duration-md) var(--loam-ease),translate var(--loam-duration-md) var(--loam-ease)}}:scope:has(svg,.loam-Loader){--loam-loader-size: 1em;align-items:center;display:inline flex;gap:var(--loam-space-sm);justify-content:center;svg{block-size:auto;inline-size:1em}}:scope:has(svg,.loam-Loader):is([aria-label],[aria-labelledby],:has(>:is(svg,.loam-Loader):first-child+.loam-VisuallyHidden:last-child),:has(>.loam-VisuallyHidden:first-child+:is(svg,.loam-Loader):last-child)){padding-inline:var(--loam-space-sm)}@container (style(--loam-context: primary)){:scope{--_color: var(--loam-color-primary)}}@container (style(--loam-context: danger)){:scope{--_color: var(--loam-color-danger)}}@container (style(--loam-context: success)){:scope{--_color: var(--loam-color-success)}}@container (style(--loam-context: warning)){:scope{--_color: var(--loam-color-warning)}}@container (style(--loam-context: info)){:scope{--_color: var(--loam-color-info)}}@container (inline-size <= 16rem){:scope{inline-size:100%}}}}@layer loamui.components{@scope (.loam-Card) to ([class*="loam-"]){:scope{background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--_radius, var(--loam-radius-lg));display:block flow;padding:var(--loam-space-lg)}}}@layer loamui.components{@scope (.loam-Carousel) to ([class*="loam-"]){:scope{container-type:inline-size;display:block grid;gap:var(--loam-space-md)}ul.track{display:block grid;gap:var(--loam-space-md);grid-auto-columns:min(100%,var(--loam-carousel-item-size, 20rem));grid-auto-flow:column;list-style:none;margin:0;overflow:auto;overscroll-behavior-inline:contain;padding:var(--loam-space-xs);position:relative;scroll-padding-inline:var(--loam-space-xs);scroll-snap-type:inline mandatory;>li{display:block grid;margin:0;scroll-snap-align:start}@media(prefers-reduced-motion:no-preference){scroll-behavior:smooth}}ul.indicators{display:block flex;flex-wrap:wrap;gap:var(--loam-space-xs);justify-content:center;list-style:none;margin:0;padding:0;>li{margin:0}button{background:transparent;block-size:1.75em;border:none;border-radius:var(--loam-radius-full);box-shadow:none;display:block grid;font-size:var(--loam-text-sm);inline-size:1.75em;padding:0;place-items:center;&::before{background:var(--loam-color-line-strong);block-size:0.6em;border-radius:var(--loam-radius-full);content:"";inline-size:0.6em}&[aria-current]::before{background:var(--loam-color-primary-strong)}@media(prefers-reduced-motion:no-preference){&::before{transition:background var(--loam-duration-sm) var(--loam-ease),scale var(--loam-duration-sm) var(--loam-ease)}}@media(hover:hover){&:hover::before{scale:1.25}}}}@media(forced-colors:active){ul.indicators button{&::before{border:1px solid ButtonText}&[aria-current]::before{outline:2px solid ButtonText;outline-offset:2px}}}}@scope (.loam-Carousel-control){:scope[aria-disabled=true]{cursor:not-allowed;opacity:var(--loam-disabled-opacity)}svg:dir(rtl){scale:-1 1}@media(forced-colors:active){:scope[aria-disabled=true]{border-color:GrayText;color:GrayText}}}}@layer loamui.components{@scope (.loam-Checkbox) to ([class*="loam-"]){:scope{accent-color:var(--loam-color-primary-strong);block-size:1.15em;flex-shrink:0;inline-size:1.15em;margin:0;&[aria-invalid=true]{--loam-color-ring: var(--loam-color-danger-ring);box-shadow:0 0 0 2px var(--loam-color-danger)}}@media(forced-colors:active){:scope[aria-invalid=true]{outline:2px solid LinkText;outline-offset:1px;&:focus-visible{outline:var(--loam-ring-width) solid Highlight;outline-offset:2px}}}}@scope (.loam-Checkbox-wrapper) to ([class*="loam-"]){:scope{display:block flex;flex-direction:column;gap:var(--loam-space-xs);&:has(input:disabled){opacity:var(--loam-disabled-opacity)}}label{align-items:flex-start;cursor:pointer;display:block flex;gap:var(--loam-space-sm);&:has(input:disabled){cursor:not-allowed}}span.body{display:block flex;flex-direction:column;gap:0.125em}span.label{font-size:var(--loam-text-sm);font-weight:500}span.description{color:var(--loam-color-fg-muted);font-size:var(--loam-text-xs)}}}@layer loamui.components{@scope (.loam-Combobox) to ([class*="loam-"]){:scope{display:block grid;gap:var(--loam-space-sm);grid-auto-columns:max-content;grid-auto-flow:column;grid-template-columns:minmax(0,1fr);position:relative}ul{background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-md);box-shadow:var(--loam-shadow-lg);list-style:none;margin:0;max-block-size:min(var(--loam-combobox-list-size, 16rem),50vb);overflow:auto;overscroll-behavior:contain;padding:var(--loam-space-xs);z-index:var(--loam-z-popup);@supports (anchor-name: --loam-probe){inline-size:anchor-size(inline);inset:auto;inset-block-start:calc(anchor(end) + var(--loam-space-xs));inset-inline-start:anchor(start);position:fixed;position-try:flip-block}@supports not (anchor-name: --loam-probe){inset-block-start:calc(100% + var(--loam-space-xs));inset-inline:0;position:absolute}@media(prefers-reduced-motion:no-preference){transition:opacity var(--loam-duration-md) var(--loam-ease),translate var(--loam-duration-md) var(--loam-ease);@starting-style{opacity:0;translate:0 -0.25rem}}}li{margin:0}[role=option]{border-radius:var(--loam-radius-sm);cursor:default;font-size:var(--loam-text-sm);padding-block:var(--loam-space-sm);padding-inline:var(--loam-space-sm);user-select:none;&[data-highlighted]{background:var(--loam-color-primary-soft)}&[aria-selected=true]{font-weight:600}&[aria-disabled=true]{color:var(--loam-color-fg-dim)}@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-sm) var(--loam-ease)}}li.empty{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);padding-block:var(--loam-space-sm);padding-inline:var(--loam-space-sm)}@media(forced-colors:active){[role=option][data-highlighted]{background:Highlight;color:HighlightText;forced-color-adjust:none}[role=option][aria-disabled=true]{color:GrayText}}}}@layer loamui.components{@scope (.loam-CopyButton) to ([class*="loam-"]){:scope{display:contents}}}@layer loamui.components{@scope (.loam-DateInput) to ([class*="loam-"]){p.description{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin:0}p.error{color:var(--loam-color-danger);font-size:var(--loam-text-sm);margin:0}div.parts{display:block grid;gap:var(--loam-space-md);grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start}}}@layer loamui.components{@scope (.loam-Details) to ([class*="loam-"]){:scope{background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-md);inline-size:100%;overflow:clip;>summary{align-items:center;cursor:pointer;display:block flex;font-size:var(--loam-text-md);font-weight:600;gap:var(--loam-space-md);justify-content:space-between;line-height:1.4;list-style:none;padding-block:var(--loam-space-lg);padding-inline:var(--loam-space-lg);user-select:none;@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-md) var(--loam-ease)}}}:scope>summary::-webkit-details-marker{display:none}:scope[open]>summary{color:var(--loam-color-primary-strong)}span.label{min-inline-size:0}svg.chevron{block-size:1em;color:var(--loam-color-fg-muted);flex:none;inline-size:1em;rotate:0deg;:scope[open]>summary &{color:var(--loam-color-primary-strong);rotate:180deg}@media(prefers-reduced-motion:no-preference){transition:rotate var(--loam-duration-md) var(--loam-ease)}}div.content{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);line-height:1.55;padding-block:var(--loam-space-lg);padding-inline:var(--loam-space-lg)}@media(hover:hover){:scope>summary:hover{background:var(--loam-color-surface-hover)}}@supports (interpolate-size: allow-keywords){:scope{interpolate-size:allow-keywords}@media(prefers-reduced-motion:no-preference){:scope::details-content{block-size:0;overflow-block:clip;transition:block-size var(--loam-duration-md) var(--loam-ease),content-visibility var(--loam-duration-md) var(--loam-ease) allow-discrete}:scope[open]::details-content{block-size:auto}}}}}@layer loamui.components{@scope (.loam-Drawer-popup) to ([class*="loam-"]){:scope{--_size: var(--loam-drawer-size, 24rem);--_hidden: 0 0;background:var(--loam-color-surface);border:0;box-shadow:var(--loam-shadow-lg);font-size:var(--loam-text-sm);margin:0;overflow:auto;overscroll-behavior:contain;padding:var(--loam-space-lg);&[data-side=start],&[data-side=end]{block-size:auto;inline-size:min(var(--_size),100dvi - var(--loam-space-xl));inset-block:0;max-block-size:100dvb}&[data-side=start]{--_hidden: -100% 0;border-end-end-radius:var(--loam-radius-lg);border-start-end-radius:var(--loam-radius-lg);inset-inline:0 auto}&[data-side=end]{--_hidden: 100% 0;border-end-start-radius:var(--loam-radius-lg);border-start-start-radius:var(--loam-radius-lg);inset-inline:auto 0}&[data-side=top],&[data-side=bottom]{block-size:min(var(--_size),100dvb - var(--loam-space-xl));inline-size:auto;inset-inline:0;max-inline-size:100dvi}&[data-side=top]{--_hidden: 0 -100%;border-end-end-radius:var(--loam-radius-lg);border-end-start-radius:var(--loam-radius-lg);inset-block:0 auto}&[data-side=bottom]{--_hidden: 0 100%;border-start-end-radius:var(--loam-radius-lg);border-start-start-radius:var(--loam-radius-lg);inset-block:auto 0}&::backdrop{background:color-mix(in oklch,var(--loam-color-fg) 45%,transparent)}@media(forced-colors:active){border:1px solid}@media(prefers-reduced-motion:no-preference){transition:translate var(--loam-duration-lg) var(--loam-ease),display var(--loam-duration-lg) var(--loam-ease) allow-discrete,overlay var(--loam-duration-lg) var(--loam-ease) allow-discrete;translate:0 0;&:not([open]){translate:var(--_hidden)}&::backdrop{opacity:1;transition:opacity var(--loam-duration-lg) var(--loam-ease),display var(--loam-duration-lg) var(--loam-ease) allow-discrete,overlay var(--loam-duration-lg) var(--loam-ease) allow-discrete;@starting-style{opacity:0}}&:not([open])::backdrop{opacity:0}@starting-style{translate:var(--_hidden)}}}h2.title{font-size:var(--loam-text-lg);font-weight:600;margin-block:0 var(--loam-space-sm)}p.description{color:var(--loam-color-fg-muted);margin-block:0 var(--loam-space-md)}}}@layer loamui.components{@scope (.loam-ErrorSummary) to ([class*="loam-"]){:scope{background:var(--loam-color-danger-soft);border:2px solid var(--loam-color-danger);border-radius:var(--loam-radius-md);padding:var(--loam-space-lg);&:focus-visible{outline:var(--loam-ring-width) solid var(--loam-color-danger-ring);outline-offset:2px}}h2{font-size:var(--loam-text-md);font-weight:700;margin:0;text-wrap:balance}li{margin-block:0}ul{display:block flex;flex-direction:column;gap:var(--loam-space-xs);margin-block:var(--loam-space-sm) 0;margin-inline:0;padding-inline-start:var(--loam-space-lg)}a{color:light-dark(color-mix(in oklab,var(--loam-color-danger) 70%,oklch(0% 0 0deg)),color-mix(in oklab,var(--loam-color-danger) 55%,oklch(100% 0 0deg)));font-size:var(--loam-text-sm);font-weight:600;text-decoration:underline;text-decoration-skip-ink:auto}}}@layer loamui.components{@scope (.loam-Field) to ([class*="loam-"]){:scope{display:block flex;flex-direction:column;gap:var(--loam-space-xs);inline-size:100%}}@scope (.loam-Field-label){:scope{align-items:center;display:block flex;font-size:var(--loam-text-sm);font-weight:500;gap:var(--loam-space-sm)}span.optional{color:var(--loam-color-fg-muted);font-weight:400}}@scope (.loam-Field-description){:scope{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin:0}}@scope (.loam-Field-error){:scope{color:var(--loam-color-danger);font-size:var(--loam-text-sm);margin:0}}}@layer loamui.components{@scope (.loam-Fieldset) to ([class*="loam-"]){:scope{border:0;display:block flex;flex-direction:column;gap:var(--loam-space-sm);margin:0;min-inline-size:0;padding:0}legend{font-size:var(--loam-text-sm);font-weight:500;padding:0}span.optional{color:var(--loam-color-fg-muted);font-weight:400}}}@layer loamui.components{@scope (.loam-FileInput) to ([class*="loam-"]){:scope{inline-size:100%;position:relative}label{background:var(--loam-color-surface);border:1px dashed var(--loam-color-line-strong);border-radius:var(--loam-radius-lg);color:var(--loam-color-fg-muted);cursor:pointer;display:block flow;font-size:var(--loam-text-sm);padding:var(--loam-space-lg);text-align:center;:scope[data-dragging] &{background:var(--loam-color-primary-soft);border-color:var(--loam-color-primary-strong);color:var(--loam-color-fg)}:scope:has(input:focus-visible) &{border-color:var(--loam-color-primary);outline:var(--loam-ring-width) solid var(--loam-color-ring);outline-offset:2px}:scope:has(input[aria-invalid=true]) &{--loam-color-ring: var(--loam-color-danger-ring);border-color:var(--loam-color-danger)}:scope:has(input:disabled) &{cursor:not-allowed;opacity:var(--loam-disabled-opacity)}@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-sm) var(--loam-ease),border-color var(--loam-duration-sm) var(--loam-ease)}}ul{font-size:var(--loam-text-sm);margin:0;&:not(:empty){margin-block-start:var(--loam-space-sm)}}li{overflow-wrap:anywhere}span.size{color:var(--loam-color-fg-muted)}@media(forced-colors:active){label{border-color:CanvasText;:scope[data-dragging] &{border-color:Highlight;border-style:solid}:scope:has(input:focus-visible) &{outline-color:Highlight}}}}}@layer loamui.components{@scope (.loam-Input-field) to ([class*="loam-"]){:scope{align-items:center;background:var(--loam-color-surface);border:1px solid var(--loam-color-line-strong);border-radius:var(--_radius, var(--loam-radius-md));display:block flex;font-size:var(--loam-text-sm);gap:var(--loam-space-sm);line-height:1.2;padding-block:var(--loam-space-sm);padding-inline:var(--loam-space-md);&:focus-within{border-color:var(--loam-color-primary);outline:var(--loam-ring-width) solid var(--loam-color-ring);outline-offset:2px}@media(prefers-reduced-motion:no-preference){transition:border-color var(--loam-duration-sm) var(--loam-ease),box-shadow var(--loam-duration-md) var(--loam-ease)}}:scope:has(>input[size]){inline-size:fit-content}:scope:has(input:autofill){border-color:color-mix(in oklab,var(--loam-color-primary) 50%,var(--loam-color-line-strong))}:scope:has(input:-webkit-autofill){border-color:color-mix(in oklab,var(--loam-color-primary) 50%,var(--loam-color-line-strong))}:scope:has(input[aria-invalid=true]){--loam-color-ring: var(--loam-color-danger-ring);border-color:var(--loam-color-danger)}:scope:has(input:disabled){background:var(--loam-color-bg-subtle);opacity:var(--loam-disabled-opacity)}input{background:transparent;border:none;color:inherit;font:inherit;min-inline-size:0;outline:none;padding:0}input:not([size]){flex:1}input[size]{flex:none}input::placeholder{color:var(--loam-color-fg-dim)}input:autofill{box-shadow:inset 0 0 0 100px color-mix(in oklab,var(--loam-color-primary) 8%,var(--loam-color-surface))}input:-webkit-autofill{box-shadow:inset 0 0 0 100px color-mix(in oklab,var(--loam-color-primary) 8%,var(--loam-color-surface))}span.section{align-items:center;color:var(--loam-color-fg-muted);display:inline flex;flex-shrink:0;svg{block-size:auto;inline-size:1.125em}}@media(forced-colors:active){:scope:has(input[aria-invalid=true]){outline:2px solid LinkText;outline-offset:1px;&:focus-within{outline:var(--loam-ring-width) solid Highlight;outline-offset:2px}}}}}@layer loamui.components{@scope (.loam-Loader){:scope{--_size: var(--loam-loader-size, 1.5rem);align-items:center;block-size:var(--_size);color:var(--loam-color-accent);display:inline flex;inline-size:var(--_size);justify-content:center;vertical-align:middle;&[data-size=sm]{--_size: 1rem}&[data-size=md]{--_size: 1.5rem}&[data-size=lg]{--_size: 2.25rem}}span.spinner{block-size:100%;border:max(2px,calc(var(--_size) * 0.12)) solid color-mix(in oklch,currentcolor 25%,transparent);border-block-start-color:currentcolor;border-radius:var(--loam-radius-full);inline-size:100%;@media(prefers-reduced-motion:no-preference){animation:loam-loader-spin calc(var(--loam-duration-lg) * 2) linear infinite}@media(forced-colors:active){border-color:CanvasText transparent transparent;forced-color-adjust:none}}}@keyframes loam-loader-spin{to{transform:rotate(1turn)}}}@layer loamui.components{@scope (.loam-Menu){:scope{display:inline flow-root;position:relative}}@scope (.loam-Menu-popup) to ([class*="loam-"]){:scope{--_size: var(--loam-menu-size, 18rem);background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-md);box-shadow:var(--loam-shadow-lg);inline-size:max-content;margin:0;max-inline-size:min(var(--_size),90vi);min-inline-size:calc(var(--_size) * 0.6);padding:var(--loam-space-xs);@supports (anchor-name: --loam-probe){inset:auto;inset-inline-start:anchor(start);position:fixed;position-try:flip-block;&[data-side=bottom]{inset-block-start:calc(anchor(end) + var(--loam-space-xs))}&[data-side=top]{inset-block-end:calc(anchor(start) + var(--loam-space-xs))}@media(prefers-reduced-motion:no-preference){opacity:1;transition:opacity var(--loam-duration-md) var(--loam-ease),translate var(--loam-duration-md) var(--loam-ease),display var(--loam-duration-md) var(--loam-ease) allow-discrete,overlay var(--loam-duration-md) var(--loam-ease) allow-discrete;translate:0 0;&:not(:popover-open){opacity:0;translate:0 -0.25rem}&[data-side=top]{&:not(:popover-open){translate:0 0.25rem}@starting-style{translate:0 0.25rem}}@starting-style{opacity:0;translate:0 -0.25rem}}}@supports not (anchor-name: --loam-probe){inset-inline-start:0;position:absolute;z-index:var(--loam-z-popup);&[data-side=bottom]{inset-block-start:calc(100% + var(--loam-space-xs))}&[data-side=top]{inset-block-end:calc(100% + var(--loam-space-xs))}}}.item{align-items:center;background:none;border:0;border-radius:var(--loam-radius-sm);box-shadow:none;color:var(--loam-color-fg);cursor:default;display:block flex;font:inherit;font-size:var(--loam-text-sm);gap:var(--loam-space-sm);inline-size:100%;outline:none;padding-block:var(--loam-space-sm);padding-inline:var(--loam-space-sm);text-align:start;text-decoration:none;user-select:none;white-space:nowrap;&:focus:not([aria-disabled=true]){background:var(--loam-color-primary-soft)}&[aria-disabled=true]{color:var(--loam-color-fg-dim)}svg{block-size:auto;flex-shrink:0;inline-size:1em}&[role=menuitemcheckbox]::before,&[role=menuitemradio]::before{block-size:1em;content:"";flex-shrink:0;inline-size:1em}&[role=menuitemcheckbox][aria-checked=true]::before{background:currentcolor;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}&[role=menuitemradio][aria-checked=true]::before{background:currentcolor;clip-path:circle(25%)}@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-sm) var(--loam-ease)}@media(hover:hover){&:hover:not([aria-disabled=true]){background:var(--loam-color-primary-soft)}}}div.group-label{color:var(--loam-color-fg-muted);font-size:var(--loam-text-xs);font-weight:600;letter-spacing:0.02em;padding-block:var(--loam-space-xs);padding-inline:var(--loam-space-sm);text-transform:uppercase}hr{border:0;border-block-start:1px solid var(--loam-color-line);margin-block:var(--loam-space-xs);margin-inline:calc(-1 * var(--loam-space-xs))}@media(forced-colors:active){.item:focus:not([aria-disabled=true]),.item:hover:not([aria-disabled=true]){background:Highlight;color:HighlightText;forced-color-adjust:none}.item[aria-disabled=true]{color:GrayText}.item[aria-checked=true]::before{forced-color-adjust:none}}}}@layer loamui.components{@scope (.loam-Meter) to ([class*="loam-"]){:scope{--_h: 0.625rem;--_optimum: var(--loam-color-primary-strong);--_fill: var(--_optimum);appearance:none;background:var(--loam-color-bg-subtle);block-size:var(--_h);border:none;border-radius:var(--loam-radius-full);display:block flow;inline-size:100%;overflow:clip;&[data-size=sm]{--_h: 0.375rem}&[data-size=lg]{--_h: 1rem}&:is([low],[high]){--_optimum: var(--loam-color-success-strong)}&:-moz-meter-sub-optimum{--_fill: var(--loam-color-warning-strong)}&:-moz-meter-sub-sub-optimum{--_fill: var(--loam-color-danger-strong)}}:scope::-webkit-meter-bar{background:var(--loam-color-bg-subtle);block-size:100%;border:none;border-radius:var(--loam-radius-full)}:scope::-webkit-meter-optimum-value{background:var(--_optimum);block-size:100%;border-radius:var(--loam-radius-full)}:scope::-webkit-meter-suboptimum-value{background:var(--loam-color-warning-strong);block-size:100%;border-radius:var(--loam-radius-full)}:scope::-webkit-meter-even-less-good-value{background:var(--loam-color-danger-strong);block-size:100%;border-radius:var(--loam-radius-full)}:scope::-moz-meter-bar{background:var(--_fill);border-radius:var(--loam-radius-full)}@media(forced-colors:active){:scope{border:1px solid CanvasText}:scope::-webkit-meter-optimum-value{background:Highlight;forced-color-adjust:none}:scope::-webkit-meter-suboptimum-value{background:Highlight;forced-color-adjust:none}:scope::-webkit-meter-even-less-good-value{background:Highlight;forced-color-adjust:none}:scope::-moz-meter-bar{background:Highlight;forced-color-adjust:none}}}}@layer loamui.components{@scope (.loam-Modal-popup) to ([class*="loam-"]){:scope{--_size: var(--loam-modal-size, fit-content);--_cap: var(--loam-modal-size, 32rem);--_floor: var(--loam-modal-size, 24rem);background:var(--loam-color-surface);border:0;border-radius:var(--loam-radius-lg);box-shadow:var(--loam-shadow-lg);font-size:var(--loam-text-sm);inline-size:var(--_size);margin:auto;max-block-size:calc(100dvb - 2 * var(--loam-space-xl));max-inline-size:min(100% - 2 * var(--loam-space-lg),var(--_cap));min-inline-size:min(24rem,var(--_floor),100% - 2 * var(--loam-space-lg));overflow-block:auto;padding:var(--loam-space-lg);&::backdrop{background:color-mix(in oklch,var(--loam-color-fg) 45%,transparent)}@media(forced-colors:active){border:1px solid}@media(prefers-reduced-motion:no-preference){opacity:1;scale:1;transition:opacity var(--loam-duration-lg) var(--loam-ease),translate var(--loam-duration-lg) var(--loam-ease),scale var(--loam-duration-lg) var(--loam-ease),display var(--loam-duration-lg) var(--loam-ease) allow-discrete,overlay var(--loam-duration-lg) var(--loam-ease) allow-discrete;translate:0 0;&:not([open]){opacity:0;scale:0.98;translate:0 0.5rem}&::backdrop{opacity:1;transition:opacity var(--loam-duration-lg) var(--loam-ease),display var(--loam-duration-lg) var(--loam-ease) allow-discrete,overlay var(--loam-duration-lg) var(--loam-ease) allow-discrete;@starting-style{opacity:0}}&:not([open])::backdrop{opacity:0}@starting-style{opacity:0;scale:0.98;translate:0 0.5rem}}}h2.title{font-size:var(--loam-text-lg);font-weight:600;margin-block:0 var(--loam-space-sm)}p.description{color:var(--loam-color-fg-muted);margin-block:0 var(--loam-space-md)}}}@layer loamui.components{@scope (.loam-Nav) to ([class*="loam-"]){:scope{display:block grid;gap:var(--loam-space-sm)}.loam-Nav+:scope{margin-block-start:var(--loam-space-lg)}.title{color:var(--loam-color-fg-muted);font-family:var(--loam-font);font-size:var(--loam-text-xs);font-weight:600;letter-spacing:0.08em;line-height:1.4;margin:0;padding-inline:var(--loam-space-sm);text-transform:uppercase}ul{display:block grid;gap:2px;list-style:none;margin:0;padding:0;ul{padding-inline-start:var(--loam-nav-indent, var(--loam-space-md))}}li{margin:0;&:has(>.dropdown-trigger){position:relative}}}@scope (.loam-Nav :is(.link,summary.group-title)) to ([class*="loam-"]){:scope{align-items:center;background:none;border:0;border-radius:var(--loam-radius-md);box-shadow:none;color:var(--loam-color-fg);cursor:pointer;display:block flex;font-size:var(--loam-text-md);font-weight:400;gap:var(--loam-space-sm);line-height:1.4;min-block-size:var(--loam-nav-link-size, 2.25rem);padding-block:var(--loam-space-xs);padding-inline:var(--loam-space-sm);text-align:start;text-decoration:none;white-space:normal;svg{block-size:auto;flex:none;inline-size:1.25em}&[aria-current]{background:var(--loam-color-bg-subtle);border-color:var(--loam-color-primary-strong);color:var(--loam-color-fg-strong);font-weight:600}&:is(summary){list-style:none;user-select:none;&::-webkit-details-marker{display:none}}&:is(summary,.dropdown-trigger)::after{block-size:0.5em;border-block-end:2px solid currentcolor;border-inline-end:2px solid currentcolor;content:"";flex:none;inline-size:0.5em;margin-block-start:-0.25em;margin-inline-start:auto;rotate:45deg;@media(prefers-reduced-motion:no-preference){transition:rotate var(--loam-duration-sm) var(--loam-ease)}}details.group[open]>&::after,&.dropdown-trigger[aria-expanded=true]::after{margin-block-start:0.25em;rotate:-135deg}details.group:has(.link[aria-current])>&{color:var(--loam-color-fg-strong);font-weight:600}details.group:not([open]):has(.link[aria-current])>&{border-color:var(--loam-color-primary-strong)}&.dropdown-trigger:has(+* .link[aria-current]){color:var(--loam-color-fg-strong);font-weight:600}&.dropdown-trigger[aria-expanded=false]:has(+* .link[aria-current]){border-color:var(--loam-color-primary-strong)}@container not style(--loam-nav-current-edge: block-end){border-inline-start:2px solid transparent}@container style(--loam-nav-current-edge: block-end){border-block-end:2px solid transparent}@media(hover:hover){&:hover{background:var(--loam-color-bg-subtle);color:var(--loam-color-fg-strong)}}@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-sm) var(--loam-ease),border-color var(--loam-duration-sm) var(--loam-ease),color var(--loam-duration-sm) var(--loam-ease)}@media(forced-colors:active){&[aria-current]{border-color:Highlight}details.group:not([open]):has(.link[aria-current])>&{border-color:Highlight}&.dropdown-trigger[aria-expanded=false]:has(+* .link[aria-current]){border-color:Highlight}}}}@scope (.loam-Nav-dropdown) to ([class*="loam-"]){:scope{--_size: var(--loam-nav-dropdown-size, 16rem);--loam-nav-current-edge: inline-start;background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-md);box-shadow:var(--loam-shadow-lg);inline-size:min(var(--_size),90vi);margin:0;padding:var(--loam-space-xs);@supports (anchor-name: --loam-probe){inset:auto;margin-block:var(--loam-space-xs);position:fixed;position-area:block-end span-inline-end;position-try-fallbacks:flip-block,flip-inline;@media(prefers-reduced-motion:no-preference){opacity:1;transition:opacity var(--loam-duration-md) var(--loam-ease),translate var(--loam-duration-md) var(--loam-ease),display var(--loam-duration-md) var(--loam-ease) allow-discrete,overlay var(--loam-duration-md) var(--loam-ease) allow-discrete;translate:0 0;&:not(:popover-open){opacity:0;translate:0 -0.25rem}@starting-style{opacity:0;translate:0 -0.25rem}}}@supports not (anchor-name: --loam-probe){inset-block-start:calc(100% + var(--loam-space-xs));inset-inline-start:0;position:absolute;z-index:var(--loam-z-popup)}@media(forced-colors:active){border-color:CanvasText}}ul{display:block grid;gap:2px;list-style:none;margin:0;padding:0}li{margin:0}}}@layer loamui.components{@scope (.loam-Pagination) to ([class*="loam-"]){:scope{--_control-h: calc(1.2 * var(--loam-text-sm) + 2 * var(--loam-space-sm) + 2px)}ul{align-items:center;display:block flex;flex-wrap:wrap;gap:var(--loam-space-xs);list-style:none;margin:0;padding:0}li{margin-block:0;&:has(>[aria-current=page]){--loam-context: primary}&:has(>[data-disabled]){opacity:var(--loam-disabled-opacity);pointer-events:none}&.ellipsis{align-items:center;block-size:var(--_control-h);color:var(--loam-color-fg-dim);display:inline flex;justify-content:center;min-inline-size:var(--_control-h);user-select:none}}}}@layer loamui.components{@scope (.loam-PasswordInput) to ([class*="loam-"]){:scope{align-items:end;display:block grid;gap:var(--loam-space-sm);grid-template-columns:minmax(0,1fr) auto}}}@layer loamui.components{@scope (.loam-Popover){:scope{display:inline flow-root;position:relative}}@scope (.loam-Popover-popup) to ([class*="loam-"]){:scope{--_size: var(--loam-popover-size, 20rem);background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-md);box-shadow:var(--loam-shadow-lg);inline-size:max-content;margin:0;max-inline-size:min(var(--_size),90vi);min-inline-size:calc(var(--_size) * 0.6);padding:var(--loam-space-md);@supports (anchor-name: --loam-probe){inset:auto;inset-inline-start:anchor(start);position:fixed;position-try:flip-block;&[data-side=bottom]{inset-block-start:calc(anchor(end) + var(--loam-space-xs))}&[data-side=top]{inset-block-end:calc(anchor(start) + var(--loam-space-xs))}@media(prefers-reduced-motion:no-preference){opacity:1;transition:opacity var(--loam-duration-lg) var(--loam-ease),translate var(--loam-duration-lg) var(--loam-ease),display var(--loam-duration-lg) var(--loam-ease) allow-discrete,overlay var(--loam-duration-lg) var(--loam-ease) allow-discrete;translate:0 0;&:not(:popover-open){opacity:0;translate:0 -0.25rem}&[data-side=top]{&:not(:popover-open){translate:0 0.25rem}@starting-style{translate:0 0.25rem}}@starting-style{opacity:0;translate:0 -0.25rem}}}@supports not (anchor-name: --loam-probe){inset-inline-start:0;position:absolute;z-index:var(--loam-z-popup);&[data-side=bottom]{inset-block-start:calc(100% + var(--loam-space-xs))}&[data-side=top]{inset-block-end:calc(100% + var(--loam-space-xs))}}}h2.title{font-size:var(--loam-text-md);font-weight:600;margin:0}p.description{color:var(--loam-color-fg-muted);margin-block-end:0;margin-inline:0;&:not(h2.title+*){margin-block-start:0}h2.title+&{margin-block-start:var(--loam-space-xs)}}}}@layer loamui.components{@scope (.loam-Price) to ([class*="loam-"]){small.per{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);font-variant-numeric:normal;font-weight:400;margin-inline-start:0.35em}}}@layer loamui.components{@scope (.loam-Progress) to ([class*="loam-"]){:scope{--_h: 0.625rem;display:block grid;gap:var(--loam-space-xs);inline-size:100%;&[data-size=sm]{--_h: 0.375rem}&[data-size=lg]{--_h: 1rem}}span.label{font-size:var(--loam-text-sm)}progress{appearance:none;background:var(--loam-color-bg-subtle);block-size:var(--_h);border:none;border-radius:var(--_radius, var(--loam-radius-full));display:block flow;inline-size:100%;overflow:clip}progress::-webkit-progress-bar{background:var(--loam-color-bg-subtle);border-radius:inherit}progress::-webkit-progress-value{background:var(--loam-color-primary-strong);border-radius:inherit;@media(prefers-reduced-motion:no-preference){transition:inline-size var(--loam-duration-lg) var(--loam-ease)}}progress::-moz-progress-bar{background:var(--loam-color-primary-strong);border-radius:inherit}progress:indeterminate{background-image:linear-gradient(90deg,transparent 0%,var(--loam-color-primary-strong) 50%,transparent 100%);background-repeat:no-repeat;background-size:40% 100%;@media(prefers-reduced-motion:no-preference){animation:loam-progress-sweep calc(var(--loam-duration-lg) * 5) var(--loam-ease) infinite}}progress:indeterminate::-webkit-progress-bar{background:transparent}progress:indeterminate::-moz-progress-bar{background:transparent}:scope[data-striped] progress::-webkit-progress-value{background-image:repeating-linear-gradient(45deg,color-mix(in oklch,var(--loam-color-on-strong) 22%,transparent) 0,color-mix(in oklch,var(--loam-color-on-strong) 22%,transparent) 0.5rem,transparent 0.5rem,transparent 1rem);background-size:1.414rem 1.414rem}:scope[data-striped] progress::-moz-progress-bar{background-image:repeating-linear-gradient(45deg,color-mix(in oklch,var(--loam-color-on-strong) 22%,transparent) 0,color-mix(in oklch,var(--loam-color-on-strong) 22%,transparent) 0.5rem,transparent 0.5rem,transparent 1rem);background-size:1.414rem 1.414rem}@media(prefers-reduced-motion:no-preference){:scope[data-animated] progress::-webkit-progress-value{animation:loam-progress-stripes calc(var(--loam-duration-lg) * 3) linear infinite}:scope[data-animated] progress::-moz-progress-bar{animation:loam-progress-stripes calc(var(--loam-duration-lg) * 3) linear infinite}}@media(forced-colors:active){progress{border:1px solid CanvasText}progress::-webkit-progress-value{background:Highlight;forced-color-adjust:none}progress::-moz-progress-bar{background:Highlight;forced-color-adjust:none}progress:indeterminate{background-image:linear-gradient(90deg,transparent 0%,Highlight 50%,transparent 100%);forced-color-adjust:none}}}@keyframes loam-progress-stripes{from{background-position:0 0}to{background-position:1.414rem 0}}@keyframes loam-progress-sweep{from{background-position:-40% 0}to{background-position:140% 0}}}@layer loamui.components{@scope (.loam-QuantityInput) to ([class*="loam-"]){:scope{align-items:center;display:block flex;gap:var(--loam-space-xs);inline-size:fit-content}input{appearance:textfield;box-sizing:content-box;font-variant-numeric:lining-nums tabular-nums;inline-size:3ch;text-align:center;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{appearance:none;margin:0}&[aria-invalid=true]{--loam-color-ring: var(--loam-color-danger-ring);border-color:var(--loam-color-danger)}&:disabled{background:var(--loam-color-bg-subtle);opacity:var(--loam-disabled-opacity)}}@supports (field-sizing: content){input{field-sizing:content;inline-size:auto;min-inline-size:3ch}}}}@layer loamui.components{@scope (.loam-Radio) to ([class*="loam-"]){:scope{accent-color:var(--loam-color-primary-strong);block-size:1.15em;flex-shrink:0;inline-size:1.15em;margin:0}.loam-RadioGroup[aria-invalid=true] :scope{--loam-color-ring: var(--loam-color-danger-ring);box-shadow:0 0 0 2px var(--loam-color-danger)}@media(forced-colors:active){.loam-RadioGroup[aria-invalid=true] :scope{outline:2px solid LinkText;outline-offset:1px;&:focus-visible{outline:var(--loam-ring-width) solid Highlight;outline-offset:2px}}}}@scope (.loam-Radio-wrapper) to ([class*="loam-"]){:scope{align-items:flex-start;cursor:pointer;display:inline flex;gap:var(--loam-space-sm);&:has(input:disabled){cursor:not-allowed;opacity:var(--loam-disabled-opacity)}}span.body{display:block flex;flex-direction:column;gap:0.125em}span.label{font-size:var(--loam-text-sm);font-weight:500}span.description{color:var(--loam-color-fg-muted);font-size:var(--loam-text-xs)}}@scope (.loam-RadioGroup) to ([class*="loam-"]){:scope[data-orientation=horizontal]{column-gap:var(--loam-space-lg);flex-flow:row wrap}p.description{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);margin:0}p.error{color:var(--loam-color-danger);font-size:var(--loam-text-sm);margin:0}:scope[data-orientation=horizontal]>:is(p.description,p.error){flex-basis:100%}}}@layer loamui.components{@scope (.loam-Range) to ([class*="loam-"]){:scope{--_track-h: 0.4167em;--_thumb: var(--loam-range-thumb-size, calc(1.25 * var(--loam-text-sm)));appearance:none;background:transparent;cursor:pointer;font-size:var(--loam-text-sm);inline-size:100%;margin:0;&[aria-invalid=true]{--loam-color-ring: var(--loam-color-danger-ring)}&:disabled{cursor:not-allowed;opacity:var(--loam-disabled-opacity)}}:scope::-webkit-slider-runnable-track{background:var(--loam-color-line-strong);block-size:var(--_track-h);border-radius:var(--loam-radius-full)}:scope::-moz-range-track{background:var(--loam-color-line-strong);block-size:var(--_track-h);border-radius:var(--loam-radius-full)}:scope::-moz-range-progress{background:var(--loam-color-primary-strong);block-size:var(--_track-h);border-radius:var(--loam-radius-full)}:scope::-webkit-slider-thumb{appearance:none;background:var(--loam-color-primary-strong);block-size:var(--_thumb);border:2px solid var(--loam-color-on-strong);border-radius:var(--loam-radius-full);box-shadow:var(--loam-shadow-sm);inline-size:var(--_thumb);margin-block-start:calc((var(--_track-h) - var(--_thumb)) / 2);scale:1;@media(prefers-reduced-motion:no-preference){transition:scale var(--loam-duration-md) var(--loam-ease),box-shadow var(--loam-duration-md) var(--loam-ease)}}:scope::-moz-range-thumb{background:var(--loam-color-primary-strong);block-size:var(--_thumb);border:2px solid var(--loam-color-on-strong);border-radius:var(--loam-radius-full);box-shadow:var(--loam-shadow-sm);inline-size:var(--_thumb);scale:1;@media(prefers-reduced-motion:no-preference){transition:scale var(--loam-duration-md) var(--loam-ease),box-shadow var(--loam-duration-md) var(--loam-ease)}}:scope[aria-invalid=true]::-webkit-slider-thumb{background:var(--loam-color-danger-strong)}:scope[aria-invalid=true]::-moz-range-thumb{background:var(--loam-color-danger-strong)}:scope:focus-visible{outline:none}:scope:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--loam-ring-width) var(--loam-color-ring)}:scope:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--loam-ring-width) var(--loam-color-ring)}@media(hover:hover){:scope:hover:not(:disabled)::-webkit-slider-thumb{scale:1.08}:scope:hover:not(:disabled)::-moz-range-thumb{scale:1.08}}@media(forced-colors:active){:scope:focus-visible{outline:var(--loam-ring-width) solid Highlight;outline-offset:2px}:scope[aria-invalid=true]{outline:2px solid LinkText;outline-offset:1px}:scope::-webkit-slider-runnable-track{background:ButtonText;forced-color-adjust:none}:scope::-moz-range-track{background:ButtonText;forced-color-adjust:none}:scope::-moz-range-progress{background:Highlight;forced-color-adjust:none}:scope::-webkit-slider-thumb{background:Highlight;border-color:Canvas;forced-color-adjust:none}:scope::-moz-range-thumb{background:Highlight;border-color:Canvas;forced-color-adjust:none}}}@scope (.loam-Range-root) to ([class*="loam-"]){:scope{display:block grid;gap:var(--loam-space-xs);inline-size:100%}}@scope (.loam-Range-marks) to ([class*="loam-"]){:scope{--_thumb: var(--loam-range-thumb-size, calc(1.25 * var(--loam-text-sm)));block-size:calc(0.5em + 1lh);color:var(--loam-color-fg-muted);font-size:var(--loam-text-xs);position:relative}span{inset-block-start:0;inset-inline-start:calc(var(--_thumb) / 2 + (100% - var(--_thumb)) * var(--_at, 0));padding-block-start:0.5em;position:absolute;translate:-50%;white-space:nowrap;&:dir(rtl){translate:50%}&::before{block-size:0.5em;border-inline-start:1px solid var(--loam-color-line-strong);content:"";inset-block-start:0;inset-inline-start:50%;position:absolute}}}@scope (.loam-Range-output){:scope{--_thumb: var(--loam-range-thumb-size, calc(1.25 * var(--loam-text-sm)));background:var(--loam-color-surface);border:1px solid var(--loam-color-line-strong);border-radius:var(--loam-radius-sm);font-size:var(--loam-text-xs);font-variant-numeric:lining-nums tabular-nums;inline-size:fit-content;justify-self:start;margin-inline-start:calc(var(--_thumb) / 2 + (100% - var(--_thumb)) * var(--_value, 0));order:-1;padding-block:var(--loam-space-xs);padding-inline:var(--loam-space-sm);translate:-50%;white-space:nowrap;&:dir(rtl){translate:50%}}}}@layer loamui.components{@scope (.loam-Rating) to ([class*="loam-"]){:scope{--_empty: var(--loam-color-line-strong);--_filled: var(--loam-color-accent);&[data-read-only]{align-items:center;display:inline flex;gap:var(--loam-space-sm)}&:disabled{opacity:var(--loam-disabled-opacity)}}span.label{font-size:var(--loam-text-sm);font-weight:500}span.stars{display:inline flex}.star{--_amount: 0;--_paint: var(--_empty);display:inline flex;padding-inline:0.125em;position:relative}input{block-size:max(100%,24px);inline-size:max(100%,24px);inset-block-start:50%;inset-inline-start:50%;margin:0;opacity:0;position:absolute;translate:-50% -50%;&:not(:disabled){cursor:pointer}&:focus-visible{outline:none}}.star:has(input:focus-visible){border-radius:var(--loam-radius-sm);outline:var(--loam-ring-width) solid var(--loam-color-ring);outline-offset:2px}svg{block-size:1.25em;color:var(--_paint);inline-size:1.25em;@media(prefers-reduced-motion:no-preference){transition:color var(--loam-duration-sm) var(--loam-ease)}}path.outline{fill:none;stroke:currentcolor;stroke-linejoin:round;stroke-width:1.5px}path.fill{clip-path:inset(0 calc((1 - var(--_amount)) * 100%) 0 0);fill:currentcolor}svg:dir(rtl){scale:-1 1}.star:is(:has(input:checked),:has(~.star input:checked)){--_amount: 1;--_paint: var(--_filled)}.star[data-fill=half]{--_amount: 0.5;--_paint: var(--_filled)}.star[data-fill=full]{--_amount: 1;--_paint: var(--_filled)}@media(hover:hover){span.stars:has(input:hover:not(:disabled)) .star{--_amount: 0;--_paint: var(--_empty);&:is(:has(input:hover),:has(~.star input:hover)){--_amount: 1;--_paint: var(--_filled)}}}@media(forced-colors:active){:scope{--_empty: CanvasText;--_filled: Highlight}svg{forced-color-adjust:none}}}}@layer loamui.components{@scope (.loam-Search) to ([class*="loam-"]){:scope{display:block flow}form{align-items:end;display:block grid;gap:var(--loam-space-sm);grid-template-columns:minmax(0,1fr) auto}}}@layer loamui.components{@scope (.loam-SegmentedControl) to ([class*="loam-"]){:scope{--_inset: 2px;align-items:center;background:var(--loam-color-bg-subtle);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-full);display:inline flex;gap:var(--_inset);margin:0;min-inline-size:0;padding:var(--_inset)}legend{color:var(--loam-color-fg-muted);float:inline-start;font-size:var(--loam-text-sm);font-weight:500;line-height:1.2;margin:0;padding-block:0;padding-inline:var(--loam-space-sm) var(--loam-space-xs)}label.segment{align-items:center;border:1px solid transparent;border-radius:var(--loam-radius-full);color:var(--loam-color-fg-muted);cursor:pointer;display:inline flex;font-size:var(--loam-text-sm);font-weight:500;gap:var(--loam-space-sm);justify-content:center;line-height:1.2;min-inline-size:var( --loam-segmented-control-segment-size, calc(1.2 * var(--loam-text-sm) + 2 * var(--loam-space-sm) - 2 * var(--_inset)) );padding-block:calc(var(--loam-space-sm) - var(--_inset) - 1px);padding-inline:var(--loam-space-md);user-select:none;white-space:nowrap;svg{block-size:auto;flex:none;inline-size:1em}&:has(>input:first-child+svg:last-child),&:has(>input:first-child+svg+[class~=loam-VisuallyHidden]:last-child){padding-inline:0}&:has(input:checked){background:var(--loam-color-surface);border-color:var(--loam-color-line-strong);box-shadow:var(--loam-shadow-sm);color:var(--loam-color-fg-strong)}&:has(input:focus-visible){outline:var(--loam-ring-width) solid var(--loam-color-ring);outline-offset:2px}&:has(input:disabled){cursor:not-allowed;opacity:var(--loam-disabled-opacity)}@media(hover:hover){&:hover:not(:has(input:checked,input:disabled)){color:var(--loam-color-fg)}}@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-sm) var(--loam-ease),border-color var(--loam-duration-sm) var(--loam-ease),box-shadow var(--loam-duration-md) var(--loam-ease),color var(--loam-duration-sm) var(--loam-ease)}}@media(forced-colors:active){label.segment:has(input:checked){background:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}label.segment:has(input:focus-visible){outline-color:Highlight}label.segment:has(input:disabled){color:GrayText}}}}@layer loamui.components{@scope (.loam-Select-field) to ([class*="loam-"]){:scope{display:block flex;font-size:var(--loam-text-sm);position:relative}select{appearance:none;cursor:pointer;flex:1;min-inline-size:0;padding-inline-end:calc(1.125em + var(--loam-space-md) * 2);&:focus-visible{border-color:var(--loam-color-primary)}&:disabled{background:var(--loam-color-bg-subtle);cursor:not-allowed;opacity:var(--loam-disabled-opacity)}@media(prefers-reduced-motion:no-preference){transition:border-color var(--loam-duration-sm) var(--loam-ease),box-shadow var(--loam-duration-md) var(--loam-ease)}}select:autofill{border-color:color-mix(in oklab,var(--loam-color-primary) 50%,var(--loam-color-line-strong));box-shadow:inset 0 0 0 100px color-mix(in oklab,var(--loam-color-primary) 8%,var(--loam-color-surface))}select:-webkit-autofill{border-color:color-mix(in oklab,var(--loam-color-primary) 50%,var(--loam-color-line-strong));box-shadow:inset 0 0 0 100px color-mix(in oklab,var(--loam-color-primary) 8%,var(--loam-color-surface))}select[aria-invalid=true]{--loam-color-ring: var(--loam-color-danger-ring);border-color:var(--loam-color-danger)}select:has(option[value=""]:checked){color:var(--loam-color-fg-muted)}svg.chevron{block-size:1.125em;color:var(--loam-color-fg-muted);flex-shrink:0;inline-size:1.125em;inset-block-start:50%;inset-inline-end:var(--loam-space-md);pointer-events:none;position:absolute;translate:0 -50%}@media(forced-colors:active){select[aria-invalid=true]{outline:2px solid LinkText;outline-offset:1px;&:focus-visible{outline:var(--loam-ring-width) solid Highlight;outline-offset:2px}}}}}@layer loamui.components{@scope (.loam-Separator){:scope{align-self:stretch;border:0;border-block-start:1px solid var(--loam-color-line);margin:0;&[data-orientation=vertical]{block-size:auto;border-block-start:0;border-inline-start:1px solid var(--loam-color-line);inline-size:0;min-block-size:1em}}}}@layer loamui.components{@scope (.loam-SignpostLink) to ([class*="loam-"]){:scope{align-items:center;border-radius:var(--loam-radius-sm);color:var(--loam-color-fg-strong);display:inline flex;font-weight:600;gap:var(--loam-space-sm);max-inline-size:fit-content;text-decoration:none}span.label{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:max(0.08em,1px);text-underline-offset:0.15em;:scope:active &{text-decoration-color:var(--loam-color-primary-strong);text-decoration-thickness:max(0.16em,2px);text-underline-offset:0.15em;transition:none}@media(prefers-reduced-motion:no-preference){transition:text-decoration-color var(--loam-duration-md) var(--loam-ease),text-decoration-thickness var(--loam-duration-md) var(--loam-ease),text-underline-offset var(--loam-duration-md) var(--loam-ease-elastic)}}span.icon{background:var(--loam-color-primary-strong);block-size:1.5em;border-radius:var(--loam-radius-full);color:var(--loam-color-on-strong);display:inline grid;flex-shrink:0;inline-size:1.5em;place-items:center;svg{block-size:65%;inline-size:65%}@media(prefers-reduced-motion:no-preference){transition:translate var(--loam-duration-md) var(--loam-ease-elastic)}}@media(hover:hover){:scope:hover span.label{text-decoration-color:var(--loam-color-primary);text-decoration-thickness:max(0.16em,2px);text-underline-offset:0.3em}:scope:hover span.icon{translate:0.15em 0}}}}@layer loamui.components{@scope (.loam-Skeleton) to ([class*="loam-"]){:scope{block-size:var(--loam-skeleton-block-size, 1lh);border-radius:var(--loam-skeleton-radius, var(--loam-radius-md));display:block flow;inline-size:var(--loam-skeleton-inline-size, 100%);overflow:clip;pointer-events:none;position:relative;user-select:none;visibility:hidden}:scope:has(>*){block-size:var(--loam-skeleton-block-size, auto);inline-size:var(--loam-skeleton-inline-size, fit-content)}:scope:has(>.loam-Avatar){border-radius:var(--loam-skeleton-radius, var(--loam-radius-full))}:scope::after{background-color:color-mix(in oklab,var(--loam-color-fg) 8%,transparent);background-image:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--loam-color-fg) 7%,transparent) 50%,transparent 100%);content:"";inset:0;position:absolute;visibility:visible;@media(prefers-reduced-motion:no-preference){animation:loam-skeleton-shimmer calc(var(--loam-duration-lg) * 5) var(--loam-ease) infinite;background-size:200% 100%}@media(forced-colors:active){border:1px solid GrayText}}}@keyframes loam-skeleton-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}}@layer loamui.components{@scope (.loam-SkipLink){:scope{background:var(--loam-color-surface);border:1px solid var(--loam-color-line-strong);border-radius:var(--loam-radius-md);box-shadow:var(--loam-shadow-lg);color:var(--loam-color-fg);font-size:var(--loam-text-sm);font-weight:600;inset-block-start:var(--loam-space-sm);inset-inline-start:var(--loam-space-sm);padding-block:var(--loam-space-sm);padding-inline:var(--loam-space-lg);position:fixed;text-decoration:none;z-index:var(--loam-z-skip-link);&:not(:focus){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;overflow:clip;padding:0;white-space:nowrap}}}}@layer loamui.components{@scope (.loam-Stepper) to ([class*="loam-"]){:scope{--_marker-size: var(--loam-stepper-marker-size, calc(2 * var(--loam-text-md)));--_gap: var(--loam-space-lg);container-type:inline-size;counter-reset:step;display:block flex;flex-wrap:wrap;gap:var(--_gap);list-style:none;margin:0;padding:0}>li{counter-increment:step;display:block grid;flex:1 1 100%;gap:var(--loam-space-xs) var(--loam-space-md);grid-template:"marker title" max-content "marker description" 1fr / max-content minmax(0,1fr);margin:0;min-inline-size:0;&::after{border-inline-start:1px solid var(--loam-color-line-strong);content:"";grid-area:marker;justify-self:center;margin-block:var(--_marker-size) calc(-1 * var(--_gap))}&:last-child::after{content:none}}span.marker{align-items:center;align-self:start;background:var(--loam-color-primary-strong);block-size:var(--_marker-size);border-radius:var(--loam-radius-full);color:var(--loam-color-on-strong);display:block flex;font-size:var(--loam-text-sm);font-variant-numeric:lining-nums tabular-nums;font-weight:600;grid-area:marker;justify-content:center;line-height:1;min-inline-size:var(--_marker-size);padding-inline:var(--loam-space-sm);white-space:nowrap;&:empty::before{content:counter(step)}svg{block-size:auto;inline-size:1em}}.title{color:var(--loam-color-fg);font-size:var(--loam-text-md);font-weight:600;grid-area:title;margin:0}p.description{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);grid-area:description;margin:0;max-inline-size:var(--loam-measure)}>li:has(~li[aria-current=step]){&::after{border-color:var(--loam-color-primary-strong)}>span.marker:empty::before{background:currentcolor;block-size:0.8em;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";inline-size:0.8em}}>li[aria-current=step]{>span.marker{outline:2px solid var(--loam-color-primary-strong);outline-offset:2px}.title{color:var(--loam-color-fg-strong)}}>li[aria-current=step]~li{>span.marker{background:var(--loam-color-surface);border:1px solid var(--loam-color-line-strong);color:var(--loam-color-fg-muted)}.title{color:var(--loam-color-fg-muted)}}>li:has(~li[aria-current=step])>span.complete,>li[aria-current=step]>span.current{display:contents}>li:not(:has(~li[aria-current=step]))>span.complete,>li:not([aria-current=step])>span.current{display:none}@container (inline-size >= 40rem){>li{flex:1 1 0;grid-template:"marker line" max-content "title title" max-content "description description" 1fr / max-content minmax(0,1fr);&::after{border-block-start:1px solid var(--loam-color-line-strong);border-inline-start:none;grid-area:line;margin-block:0;margin-inline:0 calc(-1 * var(--_gap));place-self:center stretch}}>li:has(~li[aria-current=step])::after{border-color:var(--loam-color-primary-strong)}}@media(forced-colors:active){span.marker{border:1px solid CanvasText}>li{&::after{border-color:CanvasText}&:has(~li[aria-current=step])>span.marker:empty::before{forced-color-adjust:none}}>li[aria-current=step]{&::after{border-style:dashed}~li{&::after,>span.marker{border-style:dashed}}}}}}@layer loamui.components{@scope (.loam-Switch-wrapper) to ([class*="loam-"]){:scope{align-items:center;cursor:pointer;display:inline flex;gap:var(--loam-space-sm);&:has(input:disabled){cursor:not-allowed}&[data-label-position=start]{flex-direction:row-reverse}}span.label{font-size:var(--loam-text-sm);font-weight:500}:scope:has(input:disabled) span.label{opacity:var(--loam-disabled-opacity)}}@scope (.loam-Switch-control) to ([class*="loam-"]){:scope{--_track-w: 2.7778em;--_track-h: 1.5278em;--_gap: 0.2083em;align-items:center;cursor:pointer;display:inline flex;font-size:var(--loam-text-sm);position:relative}input{block-size:max(100%,24px);cursor:inherit;inline-size:max(100%,24px);inset-block-start:50%;inset-inline-start:50%;margin:0;opacity:0;position:absolute;translate:-50% -50%}span.track{background:var(--loam-color-line-strong);block-size:var(--_track-h);border-radius:var(--loam-radius-full);flex-shrink:0;inline-size:var(--_track-w);padding:var(--_gap);position:relative;@media(prefers-reduced-motion:no-preference){transition:background var(--loam-duration-sm) var(--loam-ease),box-shadow var(--loam-duration-md) var(--loam-ease)}}span.thumb{background:var(--loam-color-on-strong);block-size:calc(var(--_track-h) - 2 * var(--_gap));border-radius:var(--loam-radius-full);box-shadow:var(--loam-shadow-sm);display:block flow;inline-size:calc(var(--_track-h) - 2 * var(--_gap));@media(prefers-reduced-motion:no-preference){transition:translate var(--loam-duration-md) var(--loam-ease-elastic)}}input:checked+span.track{background:var(--loam-color-primary-strong);span.thumb{translate:calc(var(--_track-w) - var(--_track-h)) 0}}input:disabled+span.track{opacity:var(--loam-disabled-opacity)}input:focus-visible{outline:none;+span.track{outline:var(--loam-ring-width) solid var(--loam-color-ring);outline-offset:2px}}input[aria-invalid=true]+span.track{--loam-color-ring: var(--loam-color-danger-ring);box-shadow:inset 0 0 0 1px var(--loam-color-danger)}@media(hover:hover){:is(.loam-Switch-wrapper,:scope):hover input:not(:disabled)+span.track{background:color-mix(in oklch,var(--loam-color-line-strong) 80%,var(--loam-color-primary))}}@media(forced-colors:active){span.track{border:1px solid ButtonText}span.thumb{background:ButtonText;forced-color-adjust:none}input:checked+span.track{background:Highlight;border-color:Highlight;forced-color-adjust:none;span.thumb{background:HighlightText}}input[aria-invalid=true]+span.track{outline:2px solid LinkText;outline-offset:1px}input[aria-invalid=true]:focus-visible+span.track{outline:var(--loam-ring-width) solid Highlight;outline-offset:2px}}}@scope (.loam-Switch-field) to ([class*="loam-"]){:scope{display:block flex;flex-direction:column;gap:var(--loam-space-xs)}span.description{color:var(--loam-color-fg-muted);font-size:var(--loam-text-xs)}}}@layer loamui.components{@scope (.loam-Table) to ([class*="loam-"]){:scope{border-radius:var(--loam-radius-md);inline-size:100%;max-block-size:var(--loam-table-block-size, none);overflow:auto;position:relative}table{font-size:var(--loam-text-sm);inline-size:100%}caption{color:var(--loam-color-fg-muted);font-size:var(--loam-text-xs);padding-block:var(--loam-space-sm);text-align:start}th,td{border-block-end:1px solid var(--loam-color-line);hyphens:manual;padding-block:var(--loam-space-md);padding-inline:var(--loam-space-lg);vertical-align:middle}thead th{border-block-end:1px solid var(--loam-color-line-strong);color:var(--loam-color-fg-muted);font-size:var(--loam-text-xs);font-weight:600;letter-spacing:0.03em;text-transform:uppercase;white-space:nowrap}tbody tr:last-child :is(td,th){border-block-end:none}thead th[aria-sort]{padding-block:var(--loam-space-xs)}:scope[data-sticky-header]{table{border-collapse:separate;border-spacing:0}thead th{background:var(--loam-color-surface);inset-block-start:0;position:sticky;z-index:1}}:scope[data-col-borders] th:not(:last-child),:scope[data-col-borders] td:not(:last-child){border-inline-end:1px solid var(--loam-color-line)}:scope[data-striped] tbody tr:nth-child(even){background:var(--loam-color-bg-subtle)}@media(prefers-reduced-motion:no-preference){:scope[data-hover] tbody tr{transition:background var(--loam-duration-md) var(--loam-ease)}}@media(hover:hover){:scope[data-hover] tbody tr:hover{background:var(--loam-color-surface-hover)}}}@scope (.loam-Table-sort){:scope::after{content:"\2195";margin-inline-start:var(--loam-space-xs)}th[aria-sort=ascending]>:scope::after{content:"\2191"}th[aria-sort=descending]>:scope::after{content:"\2193"}}}@layer loamui.components{@scope (.loam-Tabs) to ([class*="loam-"]){:scope{display:block flex;flex-direction:column;gap:var(--loam-space-lg);inline-size:100%}button.tab{align-items:center;background:transparent;border:none;border-block-end:2px solid transparent;border-start-end-radius:var(--loam-radius-sm);border-start-start-radius:var(--loam-radius-sm);box-shadow:none;color:var(--loam-color-fg-muted);display:inline flex;font-family:inherit;font-size:var(--loam-text-sm);font-weight:600;gap:var(--loam-space-sm);line-height:1;margin-block-end:-1px;padding-block:var(--loam-space-md);padding-inline:var(--loam-space-lg);position:relative;&[aria-disabled=true]{cursor:default;opacity:0.5}&[aria-selected=true]{border-block-end-color:var(--loam-color-primary-strong);color:var(--loam-color-primary-strong)}@media(prefers-reduced-motion:no-preference){transition:color var(--loam-duration-sm) var(--loam-ease),border-color var(--loam-duration-sm) var(--loam-ease),background var(--loam-duration-sm) var(--loam-ease)}@media(hover:hover){&:hover:not([aria-disabled=true]){background:color-mix(in oklch,var(--loam-color-primary-soft) 50%,transparent);color:var(--loam-color-fg)}}}button.tab:has(svg){align-items:center;display:inline flex;gap:0.45em;svg{block-size:1.1em;inline-size:1.1em}}div.panel:focus-visible{border-radius:var(--loam-radius-sm)}div.panel[hidden]:not([hidden=until-found]){display:none}@media(forced-colors:active){button.tab[aria-selected=true]{border-block-end-color:Highlight}button.tab[aria-disabled=true]{color:GrayText}}}@scope (.loam-Tabs-list){:scope{border-block-end:1px solid var(--loam-color-line);display:block flex;gap:var(--loam-space-xs)}}}@layer loamui.components{@scope (.loam-Textarea-field) to ([class*="loam-"]){:scope{background:var(--loam-color-surface);border:1px solid var(--loam-color-line-strong);border-radius:var(--_radius, var(--loam-radius-md));display:block flex;font-size:var(--loam-text-sm);line-height:1.2;padding-block:var(--loam-space-sm);padding-inline:var(--loam-space-md);&:focus-within{border-color:var(--loam-color-primary);outline:var(--loam-ring-width) solid var(--loam-color-ring);outline-offset:2px}@media(prefers-reduced-motion:no-preference){transition:border-color var(--loam-duration-sm) var(--loam-ease),box-shadow var(--loam-duration-md) var(--loam-ease)}}:scope:has(textarea:autofill){border-color:color-mix(in oklab,var(--loam-color-primary) 50%,var(--loam-color-line-strong))}:scope:has(textarea:-webkit-autofill){border-color:color-mix(in oklab,var(--loam-color-primary) 50%,var(--loam-color-line-strong))}:scope:has(textarea[aria-invalid=true]){--loam-color-ring: var(--loam-color-danger-ring);border-color:var(--loam-color-danger)}:scope:has(textarea:disabled){background:var(--loam-color-bg-subtle);opacity:var(--loam-disabled-opacity)}textarea{background:transparent;border:none;color:inherit;flex:1;font:inherit;min-inline-size:0;outline:none;padding:0;resize:block}textarea::placeholder{color:var(--loam-color-fg-dim)}textarea:autofill{box-shadow:inset 0 0 0 100px color-mix(in oklab,var(--loam-color-primary) 8%,var(--loam-color-surface))}textarea:-webkit-autofill{box-shadow:inset 0 0 0 100px color-mix(in oklab,var(--loam-color-primary) 8%,var(--loam-color-surface))}textarea:disabled{resize:none}@supports (field-sizing: content){textarea{field-sizing:content;max-block-size:max(10lh,calc(var(--_rows, 3) * 1lh));min-block-size:calc(var(--_rows, 3) * 1lh)}}@media(forced-colors:active){:scope:has(textarea[aria-invalid=true]){outline:2px solid LinkText;outline-offset:1px;&:focus-within{outline:var(--loam-ring-width) solid Highlight;outline-offset:2px}}}}}@layer loamui.components{}@layer loamui.components{@scope (.loam-Toast-viewport) to ([class*="loam-"]){:scope{background:none;border:0;display:block flex;flex-direction:column;gap:var(--loam-space-sm);inline-size:min(var(--loam-toast-size, 22rem),calc(100vi - 2 * var(--loam-space-lg)));inset:auto;inset-block-end:var(--loam-space-lg);inset-inline-end:var(--loam-space-lg);margin:0;outline:none;overflow:visible;padding:0;position:fixed}:scope[data-empty]{pointer-events:none}div.toast{align-items:flex-start;background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-md);box-shadow:var(--loam-shadow-lg);display:block flex;gap:var(--loam-space-sm);padding:var(--loam-space-md);@media(prefers-reduced-motion:no-preference){transition:opacity var(--loam-duration-lg) var(--loam-ease),translate var(--loam-duration-lg) var(--loam-ease);@starting-style{opacity:0;translate:0 0.5rem}}}div.toast[data-exiting]{opacity:0;translate:0 0.5rem}div.content{flex:1;min-inline-size:0}div.title{font-size:var(--loam-text-sm);font-weight:600}div.description{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);overflow-wrap:break-word;div.title+&{margin-block-start:var(--loam-space-xs)}}@supports not selector(:popover-open){:scope{z-index:var(--loam-z-toast)}}}}@layer loamui.components{@scope (.loam-Tooltip){:scope{display:inline flow-root;position:relative}}@scope (.loam-Tooltip-popup) to ([class*="loam-"]){:scope{--_gap: var(--loam-space-xs);--_arrow: 0.4em;background:var(--loam-color-fg);border:0;border-radius:var(--loam-radius-sm);box-shadow:var(--loam-shadow-md);color:var(--loam-color-bg);font-size:var(--loam-text-xs);inline-size:max-content;margin:0;max-inline-size:var(--loam-tooltip-size, 16rem);overflow:visible;padding-block:var(--loam-space-xs);padding-inline:var(--loam-space-sm);text-align:center;white-space:normal;@media(forced-colors:active){border:1px solid}@supports (anchor-name: --loam-probe){container-type:anchored;inset:auto;position:fixed;&[data-side=top]{inset-block-end:calc(anchor(start) + var(--_gap));justify-self:anchor-center;position-try:flip-block}&[data-side=bottom]{inset-block-start:calc(anchor(end) + var(--_gap));justify-self:anchor-center;position-try:flip-block}&[data-side=left]{align-self:anchor-center;inset-inline-end:calc(anchor(start) + var(--_gap));position-try:flip-inline}&[data-side=right]{align-self:anchor-center;inset-inline-start:calc(anchor(end) + var(--_gap));position-try:flip-inline}@media(prefers-reduced-motion:no-preference){opacity:1;scale:1;transition:opacity var(--loam-duration-lg) var(--loam-ease),scale var(--loam-duration-lg) var(--loam-ease),display var(--loam-duration-lg) var(--loam-ease) allow-discrete,overlay var(--loam-duration-lg) var(--loam-ease) allow-discrete;&:not(:popover-open){opacity:0;scale:0.96}@starting-style{opacity:0;scale:0.96}}}@supports not (anchor-name: --loam-probe){position:absolute;z-index:var(--loam-z-popup);&[data-side=top]{inset-block-end:calc(100% + var(--_gap));inset-inline-start:50%;&:dir(ltr){translate:-50% 0}&:dir(rtl){translate:50% 0}}&[data-side=bottom]{inset-block-start:calc(100% + var(--_gap));inset-inline-start:50%;&:dir(ltr){translate:-50% 0}&:dir(rtl){translate:50% 0}}&[data-side=left]{inset-block-start:50%;inset-inline-end:calc(100% + var(--_gap));translate:0 -50%}&[data-side=right]{inset-block-start:50%;inset-inline-start:calc(100% + var(--_gap));translate:0 -50%}}}span.arrow{block-size:0;border:var(--_arrow) solid transparent;inline-size:0;position:absolute;:scope[data-side=top] &{border-block-start-color:var(--loam-color-fg);inset-block-start:100%;inset-inline-start:calc(50% - var(--_arrow))}:scope[data-side=bottom] &{border-block-end-color:var(--loam-color-fg);inset-block-end:100%;inset-inline-start:calc(50% - var(--_arrow))}:scope[data-side=left] &{border-inline-start-color:var(--loam-color-fg);inset-block-start:calc(50% - var(--_arrow));inset-inline-start:100%}:scope[data-side=right] &{border-inline-end-color:var(--loam-color-fg);inset-block-start:calc(50% - var(--_arrow));inset-inline-end:100%}@container anchored(fallback: flip-block){:scope[data-side=top] &{border-block-end-color:var(--loam-color-fg);border-block-start-color:transparent;inset-block:auto 100%}:scope[data-side=bottom] &{border-block-end-color:transparent;border-block-start-color:var(--loam-color-fg);inset-block:100% auto}}@container anchored(fallback: flip-inline){:scope[data-side=left] &{border-inline-end-color:var(--loam-color-fg);border-inline-start-color:transparent;inset-inline:auto 100%}:scope[data-side=right] &{border-inline-end-color:transparent;border-inline-start-color:var(--loam-color-fg);inset-inline:100% auto}}}}}