@layer components{.ui-stage{isolation:isolate;border-radius:var(--ui-radius-xl);background:var(--ui-stage-light), var(--ui-surface-stage);min-height:10rem;box-shadow:inset 0 0 0 1px var(--ui-line-contour), inset 0 1px 2px light-dark(oklch(18% 0 none/.04),oklch(0% 0 none/.45)), 0 1px 0 var(--ui-lip);place-items:center;padding:3rem 2.5rem;display:grid;position:relative;overflow:hidden;container:stage/inline-size}.ui-stage[data-padding=none]{place-items:stretch stretch;padding:0}.ui-stage[data-padding=sm]{min-height:0;padding:var(--ui-space-md)}.ui-stage[data-align=start]{place-items:start}.ui-stage[data-background=grid]{background:linear-gradient(var(--ui-line-hair) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, var(--ui-line-hair) 1px, transparent 1px) 0 0 / 20px 20px, var(--ui-stage-light), var(--ui-surface-stage)}.ui-stage[data-background=dots]{background:radial-gradient(var(--ui-line-divider) .8px, transparent 1.1px) 0 0 / 14px 14px, var(--ui-stage-light), var(--ui-surface-stage)}.ui-stage[data-background=hatch]{background:var(--ui-hatch), var(--ui-surface-stage)}.ui-stage[data-background=checkerboard]{background:conic-gradient(var(--ui-line-hair) 25%, transparent 0 50%, var(--ui-line-hair) 0 75%, transparent 0) 0 0 / 16px 16px, var(--ui-surface-stage)}@media (width<35rem){.ui-stage{min-height:8rem;padding:2.25rem 1.125rem}}.ui-stage[data-standalone]{border-radius:var(--ui-radius-2xl)}}