@buildo/bento-design-system
Version:
2 lines • 15.1 kB
CSS
:root{--bento-fontFamily-default: Lexend, Arial, sans-serif;--bento-fontSize-bodySmall: .75rem;--bento-fontSize-bodyMedium: .875rem;--bento-fontSize-bodyLarge: 1rem;--bento-fontSize-headlineSmall: 2rem;--bento-fontSize-headlineMedium: 2.25rem;--bento-fontSize-headlineLarge: 2.5rem;--bento-fontSize-displaySmall: 2.75rem;--bento-fontSize-displayMedium: 3.25rem;--bento-fontSize-displayLarge: 4rem;--bento-fontSize-labelSmall: .75rem;--bento-fontSize-labelMedium: .875rem;--bento-fontSize-labelLarge: 1rem;--bento-fontSize-titleSmall: .875rem;--bento-fontSize-titleMedium: 1rem;--bento-fontSize-titleLarge: 1.375rem;--bento-lineHeight-bodySmall: 1.125rem;--bento-lineHeight-bodyMedium: 1.25rem;--bento-lineHeight-bodyLarge: 1.5rem;--bento-lineHeight-headlineSmall: 2.25rem;--bento-lineHeight-headlineMedium: 2.5rem;--bento-lineHeight-headlineLarge: 2.75rem;--bento-lineHeight-displaySmall: 3.125rem;--bento-lineHeight-displayMedium: 3.625rem;--bento-lineHeight-displayLarge: 4.5rem;--bento-lineHeight-labelSmall: 1.125rem;--bento-lineHeight-labelMedium: 1.25rem;--bento-lineHeight-labelLarge: 1.5rem;--bento-lineHeight-titleSmall: 1rem;--bento-lineHeight-titleMedium: 1.125rem;--bento-lineHeight-titleLarge: 1.5rem;--bento-fontWeight-body: 400;--bento-fontWeight-bodyStrong: 600;--bento-fontWeight-display: 600;--bento-fontWeight-headline: 600;--bento-fontWeight-label: 500;--bento-fontWeight-title: 600;--bento-letterSpacing-1: 0;--bento-letterSpacing-2: 0;--bento-space-0: 0;--bento-space-4: 4px;--bento-space-8: 8px;--bento-space-12: 12px;--bento-space-16: 16px;--bento-space-24: 24px;--bento-space-32: 32px;--bento-space-40: 40px;--bento-space-80: 80px;--bento-negativeSpace-0: 0;--bento-negativeSpace-negative4: -4px;--bento-negativeSpace-negative8: -8px;--bento-negativeSpace-negative12: -12px;--bento-negativeSpace-negative16: -16px;--bento-negativeSpace-negative24: -24px;--bento-negativeSpace-negative32: -32px;--bento-negativeSpace-negative40: -40px;--bento-negativeSpace-negative80: -80px;--bento-radius-4: 4px;--bento-radius-8: 8px;--bento-radius-16: 16px;--bento-brandColor-brandPrimary: #5C17E5;--bento-brandColor-brandSecondary: #7F77FF;--bento-brandColor-brandTertiary: #B3BEFF;--bento-backgroundColor-backgroundPrimary: #FFFFFF;--bento-backgroundColor-backgroundSecondary: #F6F8FB;--bento-backgroundColor-backgroundOverlay: rgba(203, 212, 225, .4);--bento-backgroundColor-backgroundPrimaryInverse: #1A212B;--bento-backgroundColor-backgroundSecondaryInverse: #27313F;--bento-backgroundColor-backgroundInteractive: #5C17E5;--bento-backgroundColor-backgroundInteractiveOverlay: rgba(179, 190, 255, .4);--bento-backgroundColor-backgroundInformative: #E0EDFF;--bento-backgroundColor-backgroundPositive: #E1FCDE;--bento-backgroundColor-backgroundWarning: #FFF2D2;--bento-backgroundColor-backgroundNegative: #FFD4D8;--bento-backgroundColor-backgroundLightScrim: rgba(255, 255, 255, .8);--bento-backgroundColor-backgroundDarkScrim: rgba(26, 33, 43, .6);--bento-foregroundColor-foregroundPrimary: #1A212B;--bento-foregroundColor-foregroundSecondary: #728197;--bento-foregroundColor-foregroundPrimaryInverse: #FFFFFF;--bento-foregroundColor-foregroundSecondaryInverse: #B6C2D3;--bento-foregroundColor-foregroundInteractive: #5C17E5;--bento-foregroundColor-foregroundInformative: #5598F6;--bento-foregroundColor-foregroundPositive: #17BF33;--bento-foregroundColor-foregroundWarning: #F2930D;--bento-foregroundColor-foregroundNegative: #F14A58;--bento-foregroundColor-foregroundDisabled: rgba(154, 168, 188, .3);--bento-textColor-textPrimary: #1A212B;--bento-textColor-textSecondary: #728197;--bento-textColor-textPrimaryInverse: #F6F8FB;--bento-textColor-textSecondaryInverse: #B6C2D3;--bento-textColor-textInteractive: #5C17E5;--bento-textColor-textInformative: #105FCE;--bento-textColor-textPositive: #016A1C;--bento-textColor-textWarning: #BA5900;--bento-textColor-textNegative: #B1000F;--bento-textColor-textDisabled: rgba(154, 168, 188, .3);--bento-interactiveBackgroundColor-primarySolidEnabledBackground: #5C17E5;--bento-interactiveBackgroundColor-primarySolidHoverBackground: #360090;--bento-interactiveBackgroundColor-primarySolidFocusBackground: #360090;--bento-interactiveBackgroundColor-primaryTransparentEnabledBackground: transparent;--bento-interactiveBackgroundColor-primaryTransparentHoverBackground: rgba(179, 190, 255, .4);--bento-interactiveBackgroundColor-primaryTransparentFocusBackground: rgba(179, 190, 255, .4);--bento-interactiveBackgroundColor-secondarySolidEnabledBackground: #ECEFF4;--bento-interactiveBackgroundColor-secondarySolidHoverBackground: #CBD4E1;--bento-interactiveBackgroundColor-secondarySolidFocusBackground: #CBD4E1;--bento-interactiveBackgroundColor-secondaryTransparentEnabledBackground: transparent;--bento-interactiveBackgroundColor-secondaryTransparentHoverBackground: rgba(203, 212, 225, .4);--bento-interactiveBackgroundColor-secondaryTransparentFocusBackground: rgba(203, 212, 225, .4);--bento-interactiveBackgroundColor-dangerSolidEnabledBackground: #E42131;--bento-interactiveBackgroundColor-dangerSolidHoverBackground: #B1000F;--bento-interactiveBackgroundColor-dangerSolidFocusBackground: #B1000F;--bento-interactiveBackgroundColor-dangerTransparentEnabledBackground: transparent;--bento-interactiveBackgroundColor-dangerTransparentHoverBackground: rgba(228, 33, 49, .1);--bento-interactiveBackgroundColor-dangerTransparentFocusBackground: rgba(228, 33, 49, .1);--bento-interactiveBackgroundColor-disabledSolidBackground: rgba(203, 212, 225, .2);--bento-interactiveBackgroundColor-disabledTransparentBackground: transparent;--bento-interactiveForegroundColor-primarySolidEnabledForeground: #FFFFFF;--bento-interactiveForegroundColor-primarySolidHoverForeground: #FFFFFF;--bento-interactiveForegroundColor-primarySolidFocusForeground: #FFFFFF;--bento-interactiveForegroundColor-primaryTransparentEnabledForeground: #5C17E5;--bento-interactiveForegroundColor-primaryTransparentHoverForeground: #360090;--bento-interactiveForegroundColor-primaryTransparentFocusForeground: #360090;--bento-interactiveForegroundColor-secondarySolidEnabledForeground: #1A212B;--bento-interactiveForegroundColor-secondarySolidHoverForeground: #1A212B;--bento-interactiveForegroundColor-secondarySolidFocusForeground: #1A212B;--bento-interactiveForegroundColor-secondaryTransparentEnabledForeground: #27313F;--bento-interactiveForegroundColor-secondaryTransparentHoverForeground: #000000;--bento-interactiveForegroundColor-secondaryTransparentFocusForeground: #000000;--bento-interactiveForegroundColor-dangerSolidEnabledForeground: #FFFFFF;--bento-interactiveForegroundColor-dangerSolidHoverForeground: #FFFFFF;--bento-interactiveForegroundColor-dangerSolidFocusForeground: #FFFFFF;--bento-interactiveForegroundColor-dangerTransparentEnabledForeground: #E42131;--bento-interactiveForegroundColor-dangerTransparentHoverForeground: #B1000F;--bento-interactiveForegroundColor-dangerTransparentFocusForeground: #B1000F;--bento-interactiveForegroundColor-disabledSolidForeground: rgba(154, 168, 188, .3);--bento-interactiveForegroundColor-disabledTransparentForeground: rgba(154, 168, 188, .3);--bento-interactiveForegroundColor-linkEnabled: #5C17E5;--bento-interactiveForegroundColor-linkHover: #360090;--bento-interactiveForegroundColor-linkFocus: #360090;--bento-interactiveForegroundColor-linkDisabled: rgba(154, 168, 188, .3);--bento-interactiveForegroundColor-linkEnabledInverse: #B3BEFF;--bento-interactiveForegroundColor-linkHoverInverse: #D0DCFF;--bento-interactiveForegroundColor-linkFocusInverse: #D0DCFF;--bento-interactiveForegroundColor-linkDisabledInverse: #525E6F;--bento-outlineColor-outlineInteractive: #5C17E5;--bento-outlineColor-outlineInteractivePrimaryEnabled: #5C17E5;--bento-outlineColor-outlineInteractivePrimaryFocus: #360090;--bento-outlineColor-outlineInteractivePrimaryHover: #360090;--bento-outlineColor-outlineInteractiveSecondaryEnabled: #27313F;--bento-outlineColor-outlineInteractiveSecondaryFocus: #000000;--bento-outlineColor-outlineInteractiveSecondaryHover: #000000;--bento-outlineColor-outlineInteractiveDangerEnabled: #E42131;--bento-outlineColor-outlineInteractiveDangerFocus: #B1000F;--bento-outlineColor-outlineInteractiveDangerHover: #B1000F;--bento-outlineColor-outlineInteractiveDisabled: rgba(154, 168, 188, .3);--bento-outlineColor-outlineDecorative: #CBD4E1;--bento-outlineColor-outlineContainer: #ECEFF4;--bento-outlineColor-outlineInputEnabled: #9AA8BC;--bento-outlineColor-outlineInputHover: #525E6F;--bento-outlineColor-outlineInputFocus: #5C17E5;--bento-outlineColor-outlineInputDisabled: rgba(154, 168, 188, .3);--bento-outlineColor-outlineInformative: #5598F6;--bento-outlineColor-outlinePositive: #17BF33;--bento-outlineColor-outlineWarning: #F2930D;--bento-outlineColor-outlineNegative: #F14A58;--bento-dataVisualizationColor-softGrey: #DEE4ED;--bento-dataVisualizationColor-softRed: #FFBDCB;--bento-dataVisualizationColor-softOrange: #FFD4BC;--bento-dataVisualizationColor-softYellow: #FFF4B2;--bento-dataVisualizationColor-softGreen: #DBF1BC;--bento-dataVisualizationColor-softJade: #B7F6D7;--bento-dataVisualizationColor-softBlue: #BCF2FF;--bento-dataVisualizationColor-softIndigo: #C0D3F9;--bento-dataVisualizationColor-softViolet: #DABEEA;--bento-dataVisualizationColor-softPink: #F8B0DA;--bento-dataVisualizationColor-brightGrey: #B6C2D3;--bento-dataVisualizationColor-brightRed: #FC5275;--bento-dataVisualizationColor-brightOrange: #FB8951;--bento-dataVisualizationColor-brightYellow: #FFD439;--bento-dataVisualizationColor-brightGreen: #A3D65C;--bento-dataVisualizationColor-brightJade: #51E098;--bento-dataVisualizationColor-brightBlue: #51D0FB;--bento-dataVisualizationColor-brightIndigo: #5F8CE6;--bento-dataVisualizationColor-brightViolet: #A463C7;--bento-dataVisualizationColor-brightPink: #E648A4;--bento-boxShadow-outlineInteractive: inset 0px 0px 0px 1px #5C17E5;--bento-boxShadow-outlineInteractiveBottom: inset 0px -1px 0px #5C17E5;--bento-boxShadow-outlineInteractivePrimaryEnabled: inset 0px 0px 0px 1px #5C17E5;--bento-boxShadow-outlineInteractivePrimaryFocus: inset 0px 0px 0px 1px #360090;--bento-boxShadow-outlineInteractivePrimaryHover: inset 0px 0px 0px 1px #360090;--bento-boxShadow-outlineInteractiveSecondaryEnabled: inset 0px 0px 0px 1px #27313F;--bento-boxShadow-outlineInteractiveSecondaryFocus: inset 0px 0px 0px 1px #000000;--bento-boxShadow-outlineInteractiveSecondaryHover: inset 0px 0px 0px 1px #000000;--bento-boxShadow-outlineInteractiveDangerEnabled: inset 0px 0px 0px 1px #E42131;--bento-boxShadow-outlineInteractiveDangerFocus: inset 0px 0px 0px 1px #B1000F;--bento-boxShadow-outlineInteractiveDangerHover: inset 0px 0px 0px 1px #B1000F;--bento-boxShadow-outlineInteractiveDisabled: inset 0px 0px 0px 1px rgba(154, 168, 188, .3);--bento-boxShadow-outlineDecorative: inset 0px 0px 0px 1px #CBD4E1;--bento-boxShadow-outlineDecorativeBottom: inset 0px -1px 0px #CBD4E1;--bento-boxShadow-outlineContainer: inset 0px 0px 0px 1px #ECEFF4;--bento-boxShadow-outlineInputEnabled: inset 0px 0px 0px 1px #9AA8BC;--bento-boxShadow-outlineInputHover: inset 0px 0px 0px 1px #525E6F;--bento-boxShadow-outlineInputFocus: inset 0px 0px 0px 2px #5C17E5;--bento-boxShadow-outlineInputDisabled: inset 0px 0px 0px 1px rgba(154, 168, 188, .3);--bento-boxShadow-outlineInformative: inset 0px 0px 0px 1px #5598F6;--bento-boxShadow-outlinePositive: inset 0px 0px 0px 1px #17BF33;--bento-boxShadow-outlineWarning: inset 0px 0px 0px 1px #F2930D;--bento-boxShadow-outlineNegative: inset 0px 0px 0px 1px #F14A58;--bento-boxShadow-outlineNegativeStrong: inset 0px 0px 0px 2px #F14A58;--bento-boxShadow-elevationSmall: 0px 4px 8px rgba(0, 0, 0, .16);--bento-boxShadow-elevationMedium: 0px 8px 16px rgba(0, 0, 0, .16);--bento-boxShadow-elevationLarge: 0px 16px 32px rgba(0, 0, 0, .16)}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-vietnamese-400-normal-LT6ZZ3KQ.woff2) format("woff2"),url(./lexend-vietnamese-400-normal-YPACB3I7.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-latin-ext-400-normal-3NTLG7CM.woff2) format("woff2"),url(./lexend-latin-ext-400-normal-NQF7KLNN.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(./lexend-latin-400-normal-YZZ3Z3TD.woff2) format("woff2"),url(./lexend-latin-400-normal-MRUX4MUG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:500;src:url(./lexend-vietnamese-500-normal-G3W3JBTX.woff2) format("woff2"),url(./lexend-vietnamese-500-normal-7O5WAQGD.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:500;src:url(./lexend-latin-ext-500-normal-IRPTMTBM.woff2) format("woff2"),url(./lexend-latin-ext-500-normal-EG5WOGMU.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:500;src:url(./lexend-latin-500-normal-GWMFIHMB.woff2) format("woff2"),url(./lexend-latin-500-normal-THJ53EDU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(./lexend-vietnamese-600-normal-SLVG5T2L.woff2) format("woff2"),url(./lexend-vietnamese-600-normal-EVXRQCZB.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(./lexend-latin-ext-600-normal-EZUAT44K.woff2) format("woff2"),url(./lexend-latin-ext-600-normal-JEU4U6FM.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(./lexend-latin-600-normal-RMIVUCHL.woff2) format("woff2"),url(./lexend-latin-600-normal-A6LZ345I.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/*# sourceMappingURL=defaultTheme.css.map */