@layer components{@layer box{._root_abu8g_2{display:flex;position:relative;flex-direction:row;padding:var(--padding, 0);--_-param-shadow-shadow: 0 0 0 0 transparent;--mx-shadow-value: var(--_-param-shadow-shadow, 0 0 0 0 transparent);box-shadow:var(--mx-ring-value, 0 0 0 0 transparent),var(--mx-shadow-value, 0 0 0 0 transparent);--mx-shadow-value: var(--shadow-inset) var(--shadow-x, 0) calc(var(--shadow-y, 0) * var(--shadow-invert, 1)) var(--shadow-blur, 0) var(--shadow-spread, 0) var(--shadow-color, transparent);--shadow-inset: }._root_abu8g_2[data-reverse]{flex-direction:row-reverse}._root_abu8g_2[data-col]{flex-direction:column}._root_abu8g_2[data-col][data-reverse]{flex-direction:column-reverse}._root_abu8g_2[data-wrap=wrap],._root_abu8g_2[data-wrap=true]{flex-wrap:wrap}._root_abu8g_2[data-wrap=nowrap]{flex-wrap:nowrap}._root_abu8g_2[data-gap=none]{gap:0}._root_abu8g_2[data-gap=xs]{gap:var(--m-space-xs)}._root_abu8g_2[data-gap=sm]{gap:var(--m-space-sm)}._root_abu8g_2[data-gap=md],._root_abu8g_2[data-gap=true]{gap:var(--m-space-md)}._root_abu8g_2[data-gap=lg]{gap:var(--m-space-lg)}._root_abu8g_2[data-gap=xl]{gap:var(--m-space-xl)}._root_abu8g_2[data-items=start]{align-items:flex-start}._root_abu8g_2[data-items=center]{align-items:center}._root_abu8g_2[data-items=end]{align-items:flex-end}._root_abu8g_2[data-items=stretch]{align-items:stretch}._root_abu8g_2[data-justify=start]{justify-content:flex-start}._root_abu8g_2[data-justify=center]{justify-content:center}._root_abu8g_2[data-justify=end]{justify-content:flex-end}._root_abu8g_2[data-justify=between]{justify-content:space-between}._root_abu8g_2[data-justify=around]{justify-content:space-around}._root_abu8g_2[data-justify=evenly]{justify-content:space-evenly}._root_abu8g_2[data-self=auto]{align-self:auto}._root_abu8g_2[data-self=start]{align-self:flex-start}._root_abu8g_2[data-self=center]{align-self:center}._root_abu8g_2[data-self=end]{align-self:flex-end}._root_abu8g_2[data-self=stretch]{align-self:stretch}._root_abu8g_2[data-p=none]{--padding: 0}._root_abu8g_2[data-p=xs]{--padding: var(--m-space-xs)}._root_abu8g_2[data-p=sm]{--padding: var(--m-space-sm)}._root_abu8g_2[data-p=md]{--padding: var(--m-space-md)}._root_abu8g_2[data-p=lg],._root_abu8g_2[data-p=true]{--padding: var(--m-space-lg)}._root_abu8g_2[data-p=xl]{--padding: var(--m-space-xl)}._root_abu8g_2[data-squish=vertical]{padding-block:calc(var(--padding, 0) / 2)}._root_abu8g_2[data-squish=horizontal]{padding-inline:calc(var(--padding, 0) / 2)}._root_abu8g_2[data-rounded=none]{border-radius:0}._root_abu8g_2[data-rounded=xs]{border-radius:var(--m-radius-xs)}._root_abu8g_2[data-rounded=sm]{border-radius:var(--m-radius-sm)}._root_abu8g_2[data-rounded=md],._root_abu8g_2[data-rounded=true]{border-radius:var(--m-radius-md)}._root_abu8g_2[data-rounded=lg]{border-radius:var(--m-radius-lg)}._root_abu8g_2[data-w=full]{width:100%}._root_abu8g_2[data-h=full]{height:100%}._root_abu8g_2[data-full=width],._root_abu8g_2[data-full=true]{width:100%}._root_abu8g_2[data-full=height],._root_abu8g_2[data-full=true]{height:100%}._root_abu8g_2[data-m=auto]{margin:auto}._root_abu8g_2[data-m=y-auto]{margin-block:auto}._root_abu8g_2[data-m=x-auto]{margin-inline:auto}._root_abu8g_2[data-overflow=visible]{overflow:visible}._root_abu8g_2[data-overflow=hidden]{overflow:hidden}._root_abu8g_2[data-overflow=scroll]{overflow:scroll}._root_abu8g_2[data-overflow=auto]{overflow:auto}._root_abu8g_2[data-overflow=clip]{overflow:clip}._root_abu8g_2[data-overflow=auto-y]{overflow-y:auto;overflow-x:clip}._root_abu8g_2[data-overflow=auto-x]{overflow-x:auto;overflow-y:clip}._root_abu8g_2[data-border=true]{--_-param-borderColor-color: var(--m-surface-ambient-borderColor);--mx-borderColor-applied: var(--_-param-borderColor-color);--mx-borderColor-ref: var(--mx-borderColor-applied);--mx-borderColor-contrast: var(--mx-borderColor-applied);border-color:var(--mx-borderColor-ref);border-style:solid;border-width:calc(1px * var(--m-global-shape-lineWidth))}._root_abu8g_2[data-surface=ambient],._root_abu8g_2[data-surface=true]{--_-param-bg-color: var(--m-surface-ambient-bg);--mx-bg-applied: var(--_-param-bg-color);--mx-bg-ref: var(--mx-bg-applied);--mx-bg-contrast: var(--mx-bg-applied);background:var(--mx-bg-ref);--_-param-fg-color: var(--m-surface-ambient-fg);--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref)}:is(._root_abu8g_2[data-surface=ambient],._root_abu8g_2[data-surface=true])[data-border=true]{--_-param-borderColor-color: var(--m-surface-ambient-borderColor);--mx-borderColor-applied: var(--_-param-borderColor-color);--mx-borderColor-ref: var(--mx-borderColor-applied);--mx-borderColor-contrast: var(--mx-borderColor-applied);border-color:var(--mx-borderColor-ref);border-style:solid;border-width:calc(1px * var(--m-global-shape-lineWidth))}._root_abu8g_2[data-surface=secondary]{--_-param-bg-color: var(--m-surface-secondary-bg);--mx-bg-applied: var(--_-param-bg-color);--mx-bg-ref: var(--mx-bg-applied);--mx-bg-contrast: var(--mx-bg-applied);background:var(--mx-bg-ref);--_-param-fg-color: var(--m-surface-secondary-fg);--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref)}._root_abu8g_2[data-surface=secondary][data-border=true]{--_-param-borderColor-color: var(--m-surface-secondary-borderColor);--mx-borderColor-applied: var(--_-param-borderColor-color);--mx-borderColor-ref: var(--mx-borderColor-applied);--mx-borderColor-contrast: var(--mx-borderColor-applied);border-color:var(--mx-borderColor-ref);border-style:solid;border-width:calc(1px * var(--m-global-shape-lineWidth))}._root_abu8g_2[data-surface=primary]{--_-param-bg-color: var(--m-surface-primary-bg);--mx-bg-applied: var(--_-param-bg-color);--mx-bg-ref: var(--mx-bg-applied);--mx-bg-contrast: var(--mx-bg-applied);background:var(--mx-bg-ref);--_-param-fg-color: var(--m-surface-primary-fg);--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref)}._root_abu8g_2[data-surface=primary][data-border=true]{--_-param-borderColor-color: var(--m-surface-primary-borderColor);--mx-borderColor-applied: var(--_-param-borderColor-color);--mx-borderColor-ref: var(--mx-borderColor-applied);--mx-borderColor-contrast: var(--mx-borderColor-applied);border-color:var(--mx-borderColor-ref);border-style:solid;border-width:calc(1px * var(--m-global-shape-lineWidth))}._root_abu8g_2[data-glass=true]{--_-param-bg-faded-opacity: 80%;--_-param-bg-faded-source: var(--mx-bg-applied);--mx-bg-ref: oklch(from var(--_-param-bg-faded-source, var(--mx-bg-applied)) l c h / var(--_-param-bg-faded-opacity));--_-param-borderColor-faded-opacity: 80%;--_-param-borderColor-faded-source: var(--mx-borderColor-applied);--mx-borderColor-ref: oklch(from var(--_-param-borderColor-faded-source, var(--mx-borderColor-applied)) l c h / var(--_-param-borderColor-faded-opacity))}._root_abu8g_2:where([data-dim=true]){--_-param-fg-color: var(--m-color-neutral-ink);--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref)}._root_abu8g_2[data-dim=true]{--_-param-fg-lighter-step: 2.5;--_-param-fg-lighter-source: var(--mx-fg-applied);--mx-fg-ref: oklch(from var(--_-param-fg-lighter-source, var(--mx-fg-applied)) calc(l + var(--_-param-fg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * calc(1 - l) * .3 + var(--m-global-whenDark, 1) * -.08)) calc(c * calc(1 + var(--_-param-fg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * -.08) + (var(--m-global-whenDark, 1) * -.02))) h)}._root_abu8g_2[data-grow=true]{flex-grow:1}._root_abu8g_2[data-grow=false]{flex-grow:0}._root_abu8g_2[data-shrink=true]{flex-shrink:1;min-width:0}._root_abu8g_2[data-shrink=false]{flex-shrink:0}._root_abu8g_2[data-elevated=sm]{--shadow-x: var(--m-shadow-sm-x);--shadow-y: var(--m-shadow-sm-y);--shadow-blur: var(--m-shadow-sm-blur);--shadow-spread: var(--m-shadow-sm-spread);--shadow-color: var(--m-shadow-sm-color)}._root_abu8g_2[data-elevated=md],._root_abu8g_2[data-elevated=true]{--shadow-x: var(--m-shadow-md-x);--shadow-y: var(--m-shadow-md-y);--shadow-blur: var(--m-shadow-md-blur);--shadow-spread: var(--m-shadow-md-spread);--shadow-color: var(--m-shadow-md-color)}._root_abu8g_2[data-elevated=lg]{--shadow-x: var(--m-shadow-lg-x);--shadow-y: var(--m-shadow-lg-y);--shadow-blur: var(--m-shadow-lg-blur);--shadow-spread: var(--m-shadow-lg-spread);--shadow-color: var(--m-shadow-lg-color)}._root_abu8g_2[data-elevated=xl]{--shadow-x: var(--m-shadow-xl-x);--shadow-y: var(--m-shadow-xl-y);--shadow-blur: var(--m-shadow-xl-blur);--shadow-spread: var(--m-shadow-xl-spread);--shadow-color: var(--m-shadow-xl-color)}._root_abu8g_2[data-shadow-up=true]{--shadow-invert: -1}._root_abu8g_2[data-shadow-inset=true]{--shadow-inset: inset}._root_abu8g_2[data-container=true]{container-type:inline-size}}@property --shadow-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --shadow-x{syntax: "<length>"; inherits: false; initial-value: 0;}@property --shadow-y{syntax: "<length>"; inherits: false; initial-value: 0;}@property --shadow-blur{syntax: "<length>"; inherits: false; initial-value: 0;}@property --shadow-spread{syntax: "<length>"; inherits: false; initial-value: 0;}@property --shadow-inset{syntax: "inset"; inherits: false; initial-value:;}@property --padding{syntax: "<length>"; inherits: false; initial-value: 0;}}
