Last active
June 1, 2020 22:56
-
-
Save itsmatteomanf/7bb79b43ed60466fc600746908d40e63 to your computer and use it in GitHub Desktop.
Tailwind Test
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| purge: [], | |
| target: 'relaxed', | |
| prefix: '', | |
| important: false, | |
| separator: '-', | |
| theme: { | |
| screens: { | |
| sm: '640px', | |
| // md: '768px', | |
| // lg: '1024px', | |
| // xl: '1280px', | |
| }, | |
| colors: { | |
| transparent: 'transparent', | |
| white: '#ffffff', | |
| // black: '#000000', | |
| // gray: { | |
| // '50': '#f9fafb', | |
| // '100': '#f4f5f7', | |
| // '200': '#e5e7eb', | |
| // '300': '#d2d6dc', | |
| // '400': '#9fa6b2', | |
| // '500': '#6b7280', | |
| // '600': '#4b5563', | |
| // '700': '#374151', | |
| // '800': '#252f3f', | |
| // '900': '#161e2e', | |
| // }, | |
| 'cool-gray': { | |
| // '50': '#fbfdfe', | |
| '100': '#f1f5f9', | |
| // '200': '#e2e8f0', | |
| '300': '#cfd8e3', | |
| // '400': '#97a6ba', | |
| // '500': '#64748b', | |
| // '600': '#475569', | |
| // '700': '#364152', | |
| '800': '#27303f', | |
| '900': '#1a202e', | |
| }, | |
| // red: { | |
| // '50': '#fdf2f2', | |
| // '100': '#fde8e8', | |
| // '200': '#fbd5d5', | |
| // '300': '#f8b4b4', | |
| // '400': '#f98080', | |
| // '500': '#f05252', | |
| // '600': '#e02424', | |
| // '700': '#c81e1e', | |
| // '800': '#9b1c1c', | |
| // '900': '#771d1d', | |
| // }, | |
| orange: { | |
| // '50': '#fff8f1', | |
| // '100': '#feecdc', | |
| '200': '#faad3f', | |
| // '300': '#fdba8c', | |
| // '400': '#ff8a4c', | |
| '500': '#ff5a1f', | |
| // '600': '#d03801', | |
| // '700': '#b43403', | |
| // '800': '#8a2c0d', | |
| // '900': '#771d1d', | |
| }, | |
| // yellow: { | |
| // '50': '#fdfdea', | |
| // '100': '#fdf6b2', | |
| // '200': '#fce96a', | |
| // '300': '#faca15', | |
| // '400': '#e3a008', | |
| // '500': '#c27803', | |
| // '600': '#9f580a', | |
| // '700': '#8e4b10', | |
| // '800': '#723b13', | |
| // '900': '#633112', | |
| // }, | |
| // green: { | |
| // '50': '#f3faf7', | |
| // '100': '#def7ec', | |
| // '200': '#bcf0da', | |
| // '300': '#84e1bc', | |
| // '400': '#31c48d', | |
| // '500': '#0e9f6e', | |
| // '600': '#057a55', | |
| // '700': '#046c4e', | |
| // '800': '#03543f', | |
| // '900': '#014737', | |
| // }, | |
| // teal: { | |
| // '50': '#edfafa', | |
| // '100': '#d5f5f6', | |
| // '200': '#afecef', | |
| // '300': '#7edce2', | |
| // '400': '#16bdca', | |
| // '500': '#0694a2', | |
| // '600': '#047481', | |
| // '700': '#036672', | |
| // '800': '#05505c', | |
| // '900': '#014451', | |
| // }, | |
| // blue: { | |
| // '50': '#ebf5ff', | |
| // '100': '#e1effe', | |
| // '200': '#c3ddfd', | |
| // '300': '#a4cafe', | |
| // '400': '#76a9fa', | |
| // '500': '#3f83f8', | |
| // '600': '#1c64f2', | |
| // '700': '#1a56db', | |
| // '800': '#1e429f', | |
| // '900': '#233876', | |
| // }, | |
| // indigo: { | |
| // '50': '#f0f5ff', | |
| // '100': '#e5edff', | |
| // '200': '#cddbfe', | |
| // '300': '#b4c6fc', | |
| // '400': '#8da2fb', | |
| // '500': '#6875f5', | |
| // '600': '#5850ec', | |
| // '700': '#5145cd', | |
| // '800': '#42389d', | |
| // '900': '#362f78', | |
| // }, | |
| // purple: { | |
| // '50': '#f6f5ff', | |
| // '100': '#edebfe', | |
| // '200': '#dcd7fe', | |
| // '300': '#cabffd', | |
| // '400': '#ac94fa', | |
| // '500': '#9061f9', | |
| // '600': '#7e3af2', | |
| // '700': '#6c2bd9', | |
| // '800': '#5521b5', | |
| // '900': '#4a1d96', | |
| // }, | |
| // pink: { | |
| // '50': '#fdf2f8', | |
| // '100': '#fce8f3', | |
| // '200': '#fad1e8', | |
| // '300': '#f8b4d9', | |
| // '400': '#f17eb8', | |
| // '500': '#e74694', | |
| // '600': '#d61f69', | |
| // '700': '#bf125d', | |
| // '800': '#99154b', | |
| // '900': '#751a3d', | |
| // }, | |
| }, | |
| spacing: { | |
| // px: '1px', | |
| // '0': '0', | |
| // '1': '0.25rem', | |
| '2': '0.5rem', | |
| '3': '0.75rem', | |
| '4': '1rem', | |
| // '5': '1.25rem', | |
| '6': '1.5rem', | |
| '8': '2rem', | |
| // '10': '2.5rem', | |
| '12': '3rem', | |
| // '16': '4rem', | |
| // '20': '5rem', | |
| // '24': '6rem', | |
| '32': '8rem', | |
| // '40': '10rem', | |
| // '48': '12rem', | |
| // '56': '14rem', | |
| // '64': '16rem', | |
| // '72': '18rem', | |
| // '80': '20rem', | |
| // '88': '22rem', | |
| '96': '24rem', | |
| // '104': '26rem', | |
| // '112': '28rem', | |
| // '120': '30rem', | |
| // '128': '32rem', | |
| // '136': '34rem', | |
| '142': '36rem', | |
| }, | |
| backgroundColor: theme => theme('colors'), | |
| backgroundOpacity: theme => theme('opacity'), | |
| backgroundPosition: { | |
| bottom: 'bottom', | |
| center: 'center', | |
| left: 'left', | |
| 'left-bottom': 'left bottom', | |
| 'left-top': 'left top', | |
| right: 'right', | |
| 'right-bottom': 'right bottom', | |
| 'right-top': 'right top', | |
| top: 'top', | |
| }, | |
| backgroundSize: { | |
| auto: 'auto', | |
| cover: 'cover', | |
| contain: 'contain', | |
| }, | |
| borderColor: theme => ({ | |
| ...theme('colors'), | |
| default: theme('colors.gray.300', 'currentColor'), | |
| }), | |
| borderOpacity: theme => theme('opacity'), | |
| borderRadius: { | |
| none: '0', | |
| sm: '0.125rem', | |
| default: '0.25rem', | |
| md: '0.375rem', | |
| lg: '0.5rem', | |
| full: '9999px', | |
| }, | |
| borderWidth: { | |
| default: '1px', | |
| '0': '0', | |
| '2': '2px', | |
| '4': '4px', | |
| '8': '8px', | |
| }, | |
| boxShadow: { | |
| xs: '0 0 0 1px rgba(0, 0, 0, 0.05)', | |
| sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', | |
| default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', | |
| md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', | |
| lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', | |
| xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)', | |
| '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)', | |
| inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)', | |
| outline: '0 0 0 3px rgba(66, 153, 225, 0.5)', | |
| none: 'none', | |
| }, | |
| container: {}, | |
| cursor: { | |
| auto: 'auto', | |
| default: 'default', | |
| pointer: 'pointer', | |
| wait: 'wait', | |
| text: 'text', | |
| move: 'move', | |
| 'not-allowed': 'not-allowed', | |
| }, | |
| divideColor: theme => theme('borderColor'), | |
| divideOpacity: theme => theme('borderOpacity'), | |
| divideWidth: theme => theme('borderWidth'), | |
| fill: { | |
| current: 'currentColor', | |
| }, | |
| flex: { | |
| '1': '1 1 0%', | |
| auto: '1 1 auto', | |
| initial: '0 1 auto', | |
| none: 'none', | |
| }, | |
| flexGrow: { | |
| '0': '0', | |
| default: '1', | |
| }, | |
| flexShrink: { | |
| '0': '0', | |
| default: '1', | |
| }, | |
| fontFamily: { | |
| sans: [ | |
| 'system-ui', | |
| '-apple-system', | |
| 'BlinkMacSystemFont', | |
| '"Segoe UI"', | |
| 'Roboto', | |
| '"Helvetica Neue"', | |
| 'Arial', | |
| '"Noto Sans"', | |
| 'sans-serif', | |
| '"Apple Color Emoji"', | |
| '"Segoe UI Emoji"', | |
| '"Segoe UI Symbol"', | |
| '"Noto Color Emoji"', | |
| ], | |
| serif: ['Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'], | |
| mono: ['Menlo', 'Monaco', 'Consolas', '"Liberation Mono"', '"Courier New"', 'monospace'], | |
| }, | |
| fontSize: { | |
| xs: '0.75rem', | |
| sm: '0.875rem', | |
| base: '1rem', | |
| lg: '1.125rem', | |
| xl: '1.25rem', | |
| '2xl': '1.5rem', | |
| '3xl': '1.875rem', | |
| '4xl': '2.25rem', | |
| '5xl': '3rem', | |
| '6xl': '4rem', | |
| }, | |
| fontWeight: { | |
| // hairline: '100', | |
| thin: '200', | |
| // light: '300', | |
| normal: '400', | |
| // medium: '500', | |
| // semibold: '600', | |
| // bold: '700', | |
| // extrabold: '800', | |
| // black: '900', | |
| }, | |
| height: theme => ({ | |
| auto: 'auto', | |
| ...theme('spacing'), | |
| full: '100%', | |
| screen: '100vh', | |
| }), | |
| inset: { | |
| '0': '0', | |
| auto: 'auto', | |
| }, | |
| letterSpacing: { | |
| tighter: '-0.05em', | |
| tight: '-0.025em', | |
| normal: '0', | |
| wide: '0.025em', | |
| wider: '0.05em', | |
| widest: '0.1em', | |
| }, | |
| lineHeight: { | |
| none: '1', | |
| tight: '1.25', | |
| snug: '1.375', | |
| normal: '1.5', | |
| relaxed: '1.625', | |
| loose: '2', | |
| '3': '.75rem', | |
| '4': '1rem', | |
| '5': '1.25rem', | |
| '6': '1.5rem', | |
| '7': '1.75rem', | |
| '8': '2rem', | |
| '9': '2.25rem', | |
| '10': '2.5rem', | |
| }, | |
| listStyleType: { | |
| none: 'none', | |
| disc: 'disc', | |
| decimal: 'decimal', | |
| }, | |
| margin: (theme, { negative }) => ({ | |
| auto: 'auto', | |
| ...theme('spacing'), | |
| ...negative(theme('spacing')), | |
| }), | |
| maxHeight: { | |
| full: '100%', | |
| screen: '100vh', | |
| }, | |
| maxWidth: (theme, { breakpoints }) => ({ | |
| // none: 'none', | |
| // xs: '20rem', | |
| // sm: '24rem', | |
| // md: '28rem', | |
| // lg: '32rem', | |
| // xl: '36rem', | |
| // '2xl': '42rem', | |
| // '3xl': '48rem', | |
| // '4xl': '56rem', | |
| // '5xl': '64rem', | |
| '6xl': '72rem', | |
| // full: '100%', | |
| // ...breakpoints(theme('screens')), | |
| }), | |
| minHeight: { | |
| '0': '0', | |
| full: '100%', | |
| screen: '100vh', | |
| }, | |
| minWidth: { | |
| '0': '0', | |
| full: '100%', | |
| }, | |
| objectPosition: { | |
| bottom: 'bottom', | |
| center: 'center', | |
| left: 'left', | |
| 'left-bottom': 'left bottom', | |
| 'left-top': 'left top', | |
| right: 'right', | |
| 'right-bottom': 'right bottom', | |
| 'right-top': 'right top', | |
| top: 'top', | |
| }, | |
| opacity: { | |
| '0': '0', | |
| '25': '0.25', | |
| '50': '0.5', | |
| '75': '0.75', | |
| '100': '1', | |
| }, | |
| order: { | |
| first: '-9999', | |
| last: '9999', | |
| none: '0', | |
| '1': '1', | |
| '2': '2', | |
| '3': '3', | |
| '4': '4', | |
| '5': '5', | |
| '6': '6', | |
| '7': '7', | |
| '8': '8', | |
| '9': '9', | |
| '10': '10', | |
| '11': '11', | |
| '12': '12', | |
| }, | |
| padding: theme => theme('spacing'), | |
| placeholderColor: theme => theme('colors'), | |
| placeholderOpacity: theme => theme('opacity'), | |
| space: (theme, { negative }) => ({ | |
| ...theme('spacing'), | |
| ...negative(theme('spacing')), | |
| }), | |
| stroke: { | |
| current: 'currentColor', | |
| }, | |
| strokeWidth: { | |
| '0': '0', | |
| '1': '1', | |
| '2': '2', | |
| }, | |
| textColor: theme => theme('colors'), | |
| textOpacity: theme => theme('opacity'), | |
| width: theme => ({ | |
| auto: 'auto', | |
| ...theme('spacing'), | |
| // '1/2': '50%', | |
| // '1/3': '33.333333%', | |
| // '2/3': '66.666667%', | |
| // '1/4': '25%', | |
| // '2/4': '50%', | |
| // '3/4': '75%', | |
| // '1/5': '20%', | |
| // '2/5': '40%', | |
| // '3/5': '60%', | |
| // '4/5': '80%', | |
| // '1/6': '16.666667%', | |
| // '2/6': '33.333333%', | |
| // '3/6': '50%', | |
| // '4/6': '66.666667%', | |
| // '5/6': '83.333333%', | |
| // '1/12': '8.333333%', | |
| // '2/12': '16.666667%', | |
| // '3/12': '25%', | |
| // '4/12': '33.333333%', | |
| // '5/12': '41.666667%', | |
| // '6/12': '50%', | |
| // '7/12': '58.333333%', | |
| // '8/12': '66.666667%', | |
| // '9/12': '75%', | |
| // '10/12': '83.333333%', | |
| // '11/12': '91.666667%', | |
| full: '100%', | |
| // screen: '100vw', | |
| }), | |
| zIndex: { | |
| auto: 'auto', | |
| '0': '0', | |
| '10': '10', | |
| '20': '20', | |
| '30': '30', | |
| '40': '40', | |
| '50': '50', | |
| }, | |
| gap: theme => theme('spacing'), | |
| gridTemplateColumns: { | |
| none: 'none', | |
| '1': 'repeat(1, minmax(0, 1fr))', | |
| '2': 'repeat(2, minmax(0, 1fr))', | |
| '3': 'repeat(3, minmax(0, 1fr))', | |
| '4': 'repeat(4, minmax(0, 1fr))', | |
| '5': 'repeat(5, minmax(0, 1fr))', | |
| '6': 'repeat(6, minmax(0, 1fr))', | |
| '7': 'repeat(7, minmax(0, 1fr))', | |
| '8': 'repeat(8, minmax(0, 1fr))', | |
| '9': 'repeat(9, minmax(0, 1fr))', | |
| '10': 'repeat(10, minmax(0, 1fr))', | |
| '11': 'repeat(11, minmax(0, 1fr))', | |
| '12': 'repeat(12, minmax(0, 1fr))', | |
| }, | |
| gridColumn: { | |
| auto: 'auto', | |
| 'span-1': 'span 1 / span 1', | |
| 'span-2': 'span 2 / span 2', | |
| 'span-3': 'span 3 / span 3', | |
| 'span-4': 'span 4 / span 4', | |
| 'span-5': 'span 5 / span 5', | |
| 'span-6': 'span 6 / span 6', | |
| 'span-7': 'span 7 / span 7', | |
| 'span-8': 'span 8 / span 8', | |
| 'span-9': 'span 9 / span 9', | |
| 'span-10': 'span 10 / span 10', | |
| 'span-11': 'span 11 / span 11', | |
| 'span-12': 'span 12 / span 12', | |
| }, | |
| gridColumnStart: { | |
| auto: 'auto', | |
| '1': '1', | |
| '2': '2', | |
| '3': '3', | |
| '4': '4', | |
| '5': '5', | |
| '6': '6', | |
| '7': '7', | |
| '8': '8', | |
| '9': '9', | |
| '10': '10', | |
| '11': '11', | |
| '12': '12', | |
| '13': '13', | |
| }, | |
| gridColumnEnd: { | |
| auto: 'auto', | |
| '1': '1', | |
| '2': '2', | |
| '3': '3', | |
| '4': '4', | |
| '5': '5', | |
| '6': '6', | |
| '7': '7', | |
| '8': '8', | |
| '9': '9', | |
| '10': '10', | |
| '11': '11', | |
| '12': '12', | |
| '13': '13', | |
| }, | |
| gridTemplateRows: { | |
| none: 'none', | |
| '1': 'repeat(1, minmax(0, 1fr))', | |
| '2': 'repeat(2, minmax(0, 1fr))', | |
| '3': 'repeat(3, minmax(0, 1fr))', | |
| '4': 'repeat(4, minmax(0, 1fr))', | |
| '5': 'repeat(5, minmax(0, 1fr))', | |
| '6': 'repeat(6, minmax(0, 1fr))', | |
| }, | |
| gridRow: { | |
| auto: 'auto', | |
| 'span-1': 'span 1 / span 1', | |
| 'span-2': 'span 2 / span 2', | |
| 'span-3': 'span 3 / span 3', | |
| 'span-4': 'span 4 / span 4', | |
| 'span-5': 'span 5 / span 5', | |
| 'span-6': 'span 6 / span 6', | |
| }, | |
| gridRowStart: { | |
| auto: 'auto', | |
| '1': '1', | |
| '2': '2', | |
| '3': '3', | |
| '4': '4', | |
| '5': '5', | |
| '6': '6', | |
| '7': '7', | |
| }, | |
| gridRowEnd: { | |
| auto: 'auto', | |
| '1': '1', | |
| '2': '2', | |
| '3': '3', | |
| '4': '4', | |
| '5': '5', | |
| '6': '6', | |
| '7': '7', | |
| }, | |
| transformOrigin: { | |
| center: 'center', | |
| top: 'top', | |
| 'top-right': 'top right', | |
| right: 'right', | |
| 'bottom-right': 'bottom right', | |
| bottom: 'bottom', | |
| 'bottom-left': 'bottom left', | |
| left: 'left', | |
| 'top-left': 'top left', | |
| }, | |
| scale: { | |
| '0': '0', | |
| '50': '.5', | |
| '75': '.75', | |
| '90': '.9', | |
| '95': '.95', | |
| '100': '1', | |
| '105': '1.05', | |
| '110': '1.1', | |
| '125': '1.25', | |
| '150': '1.5', | |
| }, | |
| rotate: { | |
| '-180': '-180deg', | |
| '-90': '-90deg', | |
| '-45': '-45deg', | |
| '0': '0', | |
| '45': '45deg', | |
| '90': '90deg', | |
| '180': '180deg', | |
| }, | |
| translate: (theme, { negative }) => ({ | |
| ...theme('spacing'), | |
| ...negative(theme('spacing')), | |
| '-full': '-100%', | |
| '-1/2': '-50%', | |
| '1/2': '50%', | |
| full: '100%', | |
| }), | |
| skew: { | |
| '-12': '-12deg', | |
| '-6': '-6deg', | |
| '-3': '-3deg', | |
| '0': '0', | |
| '3': '3deg', | |
| '6': '6deg', | |
| '12': '12deg', | |
| }, | |
| transitionProperty: { | |
| none: 'none', | |
| all: 'all', | |
| default: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform', | |
| colors: 'background-color, border-color, color, fill, stroke', | |
| opacity: 'opacity', | |
| shadow: 'box-shadow', | |
| transform: 'transform', | |
| }, | |
| transitionTimingFunction: { | |
| linear: 'linear', | |
| in: 'cubic-bezier(0.4, 0, 1, 1)', | |
| out: 'cubic-bezier(0, 0, 0.2, 1)', | |
| 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)', | |
| }, | |
| transitionDuration: { | |
| '75': '75ms', | |
| '100': '100ms', | |
| '150': '150ms', | |
| '200': '200ms', | |
| '300': '300ms', | |
| '500': '500ms', | |
| '700': '700ms', | |
| '1000': '1000ms', | |
| }, | |
| transitionDelay: { | |
| '75': '75ms', | |
| '100': '100ms', | |
| '150': '150ms', | |
| '200': '200ms', | |
| '300': '300ms', | |
| '500': '500ms', | |
| '700': '700ms', | |
| '1000': '1000ms', | |
| }, | |
| }, | |
| variants: { | |
| accessibility: false, // ['responsive', 'focus'], | |
| alignContent: ['responsive'], | |
| alignItems: ['responsive'], | |
| alignSelf: false, // ['responsive'], | |
| appearance: false, // ['responsive'], | |
| backgroundAttachment: false, // ['responsive'], | |
| backgroundColor: ['responsive'], // ['responsive', 'hover', 'focus'], | |
| backgroundOpacity: false, // ['responsive', 'hover', 'focus'], | |
| backgroundPosition: false, // ['responsive'], | |
| backgroundRepeat: false, // ['responsive'], | |
| backgroundSize: false, // ['responsive'], | |
| borderCollapse: false, // ['responsive'], | |
| borderColor: ['responsive'], // ['responsive', 'hover', 'focus'], | |
| borderOpacity: ['responsive'], // ['responsive', 'hover', 'focus'], | |
| borderRadius: ['responsive'], | |
| borderStyle: false, // ['responsive'], | |
| borderWidth: ['responsive'], | |
| boxShadow: false, // ['responsive', 'hover', 'focus'], | |
| boxSizing: false, // ['responsive'], | |
| cursor: false, // ['responsive'], | |
| display: false, // ['responsive'], | |
| divideColor: false, // ['responsive'], | |
| divideOpacity: false, // ['responsive'], | |
| divideWidth: false, // ['responsive'], | |
| fill: ['responsive'], | |
| flex: ['responsive'], | |
| flexDirection: ['responsive'], | |
| flexGrow: false, // ['responsive'], | |
| flexShrink: ['responsive'], | |
| flexWrap: false, // ['responsive'], | |
| float: false, // ['responsive'], | |
| clear: false, // ['responsive'], | |
| fontFamily: false, // ['responsive'], | |
| fontSize: ['responsive'], | |
| fontSmoothing: false, // ['responsive'], | |
| fontStyle: false, // ['responsive'], | |
| fontWeight: ['responsive'], // ['responsive', 'hover', 'focus'], | |
| height: ['responsive'], | |
| inset: false, // ['responsive'], | |
| justifyContent: ['responsive'], | |
| letterSpacing: false, // ['responsive'], | |
| lineHeight: false, // ['responsive'], | |
| listStylePosition: false, // ['responsive'], | |
| listStyleType: false, // ['responsive'], | |
| margin: ['responsive'], | |
| maxHeight: false, // ['responsive'], | |
| maxWidth: ['responsive'], | |
| minHeight: false, // ['responsive'], | |
| minWidth: false, // ['responsive'], | |
| objectFit: false, // ['responsive'], | |
| objectPosition: false, // ['responsive'], | |
| opacity: false, // ['responsive'], // ['responsive', 'hover', 'focus'], | |
| order: false, // ['responsive'], | |
| outline: false, // ['responsive', 'focus'], | |
| overflow: ['responsive'], | |
| padding: ['responsive'], | |
| placeholderColor: false, // ['responsive', 'focus'], | |
| placeholderOpacity: false, // ['responsive', 'focus'], | |
| pointerEvents: false, // ['responsive'], | |
| position: false, // ['responsive'], | |
| resize: false, // ['responsive'], | |
| space: false, // ['responsive'], | |
| stroke: false, // ['responsive'], | |
| strokeWidth: false, // ['responsive'], | |
| tableLayout: false, // ['responsive'], | |
| textAlign: ['responsive'], | |
| textColor: ['responsive'], // ['responsive', 'hover', 'focus'], | |
| textOpacity: false, // ['responsive', 'hover', 'focus'], | |
| textDecoration: false, // ['responsive', 'hover', 'focus'], | |
| textTransform: false, // ['responsive'], | |
| userSelect: false, // ['responsive'], | |
| verticalAlign: false, // ['responsive'], | |
| visibility: false, // ['responsive'], | |
| whitespace: false, // ['responsive'], | |
| width: ['responsive'], | |
| wordBreak: false, // ['responsive'], | |
| zIndex: false, // ['responsive'], | |
| gap: false, // ['responsive'], | |
| gridAutoFlow: false, // ['responsive'], | |
| gridTemplateColumns: false, // ['responsive'], | |
| gridColumn: false, // ['responsive'], | |
| gridColumnStart: false, // ['responsive'], | |
| gridColumnEnd: false, // ['responsive'], | |
| gridTemplateRows: false, // ['responsive'], | |
| gridRow: false, // ['responsive'], | |
| gridRowStart: false, // ['responsive'], | |
| gridRowEnd: false, // ['responsive'], | |
| transform: false, // ['responsive'], | |
| transformOrigin: false, // ['responsive'], | |
| scale: false, // ['responsive', 'hover', 'focus'], | |
| rotate: false, // ['responsive', 'hover', 'focus'], | |
| translate: false, // ['responsive', 'hover', 'focus'], | |
| skew: false, // ['responsive', 'hover', 'focus'], | |
| transitionProperty: false, // ['responsive'], | |
| transitionTimingFunction: false, // ['responsive'], | |
| transitionDuration: false, // ['responsive'], | |
| transitionDelay: false, // ['responsive'], | |
| }, | |
| corePlugins: {}, | |
| plugins: [], | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ | |
| /* Document | |
| ========================================================================== */ | |
| /** | |
| * 1. Correct the line height in all browsers. | |
| * 2. Prevent adjustments of font size after orientation changes in iOS. | |
| */ | |
| html { | |
| line-height: 1.15; /* 1 */ | |
| -webkit-text-size-adjust: 100%; /* 2 */ | |
| } | |
| /* Sections | |
| ========================================================================== */ | |
| /** | |
| * Remove the margin in all browsers. | |
| */ | |
| body { | |
| margin: 0; | |
| } | |
| /** | |
| * Render the `main` element consistently in IE. | |
| */ | |
| main { | |
| display: block; | |
| } | |
| /** | |
| * Correct the font size and margin on `h1` elements within `section` and | |
| * `article` contexts in Chrome, Firefox, and Safari. | |
| */ | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| /* Grouping content | |
| ========================================================================== */ | |
| /** | |
| * 1. Add the correct box sizing in Firefox. | |
| * 2. Show the overflow in Edge and IE. | |
| */ | |
| hr { | |
| box-sizing: content-box; /* 1 */ | |
| height: 0; /* 1 */ | |
| overflow: visible; /* 2 */ | |
| } | |
| /** | |
| * 1. Correct the inheritance and scaling of font size in all browsers. | |
| * 2. Correct the odd `em` font sizing in all browsers. | |
| */ | |
| pre { | |
| font-family: monospace, monospace; /* 1 */ | |
| font-size: 1em; /* 2 */ | |
| } | |
| /* Text-level semantics | |
| ========================================================================== */ | |
| /** | |
| * Remove the gray background on active links in IE 10. | |
| */ | |
| a { | |
| background-color: transparent; | |
| } | |
| /** | |
| * 1. Remove the bottom border in Chrome 57- | |
| * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. | |
| */ | |
| abbr[title] { | |
| border-bottom: none; /* 1 */ | |
| text-decoration: underline; /* 2 */ | |
| -webkit-text-decoration: underline dotted; | |
| text-decoration: underline dotted; /* 2 */ | |
| } | |
| /** | |
| * Add the correct font weight in Chrome, Edge, and Safari. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bolder; | |
| } | |
| /** | |
| * 1. Correct the inheritance and scaling of font size in all browsers. | |
| * 2. Correct the odd `em` font sizing in all browsers. | |
| */ | |
| code, | |
| kbd, | |
| samp { | |
| font-family: monospace, monospace; /* 1 */ | |
| font-size: 1em; /* 2 */ | |
| } | |
| /** | |
| * Add the correct font size in all browsers. | |
| */ | |
| small { | |
| font-size: 80%; | |
| } | |
| /** | |
| * Prevent `sub` and `sup` elements from affecting the line height in | |
| * all browsers. | |
| */ | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| /* Embedded content | |
| ========================================================================== */ | |
| /** | |
| * Remove the border on images inside links in IE 10. | |
| */ | |
| img { | |
| border-style: none; | |
| } | |
| /* Forms | |
| ========================================================================== */ | |
| /** | |
| * 1. Change the font styles in all browsers. | |
| * 2. Remove the margin in Firefox and Safari. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| font-family: inherit; /* 1 */ | |
| font-size: 100%; /* 1 */ | |
| line-height: 1.15; /* 1 */ | |
| margin: 0; /* 2 */ | |
| } | |
| /** | |
| * Show the overflow in IE. | |
| * 1. Show the overflow in Edge. | |
| */ | |
| button, | |
| input { /* 1 */ | |
| overflow: visible; | |
| } | |
| /** | |
| * Remove the inheritance of text transform in Edge, Firefox, and IE. | |
| * 1. Remove the inheritance of text transform in Firefox. | |
| */ | |
| button, | |
| select { /* 1 */ | |
| text-transform: none; | |
| } | |
| /** | |
| * Correct the inability to style clickable types in iOS and Safari. | |
| */ | |
| button, | |
| [type="button"], | |
| [type="reset"], | |
| [type="submit"] { | |
| -webkit-appearance: button; | |
| } | |
| /** | |
| * Remove the inner border and padding in Firefox. | |
| */ | |
| button::-moz-focus-inner, | |
| [type="button"]::-moz-focus-inner, | |
| [type="reset"]::-moz-focus-inner, | |
| [type="submit"]::-moz-focus-inner { | |
| border-style: none; | |
| padding: 0; | |
| } | |
| /** | |
| * Restore the focus styles unset by the previous rule. | |
| */ | |
| button:-moz-focusring, | |
| [type="button"]:-moz-focusring, | |
| [type="reset"]:-moz-focusring, | |
| [type="submit"]:-moz-focusring { | |
| outline: 1px dotted ButtonText; | |
| } | |
| /** | |
| * Correct the padding in Firefox. | |
| */ | |
| fieldset { | |
| padding: 0.35em 0.75em 0.625em; | |
| } | |
| /** | |
| * 1. Correct the text wrapping in Edge and IE. | |
| * 2. Correct the color inheritance from `fieldset` elements in IE. | |
| * 3. Remove the padding so developers are not caught out when they zero out | |
| * `fieldset` elements in all browsers. | |
| */ | |
| legend { | |
| box-sizing: border-box; /* 1 */ | |
| color: inherit; /* 2 */ | |
| display: table; /* 1 */ | |
| max-width: 100%; /* 1 */ | |
| padding: 0; /* 3 */ | |
| white-space: normal; /* 1 */ | |
| } | |
| /** | |
| * Add the correct vertical alignment in Chrome, Firefox, and Opera. | |
| */ | |
| progress { | |
| vertical-align: baseline; | |
| } | |
| /** | |
| * Remove the default vertical scrollbar in IE 10+. | |
| */ | |
| textarea { | |
| overflow: auto; | |
| } | |
| /** | |
| * 1. Add the correct box sizing in IE 10. | |
| * 2. Remove the padding in IE 10. | |
| */ | |
| [type="checkbox"], | |
| [type="radio"] { | |
| box-sizing: border-box; /* 1 */ | |
| padding: 0; /* 2 */ | |
| } | |
| /** | |
| * Correct the cursor style of increment and decrement buttons in Chrome. | |
| */ | |
| [type="number"]::-webkit-inner-spin-button, | |
| [type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| /** | |
| * 1. Correct the odd appearance in Chrome and Safari. | |
| * 2. Correct the outline style in Safari. | |
| */ | |
| [type="search"] { | |
| -webkit-appearance: textfield; /* 1 */ | |
| outline-offset: -2px; /* 2 */ | |
| } | |
| /** | |
| * Remove the inner padding in Chrome and Safari on macOS. | |
| */ | |
| [type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| * 1. Correct the inability to style clickable types in iOS and Safari. | |
| * 2. Change font properties to `inherit` in Safari. | |
| */ | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; /* 1 */ | |
| font: inherit; /* 2 */ | |
| } | |
| /* Interactive | |
| ========================================================================== */ | |
| /* | |
| * Add the correct display in Edge, IE 10+, and Firefox. | |
| */ | |
| details { | |
| display: block; | |
| } | |
| /* | |
| * Add the correct display in all browsers. | |
| */ | |
| summary { | |
| display: list-item; | |
| } | |
| /* Misc | |
| ========================================================================== */ | |
| /** | |
| * Add the correct display in IE 10+. | |
| */ | |
| template { | |
| display: none; | |
| } | |
| /** | |
| * Add the correct display in IE 10. | |
| */ | |
| [hidden] { | |
| display: none; | |
| } | |
| /** | |
| * Manually forked from SUIT CSS Base: https://github.com/suitcss/base | |
| * A thin layer on top of normalize.css that provides a starting point more | |
| * suitable for web applications. | |
| */ | |
| /** | |
| * Removes the default spacing and border for appropriate elements. | |
| */ | |
| blockquote, | |
| dl, | |
| dd, | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| hr, | |
| figure, | |
| p, | |
| pre { | |
| margin: 0; | |
| } | |
| button { | |
| background-color: transparent; | |
| background-image: none; | |
| padding: 0; | |
| } | |
| /** | |
| * Work around a Firefox/IE bug where the transparent `button` background | |
| * results in a loss of the default `button` focus styles. | |
| */ | |
| button:focus { | |
| outline: 1px dotted; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| } | |
| fieldset { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| ol, | |
| ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /** | |
| * Tailwind custom reset styles | |
| */ | |
| /** | |
| * 1. Use the user's configured `sans` font-family (with Tailwind's default | |
| * sans-serif font stack as a fallback) as a sane default. | |
| * 2. Use Tailwind's default "normal" line-height so the user isn't forced | |
| * to override it to ensure consistency even when using the default theme. | |
| */ | |
| html { | |
| font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */ | |
| line-height: 1.5; /* 2 */ | |
| } | |
| /** | |
| * 1. Prevent padding and border from affecting element width. | |
| * | |
| * We used to set this in the html element and inherit from | |
| * the parent element for everything else. This caused issues | |
| * in shadow-dom-enhanced elements like <details> where the content | |
| * is wrapped by a div with box-sizing set to `content-box`. | |
| * | |
| * https://github.com/mozdevs/cssremedy/issues/4 | |
| * | |
| * | |
| * 2. Allow adding a border to an element by just adding a border-width. | |
| * | |
| * By default, the way the browser specifies that an element should have no | |
| * border is by setting it's border-style to `none` in the user-agent | |
| * stylesheet. | |
| * | |
| * In order to easily add borders to elements by just setting the `border-width` | |
| * property, we change the default border-style for all elements to `solid`, and | |
| * use border-width to hide them instead. This way our `border` utilities only | |
| * need to set the `border-width` property instead of the entire `border` | |
| * shorthand, making our border utilities much more straightforward to compose. | |
| * | |
| * https://github.com/tailwindcss/tailwindcss/pull/116 | |
| */ | |
| *, | |
| ::before, | |
| ::after { | |
| box-sizing: border-box; /* 1 */ | |
| border-width: 0; /* 2 */ | |
| border-style: solid; /* 2 */ | |
| border-color: currentColor; /* 2 */ | |
| } | |
| /* | |
| * Ensure horizontal rules are visible by default | |
| */ | |
| hr { | |
| border-top-width: 1px; | |
| } | |
| /** | |
| * Undo the `border-style: none` reset that Normalize applies to images so that | |
| * our `border-{width}` utilities have the expected effect. | |
| * | |
| * The Normalize reset is unnecessary for us since we default the border-width | |
| * to 0 on all elements. | |
| * | |
| * https://github.com/tailwindcss/tailwindcss/issues/362 | |
| */ | |
| img { | |
| border-style: solid; | |
| } | |
| textarea { | |
| resize: vertical; | |
| } | |
| input::-moz-placeholder, textarea::-moz-placeholder { | |
| color: #a0aec0; | |
| } | |
| input:-ms-input-placeholder, textarea:-ms-input-placeholder { | |
| color: #a0aec0; | |
| } | |
| input::-ms-input-placeholder, textarea::-ms-input-placeholder { | |
| color: #a0aec0; | |
| } | |
| input::placeholder, | |
| textarea::placeholder { | |
| color: #a0aec0; | |
| } | |
| button, | |
| [role="button"] { | |
| cursor: pointer; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-size: inherit; | |
| font-weight: inherit; | |
| } | |
| /** | |
| * Reset links to optimize for opt-in styling instead of | |
| * opt-out. | |
| */ | |
| a { | |
| color: inherit; | |
| text-decoration: inherit; | |
| } | |
| /** | |
| * Reset form element properties that are easy to forget to | |
| * style explicitly so you don't inadvertently introduce | |
| * styles that deviate from your design system. These styles | |
| * supplement a partial reset that is already applied by | |
| * normalize.css. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| padding: 0; | |
| line-height: inherit; | |
| color: inherit; | |
| } | |
| /** | |
| * Use the configured 'mono' font family for elements that | |
| * are expected to be rendered with a monospace font, falling | |
| * back to the system monospace stack if there is no configured | |
| * 'mono' font family. | |
| */ | |
| pre, | |
| code, | |
| kbd, | |
| samp { | |
| font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; | |
| } | |
| /** | |
| * Make replaced elements `display: block` by default as that's | |
| * the behavior you want almost all of the time. Inspired by | |
| * CSS Remedy, with `svg` added as well. | |
| * | |
| * https://github.com/mozdevs/cssremedy/issues/14 | |
| */ | |
| img, | |
| svg, | |
| video, | |
| canvas, | |
| audio, | |
| iframe, | |
| embed, | |
| object { | |
| display: block; | |
| vertical-align: middle; | |
| } | |
| /** | |
| * Constrain images and videos to the parent width and preserve | |
| * their instrinsic aspect ratio. | |
| * | |
| * https://github.com/mozdevs/cssremedy/issues/14 | |
| */ | |
| img, | |
| video { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .container { | |
| width: 100%; | |
| } | |
| @media (min-width: 640px) { | |
| .container { | |
| max-width: 640px; | |
| } | |
| } | |
| .space-y-2 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(0.5rem * var(--space-y-reverse)); | |
| } | |
| .space-x-2 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(0.5rem * var(--space-x-reverse)); | |
| margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .space-y-3 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(0.75rem * var(--space-y-reverse)); | |
| } | |
| .space-x-3 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(0.75rem * var(--space-x-reverse)); | |
| margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .space-y-4 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(1rem * var(--space-y-reverse)); | |
| } | |
| .space-x-4 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(1rem * var(--space-x-reverse)); | |
| margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .space-y-6 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(1.5rem * var(--space-y-reverse)); | |
| } | |
| .space-x-6 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(1.5rem * var(--space-x-reverse)); | |
| margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .space-y-8 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(2rem * var(--space-y-reverse)); | |
| } | |
| .space-x-8 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(2rem * var(--space-x-reverse)); | |
| margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .space-y-12 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(3rem * var(--space-y-reverse)); | |
| } | |
| .space-x-12 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(3rem * var(--space-x-reverse)); | |
| margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .space-y-32 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(8rem * var(--space-y-reverse)); | |
| } | |
| .space-x-32 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(8rem * var(--space-x-reverse)); | |
| margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .space-y-96 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(24rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(24rem * var(--space-y-reverse)); | |
| } | |
| .space-x-96 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(24rem * var(--space-x-reverse)); | |
| margin-left: calc(24rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .space-y-142 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(36rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(36rem * var(--space-y-reverse)); | |
| } | |
| .space-x-142 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(36rem * var(--space-x-reverse)); | |
| margin-left: calc(36rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .-space-y-2 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(-0.5rem * var(--space-y-reverse)); | |
| } | |
| .-space-x-2 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(-0.5rem * var(--space-x-reverse)); | |
| margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .-space-y-3 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(-0.75rem * var(--space-y-reverse)); | |
| } | |
| .-space-x-3 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(-0.75rem * var(--space-x-reverse)); | |
| margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .-space-y-4 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(-1rem * var(--space-y-reverse)); | |
| } | |
| .-space-x-4 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(-1rem * var(--space-x-reverse)); | |
| margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .-space-y-6 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(-1.5rem * var(--space-y-reverse)); | |
| } | |
| .-space-x-6 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(-1.5rem * var(--space-x-reverse)); | |
| margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .-space-y-8 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(-2rem * var(--space-y-reverse)); | |
| } | |
| .-space-x-8 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(-2rem * var(--space-x-reverse)); | |
| margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .-space-y-12 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(-3rem * var(--space-y-reverse)); | |
| } | |
| .-space-x-12 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(-3rem * var(--space-x-reverse)); | |
| margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .-space-y-32 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(-8rem * var(--space-y-reverse)); | |
| } | |
| .-space-x-32 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(-8rem * var(--space-x-reverse)); | |
| margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .-space-y-96 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(-24rem * var(--space-y-reverse)); | |
| } | |
| .-space-x-96 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(-24rem * var(--space-x-reverse)); | |
| margin-left: calc(-24rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .-space-y-142 > :not(template) ~ :not(template) { | |
| --space-y-reverse: 0; | |
| margin-top: calc(-36rem * calc(1 - var(--space-y-reverse))); | |
| margin-bottom: calc(-36rem * var(--space-y-reverse)); | |
| } | |
| .-space-x-142 > :not(template) ~ :not(template) { | |
| --space-x-reverse: 0; | |
| margin-right: calc(-36rem * var(--space-x-reverse)); | |
| margin-left: calc(-36rem * calc(1 - var(--space-x-reverse))); | |
| } | |
| .space-y-reverse > :not(template) ~ :not(template) { | |
| --space-y-reverse: 1; | |
| } | |
| .space-x-reverse > :not(template) ~ :not(template) { | |
| --space-x-reverse: 1; | |
| } | |
| .divide-y-0 > :not(template) ~ :not(template) { | |
| --divide-y-reverse: 0; | |
| border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))); | |
| border-bottom-width: calc(0px * var(--divide-y-reverse)); | |
| } | |
| .divide-x-0 > :not(template) ~ :not(template) { | |
| --divide-x-reverse: 0; | |
| border-right-width: calc(0px * var(--divide-x-reverse)); | |
| border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))); | |
| } | |
| .divide-y-2 > :not(template) ~ :not(template) { | |
| --divide-y-reverse: 0; | |
| border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); | |
| border-bottom-width: calc(2px * var(--divide-y-reverse)); | |
| } | |
| .divide-x-2 > :not(template) ~ :not(template) { | |
| --divide-x-reverse: 0; | |
| border-right-width: calc(2px * var(--divide-x-reverse)); | |
| border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); | |
| } | |
| .divide-y-4 > :not(template) ~ :not(template) { | |
| --divide-y-reverse: 0; | |
| border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); | |
| border-bottom-width: calc(4px * var(--divide-y-reverse)); | |
| } | |
| .divide-x-4 > :not(template) ~ :not(template) { | |
| --divide-x-reverse: 0; | |
| border-right-width: calc(4px * var(--divide-x-reverse)); | |
| border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); | |
| } | |
| .divide-y-8 > :not(template) ~ :not(template) { | |
| --divide-y-reverse: 0; | |
| border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); | |
| border-bottom-width: calc(8px * var(--divide-y-reverse)); | |
| } | |
| .divide-x-8 > :not(template) ~ :not(template) { | |
| --divide-x-reverse: 0; | |
| border-right-width: calc(8px * var(--divide-x-reverse)); | |
| border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); | |
| } | |
| .divide-y > :not(template) ~ :not(template) { | |
| --divide-y-reverse: 0; | |
| border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); | |
| border-bottom-width: calc(1px * var(--divide-y-reverse)); | |
| } | |
| .divide-x > :not(template) ~ :not(template) { | |
| --divide-x-reverse: 0; | |
| border-right-width: calc(1px * var(--divide-x-reverse)); | |
| border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); | |
| } | |
| .divide-y-reverse > :not(template) ~ :not(template) { | |
| --divide-y-reverse: 1; | |
| } | |
| .divide-x-reverse > :not(template) ~ :not(template) { | |
| --divide-x-reverse: 1; | |
| } | |
| .divide-transparent > :not(template) ~ :not(template) { | |
| border-color: transparent; | |
| } | |
| .divide-white > :not(template) ~ :not(template) { | |
| --divide-opacity: 1; | |
| border-color: #ffffff; | |
| border-color: rgba(255, 255, 255, var(--divide-opacity)); | |
| } | |
| .divide-cool-gray-100 > :not(template) ~ :not(template) { | |
| --divide-opacity: 1; | |
| border-color: #f1f5f9; | |
| border-color: rgba(241, 245, 249, var(--divide-opacity)); | |
| } | |
| .divide-cool-gray-300 > :not(template) ~ :not(template) { | |
| --divide-opacity: 1; | |
| border-color: #cfd8e3; | |
| border-color: rgba(207, 216, 227, var(--divide-opacity)); | |
| } | |
| .divide-cool-gray-800 > :not(template) ~ :not(template) { | |
| --divide-opacity: 1; | |
| border-color: #27303f; | |
| border-color: rgba(39, 48, 63, var(--divide-opacity)); | |
| } | |
| .divide-cool-gray-900 > :not(template) ~ :not(template) { | |
| --divide-opacity: 1; | |
| border-color: #1a202e; | |
| border-color: rgba(26, 32, 46, var(--divide-opacity)); | |
| } | |
| .divide-orange-200 > :not(template) ~ :not(template) { | |
| --divide-opacity: 1; | |
| border-color: #faad3f; | |
| border-color: rgba(250, 173, 63, var(--divide-opacity)); | |
| } | |
| .divide-orange-500 > :not(template) ~ :not(template) { | |
| --divide-opacity: 1; | |
| border-color: #ff5a1f; | |
| border-color: rgba(255, 90, 31, var(--divide-opacity)); | |
| } | |
| .divide-opacity-0 > :not(template) ~ :not(template) { | |
| --divide-opacity: 0; | |
| } | |
| .divide-opacity-25 > :not(template) ~ :not(template) { | |
| --divide-opacity: 0.25; | |
| } | |
| .divide-opacity-50 > :not(template) ~ :not(template) { | |
| --divide-opacity: 0.5; | |
| } | |
| .divide-opacity-75 > :not(template) ~ :not(template) { | |
| --divide-opacity: 0.75; | |
| } | |
| .divide-opacity-100 > :not(template) ~ :not(template) { | |
| --divide-opacity: 1; | |
| } | |
| .sr-only { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| padding: 0; | |
| margin: -1px; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| white-space: nowrap; | |
| border-width: 0; | |
| } | |
| .not-sr-only { | |
| position: static; | |
| width: auto; | |
| height: auto; | |
| padding: 0; | |
| margin: 0; | |
| overflow: visible; | |
| clip: auto; | |
| white-space: normal; | |
| } | |
| .appearance-none { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| } | |
| .bg-fixed { | |
| background-attachment: fixed; | |
| } | |
| .bg-local { | |
| background-attachment: local; | |
| } | |
| .bg-scroll { | |
| background-attachment: scroll; | |
| } | |
| .bg-transparent { | |
| background-color: transparent; | |
| } | |
| .bg-white { | |
| --bg-opacity: 1; | |
| background-color: #ffffff; | |
| background-color: rgba(255, 255, 255, var(--bg-opacity)); | |
| } | |
| .bg-cool-gray-100 { | |
| --bg-opacity: 1; | |
| background-color: #f1f5f9; | |
| background-color: rgba(241, 245, 249, var(--bg-opacity)); | |
| } | |
| .bg-cool-gray-300 { | |
| --bg-opacity: 1; | |
| background-color: #cfd8e3; | |
| background-color: rgba(207, 216, 227, var(--bg-opacity)); | |
| } | |
| .bg-cool-gray-800 { | |
| --bg-opacity: 1; | |
| background-color: #27303f; | |
| background-color: rgba(39, 48, 63, var(--bg-opacity)); | |
| } | |
| .bg-cool-gray-900 { | |
| --bg-opacity: 1; | |
| background-color: #1a202e; | |
| background-color: rgba(26, 32, 46, var(--bg-opacity)); | |
| } | |
| .bg-orange-200 { | |
| --bg-opacity: 1; | |
| background-color: #faad3f; | |
| background-color: rgba(250, 173, 63, var(--bg-opacity)); | |
| } | |
| .bg-orange-500 { | |
| --bg-opacity: 1; | |
| background-color: #ff5a1f; | |
| background-color: rgba(255, 90, 31, var(--bg-opacity)); | |
| } | |
| .bg-opacity-0 { | |
| --bg-opacity: 0; | |
| } | |
| .bg-opacity-25 { | |
| --bg-opacity: 0.25; | |
| } | |
| .bg-opacity-50 { | |
| --bg-opacity: 0.5; | |
| } | |
| .bg-opacity-75 { | |
| --bg-opacity: 0.75; | |
| } | |
| .bg-opacity-100 { | |
| --bg-opacity: 1; | |
| } | |
| .bg-bottom { | |
| background-position: bottom; | |
| } | |
| .bg-center { | |
| background-position: center; | |
| } | |
| .bg-left { | |
| background-position: left; | |
| } | |
| .bg-left-bottom { | |
| background-position: left bottom; | |
| } | |
| .bg-left-top { | |
| background-position: left top; | |
| } | |
| .bg-right { | |
| background-position: right; | |
| } | |
| .bg-right-bottom { | |
| background-position: right bottom; | |
| } | |
| .bg-right-top { | |
| background-position: right top; | |
| } | |
| .bg-top { | |
| background-position: top; | |
| } | |
| .bg-repeat { | |
| background-repeat: repeat; | |
| } | |
| .bg-no-repeat { | |
| background-repeat: no-repeat; | |
| } | |
| .bg-repeat-x { | |
| background-repeat: repeat-x; | |
| } | |
| .bg-repeat-y { | |
| background-repeat: repeat-y; | |
| } | |
| .bg-repeat-round { | |
| background-repeat: round; | |
| } | |
| .bg-repeat-space { | |
| background-repeat: space; | |
| } | |
| .bg-auto { | |
| background-size: auto; | |
| } | |
| .bg-cover { | |
| background-size: cover; | |
| } | |
| .bg-contain { | |
| background-size: contain; | |
| } | |
| .border-collapse { | |
| border-collapse: collapse; | |
| } | |
| .border-separate { | |
| border-collapse: separate; | |
| } | |
| .border-transparent { | |
| border-color: transparent; | |
| } | |
| .border-white { | |
| --border-opacity: 1; | |
| border-color: #ffffff; | |
| border-color: rgba(255, 255, 255, var(--border-opacity)); | |
| } | |
| .border-cool-gray-100 { | |
| --border-opacity: 1; | |
| border-color: #f1f5f9; | |
| border-color: rgba(241, 245, 249, var(--border-opacity)); | |
| } | |
| .border-cool-gray-300 { | |
| --border-opacity: 1; | |
| border-color: #cfd8e3; | |
| border-color: rgba(207, 216, 227, var(--border-opacity)); | |
| } | |
| .border-cool-gray-800 { | |
| --border-opacity: 1; | |
| border-color: #27303f; | |
| border-color: rgba(39, 48, 63, var(--border-opacity)); | |
| } | |
| .border-cool-gray-900 { | |
| --border-opacity: 1; | |
| border-color: #1a202e; | |
| border-color: rgba(26, 32, 46, var(--border-opacity)); | |
| } | |
| .border-orange-200 { | |
| --border-opacity: 1; | |
| border-color: #faad3f; | |
| border-color: rgba(250, 173, 63, var(--border-opacity)); | |
| } | |
| .border-orange-500 { | |
| --border-opacity: 1; | |
| border-color: #ff5a1f; | |
| border-color: rgba(255, 90, 31, var(--border-opacity)); | |
| } | |
| .border-opacity-0 { | |
| --border-opacity: 0; | |
| } | |
| .border-opacity-25 { | |
| --border-opacity: 0.25; | |
| } | |
| .border-opacity-50 { | |
| --border-opacity: 0.5; | |
| } | |
| .border-opacity-75 { | |
| --border-opacity: 0.75; | |
| } | |
| .border-opacity-100 { | |
| --border-opacity: 1; | |
| } | |
| .rounded-none { | |
| border-radius: 0; | |
| } | |
| .rounded-sm { | |
| border-radius: 0.125rem; | |
| } | |
| .rounded { | |
| border-radius: 0.25rem; | |
| } | |
| .rounded-md { | |
| border-radius: 0.375rem; | |
| } | |
| .rounded-lg { | |
| border-radius: 0.5rem; | |
| } | |
| .rounded-full { | |
| border-radius: 9999px; | |
| } | |
| .rounded-t-none { | |
| border-top-left-radius: 0; | |
| border-top-right-radius: 0; | |
| } | |
| .rounded-r-none { | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .rounded-b-none { | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .rounded-l-none { | |
| border-top-left-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .rounded-t-sm { | |
| border-top-left-radius: 0.125rem; | |
| border-top-right-radius: 0.125rem; | |
| } | |
| .rounded-r-sm { | |
| border-top-right-radius: 0.125rem; | |
| border-bottom-right-radius: 0.125rem; | |
| } | |
| .rounded-b-sm { | |
| border-bottom-right-radius: 0.125rem; | |
| border-bottom-left-radius: 0.125rem; | |
| } | |
| .rounded-l-sm { | |
| border-top-left-radius: 0.125rem; | |
| border-bottom-left-radius: 0.125rem; | |
| } | |
| .rounded-t { | |
| border-top-left-radius: 0.25rem; | |
| border-top-right-radius: 0.25rem; | |
| } | |
| .rounded-r { | |
| border-top-right-radius: 0.25rem; | |
| border-bottom-right-radius: 0.25rem; | |
| } | |
| .rounded-b { | |
| border-bottom-right-radius: 0.25rem; | |
| border-bottom-left-radius: 0.25rem; | |
| } | |
| .rounded-l { | |
| border-top-left-radius: 0.25rem; | |
| border-bottom-left-radius: 0.25rem; | |
| } | |
| .rounded-t-md { | |
| border-top-left-radius: 0.375rem; | |
| border-top-right-radius: 0.375rem; | |
| } | |
| .rounded-r-md { | |
| border-top-right-radius: 0.375rem; | |
| border-bottom-right-radius: 0.375rem; | |
| } | |
| .rounded-b-md { | |
| border-bottom-right-radius: 0.375rem; | |
| border-bottom-left-radius: 0.375rem; | |
| } | |
| .rounded-l-md { | |
| border-top-left-radius: 0.375rem; | |
| border-bottom-left-radius: 0.375rem; | |
| } | |
| .rounded-t-lg { | |
| border-top-left-radius: 0.5rem; | |
| border-top-right-radius: 0.5rem; | |
| } | |
| .rounded-r-lg { | |
| border-top-right-radius: 0.5rem; | |
| border-bottom-right-radius: 0.5rem; | |
| } | |
| .rounded-b-lg { | |
| border-bottom-right-radius: 0.5rem; | |
| border-bottom-left-radius: 0.5rem; | |
| } | |
| .rounded-l-lg { | |
| border-top-left-radius: 0.5rem; | |
| border-bottom-left-radius: 0.5rem; | |
| } | |
| .rounded-t-full { | |
| border-top-left-radius: 9999px; | |
| border-top-right-radius: 9999px; | |
| } | |
| .rounded-r-full { | |
| border-top-right-radius: 9999px; | |
| border-bottom-right-radius: 9999px; | |
| } | |
| .rounded-b-full { | |
| border-bottom-right-radius: 9999px; | |
| border-bottom-left-radius: 9999px; | |
| } | |
| .rounded-l-full { | |
| border-top-left-radius: 9999px; | |
| border-bottom-left-radius: 9999px; | |
| } | |
| .rounded-tl-none { | |
| border-top-left-radius: 0; | |
| } | |
| .rounded-tr-none { | |
| border-top-right-radius: 0; | |
| } | |
| .rounded-br-none { | |
| border-bottom-right-radius: 0; | |
| } | |
| .rounded-bl-none { | |
| border-bottom-left-radius: 0; | |
| } | |
| .rounded-tl-sm { | |
| border-top-left-radius: 0.125rem; | |
| } | |
| .rounded-tr-sm { | |
| border-top-right-radius: 0.125rem; | |
| } | |
| .rounded-br-sm { | |
| border-bottom-right-radius: 0.125rem; | |
| } | |
| .rounded-bl-sm { | |
| border-bottom-left-radius: 0.125rem; | |
| } | |
| .rounded-tl { | |
| border-top-left-radius: 0.25rem; | |
| } | |
| .rounded-tr { | |
| border-top-right-radius: 0.25rem; | |
| } | |
| .rounded-br { | |
| border-bottom-right-radius: 0.25rem; | |
| } | |
| .rounded-bl { | |
| border-bottom-left-radius: 0.25rem; | |
| } | |
| .rounded-tl-md { | |
| border-top-left-radius: 0.375rem; | |
| } | |
| .rounded-tr-md { | |
| border-top-right-radius: 0.375rem; | |
| } | |
| .rounded-br-md { | |
| border-bottom-right-radius: 0.375rem; | |
| } | |
| .rounded-bl-md { | |
| border-bottom-left-radius: 0.375rem; | |
| } | |
| .rounded-tl-lg { | |
| border-top-left-radius: 0.5rem; | |
| } | |
| .rounded-tr-lg { | |
| border-top-right-radius: 0.5rem; | |
| } | |
| .rounded-br-lg { | |
| border-bottom-right-radius: 0.5rem; | |
| } | |
| .rounded-bl-lg { | |
| border-bottom-left-radius: 0.5rem; | |
| } | |
| .rounded-tl-full { | |
| border-top-left-radius: 9999px; | |
| } | |
| .rounded-tr-full { | |
| border-top-right-radius: 9999px; | |
| } | |
| .rounded-br-full { | |
| border-bottom-right-radius: 9999px; | |
| } | |
| .rounded-bl-full { | |
| border-bottom-left-radius: 9999px; | |
| } | |
| .border-solid { | |
| border-style: solid; | |
| } | |
| .border-dashed { | |
| border-style: dashed; | |
| } | |
| .border-dotted { | |
| border-style: dotted; | |
| } | |
| .border-double { | |
| border-style: double; | |
| } | |
| .border-none { | |
| border-style: none; | |
| } | |
| .border-0 { | |
| border-width: 0; | |
| } | |
| .border-2 { | |
| border-width: 2px; | |
| } | |
| .border-4 { | |
| border-width: 4px; | |
| } | |
| .border-8 { | |
| border-width: 8px; | |
| } | |
| .border { | |
| border-width: 1px; | |
| } | |
| .border-t-0 { | |
| border-top-width: 0; | |
| } | |
| .border-r-0 { | |
| border-right-width: 0; | |
| } | |
| .border-b-0 { | |
| border-bottom-width: 0; | |
| } | |
| .border-l-0 { | |
| border-left-width: 0; | |
| } | |
| .border-t-2 { | |
| border-top-width: 2px; | |
| } | |
| .border-r-2 { | |
| border-right-width: 2px; | |
| } | |
| .border-b-2 { | |
| border-bottom-width: 2px; | |
| } | |
| .border-l-2 { | |
| border-left-width: 2px; | |
| } | |
| .border-t-4 { | |
| border-top-width: 4px; | |
| } | |
| .border-r-4 { | |
| border-right-width: 4px; | |
| } | |
| .border-b-4 { | |
| border-bottom-width: 4px; | |
| } | |
| .border-l-4 { | |
| border-left-width: 4px; | |
| } | |
| .border-t-8 { | |
| border-top-width: 8px; | |
| } | |
| .border-r-8 { | |
| border-right-width: 8px; | |
| } | |
| .border-b-8 { | |
| border-bottom-width: 8px; | |
| } | |
| .border-l-8 { | |
| border-left-width: 8px; | |
| } | |
| .border-t { | |
| border-top-width: 1px; | |
| } | |
| .border-r { | |
| border-right-width: 1px; | |
| } | |
| .border-b { | |
| border-bottom-width: 1px; | |
| } | |
| .border-l { | |
| border-left-width: 1px; | |
| } | |
| .box-border { | |
| box-sizing: border-box; | |
| } | |
| .box-content { | |
| box-sizing: content-box; | |
| } | |
| .cursor-auto { | |
| cursor: auto; | |
| } | |
| .cursor-default { | |
| cursor: default; | |
| } | |
| .cursor-pointer { | |
| cursor: pointer; | |
| } | |
| .cursor-wait { | |
| cursor: wait; | |
| } | |
| .cursor-text { | |
| cursor: text; | |
| } | |
| .cursor-move { | |
| cursor: move; | |
| } | |
| .cursor-not-allowed { | |
| cursor: not-allowed; | |
| } | |
| .block { | |
| display: block; | |
| } | |
| .inline-block { | |
| display: inline-block; | |
| } | |
| .inline { | |
| display: inline; | |
| } | |
| .flex { | |
| display: flex; | |
| } | |
| .inline-flex { | |
| display: inline-flex; | |
| } | |
| .table { | |
| display: table; | |
| } | |
| .table-caption { | |
| display: table-caption; | |
| } | |
| .table-cell { | |
| display: table-cell; | |
| } | |
| .table-column { | |
| display: table-column; | |
| } | |
| .table-column-group { | |
| display: table-column-group; | |
| } | |
| .table-footer-group { | |
| display: table-footer-group; | |
| } | |
| .table-header-group { | |
| display: table-header-group; | |
| } | |
| .table-row-group { | |
| display: table-row-group; | |
| } | |
| .table-row { | |
| display: table-row; | |
| } | |
| .flow-root { | |
| display: flow-root; | |
| } | |
| .grid { | |
| display: grid; | |
| } | |
| .inline-grid { | |
| display: inline-grid; | |
| } | |
| .hidden { | |
| display: none; | |
| } | |
| .flex-row { | |
| flex-direction: row; | |
| } | |
| .flex-row-reverse { | |
| flex-direction: row-reverse; | |
| } | |
| .flex-col { | |
| flex-direction: column; | |
| } | |
| .flex-col-reverse { | |
| flex-direction: column-reverse; | |
| } | |
| .flex-wrap { | |
| flex-wrap: wrap; | |
| } | |
| .flex-wrap-reverse { | |
| flex-wrap: wrap-reverse; | |
| } | |
| .flex-no-wrap { | |
| flex-wrap: nowrap; | |
| } | |
| .items-start { | |
| align-items: flex-start; | |
| } | |
| .items-end { | |
| align-items: flex-end; | |
| } | |
| .items-center { | |
| align-items: center; | |
| } | |
| .items-baseline { | |
| align-items: baseline; | |
| } | |
| .items-stretch { | |
| align-items: stretch; | |
| } | |
| .self-auto { | |
| align-self: auto; | |
| } | |
| .self-start { | |
| align-self: flex-start; | |
| } | |
| .self-end { | |
| align-self: flex-end; | |
| } | |
| .self-center { | |
| align-self: center; | |
| } | |
| .self-stretch { | |
| align-self: stretch; | |
| } | |
| .justify-start { | |
| justify-content: flex-start; | |
| } | |
| .justify-end { | |
| justify-content: flex-end; | |
| } | |
| .justify-center { | |
| justify-content: center; | |
| } | |
| .justify-between { | |
| justify-content: space-between; | |
| } | |
| .justify-around { | |
| justify-content: space-around; | |
| } | |
| .justify-evenly { | |
| justify-content: space-evenly; | |
| } | |
| .content-center { | |
| align-content: center; | |
| } | |
| .content-start { | |
| align-content: flex-start; | |
| } | |
| .content-end { | |
| align-content: flex-end; | |
| } | |
| .content-between { | |
| align-content: space-between; | |
| } | |
| .content-around { | |
| align-content: space-around; | |
| } | |
| .flex-1 { | |
| flex: 1 1 0%; | |
| } | |
| .flex-auto { | |
| flex: 1 1 auto; | |
| } | |
| .flex-initial { | |
| flex: 0 1 auto; | |
| } | |
| .flex-none { | |
| flex: none; | |
| } | |
| .flex-grow-0 { | |
| flex-grow: 0; | |
| } | |
| .flex-grow { | |
| flex-grow: 1; | |
| } | |
| .flex-shrink-0 { | |
| flex-shrink: 0; | |
| } | |
| .flex-shrink { | |
| flex-shrink: 1; | |
| } | |
| .order-1 { | |
| order: 1; | |
| } | |
| .order-2 { | |
| order: 2; | |
| } | |
| .order-3 { | |
| order: 3; | |
| } | |
| .order-4 { | |
| order: 4; | |
| } | |
| .order-5 { | |
| order: 5; | |
| } | |
| .order-6 { | |
| order: 6; | |
| } | |
| .order-7 { | |
| order: 7; | |
| } | |
| .order-8 { | |
| order: 8; | |
| } | |
| .order-9 { | |
| order: 9; | |
| } | |
| .order-10 { | |
| order: 10; | |
| } | |
| .order-11 { | |
| order: 11; | |
| } | |
| .order-12 { | |
| order: 12; | |
| } | |
| .order-first { | |
| order: -9999; | |
| } | |
| .order-last { | |
| order: 9999; | |
| } | |
| .order-none { | |
| order: 0; | |
| } | |
| .float-right { | |
| float: right; | |
| } | |
| .float-left { | |
| float: left; | |
| } | |
| .float-none { | |
| float: none; | |
| } | |
| .clearfix:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .clear-left { | |
| clear: left; | |
| } | |
| .clear-right { | |
| clear: right; | |
| } | |
| .clear-both { | |
| clear: both; | |
| } | |
| .clear-none { | |
| clear: none; | |
| } | |
| .font-sans { | |
| font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | |
| } | |
| .font-serif { | |
| font-family: Georgia, Cambria, "Times New Roman", Times, serif; | |
| } | |
| .font-mono { | |
| font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; | |
| } | |
| .font-thin { | |
| font-weight: 200; | |
| } | |
| .font-normal { | |
| font-weight: 400; | |
| } | |
| .h-2 { | |
| height: 0.5rem; | |
| } | |
| .h-3 { | |
| height: 0.75rem; | |
| } | |
| .h-4 { | |
| height: 1rem; | |
| } | |
| .h-6 { | |
| height: 1.5rem; | |
| } | |
| .h-8 { | |
| height: 2rem; | |
| } | |
| .h-12 { | |
| height: 3rem; | |
| } | |
| .h-32 { | |
| height: 8rem; | |
| } | |
| .h-96 { | |
| height: 24rem; | |
| } | |
| .h-142 { | |
| height: 36rem; | |
| } | |
| .h-auto { | |
| height: auto; | |
| } | |
| .h-full { | |
| height: 100%; | |
| } | |
| .h-screen { | |
| height: 100vh; | |
| } | |
| .text-xs { | |
| font-size: 0.75rem; | |
| } | |
| .text-sm { | |
| font-size: 0.875rem; | |
| } | |
| .text-base { | |
| font-size: 1rem; | |
| } | |
| .text-lg { | |
| font-size: 1.125rem; | |
| } | |
| .text-xl { | |
| font-size: 1.25rem; | |
| } | |
| .text-2xl { | |
| font-size: 1.5rem; | |
| } | |
| .text-3xl { | |
| font-size: 1.875rem; | |
| } | |
| .text-4xl { | |
| font-size: 2.25rem; | |
| } | |
| .text-5xl { | |
| font-size: 3rem; | |
| } | |
| .text-6xl { | |
| font-size: 4rem; | |
| } | |
| .leading-3 { | |
| line-height: .75rem; | |
| } | |
| .leading-4 { | |
| line-height: 1rem; | |
| } | |
| .leading-5 { | |
| line-height: 1.25rem; | |
| } | |
| .leading-6 { | |
| line-height: 1.5rem; | |
| } | |
| .leading-7 { | |
| line-height: 1.75rem; | |
| } | |
| .leading-8 { | |
| line-height: 2rem; | |
| } | |
| .leading-9 { | |
| line-height: 2.25rem; | |
| } | |
| .leading-10 { | |
| line-height: 2.5rem; | |
| } | |
| .leading-none { | |
| line-height: 1; | |
| } | |
| .leading-tight { | |
| line-height: 1.25; | |
| } | |
| .leading-snug { | |
| line-height: 1.375; | |
| } | |
| .leading-normal { | |
| line-height: 1.5; | |
| } | |
| .leading-relaxed { | |
| line-height: 1.625; | |
| } | |
| .leading-loose { | |
| line-height: 2; | |
| } | |
| .list-inside { | |
| list-style-position: inside; | |
| } | |
| .list-outside { | |
| list-style-position: outside; | |
| } | |
| .list-none { | |
| list-style-type: none; | |
| } | |
| .list-disc { | |
| list-style-type: disc; | |
| } | |
| .list-decimal { | |
| list-style-type: decimal; | |
| } | |
| .m-2 { | |
| margin: 0.5rem; | |
| } | |
| .m-3 { | |
| margin: 0.75rem; | |
| } | |
| .m-4 { | |
| margin: 1rem; | |
| } | |
| .m-6 { | |
| margin: 1.5rem; | |
| } | |
| .m-8 { | |
| margin: 2rem; | |
| } | |
| .m-12 { | |
| margin: 3rem; | |
| } | |
| .m-32 { | |
| margin: 8rem; | |
| } | |
| .m-96 { | |
| margin: 24rem; | |
| } | |
| .m-142 { | |
| margin: 36rem; | |
| } | |
| .m-auto { | |
| margin: auto; | |
| } | |
| .-m-2 { | |
| margin: -0.5rem; | |
| } | |
| .-m-3 { | |
| margin: -0.75rem; | |
| } | |
| .-m-4 { | |
| margin: -1rem; | |
| } | |
| .-m-6 { | |
| margin: -1.5rem; | |
| } | |
| .-m-8 { | |
| margin: -2rem; | |
| } | |
| .-m-12 { | |
| margin: -3rem; | |
| } | |
| .-m-32 { | |
| margin: -8rem; | |
| } | |
| .-m-96 { | |
| margin: -24rem; | |
| } | |
| .-m-142 { | |
| margin: -36rem; | |
| } | |
| .my-2 { | |
| margin-top: 0.5rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| .mx-2 { | |
| margin-left: 0.5rem; | |
| margin-right: 0.5rem; | |
| } | |
| .my-3 { | |
| margin-top: 0.75rem; | |
| margin-bottom: 0.75rem; | |
| } | |
| .mx-3 { | |
| margin-left: 0.75rem; | |
| margin-right: 0.75rem; | |
| } | |
| .my-4 { | |
| margin-top: 1rem; | |
| margin-bottom: 1rem; | |
| } | |
| .mx-4 { | |
| margin-left: 1rem; | |
| margin-right: 1rem; | |
| } | |
| .my-6 { | |
| margin-top: 1.5rem; | |
| margin-bottom: 1.5rem; | |
| } | |
| .mx-6 { | |
| margin-left: 1.5rem; | |
| margin-right: 1.5rem; | |
| } | |
| .my-8 { | |
| margin-top: 2rem; | |
| margin-bottom: 2rem; | |
| } | |
| .mx-8 { | |
| margin-left: 2rem; | |
| margin-right: 2rem; | |
| } | |
| .my-12 { | |
| margin-top: 3rem; | |
| margin-bottom: 3rem; | |
| } | |
| .mx-12 { | |
| margin-left: 3rem; | |
| margin-right: 3rem; | |
| } | |
| .my-32 { | |
| margin-top: 8rem; | |
| margin-bottom: 8rem; | |
| } | |
| .mx-32 { | |
| margin-left: 8rem; | |
| margin-right: 8rem; | |
| } | |
| .my-96 { | |
| margin-top: 24rem; | |
| margin-bottom: 24rem; | |
| } | |
| .mx-96 { | |
| margin-left: 24rem; | |
| margin-right: 24rem; | |
| } | |
| .my-142 { | |
| margin-top: 36rem; | |
| margin-bottom: 36rem; | |
| } | |
| .mx-142 { | |
| margin-left: 36rem; | |
| margin-right: 36rem; | |
| } | |
| .my-auto { | |
| margin-top: auto; | |
| margin-bottom: auto; | |
| } | |
| .mx-auto { | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .-my-2 { | |
| margin-top: -0.5rem; | |
| margin-bottom: -0.5rem; | |
| } | |
| .-mx-2 { | |
| margin-left: -0.5rem; | |
| margin-right: -0.5rem; | |
| } | |
| .-my-3 { | |
| margin-top: -0.75rem; | |
| margin-bottom: -0.75rem; | |
| } | |
| .-mx-3 { | |
| margin-left: -0.75rem; | |
| margin-right: -0.75rem; | |
| } | |
| .-my-4 { | |
| margin-top: -1rem; | |
| margin-bottom: -1rem; | |
| } | |
| .-mx-4 { | |
| margin-left: -1rem; | |
| margin-right: -1rem; | |
| } | |
| .-my-6 { | |
| margin-top: -1.5rem; | |
| margin-bottom: -1.5rem; | |
| } | |
| .-mx-6 { | |
| margin-left: -1.5rem; | |
| margin-right: -1.5rem; | |
| } | |
| .-my-8 { | |
| margin-top: -2rem; | |
| margin-bottom: -2rem; | |
| } | |
| .-mx-8 { | |
| margin-left: -2rem; | |
| margin-right: -2rem; | |
| } | |
| .-my-12 { | |
| margin-top: -3rem; | |
| margin-bottom: -3rem; | |
| } | |
| .-mx-12 { | |
| margin-left: -3rem; | |
| margin-right: -3rem; | |
| } | |
| .-my-32 { | |
| margin-top: -8rem; | |
| margin-bottom: -8rem; | |
| } | |
| .-mx-32 { | |
| margin-left: -8rem; | |
| margin-right: -8rem; | |
| } | |
| .-my-96 { | |
| margin-top: -24rem; | |
| margin-bottom: -24rem; | |
| } | |
| .-mx-96 { | |
| margin-left: -24rem; | |
| margin-right: -24rem; | |
| } | |
| .-my-142 { | |
| margin-top: -36rem; | |
| margin-bottom: -36rem; | |
| } | |
| .-mx-142 { | |
| margin-left: -36rem; | |
| margin-right: -36rem; | |
| } | |
| .mt-2 { | |
| margin-top: 0.5rem; | |
| } | |
| .mr-2 { | |
| margin-right: 0.5rem; | |
| } | |
| .mb-2 { | |
| margin-bottom: 0.5rem; | |
| } | |
| .ml-2 { | |
| margin-left: 0.5rem; | |
| } | |
| .mt-3 { | |
| margin-top: 0.75rem; | |
| } | |
| .mr-3 { | |
| margin-right: 0.75rem; | |
| } | |
| .mb-3 { | |
| margin-bottom: 0.75rem; | |
| } | |
| .ml-3 { | |
| margin-left: 0.75rem; | |
| } | |
| .mt-4 { | |
| margin-top: 1rem; | |
| } | |
| .mr-4 { | |
| margin-right: 1rem; | |
| } | |
| .mb-4 { | |
| margin-bottom: 1rem; | |
| } | |
| .ml-4 { | |
| margin-left: 1rem; | |
| } | |
| .mt-6 { | |
| margin-top: 1.5rem; | |
| } | |
| .mr-6 { | |
| margin-right: 1.5rem; | |
| } | |
| .mb-6 { | |
| margin-bottom: 1.5rem; | |
| } | |
| .ml-6 { | |
| margin-left: 1.5rem; | |
| } | |
| .mt-8 { | |
| margin-top: 2rem; | |
| } | |
| .mr-8 { | |
| margin-right: 2rem; | |
| } | |
| .mb-8 { | |
| margin-bottom: 2rem; | |
| } | |
| .ml-8 { | |
| margin-left: 2rem; | |
| } | |
| .mt-12 { | |
| margin-top: 3rem; | |
| } | |
| .mr-12 { | |
| margin-right: 3rem; | |
| } | |
| .mb-12 { | |
| margin-bottom: 3rem; | |
| } | |
| .ml-12 { | |
| margin-left: 3rem; | |
| } | |
| .mt-32 { | |
| margin-top: 8rem; | |
| } | |
| .mr-32 { | |
| margin-right: 8rem; | |
| } | |
| .mb-32 { | |
| margin-bottom: 8rem; | |
| } | |
| .ml-32 { | |
| margin-left: 8rem; | |
| } | |
| .mt-96 { | |
| margin-top: 24rem; | |
| } | |
| .mr-96 { | |
| margin-right: 24rem; | |
| } | |
| .mb-96 { | |
| margin-bottom: 24rem; | |
| } | |
| .ml-96 { | |
| margin-left: 24rem; | |
| } | |
| .mt-142 { | |
| margin-top: 36rem; | |
| } | |
| .mr-142 { | |
| margin-right: 36rem; | |
| } | |
| .mb-142 { | |
| margin-bottom: 36rem; | |
| } | |
| .ml-142 { | |
| margin-left: 36rem; | |
| } | |
| .mt-auto { | |
| margin-top: auto; | |
| } | |
| .mr-auto { | |
| margin-right: auto; | |
| } | |
| .mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .ml-auto { | |
| margin-left: auto; | |
| } | |
| .-mt-2 { | |
| margin-top: -0.5rem; | |
| } | |
| .-mr-2 { | |
| margin-right: -0.5rem; | |
| } | |
| .-mb-2 { | |
| margin-bottom: -0.5rem; | |
| } | |
| .-ml-2 { | |
| margin-left: -0.5rem; | |
| } | |
| .-mt-3 { | |
| margin-top: -0.75rem; | |
| } | |
| .-mr-3 { | |
| margin-right: -0.75rem; | |
| } | |
| .-mb-3 { | |
| margin-bottom: -0.75rem; | |
| } | |
| .-ml-3 { | |
| margin-left: -0.75rem; | |
| } | |
| .-mt-4 { | |
| margin-top: -1rem; | |
| } | |
| .-mr-4 { | |
| margin-right: -1rem; | |
| } | |
| .-mb-4 { | |
| margin-bottom: -1rem; | |
| } | |
| .-ml-4 { | |
| margin-left: -1rem; | |
| } | |
| .-mt-6 { | |
| margin-top: -1.5rem; | |
| } | |
| .-mr-6 { | |
| margin-right: -1.5rem; | |
| } | |
| .-mb-6 { | |
| margin-bottom: -1.5rem; | |
| } | |
| .-ml-6 { | |
| margin-left: -1.5rem; | |
| } | |
| .-mt-8 { | |
| margin-top: -2rem; | |
| } | |
| .-mr-8 { | |
| margin-right: -2rem; | |
| } | |
| .-mb-8 { | |
| margin-bottom: -2rem; | |
| } | |
| .-ml-8 { | |
| margin-left: -2rem; | |
| } | |
| .-mt-12 { | |
| margin-top: -3rem; | |
| } | |
| .-mr-12 { | |
| margin-right: -3rem; | |
| } | |
| .-mb-12 { | |
| margin-bottom: -3rem; | |
| } | |
| .-ml-12 { | |
| margin-left: -3rem; | |
| } | |
| .-mt-32 { | |
| margin-top: -8rem; | |
| } | |
| .-mr-32 { | |
| margin-right: -8rem; | |
| } | |
| .-mb-32 { | |
| margin-bottom: -8rem; | |
| } | |
| .-ml-32 { | |
| margin-left: -8rem; | |
| } | |
| .-mt-96 { | |
| margin-top: -24rem; | |
| } | |
| .-mr-96 { | |
| margin-right: -24rem; | |
| } | |
| .-mb-96 { | |
| margin-bottom: -24rem; | |
| } | |
| .-ml-96 { | |
| margin-left: -24rem; | |
| } | |
| .-mt-142 { | |
| margin-top: -36rem; | |
| } | |
| .-mr-142 { | |
| margin-right: -36rem; | |
| } | |
| .-mb-142 { | |
| margin-bottom: -36rem; | |
| } | |
| .-ml-142 { | |
| margin-left: -36rem; | |
| } | |
| .max-h-full { | |
| max-height: 100%; | |
| } | |
| .max-h-screen { | |
| max-height: 100vh; | |
| } | |
| .max-w-6xl { | |
| max-width: 72rem; | |
| } | |
| .min-h-0 { | |
| min-height: 0; | |
| } | |
| .min-h-full { | |
| min-height: 100%; | |
| } | |
| .min-h-screen { | |
| min-height: 100vh; | |
| } | |
| .min-w-0 { | |
| min-width: 0; | |
| } | |
| .min-w-full { | |
| min-width: 100%; | |
| } | |
| .object-contain { | |
| -o-object-fit: contain; | |
| object-fit: contain; | |
| } | |
| .object-cover { | |
| -o-object-fit: cover; | |
| object-fit: cover; | |
| } | |
| .object-fill { | |
| -o-object-fit: fill; | |
| object-fit: fill; | |
| } | |
| .object-none { | |
| -o-object-fit: none; | |
| object-fit: none; | |
| } | |
| .object-scale-down { | |
| -o-object-fit: scale-down; | |
| object-fit: scale-down; | |
| } | |
| .object-bottom { | |
| -o-object-position: bottom; | |
| object-position: bottom; | |
| } | |
| .object-center { | |
| -o-object-position: center; | |
| object-position: center; | |
| } | |
| .object-left { | |
| -o-object-position: left; | |
| object-position: left; | |
| } | |
| .object-left-bottom { | |
| -o-object-position: left bottom; | |
| object-position: left bottom; | |
| } | |
| .object-left-top { | |
| -o-object-position: left top; | |
| object-position: left top; | |
| } | |
| .object-right { | |
| -o-object-position: right; | |
| object-position: right; | |
| } | |
| .object-right-bottom { | |
| -o-object-position: right bottom; | |
| object-position: right bottom; | |
| } | |
| .object-right-top { | |
| -o-object-position: right top; | |
| object-position: right top; | |
| } | |
| .object-top { | |
| -o-object-position: top; | |
| object-position: top; | |
| } | |
| .opacity-0 { | |
| opacity: 0; | |
| } | |
| .opacity-25 { | |
| opacity: 0.25; | |
| } | |
| .opacity-50 { | |
| opacity: 0.5; | |
| } | |
| .opacity-75 { | |
| opacity: 0.75; | |
| } | |
| .opacity-100 { | |
| opacity: 1; | |
| } | |
| .outline-none { | |
| outline: 0; | |
| } | |
| .overflow-auto { | |
| overflow: auto; | |
| } | |
| .overflow-hidden { | |
| overflow: hidden; | |
| } | |
| .overflow-visible { | |
| overflow: visible; | |
| } | |
| .overflow-scroll { | |
| overflow: scroll; | |
| } | |
| .overflow-x-auto { | |
| overflow-x: auto; | |
| } | |
| .overflow-y-auto { | |
| overflow-y: auto; | |
| } | |
| .overflow-x-hidden { | |
| overflow-x: hidden; | |
| } | |
| .overflow-y-hidden { | |
| overflow-y: hidden; | |
| } | |
| .overflow-x-visible { | |
| overflow-x: visible; | |
| } | |
| .overflow-y-visible { | |
| overflow-y: visible; | |
| } | |
| .overflow-x-scroll { | |
| overflow-x: scroll; | |
| } | |
| .overflow-y-scroll { | |
| overflow-y: scroll; | |
| } | |
| .scrolling-touch { | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| .scrolling-auto { | |
| -webkit-overflow-scrolling: auto; | |
| } | |
| .p-2 { | |
| padding: 0.5rem; | |
| } | |
| .p-3 { | |
| padding: 0.75rem; | |
| } | |
| .p-4 { | |
| padding: 1rem; | |
| } | |
| .p-6 { | |
| padding: 1.5rem; | |
| } | |
| .p-8 { | |
| padding: 2rem; | |
| } | |
| .p-12 { | |
| padding: 3rem; | |
| } | |
| .p-32 { | |
| padding: 8rem; | |
| } | |
| .p-96 { | |
| padding: 24rem; | |
| } | |
| .p-142 { | |
| padding: 36rem; | |
| } | |
| .py-2 { | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| } | |
| .px-2 { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .py-3 { | |
| padding-top: 0.75rem; | |
| padding-bottom: 0.75rem; | |
| } | |
| .px-3 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .py-4 { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem; | |
| } | |
| .px-4 { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| .py-6 { | |
| padding-top: 1.5rem; | |
| padding-bottom: 1.5rem; | |
| } | |
| .px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| } | |
| .py-8 { | |
| padding-top: 2rem; | |
| padding-bottom: 2rem; | |
| } | |
| .px-8 { | |
| padding-left: 2rem; | |
| padding-right: 2rem; | |
| } | |
| .py-12 { | |
| padding-top: 3rem; | |
| padding-bottom: 3rem; | |
| } | |
| .px-12 { | |
| padding-left: 3rem; | |
| padding-right: 3rem; | |
| } | |
| .py-32 { | |
| padding-top: 8rem; | |
| padding-bottom: 8rem; | |
| } | |
| .px-32 { | |
| padding-left: 8rem; | |
| padding-right: 8rem; | |
| } | |
| .py-96 { | |
| padding-top: 24rem; | |
| padding-bottom: 24rem; | |
| } | |
| .px-96 { | |
| padding-left: 24rem; | |
| padding-right: 24rem; | |
| } | |
| .py-142 { | |
| padding-top: 36rem; | |
| padding-bottom: 36rem; | |
| } | |
| .px-142 { | |
| padding-left: 36rem; | |
| padding-right: 36rem; | |
| } | |
| .pt-2 { | |
| padding-top: 0.5rem; | |
| } | |
| .pr-2 { | |
| padding-right: 0.5rem; | |
| } | |
| .pb-2 { | |
| padding-bottom: 0.5rem; | |
| } | |
| .pl-2 { | |
| padding-left: 0.5rem; | |
| } | |
| .pt-3 { | |
| padding-top: 0.75rem; | |
| } | |
| .pr-3 { | |
| padding-right: 0.75rem; | |
| } | |
| .pb-3 { | |
| padding-bottom: 0.75rem; | |
| } | |
| .pl-3 { | |
| padding-left: 0.75rem; | |
| } | |
| .pt-4 { | |
| padding-top: 1rem; | |
| } | |
| .pr-4 { | |
| padding-right: 1rem; | |
| } | |
| .pb-4 { | |
| padding-bottom: 1rem; | |
| } | |
| .pl-4 { | |
| padding-left: 1rem; | |
| } | |
| .pt-6 { | |
| padding-top: 1.5rem; | |
| } | |
| .pr-6 { | |
| padding-right: 1.5rem; | |
| } | |
| .pb-6 { | |
| padding-bottom: 1.5rem; | |
| } | |
| .pl-6 { | |
| padding-left: 1.5rem; | |
| } | |
| .pt-8 { | |
| padding-top: 2rem; | |
| } | |
| .pr-8 { | |
| padding-right: 2rem; | |
| } | |
| .pb-8 { | |
| padding-bottom: 2rem; | |
| } | |
| .pl-8 { | |
| padding-left: 2rem; | |
| } | |
| .pt-12 { | |
| padding-top: 3rem; | |
| } | |
| .pr-12 { | |
| padding-right: 3rem; | |
| } | |
| .pb-12 { | |
| padding-bottom: 3rem; | |
| } | |
| .pl-12 { | |
| padding-left: 3rem; | |
| } | |
| .pt-32 { | |
| padding-top: 8rem; | |
| } | |
| .pr-32 { | |
| padding-right: 8rem; | |
| } | |
| .pb-32 { | |
| padding-bottom: 8rem; | |
| } | |
| .pl-32 { | |
| padding-left: 8rem; | |
| } | |
| .pt-96 { | |
| padding-top: 24rem; | |
| } | |
| .pr-96 { | |
| padding-right: 24rem; | |
| } | |
| .pb-96 { | |
| padding-bottom: 24rem; | |
| } | |
| .pl-96 { | |
| padding-left: 24rem; | |
| } | |
| .pt-142 { | |
| padding-top: 36rem; | |
| } | |
| .pr-142 { | |
| padding-right: 36rem; | |
| } | |
| .pb-142 { | |
| padding-bottom: 36rem; | |
| } | |
| .pl-142 { | |
| padding-left: 36rem; | |
| } | |
| .placeholder-transparent::-moz-placeholder { | |
| color: transparent; | |
| } | |
| .placeholder-transparent:-ms-input-placeholder { | |
| color: transparent; | |
| } | |
| .placeholder-transparent::-ms-input-placeholder { | |
| color: transparent; | |
| } | |
| .placeholder-transparent::placeholder { | |
| color: transparent; | |
| } | |
| .placeholder-white::-moz-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #ffffff; | |
| color: rgba(255, 255, 255, var(--placeholder-opacity)); | |
| } | |
| .placeholder-white:-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #ffffff; | |
| color: rgba(255, 255, 255, var(--placeholder-opacity)); | |
| } | |
| .placeholder-white::-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #ffffff; | |
| color: rgba(255, 255, 255, var(--placeholder-opacity)); | |
| } | |
| .placeholder-white::placeholder { | |
| --placeholder-opacity: 1; | |
| color: #ffffff; | |
| color: rgba(255, 255, 255, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-100::-moz-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #f1f5f9; | |
| color: rgba(241, 245, 249, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-100:-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #f1f5f9; | |
| color: rgba(241, 245, 249, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-100::-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #f1f5f9; | |
| color: rgba(241, 245, 249, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-100::placeholder { | |
| --placeholder-opacity: 1; | |
| color: #f1f5f9; | |
| color: rgba(241, 245, 249, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-300::-moz-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #cfd8e3; | |
| color: rgba(207, 216, 227, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-300:-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #cfd8e3; | |
| color: rgba(207, 216, 227, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-300::-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #cfd8e3; | |
| color: rgba(207, 216, 227, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-300::placeholder { | |
| --placeholder-opacity: 1; | |
| color: #cfd8e3; | |
| color: rgba(207, 216, 227, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-800::-moz-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #27303f; | |
| color: rgba(39, 48, 63, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-800:-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #27303f; | |
| color: rgba(39, 48, 63, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-800::-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #27303f; | |
| color: rgba(39, 48, 63, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-800::placeholder { | |
| --placeholder-opacity: 1; | |
| color: #27303f; | |
| color: rgba(39, 48, 63, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-900::-moz-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #1a202e; | |
| color: rgba(26, 32, 46, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-900:-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #1a202e; | |
| color: rgba(26, 32, 46, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-900::-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #1a202e; | |
| color: rgba(26, 32, 46, var(--placeholder-opacity)); | |
| } | |
| .placeholder-cool-gray-900::placeholder { | |
| --placeholder-opacity: 1; | |
| color: #1a202e; | |
| color: rgba(26, 32, 46, var(--placeholder-opacity)); | |
| } | |
| .placeholder-orange-200::-moz-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #faad3f; | |
| color: rgba(250, 173, 63, var(--placeholder-opacity)); | |
| } | |
| .placeholder-orange-200:-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #faad3f; | |
| color: rgba(250, 173, 63, var(--placeholder-opacity)); | |
| } | |
| .placeholder-orange-200::-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #faad3f; | |
| color: rgba(250, 173, 63, var(--placeholder-opacity)); | |
| } | |
| .placeholder-orange-200::placeholder { | |
| --placeholder-opacity: 1; | |
| color: #faad3f; | |
| color: rgba(250, 173, 63, var(--placeholder-opacity)); | |
| } | |
| .placeholder-orange-500::-moz-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #ff5a1f; | |
| color: rgba(255, 90, 31, var(--placeholder-opacity)); | |
| } | |
| .placeholder-orange-500:-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #ff5a1f; | |
| color: rgba(255, 90, 31, var(--placeholder-opacity)); | |
| } | |
| .placeholder-orange-500::-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| color: #ff5a1f; | |
| color: rgba(255, 90, 31, var(--placeholder-opacity)); | |
| } | |
| .placeholder-orange-500::placeholder { | |
| --placeholder-opacity: 1; | |
| color: #ff5a1f; | |
| color: rgba(255, 90, 31, var(--placeholder-opacity)); | |
| } | |
| .placeholder-opacity-0::-moz-placeholder { | |
| --placeholder-opacity: 0; | |
| } | |
| .placeholder-opacity-0:-ms-input-placeholder { | |
| --placeholder-opacity: 0; | |
| } | |
| .placeholder-opacity-0::-ms-input-placeholder { | |
| --placeholder-opacity: 0; | |
| } | |
| .placeholder-opacity-0::placeholder { | |
| --placeholder-opacity: 0; | |
| } | |
| .placeholder-opacity-25::-moz-placeholder { | |
| --placeholder-opacity: 0.25; | |
| } | |
| .placeholder-opacity-25:-ms-input-placeholder { | |
| --placeholder-opacity: 0.25; | |
| } | |
| .placeholder-opacity-25::-ms-input-placeholder { | |
| --placeholder-opacity: 0.25; | |
| } | |
| .placeholder-opacity-25::placeholder { | |
| --placeholder-opacity: 0.25; | |
| } | |
| .placeholder-opacity-50::-moz-placeholder { | |
| --placeholder-opacity: 0.5; | |
| } | |
| .placeholder-opacity-50:-ms-input-placeholder { | |
| --placeholder-opacity: 0.5; | |
| } | |
| .placeholder-opacity-50::-ms-input-placeholder { | |
| --placeholder-opacity: 0.5; | |
| } | |
| .placeholder-opacity-50::placeholder { | |
| --placeholder-opacity: 0.5; | |
| } | |
| .placeholder-opacity-75::-moz-placeholder { | |
| --placeholder-opacity: 0.75; | |
| } | |
| .placeholder-opacity-75:-ms-input-placeholder { | |
| --placeholder-opacity: 0.75; | |
| } | |
| .placeholder-opacity-75::-ms-input-placeholder { | |
| --placeholder-opacity: 0.75; | |
| } | |
| .placeholder-opacity-75::placeholder { | |
| --placeholder-opacity: 0.75; | |
| } | |
| .placeholder-opacity-100::-moz-placeholder { | |
| --placeholder-opacity: 1; | |
| } | |
| .placeholder-opacity-100:-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| } | |
| .placeholder-opacity-100::-ms-input-placeholder { | |
| --placeholder-opacity: 1; | |
| } | |
| .placeholder-opacity-100::placeholder { | |
| --placeholder-opacity: 1; | |
| } | |
| .pointer-events-none { | |
| pointer-events: none; | |
| } | |
| .pointer-events-auto { | |
| pointer-events: auto; | |
| } | |
| .static { | |
| position: static; | |
| } | |
| .fixed { | |
| position: fixed; | |
| } | |
| .absolute { | |
| position: absolute; | |
| } | |
| .relative { | |
| position: relative; | |
| } | |
| .sticky { | |
| position: -webkit-sticky; | |
| position: sticky; | |
| } | |
| .inset-0 { | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| .inset-auto { | |
| top: auto; | |
| right: auto; | |
| bottom: auto; | |
| left: auto; | |
| } | |
| .inset-y-0 { | |
| top: 0; | |
| bottom: 0; | |
| } | |
| .inset-x-0 { | |
| right: 0; | |
| left: 0; | |
| } | |
| .inset-y-auto { | |
| top: auto; | |
| bottom: auto; | |
| } | |
| .inset-x-auto { | |
| right: auto; | |
| left: auto; | |
| } | |
| .top-0 { | |
| top: 0; | |
| } | |
| .right-0 { | |
| right: 0; | |
| } | |
| .bottom-0 { | |
| bottom: 0; | |
| } | |
| .left-0 { | |
| left: 0; | |
| } | |
| .top-auto { | |
| top: auto; | |
| } | |
| .right-auto { | |
| right: auto; | |
| } | |
| .bottom-auto { | |
| bottom: auto; | |
| } | |
| .left-auto { | |
| left: auto; | |
| } | |
| .resize-none { | |
| resize: none; | |
| } | |
| .resize-y { | |
| resize: vertical; | |
| } | |
| .resize-x { | |
| resize: horizontal; | |
| } | |
| .resize { | |
| resize: both; | |
| } | |
| .shadow-xs { | |
| box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); | |
| } | |
| .shadow-sm { | |
| box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); | |
| } | |
| .shadow { | |
| box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); | |
| } | |
| .shadow-md { | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); | |
| } | |
| .shadow-lg { | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); | |
| } | |
| .shadow-xl { | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .shadow-2xl { | |
| box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); | |
| } | |
| .shadow-inner { | |
| box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); | |
| } | |
| .shadow-outline { | |
| box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); | |
| } | |
| .shadow-none { | |
| box-shadow: none; | |
| } | |
| .fill-current { | |
| fill: currentColor; | |
| } | |
| .stroke-current { | |
| stroke: currentColor; | |
| } | |
| .stroke-0 { | |
| stroke-width: 0; | |
| } | |
| .stroke-1 { | |
| stroke-width: 1; | |
| } | |
| .stroke-2 { | |
| stroke-width: 2; | |
| } | |
| .table-auto { | |
| table-layout: auto; | |
| } | |
| .table-fixed { | |
| table-layout: fixed; | |
| } | |
| .text-left { | |
| text-align: left; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| .text-right { | |
| text-align: right; | |
| } | |
| .text-justify { | |
| text-align: justify; | |
| } | |
| .text-transparent { | |
| color: transparent; | |
| } | |
| .text-white { | |
| --text-opacity: 1; | |
| color: #ffffff; | |
| color: rgba(255, 255, 255, var(--text-opacity)); | |
| } | |
| .text-cool-gray-100 { | |
| --text-opacity: 1; | |
| color: #f1f5f9; | |
| color: rgba(241, 245, 249, var(--text-opacity)); | |
| } | |
| .text-cool-gray-300 { | |
| --text-opacity: 1; | |
| color: #cfd8e3; | |
| color: rgba(207, 216, 227, var(--text-opacity)); | |
| } | |
| .text-cool-gray-800 { | |
| --text-opacity: 1; | |
| color: #27303f; | |
| color: rgba(39, 48, 63, var(--text-opacity)); | |
| } | |
| .text-cool-gray-900 { | |
| --text-opacity: 1; | |
| color: #1a202e; | |
| color: rgba(26, 32, 46, var(--text-opacity)); | |
| } | |
| .text-orange-200 { | |
| --text-opacity: 1; | |
| color: #faad3f; | |
| color: rgba(250, 173, 63, var(--text-opacity)); | |
| } | |
| .text-orange-500 { | |
| --text-opacity: 1; | |
| color: #ff5a1f; | |
| color: rgba(255, 90, 31, var(--text-opacity)); | |
| } | |
| .text-opacity-0 { | |
| --text-opacity: 0; | |
| } | |
| .text-opacity-25 { | |
| --text-opacity: 0.25; | |
| } | |
| .text-opacity-50 { | |
| --text-opacity: 0.5; | |
| } | |
| .text-opacity-75 { | |
| --text-opacity: 0.75; | |
| } | |
| .text-opacity-100 { | |
| --text-opacity: 1; | |
| } | |
| .italic { | |
| font-style: italic; | |
| } | |
| .not-italic { | |
| font-style: normal; | |
| } | |
| .uppercase { | |
| text-transform: uppercase; | |
| } | |
| .lowercase { | |
| text-transform: lowercase; | |
| } | |
| .capitalize { | |
| text-transform: capitalize; | |
| } | |
| .normal-case { | |
| text-transform: none; | |
| } | |
| .underline { | |
| text-decoration: underline; | |
| } | |
| .line-through { | |
| text-decoration: line-through; | |
| } | |
| .no-underline { | |
| text-decoration: none; | |
| } | |
| .antialiased { | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| .subpixel-antialiased { | |
| -webkit-font-smoothing: auto; | |
| -moz-osx-font-smoothing: auto; | |
| } | |
| .tracking-tighter { | |
| letter-spacing: -0.05em; | |
| } | |
| .tracking-tight { | |
| letter-spacing: -0.025em; | |
| } | |
| .tracking-normal { | |
| letter-spacing: 0; | |
| } | |
| .tracking-wide { | |
| letter-spacing: 0.025em; | |
| } | |
| .tracking-wider { | |
| letter-spacing: 0.05em; | |
| } | |
| .tracking-widest { | |
| letter-spacing: 0.1em; | |
| } | |
| .select-none { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| } | |
| .select-text { | |
| -webkit-user-select: text; | |
| -moz-user-select: text; | |
| -ms-user-select: text; | |
| user-select: text; | |
| } | |
| .select-all { | |
| -webkit-user-select: all; | |
| -moz-user-select: all; | |
| -ms-user-select: all; | |
| user-select: all; | |
| } | |
| .select-auto { | |
| -webkit-user-select: auto; | |
| -moz-user-select: auto; | |
| -ms-user-select: auto; | |
| user-select: auto; | |
| } | |
| .align-baseline { | |
| vertical-align: baseline; | |
| } | |
| .align-top { | |
| vertical-align: top; | |
| } | |
| .align-middle { | |
| vertical-align: middle; | |
| } | |
| .align-bottom { | |
| vertical-align: bottom; | |
| } | |
| .align-text-top { | |
| vertical-align: text-top; | |
| } | |
| .align-text-bottom { | |
| vertical-align: text-bottom; | |
| } | |
| .visible { | |
| visibility: visible; | |
| } | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| .whitespace-normal { | |
| white-space: normal; | |
| } | |
| .whitespace-no-wrap { | |
| white-space: nowrap; | |
| } | |
| .whitespace-pre { | |
| white-space: pre; | |
| } | |
| .whitespace-pre-line { | |
| white-space: pre-line; | |
| } | |
| .whitespace-pre-wrap { | |
| white-space: pre-wrap; | |
| } | |
| .break-normal { | |
| overflow-wrap: normal; | |
| word-break: normal; | |
| } | |
| .break-words { | |
| overflow-wrap: break-word; | |
| } | |
| .break-all { | |
| word-break: break-all; | |
| } | |
| .truncate { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .w-2 { | |
| width: 0.5rem; | |
| } | |
| .w-3 { | |
| width: 0.75rem; | |
| } | |
| .w-4 { | |
| width: 1rem; | |
| } | |
| .w-6 { | |
| width: 1.5rem; | |
| } | |
| .w-8 { | |
| width: 2rem; | |
| } | |
| .w-12 { | |
| width: 3rem; | |
| } | |
| .w-32 { | |
| width: 8rem; | |
| } | |
| .w-96 { | |
| width: 24rem; | |
| } | |
| .w-142 { | |
| width: 36rem; | |
| } | |
| .w-auto { | |
| width: auto; | |
| } | |
| .w-full { | |
| width: 100%; | |
| } | |
| .z-0 { | |
| z-index: 0; | |
| } | |
| .z-10 { | |
| z-index: 10; | |
| } | |
| .z-20 { | |
| z-index: 20; | |
| } | |
| .z-30 { | |
| z-index: 30; | |
| } | |
| .z-40 { | |
| z-index: 40; | |
| } | |
| .z-50 { | |
| z-index: 50; | |
| } | |
| .z-auto { | |
| z-index: auto; | |
| } | |
| .gap-2 { | |
| grid-gap: 0.5rem; | |
| gap: 0.5rem; | |
| } | |
| .gap-3 { | |
| grid-gap: 0.75rem; | |
| gap: 0.75rem; | |
| } | |
| .gap-4 { | |
| grid-gap: 1rem; | |
| gap: 1rem; | |
| } | |
| .gap-6 { | |
| grid-gap: 1.5rem; | |
| gap: 1.5rem; | |
| } | |
| .gap-8 { | |
| grid-gap: 2rem; | |
| gap: 2rem; | |
| } | |
| .gap-12 { | |
| grid-gap: 3rem; | |
| gap: 3rem; | |
| } | |
| .gap-32 { | |
| grid-gap: 8rem; | |
| gap: 8rem; | |
| } | |
| .gap-96 { | |
| grid-gap: 24rem; | |
| gap: 24rem; | |
| } | |
| .gap-142 { | |
| grid-gap: 36rem; | |
| gap: 36rem; | |
| } | |
| .col-gap-2 { | |
| grid-column-gap: 0.5rem; | |
| -moz-column-gap: 0.5rem; | |
| column-gap: 0.5rem; | |
| } | |
| .col-gap-3 { | |
| grid-column-gap: 0.75rem; | |
| -moz-column-gap: 0.75rem; | |
| column-gap: 0.75rem; | |
| } | |
| .col-gap-4 { | |
| grid-column-gap: 1rem; | |
| -moz-column-gap: 1rem; | |
| column-gap: 1rem; | |
| } | |
| .col-gap-6 { | |
| grid-column-gap: 1.5rem; | |
| -moz-column-gap: 1.5rem; | |
| column-gap: 1.5rem; | |
| } | |
| .col-gap-8 { | |
| grid-column-gap: 2rem; | |
| -moz-column-gap: 2rem; | |
| column-gap: 2rem; | |
| } | |
| .col-gap-12 { | |
| grid-column-gap: 3rem; | |
| -moz-column-gap: 3rem; | |
| column-gap: 3rem; | |
| } | |
| .col-gap-32 { | |
| grid-column-gap: 8rem; | |
| -moz-column-gap: 8rem; | |
| column-gap: 8rem; | |
| } | |
| .col-gap-96 { | |
| grid-column-gap: 24rem; | |
| -moz-column-gap: 24rem; | |
| column-gap: 24rem; | |
| } | |
| .col-gap-142 { | |
| grid-column-gap: 36rem; | |
| -moz-column-gap: 36rem; | |
| column-gap: 36rem; | |
| } | |
| .row-gap-2 { | |
| grid-row-gap: 0.5rem; | |
| row-gap: 0.5rem; | |
| } | |
| .row-gap-3 { | |
| grid-row-gap: 0.75rem; | |
| row-gap: 0.75rem; | |
| } | |
| .row-gap-4 { | |
| grid-row-gap: 1rem; | |
| row-gap: 1rem; | |
| } | |
| .row-gap-6 { | |
| grid-row-gap: 1.5rem; | |
| row-gap: 1.5rem; | |
| } | |
| .row-gap-8 { | |
| grid-row-gap: 2rem; | |
| row-gap: 2rem; | |
| } | |
| .row-gap-12 { | |
| grid-row-gap: 3rem; | |
| row-gap: 3rem; | |
| } | |
| .row-gap-32 { | |
| grid-row-gap: 8rem; | |
| row-gap: 8rem; | |
| } | |
| .row-gap-96 { | |
| grid-row-gap: 24rem; | |
| row-gap: 24rem; | |
| } | |
| .row-gap-142 { | |
| grid-row-gap: 36rem; | |
| row-gap: 36rem; | |
| } | |
| .grid-flow-row { | |
| grid-auto-flow: row; | |
| } | |
| .grid-flow-col { | |
| grid-auto-flow: column; | |
| } | |
| .grid-flow-row-dense { | |
| grid-auto-flow: row dense; | |
| } | |
| .grid-flow-col-dense { | |
| grid-auto-flow: column dense; | |
| } | |
| .grid-cols-1 { | |
| grid-template-columns: repeat(1, minmax(0, 1fr)); | |
| } | |
| .grid-cols-2 { | |
| grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| } | |
| .grid-cols-3 { | |
| grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| } | |
| .grid-cols-4 { | |
| grid-template-columns: repeat(4, minmax(0, 1fr)); | |
| } | |
| .grid-cols-5 { | |
| grid-template-columns: repeat(5, minmax(0, 1fr)); | |
| } | |
| .grid-cols-6 { | |
| grid-template-columns: repeat(6, minmax(0, 1fr)); | |
| } | |
| .grid-cols-7 { | |
| grid-template-columns: repeat(7, minmax(0, 1fr)); | |
| } | |
| .grid-cols-8 { | |
| grid-template-columns: repeat(8, minmax(0, 1fr)); | |
| } | |
| .grid-cols-9 { | |
| grid-template-columns: repeat(9, minmax(0, 1fr)); | |
| } | |
| .grid-cols-10 { | |
| grid-template-columns: repeat(10, minmax(0, 1fr)); | |
| } | |
| .grid-cols-11 { | |
| grid-template-columns: repeat(11, minmax(0, 1fr)); | |
| } | |
| .grid-cols-12 { | |
| grid-template-columns: repeat(12, minmax(0, 1fr)); | |
| } | |
| .grid-cols-none { | |
| grid-template-columns: none; | |
| } | |
| .col-auto { | |
| grid-column: auto; | |
| } | |
| .col-span-1 { | |
| grid-column: span 1 / span 1; | |
| } | |
| .col-span-2 { | |
| grid-column: span 2 / span 2; | |
| } | |
| .col-span-3 { | |
| grid-column: span 3 / span 3; | |
| } | |
| .col-span-4 { | |
| grid-column: span 4 / span 4; | |
| } | |
| .col-span-5 { | |
| grid-column: span 5 / span 5; | |
| } | |
| .col-span-6 { | |
| grid-column: span 6 / span 6; | |
| } | |
| .col-span-7 { | |
| grid-column: span 7 / span 7; | |
| } | |
| .col-span-8 { | |
| grid-column: span 8 / span 8; | |
| } | |
| .col-span-9 { | |
| grid-column: span 9 / span 9; | |
| } | |
| .col-span-10 { | |
| grid-column: span 10 / span 10; | |
| } | |
| .col-span-11 { | |
| grid-column: span 11 / span 11; | |
| } | |
| .col-span-12 { | |
| grid-column: span 12 / span 12; | |
| } | |
| .col-start-1 { | |
| grid-column-start: 1; | |
| } | |
| .col-start-2 { | |
| grid-column-start: 2; | |
| } | |
| .col-start-3 { | |
| grid-column-start: 3; | |
| } | |
| .col-start-4 { | |
| grid-column-start: 4; | |
| } | |
| .col-start-5 { | |
| grid-column-start: 5; | |
| } | |
| .col-start-6 { | |
| grid-column-start: 6; | |
| } | |
| .col-start-7 { | |
| grid-column-start: 7; | |
| } | |
| .col-start-8 { | |
| grid-column-start: 8; | |
| } | |
| .col-start-9 { | |
| grid-column-start: 9; | |
| } | |
| .col-start-10 { | |
| grid-column-start: 10; | |
| } | |
| .col-start-11 { | |
| grid-column-start: 11; | |
| } | |
| .col-start-12 { | |
| grid-column-start: 12; | |
| } | |
| .col-start-13 { | |
| grid-column-start: 13; | |
| } | |
| .col-start-auto { | |
| grid-column-start: auto; | |
| } | |
| .col-end-1 { | |
| grid-column-end: 1; | |
| } | |
| .col-end-2 { | |
| grid-column-end: 2; | |
| } | |
| .col-end-3 { | |
| grid-column-end: 3; | |
| } | |
| .col-end-4 { | |
| grid-column-end: 4; | |
| } | |
| .col-end-5 { | |
| grid-column-end: 5; | |
| } | |
| .col-end-6 { | |
| grid-column-end: 6; | |
| } | |
| .col-end-7 { | |
| grid-column-end: 7; | |
| } | |
| .col-end-8 { | |
| grid-column-end: 8; | |
| } | |
| .col-end-9 { | |
| grid-column-end: 9; | |
| } | |
| .col-end-10 { | |
| grid-column-end: 10; | |
| } | |
| .col-end-11 { | |
| grid-column-end: 11; | |
| } | |
| .col-end-12 { | |
| grid-column-end: 12; | |
| } | |
| .col-end-13 { | |
| grid-column-end: 13; | |
| } | |
| .col-end-auto { | |
| grid-column-end: auto; | |
| } | |
| .grid-rows-1 { | |
| grid-template-rows: repeat(1, minmax(0, 1fr)); | |
| } | |
| .grid-rows-2 { | |
| grid-template-rows: repeat(2, minmax(0, 1fr)); | |
| } | |
| .grid-rows-3 { | |
| grid-template-rows: repeat(3, minmax(0, 1fr)); | |
| } | |
| .grid-rows-4 { | |
| grid-template-rows: repeat(4, minmax(0, 1fr)); | |
| } | |
| .grid-rows-5 { | |
| grid-template-rows: repeat(5, minmax(0, 1fr)); | |
| } | |
| .grid-rows-6 { | |
| grid-template-rows: repeat(6, minmax(0, 1fr)); | |
| } | |
| .grid-rows-none { | |
| grid-template-rows: none; | |
| } | |
| .row-auto { | |
| grid-row: auto; | |
| } | |
| .row-span-1 { | |
| grid-row: span 1 / span 1; | |
| } | |
| .row-span-2 { | |
| grid-row: span 2 / span 2; | |
| } | |
| .row-span-3 { | |
| grid-row: span 3 / span 3; | |
| } | |
| .row-span-4 { | |
| grid-row: span 4 / span 4; | |
| } | |
| .row-span-5 { | |
| grid-row: span 5 / span 5; | |
| } | |
| .row-span-6 { | |
| grid-row: span 6 / span 6; | |
| } | |
| .row-start-1 { | |
| grid-row-start: 1; | |
| } | |
| .row-start-2 { | |
| grid-row-start: 2; | |
| } | |
| .row-start-3 { | |
| grid-row-start: 3; | |
| } | |
| .row-start-4 { | |
| grid-row-start: 4; | |
| } | |
| .row-start-5 { | |
| grid-row-start: 5; | |
| } | |
| .row-start-6 { | |
| grid-row-start: 6; | |
| } | |
| .row-start-7 { | |
| grid-row-start: 7; | |
| } | |
| .row-start-auto { | |
| grid-row-start: auto; | |
| } | |
| .row-end-1 { | |
| grid-row-end: 1; | |
| } | |
| .row-end-2 { | |
| grid-row-end: 2; | |
| } | |
| .row-end-3 { | |
| grid-row-end: 3; | |
| } | |
| .row-end-4 { | |
| grid-row-end: 4; | |
| } | |
| .row-end-5 { | |
| grid-row-end: 5; | |
| } | |
| .row-end-6 { | |
| grid-row-end: 6; | |
| } | |
| .row-end-7 { | |
| grid-row-end: 7; | |
| } | |
| .row-end-auto { | |
| grid-row-end: auto; | |
| } | |
| .transform { | |
| --transform-translate-x: 0; | |
| --transform-translate-y: 0; | |
| --transform-rotate: 0; | |
| --transform-skew-x: 0; | |
| --transform-skew-y: 0; | |
| --transform-scale-x: 1; | |
| --transform-scale-y: 1; | |
| transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); | |
| } | |
| .transform-none { | |
| transform: none; | |
| } | |
| .origin-center { | |
| transform-origin: center; | |
| } | |
| .origin-top { | |
| transform-origin: top; | |
| } | |
| .origin-top-right { | |
| transform-origin: top right; | |
| } | |
| .origin-right { | |
| transform-origin: right; | |
| } | |
| .origin-bottom-right { | |
| transform-origin: bottom right; | |
| } | |
| .origin-bottom { | |
| transform-origin: bottom; | |
| } | |
| .origin-bottom-left { | |
| transform-origin: bottom left; | |
| } | |
| .origin-left { | |
| transform-origin: left; | |
| } | |
| .origin-top-left { | |
| transform-origin: top left; | |
| } | |
| .scale-0 { | |
| --transform-scale-x: 0; | |
| --transform-scale-y: 0; | |
| } | |
| .scale-50 { | |
| --transform-scale-x: .5; | |
| --transform-scale-y: .5; | |
| } | |
| .scale-75 { | |
| --transform-scale-x: .75; | |
| --transform-scale-y: .75; | |
| } | |
| .scale-90 { | |
| --transform-scale-x: .9; | |
| --transform-scale-y: .9; | |
| } | |
| .scale-95 { | |
| --transform-scale-x: .95; | |
| --transform-scale-y: .95; | |
| } | |
| .scale-100 { | |
| --transform-scale-x: 1; | |
| --transform-scale-y: 1; | |
| } | |
| .scale-105 { | |
| --transform-scale-x: 1.05; | |
| --transform-scale-y: 1.05; | |
| } | |
| .scale-110 { | |
| --transform-scale-x: 1.1; | |
| --transform-scale-y: 1.1; | |
| } | |
| .scale-125 { | |
| --transform-scale-x: 1.25; | |
| --transform-scale-y: 1.25; | |
| } | |
| .scale-150 { | |
| --transform-scale-x: 1.5; | |
| --transform-scale-y: 1.5; | |
| } | |
| .scale-x-0 { | |
| --transform-scale-x: 0; | |
| } | |
| .scale-x-50 { | |
| --transform-scale-x: .5; | |
| } | |
| .scale-x-75 { | |
| --transform-scale-x: .75; | |
| } | |
| .scale-x-90 { | |
| --transform-scale-x: .9; | |
| } | |
| .scale-x-95 { | |
| --transform-scale-x: .95; | |
| } | |
| .scale-x-100 { | |
| --transform-scale-x: 1; | |
| } | |
| .scale-x-105 { | |
| --transform-scale-x: 1.05; | |
| } | |
| .scale-x-110 { | |
| --transform-scale-x: 1.1; | |
| } | |
| .scale-x-125 { | |
| --transform-scale-x: 1.25; | |
| } | |
| .scale-x-150 { | |
| --transform-scale-x: 1.5; | |
| } | |
| .scale-y-0 { | |
| --transform-scale-y: 0; | |
| } | |
| .scale-y-50 { | |
| --transform-scale-y: .5; | |
| } | |
| .scale-y-75 { | |
| --transform-scale-y: .75; | |
| } | |
| .scale-y-90 { | |
| --transform-scale-y: .9; | |
| } | |
| .scale-y-95 { | |
| --transform-scale-y: .95; | |
| } | |
| .scale-y-100 { | |
| --transform-scale-y: 1; | |
| } | |
| .scale-y-105 { | |
| --transform-scale-y: 1.05; | |
| } | |
| .scale-y-110 { | |
| --transform-scale-y: 1.1; | |
| } | |
| .scale-y-125 { | |
| --transform-scale-y: 1.25; | |
| } | |
| .scale-y-150 { | |
| --transform-scale-y: 1.5; | |
| } | |
| .rotate-0 { | |
| --transform-rotate: 0; | |
| } | |
| .rotate-45 { | |
| --transform-rotate: 45deg; | |
| } | |
| .rotate-90 { | |
| --transform-rotate: 90deg; | |
| } | |
| .rotate-180 { | |
| --transform-rotate: 180deg; | |
| } | |
| .-rotate-180 { | |
| --transform-rotate: -180deg; | |
| } | |
| .-rotate-90 { | |
| --transform-rotate: -90deg; | |
| } | |
| .-rotate-45 { | |
| --transform-rotate: -45deg; | |
| } | |
| .translate-x-2 { | |
| --transform-translate-x: 0.5rem; | |
| } | |
| .translate-x-3 { | |
| --transform-translate-x: 0.75rem; | |
| } | |
| .translate-x-4 { | |
| --transform-translate-x: 1rem; | |
| } | |
| .translate-x-6 { | |
| --transform-translate-x: 1.5rem; | |
| } | |
| .translate-x-8 { | |
| --transform-translate-x: 2rem; | |
| } | |
| .translate-x-12 { | |
| --transform-translate-x: 3rem; | |
| } | |
| .translate-x-32 { | |
| --transform-translate-x: 8rem; | |
| } | |
| .translate-x-96 { | |
| --transform-translate-x: 24rem; | |
| } | |
| .translate-x-142 { | |
| --transform-translate-x: 36rem; | |
| } | |
| .-translate-x-2 { | |
| --transform-translate-x: -0.5rem; | |
| } | |
| .-translate-x-3 { | |
| --transform-translate-x: -0.75rem; | |
| } | |
| .-translate-x-4 { | |
| --transform-translate-x: -1rem; | |
| } | |
| .-translate-x-6 { | |
| --transform-translate-x: -1.5rem; | |
| } | |
| .-translate-x-8 { | |
| --transform-translate-x: -2rem; | |
| } | |
| .-translate-x-12 { | |
| --transform-translate-x: -3rem; | |
| } | |
| .-translate-x-32 { | |
| --transform-translate-x: -8rem; | |
| } | |
| .-translate-x-96 { | |
| --transform-translate-x: -24rem; | |
| } | |
| .-translate-x-142 { | |
| --transform-translate-x: -36rem; | |
| } | |
| .-translate-x-full { | |
| --transform-translate-x: -100%; | |
| } | |
| .-translate-x-1\/2 { | |
| --transform-translate-x: -50%; | |
| } | |
| .translate-x-1\/2 { | |
| --transform-translate-x: 50%; | |
| } | |
| .translate-x-full { | |
| --transform-translate-x: 100%; | |
| } | |
| .translate-y-2 { | |
| --transform-translate-y: 0.5rem; | |
| } | |
| .translate-y-3 { | |
| --transform-translate-y: 0.75rem; | |
| } | |
| .translate-y-4 { | |
| --transform-translate-y: 1rem; | |
| } | |
| .translate-y-6 { | |
| --transform-translate-y: 1.5rem; | |
| } | |
| .translate-y-8 { | |
| --transform-translate-y: 2rem; | |
| } | |
| .translate-y-12 { | |
| --transform-translate-y: 3rem; | |
| } | |
| .translate-y-32 { | |
| --transform-translate-y: 8rem; | |
| } | |
| .translate-y-96 { | |
| --transform-translate-y: 24rem; | |
| } | |
| .translate-y-142 { | |
| --transform-translate-y: 36rem; | |
| } | |
| .-translate-y-2 { | |
| --transform-translate-y: -0.5rem; | |
| } | |
| .-translate-y-3 { | |
| --transform-translate-y: -0.75rem; | |
| } | |
| .-translate-y-4 { | |
| --transform-translate-y: -1rem; | |
| } | |
| .-translate-y-6 { | |
| --transform-translate-y: -1.5rem; | |
| } | |
| .-translate-y-8 { | |
| --transform-translate-y: -2rem; | |
| } | |
| .-translate-y-12 { | |
| --transform-translate-y: -3rem; | |
| } | |
| .-translate-y-32 { | |
| --transform-translate-y: -8rem; | |
| } | |
| .-translate-y-96 { | |
| --transform-translate-y: -24rem; | |
| } | |
| .-translate-y-142 { | |
| --transform-translate-y: -36rem; | |
| } | |
| .-translate-y-full { | |
| --transform-translate-y: -100%; | |
| } | |
| .-translate-y-1\/2 { | |
| --transform-translate-y: -50%; | |
| } | |
| .translate-y-1\/2 { | |
| --transform-translate-y: 50%; | |
| } | |
| .translate-y-full { | |
| --transform-translate-y: 100%; | |
| } | |
| .skew-x-0 { | |
| --transform-skew-x: 0; | |
| } | |
| .skew-x-3 { | |
| --transform-skew-x: 3deg; | |
| } | |
| .skew-x-6 { | |
| --transform-skew-x: 6deg; | |
| } | |
| .skew-x-12 { | |
| --transform-skew-x: 12deg; | |
| } | |
| .-skew-x-12 { | |
| --transform-skew-x: -12deg; | |
| } | |
| .-skew-x-6 { | |
| --transform-skew-x: -6deg; | |
| } | |
| .-skew-x-3 { | |
| --transform-skew-x: -3deg; | |
| } | |
| .skew-y-0 { | |
| --transform-skew-y: 0; | |
| } | |
| .skew-y-3 { | |
| --transform-skew-y: 3deg; | |
| } | |
| .skew-y-6 { | |
| --transform-skew-y: 6deg; | |
| } | |
| .skew-y-12 { | |
| --transform-skew-y: 12deg; | |
| } | |
| .-skew-y-12 { | |
| --transform-skew-y: -12deg; | |
| } | |
| .-skew-y-6 { | |
| --transform-skew-y: -6deg; | |
| } | |
| .-skew-y-3 { | |
| --transform-skew-y: -3deg; | |
| } | |
| .transition-none { | |
| transition-property: none; | |
| } | |
| .transition-all { | |
| transition-property: all; | |
| } | |
| .transition { | |
| transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; | |
| } | |
| .transition-colors { | |
| transition-property: background-color, border-color, color, fill, stroke; | |
| } | |
| .transition-opacity { | |
| transition-property: opacity; | |
| } | |
| .transition-shadow { | |
| transition-property: box-shadow; | |
| } | |
| .transition-transform { | |
| transition-property: transform; | |
| } | |
| .ease-linear { | |
| transition-timing-function: linear; | |
| } | |
| .ease-in { | |
| transition-timing-function: cubic-bezier(0.4, 0, 1, 1); | |
| } | |
| .ease-out { | |
| transition-timing-function: cubic-bezier(0, 0, 0.2, 1); | |
| } | |
| .ease-in-out { | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| } | |
| .duration-75 { | |
| transition-duration: 75ms; | |
| } | |
| .duration-100 { | |
| transition-duration: 100ms; | |
| } | |
| .duration-150 { | |
| transition-duration: 150ms; | |
| } | |
| .duration-200 { | |
| transition-duration: 200ms; | |
| } | |
| .duration-300 { | |
| transition-duration: 300ms; | |
| } | |
| .duration-500 { | |
| transition-duration: 500ms; | |
| } | |
| .duration-700 { | |
| transition-duration: 700ms; | |
| } | |
| .duration-1000 { | |
| transition-duration: 1000ms; | |
| } | |
| .delay-75 { | |
| transition-delay: 75ms; | |
| } | |
| .delay-100 { | |
| transition-delay: 100ms; | |
| } | |
| .delay-150 { | |
| transition-delay: 150ms; | |
| } | |
| .delay-200 { | |
| transition-delay: 200ms; | |
| } | |
| .delay-300 { | |
| transition-delay: 300ms; | |
| } | |
| .delay-500 { | |
| transition-delay: 500ms; | |
| } | |
| .delay-700 { | |
| transition-delay: 700ms; | |
| } | |
| .delay-1000 { | |
| transition-delay: 1000ms; | |
| } | |
| @media (min-width: 640px) { | |
| .sm-bg-transparent { | |
| background-color: transparent; | |
| } | |
| .sm-bg-white { | |
| --bg-opacity: 1; | |
| background-color: #ffffff; | |
| background-color: rgba(255, 255, 255, var(--bg-opacity)); | |
| } | |
| .sm-bg-cool-gray-100 { | |
| --bg-opacity: 1; | |
| background-color: #f1f5f9; | |
| background-color: rgba(241, 245, 249, var(--bg-opacity)); | |
| } | |
| .sm-bg-cool-gray-300 { | |
| --bg-opacity: 1; | |
| background-color: #cfd8e3; | |
| background-color: rgba(207, 216, 227, var(--bg-opacity)); | |
| } | |
| .sm-bg-cool-gray-800 { | |
| --bg-opacity: 1; | |
| background-color: #27303f; | |
| background-color: rgba(39, 48, 63, var(--bg-opacity)); | |
| } | |
| .sm-bg-cool-gray-900 { | |
| --bg-opacity: 1; | |
| background-color: #1a202e; | |
| background-color: rgba(26, 32, 46, var(--bg-opacity)); | |
| } | |
| .sm-bg-orange-200 { | |
| --bg-opacity: 1; | |
| background-color: #faad3f; | |
| background-color: rgba(250, 173, 63, var(--bg-opacity)); | |
| } | |
| .sm-bg-orange-500 { | |
| --bg-opacity: 1; | |
| background-color: #ff5a1f; | |
| background-color: rgba(255, 90, 31, var(--bg-opacity)); | |
| } | |
| .sm-border-transparent { | |
| border-color: transparent; | |
| } | |
| .sm-border-white { | |
| --border-opacity: 1; | |
| border-color: #ffffff; | |
| border-color: rgba(255, 255, 255, var(--border-opacity)); | |
| } | |
| .sm-border-cool-gray-100 { | |
| --border-opacity: 1; | |
| border-color: #f1f5f9; | |
| border-color: rgba(241, 245, 249, var(--border-opacity)); | |
| } | |
| .sm-border-cool-gray-300 { | |
| --border-opacity: 1; | |
| border-color: #cfd8e3; | |
| border-color: rgba(207, 216, 227, var(--border-opacity)); | |
| } | |
| .sm-border-cool-gray-800 { | |
| --border-opacity: 1; | |
| border-color: #27303f; | |
| border-color: rgba(39, 48, 63, var(--border-opacity)); | |
| } | |
| .sm-border-cool-gray-900 { | |
| --border-opacity: 1; | |
| border-color: #1a202e; | |
| border-color: rgba(26, 32, 46, var(--border-opacity)); | |
| } | |
| .sm-border-orange-200 { | |
| --border-opacity: 1; | |
| border-color: #faad3f; | |
| border-color: rgba(250, 173, 63, var(--border-opacity)); | |
| } | |
| .sm-border-orange-500 { | |
| --border-opacity: 1; | |
| border-color: #ff5a1f; | |
| border-color: rgba(255, 90, 31, var(--border-opacity)); | |
| } | |
| .sm-border-opacity-0 { | |
| --border-opacity: 0; | |
| } | |
| .sm-border-opacity-25 { | |
| --border-opacity: 0.25; | |
| } | |
| .sm-border-opacity-50 { | |
| --border-opacity: 0.5; | |
| } | |
| .sm-border-opacity-75 { | |
| --border-opacity: 0.75; | |
| } | |
| .sm-border-opacity-100 { | |
| --border-opacity: 1; | |
| } | |
| .sm-rounded-none { | |
| border-radius: 0; | |
| } | |
| .sm-rounded-sm { | |
| border-radius: 0.125rem; | |
| } | |
| .sm-rounded { | |
| border-radius: 0.25rem; | |
| } | |
| .sm-rounded-md { | |
| border-radius: 0.375rem; | |
| } | |
| .sm-rounded-lg { | |
| border-radius: 0.5rem; | |
| } | |
| .sm-rounded-full { | |
| border-radius: 9999px; | |
| } | |
| .sm-rounded-t-none { | |
| border-top-left-radius: 0; | |
| border-top-right-radius: 0; | |
| } | |
| .sm-rounded-r-none { | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .sm-rounded-b-none { | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .sm-rounded-l-none { | |
| border-top-left-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .sm-rounded-t-sm { | |
| border-top-left-radius: 0.125rem; | |
| border-top-right-radius: 0.125rem; | |
| } | |
| .sm-rounded-r-sm { | |
| border-top-right-radius: 0.125rem; | |
| border-bottom-right-radius: 0.125rem; | |
| } | |
| .sm-rounded-b-sm { | |
| border-bottom-right-radius: 0.125rem; | |
| border-bottom-left-radius: 0.125rem; | |
| } | |
| .sm-rounded-l-sm { | |
| border-top-left-radius: 0.125rem; | |
| border-bottom-left-radius: 0.125rem; | |
| } | |
| .sm-rounded-t { | |
| border-top-left-radius: 0.25rem; | |
| border-top-right-radius: 0.25rem; | |
| } | |
| .sm-rounded-r { | |
| border-top-right-radius: 0.25rem; | |
| border-bottom-right-radius: 0.25rem; | |
| } | |
| .sm-rounded-b { | |
| border-bottom-right-radius: 0.25rem; | |
| border-bottom-left-radius: 0.25rem; | |
| } | |
| .sm-rounded-l { | |
| border-top-left-radius: 0.25rem; | |
| border-bottom-left-radius: 0.25rem; | |
| } | |
| .sm-rounded-t-md { | |
| border-top-left-radius: 0.375rem; | |
| border-top-right-radius: 0.375rem; | |
| } | |
| .sm-rounded-r-md { | |
| border-top-right-radius: 0.375rem; | |
| border-bottom-right-radius: 0.375rem; | |
| } | |
| .sm-rounded-b-md { | |
| border-bottom-right-radius: 0.375rem; | |
| border-bottom-left-radius: 0.375rem; | |
| } | |
| .sm-rounded-l-md { | |
| border-top-left-radius: 0.375rem; | |
| border-bottom-left-radius: 0.375rem; | |
| } | |
| .sm-rounded-t-lg { | |
| border-top-left-radius: 0.5rem; | |
| border-top-right-radius: 0.5rem; | |
| } | |
| .sm-rounded-r-lg { | |
| border-top-right-radius: 0.5rem; | |
| border-bottom-right-radius: 0.5rem; | |
| } | |
| .sm-rounded-b-lg { | |
| border-bottom-right-radius: 0.5rem; | |
| border-bottom-left-radius: 0.5rem; | |
| } | |
| .sm-rounded-l-lg { | |
| border-top-left-radius: 0.5rem; | |
| border-bottom-left-radius: 0.5rem; | |
| } | |
| .sm-rounded-t-full { | |
| border-top-left-radius: 9999px; | |
| border-top-right-radius: 9999px; | |
| } | |
| .sm-rounded-r-full { | |
| border-top-right-radius: 9999px; | |
| border-bottom-right-radius: 9999px; | |
| } | |
| .sm-rounded-b-full { | |
| border-bottom-right-radius: 9999px; | |
| border-bottom-left-radius: 9999px; | |
| } | |
| .sm-rounded-l-full { | |
| border-top-left-radius: 9999px; | |
| border-bottom-left-radius: 9999px; | |
| } | |
| .sm-rounded-tl-none { | |
| border-top-left-radius: 0; | |
| } | |
| .sm-rounded-tr-none { | |
| border-top-right-radius: 0; | |
| } | |
| .sm-rounded-br-none { | |
| border-bottom-right-radius: 0; | |
| } | |
| .sm-rounded-bl-none { | |
| border-bottom-left-radius: 0; | |
| } | |
| .sm-rounded-tl-sm { | |
| border-top-left-radius: 0.125rem; | |
| } | |
| .sm-rounded-tr-sm { | |
| border-top-right-radius: 0.125rem; | |
| } | |
| .sm-rounded-br-sm { | |
| border-bottom-right-radius: 0.125rem; | |
| } | |
| .sm-rounded-bl-sm { | |
| border-bottom-left-radius: 0.125rem; | |
| } | |
| .sm-rounded-tl { | |
| border-top-left-radius: 0.25rem; | |
| } | |
| .sm-rounded-tr { | |
| border-top-right-radius: 0.25rem; | |
| } | |
| .sm-rounded-br { | |
| border-bottom-right-radius: 0.25rem; | |
| } | |
| .sm-rounded-bl { | |
| border-bottom-left-radius: 0.25rem; | |
| } | |
| .sm-rounded-tl-md { | |
| border-top-left-radius: 0.375rem; | |
| } | |
| .sm-rounded-tr-md { | |
| border-top-right-radius: 0.375rem; | |
| } | |
| .sm-rounded-br-md { | |
| border-bottom-right-radius: 0.375rem; | |
| } | |
| .sm-rounded-bl-md { | |
| border-bottom-left-radius: 0.375rem; | |
| } | |
| .sm-rounded-tl-lg { | |
| border-top-left-radius: 0.5rem; | |
| } | |
| .sm-rounded-tr-lg { | |
| border-top-right-radius: 0.5rem; | |
| } | |
| .sm-rounded-br-lg { | |
| border-bottom-right-radius: 0.5rem; | |
| } | |
| .sm-rounded-bl-lg { | |
| border-bottom-left-radius: 0.5rem; | |
| } | |
| .sm-rounded-tl-full { | |
| border-top-left-radius: 9999px; | |
| } | |
| .sm-rounded-tr-full { | |
| border-top-right-radius: 9999px; | |
| } | |
| .sm-rounded-br-full { | |
| border-bottom-right-radius: 9999px; | |
| } | |
| .sm-rounded-bl-full { | |
| border-bottom-left-radius: 9999px; | |
| } | |
| .sm-border-0 { | |
| border-width: 0; | |
| } | |
| .sm-border-2 { | |
| border-width: 2px; | |
| } | |
| .sm-border-4 { | |
| border-width: 4px; | |
| } | |
| .sm-border-8 { | |
| border-width: 8px; | |
| } | |
| .sm-border { | |
| border-width: 1px; | |
| } | |
| .sm-border-t-0 { | |
| border-top-width: 0; | |
| } | |
| .sm-border-r-0 { | |
| border-right-width: 0; | |
| } | |
| .sm-border-b-0 { | |
| border-bottom-width: 0; | |
| } | |
| .sm-border-l-0 { | |
| border-left-width: 0; | |
| } | |
| .sm-border-t-2 { | |
| border-top-width: 2px; | |
| } | |
| .sm-border-r-2 { | |
| border-right-width: 2px; | |
| } | |
| .sm-border-b-2 { | |
| border-bottom-width: 2px; | |
| } | |
| .sm-border-l-2 { | |
| border-left-width: 2px; | |
| } | |
| .sm-border-t-4 { | |
| border-top-width: 4px; | |
| } | |
| .sm-border-r-4 { | |
| border-right-width: 4px; | |
| } | |
| .sm-border-b-4 { | |
| border-bottom-width: 4px; | |
| } | |
| .sm-border-l-4 { | |
| border-left-width: 4px; | |
| } | |
| .sm-border-t-8 { | |
| border-top-width: 8px; | |
| } | |
| .sm-border-r-8 { | |
| border-right-width: 8px; | |
| } | |
| .sm-border-b-8 { | |
| border-bottom-width: 8px; | |
| } | |
| .sm-border-l-8 { | |
| border-left-width: 8px; | |
| } | |
| .sm-border-t { | |
| border-top-width: 1px; | |
| } | |
| .sm-border-r { | |
| border-right-width: 1px; | |
| } | |
| .sm-border-b { | |
| border-bottom-width: 1px; | |
| } | |
| .sm-border-l { | |
| border-left-width: 1px; | |
| } | |
| .sm-flex-row { | |
| flex-direction: row; | |
| } | |
| .sm-flex-row-reverse { | |
| flex-direction: row-reverse; | |
| } | |
| .sm-flex-col { | |
| flex-direction: column; | |
| } | |
| .sm-flex-col-reverse { | |
| flex-direction: column-reverse; | |
| } | |
| .sm-items-start { | |
| align-items: flex-start; | |
| } | |
| .sm-items-end { | |
| align-items: flex-end; | |
| } | |
| .sm-items-center { | |
| align-items: center; | |
| } | |
| .sm-items-baseline { | |
| align-items: baseline; | |
| } | |
| .sm-items-stretch { | |
| align-items: stretch; | |
| } | |
| .sm-justify-start { | |
| justify-content: flex-start; | |
| } | |
| .sm-justify-end { | |
| justify-content: flex-end; | |
| } | |
| .sm-justify-center { | |
| justify-content: center; | |
| } | |
| .sm-justify-between { | |
| justify-content: space-between; | |
| } | |
| .sm-justify-around { | |
| justify-content: space-around; | |
| } | |
| .sm-justify-evenly { | |
| justify-content: space-evenly; | |
| } | |
| .sm-content-center { | |
| align-content: center; | |
| } | |
| .sm-content-start { | |
| align-content: flex-start; | |
| } | |
| .sm-content-end { | |
| align-content: flex-end; | |
| } | |
| .sm-content-between { | |
| align-content: space-between; | |
| } | |
| .sm-content-around { | |
| align-content: space-around; | |
| } | |
| .sm-flex-1 { | |
| flex: 1 1 0%; | |
| } | |
| .sm-flex-auto { | |
| flex: 1 1 auto; | |
| } | |
| .sm-flex-initial { | |
| flex: 0 1 auto; | |
| } | |
| .sm-flex-none { | |
| flex: none; | |
| } | |
| .sm-flex-shrink-0 { | |
| flex-shrink: 0; | |
| } | |
| .sm-flex-shrink { | |
| flex-shrink: 1; | |
| } | |
| .sm-font-thin { | |
| font-weight: 200; | |
| } | |
| .sm-font-normal { | |
| font-weight: 400; | |
| } | |
| .sm-h-2 { | |
| height: 0.5rem; | |
| } | |
| .sm-h-3 { | |
| height: 0.75rem; | |
| } | |
| .sm-h-4 { | |
| height: 1rem; | |
| } | |
| .sm-h-6 { | |
| height: 1.5rem; | |
| } | |
| .sm-h-8 { | |
| height: 2rem; | |
| } | |
| .sm-h-12 { | |
| height: 3rem; | |
| } | |
| .sm-h-32 { | |
| height: 8rem; | |
| } | |
| .sm-h-96 { | |
| height: 24rem; | |
| } | |
| .sm-h-142 { | |
| height: 36rem; | |
| } | |
| .sm-h-auto { | |
| height: auto; | |
| } | |
| .sm-h-full { | |
| height: 100%; | |
| } | |
| .sm-h-screen { | |
| height: 100vh; | |
| } | |
| .sm-text-xs { | |
| font-size: 0.75rem; | |
| } | |
| .sm-text-sm { | |
| font-size: 0.875rem; | |
| } | |
| .sm-text-base { | |
| font-size: 1rem; | |
| } | |
| .sm-text-lg { | |
| font-size: 1.125rem; | |
| } | |
| .sm-text-xl { | |
| font-size: 1.25rem; | |
| } | |
| .sm-text-2xl { | |
| font-size: 1.5rem; | |
| } | |
| .sm-text-3xl { | |
| font-size: 1.875rem; | |
| } | |
| .sm-text-4xl { | |
| font-size: 2.25rem; | |
| } | |
| .sm-text-5xl { | |
| font-size: 3rem; | |
| } | |
| .sm-text-6xl { | |
| font-size: 4rem; | |
| } | |
| .sm-m-2 { | |
| margin: 0.5rem; | |
| } | |
| .sm-m-3 { | |
| margin: 0.75rem; | |
| } | |
| .sm-m-4 { | |
| margin: 1rem; | |
| } | |
| .sm-m-6 { | |
| margin: 1.5rem; | |
| } | |
| .sm-m-8 { | |
| margin: 2rem; | |
| } | |
| .sm-m-12 { | |
| margin: 3rem; | |
| } | |
| .sm-m-32 { | |
| margin: 8rem; | |
| } | |
| .sm-m-96 { | |
| margin: 24rem; | |
| } | |
| .sm-m-142 { | |
| margin: 36rem; | |
| } | |
| .sm-m-auto { | |
| margin: auto; | |
| } | |
| .sm--m-2 { | |
| margin: -0.5rem; | |
| } | |
| .sm--m-3 { | |
| margin: -0.75rem; | |
| } | |
| .sm--m-4 { | |
| margin: -1rem; | |
| } | |
| .sm--m-6 { | |
| margin: -1.5rem; | |
| } | |
| .sm--m-8 { | |
| margin: -2rem; | |
| } | |
| .sm--m-12 { | |
| margin: -3rem; | |
| } | |
| .sm--m-32 { | |
| margin: -8rem; | |
| } | |
| .sm--m-96 { | |
| margin: -24rem; | |
| } | |
| .sm--m-142 { | |
| margin: -36rem; | |
| } | |
| .sm-my-2 { | |
| margin-top: 0.5rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| .sm-mx-2 { | |
| margin-left: 0.5rem; | |
| margin-right: 0.5rem; | |
| } | |
| .sm-my-3 { | |
| margin-top: 0.75rem; | |
| margin-bottom: 0.75rem; | |
| } | |
| .sm-mx-3 { | |
| margin-left: 0.75rem; | |
| margin-right: 0.75rem; | |
| } | |
| .sm-my-4 { | |
| margin-top: 1rem; | |
| margin-bottom: 1rem; | |
| } | |
| .sm-mx-4 { | |
| margin-left: 1rem; | |
| margin-right: 1rem; | |
| } | |
| .sm-my-6 { | |
| margin-top: 1.5rem; | |
| margin-bottom: 1.5rem; | |
| } | |
| .sm-mx-6 { | |
| margin-left: 1.5rem; | |
| margin-right: 1.5rem; | |
| } | |
| .sm-my-8 { | |
| margin-top: 2rem; | |
| margin-bottom: 2rem; | |
| } | |
| .sm-mx-8 { | |
| margin-left: 2rem; | |
| margin-right: 2rem; | |
| } | |
| .sm-my-12 { | |
| margin-top: 3rem; | |
| margin-bottom: 3rem; | |
| } | |
| .sm-mx-12 { | |
| margin-left: 3rem; | |
| margin-right: 3rem; | |
| } | |
| .sm-my-32 { | |
| margin-top: 8rem; | |
| margin-bottom: 8rem; | |
| } | |
| .sm-mx-32 { | |
| margin-left: 8rem; | |
| margin-right: 8rem; | |
| } | |
| .sm-my-96 { | |
| margin-top: 24rem; | |
| margin-bottom: 24rem; | |
| } | |
| .sm-mx-96 { | |
| margin-left: 24rem; | |
| margin-right: 24rem; | |
| } | |
| .sm-my-142 { | |
| margin-top: 36rem; | |
| margin-bottom: 36rem; | |
| } | |
| .sm-mx-142 { | |
| margin-left: 36rem; | |
| margin-right: 36rem; | |
| } | |
| .sm-my-auto { | |
| margin-top: auto; | |
| margin-bottom: auto; | |
| } | |
| .sm-mx-auto { | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .sm--my-2 { | |
| margin-top: -0.5rem; | |
| margin-bottom: -0.5rem; | |
| } | |
| .sm--mx-2 { | |
| margin-left: -0.5rem; | |
| margin-right: -0.5rem; | |
| } | |
| .sm--my-3 { | |
| margin-top: -0.75rem; | |
| margin-bottom: -0.75rem; | |
| } | |
| .sm--mx-3 { | |
| margin-left: -0.75rem; | |
| margin-right: -0.75rem; | |
| } | |
| .sm--my-4 { | |
| margin-top: -1rem; | |
| margin-bottom: -1rem; | |
| } | |
| .sm--mx-4 { | |
| margin-left: -1rem; | |
| margin-right: -1rem; | |
| } | |
| .sm--my-6 { | |
| margin-top: -1.5rem; | |
| margin-bottom: -1.5rem; | |
| } | |
| .sm--mx-6 { | |
| margin-left: -1.5rem; | |
| margin-right: -1.5rem; | |
| } | |
| .sm--my-8 { | |
| margin-top: -2rem; | |
| margin-bottom: -2rem; | |
| } | |
| .sm--mx-8 { | |
| margin-left: -2rem; | |
| margin-right: -2rem; | |
| } | |
| .sm--my-12 { | |
| margin-top: -3rem; | |
| margin-bottom: -3rem; | |
| } | |
| .sm--mx-12 { | |
| margin-left: -3rem; | |
| margin-right: -3rem; | |
| } | |
| .sm--my-32 { | |
| margin-top: -8rem; | |
| margin-bottom: -8rem; | |
| } | |
| .sm--mx-32 { | |
| margin-left: -8rem; | |
| margin-right: -8rem; | |
| } | |
| .sm--my-96 { | |
| margin-top: -24rem; | |
| margin-bottom: -24rem; | |
| } | |
| .sm--mx-96 { | |
| margin-left: -24rem; | |
| margin-right: -24rem; | |
| } | |
| .sm--my-142 { | |
| margin-top: -36rem; | |
| margin-bottom: -36rem; | |
| } | |
| .sm--mx-142 { | |
| margin-left: -36rem; | |
| margin-right: -36rem; | |
| } | |
| .sm-mt-2 { | |
| margin-top: 0.5rem; | |
| } | |
| .sm-mr-2 { | |
| margin-right: 0.5rem; | |
| } | |
| .sm-mb-2 { | |
| margin-bottom: 0.5rem; | |
| } | |
| .sm-ml-2 { | |
| margin-left: 0.5rem; | |
| } | |
| .sm-mt-3 { | |
| margin-top: 0.75rem; | |
| } | |
| .sm-mr-3 { | |
| margin-right: 0.75rem; | |
| } | |
| .sm-mb-3 { | |
| margin-bottom: 0.75rem; | |
| } | |
| .sm-ml-3 { | |
| margin-left: 0.75rem; | |
| } | |
| .sm-mt-4 { | |
| margin-top: 1rem; | |
| } | |
| .sm-mr-4 { | |
| margin-right: 1rem; | |
| } | |
| .sm-mb-4 { | |
| margin-bottom: 1rem; | |
| } | |
| .sm-ml-4 { | |
| margin-left: 1rem; | |
| } | |
| .sm-mt-6 { | |
| margin-top: 1.5rem; | |
| } | |
| .sm-mr-6 { | |
| margin-right: 1.5rem; | |
| } | |
| .sm-mb-6 { | |
| margin-bottom: 1.5rem; | |
| } | |
| .sm-ml-6 { | |
| margin-left: 1.5rem; | |
| } | |
| .sm-mt-8 { | |
| margin-top: 2rem; | |
| } | |
| .sm-mr-8 { | |
| margin-right: 2rem; | |
| } | |
| .sm-mb-8 { | |
| margin-bottom: 2rem; | |
| } | |
| .sm-ml-8 { | |
| margin-left: 2rem; | |
| } | |
| .sm-mt-12 { | |
| margin-top: 3rem; | |
| } | |
| .sm-mr-12 { | |
| margin-right: 3rem; | |
| } | |
| .sm-mb-12 { | |
| margin-bottom: 3rem; | |
| } | |
| .sm-ml-12 { | |
| margin-left: 3rem; | |
| } | |
| .sm-mt-32 { | |
| margin-top: 8rem; | |
| } | |
| .sm-mr-32 { | |
| margin-right: 8rem; | |
| } | |
| .sm-mb-32 { | |
| margin-bottom: 8rem; | |
| } | |
| .sm-ml-32 { | |
| margin-left: 8rem; | |
| } | |
| .sm-mt-96 { | |
| margin-top: 24rem; | |
| } | |
| .sm-mr-96 { | |
| margin-right: 24rem; | |
| } | |
| .sm-mb-96 { | |
| margin-bottom: 24rem; | |
| } | |
| .sm-ml-96 { | |
| margin-left: 24rem; | |
| } | |
| .sm-mt-142 { | |
| margin-top: 36rem; | |
| } | |
| .sm-mr-142 { | |
| margin-right: 36rem; | |
| } | |
| .sm-mb-142 { | |
| margin-bottom: 36rem; | |
| } | |
| .sm-ml-142 { | |
| margin-left: 36rem; | |
| } | |
| .sm-mt-auto { | |
| margin-top: auto; | |
| } | |
| .sm-mr-auto { | |
| margin-right: auto; | |
| } | |
| .sm-mb-auto { | |
| margin-bottom: auto; | |
| } | |
| .sm-ml-auto { | |
| margin-left: auto; | |
| } | |
| .sm--mt-2 { | |
| margin-top: -0.5rem; | |
| } | |
| .sm--mr-2 { | |
| margin-right: -0.5rem; | |
| } | |
| .sm--mb-2 { | |
| margin-bottom: -0.5rem; | |
| } | |
| .sm--ml-2 { | |
| margin-left: -0.5rem; | |
| } | |
| .sm--mt-3 { | |
| margin-top: -0.75rem; | |
| } | |
| .sm--mr-3 { | |
| margin-right: -0.75rem; | |
| } | |
| .sm--mb-3 { | |
| margin-bottom: -0.75rem; | |
| } | |
| .sm--ml-3 { | |
| margin-left: -0.75rem; | |
| } | |
| .sm--mt-4 { | |
| margin-top: -1rem; | |
| } | |
| .sm--mr-4 { | |
| margin-right: -1rem; | |
| } | |
| .sm--mb-4 { | |
| margin-bottom: -1rem; | |
| } | |
| .sm--ml-4 { | |
| margin-left: -1rem; | |
| } | |
| .sm--mt-6 { | |
| margin-top: -1.5rem; | |
| } | |
| .sm--mr-6 { | |
| margin-right: -1.5rem; | |
| } | |
| .sm--mb-6 { | |
| margin-bottom: -1.5rem; | |
| } | |
| .sm--ml-6 { | |
| margin-left: -1.5rem; | |
| } | |
| .sm--mt-8 { | |
| margin-top: -2rem; | |
| } | |
| .sm--mr-8 { | |
| margin-right: -2rem; | |
| } | |
| .sm--mb-8 { | |
| margin-bottom: -2rem; | |
| } | |
| .sm--ml-8 { | |
| margin-left: -2rem; | |
| } | |
| .sm--mt-12 { | |
| margin-top: -3rem; | |
| } | |
| .sm--mr-12 { | |
| margin-right: -3rem; | |
| } | |
| .sm--mb-12 { | |
| margin-bottom: -3rem; | |
| } | |
| .sm--ml-12 { | |
| margin-left: -3rem; | |
| } | |
| .sm--mt-32 { | |
| margin-top: -8rem; | |
| } | |
| .sm--mr-32 { | |
| margin-right: -8rem; | |
| } | |
| .sm--mb-32 { | |
| margin-bottom: -8rem; | |
| } | |
| .sm--ml-32 { | |
| margin-left: -8rem; | |
| } | |
| .sm--mt-96 { | |
| margin-top: -24rem; | |
| } | |
| .sm--mr-96 { | |
| margin-right: -24rem; | |
| } | |
| .sm--mb-96 { | |
| margin-bottom: -24rem; | |
| } | |
| .sm--ml-96 { | |
| margin-left: -24rem; | |
| } | |
| .sm--mt-142 { | |
| margin-top: -36rem; | |
| } | |
| .sm--mr-142 { | |
| margin-right: -36rem; | |
| } | |
| .sm--mb-142 { | |
| margin-bottom: -36rem; | |
| } | |
| .sm--ml-142 { | |
| margin-left: -36rem; | |
| } | |
| .sm-max-w-6xl { | |
| max-width: 72rem; | |
| } | |
| .sm-overflow-auto { | |
| overflow: auto; | |
| } | |
| .sm-overflow-hidden { | |
| overflow: hidden; | |
| } | |
| .sm-overflow-visible { | |
| overflow: visible; | |
| } | |
| .sm-overflow-scroll { | |
| overflow: scroll; | |
| } | |
| .sm-overflow-x-auto { | |
| overflow-x: auto; | |
| } | |
| .sm-overflow-y-auto { | |
| overflow-y: auto; | |
| } | |
| .sm-overflow-x-hidden { | |
| overflow-x: hidden; | |
| } | |
| .sm-overflow-y-hidden { | |
| overflow-y: hidden; | |
| } | |
| .sm-overflow-x-visible { | |
| overflow-x: visible; | |
| } | |
| .sm-overflow-y-visible { | |
| overflow-y: visible; | |
| } | |
| .sm-overflow-x-scroll { | |
| overflow-x: scroll; | |
| } | |
| .sm-overflow-y-scroll { | |
| overflow-y: scroll; | |
| } | |
| .sm-scrolling-touch { | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| .sm-scrolling-auto { | |
| -webkit-overflow-scrolling: auto; | |
| } | |
| .sm-p-2 { | |
| padding: 0.5rem; | |
| } | |
| .sm-p-3 { | |
| padding: 0.75rem; | |
| } | |
| .sm-p-4 { | |
| padding: 1rem; | |
| } | |
| .sm-p-6 { | |
| padding: 1.5rem; | |
| } | |
| .sm-p-8 { | |
| padding: 2rem; | |
| } | |
| .sm-p-12 { | |
| padding: 3rem; | |
| } | |
| .sm-p-32 { | |
| padding: 8rem; | |
| } | |
| .sm-p-96 { | |
| padding: 24rem; | |
| } | |
| .sm-p-142 { | |
| padding: 36rem; | |
| } | |
| .sm-py-2 { | |
| padding-top: 0.5rem; | |
| padding-bottom: 0.5rem; | |
| } | |
| .sm-px-2 { | |
| padding-left: 0.5rem; | |
| padding-right: 0.5rem; | |
| } | |
| .sm-py-3 { | |
| padding-top: 0.75rem; | |
| padding-bottom: 0.75rem; | |
| } | |
| .sm-px-3 { | |
| padding-left: 0.75rem; | |
| padding-right: 0.75rem; | |
| } | |
| .sm-py-4 { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem; | |
| } | |
| .sm-px-4 { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| .sm-py-6 { | |
| padding-top: 1.5rem; | |
| padding-bottom: 1.5rem; | |
| } | |
| .sm-px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem; | |
| } | |
| .sm-py-8 { | |
| padding-top: 2rem; | |
| padding-bottom: 2rem; | |
| } | |
| .sm-px-8 { | |
| padding-left: 2rem; | |
| padding-right: 2rem; | |
| } | |
| .sm-py-12 { | |
| padding-top: 3rem; | |
| padding-bottom: 3rem; | |
| } | |
| .sm-px-12 { | |
| padding-left: 3rem; | |
| padding-right: 3rem; | |
| } | |
| .sm-py-32 { | |
| padding-top: 8rem; | |
| padding-bottom: 8rem; | |
| } | |
| .sm-px-32 { | |
| padding-left: 8rem; | |
| padding-right: 8rem; | |
| } | |
| .sm-py-96 { | |
| padding-top: 24rem; | |
| padding-bottom: 24rem; | |
| } | |
| .sm-px-96 { | |
| padding-left: 24rem; | |
| padding-right: 24rem; | |
| } | |
| .sm-py-142 { | |
| padding-top: 36rem; | |
| padding-bottom: 36rem; | |
| } | |
| .sm-px-142 { | |
| padding-left: 36rem; | |
| padding-right: 36rem; | |
| } | |
| .sm-pt-2 { | |
| padding-top: 0.5rem; | |
| } | |
| .sm-pr-2 { | |
| padding-right: 0.5rem; | |
| } | |
| .sm-pb-2 { | |
| padding-bottom: 0.5rem; | |
| } | |
| .sm-pl-2 { | |
| padding-left: 0.5rem; | |
| } | |
| .sm-pt-3 { | |
| padding-top: 0.75rem; | |
| } | |
| .sm-pr-3 { | |
| padding-right: 0.75rem; | |
| } | |
| .sm-pb-3 { | |
| padding-bottom: 0.75rem; | |
| } | |
| .sm-pl-3 { | |
| padding-left: 0.75rem; | |
| } | |
| .sm-pt-4 { | |
| padding-top: 1rem; | |
| } | |
| .sm-pr-4 { | |
| padding-right: 1rem; | |
| } | |
| .sm-pb-4 { | |
| padding-bottom: 1rem; | |
| } | |
| .sm-pl-4 { | |
| padding-left: 1rem; | |
| } | |
| .sm-pt-6 { | |
| padding-top: 1.5rem; | |
| } | |
| .sm-pr-6 { | |
| padding-right: 1.5rem; | |
| } | |
| .sm-pb-6 { | |
| padding-bottom: 1.5rem; | |
| } | |
| .sm-pl-6 { | |
| padding-left: 1.5rem; | |
| } | |
| .sm-pt-8 { | |
| padding-top: 2rem; | |
| } | |
| .sm-pr-8 { | |
| padding-right: 2rem; | |
| } | |
| .sm-pb-8 { | |
| padding-bottom: 2rem; | |
| } | |
| .sm-pl-8 { | |
| padding-left: 2rem; | |
| } | |
| .sm-pt-12 { | |
| padding-top: 3rem; | |
| } | |
| .sm-pr-12 { | |
| padding-right: 3rem; | |
| } | |
| .sm-pb-12 { | |
| padding-bottom: 3rem; | |
| } | |
| .sm-pl-12 { | |
| padding-left: 3rem; | |
| } | |
| .sm-pt-32 { | |
| padding-top: 8rem; | |
| } | |
| .sm-pr-32 { | |
| padding-right: 8rem; | |
| } | |
| .sm-pb-32 { | |
| padding-bottom: 8rem; | |
| } | |
| .sm-pl-32 { | |
| padding-left: 8rem; | |
| } | |
| .sm-pt-96 { | |
| padding-top: 24rem; | |
| } | |
| .sm-pr-96 { | |
| padding-right: 24rem; | |
| } | |
| .sm-pb-96 { | |
| padding-bottom: 24rem; | |
| } | |
| .sm-pl-96 { | |
| padding-left: 24rem; | |
| } | |
| .sm-pt-142 { | |
| padding-top: 36rem; | |
| } | |
| .sm-pr-142 { | |
| padding-right: 36rem; | |
| } | |
| .sm-pb-142 { | |
| padding-bottom: 36rem; | |
| } | |
| .sm-pl-142 { | |
| padding-left: 36rem; | |
| } | |
| .sm-fill-current { | |
| fill: currentColor; | |
| } | |
| .sm-text-left { | |
| text-align: left; | |
| } | |
| .sm-text-center { | |
| text-align: center; | |
| } | |
| .sm-text-right { | |
| text-align: right; | |
| } | |
| .sm-text-justify { | |
| text-align: justify; | |
| } | |
| .sm-text-transparent { | |
| color: transparent; | |
| } | |
| .sm-text-white { | |
| --text-opacity: 1; | |
| color: #ffffff; | |
| color: rgba(255, 255, 255, var(--text-opacity)); | |
| } | |
| .sm-text-cool-gray-100 { | |
| --text-opacity: 1; | |
| color: #f1f5f9; | |
| color: rgba(241, 245, 249, var(--text-opacity)); | |
| } | |
| .sm-text-cool-gray-300 { | |
| --text-opacity: 1; | |
| color: #cfd8e3; | |
| color: rgba(207, 216, 227, var(--text-opacity)); | |
| } | |
| .sm-text-cool-gray-800 { | |
| --text-opacity: 1; | |
| color: #27303f; | |
| color: rgba(39, 48, 63, var(--text-opacity)); | |
| } | |
| .sm-text-cool-gray-900 { | |
| --text-opacity: 1; | |
| color: #1a202e; | |
| color: rgba(26, 32, 46, var(--text-opacity)); | |
| } | |
| .sm-text-orange-200 { | |
| --text-opacity: 1; | |
| color: #faad3f; | |
| color: rgba(250, 173, 63, var(--text-opacity)); | |
| } | |
| .sm-text-orange-500 { | |
| --text-opacity: 1; | |
| color: #ff5a1f; | |
| color: rgba(255, 90, 31, var(--text-opacity)); | |
| } | |
| .sm-w-2 { | |
| width: 0.5rem; | |
| } | |
| .sm-w-3 { | |
| width: 0.75rem; | |
| } | |
| .sm-w-4 { | |
| width: 1rem; | |
| } | |
| .sm-w-6 { | |
| width: 1.5rem; | |
| } | |
| .sm-w-8 { | |
| width: 2rem; | |
| } | |
| .sm-w-12 { | |
| width: 3rem; | |
| } | |
| .sm-w-32 { | |
| width: 8rem; | |
| } | |
| .sm-w-96 { | |
| width: 24rem; | |
| } | |
| .sm-w-142 { | |
| width: 36rem; | |
| } | |
| .sm-w-auto { | |
| width: auto; | |
| } | |
| .sm-w-full { | |
| width: 100%; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment