@layer viraui.preflight;@layer viraui.components{@property --vui-surface-background{syntax:"*";inherits:false;initial-value:none}@property --vui-surface-background-hover{syntax:"*";inherits:false;initial-value:none}@property --vui-surface-border-style{syntax:"<custom-ident>";inherits:false;initial-value:solid}@property --vui-surface-overflow{syntax:"<custom-ident>";inherits:false;initial-value:visible}@property --vui-surface-border-radius{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --vui-surface-border-radius-top-left{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --vui-surface-border-radius-top-right{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --vui-surface-border-radius-bottom-right{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --vui-surface-border-radius-bottom-left{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --vui-surface-padding-inline-start{syntax:"<length>";inherits:false;initial-value:0}@property --vui-surface-padding-inline-end{syntax:"<length>";inherits:false;initial-value:0}@property --vui-surface-padding-block-start{syntax:"<length>";inherits:false;initial-value:0}@property --vui-surface-padding-block-end{syntax:"<length>";inherits:false;initial-value:0}.viraui__surface-module__Surface_slEYq{--vui-surface-border-radius-top-left:var(--vui-surface-border-radius);--vui-surface-border-radius-top-right:var(--vui-surface-border-radius);--vui-surface-border-radius-bottom-right:var(--vui-surface-border-radius);--vui-surface-border-radius-bottom-left:var(--vui-surface-border-radius);--vui-surface-background-hover:var(--vui-surface-background);overflow:var(--vui-surface-overflow);box-sizing:border-box;background:var(--vui-surface-background);border-radius:var(--vui-surface-border-radius-top-left) var(--vui-surface-border-radius-top-right) var(--vui-surface-border-radius-bottom-right) var(--vui-surface-border-radius-bottom-left);border:0;position:relative}.viraui__surface-module__Surface_slEYq[data-surface-color=primary]{--vui-surface-background:light-dark(oklab(from var(--global-primary) l a b / 20%),oklab(from var(--global-primary) l a b / 10%))}.viraui__surface-module__Surface_slEYq[data-surface-hover-color=primary]{--vui-surface-background-hover:light-dark(oklab(from var(--global-primary) l a b / 20%),oklab(from var(--global-primary) l a b / 10%))}@container root not style(--effect-vibrancy:initial){.viraui__surface-module__Surface_slEYq[data-vibrant]{background:0 0}.viraui__surface-module__Surface_slEYq[data-vibrant][data-surface-has-color=true]{background:oklab(from var(--vui-surface-background) l a b/80%)}}.viraui__surface-module__Surface_slEYq[data-surface-has-padding=true]{padding:var(--vui-surface-padding-block-start) var(--vui-surface-padding-inline-end) var(--vui-surface-padding-block-end) var(--vui-surface-padding-inline-start)}.viraui__surface-module__Surface_slEYq[data-surface-border]{border-style:var(--vui-surface-border-style);border-color:var(--global-contrast);border-width:0}.viraui__surface-module__Surface_slEYq[data-surface-border~=all]{border-width:1px}.viraui__surface-module__Surface_slEYq[data-surface-border~=top]{border-top-width:1px}.viraui__surface-module__Surface_slEYq[data-surface-border~=right]{border-right-width:1px}.viraui__surface-module__Surface_slEYq[data-surface-border~=bottom]{border-bottom-width:1px}.viraui__surface-module__Surface_slEYq[data-surface-border~=left]{border-left-width:1px}@media (hover:hover) and (pointer:fine){.viraui__surface-module__Surface_slEYq[data-surface-has-hover-color=true]:hover{background:var(--vui-surface-background-hover)}}.viraui__surface-module__Surface_slEYq[data-surface-container=true]{container:surface/inline-size}}@layer viraui.overrides;