// VL_VERSION:3.7 # Meta mode:"light" version:"6.6.0" styleSpaceVersion:"1.6" base_theme:"Platform/Theme-Default-Light@1" profile:"enterprise" # Point Slot Values // intent intent.primary.intentFg:#2563EB intent.primary.intentBg:#2563EB intent.primary.intentBorder:#2563EB intent.primary.intentOnBg:#FFFFFF intent.primary.intentFocusRing:0 0 0 3px rgba(37,99,235,0.24) intent.primary.intentSubtleBg:#DBEAFE intent.neutral.intentFg:#0F172A intent.neutral.intentBg:#F1F5F9 intent.neutral.intentBorder:#E2E8F0 intent.neutral.intentOnBg:#0F172A intent.neutral.intentFocusRing:0 0 0 3px rgba(37,99,235,0.24) intent.neutral.intentSubtleBg:#F8FAFC intent.success.intentFg:#10B981 intent.success.intentBg:#10B981 intent.success.intentBorder:#10B981 intent.success.intentOnBg:#FFFFFF intent.success.intentFocusRing:0 0 0 3px rgba(16,185,129,0.24) intent.success.intentSubtleBg:#ECFDF5 intent.warning.intentFg:#F59E0B intent.warning.intentBg:#F59E0B intent.warning.intentBorder:#F59E0B intent.warning.intentOnBg:#0F172A intent.warning.intentFocusRing:0 0 0 3px rgba(245,158,11,0.24) intent.warning.intentSubtleBg:#FEF3C7 intent.danger.intentFg:#EF4444 intent.danger.intentBg:#EF4444 intent.danger.intentBorder:#EF4444 intent.danger.intentOnBg:#FFFFFF intent.danger.intentFocusRing:0 0 0 3px rgba(239,68,68,0.24) intent.danger.intentSubtleBg:#FEF2F2 intent.info.intentFg:#3B82F6 intent.info.intentBg:#3B82F6 intent.info.intentBorder:#3B82F6 intent.info.intentOnBg:#FFFFFF intent.info.intentFocusRing:0 0 0 3px rgba(59,130,246,0.24) intent.info.intentSubtleBg:#EFF6FF intent.inverse.intentFg:#FFFFFF intent.inverse.intentBg:#0F172A intent.inverse.intentBorder:#0F172A intent.inverse.intentOnBg:#FFFFFF intent.inverse.intentFocusRing:0 0 0 3px rgba(255,255,255,0.32) intent.inverse.intentSubtleBg:#1E293B // emphasis emphasis.filled.emphasisBg:@intent.intentBg emphasis.filled.emphasisFg:@intent.intentOnBg emphasis.filled.emphasisBorderColor:transparent emphasis.filled.emphasisBorderWidth:0 emphasis.filled.emphasisTextDecoration:none emphasis.filled.emphasisShadow:none emphasis.filled.emphasisBgImage:none emphasis.outlined.emphasisBg:transparent emphasis.outlined.emphasisFg:@intent.intentFg emphasis.outlined.emphasisBorderColor:@intent.intentBorder emphasis.outlined.emphasisBorderWidth:1px emphasis.outlined.emphasisTextDecoration:none emphasis.outlined.emphasisShadow:none emphasis.outlined.emphasisBgImage:none emphasis.tonal.emphasisBg:@intent.intentSubtleBg emphasis.tonal.emphasisFg:@intent.intentFg emphasis.tonal.emphasisBorderColor:transparent emphasis.tonal.emphasisBorderWidth:0 emphasis.tonal.emphasisTextDecoration:none emphasis.tonal.emphasisShadow:none emphasis.tonal.emphasisBgImage:none emphasis.ghost.emphasisBg:transparent emphasis.ghost.emphasisFg:@intent.intentFg emphasis.ghost.emphasisBorderColor:#E2E8F0 emphasis.ghost.emphasisBorderWidth:1px emphasis.ghost.emphasisTextDecoration:none emphasis.ghost.emphasisShadow:none emphasis.ghost.emphasisBgImage:none emphasis.text.emphasisBg:transparent emphasis.text.emphasisFg:@intent.intentFg emphasis.text.emphasisBorderColor:transparent emphasis.text.emphasisBorderWidth:0 emphasis.text.emphasisTextDecoration:none emphasis.text.emphasisShadow:none emphasis.text.emphasisBgImage:none // shape shape.default.shapeRadius:8px shape.pill.shapeRadius:9999px shape.square.shapeRadius:0 shape.soft.shapeRadius:12px shape.sharp.shapeRadius:4px // surface (all 5 points x 16 slots) surface.solid.surfaceBg:#FFFFFF surface.solid.surfaceBorder:#E2E8F0 surface.solid.surfaceShadow:none surface.solid.surfaceBackdrop:transparent surface.solid.surfaceBgImage:none surface.solid.surfaceBgRepeat:no-repeat surface.solid.surfaceBgPosition:center surface.solid.surfaceBgSize:cover surface.solid.surfaceAccentBorderStart:0 solid transparent surface.solid.surfaceAccentBorderEnd:0 solid transparent surface.solid.surfaceDividerTop:1px solid #E2E8F0 surface.solid.surfaceDividerBottom:1px solid #E2E8F0 surface.solid.surfaceSideRailBg:transparent surface.solid.surfaceSideRailWidth:0 surface.solid.surfaceBorderStyle:solid surface.solid.surfaceBorderWidth:1px surface.subtle.surfaceBg:#F8FAFC surface.subtle.surfaceBorder:#E2E8F0 surface.subtle.surfaceShadow:none surface.subtle.surfaceBackdrop:transparent surface.subtle.surfaceBgImage:none surface.subtle.surfaceBgRepeat:no-repeat surface.subtle.surfaceBgPosition:center surface.subtle.surfaceBgSize:cover surface.subtle.surfaceAccentBorderStart:0 solid transparent surface.subtle.surfaceAccentBorderEnd:0 solid transparent surface.subtle.surfaceDividerTop:1px solid #E2E8F0 surface.subtle.surfaceDividerBottom:1px solid #E2E8F0 surface.subtle.surfaceSideRailBg:#E2E8F0 surface.subtle.surfaceSideRailWidth:0 surface.subtle.surfaceBorderStyle:solid surface.subtle.surfaceBorderWidth:1px surface.elevated.surfaceBg:#FFFFFF surface.elevated.surfaceBorder:#E2E8F0 surface.elevated.surfaceShadow:0 4px 12px rgba(0,0,0,0.08) surface.elevated.surfaceBackdrop:transparent surface.elevated.surfaceBgImage:none surface.elevated.surfaceBgRepeat:no-repeat surface.elevated.surfaceBgPosition:center surface.elevated.surfaceBgSize:cover surface.elevated.surfaceAccentBorderStart:0 solid transparent surface.elevated.surfaceAccentBorderEnd:0 solid transparent surface.elevated.surfaceDividerTop:1px solid #E2E8F0 surface.elevated.surfaceDividerBottom:1px solid #E2E8F0 surface.elevated.surfaceSideRailBg:transparent surface.elevated.surfaceSideRailWidth:0 surface.elevated.surfaceBorderStyle:solid surface.elevated.surfaceBorderWidth:1px surface.overlay.surfaceBg:#FFFFFF surface.overlay.surfaceBorder:#CBD5E1 surface.overlay.surfaceShadow:0 10px 40px rgba(0,0,0,0.12) surface.overlay.surfaceBackdrop:rgba(15,23,42,0.45) surface.overlay.surfaceBgImage:none surface.overlay.surfaceBgRepeat:no-repeat surface.overlay.surfaceBgPosition:center surface.overlay.surfaceBgSize:cover surface.overlay.surfaceAccentBorderStart:0 solid transparent surface.overlay.surfaceAccentBorderEnd:0 solid transparent surface.overlay.surfaceDividerTop:1px solid #E2E8F0 surface.overlay.surfaceDividerBottom:1px solid #E2E8F0 surface.overlay.surfaceSideRailBg:transparent surface.overlay.surfaceSideRailWidth:0 surface.overlay.surfaceBorderStyle:solid surface.overlay.surfaceBorderWidth:1px surface.dark.surfaceBg:#0F172A surface.dark.surfaceBorder:rgba(255,255,255,0.12) surface.dark.surfaceShadow:none surface.dark.surfaceBackdrop:rgba(2,6,23,0.6) surface.dark.surfaceBgImage:none surface.dark.surfaceBgRepeat:no-repeat surface.dark.surfaceBgPosition:center surface.dark.surfaceBgSize:cover surface.dark.surfaceAccentBorderStart:2px solid rgba(255,255,255,0.16) surface.dark.surfaceAccentBorderEnd:0 solid transparent surface.dark.surfaceDividerTop:1px solid rgba(255,255,255,0.12) surface.dark.surfaceDividerBottom:1px solid rgba(255,255,255,0.12) surface.dark.surfaceSideRailBg:rgba(255,255,255,0.06) surface.dark.surfaceSideRailWidth:0 surface.dark.surfaceBorderStyle:solid surface.dark.surfaceBorderWidth:1px // textRole (all 6 points x 7 slots) textRole.body.textRoleColor:#0F172A textRole.body.textRoleColorOnDark:#FFFFFF textRole.body.textRoleAlpha:1 textRole.body.textRoleTransform:none textRole.body.textRoleBgImage:none textRole.body.textRoleBgClip:border-box textRole.body.textRoleFillColor:none textRole.caption.textRoleColor:#64748B textRole.caption.textRoleColorOnDark:rgba(255,255,255,0.72) textRole.caption.textRoleAlpha:1 textRole.caption.textRoleTransform:uppercase textRole.caption.textRoleBgImage:none textRole.caption.textRoleBgClip:border-box textRole.caption.textRoleFillColor:none textRole.hint.textRoleColor:#94A3B8 textRole.hint.textRoleColorOnDark:rgba(255,255,255,0.56) textRole.hint.textRoleAlpha:1 textRole.hint.textRoleTransform:none textRole.hint.textRoleBgImage:none textRole.hint.textRoleBgClip:border-box textRole.hint.textRoleFillColor:none textRole.subtle.textRoleColor:rgba(15,23,42,0.56) textRole.subtle.textRoleColorOnDark:rgba(255,255,255,0.56) textRole.subtle.textRoleAlpha:0.56 textRole.subtle.textRoleTransform:none textRole.subtle.textRoleBgImage:none textRole.subtle.textRoleBgClip:border-box textRole.subtle.textRoleFillColor:none textRole.weak.textRoleColor:rgba(15,23,42,0.36) textRole.weak.textRoleColorOnDark:rgba(255,255,255,0.36) textRole.weak.textRoleAlpha:0.36 textRole.weak.textRoleTransform:none textRole.weak.textRoleBgImage:none textRole.weak.textRoleBgClip:border-box textRole.weak.textRoleFillColor:none textRole.contrast.textRoleColor:#0B1220 textRole.contrast.textRoleColorOnDark:#FFFFFF textRole.contrast.textRoleAlpha:1 textRole.contrast.textRoleTransform:none textRole.contrast.textRoleBgImage:none textRole.contrast.textRoleBgClip:border-box textRole.contrast.textRoleFillColor:none // state (all 6 points x 7 slots) state.rest.stateOverlay:none state.rest.stateShadow:none state.rest.stateBorder:transparent state.rest.stateOpacity:1 state.rest.stateTransitionDuration:200ms state.rest.stateTransitionTiming:ease state.rest.stateTransitionProperty:all state.hover.stateOverlay:rgba(15,23,42,0.04) state.hover.stateShadow:0 1px 3px rgba(0,0,0,0.06) state.hover.stateBorder:transparent state.hover.stateOpacity:1 state.hover.stateTransitionDuration:160ms state.hover.stateTransitionTiming:ease-out state.hover.stateTransitionProperty:background-color, box-shadow, border-color, opacity state.active.stateOverlay:rgba(15,23,42,0.08) state.active.stateShadow:none state.active.stateBorder:transparent state.active.stateOpacity:1 state.active.stateTransitionDuration:100ms state.active.stateTransitionTiming:ease-out state.active.stateTransitionProperty:background-color, box-shadow, border-color, opacity state.focus.stateOverlay:none state.focus.stateShadow:@intent.intentFocusRing state.focus.stateBorder:@intent.intentBorder state.focus.stateOpacity:1 state.focus.stateTransitionDuration:120ms state.focus.stateTransitionTiming:ease-out state.focus.stateTransitionProperty:box-shadow, border-color state.disabled.stateOverlay:none state.disabled.stateShadow:none state.disabled.stateBorder:transparent state.disabled.stateOpacity:0.4 state.disabled.stateTransitionDuration:300ms state.disabled.stateTransitionTiming:ease state.disabled.stateTransitionProperty:opacity state.invalid.stateOverlay:rgba(239,68,68,0.06) state.invalid.stateShadow:0 0 0 3px rgba(239,68,68,0.24) state.invalid.stateBorder:#EF4444 state.invalid.stateOpacity:1 state.invalid.stateTransitionDuration:120ms state.invalid.stateTransitionTiming:ease-out state.invalid.stateTransitionProperty:box-shadow, border-color, background-color # Overrides