expressgy
/
amis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Branch
0 Tags
8.1 MiB
Tag: Branch: Tree: 38bd64829a
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '38bd64829a'
${ noResults }
amis/demo/css/vendor.57580a70.css

3050 lines
2.8 MiB
Raw Normal View History Unescape

first commit
1 year ago
@charset "UTF-8";
/*!
* amis-editor-demo v1.0.0
* author: fex
* build tool: AKFun
* build time: Fri Jun 09 2023 16:35:55 GMT+0800 (中国标准时间)
* build tool info: https://github.com/wibetter/akfun
*/
/*!
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;line-height:inherit;position:absolute;text-align:center;width:2em}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-dou
/*!
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/.fa.fa-glass:before{content:"\f000"}.fa.fa-meetup{font-family:Font Awesome\ 5 Brands;font-weight:400}.fa.fa-star-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-close:before,.fa.fa-remove:before{content:"\f00d"}.fa.fa-gear:before{content:"\f013"}.fa.fa-trash-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-file-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-file-o:before{content:"\f15b"}.fa.fa-clock-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-arrow-circle-o-down{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-arrow-circle-o-down:before{content:"\f358"}.fa.fa-arrow-circle-o-up{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-arrow-circle-o-up:before{content:"\f35b"}.fa.fa-play-circle-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-play-circle-o:before{content:"\f144"}.fa.fa-repeat:before,.fa.fa-rotate-right:before{content:"\f01e"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-list-alt{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-dedent:before{content:"\f03b"}.fa.fa-video-camera:before{content:"\f03d"}.fa.fa-picture-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-photo{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-photo:before{content:"\f03e"}.fa.fa-image{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-image:before{content:"\f03e"}.fa.fa-pencil:before{content:"\f303"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-pencil-square-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-pencil-square-o:before{content:"\f044"}.fa.fa-share-square-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-share-square-o:before{content:"\f14d"}.fa.fa-check-square-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-arrows:before{content:"\f0b2"}.fa.fa-times-circle-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-times-circle-o:before{content:"\f057"}.fa.fa-check-circle-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-mail-forward:before{content:"\f064"}.fa.fa-expand:before{content:"\f424"}.fa.fa-compress:before{content:"\f422"}.fa.fa-eye,.fa.fa-eye-slash{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-warning:before{content:"\f071"}.fa.fa-calendar:before{content:"\f073"}.fa.fa-arrows-v:before{content:"\f338"}.fa.fa-arrows-h:before{content:"\f337"}.fa.fa-bar-chart{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-bar-chart:before{content:"\f080"}.fa.fa-bar-chart-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-bar-chart-o:before{content:"\f080"}.fa.fa-facebook-square,.fa.fa-twitter-square{font-family:Font Awesome\ 5 Brands;font-weight:400}.fa.fa-gears:before{content:"\f085"}.fa.fa-thumbs-o-up{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-thumbs-o-down{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-thumbs-o-down:before{content:"\f165"}.fa.fa-heart-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-heart-o:before{content:"\f004"}.fa.fa-sign-out:before{content:"\f2f5"}.fa.fa-linkedin-square{font-family:Font Awesome\ 5 Brands;font-weight:400}.fa.fa-linkedin-square:before{content:"\f08c"}.fa.fa-thumb-tack:before{content:"\f08d"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-github-square{font-family:Font Awesome\ 5 Brands;font-weight:400}.fa.fa-lemon-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-lemon-o:before{content:"\f094"}.fa.fa-square-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-bookmark-o{font-family:Font Awesome\ 5 Free;font-weight:400}.fa.fa-bookmark-o:before{content:"\f02e"}.fa.fa-facebook,.fa.fa-twitter{font-family:Font Awesome\ 5 Brands;font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:Font Awesome\ 5 Brands;font-weight:400}.fa.
--Form-input-onFocused-borderColor
);--InputGroup-button-borderColor:var(--Form-input-borderColor);--InputGroup-button-borderRadius:var(--borders-radius-3);--InputGroup-button-borderWidth:var(--borders-width-2);--InputGroup-height:var(--Form-input-height);--InputGroup-paddingX:0.625rem;--InputGroup-paddingY:calc(var(--InputGroup-height)/2 - var(--Form-input-lineHeight)*var(--Form-input-fontSize)/2 - 0.0625rem);--InputGroup-select-arrowColor:var(--colors-neutral-text-5);--InputGroup-select-bg:var(--colors-neutral-fill-11);--InputGroup-select-borderColor:var(--borderColor);--InputGroup-select-borderRadius:var(--borders-radius-3);--InputGroup-select-borderWidth:var(--borders-width-2);--InputGroup-select-color:var(--colors-neutral-text-2);--InputGroup-select-onFocused-arrowColor:var(--colors-brand-5);--InputGroup-select-onFocused-bg:var(--colors-brand-10);--InputGroup-select-onFocused-color:var(--colors-brand-5);--Layout--offscreen-width:75%;--Layout-aside--folded-width:var(--sizes-base-30);--Layout-aside--lg-width:18.75rem;--Layout-aside--md-width:15.625rem;--Layout-aside--sm-width:9.375rem;--Layout-aside-bg:var(--colors-neutral-fill-2);--Layout-aside-color:#a0a0a0;--Layout-aside-onAcitve-bg:#272d33;--Layout-aside-onHover-bg:#2c3239;--Layout-aside-subList-bg:var(--colors-neutral-fill-2);--Layout-aside-onAcitve-onHover-bg:var(--Layout-aside-onAcitve-bg);--Layout-aside-width:11.25rem;--Layout-aside-width-collapsed:3.75rem;--Layout-asideDivider-bg:var(--colors-neutral-line-3);--Layout-asideDivider-margin:0 var(--sizes-size-6);--Layout-asideLabel-color:#868787;--Layout-asideLink-color:var(--colors-neutral-text-11);--Layout-asideLink-fontSize:var(--fonts-size-8);--Layout-asideLink-arrowFontSize:var(--fonts-size-8);--Layout-asideLink-arrowColor:var(--colors-neutral-text-5);--Layout-asideLink-iconColor:inherit;--Layout-asideLink-onActive-arrowColor:var(
--Layout-asideLink-onActive-color
);--Layout-asideLink-onActive-color:var(--colors-brand-4);--Layout-asideLink-onHover-color:var(--colors-brand-6);--Layout-asideLink-onHover-iconColor:var(--colors-brand-6);--Layout-asideLink-onHover-iconSize:var(--sizes-size-9);--Layout-asideLink-onHover-arrowColor:var(--colors-neutral-text-11);--Layout-brand-bg:var(--colors-neutral-fill-2);--Layout-brand-color:var(--colors-neutral-text-11);--Layout-brandBar-color:#a0a0a0;--Layout-header-bg:var(--colors-neutral-fill-10);--Layout-header-boxShadow:none;--Layout-header-height:3.125rem;--Layout-headerBar-borderBottom:none;--Layout-footer-height:3.125rem;--Layout-nav--folded-height:var(--sizes-base-20);--Layout-nav-height:2.5rem;--Layout-nav-lgHeight:3.125rem;--Layout-body-bg:var(--body-bg);--Layout-paddingX:1.5625rem;--Layout-icon-size:0.875rem;--Layout-light-backgroundColor:var(--colors-neutral-fill-11);--Layout-light-bgColor-onHover:var(--colors-brand-10);--Layout-light-fontColor:var(--colors-neutral-text-1);--Layout-fontColor--onHover:var(--colors-brand-5);--Layout-dark-fontColor:var(--colors-neutral-text-11);--Layout-fontColor--onActive:var(--colors-brand-4);--Layout-fontColor--info:var(--colors-brand-5);--Layout-dark-backgroundColor:var(--colors-neutral-fill-2);--Layout-dark-selected-color:var(--colors-brand-6);--Layout-tooltip-fontSize:var(--fonts-size-8);--Layout-dark-tooltip-backgroundColor:var(--colors-brand-1);--List--unsaved-heading-bg:#e8f0fe;--List--unsaved-heading-color:#4285f4;--List-bg:var(--colors-neutral-fill-11);--List-borderColor:var(--borderColor);--List-borderRadius:var(--borderRadius);--List-borderWidth:var(--borderWidth);--List-fixedTop-boxShadow:var(--shadows-shadow-normal);--List-placeholder-height:1.875rem;--List-toolbar-marginX:0;--List-toolbar-marginY:var(--gap-base);--ListControl-fontSize:var(--Form-fontSize);--ListControl-gutterWidth:0.625rem;--ListControl-item-bg:var(--colors-neutral-fill-11);--ListControl-item-borderColor:var(--borderColor);--ListControl-item-borderWidth:var(--borders-width-2);--ListControl-item-borderRadius:var(--borders-radius-3);--ListControl-item-color:var(--colors-neutral-text-2);--ListControl-item-onActive-after-borderColor:var(--colors-neutral-line-11);--ListControl-item-onActive-bg:var(--colors-neutral-fill-11);--ListControl-item-onActive-borderColor:var(--colors-brand-4);--ListControl-item-onActive-color:var(--colors-brand-4);--ListControl-item-onDisabled-bg:var(--colors-neutral-fill-9);--ListControl-item-onDisabled-borderColor:var(--colors-neutral-line-9);--ListControl-item-onDisabled-color:var(--colors-neutral-text-6);--ListControl-item-onDisabled-opacity:1;--ListControl-item-onHover-bg:var(--colors-neutral-fill-11);--ListControl-item-onHover-borderColor:var(--colors-brand-5);--ListControl-item-onHover-color:var(--colors-brand-5);--ListControl-item-paddingX:var(--sizes-size-6);--ListControl-item-paddingY:0.375rem;--ListControl-item-transition:none;--ListItem--strip-bg:var(--colors-neutral-fill-10);--ListItem-borderColor:var(--colors-neutral-line-10);--ListItem-borderWidth:var(--List-borderWidth);--ListItem-onChecked-bg:var(--colors-brand-10);--ListItem-onChecked-borderColor:var(--colors-brand-4);--ListItem-onChecked-color:var(--colors-brand-4);--ListItem-onChecked-fieldLabel-color:var(--colors-brand-4);--ListItem-onDragging-opacity:0.1;--ListItem-onModified-bg:#e8f0fe;--ListItem-onModified-borderColor:#b7d0fc;--ListItem-onModified-color:#4285f4;--ListItem-onModified-fieldLabel-color:#a2c3fa;--ListItem-paddingX:var(--gap-base);--ListItem-paddingY:var(--gap-sm);--ListItem--onHover-bg:rgba(0,126,255,.08);--ListItem--onHover-color:var(--info);--listMenu--onActive-borderColor:var(--info);--ListMenu-borderRadius:var(--borders-radius-1);--ListMenu-borderWidth:var(--borders-width-1);--ListMenu-bordrColor:var(--borderColor);--ListMenu-divider-color:var(--borderColorLight);--ListMenu-item--onActive-bg:transparent;--ListMenu-item--onActive-color:var(--info);--ListMenu-item--onDisabled-bg:transparent;--ListMenu-item--onDisabled-color:var(--text--muted-color);--ListMenu-item--onHover-bg:var(--colors-neutral-fill-8);--ListMen
--colors-neutral-line-10
);--button-secondary-disabled-bottom-border-style:var(--borders-style-2);--button-secondary-disabled-bottom-border-width:var(--borders-width-2);--button-secondary-disabled-shadow:var(--shadows-shadow-none);--button-secondary-disabled-bg-color:var(--colors-neutral-fill-10);--button-secondary-disabled-font-color:var(--colors-neutral-text-6);--button-enhance-default-top-border-color:var(--colors-brand-5);--button-enhance-default-top-border-style:var(--borders-style-2);--button-enhance-default-top-border-width:var(--borders-width-2);--button-enhance-default-left-border-color:var(--colors-brand-5);--button-enhance-default-left-border-style:var(--borders-style-2);--button-enhance-default-left-border-width:var(--borders-width-2);--button-enhance-default-right-border-color:var(--colors-brand-5);--button-enhance-default-right-border-style:var(--borders-style-2);--button-enhance-default-right-border-width:var(--borders-width-2);--button-enhance-default-bottom-border-color:var(--colors-brand-5);--button-enhance-default-bottom-border-style:var(--borders-style-2);--button-enhance-default-bottom-border-width:var(--borders-width-2);--button-enhance-default-shadow:var(--shadows-shadow-none);--button-enhance-default-bg-color:var(--colors-neutral-fill-11);--button-enhance-default-font-color:var(--colors-brand-5);--button-enhance-hover-top-border-color:var(--colors-brand-6);--button-enhance-hover-top-border-style:var(--borders-style-2);--button-enhance-hover-top-border-width:var(--borders-width-2);--button-enhance-hover-left-border-color:var(--colors-brand-6);--button-enhance-hover-left-border-style:var(--borders-style-2);--button-enhance-hover-left-border-width:var(--borders-width-2);--button-enhance-hover-right-border-color:var(--colors-brand-6);--button-enhance-hover-right-border-style:var(--borders-style-2);--button-enhance-hover-right-border-width:var(--borders-width-2);--button-enhance-hover-bottom-border-color:var(--colors-brand-6);--button-enhance-hover-bottom-border-style:var(--borders-style-2);--button-enhance-hover-bottom-border-width:var(--borders-width-2);--button-enhance-hover-shadow:var(--shadows-shadow-none);--button-enhance-hover-bg-color:var(--colors-neutral-fill-11);--button-enhance-hover-font-color:var(--colors-brand-6);--button-enhance-active-top-border-color:var(--colors-brand-4);--button-enhance-active-top-border-style:var(--borders-style-2);--button-enhance-active-top-border-width:var(--borders-width-2);--button-enhance-active-left-border-color:var(--colors-brand-4);--button-enhance-active-left-border-style:var(--borders-style-2);--button-enhance-active-left-border-width:var(--borders-width-2);--button-enhance-active-right-border-color:var(--colors-brand-4);--button-enhance-active-right-border-style:var(--borders-style-2);--button-enhance-active-right-border-width:var(--borders-width-2);--button-enhance-active-bottom-border-color:var(--colors-brand-4);--button-enhance-active-bottom-border-style:var(--borders-style-2);--button-enhance-active-bottom-border-width:var(--borders-width-2);--button-enhance-active-shadow:var(--shadows-shadow-none);--button-enhance-active-bg-color:var(--colors-neutral-fill-11);--button-enhance-active-font-color:var(--colors-brand-4);--button-enhance-disabled-top-border-color:var(--colors-neutral-line-10);--button-enhance-disabled-top-border-style:var(--borders-style-2);--button-enhance-disabled-top-border-width:var(--borders-width-2);--button-enhance-disabled-left-border-color:var(--colors-neutral-line-10);--button-enhance-disabled-left-border-style:var(--borders-style-2);--button-enhance-disabled-left-border-width:var(--borders-width-2);--button-enhance-disabled-right-border-color:var(--colors-neutral-line-10);--button-enhance-disabled-right-border-style:var(--borders-style-2);--button-enhance-disabled-right-border-width:var(--borders-width-2);--button-enhance-disabled-bottom-border-color:var(--colors-neutral-line-10);--button-enhance-disabled-bottom-border-style:var(--borders-style-2);--button-enhance-disabled-bottom-border-width:var(--borders-width-2);--button-enhance-disabled-shadow:v
--borders-radius-3
);--inputNumber-base-default-bottom-left-border-radius:var(--borders-radius-3);--inputNumber-base-default-paddingTop:var(--sizes-size-3);--inputNumber-base-default-paddingBottom:var(--sizes-size-3);--inputNumber-base-default-paddingLeft:var(--sizes-size-7);--inputNumber-base-default-paddingRight:var(--sizes-size-7);--inputNumber-base-default-bg-color:var(--colors-neutral-fill-11);--inputNumber-base-hover-top-border-color:var(--colors-brand-5);--inputNumber-base-hover-top-border-width:var(--borders-width-2);--inputNumber-base-hover-top-border-style:var(--borders-style-2);--inputNumber-base-hover-right-border-color:var(--colors-brand-5);--inputNumber-base-hover-right-border-width:var(--borders-width-2);--inputNumber-base-hover-right-border-style:var(--borders-style-2);--inputNumber-base-hover-bottom-border-color:var(--colors-brand-5);--inputNumber-base-hover-bottom-border-width:var(--borders-width-2);--inputNumber-base-hover-bottom-border-style:var(--borders-style-2);--inputNumber-base-hover-left-border-color:var(--colors-brand-5);--inputNumber-base-hover-left-border-width:var(--borders-width-2);--inputNumber-base-hover-left-border-style:var(--borders-style-2);--inputNumber-base-hover-top-right-border-radius:var(--borders-radius-3);--inputNumber-base-hover-top-left-border-radius:var(--borders-radius-3);--inputNumber-base-hover-bottom-right-border-radius:var(--borders-radius-3);--inputNumber-base-hover-bottom-left-border-radius:var(--borders-radius-3);--inputNumber-base-hover-paddingTop:var(--sizes-size-3);--inputNumber-base-hover-paddingBottom:var(--sizes-size-3);--inputNumber-base-hover-paddingLeft:var(--sizes-size-7);--inputNumber-base-hover-paddingRight:var(--sizes-size-7);--inputNumber-base-hover-bg-color:var(--colors-neutral-fill-11);--inputNumber-base-active-top-border-color:var(--colors-brand-5);--inputNumber-base-active-top-border-width:var(--borders-width-2);--inputNumber-base-active-top-border-style:var(--borders-style-2);--inputNumber-base-active-right-border-color:var(--colors-brand-5);--inputNumber-base-active-right-border-width:var(--borders-width-2);--inputNumber-base-active-right-border-style:var(--borders-style-2);--inputNumber-base-active-bottom-border-color:var(--colors-brand-5);--inputNumber-base-active-bottom-border-width:var(--borders-width-2);--inputNumber-base-active-bottom-border-style:var(--borders-style-2);--inputNumber-base-active-left-border-color:var(--colors-brand-5);--inputNumber-base-active-left-border-width:var(--borders-width-2);--inputNumber-base-active-left-border-style:var(--borders-style-2);--inputNumber-base-active-top-right-border-radius:var(--borders-radius-3);--inputNumber-base-active-top-left-border-radius:var(--borders-radius-3);--inputNumber-base-active-bottom-right-border-radius:var(--borders-radius-3);--inputNumber-base-active-bottom-left-border-radius:var(--borders-radius-3);--inputNumber-base-active-paddingTop:var(--sizes-size-3);--inputNumber-base-active-paddingBottom:var(--sizes-size-3);--inputNumber-base-active-paddingLeft:var(--sizes-size-7);--inputNumber-base-active-paddingRight:var(--sizes-size-7);--inputNumber-base-active-shadow:var(--Form-input-boxShadow);--inputNumber-base-active-bg-color:var(--colors-neutral-fill-11);--inputNumber-base-disabled-top-border-color:var(--colors-neutral-line-8);--inputNumber-base-disabled-top-border-width:var(--borders-width-2);--inputNumber-base-disabled-top-border-style:var(--borders-style-2);--inputNumber-base-disabled-right-border-color:var(--colors-neutral-line-8);--inputNumber-base-disabled-right-border-width:var(--borders-width-2);--inputNumber-base-disabled-right-border-style:var(--borders-style-2);--inputNumber-base-disabled-bottom-border-color:var(--colors-neutral-line-8);--inputNumber-base-disabled-bottom-border-width:var(--borders-width-2);--inputNumber-base-disabled-bottom-border-style:var(--borders-style-2);--inputNumber-base-disabled-left-border-color:var(--colors-neutral-line-8);--inputNumber-base-disabled-left-border-width:var(--borders-width-2);--inputNumber-base-disabled-left-border-style:var(--borders-style-2);--
--borders-radius-3
);--inputNumber-base-disabled-bottom-left-border-radius:var(
--borders-radius-3
);--inputNumber-base-disabled-paddingTop:var(--sizes-size-3);--inputNumber-base-disabled-paddingBottom:var(--sizes-size-3);--inputNumber-base-disabled-paddingLeft:var(--sizes-size-7);--inputNumber-base-disabled-paddingRight:var(--sizes-size-7);--inputNumber-base-disabled-bg-color:var(--colors-neutral-fill-10);--inputNumber-base-default-icon-fontSize:var(--fonts-size-8);--inputNumber-base-default-icon-color:var(--colors-neutral-text-2);--inputNumber-base-hover-icon-color:var(--colors-brand-5);--inputNumber-base-active-icon-color:var(--colors-brand-5);--inputNumber-base-default-step-bg:var(--colors-neutral-fill-11);--inputNumber-base-hover-step-bg:var(--colors-neutral-fill-11);--inputNumber-base-active-step-bg:var(--colors-neutral-fill-11);--inputNumber-base-unit-bg-color:var(--colors-neutral-fill-10);--inputNumber-base-default-unit-width:var(--sizes-base-28);--inputNumber-base-default-unit-paddingTop:calc(var(--Form-selectOption-height)/2 - var(--Form-input-lineHeight)*var(--Form-input-fontSize)/2 - var(--Form-input-borderWidth)*2/2);--inputNumber-base-default-unit-paddingBottom:calc(var(--Form-selectOption-height)/2 - var(--Form-input-lineHeight)*var(--Form-input-fontSize)/2 - var(--Form-input-borderWidth)*2/2);--inputNumber-base-default-unit-paddingLeft:var(--sizes-size-6);--inputNumber-base-default-unit-paddingRight:var(--sizes-size-6);--inputNumber-size-sm-height:var(--sizes-base-16);--inputNumber-size-default-height:var(--sizes-base-16);--inputNumber-size-md-height:var(--sizes-base-16);--inputNumber-size-lg-height:var(--sizes-base-16);--Number-handler-bg:var(--inputNumber-base-default-step-bg);--Number-handler-fontSize:var(--inputNumber-base-default-icon-fontSize);--Number-handler-color:var(--inputNumber-base-default-icon-color);--Number-handler-onHover-bg:var(--inputNumber-base-hover-step-bg);--Number-handler-onHover-color:var(--inputNumber-base-hover-icon-color);--Number-handler-onActive-bg:var(--inputNumber-base-active-step-bg);--inputNumber-enhance-default-top-border-color:var(--colors-neutral-line-7);--inputNumber-enhance-default-top-border-width:var(--borders-width-2);--inputNumber-enhance-default-top-border-style:var(--borders-style-2);--inputNumber-enhance-default-right-border-color:var(
--colors-neutral-line-7
);--inputNumber-enhance-default-right-border-width:var(--borders-width-2);--inputNumber-enhance-default-right-border-style:var(--borders-style-2);--inputNumber-enhance-default-bottom-border-color:var(
--colors-neutral-line-7
);--inputNumber-enhance-default-bottom-border-width:var(--borders-width-2);--inputNumber-enhance-default-bottom-border-style:var(--borders-style-2);--inputNumber-enhance-default-left-border-color:var(--colors-neutral-line-7);--inputNumber-enhance-default-left-border-width:var(--borders-width-2);--inputNumber-enhance-default-left-border-style:var(--borders-style-2);--inputNumber-enhance-default-top-right-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-default-top-left-border-radius:var(--borders-radius-3);--inputNumber-enhance-default-bottom-right-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-default-bottom-left-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-default-paddingTop:var(--sizes-size-3);--inputNumber-enhance-default-paddingBottom:var(--sizes-size-3);--inputNumber-enhance-default-paddingLeft:var(--sizes-size-7);--inputNumber-enhance-default-paddingRight:var(--sizes-size-7);--inputNumber-enhance-default-bg-color:var(--colors-neutral-fill-11);--inputNumber-enhance-hover-top-border-color:var(--colors-brand-5);--inputNumber-enhance-hover-top-border-width:var(--borders-width-2);--inputNumber-enhance-hover-top-border-style:var(--borders-style-2);--inputNumber-enhance-hover-right-border-color:var(--colors-brand-5);--inputNumber-enhance-hover-right-border-width:var(--borders-width-2);--inputNumber-enhance-hover-right-border-style:var(--borders-style-2);--inputNumber-enhance-hover-bottom-border-color:var(--colors-brand-5);--inputNumber-enhance-hover-bottom-border-width:var(--borders-width-2);--inputNumber-enhance-hover-bottom-border-style:var(--borders-style-2);--inputNumber-enhance-hover-left-border-color:var(--colors-brand-5);--inputNumber-enhance-hover-left-border-width:var(--borders-width-2);--inputNumber-enhance-hover-left-border-style:var(--borders-style-2);--inputNumber-enhance-hover-top-right-border-radius:var(--borders-radius-3);--inputNumber-enhance-hover-top-left-border-radius:var(--borders-radius-3);--inputNumber-enhance-hover-bottom-right-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-hover-bottom-left-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-hover-paddingTop:var(--sizes-size-3);--inputNumber-enhance-hover-paddingBottom:var(--sizes-size-3);--inputNumber-enhance-hover-paddingLeft:var(--sizes-size-7);--inputNumber-enhance-hover-paddingRight:var(--sizes-size-7);--inputNumber-enhance-hover-bg-color:var(--colors-neutral-fill-11);--inputNumber-enhance-active-top-border-color:var(--colors-brand-5);--inputNumber-enhance-active-top-border-width:var(--borders-width-2);--inputNumber-enhance-active-top-border-style:var(--borders-style-2);--inputNumber-enhance-active-right-border-color:var(--colors-brand-5);--inputNumber-enhance-active-right-border-width:var(--borders-width-2);--inputNumber-enhance-active-right-border-style:var(--borders-style-2);--inputNumber-enhance-active-bottom-border-color:var(--colors-brand-5);--inputNumber-enhance-active-bottom-border-width:var(--borders-width-2);--inputNumber-enhance-active-bottom-border-style:var(--borders-style-2);--inputNumber-enhance-active-left-border-color:var(--colors-brand-5);--inputNumber-enhance-active-left-border-width:var(--borders-width-2);--inputNumber-enhance-active-left-border-style:var(--borders-style-2);--inputNumber-enhance-active-top-right-border-radius:var(--borders-radius-3);--inputNumber-enhance-active-top-left-border-radius:var(--borders-radius-3);--inputNumber-enhance-active-bottom-right-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-active-bottom-left-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-active-paddingTop:var(--sizes-size-3);--inputNumber-enhance-active-paddingBottom:var(--sizes-size-3);--inputNumber-enhance-active-paddingLeft:var(--sizes-size-7);--inputNumber-enhance-active-paddingRight:var(--sizes-size-7);--inputNumber-enhance-active-shadow:var(--shadows-shadow-none);--inputNumber-enhance-active-bg-color:var(--colors-neutral-fill-11);--inputNumber-enhance-disabled-top-border-color:var(--colors-neutral-line-8);--inputNumber-enhance-disabled-top-border-width:var(--borders-width-2);--inputNumber-enhance-disabled-top-border-style:var(--borders-style-2);--inputNumber-enhance-disabled-right-border-color:var(
--colors-neutral-line-8
);--inputNumber-enhance-disabled-right-border-width:var(--borders-width-2);--inputNumber-enhance-disabled-right-border-style:var(--borders-style-2);--inputNumber-enhance-disabled-bottom-border-color:var(
--colors-neutral-line-8
);--inputNumber-enhance-disabled-bottom-border-width:var(--borders-width-2);--inputNumber-enhance-disabled-bottom-border-style:var(--borders-style-2);--inputNumber-enhance-disabled-left-border-color:var(
--colors-neutral-line-8
);--inputNumber-enhance-disabled-left-border-width:var(--borders-width-2);--inputNumber-enhance-disabled-left-border-style:var(--borders-style-2);--inputNumber-enhance-disabled-top-right-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-disabled-top-left-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-disabled-bottom-right-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-disabled-bottom-left-border-radius:var(
--borders-radius-3
);--inputNumber-enhance-disabled-paddingTop:var(--sizes-size-3);--inputNumber-enhance-disabled-paddingBottom:var(--sizes-size-3);--inputNumber-enhance-disabled-paddingLeft:var(--sizes-size-7);--inputNumber-enhance-disabled-paddingRight:var(--sizes-size-7);--inputNumber-enhance-disabled-bg-color:var(--colors-neutral-fill-10);--inputNumber-enhance-default-icon-fontSize:var(--fonts-size-8);--inputNumber-enhance-leftIcon-default-height:var(--sizes-size-7);--inputNumber-enhance-leftIcon-default-width:var(--sizes-size-7);--inputNumber-enhance-leftIcon-default-color:var(--colors-neutral-text-2);--inputNumber-enhance-leftIcon-hover-color:var(--colors-brand-5);--inputNumber-enhance-leftIcon-active-color:var(--colors-brand-5);--inputNumber-enhance-leftIcon-default-bg-color:var(
--colors-neutral-fill-11
);--inputNumber-enhance-leftIcon-hover-bg-color:var(--colors-neutral-fill-11);--inputNumber-enhance-leftIcon-active-bg-color:var(--colors-neutral-fill-11);--inputNumber-enhance-rightIcon-default-height:var(--sizes-size-7);--inputNumber-enhance-rightIcon-default-width:var(--sizes-size-7);--inputNumber-enhance-rightIcon-default-color:var(--colors-neutral-text-2);--inputNumber-enhance-rightIcon-hover-color:var(--colors-brand-5);--inputNumber-enhance-rightIcon-active-color:var(--colors-brand-5);--inputNumber-enhance-rightIcon-default-bg-color:var(
--colors-neutral-fill-11
);--inputNumber-enhance-rightIcon-hover-bg-color:var(--colors-neutral-fill-11);--inputNumber-enhance-rightIcon-active-bg-color:var(
--colors-neutral-fill-11
);--inputNumber-enhance-leftIcon-default-icon:'<svg viewBox="0 0 12 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon icon-minus"><g id="minus" fill="currentColor" fill-rule="nonzero"><polygon id="path-1" points="0 1.6 0 0.4 12 0.4 12 1.6"></polygon></g></svg>';--inputNumber-enhance-rightIcon-default-icon:'<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" class="icon icon-plus"><path d="M6.6 6.6V12H5.4V6.6H0V5.4h5.4V0h1.2v5.4H12v1.2z" fill="currentColor" fill-rule="nonzero"></path></svg>';--Form-input-onHover-borderColor:var(--colors-brand-5);--Form-input-onFocused-borderColor:var(--colors-brand-5);--checkbox-checkbox-default-height:var(--sizes-size-9);--checkbox-checkbox-default-bg-color:var(--colors-neutral-fill-11);--checkbox-checkbox-default-text-color:var(--colors-neutral-text-2);--checkbox-checkbox-default-lineHeight:var(--fonts-lineHeight-2);--checkbox-checkbox-default-fontWeight:var(--fonts-weight-6);--checkbox-checkbox-default-fontSize:var(--fonts-size-7);--checkbox-checkbox-default-top-border-color:var(--colors-neutral-line-8);--checkbox-checkbox-default-top-border-width:var(--borders-width-2);--checkbox-checkbox-default-top-border-style:var(--borders-style-2);--checkbox-checkbox-default-right-border-color:var(--colors-neutral-line-8);--checkbox-checkbox-default-right-border-width:var(--borders-width-2);--checkbox-checkbox-default-right-border-style:var(--borders-style-2);--checkbox-checkbox-default-bottom-border-color:var(--colors-neutral-line-8);--checkbox-checkbox-default-bottom-border-width:var(--borders-width-2);--checkbox-checkbox-default-bottom-border-style:var(--borders-style-2);--checkbox-checkbox-default-left-border-color:var(--colors-neutral-line-8);--checkbox-checkbox-default-left-border-width:var(--borders-width-2);--checkbox-checkbox-default-left-border-style:var(--borders-style-2);--checkbox-checkbox-default-top-right-border-radius:var(--sizes-size-2);--checkbox-checkbox-default-top-left-border-radius:var(--sizes-size-2);--checkbox-checkbox-default-bottom-right-border-radius:var(--sizes-size-2);--checkbox-checkbox-default-bottom-left-border-radius:var(--sizes-size-2);--checkbox-checkbox-hover-height:var(--sizes-size-9);--checkbox-checkbox-hover-bg-color:var(--colors-neutral-fill-11);--checkbox-checkbox-hover-text-color:var(--colors-neutral-text-2);--checkbox-checkbox-hover-fontSize:var(--fonts-size-7);--checkbox-checkbox-hover-top-border-color:var(--colors-brand-5);--checkbox-checkbox-hover-top-border-width:var(--borders-width-2);--checkbox-checkbox-hover-top-border-style:var(--borders-style-2);--checkbox-checkbox-hover-right-border-color:var(--colors-brand-5);--checkbox-checkbox-hover-right-border-width:var(--borders-width-2);--checkbox-checkbox-hover-right-border-style:var(--borders-style-2);--checkbox-checkbox-hover-bottom-border-color:var(--colors-brand-5);--checkbox-checkbox-hover-bottom-border-width:var(--borders-width-2);--checkbox-checkbox-hover-bottom-border-style:var(--borders-style-2);--checkbox-checkbox-hover-left-border-color:var(--colors-brand-5);--checkbox-checkbox-hover-left-border-width:var(--borders-width-2);--checkbox-checkbox-hover-left-border-style:var(--borders-style-2);--checkbox-checkbox-hover-top-right-border-radius:var(--sizes-size-2);--checkbox-checkbox-hover-top-left-border-radius:var(--sizes-size-2);--checkbox-checkbox-hover-bottom-right-border-radius:var(--sizes-size-2);--checkbox-checkbox-hover-bottom-left-border-radius:var(--sizes-size-2);--checkbox-checkbox-active-height:var(--sizes-size-9);--checkbox-checkbox-active-bg-color:var(--colors-neutral-fill-11);--checkbox-checkbox-active-text-color:var(--colors-neutral-text-2);--checkbox-checkbox-active-fontSize:var(--fonts-size-7);--checkbox-checkbox-active-top-border-color:var(--colors-brand-5);--checkbox-checkbox-active-top-border-width:var(--borders-width-2);--checkbox-checkbox-active-top-border-style:var(--borders-style-2);--checkbox-checkbox-active-right-border-color:var(--colors-brand-5);--checkbox-checkbox-active-right-border-width:var(--borders-width-2);-
--colors-neutral-line-8
);--checkbox-checkbox-disabled-bottom-border-width:var(--borders-width-2);--checkbox-checkbox-disabled-bottom-border-style:var(--borders-style-2);--checkbox-checkbox-disabled-left-border-color:var(--colors-neutral-line-8);--checkbox-checkbox-disabled-left-border-width:var(--borders-width-2);--checkbox-checkbox-disabled-left-border-style:var(--borders-style-2);--checkbox-checkbox-disabled-top-right-border-radius:var(--sizes-size-2);--checkbox-checkbox-disabled-top-left-border-radius:var(--sizes-size-2);--checkbox-checkbox-disabled-bottom-right-border-radius:var(--sizes-size-2);--checkbox-checkbox-disabled-bottom-left-border-radius:var(--sizes-size-2);--checkbox-checked-default-height:var(--sizes-size-9);--checkbox-checked-default-bg-color:var(--colors-brand-5);--checkbox-checked-default-color:var(--colors-neutral-text-2);--checkbox-checked-default-fontSize:var(--fonts-size-7);--checkbox-checked-default-top-border-color:var(--colors-neutral-line-8);--checkbox-checked-default-top-border-width:var(--borders-width-2);--checkbox-checked-default-top-border-style:var(--borders-style-2);--checkbox-checked-default-right-border-color:var(--colors-neutral-line-8);--checkbox-checked-default-right-border-width:var(--borders-width-2);--checkbox-checked-default-right-border-style:var(--borders-style-2);--checkbox-checked-default-bottom-border-color:var(--colors-neutral-line-8);--checkbox-checked-default-bottom-border-width:var(--borders-width-2);--checkbox-checked-default-bottom-border-style:var(--borders-style-2);--checkbox-checked-default-left-border-color:var(--colors-neutral-line-8);--checkbox-checked-default-left-border-width:var(--borders-width-2);--checkbox-checked-default-left-border-style:var(--borders-style-2);--checkbox-checked-default-top-right-border-radius:var(--sizes-size-2);--checkbox-checked-default-top-left-border-radius:var(--sizes-size-2);--checkbox-checked-default-bottom-right-border-radius:var(--sizes-size-2);--checkbox-checked-default-bottom-left-border-radius:var(--sizes-size-2);--checkbox-checked-hover-height:var(--sizes-size-9);--checkbox-checked-hover-bg-color:var(--colors-brand-6);--checkbox-checked-hover-color:var(--colors-neutral-text-2);--checkbox-checked-hover-fontSize:var(--fonts-size-7);--checkbox-checked-hover-top-border-color:var(--colors-brand-5);--checkbox-checked-hover-top-border-width:var(--borders-width-2);--checkbox-checked-hover-top-border-style:var(--borders-style-2);--checkbox-checked-hover-right-border-color:var(--colors-brand-5);--checkbox-checked-hover-right-border-width:var(--borders-width-2);--checkbox-checked-hover-right-border-style:var(--borders-style-2);--checkbox-checked-hover-bottom-border-color:var(--colors-brand-5);--checkbox-checked-hover-bottom-border-width:var(--borders-width-2);--checkbox-checked-hover-bottom-border-style:var(--borders-style-2);--checkbox-checked-hover-left-border-color:var(--colors-brand-5);--checkbox-checked-hover-left-border-width:var(--borders-width-2);--checkbox-checked-hover-left-border-style:var(--borders-style-2);--checkbox-checked-hover-top-right-border-radius:var(--sizes-size-2);--checkbox-checked-hover-top-left-border-radius:var(--sizes-size-2);--checkbox-checked-hover-bottom-right-border-radius:var(--sizes-size-2);--checkbox-checked-hover-bottom-left-border-radius:var(--sizes-size-2);--checkbox-checked-active-height:var(--sizes-size-9);--checkbox-checked-active-bg-color:var(--colors-brand-4);--checkbox-checked-active-color:var(--colors-neutral-text-2);--checkbox-checked-active-fontSize:var(--fonts-size-7);--checkbox-checked-active-top-border-color:var(--colors-brand-5);--checkbox-checked-active-top-border-width:var(--borders-width-2);--checkbox-checked-active-top-border-style:var(--borders-style-2);--checkbox-checked-active-right-border-color:var(--colors-brand-5);--checkbox-checked-active-right-border-width:var(--borders-width-2);--checkbox-checked-active-right-border-style:var(--borders-style-2);--checkbox-checked-active-bottom-border-color:var(--colors-brand-5);--checkbox-checked-active-bottom-border-width:var(--borders-width-2);--checkbox-c
--borders-radius-3
);--listSelect-base-disabled-bottom-left-border-radius:var(--borders-radius-3);--listSelect-base-disabled-paddingTop:var(--sizes-size-3);--listSelect-base-disabled-paddingBottom:var(--sizes-size-3);--listSelect-base-disabled-paddingLeft:var(--sizes-size-7);--listSelect-base-disabled-paddingRight:var(--sizes-size-7);--listSelect-base-disabled-color:var(--colors-neutral-text-6);--listSelect-base-disabled-bg-color:var(--colors-neutral-fill-10);--listSelect-base-image-width:var(--sizes-size-1);--ListControl-item-onHover-color:var(--listSelect-base-hover-color);--ListControl-item-onHover-borderColor:var(
--listSelect-base-hover-top-border-color
);--ListControl-item-onActive-color:var(--listSelect-base-active-color);--ListControl-item-onActive-onHover-bg:var(--colors-neutral-fill-11);--ListControl-item-onActive-color:var(
--listSelect-base-active-top-border-color
);--ListControl-item-onActive-before-bg:var(--colors-brand-4);--ListControl-item-color:var(--listSelect-base-default-color);--ListControl-item-onDisabled-color:var(--listSelect-base-disabled-color);--ListControl-item-paddingX:var(--listSelect-base-default-paddingLeft);--ListControl-item-paddingY:var(--listSelect-base-default-paddingTop);--link-onClick-color:var(--colors-link-4);--link-onClick-fontSize:var(--fonts-size-7);--link-onClick-font-style:none;--link-onClick-fontWeight:var(--fonts-weight-6);--link-onClick-text-decoration:none;--link-onClick-bg-color:transparent;--link-onHover-color:var(--colors-link-6);--link-onHover-fontSize:var(--fonts-size-7);--link-onHover-font-style:none;--link-onHover-fontWeight:var(--fonts-weight-6);--link-onHover-text-decoration:none;--link-onHover-bg-color:transparent;--link-color:var(--colors-link-5);--link-fontSize:var(--fonts-size-7);--link-font-style:none;--link-fontWeight:var(--fonts-weight-6);--link-text-decoration:none;--link-bg-color:transparent;--link-disabled-color:var(--colors-neutral-text-6);--link-disabled-fontSize:var(--fonts-size-7);--link-disabled-font-style:none;--link-disabled-fontWeight:var(--fonts-weight-6);--link-disabled-text-decoration:none;--link-disabled-bg-color:transparent;--link-icon-size:var(--sizes-size-8);--link-icon-margin:var(--sizes-size-3);--link-decoration:var(--link-text-decoration);--link-onHover-decoration:var(--link-onClick-text-decoration);--Form-item-gap:var(--sizes-base-12);--Form-item-color:var(--colors-neutral-text-4);--Form-item-fontColor:var(--Form-item-color);--Form-item-fontSize:var(--fonts-size-7);--Form-item-fontWeight:var(--fonts-weight-6);--Form-item-lineHeight:var(--fonts-lineHeight-1);--Form-item-star-color:var(--colors-error-5);--Form-item-star-size:var(--sizes-size-7);--Form-description-color:var(--colors-neutral-text-5);--Form-description-fontSize:var(--fonts-size-8);--Form-description-fontWeight:var(--fonts-weight-6);--Form-description-lineHeight:var(--fonts-lineHeight-2);--Form-description-gap:var(--sizes-size-3);--Form-item-onError-color:var(--colors-error-5);--Form-item-onError-borderColor:var(--colors-error-5);--Form-item-onError-bg:var(--colors-neutral-fill-11);--Form-feedBack-color:var(--colors-error-5);--Form-feedBack-fontSize:var(--fonts-size-8);--Form-feedBack-fontWeight:var(--fonts-weight-6);--Form-feedBack-lineHeight:var(--fonts-lineHeight-2);--Form-feedBack-gap:var(--sizes-size-3);--Form-mode-default-labelGap:var(--sizes-size-5);--Form-mode-default-width:100%;--Form--horizontal-label-gap:var(--sizes-base-8);--Form--horizontal-label-widthBase:var(--sizes-base-49);--Form--horizontal-label-widthXs:var(--sizes-base-25);--Form--horizontal-label-widthSm:var(--sizes-base-35);--Form--horizontal-label-widthMd:8.5rem;--Form--horizontal-label-widthLg:12.5rem;--Form--horizontal-value-marginTop:var(--sizes-size-0);--Form--horizontal-value-marginBottom:var(--sizes-size-0);--Form--horizontal-value-marginLeft:var(--sizes-size-5);--Form--horizontal-value-marginRight:var(--sizes-size-0);--Form--horizontal-value-maxWidth:100%;--Form--horizontal-value-minWidth:var(--sizes-size-0);--Form-mode-inline-item-gap:var(--sizes-base-8);--Form-mode-inline-label-gap:var(--sizes-base-8);--InputRange-track-bg:var(--colors-neutral-fill-8);--InputRange-track-height:var(--sizes-size-4);--InputRange-track-border-radius:var(--sizes-size-3);--InputRange-track-onActive-bg:var(--colors-brand-5);--InputRange-handle-height:var(--sizes-size-9);--InputRange-handle-width:var(--sizes-size-9);--InputRange-handle-bg:var(--colors-neutral-fill-11);--InputRange-handle-top-border-color:var(--colors-brand-5);--InputRange-handle-top-border-width:0.0625rem;--InputRange-handle-top-border-style:var(--borders-style-2);--InputRange-handle-top-right-border-radius:var(--borders-radius-7);--InputRange-handle-border:var(--InputRange-handle-top-border-width) var(--InputRange-handle-top-border-style) var(--InputRange-handle-top-border-color);--InputRange-handle-border-radius:var(
--InputRange-handle-top-right-border-radius
);--InputRange-handle-onActive-transform:scale(1.3);--InputRange-handle-onDrage-border-width:0.125rem;--InputRange-handle-onFocus-borderRadius:var(
--InputRange-handle-border-radius
);--InputRange-padding:1.25rem;--InputRange-handle-icon-width:var(--sizes-size-5);--InputRange-handle-icon-height:var(--sizes-size-5);--InputRange-handle-icon-color:var(--colors-brand-9);--InputRange-track-onActive-onDisabled-bg:var(--colors-neutral-fill-6);--InputRange-handle-onDisabled-border-color:var(--colors-neutral-fill-7);--InputRange-handle-onDisabled-bg:var(--colors-neutral-fill-11);--InputRange-handle-icon-onDisabled-color:var(--colors-neutral-fill-7);--InputRange-track-transition:left var(--animation-duration) ease-out,width var(--animation-duration) ease-out;--InputRange-handle-transition:transform var(--animation-duration) ease-out;--InputRange-track-dot-height:var(--sizes-size-4);--InputRange-track-dot-width:var(--sizes-size-4);--InputRange-track-dot-bg:var(--colors-neutral-fill-11);--InputRange-marks-color:var(--colors-neutral-text-2);--InputRange-marks-fontSize:var(--fonts-size-7);--InputRange-marks-fontWeight:var(--fonts-weight-6);--InputRange-marks-lineHeight:var(--fonts-lineHeight-2);--InputRange-marks-marginTop:var(--sizes-size-0);--InputRange-label-color:var(--colors-neutral-fill-11);--InputRange-label-fontSize:var(--fonts-size-7);--InputRange-label-font-size:var(--InputRange-label-fontSize);--InputRange-label-fontWeight:var(--fonts-weight-6);--InputRange-label-lineHeight:var(--fonts-lineHeight-2);--InputRange-label-paddingTop:var(--sizes-size-5);--InputRange-label-paddingBottom:var(--sizes-size-5);--InputRange-label-paddingLeft:var(--sizes-size-5);--InputRange-label-paddingRight:var(--sizes-size-5);--InputRange-label-bg:var(--colors-neutral-fill-1);--InputRange-label-top-right-border-radius:var(--borders-radius-3);--InputRange-label-padding:var(--InputRange-label-paddingTop) var(--InputRange-label-paddingRight) var(--InputRange-label-paddingBottom) var(--InputRange-label-paddingLeft);--InputRange-label-border-radius:var(
--InputRange-label-top-right-border-radius
);--InputRange-label-position-bottom:calc(100% + 8px);--InputRange-input-width:var(--sizes-base-40);--InputRange-input-marginTop:var(--sizes-size-0);--InputRange-input-marginBottom:var(--sizes-size-0);--InputRange-input-marginLeft:var(--sizes-size-5);--InputRange-input-marginRight:var(--sizes-size-5);--InputRange-clearIcon-height:var(--sizes-size-7);--InputRange-clearIcon-width:var(--sizes-size-7);--InputRange-clearIcon-color:var(--colors-neutral-text-4);--InputRange-clearIcon-hoverColor:var(--colors-brand-5);--Progress-line-bg:var(--colors-neutral-fill-8);--Progress-line-theme-color:var(--colors-brand-5);--Progress-line-color:var(--colors-neutral-text-2);--Progress-line-fontSize:var(--fonts-size-8);--Progress-circle-bg:var(--colors-neutral-fill-8);--Progress-circle-theme-color:red;--Progress-circle-color:var(--colors-neutral-text-2);--Progress-circle-fontSize:var(--fonts-size-8);--Progress-borderRadius:var(--borderRadius);--Progress-animate-backgroundColor:#fff;--Progress-bar-backgroundColor:var(--colors-neutral-fill-8);--dialog-default-border-width:var(--sizes-size-0);--dialog-default-border-radius:var(--sizes-size-4);--dialog-default-padding-y:var(--sizes-base-12);--dialog-header-height:var(--sizes-size-1);--dialog-icon-icon:'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon icon-close"><g id="close" transform="translate(1.439340, 1.439340)" fill="currentColor" fill-rule="nonzero"><polygon points="12.0606602 5.80646642e-14 13.1213203 1.06066017 7.62066017 6.56066017 13.1213203 12.0606602 12.0606602 13.1213203 6.56066017 7.62066017 1.06066017 13.1213203 0 12.0606602 5.49966017 6.56066017 1.72084569e-13 1.06066017 1.06066017 0 6.56066017 5.49966017"></polygon></g></svg>';--dialog-icon-size:var(--sizes-size-9);--dialog-icon-color:var(--colors-neutral-text-6);--dialog-header-color:var(--colors-neutral-text-2);--dialog-header-fontSize:var(--fonts-size-7);--dialog-header-fontWeight:var(--fonts-weight-5);--dialog-content-fontSize:var(--sizes-size-8);--dialog-content-color:var(--colors-neutral-text-2);--dialog-footer-height:var(--sizes-size-1);--dialog-footer-margin-left:var(--sizes-size-5);--dialog-size-sm-width:21.875rem;--dialog-size-normal-width:31.25rem;--dialog-size-lg-width:68.75rem;--dialog-size-xl-width:90%;--Modal-bg:var(--background);--Modal-body--noHeader-paddingTop:var(--gap-base);--Modal-body-borderBottom:var(--borders-style-1) solid var(--colors-neutral-line-10);--Modal-body-borderTop:var(--borders-style-1) solid var(--colors-neutral-line-10);--Modal-body-paddingX:var(--sizes-size-0);--Modal-body-paddingY:var(--sizes-base-12);--Modal-close-color:var(--text--muted-color);--Modal-close-width:1rem;--Modal-content-borderColor:var(--borderColor);--Modal-content-borderRadius:var(--borders-radius-4);--Modal-content-borderWidth:var(--borders-width-1);--Modal-content-minHeight:12.0625rem;--Modal-content-startMarginTop:3.75rem;--Modal-content-stepMarginTop:1.875rem;--Modal-footer-button-width:4.5rem;--Modal-footer-marginX:var(--sizes-size-0);--Modal-footer-marginY:var(--sizes-size-0);--Modal-footer-padding:var(--sizes-size-0);--Modal-header-bg:var(--colors-neutral-fill-11);--Modal-header-height:2.5rem;--Modal-header-paddingX:var(--sizes-size-0);--Modal-header-paddingY:var(--sizes-size-0);--Modal-overlay-bg:rgba(0,0,0,.7);--Modal-title-color:var(--colors-neutral-text-2);--Modal-title-fontSize:var(--fonts-size-7);--Modal-title-fontWeight:var(--fonts-weight-5);--Modal-title-lineHeight:var(--lineHeightBase);--Modal-widthBase:31.25rem;--Modal-widthLg:68.75rem;--Modal-widthMd:50rem;--Modal-widthSm:21.875rem;--Modal-widthXl:90%;--Model-close-onHover-color:var(--text-color);--drawer-header-height:var(--sizes-size-1);--drawer-header-color:var(--colors-neutral-text-2);--drawer-header-fontSize:var(--fonts-size-7);--drawer-header-fontWeight:var(--fonts-weight-5);--drawer-header-icon-icon:'<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class=" icon-close"><g id="close" transform="translate(1.439340, 1.439340)" f
--collapse-disabled-header-hover-bg-color
);--Collapse-content-padding:var(--collapse-default-content-paddingTop) var(--collapse-default-content-paddingRight) var(--collapse-default-content-paddingBottom) var(--collapse-default-content-paddingLeft);--Collapse-content-color:var(--collapse-default-content-color);--Collapse-content-fontSize:var(--collapse-default-content-fontSize);--Collapse-content-fontWeight:var(--collapse-default-content-fontWeight);--Tabs-link-disabled-color:var(--colors-neutral-text-6);--Tabs--sidebar-iconColor:var(--colors-brand-5);--Tabs-borderRadius:var(--borderRadius);--Tabs-borderWidth:var(--borderWidth);--Tabs-borderColor:var(--colors-neutral-line-8);--Tabs-color:var(--text-color);--Tabs-content-bg:var(--background);--Tabs-linkFontSize:var(--fonts-size-7);--Tabs-linkMargin:0 0.1875rem 0 0;--Tabs-linkPadding:var(--gap-sm) var(--gap-base);--Tabs-onActive-bg:var(--background);--Tabs-onActive-borderColor:var(--borderColor);--Tabs-onActive-color:var(--colors-neutral-text-2);--Tabs-onDisabled-color:var(--colors-neutral-text-7);--Tabs-onHover-borderColor:var(--colors-neutral-line-8);--Tabs-add-icon-size:0.9375rem;--Tabs-add-icon-padding:0.0625rem;--Tabs-add-icon-margin:var(--gap-xs);--Tabs-add-margin:var(--gap-lg);--Tabs-gray-color:#83868c;--Tabs-close-margin:var(--gap-xs);--Tabs-close-marginTop:0.0625rem;--Tabs-close-size:0.75rem;--Tabs-link-maxWidth:10rem;--Tabs-icon-gap:var(--gap-sm);--Tabs-animation-duration:var(--animation-duration);--Tabs--simple-paddingTop:var(--sizes-size-3);--Tabs--simple-paddingBottom:var(--sizes-size-3);--Tabs--simple-paddingLeft:var(--sizes-size-9);--Tabs--simple-paddingRight:var(--sizes-size-9);--Tabs--simple-split-size:var(--Tabs--simple-paddingTop) var(--Tabs--simple-paddingRight) var(--Tabs--simple-paddingBottom) var(--Tabs--simple-paddingLeft);--Tabs--simple-split-width:var(--borders-width-2);--Tabs--simple-split-style:var(--borders-style-2);--Tabs--simple-split-color:var(--colors-neutral-line-8);--Tabs--simple-color:var(--colors-neutral-text-2);--Tabs--simple-fontSize:var(--fonts-size-7);--Tabs--simple-fontWeight:var(--fonts-weight-6);--Tabs--simple-lineHeight:var(--fonts-lineHeight-2);--Tabs--simple-active-color:var(--colors-brand-5);--Tabs--simple-active-fontSize:var(--fonts-size-7);--Tabs--simple-active-fontWeight:var(--fonts-weight-6);--Tabs--simple-active-lineHeight:var(--fonts-lineHeight-2);--Tabs--simple-hover-color:var(--colors-brand-5);--Tabs--simple-hover-fontSize:var(--fonts-size-7);--Tabs--simple-hover-fontWeight:var(--fonts-weight-6);--Tabs--simple-hover-lineHeight:var(--fonts-lineHeight-2);--Tabs--simple-disabled-color:var(--colors-neutral-text-6);--Tabs--simple-disabled-fontSize:var(--fonts-size-7);--Tabs--simple-disabled-fontWeight:var(--fonts-weight-6);--Tabs--simple-disabled-lineHeight:var(--fonts-lineHeight-2);--Tabs--strong-paddingTop:var(--sizes-size-5);--Tabs--strong-paddingBottom:var(--sizes-size-5);--Tabs--strong-paddingLeft:var(--sizes-size-9);--Tabs--strong-paddingRight:var(--sizes-size-9);--Tabs--strong-marginTop:var(--sizes-size-0);--Tabs--strong-marginBottom:var(--sizes-size-0);--Tabs--strong-marginLeft:var(--sizes-size-0);--Tabs--strong-marginRight:var(--sizes-size-5);--Tabs--strong-bg:var(--colors-neutral-fill-11);--Tabs--strong-top-border-color:var(--colors-neutral-text-8);--Tabs--strong-top-border-width:var(--borders-width-2);--Tabs--strong-top-border-style:var(--borders-style-2);--Tabs--strong-right-border-color:var(--colors-neutral-text-8);--Tabs--strong-right-border-width:var(--borders-width-2);--Tabs--strong-right-border-style:var(--borders-style-2);--Tabs--strong-bottom-border-color:var(--colors-neutral-text-8);--Tabs--strong-bottom-border-width:var(--borders-width-2);--Tabs--strong-bottom-border-style:var(--borders-style-2);--Tabs--strong-left-border-color:var(--colors-neutral-text-8);--Tabs--strong-left-border-width:var(--borders-width-2);--Tabs--strong-left-border-style:var(--borders-style-2);--Tabs--strong-top-right-border-radius:var(--borders-radius-3);--Tabs--strong-top-left-border-radius:var(--borders-radius-3);--Tabs--strong-bottom-right-border-radius:var(--bord
--Tabs--vertical-active-border-width
);--Tabs--vertical-onActive-border:var(--Tabs--vertical-active-border-color);--Tabs--vertical-onActive-color:var(--Tabs--vertical-active-color);--Tabs--vertical-hover-color:var(--colors-brand-6);--Tabs--vertical-hover-fontSize:var(--fonts-size-7);--Tabs--vertical-hover-fontWeight:var(--fonts-weight-6);--Tabs--vertical-hover-lineHeight:var(--fonts-lineHeight-2);--Tabs--vertical-disabled-color:var(--colors-neutral-text-6);--Tabs--vertical-disabled-fontSize:var(--fonts-size-7);--Tabs--vertical-disabled-fontWeight:var(--fonts-weight-6);--Tabs--vertical-disabled-lineHeight:var(--fonts-lineHeight-2);--Tabs--sidebar-color:var(--colors-neutral-text-5);--Tabs--sidebar-fontSize:var(--fonts-size-7);--Tabs--sidebar-fontWeight:var(--fonts-weight-6);--Tabs--sidebar-lineHeight:var(--fonts-lineHeight-2);--Tabs--sidebar-sideWidth:var(--sizes-base-31);--Tabs--sidebar-sideMargin:var(--sizes-base-11);--Tabs--sidebar-iconSize:1.5rem;--Tabs--sidebar-iconMargin:0.3125rem;--Tabs--sidebar-active-color:var(--colors-brand-5);--Tabs--sidebar-active-fontSize:var(--fonts-size-7);--Tabs--sidebar-active-fontWeight:var(--fonts-weight-6);--Tabs--sidebar-active-lineHeight:var(--fonts-lineHeight-2);--Tabs--sidebar-hover-color:var(--colors-brand-6);--Tabs--sidebar-hover-fontSize:var(--fonts-size-7);--Tabs--sidebar-hover-fontWeight:var(--fonts-weight-6);--Tabs--sidebar-hover-lineHeight:var(--fonts-lineHeight-2);--Tabs--sidebar-disabled-color:var(--colors-neutral-text-6);--Tabs--sidebar-disabled-fontSize:var(--fonts-size-7);--Tabs--sidebar-disabled-fontWeight:var(--fonts-weight-6);--Tabs--sidebar-disabled-lineHeight:var(--fonts-lineHeight-2);--Tabs--chrome-onHover-bg:var(--colors-neutral-fill-10);--Tabs--chrome-bg:var(--colors-neutral-fill-10);--Tabs--chrome-radius-size:0.5rem;--Tabs--chrome-right-border-color:var(--colors-neutral-line-5);--Panel-bg:var(--colors-neutral-fill-11);--Panel-marginTop:var(--sizes-size-0);--Panel-marginBottom:var(--sizes-base-10);--Panel-marginLeft:var(--sizes-size-0);--Panel-marginRight:var(--sizes-size-0);--Panel-top-border-color:var(--colors-neutral-line-8);--Panel-top-border-width:var(--borders-width-2);--Panel-top-border-style:var(--borders-style-2);--Panel-right-border-color:var(--colors-neutral-line-8);--Panel-right-border-width:var(--borders-width-2);--Panel-right-border-style:var(--borders-style-2);--Panel-bottom-border-color:var(--colors-neutral-line-8);--Panel-bottom-border-width:var(--borders-width-2);--Panel-bottom-border-style:var(--borders-style-2);--Panel-left-border-color:var(--colors-neutral-line-8);--Panel-left-border-width:var(--borders-width-2);--Panel-left-border-style:var(--borders-style-2);--Panel-top-right-border-radius:var(--borders-radius-3);--Panel-top-left-border-radius:var(--borders-radius-3);--Panel-bottom-right-border-radius:var(--borders-radius-3);--Panel-bottom-left-border-radius:var(--borders-radius-3);--Panel-borderRadius:var(--Panel-top-left-border-radius) var(--Panel-top-right-border-radius) var(--Panel-bottom-right-border-radius) var(--Panel-bottom-left-border-radius);--Panel-borderWidth:var(--Panel-top-border-width) var(--Panel-right-border-width) var(--Panel-bottom-border-width) var(--Panel-left-border-width);--Panel-boxShadow:var(--shadows-shadow-sm);--Panel-heading-paddingTop:var(--sizes-size-5);--Panel-heading-paddingBottom:var(--sizes-size-5);--Panel-heading-paddingLeft:var(--sizes-size-7);--Panel-heading-paddingRight:var(--sizes-size-7);--Panel-heading-bg:var(--colors-neutral-fill-10);--Panel-heading-color:var(--colors-neutral-text-3);--Panel-heading-fontSize:var(--fonts-size-8);--Panel-heading-fontWeight:var(--fonts-weight-6);--Panel-heading-lineHeight:var(--fonts-lineHeight-2);--Panel-heading-top-border-color:transparent;--Panel-heading-top-border-width:var(--borders-width-1);--Panel-heading-top-border-style:var(--borders-style-2);--Panel-heading-right-border-color:transparent;--Panel-heading-right-border-width:var(--borders-width-1);--Panel-heading-right-border-style:var(--borders-style-2);--Panel-heading-bottom-border-color:var(--colors-neutral-line-8);--Panel-heading-bottom-bord
--inputFile-list-delete-icon-color-hover
);--FileControl-progress-borderRadius:var(--borders-radius-2);--inputImage-base-default-top-border-color:var(--colors-neutral-line-8);--inputImage-base-default-top-border-width:var(--borders-width-2);--inputImage-base-default-top-border-style:var(--borders-style-2);--inputImage-base-default-right-border-color:var(--colors-neutral-line-8);--inputImage-base-default-right-border-width:var(--borders-width-2);--inputImage-base-default-right-border-style:var(--borders-style-2);--inputImage-base-default-bottom-border-color:var(--colors-neutral-line-8);--inputImage-base-default-bottom-border-width:var(--borders-width-2);--inputImage-base-default-bottom-border-style:var(--borders-style-2);--inputImage-base-default-left-border-color:var(--colors-neutral-line-8);--inputImage-base-default-left-border-width:var(--borders-width-2);--inputImage-base-default-left-border-style:var(--borders-style-2);--inputImage-base-default-top-right-border-radius:var(--borders-radius-3);--inputImage-base-default-top-left-border-radius:var(--borders-radius-3);--inputImage-base-default-bottom-right-border-radius:var(--borders-radius-3);--inputImage-base-default-bottom-left-border-radius:var(--borders-radius-3);--inputImage-base-default-fontSize:var(--fonts-size-7);--inputImage-base-default-fontWeight:var(--fonts-weight-6);--inputImage-base-default-color:var(--colors-neutral-text-5);--inputImage-base-default-icon:'<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><rect fill="currentColor" opacity="0" x="0" y="0" width="16" height="16"></rect><path d="M8.5,2 L8.5,7.5 L14,7.5 L14,8.5 L8.5,8.5 L8.5,14 L7.5,14 L7.5,8.5 L2,8.5 L2,7.5 L7.5,7.5 L7.5,2 L8.5,2 Z" fill="currentColor" fill-rule="nonzero"></path></g></g></svg>';--inputImage-base-default-icon-size:var(--sizes-base-12);--inputImage-base-default-icon-color:var(--colors-neutral-text-5);--inputImage-base-default-icon-margin:var(--sizes-size-5);--inputImage-base-default-bg-color:var(--colors-neutral-fill-11);--inputImage-base-hover-top-border-color:var(--colors-brand-5);--inputImage-base-hover-top-border-width:var(--borders-width-2);--inputImage-base-hover-top-border-style:var(--borders-style-2);--inputImage-base-hover-right-border-color:var(--colors-brand-5);--inputImage-base-hover-right-border-width:var(--borders-width-2);--inputImage-base-hover-right-border-style:var(--borders-style-2);--inputImage-base-hover-bottom-border-color:var(--colors-brand-5);--inputImage-base-hover-bottom-border-width:var(--borders-width-2);--inputImage-base-hover-bottom-border-style:var(--borders-style-2);--inputImage-base-hover-left-border-color:var(--colors-brand-5);--inputImage-base-hover-left-border-width:var(--borders-width-2);--inputImage-base-hover-left-border-style:var(--borders-style-2);--inputImage-base-hover-color:var(--colors-neutral-text-5);--inputImage-base-hover-icon-color:var(--colors-neutral-text-5);--inputImage-base-hover-bg-color:var(--colors-neutral-fill-11);--inputImage-base-active-top-border-color:var(--colors-brand-5);--inputImage-base-active-top-border-width:var(--borders-width-2);--inputImage-base-active-top-border-style:var(--borders-style-2);--inputImage-base-active-right-border-color:var(--colors-brand-5);--inputImage-base-active-right-border-width:var(--borders-width-2);--inputImage-base-active-right-border-style:var(--borders-style-2);--inputImage-base-active-bottom-border-color:var(--colors-brand-5);--inputImage-base-active-bottom-border-width:var(--borders-width-2);--inputImage-base-active-bottom-border-style:var(--borders-style-2);--inputImage-base-active-left-border-color:var(--colors-brand-5);--inputImage-base-active-left-border-width:var(--borders-width-2);--inputImage-base-active-left-border-style:var(--borders-style-2);--inputImage-base-active-color:var(--colors-neutral-text-5);--inputImage-base-active-icon-color:var(--colors-neutral-text-5);--inputImage-base-active-bg-color:var(--colors-neutral-fill-11);--inputImage-base-disabled-top-border-color:var(
--select-multiple-icon-hover-color
);--Form-select-multiple-bgColor:var(--colors-neutral-fill-10);--Form-selectOption-height:var(--Form-select-height);--Form-selectValue-bg:#cce5ff;--Form-selectValue-onHover-bgColor:var(--select-multiple-hover-bg-color);--Form-selectValue-borderColor:var(--colors-brand-7);--Form-selectValue-color:var(--colors-brand-5);--Form-selectValue-fontSize:var(--select-multiple-fontSize);--Form-selectValue-onDisable-bg:#e6f2ff;--Form-selectValue-onHover-bg:#b3d7ff;--Form-selectValue-onDisabled-color:var(--Form-select-caret-iconColor);--Form-selectValue-onInvalid-color:var(--danger);--Form-valueLabel-maxWidth:7.5rem;--Form-select-onFocus-boxShadow:none;--ResultBox-tag-height:1.5rem;--ResultBox-tag-marginBottom:var(--select-multiple-marginBottom);--ResultBox-icon--onDisabled-color:#ebebeb;--ResultBox-icon--onHover-color:var(--select-multiple-icon-hover-color);--ResultBox-icon-color:var(--select-multiple-icon-color);--ResultBox-value--onDisabled-color:#ccc;--ResultBox-value--onHover-bg:var(--select-multiple-hover-bg-color);--ResultBox-value--onHover-bg--dark:#b8babf;--ResultBox-value-bg:var(--select-multiple-bg-color);--ResultBox-value-color:var(--select-multiple-color);--ResultBox-value-clear-bg:var(--colors-neutral-fill-8);--ResultBox-value-clear-hover-bg:var(--colors-neutral-fill-9);--Tree-max-height:300px;--Tree-indent:var(--gap-md);--Tree-icon-gap:var(--sizes-size-5);--Tree-icon-margin-right:0.5rem;--Tree-inputHeight:calc(var(--Form-input-height)*0.85);--Tree-item-onHover-bg:var(--colors-neutral-fill-10);--Tree-item-onHover-bg-pure:var(--select-tree-hover-bg-color);--Tree-itemArrowWidth:1rem;--Tree-itemHeight:var(--sizes-base-12);--Tree-itemLabel--onChecked-color:var(--Form-selectValue-color);--TreeSelect-popover-bg:var(--colors-neutral-fill-11);--Tree-item-text-max-height:15.625rem;--Tree-item-text-top:0.25rem;--Tree-item-arrow-padding-left:0.25rem;--Tree-item-arrow-color:#84868c;--Tree-item-onChekced-bg:var(--select-tree-active-bg-color);--Tree-item-onChekced-bg-borderRadius:var(--borders-radius-2);--inputDate-default-top-border-color:var(--colors-neutral-line-8);--inputDate-default-top-border-width:var(--borders-width-2);--inputDate-default-top-border-style:var(--borders-style-2);--inputDate-default-right-border-color:var(--colors-neutral-line-8);--inputDate-default-right-border-width:var(--borders-width-2);--inputDate-default-right-border-style:var(--borders-style-2);--inputDate-default-bottom-border-color:var(--colors-neutral-line-8);--inputDate-default-bottom-border-width:var(--borders-width-2);--inputDate-default-bottom-border-style:var(--borders-style-2);--inputDate-default-left-border-color:var(--colors-neutral-line-8);--inputDate-default-left-border-width:var(--borders-width-2);--inputDate-default-left-border-style:var(--borders-style-2);--inputDate-default-top-right-border-radius:var(--borders-radius-3);--inputDate-default-top-left-border-radius:var(--borders-radius-3);--inputDate-default-bottom-right-border-radius:var(--borders-radius-3);--inputDate-default-bottom-left-border-radius:var(--borders-radius-3);--inputDate-default-paddingTop:var(--sizes-size-3);--inputDate-default-paddingBottom:var(--sizes-size-3);--inputDate-default-paddingLeft:var(--sizes-size-6);--inputDate-default-paddingRight:var(--sizes-base-6);--inputDate-default-fontSize:var(--fonts-size-7);--inputDate-default-fontWeight:var(--fonts-weight-6);--inputDate-default-height:var(--sizes-base-16);--inputDate-default-color:var(--colors-neutral-text-2);--inputDate-default-bg-color:var(--colors-neutral-fill-11);--inputDate-default-icon:'<svg viewBox="0 0 13 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.338385, -2.000000)"><rect x="0" y="0" width="16" height="16"></rect><path d="M6,2 L6,3 L10,3 L10,2 L11,2 L11,3 L14,3 L14,14 L2,14 L2,3 L5,3 L5,2 L6,2 Z M13,7 L3,7 L3,13 L13,13 L13,7 Z M5,4 L3,4 L3,6 L13,6 L13,4 L11,4 L11,5 L10,5 L10,4 L6,4 L6,5 L5,5 L5,4 Z" fill="currentColor"></path></g></g></svg>';--inputDate-defaul
--borders-radius-2
);--inputDate-default-option-bottom-left-border-radius:var(--borders-radius-2);--inputDate-hover-top-border-color:var(--colors-brand-5);--inputDate-hover-top-border-width:var(--borders-width-2);--inputDate-hover-top-border-style:var(--borders-style-2);--inputDate-hover-right-border-color:var(--colors-brand-5);--inputDate-hover-right-border-width:var(--borders-width-2);--inputDate-hover-right-border-style:var(--borders-style-2);--inputDate-hover-bottom-border-color:var(--colors-brand-5);--inputDate-hover-bottom-border-width:var(--borders-width-2);--inputDate-hover-bottom-border-style:var(--borders-style-2);--inputDate-hover-left-border-color:var(--colors-brand-5);--inputDate-hover-left-border-width:var(--borders-width-2);--inputDate-hover-left-border-style:var(--borders-style-2);--inputDate-hover-color:var(--colors-neutral-text-2);--inputDate-hover-bg-color:var(--colors-neutral-fill-11);--inputDate-hover-title-color:var(--colors-brand-6);--inputDate-hover-title-arrow-color:var(--colors-neutral-text-2);--inputDate-hover-option-color:var(--colors-neutral-text-2);--inputDate-hover-option-bg-color:var(--colors-neutral-fill-10);--inputDate-active-top-border-color:var(--colors-brand-5);--inputDate-active-top-border-width:var(--borders-width-2);--inputDate-active-top-border-style:var(--borders-style-2);--inputDate-active-right-border-color:var(--colors-brand-5);--inputDate-active-right-border-width:var(--borders-width-2);--inputDate-active-right-border-style:var(--borders-style-2);--inputDate-active-bottom-border-color:var(--colors-brand-5);--inputDate-active-bottom-border-width:var(--borders-width-2);--inputDate-active-bottom-border-style:var(--borders-style-2);--inputDate-active-left-border-color:var(--colors-brand-5);--inputDate-active-left-border-width:var(--borders-width-2);--inputDate-active-left-border-style:var(--borders-style-2);--inputDate-active-shadow:var(--shadows-shadow-none);--inputDate-active-color:var(--colors-neutral-text-2);--inputDate-active-bg-color:var(--colors-neutral-fill-11);--inputDate-active-option-color:var(--colors-neutral-text-11);--inputDate-active-option-bg-color:var(--colors-brand-5);--inputDate-disabled-top-border-color:var(--colors-neutral-line-8);--inputDate-disabled-top-border-width:var(--borders-width-2);--inputDate-disabled-top-border-style:var(--borders-style-2);--inputDate-disabled-right-border-color:var(--colors-neutral-line-8);--inputDate-disabled-right-border-width:var(--borders-width-2);--inputDate-disabled-right-border-style:var(--borders-style-2);--inputDate-disabled-bottom-border-color:var(--colors-neutral-line-8);--inputDate-disabled-bottom-border-width:var(--borders-width-2);--inputDate-disabled-bottom-border-style:var(--borders-style-2);--inputDate-disabled-left-border-color:var(--colors-neutral-line-8);--inputDate-disabled-left-border-width:var(--borders-width-2);--inputDate-disabled-left-border-style:var(--borders-style-2);--inputDate-disabled-color:var(--colors-neutral-text-2);--inputDate-disabled-bg-color:var(--colors-neutral-fill-10);--inputDate-disabled-option-color:var(--colors-neutral-text-6);--inputDate-disabled-option-bg-color:var(--colors-neutral-fill-11);--inputDate-other-color:var(--colors-neutral-text-2);--inputDate-other-bg-color:var(--colors-neutral-fill-11);--inputDate-other-top-right-border-radius:var(--borders-radius-2);--inputDate-other-top-left-border-radius:var(--borders-radius-2);--inputDate-other-bottom-right-border-radius:var(--borders-radius-2);--inputDate-other-bottom-left-border-radius:var(--borders-radius-2);--inputDate-other-hover-color:var(--colors-neutral-text-2);--inputDate-other-hover-bg-color:var(--colors-neutral-fill-10);--inputDate-other-active-color:var(--colors-neutral-text-11);--inputDate-other-active-bg-color:var(--colors-brand-5);--inputDate-other-disabled-color:var(--colors-neutral-text-6);--inputDate-other-disabled-bg-color:var(--colors-neutral-fill-10);--inputDate-range-line-height:var(--borders-width-3);--inputDate-range-line-color:var(--colors-brand-4);--inputDate-range-separator-width:var(--sizes-size-5);--inputDate-range-separa
--Timeline-visible-top-left-border-radius
) var(--Timeline-visible-top-right-border-radius) var(--Timeline-visible-bottom-right-border-radius) var(--Timeline-visible-bottom-left-border-radius);--Timeline-horizontal-content-margin-top:var(--Timeline-horizontal-top-size);--TimelineItem--icon-radius:50%;--TimelineItem--round-radius:50%;--TimelineItem--content-radius:px2rem(2px);--TimelineItem-detail-visible-shadow:var(--Timeline-shadow);--TimelineItem--font-size:var(--fontSizeSm);--TimelineItem--text-primary-color:var(--Timeline-title-color);--TimelineItem--text-secondary-color:var(--Timeline-time-color);--TimelineItem--detail-button-color:var(--Timeline-detail-label-color);--TimelineItem--line-bg:var(--Timeline-line-bg);--TimelineItem--content-bg:#f2f2f4;--TimelineItem-custem-button-margin-left:var(--fontSizeSm);--TimelineItem-custem-time-padding-right:var(--fontSizeSm);--TimelineItem-round-bg:var(--Timeline-round-bg);--Timeline--success-bg:var(--Timeline-type-success-color);--Timeline--info-bg:var(--Timeline-type-info-color);--Timeline--warning-bg:var(--Timeline-type-warning-color);--Timeline--danger-bg:var(--Timeline-type-danger-color);--inputTag-option-height:var(--sizes-base-16);--inputTag-option-color:var(--colors-neutral-text-2);--inputTag-option-fontSize:var(--fonts-size-7);--inputTag-option-fontWeight:var(--fonts-weight-6);--inputTag-option-lineHeight:var(--fonts-lineHeight-2);--inputTag-option-paddingTop:var(--sizes-size-3);--inputTag-option-paddingBottom:var(--sizes-size-3);--inputTag-option-paddingLeft:var(--sizes-size-6);--inputTag-option-paddingRight:var(--sizes-size-6);--inputTag-option-bg-color:var(--colors-neutral-fill-11);--inputTag-option-hover-color:var(--colors-brand-5);--inputTag-option-hover-bg-color:var(--colors-brand-10);--fieldSet-legend-height:var(--sizes-size-9);--fieldSet-legend-color:var(--colors-neutral-text-2);--fieldSet-legend-fontSize:var(--fonts-size-7);--fieldSet-legend-fontWeight:var(--fonts-weight-6);--fieldSet-legend-paddingTop:var(--sizes-size-0);--fieldSet-legend-paddingBottom:var(--sizes-size-0);--fieldSet-legend-paddingLeft:var(--sizes-size-8);--fieldSet-legend-paddingRight:var(--sizes-size-0);--fieldSet-legend-marginTop:var(--sizes-size-7);--fieldSet-legend-marginBottom:var(--sizes-size-7);--fieldSet-legend-marginLeft:var(--sizes-size-0);--fieldSet-legend-marginRight:var(--sizes-size-0);--fieldSet-legend-border-color:var(--colors-brand-5);--fieldSet-legend-border-width:var(--sizes-size-3);--fieldSet-size-xs-paddingTop:var(--sizes-base-10);--fieldSet-size-xs-paddingRight:var(--sizes-size-3);--fieldSet-size-xs-paddingBottom:var(--sizes-size-3);--fieldSet-size-xs-paddingLeft:var(--sizes-size-3);--fieldSet-size-xs-fontSize:var(--fonts-size-8);--fieldSet-size-sm-paddingTop:var(--sizes-base-12);--fieldSet-size-sm-paddingRight:var(--sizes-size-6);--fieldSet-size-sm-paddingBottom:var(--sizes-size-6);--fieldSet-size-sm-paddingLeft:var(--sizes-size-6);--fieldSet-size-sm-fontSize:var(--fonts-size-8);--fieldSet-size-base-paddingTop:var(--sizes-base-15);--fieldSet-size-base-paddingRight:var(--sizes-size-9);--fieldSet-size-base-paddingBottom:var(--sizes-size-9);--fieldSet-size-base-paddingLeft:var(--sizes-size-9);--fieldSet-size-base-fontSize:var(--fonts-size-7);--fieldSet-size-md-paddingTop:var(--sizes-base-15);--fieldSet-size-md-paddingRight:var(--sizes-base-10);--fieldSet-size-md-paddingBottom:var(--sizes-base-10);--fieldSet-size-md-paddingLeft:var(--sizes-base-10);--fieldSet-size-md-fontSize:var(--fonts-size-7);--fieldSet-size-lg-paddingTop:var(--sizes-base-20);--fieldSet-size-lg-paddingRight:var(--sizes-base-15);--fieldSet-size-lg-paddingBottom:var(--sizes-base-15);--fieldSet-size-lg-paddingLeft:var(--sizes-base-15);--fieldSet-size-lg-fontSize:var(--fonts-size-6);--inputRichText-default-top-border-color:var(--colors-neutral-line-8);--inputRichText-default-top-border-width:var(--borders-width-2);--inputRichText-default-top-border-style:var(--borders-style-2);--inputRichText-default-right-border-color:var(--colors-neutral-line-8);--inputRichText-default-right-border-width:var(--borders-width-2);--inputRichText-default-right-bor
--combo-vertical-top-left-border-radius
) var(--combo-vertical-top-right-border-radius) var(--combo-vertical-bottom-right-border-radius) var(--combo-vertical-bottom-left-border-radius);--Combo--vertical-item-borderStyle:var(--combo-vertical-top-border-style) var(--combo-vertical-right-border-style) var(--combo-vertical-bottom-border-style) var(--combo-vertical-left-border-style);--Combo--vertical-item-borderWidth:var(--combo-vertical-top-border-width) var(--combo-vertical-right-border-width) var(--combo-vertical-bottom-border-width) var(--combo-vertical-left-border-width);--Combo--vertical-item-gap:var(--gap-xs);--Combo--vertical-item-onHover-borderColor:var(
--combo-vertical-hover-top-border-color
) var(--combo-vertical-hover-right-border-color) var(--combo-vertical-hover-bottom-border-color) var(--combo-vertical-hover-left-border-color);--Combo--vertical-item-paddingX:0.625rem;--Combo--vertical-item-paddingY:0.625rem;--Combo-addBtn-bg:var(--combo-multi-addBtn-bg-color);--Combo-addBtn-border:var(--colors-neutral-line-11);--Combo-addBtn-borderRadius:var(--borders-radius-3);--Combo-addBtn-color:var(--combo-multi-addBtn-color);--Combo-addBtn-fontSize:var(--combo-multi-addBtn-fontSize);--Combo-addBtn-fontWeight:var(--combo-multi-addBtn-fontWeight);--Combo-addBtn-height:var(--combo-multi-addBtn-height);--Combo-addBtn-lineHeight:var(--combo-multi-addBtn-lineHeight);--Combo-addBtn-onActive-bg:var(--combo-multi-addBtn-active-bg-color);--Combo-addBtn-onActive-border:var(--combo-multi-addBtn-active-bg-color);--Combo-addBtn-onActive-color:var(--combo-multi-addBtn-active-color);--Combo-addBtn-onHover-bg:var(--combo-multi-addBtn-hover-bg-color);--Combo-addBtn-onHover-border:var(--combo-multi-addBtn-hover-bg-color);--Combo-addBtn-onHover-color:var(--combo-multi-addBtn-hover-color);--Combo-addBtn-paddingX:var(--sizes-size-5);--Combo-addBtn-paddingY:calc(var(--Combo-addBtn-height)/2 - var(--borders-width-2)*2/2 - var(--Combo-addBtn-lineHeight)*var(--Combo-addBtn-fontSize)/2);--Combo-items-marginBottom:var(--gap-sm);--Combo-toolbarBtn-color:var(--icon-color);--Combo-toolbarBtn-height:var(--gap-md);--Combo-toolbarBtn-lineHeight:1;--Combo-toolbarBtn-onHover-color:var(--colors-neutral-text-4);--Combo-toolbarBtn-paddingX:var(--gap-xs);--Combo-toolbarBtn-paddingY:0.125rem;--Wizard-badge-size:var(--sizes-base-13);--Wizard-badge-fontSize:var(--fonts-size-7);--Wizard-badge-color:var(--colors-neutral-text-6);--Wizard-badge-border-width:var(--borders-width-2);--Wizard-badge-border-color:var(--colors-neutral-line-6);--Wizard-badge-bg-color:var(--colors-neutral-fill-11);--Wizard-badge-onActive-color:var(--colors-neutral-text-11);--Wizard-badge-onActive-bg-color:var(--colors-neutral-fill-3);--Wizard-badge-text-margin:var(--sizes-size-4);--Wizard-step-fontSize:var(--fonts-size-7);--Wizard-step-color:var(--colors-neutral-text-6);--Wizard-step-paddingTop:var(--sizes-size-6);--Wizard-step-paddingRight:var(--sizes-size-0);--Wizard-step-paddingBottom:var(--sizes-size-6);--Wizard-step-paddingLeft:var(--sizes-size-0);--Wizard-step-bg-color:var(--colors-neutral-fill-11);--Wizard-step-li-onActive-color:var(--colors-neutral-text-3);--Wizard-step-li-onActive-bg-color:var(--colors-neutral-fill-11);--Wizard-after-color:var(--colors-neutral-text-11);--Wizard-after-onActive-color:var(--colors-neutral-fill-11);--Wizard-stepContent-paddingTop:var(--sizes-size-7);--Wizard-stepContent-paddingRight:var(--sizes-size-7);--Wizard-stepContent-paddingBottom:var(--sizes-size-7);--Wizard-stepContent-paddingLeft:var(--sizes-size-7);--Wizard-badge-bg:var(--Wizard-badge-bg-color);--Wizard-badge-border:var(--Wizard-badge-border-width) var(--borders-style-2) var(--Wizard-badge-border-color);--Wizard-badge-borderRadius:var(--borders-radius-7);--Wizard-badge-marginRight:var(--Wizard-badge-text-margin);--Wizard-badge-onActive-backgroundColor:var(
--Wizard-badge-onActive-bg-color
);--Wizard-badge-onComplete-backgroundColor:var(
--Wizard-badge-onActive-bg-color
);--Wizard-badge-onComplete-color:var(--Wizard-badge-onActive-color);--Wizard-steps-bg--isComplete:var(--colors-neutral-fill-11);--Wizard-steps-bg:var(--Wizard-step-bg-color);--Wizard-steps-borderWidth:var(--borders-width-1);--Wizard-steps-height:var(--sizes-base-30);--Wizard-steps-li-onActive-arrow-bg:var(--Wizard-after-onActive-color);--Wizard-steps-li-onActive-bg:var(--Wizard-step-li-onActive-bg-color);--Wizard-steps-li-onActive-color:var(--Wizard-step-li-onActive-color);--Wizard-steps-liAfterContent:"";--Wizard-steps-liVender:"iconfont";--Wizard-steps-padding:var(--Wizard-step-paddingTop) var(--Wizard-step-paddingRight) var(--Wizard-step-paddingBottom) var(--Wizard-step-paddingLeft);--Wizard-steps-textAlign:center;--Wizard-steps-ulDisplay:inline-block;--Wizard-stepsContent-padding:var(--Wizard-stepContent-paddingTop) var(--Wizard-stepContent-paddingRight) var(--Wizard-stepContent-paddingBottom) var(--Wizard-stepContent-paddingLeft);--colors-neutral-fill-none:translate;--colors-error-1:#590410;--colors-error-2:#800d18;--colors-error-3:#a61922;--colors-error-4:#cc292e;--colors-error-5:#f23d3d;--colors-error-6:#ff6966;--colors-error-7:#ff908c;--colors-error-8:#ffb6b3;--colors-error-9:#ffdbd9;--colors-error-10:#ffe8e6;--colors-warning-1:#662500;--colors-warning-2:#8c3800;--colors-warning-3:#b35209;--colors-warning-4:#d97116;--colors-warning-5:#ff9326;--colors-warning-6:#ffab52;--colors-warning-7:#ffc27d;--colors-warning-8:#ffd8a8;--colors-warning-9:#ffecd4;--colors-warning-10:#fff4e6;--colors-success-1:#012600;--colors-success-2:#054d00;--colors-success-3:#0b7300;--colors-success-4:#1b9908;--colors-success-5:#30bf13;--colors-success-6:#54cc39;--colors-success-7:#7bd964;--colors-success-8:#a5e693;--colors-success-9:#d1f2c7;--colors-success-10:#ecffe6;--colors-link-1:#001259;--colors-link-2:#001e80;--colors-link-3:#0832a6;--colors-link-4:#144bcc;--colors-link-5:#2468f2;--colors-link-6:#528eff;--colors-link-7:#7dadff;--colors-link-8:#a8caff;--colors-link-9:#d4e5ff;--colors-link-10:#e6f0ff;--colors-info-1:#001259;--colors-info-2:#001e80;--colors-info-3:#0832a6;--colors-info-4:#144bcc;--colors-info-5:#2468f2;--colors-info-6:#528eff;--colors-info-7:#7dadff;--colors-info-8:#a8caff;--colors-info-9:#d4e5ff;--colors-info-10:#e6f0ff;--colors-other-1:#001259;--colors-other-2:#001e80;--colors-other-3:#0832a6;--colors-other-4:#144bcc;--colors-other-5:#2468f2;--colors-other-6:#528eff;--colors-other-7:#7dadff;--colors-other-8:#a8caff;--colors-other-9:#d4e5ff;--colors-other-10:#e6f0ff;--colors-brand-1:#001259;--colors-brand-2:#001e80;--colors-brand-3:#0832a6;--colors-brand-4:#144bcc;--colors-brand-5:#2468f2;--colors-brand-6:#528eff;--colors-brand-7:#7dadff;--colors-brand-8:#a8caff;--colors-brand-9:#d4e5ff;--colors-brand-10:#e6f0ff;--colors-neutral-text-1:#070c14;--colors-neutral-text-2:#151b26;--colors-neutral-text-3:#303540;--colors-neutral-text-4:#5c5f66;--colors-neutral-text-5:#84878c;--colors-neutral-text-6:#b8babf;--colors-neutral-text-7:#d4d6d9;--colors-neutral-text-8:#e8e9eb;--colors-neutral-text-9:#f2f3f5;--colors-neutral-text-10:#f7f8fa;--colors-neutral-text-11:#fff;--colors-neutral-fill-none:transparent;--colors-neutral-fill-1:#070c14;--colors-neutral-fill-2:#151b26;--colors-neutral-fill-3:#303540;--colors-neutral-fill-4:#5c5f66;--colors-neutral-fill-5:#84878c;--colors-neutral-fill-6:#b8babf;--colors-neutral-fill-7:#d4d6d9;--colors-neutral-fill-8:#e8e9eb;--colors-neutral-fill-9:#f2f3f5;--colors-neutral-fill-10:#f7f8fa;--colors-neutral-fill-11:#fff;--colors-neutral-fill-12:#eef3fe;--colors-neutral-line-1:#070c14;--colors-neutral-line-2:#151b26;--colors-neutral-line-3:#303540;--colors-neutral-line-4:#5c5f66;--colors-neutral-line-5:#84878c;--colors-neutral-line-6:#b8babf;--colors-neutral-line-7:#d4d6d9;--colors-neutral-line-8:#e8e9eb;--colors-neutral-line-9:#f2f3f5;--colors-neutral-line-10:#f7f8fa;--colors-neutral-line-11:#fff;--fonts-base-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,Arial,microsoft yahei ui,Microsoft YaHei,SimSun,sans-ser
/*!
* froala_editor v3.1.0 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/
/*!
* froala_editor v3.1.0 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2020 Froala Labs
*/.fr-element,.fr-element:focus{outline:0 solid transparent}.fr-box.fr-basic{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.fr-box.fr-basic .fr-element{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#414141;font-family:sans-serif;font-size:14px;line-height:1.6;min-height:60px;overflow-x:auto;padding:20px;text-align:left}.fr-box.fr-basic.fr-rtl .fr-element{text-align:right}.fr-element{background:transparent;position:relative;-webkit-user-select:auto;z-index:2}.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.fr-element.fr-disabled{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element [contenteditable=true]{outline:0 solid transparent}.fr-box a.fr-floating-btn{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#fff;border:none;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#333;display:block;height:40px;left:0;line-height:40px;outline:none;text-align:center;top:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;width:40px}.fr-box a.fr-floating-btn svg{fill:#333;-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{font-size:14px;line-height:40px}.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}.fr-box a.fr-floating-btn:hover svg{fill:#333}.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}iframe.fr-iframe{border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;width:100%;z-index:2}.fr-wrapper{position:relative;z-index:1}.fr-wrapper:after{clear:both;content:"";display:block;height:0}.fr-wrapper .fr-placeholder{color:#aaa;display:none;font-family:sans-serif;font-size:14px;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.fr-wrapper.show-placeholder .fr-placeholder{display:block;text-overflow:ellipsis;white-space:nowrap}.fr-wrapper ::-moz-selection{background:#b5d6fd;color:#000}.fr-wrapper ::selection{background:#b5d6fd;color:#000}.fr-box.fr-basic .fr-wrapper{background:#fff;border:1px solid;border-color:#ccc #ccc #efefef;left:0;top:0}.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0}.fr-box.fr-basic.fr-bottom .fr-wrapper{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0}@media (min-width:992px){.fr-box.fr-document{min-width:21cm}.fr-box.fr-document .fr-wrapper{background:#efefef;min-width:21cm;padding:30px;text-align:left}.fr-box.fr-document .fr-wrapper .fr-element{background:#fff;margin:auto;min-height:26cm!important;overflow:visible;padding:1cm 2cm;text-align:left;width:21cm;z-index:auto}.fr-box.fr-document .fr-wrapper .fr-element hr{background:#efefef;border:none;height:1cm;margin-left:-2cm;margin-right:-2cm;outline:none}.fr-box.fr-docum
/*!
* Cropper.js v1.5.13
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2022-11-20T05:30:43.444Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/*!
* https://github.com/arqex/react-datetime
*/.rdt{position:relative}.rdtPicker{background:#fff;border:1px solid #f9f9f9;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:none;margin-top:1px;padding:4px;position:absolute;width:240px;z-index:99999!important}.rdtPickerNotDays{width:192px}.rdtOpen .rdtPicker{display:block}.rdtStatic .rdtPicker{-webkit-box-shadow:none;box-shadow:none;position:static}.rdtPicker .rdtTimeToggle{text-align:center}.rdtPicker table{border-collapse:inherit;border-spacing:0 8px;margin:0;padding:0 12px;width:100%}.rdtMonths table,.rdtYears table{border-spacing:0 12px}.rdtMonths .headerTable,.rdtYears .headerTable{border-bottom:1px solid #e8e9eb;border-spacing:0}.rdtPicker td,.rdtPicker th{height:24px;line-height:24px;text-align:center;width:24px}.rdtPicker td{cursor:pointer}.rdtPicker td>span{border-radius:var(--inputDate-default-option-top-left-border-radius) var(--inputDate-default-option-top-right-border-radius) var(--inputDate-default-option-bottom-right-border-radius) var(--inputDate-default-option-bottom-left-border-radius);display:inline-block;height:24px;width:24px}.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover{background:#eee;cursor:pointer}.rdtPicker td.rdtNew,.rdtPicker td.rdtOld{color:var(--inputDate-disabled-option-color)}.rdtPicker td.rdtNew span,.rdtPicker td.rdtOld span{background:var(--inputDate-disabled-option-bg-color)}.rdtPicker td.rdtToday{position:relative}.rdtPicker td.rdtToday>span{border:1px solid #2468f2}.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover{background:none;color:#b8babf;cursor:not-allowed}.rdtPicker td span.rdtOld{color:#b8babf}.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover{background:none;color:#b8babf;cursor:not-allowed}.rdtPicker td span.rdtDisabled:hover>span,.rdtPicker td span.rdtDisabled>span{border-color:#e8e9eb}.rdtPicker th{border-bottom:1px solid #f9f9f9}.rdtPicker .dow{border-bottom:none;cursor:default;width:14.2857%}.rdtPicker th.rdtSwitch{height:40px;line-height:40px;width:100px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;height:40px;line-height:40px;vertical-align:top}.rdtNext span,.rdtPrev span{-webkit-touch-callout:none;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{background:none;color:#b8babf;cursor:not-allowed}.rdtPicker thead tr:first-of-type th{cursor:pointer}.rdtPicker thead tr:first-of-type th:hover{background:#eee}.rdtPicker tfoot{border-top:1px solid #f9f9f9}.rdtPicker button{background:none;border:none;cursor:pointer}.rdtPicker button:hover{background-color:#eee}.rdtPicker thead button{height:100%;width:100%}td.rdtMonth,td.rdtQuarter,td.rdtYear{cursor:pointer;height:24px;line-height:24px;text-align:center;width:48px}td.rdtMonth>span,td.rdtQuarter>span,td.rdtYear>span{width:48px}td.rdtMonth:hover,td.rdtQuarter:hover,td.rdtYear:hover{background:#eee}.rdtCounters{display:inline-block}.rdtCounters>div{float:left}.rdtCounter{height:100px;width:40px}.rdtCounterSeparator{line-height:100px}.rdtCounter .rdtBtn{-webkit-touch-callout:none;cursor:pointer;display:block;height:40%;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rdtCounter .rdtBtn:hover{background:#eee}.rdtCounter .rdtCount{font-size:1.2em;height:20%}.rdtMilli{padding-left:8px;vertical-align:middle;width:48px}.rdtMilli input{font-size:1.2em;margin-top:37px;width:100%}.rdtTime td{cursor:default}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}figure{margin:0}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}input.disabled,input.is-disabled,input:disabled,input[disabled]{-webkit-text-fill-color:var(--text--muted-color)}svg.icon{fill:currentColor;height:1em;position:relative;top:.125em;width:1em}svg.icon-object{top:0}svg.r90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}svg.icon-success{color:#28a745}svg.icon-fail{color:#dc3545}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--body-bg);color:var(--body-color);font-family:var(--fontFamilyBase);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-lineHeight)}a{background-color:var(--link-bg-color);color:var(--link-color);font-size:var(--link-fontSize);font-style:var(--link-font-style);font-weight:var(--link-fontWeight);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover{background-color:var(--link-onHover-bg-color);color:var(--link-onHover-color);font-size:var(--link-onHover-fontSize);font-style:var(--link-onHover-font-style);font-weight:var(--link-onHover-fontWeight);-webkit-text-decoration:var(--link-onHover-decoration);text-decoration:var(--link-onHover-decoration)}a:active{background-color:var(--link-onClick-bg-color);color:var(--link-onClick-color);font-size:var(--link-onClick-fontSize);font-style:var(--link-onClick-font-style);font-weight:var(--link-onClick-fontWeight);-webkit-text-decoration:var(--link-onClick-text-decoration);text-decoration:var(--link-onClick-text-decoration)}h1,h2,h3,h4,h5,h6,label{font-weight:var(--fontWeightNormal)}h1,h2,h3,h4,h5,h6{color:var(--text--loud-color);line-height:1.1}.is-matched{color:var(--danger)}code,kbd,pre,samp{font-family:var(--fontFamilyMonospace)}.amis-routes-wrapper{height:100%;width:100%}.has-popover{position:relative}.is-keyword{color:var(--primary-onActive)}body,html{height:100%;width:100%}body{overflow-x:hidden}.cxd-Layout{min-height:100%;position:relative;width:100%}.cxd-Layout:before{background:var(--body-bg);border:inherit;bottom:0;content:"";display:block;position:absolute;top:0;width:inherit;z-index:-1}.cxd-Layout--boxed{margin-l
/*!markdown
---
title: 背景色
---
| Class | Properties | Demo |
| ----------- | ------------------------ | -------- |
| bg-none | background: none !important | <span style="background: none !important;" class="w-24 h-6"></div> |
| bg-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-black | background: #000 | <div style="background: #000;" class="w-24 h-6"></div> |
| bg-white | background: #fff | <div style="background: #fff;" class="w-24 h-6"></div> |
| bg-primary | background: #007bff | <div style="background: #007bff;" class="w-24 h-6"></div> |
| bg-secondary | background: #6c757d | <div style="background: #6c757d;" class="w-24 h-6"></div> |
| bg-success | background: #28a745 | <div style="background: #28a745;" class="w-24 h-6"></div> |
| bg-info | background: #007bff | <div style="background: #007bff" class="w-24 h-6"></div> |
| bg-warning | background: #28a745 | <div style="background: #28a745;" class="w-24 h-6"></div> |
| bg-danger | background: #dc3545 | <div style="background: #dc3545;" class="w-24 h-6"></div> |
| bg-light | background: #f8f9fa | <div style="background: #f8f9fa;" class="w-24 h-6"></div> |
| bg-dark | background: #343a40 | <div style="background: #343a40;" class="w-24 h-6"></div> |
| bg-gray-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-gray-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-gray-50 | background: #f9fafb | <div style="background: #f9fafb;" class="w-24 h-6"></div> |
| bg-gray-100 | background: #f3f4f6 | <div style="background: #f3f4f6;" class="w-24 h-6"></div> |
| bg-gray-200 | background: #e5e7eb | <div style="background: #e5e7eb;" class="w-24 h-6"></div> |
| bg-gray-300 | background: #d1d5db | <div style="background: #d1d5db;" class="w-24 h-6"></div> |
| bg-gray-400 | background: #9ca3af | <div style="background: #9ca3af;" class="w-24 h-6"></div> |
| bg-gray-500 | background: #6b7280 | <div style="background: #6b7280;" class="w-24 h-6"></div> |
| bg-gray-600 | background: #4b5563 | <div style="background: #4b5563;" class="w-24 h-6"></div> |
| bg-gray-700 | background: #374151 | <div style="background: #374151;" class="w-24 h-6"></div> |
| bg-gray-800 | background: #1f2937 | <div style="background: #1f2937;" class="w-24 h-6"></div> |
| bg-gray-900 | background: #111827 | <div style="background: #111827;" class="w-24 h-6"></div> |
| bg-red-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-red-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-red-50 | background: #fef2f2 | <div style="background: #fef2f2;" class="w-24 h-6"></div> |
| bg-red-100 | background: #fee2e2 | <div style="background: #fee2e2;" class="w-24 h-6"></div> |
| bg-red-200 | background: #fecaca | <div style="background: #fecaca;" class="w-24 h-6"></div> |
| bg-red-300 | background: #fca5a5 | <div style="background: #fca5a5;" class="w-24 h-6"></div> |
| bg-red-400 | background: #f87171 | <div style="background: #f87171;" class="w-24 h-6"></div> |
| bg-red-500 | background: #ef4444 | <div style="background: #ef4444;" class="w-24 h-6"></div> |
| bg-red-600 | background: #dc2626 | <div style="background: #dc2626;" class="w-24 h-6"></div> |
| bg-red-700 | background: #b91c1c | <div style="background: #b91c1c;" class="w-24 h-6"></div> |
| bg-red-800 | background: #991b1b | <div style="background: #991b1b;" class="w-24 h-6"></div> |
| bg-red-900 | background: #7f1d1d | <div style="background: #7f1d1d;" class="w-24 h-6"></div> |
| bg-yellow-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-yellow-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-yellow-50 | background: #fffbeb | <div style="background: #fffbeb;" class="w-24 h-6"></div> |
| bg-yellow-100 | background: #fef3c7 | <div style="background: #fef3c7;" class="w-24 h-6"></div> |
| bg-yellow-200 | background: #fde68a | <div style="background: #fde68a;" class="w-24 h-6"></div> |
| bg-yellow-300 | background: #fcd34d | <div style="background: #fcd34d;" class="w-24 h-6"></div> |
| bg-yellow-400 | background: #fbbf24 | <div style="background: #fbbf24;" class="w-24 h-6"></div> |
| bg-yellow-500 | background: #f59e0b | <div style="background: #f59e0b;" class="w-24 h-6"></div> |
| bg-yellow-600 | background: #d97706 | <div style="background: #d97706;" class="w-24 h-6"></div> |
| bg-yellow-700 | background: #b45309 | <div style="background: #b45309;" class="w-24 h-6"></div> |
| bg-yellow-800 | background: #92400e | <div style="background: #92400e;" class="w-24 h-6"></div> |
| bg-yellow-900 | background: #78350f | <div style="background: #78350f;" class="w-24 h-6"></div> |
| bg-green-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-green-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-green-50 | background: #ecfdf5 | <div style="background: #ecfdf5;" class="w-24 h-6"></div> |
| bg-green-100 | background: #d1fae5 | <div style="background: #d1fae5;" class="w-24 h-6"></div> |
| bg-green-200 | background: #a7f3d0 | <div style="background: #a7f3d0;" class="w-24 h-6"></div> |
| bg-green-300 | background: #6ee7b7 | <div style="background: #6ee7b7;" class="w-24 h-6"></div> |
| bg-green-400 | background: #34d399 | <div style="background: #34d399;" class="w-24 h-6"></div> |
| bg-green-500 | background: #10b981 | <div style="background: #10b981;" class="w-24 h-6"></div> |
| bg-green-600 | background: #059669 | <div style="background: #059669;" class="w-24 h-6"></div> |
| bg-green-700 | background: #047857 | <div style="background: #047857;" class="w-24 h-6"></div> |
| bg-green-800 | background: #065f46 | <div style="background: #065f46;" class="w-24 h-6"></div> |
| bg-green-900 | background: #064e3b | <div style="background: #064e3b;" class="w-24 h-6"></div> |
| bg-blue-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-blue-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-blue-50 | background: #eff6ff | <div style="background: #eff6ff;" class="w-24 h-6"></div> |
| bg-blue-100 | background: #dbeafe | <div style="background: #dbeafe;" class="w-24 h-6"></div> |
| bg-blue-200 | background: #bfdbfe | <div style="background: #bfdbfe;" class="w-24 h-6"></div> |
| bg-blue-300 | background: #93c5fd | <div style="background: #93c5fd;" class="w-24 h-6"></div> |
| bg-blue-400 | background: #60a5fa | <div style="background: #60a5fa;" class="w-24 h-6"></div> |
| bg-blue-500 | background: #3b82f6 | <div style="background: #3b82f6;" class="w-24 h-6"></div> |
| bg-blue-600 | background: #2563eb | <div style="background: #2563eb;" class="w-24 h-6"></div> |
| bg-blue-700 | background: #1d4ed8 | <div style="background: #1d4ed8;" class="w-24 h-6"></div> |
| bg-blue-800 | background: #1e40af | <div style="background: #1e40af;" class="w-24 h-6"></div> |
| bg-blue-900 | background: #1e3a8a | <div style="background: #1e3a8a;" class="w-24 h-6"></div> |
| bg-cyan-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-cyan-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-cyan-50 | background: #ecfeff | <div style="background: #ecfeff;" class="w-24 h-6"></div> |
| bg-cyan-100 | background: #cffafe | <div style="background: #cffafe;" class="w-24 h-6"></div> |
| bg-cyan-200 | background: #a5f3fc | <div style="background: #a5f3fc;" class="w-24 h-6"></div> |
| bg-cyan-300 | background: #67e8f9 | <div style="background: #67e8f9;" class="w-24 h-6"></div> |
| bg-cyan-400 | background: #22d3ee | <div style="background: #22d3ee;" class="w-24 h-6"></div> |
| bg-cyan-500 | background: #06b6d4 | <div style="background: #06b6d4;" class="w-24 h-6"></div> |
| bg-cyan-600 | background: #0891b2 | <div style="background: #0891b2;" class="w-24 h-6"></div> |
| bg-cyan-700 | background: #0e7490 | <div style="background: #0e7490;" class="w-24 h-6"></div> |
| bg-cyan-800 | background: #155e75 | <div style="background: #155e75;" class="w-24 h-6"></div> |
| bg-cyan-900 | background: #164e63 | <div style="background: #164e63;" class="w-24 h-6"></div> |
| bg-indigo-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-indigo-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-indigo-50 | background: #eef2ff | <div style="background: #eef2ff;" class="w-24 h-6"></div> |
| bg-indigo-100 | background: #e0e7ff | <div style="background: #e0e7ff;" class="w-24 h-6"></div> |
| bg-indigo-200 | background: #c7d2fe | <div style="background: #c7d2fe;" class="w-24 h-6"></div> |
| bg-indigo-300 | background: #a5b4fc | <div style="background: #a5b4fc;" class="w-24 h-6"></div> |
| bg-indigo-400 | background: #818cf8 | <div style="background: #818cf8;" class="w-24 h-6"></div> |
| bg-indigo-500 | background: #6366f1 | <div style="background: #6366f1;" class="w-24 h-6"></div> |
| bg-indigo-600 | background: #4f46e5 | <div style="background: #4f46e5;" class="w-24 h-6"></div> |
| bg-indigo-700 | background: #4338ca | <div style="background: #4338ca;" class="w-24 h-6"></div> |
| bg-indigo-800 | background: #3730a3 | <div style="background: #3730a3;" class="w-24 h-6"></div> |
| bg-indigo-900 | background: #312e81 | <div style="background: #312e81;" class="w-24 h-6"></div> |
| bg-purple-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-purple-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-purple-50 | background: #f5f3ff | <div style="background: #f5f3ff;" class="w-24 h-6"></div> |
| bg-purple-100 | background: #ede9fe | <div style="background: #ede9fe;" class="w-24 h-6"></div> |
| bg-purple-200 | background: #ddd6fe | <div style="background: #ddd6fe;" class="w-24 h-6"></div> |
| bg-purple-300 | background: #c4b5fd | <div style="background: #c4b5fd;" class="w-24 h-6"></div> |
| bg-purple-400 | background: #a78bfa | <div style="background: #a78bfa;" class="w-24 h-6"></div> |
| bg-purple-500 | background: #8b5cf6 | <div style="background: #8b5cf6;" class="w-24 h-6"></div> |
| bg-purple-600 | background: #7c3aed | <div style="background: #7c3aed;" class="w-24 h-6"></div> |
| bg-purple-700 | background: #6d28d9 | <div style="background: #6d28d9;" class="w-24 h-6"></div> |
| bg-purple-800 | background: #5b21b6 | <div style="background: #5b21b6;" class="w-24 h-6"></div> |
| bg-purple-900 | background: #4c1d95 | <div style="background: #4c1d95;" class="w-24 h-6"></div> |
| bg-pink-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
| bg-pink-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
| bg-pink-50 | background: #fdf2f8 | <div style="background: #fdf2f8;" class="w-24 h-6"></div> |
| bg-pink-100 | background: #fce7f3 | <div style="background: #fce7f3;" class="w-24 h-6"></div> |
| bg-pink-200 | background: #fbcfe8 | <div style="background: #fbcfe8;" class="w-24 h-6"></div> |
| bg-pink-300 | background: #f9a8d4 | <div style="background: #f9a8d4;" class="w-24 h-6"></div> |
| bg-pink-400 | background: #f472b6 | <div style="background: #f472b6;" class="w-24 h-6"></div> |
| bg-pink-500 | background: #ec4899 | <div style="background: #ec4899;" class="w-24 h-6"></div> |
| bg-pink-600 | background: #db2777 | <div style="background: #db2777;" class="w-24 h-6"></div> |
| bg-pink-700 | background: #be185d | <div style="background: #be185d;" class="w-24 h-6"></div> |
| bg-pink-800 | background: #9d174d | <div style="background: #9d174d;" class="w-24 h-6"></div> |
| bg-pink-900 | background: #831843 | <div style="background: #831843;" class="w-24 h-6"></div> |
还有 hover、active、focus、disabled 扩展，比如 `hover:bg-black`
参考: [tailwindcss](https://tailwindcss.com/docs/background-color)
*/.bg-none{background:none!important}.bg-transparent{background:transparent}.bg-current{background:currentColor}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-primary{background-color:#007bff}.bg-secondary{background-color:#6c757d}.bg-success{background-color:#28a745}.bg-info{background-color:#007bff}.bg-warning{background-color:#fad733}.bg-danger{background-color:#dc3545}.bg-light{background-color:#f8f9fa}.bg-dark{background-color:#343a40}.bg-gray-transparent{background:transparent}.bg-gray-current{background:currentColor}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:#9ca3af}.bg-gray-500{background-color:#6b7280}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-red-transparent{background:transparent}.bg-red-current{background:currentColor}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-200{background-color:#fecaca}.bg-red-300{background-color:#fca5a5}.bg-red-400{background-color:#f87171}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.bg-red-700{background-color:#b91c1c}.bg-red-800{background-color:#991b1b}.bg-red-900{background-color:#7f1d1d}.bg-yellow-transparent{background:transparent}.bg-yellow-current{background:currentColor}.bg-yellow-50{background-color:#fffbeb}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-200{background-color:#fde68a}.bg-yellow-300{background-color:#fcd34d}.bg-yellow-400{background-color:#fbbf24}.bg-yellow-500{background-color:#f59e0b}.bg-yellow-600{background-color:#d97706}.bg-yellow-700{background-color:#b45309}.bg-yellow-800{background-color:#92400e}.bg-yellow-900{background-color:#78350f}.bg-green-transparent{background:transparent}.bg-green-current{background:currentColor}.bg-green-50{background-color:#ecfdf5}.bg-green-100{background-color:#d1fae5}.bg-green-200{background-color:#a7f3d0}.bg-green-300{background-color:#6ee7b7}.bg-green-400{background-color:#34d399}.bg-green-500{background-color:#10b981}.bg-green-600{background-color:#059669}.bg-green-700{background-color:#047857}.bg-green-800{background-color:#065f46}.bg-green-900{background-color:#064e3b}.bg-blue-transparent{background:transparent}.bg-blue-current{background:currentColor}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-200{background-color:#bfdbfe}.bg-blue-300{background-color:#93c5fd}.bg-blue-400{background-color:#60a5fa}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-blue-800{background-color:#1e40af}.bg-blue-900{background-color:#1e3a8a}.bg-cyan-transparent{background:transparent}.bg-cyan-current{background:currentColor}.bg-cyan-50{background-color:#ecfeff}.bg-cyan-100{background-color:#cffafe}.bg-cyan-200{background-color:#a5f3fc}.bg-cyan-300{background-color:#67e8f9}.bg-cyan-400{background-color:#22d3ee}.bg-cyan-500{background-color:#06b6d4}.bg-cyan-600{background-color:#0891b2}.bg-cyan-700{background-color:#0e7490}.bg-cyan-800{background-color:#155e75}.bg-cyan-900{background-color:#164e63}.bg-indigo-transparent{background:transparent}.bg-indigo-current{background:currentColor}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-200{background-color:#c7d2fe}.bg-indigo-300{background-color:#a5b4fc}.bg-indigo-400{background-color:#818cf8}.bg-indigo-500{background-color:#6366f1}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.bg-indigo-800{background-color:#3730a3}.bg-indigo-900{background-color:#312e81}.bg-purple-transparent{background:transparent}.bg-purple-current{background:currentColor}.bg-purple-50{background-color:#f5f3ff}.bg-purple-100{background-color:#ede9fe}.bg-purple-200{background-color:#ddd6fe}.bg-purple-300{background-color:#c4b5fd}.bg-purple-400{background-color:#a78bfa}.bg-purple-500{background-color:#8b5cf6}.bg-pu
/*!markdown
---
title: 边框颜色
---
| Class | Properties |
| ----------- | ------------------------ |
| border-black | border-color: #000 |
| border-white | border-color: #fff |
| border-primary | border-color: #007bff |
| border-secondary | border-color: #6c757d |
| border-success | border-color: #28a745 |
| border-info | border-color: #007bff |
| border-warning | border-color: #28a745 |
| border-danger | border-color: #dc3545 |
| border-light | border-color: #f8f9fa |
| border-dark | border-color: #343a40 |
| border-gray-50 | border-color: #f9fafb |
| border-gray-100 | border-color: #f3f4f6 |
| border-gray-200 | border-color: #e5e7eb |
| border-gray-300 | border-color: #d1d5db |
| border-gray-400 | border-color: #9ca3af |
| border-gray-500 | border-color: #6b7280 |
| border-gray-600 | border-color: #4b5563 |
| border-gray-700 | border-color: #374151 |
| border-gray-800 | border-color: #1f2937 |
| border-gray-900 | border-color: #111827 |
| border-red-50 | border-color: #fef2f2 |
| border-red-100 | border-color: #fee2e2 |
| border-red-200 | border-color: #fecaca |
| border-red-300 | border-color: #fca5a5 |
| border-red-400 | border-color: #f87171 |
| border-red-500 | border-color: #ef4444 |
| border-red-600 | border-color: #dc2626 |
| border-red-700 | border-color: #b91c1c |
| border-red-800 | border-color: #991b1b |
| border-red-900 | border-color: #7f1d1d |
| border-yellow-50 | border-color: #fffbeb |
| border-yellow-100 | border-color: #fef3c7 |
| border-yellow-200 | border-color: #fde68a |
| border-yellow-300 | border-color: #fcd34d |
| border-yellow-400 | border-color: #fbbf24 |
| border-yellow-500 | border-color: #f59e0b |
| border-yellow-600 | border-color: #d97706 |
| border-yellow-700 | border-color: #b45309 |
| border-yellow-800 | border-color: #92400e |
| border-yellow-900 | border-color: #78350f |
| border-green-50 | border-color: #ecfdf5 |
| border-green-100 | border-color: #d1fae5 |
| border-green-200 | border-color: #a7f3d0 |
| border-green-300 | border-color: #6ee7b7 |
| border-green-400 | border-color: #34d399 |
| border-green-500 | border-color: #10b981 |
| border-green-600 | border-color: #059669 |
| border-green-700 | border-color: #047857 |
| border-green-800 | border-color: #065f46 |
| border-green-900 | border-color: #064e3b |
| border-blue-50 | border-color: #eff6ff |
| border-blue-100 | border-color: #dbeafe |
| border-blue-200 | border-color: #bfdbfe |
| border-blue-300 | border-color: #93c5fd |
| border-blue-400 | border-color: #60a5fa |
| border-blue-500 | border-color: #3b82f6 |
| border-blue-600 | border-color: #2563eb |
| border-blue-700 | border-color: #1d4ed8 |
| border-blue-800 | border-color: #1e40af |
| border-blue-900 | border-color: #1e3a8a |
| border-cyan-50 | border-color: #ecfeff |
| border-cyan-100 | border-color: #cffafe |
| border-cyan-200 | border-color: #a5f3fc |
| border-cyan-300 | border-color: #67e8f9 |
| border-cyan-400 | border-color: #22d3ee |
| border-cyan-500 | border-color: #06b6d4 |
| border-cyan-600 | border-color: #0891b2 |
| border-cyan-700 | border-color: #0e7490 |
| border-cyan-800 | border-color: #155e75 |
| border-cyan-900 | border-color: #164e63 |
| border-indigo-50 | border-color: #eef2ff |
| border-indigo-100 | border-color: #e0e7ff |
| border-indigo-200 | border-color: #c7d2fe |
| border-indigo-300 | border-color: #a5b4fc |
| border-indigo-400 | border-color: #818cf8 |
| border-indigo-500 | border-color: #6366f1 |
| border-indigo-600 | border-color: #4f46e5 |
| border-indigo-700 | border-color: #4338ca |
| border-indigo-800 | border-color: #3730a3 |
| border-indigo-900 | border-color: #312e81 |
| border-purple-50 | border-color: #f5f3ff |
| border-purple-100 | border-color: #ede9fe |
| border-purple-200 | border-color: #ddd6fe |
| border-purple-300 | border-color: #c4b5fd |
| border-purple-400 | border-color: #a78bfa |
| border-purple-500 | border-color: #8b5cf6 |
| border-purple-600 | border-color: #7c3aed |
| border-purple-700 | border-color: #6d28d9 |
| border-purple-800 | border-color: #5b21b6 |
| border-purple-900 | border-color: #4c1d95 |
| border-pink-50 | border-color: #fdf2f8 |
| border-pink-100 | border-color: #fce7f3 |
| border-pink-200 | border-color: #fbcfe8 |
| border-pink-300 | border-color: #f9a8d4 |
| border-pink-400 | border-color: #f472b6 |
| border-pink-500 | border-color: #ec4899 |
| border-pink-600 | border-color: #db2777 |
| border-pink-700 | border-color: #be185d |
| border-pink-800 | border-color: #9d174d |
| border-pink-900 | border-color: #831843 |
还有 hover、active、focus、disabled 扩展，比如 `hover:border-black`
*/.border-black{border-color:#000}.border-white{border-color:#fff}.border-primary{border-color:#007bff}.border-secondary{border-color:#6c757d}.border-success{border-color:#28a745}.border-info{border-color:#007bff}.border-warning{border-color:#fad733}.border-danger{border-color:#dc3545}.border-light{border-color:#f8f9fa}.border-dark{border-color:#343a40}.border-gray-50{border-color:#f9fafb}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-400{border-color:#9ca3af}.border-gray-500{border-color:#6b7280}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.border-gray-800{border-color:#1f2937}.border-gray-900{border-color:#111827}.border-red-50{border-color:#fef2f2}.border-red-100{border-color:#fee2e2}.border-red-200{border-color:#fecaca}.border-red-300{border-color:#fca5a5}.border-red-400{border-color:#f87171}.border-red-500{border-color:#ef4444}.border-red-600{border-color:#dc2626}.border-red-700{border-color:#b91c1c}.border-red-800{border-color:#991b1b}.border-red-900{border-color:#7f1d1d}.border-yellow-50{border-color:#fffbeb}.border-yellow-100{border-color:#fef3c7}.border-yellow-200{border-color:#fde68a}.border-yellow-300{border-color:#fcd34d}.border-yellow-400{border-color:#fbbf24}.border-yellow-500{border-color:#f59e0b}.border-yellow-600{border-color:#d97706}.border-yellow-700{border-color:#b45309}.border-yellow-800{border-color:#92400e}.border-yellow-900{border-color:#78350f}.border-green-50{border-color:#ecfdf5}.border-green-100{border-color:#d1fae5}.border-green-200{border-color:#a7f3d0}.border-green-300{border-color:#6ee7b7}.border-green-400{border-color:#34d399}.border-green-500{border-color:#10b981}.border-green-600{border-color:#059669}.border-green-700{border-color:#047857}.border-green-800{border-color:#065f46}.border-green-900{border-color:#064e3b}.border-blue-50{border-color:#eff6ff}.border-blue-100{border-color:#dbeafe}.border-blue-200{border-color:#bfdbfe}.border-blue-300{border-color:#93c5fd}.border-blue-400{border-color:#60a5fa}.border-blue-500{border-color:#3b82f6}.border-blue-600{border-color:#2563eb}.border-blue-700{border-color:#1d4ed8}.border-blue-800{border-color:#1e40af}.border-blue-900{border-color:#1e3a8a}.border-cyan-50{border-color:#ecfeff}.border-cyan-100{border-color:#cffafe}.border-cyan-200{border-color:#a5f3fc}.border-cyan-300{border-color:#67e8f9}.border-cyan-400{border-color:#22d3ee}.border-cyan-500{border-color:#06b6d4}.border-cyan-600{border-color:#0891b2}.border-cyan-700{border-color:#0e7490}.border-cyan-800{border-color:#155e75}.border-cyan-900{border-color:#164e63}.border-indigo-50{border-color:#eef2ff}.border-indigo-100{border-color:#e0e7ff}.border-indigo-200{border-color:#c7d2fe}.border-indigo-300{border-color:#a5b4fc}.border-indigo-400{border-color:#818cf8}.border-indigo-500{border-color:#6366f1}.border-indigo-600{border-color:#4f46e5}.border-indigo-700{border-color:#4338ca}.border-indigo-800{border-color:#3730a3}.border-indigo-900{border-color:#312e81}.border-purple-50{border-color:#f5f3ff}.border-purple-100{border-color:#ede9fe}.border-purple-200{border-color:#ddd6fe}.border-purple-300{border-color:#c4b5fd}.border-purple-400{border-color:#a78bfa}.border-purple-500{border-color:#8b5cf6}.border-purple-600{border-color:#7c3aed}.border-purple-700{border-color:#6d28d9}.border-purple-800{border-color:#5b21b6}.border-purple-900{border-color:#4c1d95}.border-pink-50{border-color:#fdf2f8}.border-pink-100{border-color:#fce7f3}.border-pink-200{border-color:#fbcfe8}.border-pink-300{border-color:#f9a8d4}.border-pink-400{border-color:#f472b6}.border-pink-500{border-color:#ec4899}.border-pink-600{border-color:#db2777}.border-pink-700{border-color:#be185d}.border-pink-800{border-color:#9d174d}.border-pink-900{border-color:#831843}.hover\:border-black:hover{border-color:#000}.hover\:border-white:hover{border-color:#fff}.hover\:border-primary:hover{border-color:#007bff}.hover\:border-secondary:hover{border-color:#6c757d}.hover\:border-success:hover{border-color:#28a745}.hover\:border-info:hover{b
/*!markdown
---
title: 边框圆角
---
| Class | Properties |
| ----------- | ------------------------ |
| rounded-none | border-radius: 0px |
| rounded-sm | border-radius: 0.125rem |
| rounded | border-radius: 0.25rem |
| rounded-md | border-radius: 0.375rem |
| rounded-lg | border-radius: 0.5rem |
| rounded-xl | border-radius: 0.75rem |
| rounded-2xl | border-radius: 1rem |
| rounded-3xl | border-radius: 1.5rem |
| rounded-full | border-radius: 9999px |
| rounded-t-none | border-top-left-radius: 0px; border-top-right-radius: 0px |
| rounded-t-sm | border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem |
| rounded-t | border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem |
| rounded-t-md | border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem |
| rounded-t-lg | border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem |
| rounded-t-xl | border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem |
| rounded-t-2xl | border-top-left-radius: 1rem; border-top-right-radius: 1rem |
| rounded-t-3xl | border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem |
| rounded-t-full | border-top-left-radius: 9999px; border-top-right-radius: 9999px |
| rounded-r-none | border-top-right-radius: 0px; border-bottom-right-radius: 0px |
| rounded-r-sm | border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem |
| rounded-r | border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem |
| rounded-r-md | border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem |
| rounded-r-lg | border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem |
| rounded-r-xl | border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem |
| rounded-r-2xl | border-top-right-radius: 1rem; border-bottom-right-radius: 1rem |
| rounded-r-3xl | border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem |
| rounded-r-full | border-top-right-radius: 9999px; border-bottom-right-radius: 9999px |
| rounded-b-none | border-bottom-right-radius: 0px; border-bottom-left-radius: 0px |
| rounded-b-sm | border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem |
| rounded-b | border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem |
| rounded-b-md | border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem |
| rounded-b-lg | border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem |
| rounded-b-xl | border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem |
| rounded-b-2xl | border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem |
| rounded-b-3xl | border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem |
| rounded-b-full | border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px |
| rounded-l-none | border-top-left-radius: 0px; border-bottom-left-radius: 0px |
| rounded-l-sm | border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem |
| rounded-l | border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem |
| rounded-l-md | border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem |
| rounded-l-lg | border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem |
| rounded-l-xl | border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem |
| rounded-l-2xl | border-top-left-radius: 1rem; border-bottom-left-radius: 1rem |
| rounded-l-3xl | border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem |
| rounded-l-full | border-top-left-radius: 9999px; border-bottom-left-radius: 9999px |
| rounded-tl-none | border-top-left-radius: 0px |
| rounded-tr-none | border-top-right-radius: 0px |
| rounded-br-none | border-bottom-right-radius: 0px |
| rounded-bl-none | border-bottom-left-radius: 0px |
| 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-xl | border-top-left-radius: 0.75rem |
| rounded-tr-xl | border-top-right-radius: 0.75rem |
| rounded-br-xl | border-bottom-right-radius: 0.75rem |
| rounded-bl-xl | border-bottom-left-radius: 0.75rem |
| rounded-tl-2xl | border-top-left-radius: 1rem |
| rounded-tr-2xl | border-top-right-radius: 1rem |
| rounded-br-2xl | border-bottom-right-radius: 1rem |
| rounded-bl-2xl | border-bottom-left-radius: 1rem |
| rounded-tl-3xl | border-top-left-radius: 1.5rem |
| rounded-tr-3xl | border-top-right-radius: 1.5rem |
| rounded-br-3xl | border-bottom-right-radius: 1.5rem |
| rounded-bl-3xl | border-bottom-left-radius: 1.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 |
*/.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.rounded-r-sm{border-bottom-right-radius:.125rem;border-top-right-radius:.125rem}.rounded-r{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.rounded-r-xl{border-bottom-right-radius:.75rem;border-top-right-radius:.75rem}.rounded-r-2xl{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.rounded-r-3xl{border-bottom-right-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-r-full{border-bottom-right-radius:9999px;border-top-right-radius:9999px}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-b-sm{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}.rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.rounded-b-3xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.rounded-b-full{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.rounded-l-sm{border-bottom-left-radius:.125rem;border-top-left-radius:.125rem}.rounded-l{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.rounded-l-xl{border-bottom-left-radius:.75rem;border-top-left-radius:.75rem}.rounded-l-2xl{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.rounded-l-3xl{border-bottom-left-radius:1.5rem;border-top-left-radius:1.5rem}.rounded-l-full{border-bottom-left-radius:9999px;border-top-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:.125rem}.rounded-tr-sm{border-top-right-radius:.125rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-tl-xl{border-top-left-radius:.75rem}.rounded-tr-xl{border-top-right-radius:.75rem}.rounded-br-xl{b
/*!markdown
---
title: 边框宽度
---
| Class | Properties |
| ----------- | ------------------------ |
| border | border-width: 1px |
| border-0 | border-width: 0px |
| border-2 | border-width: 2px |
| border-4 | border-width: 4px |
| border-8 | border-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 |
| border-t-0 | border-top-width: 0px |
| border-r-0 | border-right-width: 0px |
| border-b-0 | border-bottom-width: 0px |
| border-l-0 | border-left-width: 0px |
| 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{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-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}.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}@media (max-width:768px){.m\:border{border-width:1px}.m\:border-0{border-width:0}.m\:border-2{border-width:2px}.m\:border-4{border-width:4px}.m\:border-8{border-width:8px}.m\:border-t{border-top-width:1px}.m\:border-r{border-right-width:1px}.m\:border-b{border-bottom-width:1px}.m\:border-l{border-left-width:1px}.m\:border-t-0{border-top-width:0}.m\:border-r-0{border-right-width:0}.m\:border-b-0{border-bottom-width:0}.m\:border-l-0{border-left-width:0}.m\:border-t-2{border-top-width:2px}.m\:border-r-2{border-right-width:2px}.m\:border-b-2{border-bottom-width:2px}.m\:border-l-2{border-left-width:2px}.m\:border-t-4{border-top-width:4px}.m\:border-r-4{border-right-width:4px}.m\:border-b-4{border-bottom-width:4px}.m\:border-l-4{border-left-width:4px}.m\:border-t-8{border-top-width:8px}.m\:border-r-8{border-right-width:8px}.m\:border-b-8{border-bottom-width:8px}.m\:border-l-8{border-left-width:8px}}@media (min-width:769px){.pc\:border{border-width:1px}.pc\:border-0{border-width:0}.pc\:border-2{border-width:2px}.pc\:border-4{border-width:4px}.pc\:border-8{border-width:8px}.pc\:border-t{border-top-width:1px}.pc\:border-r{border-right-width:1px}.pc\:border-b{border-bottom-width:1px}.pc\:border-l{border-left-width:1px}.pc\:border-t-0{border-top-width:0}.pc\:border-r-0{border-right-width:0}.pc\:border-b-0{border-bottom-width:0}.pc\:border-l-0{border-left-width:0}.pc\:border-t-2{border-top-width:2px}.pc\:border-r-2{border-right-width:2px}.pc\:border-b-2{border-bottom-width:2px}.pc\:border-l-2{border-left-width:2px}.pc\:border-t-4{border-top-width:4px}.pc\:border-r-4{border-right-width:4px}.pc\:border-b-4{border-bottom-width:4px}.pc\:border-l-4{border-left-width:4px}.pc\:border-t-8{border-top-width:8px}.pc\:border-r-8{border-right-width:8px}.pc\:border-b-8{border-bottom-width:8px}.pc\:border-l-8{border-left-width:8px}}
/*!markdown
---
title: 边框样式
---
| Class | Properties |
| ----------- | ------------------------ |
| 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-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-none{border-style:none}@media (max-width:768px){.m\:border-solid{border-style:solid}.m\:border-dashed{border-style:dashed}.m\:border-dotted{border-style:dotted}.m\:border-double{border-style:double}.m\:border-none{border-style:none}}@media (min-width:769px){.pc\:border-solid{border-style:solid}.pc\:border-dashed{border-style:dashed}.pc\:border-dotted{border-style:dotted}.pc\:border-double{border-style:double}.pc\:border-none{border-style:none}}
/*!markdown
---
title: Box Sizing
---
Box Sizing 相关样式，主要区别在于设置宽高的时候，是否包含了 padding 和 border 的大小。
| Class | Properties |
| ----------- | ------------------------ |
| box-border | box-sizing: border-box; |
| box-content | box-sizing: content-box; |
## 用法
比如这个例子：左侧是 box-border 类型，整体高宽 128px。而右侧只是内容区域是 128px + 边框(2 * 4px) + padding （2 * 16px） 一共160px。
```html
<div class="flex space-x-6">
<div class="box-border h-32 w-32 p-4 border-4 border-blue-400 bg-blue-200 rounded-md">
<div class="h-full w-full bg-red-400"></div>
</div>
<div class="box-content h-32 w-32 p-4 border-4 border-blue-400 bg-blue-200 rounded-md">
<div class="h-full w-full bg-red-400"></div>
</div>
</div>
```
## 响应式设计
不支持 [「响应式设计前缀」](../../../docs/style/responsive-design.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/.box-border{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.box-content{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
/*!markdown
---
title: Clear
---
清除浮动相关样式。
| Class | Properties |
| ----------- | ------------- |
| clear-right | clear: right; |
| clear-left | clear: left; |
| clear-none | clear: none; |
| clear-both | clear: both; |
## 用法
请前往以下链接查看属性含义。
https://www.w3school.com.cn/cssref/pr_class_clear.asp
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/.clear-right{clear:right}.clear-left{clear:left}.clear-none{clear:none}.clear-both{clear:both}@media (max-width:768px){.m\:clear-right{clear:right}.m\:clear-left{clear:left}.m\:clear-none{clear:none}.m\:clear-both{clear:both}}@media (min-width:769px){.pc\:clear-right{clear:right}.pc\:clear-left{clear:left}.pc\:clear-none{clear:none}.pc\:clear-both{clear:both}}
/*!markdown
---
title: Display
---
布局相关样式。
| Class | Properties |
| ------------------ | ---------------------------- |
| block | display: block; |
| inline-block | display: inline-block; |
| inline | display: inline; |
| flex | display: flex; |
| inline-flex | display: inline-flex; |
| table | display: table; |
| 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; |
| contents | display: contents; |
| hidden | display: none; |
## 用法
css 相关的知识点就不介绍了，请参考：
https://www.w3school.com.cn/cssref/pr_class_display.asp
https://tailwindcss.com/docs/display
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;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}.contents{display:contents}.hidden{display:none}@media (max-width:768px){.m\:block{display:block}.m\:inline-block{display:inline-block}.m\:inline{display:inline}.m\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.m\:inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.m\:table{display:table}.m\:table-caption{display:table-caption}.m\:table-cell{display:table-cell}.m\:table-column{display:table-column}.m\:table-column-group{display:table-column-group}.m\:table-footer-group{display:table-footer-group}.m\:table-header-group{display:table-header-group}.m\:table-row-group{display:table-row-group}.m\:table-row{display:table-row}.m\:flow-root{display:flow-root}.m\:grid{display:grid}.m\:inline-grid{display:inline-grid}.m\:contents{display:contents}.m\:hidden{display:none}}@media (min-width:769px){.pc\:block{display:block}.pc\:inline-block{display:inline-block}.pc\:inline{display:inline}.pc\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.pc\:inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.pc\:table{display:table}.pc\:table-caption{display:table-caption}.pc\:table-cell{display:table-cell}.pc\:table-column{display:table-column}.pc\:table-column-group{display:table-column-group}.pc\:table-footer-group{display:table-footer-group}.pc\:table-header-group{display:table-header-group}.pc\:table-row-group{display:table-row-group}.pc\:table-row{display:table-row}.pc\:flow-root{display:flow-root}.pc\:grid{display:grid}.pc\:inline-grid{display:inline-grid}.pc\:contents{display:contents}.pc\:hidden{display:none}}
/*!markdown
---
title: Floats
---
浮动相关样式。
| Class | Properties |
| ----------- | ------------- |
| float-right | float: right; |
| float-left | float: left; |
| float-none | float: none; |
## 左浮
```html
<img class="w-32 m-4 pc:float-left ..." src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAMAAAAKE/YAAAAAP1BMVEXp7vG6vsHo7fC3ur7s8fXr8PO1uLy8wMO5vcDL0NLN0dXl6u3T19vHy86+wsXO0tbQ1djc4eTh5ejBxcjZ3eD/ULOKAAACiklEQVR42u3a2YrjMBCF4arSVrYTL3Le/1lHXqbdPTZDWheRDOcLAZGrnyLgRSIAAAAAAAAAAAAAAAAAAAAAAAAAAAD4IrmoGBHKVSxbyFEm56hMtRBN7TNPO1GRaiFpvDd5vG+lQLUQNT6EwDlCYD+4AtF2Ug4mkzKb+PFqITf6oP3wyDEEZTPaz0dT63s/2DxPw6YtFT2S7Lr0eZtrSkYP64pShrXWyZsVhaNHt6xScjdNUSy9lyG2fLTYbpyZw/NFJDeJFhdnb4wab1ohuUc0dbPnwMxB/WhFbhFtR8+boBwvSkSktmiS2fDu8oohzoqQ1BQtLgY9oht3HutrXKvrjX4SyekexTys1DVp6vojeimRf5t1ra5p0lvBTvVlz83MW3VV0TF1bfwsJOfmv9UVRYt9eN2a++gumo/qeqJJ3Ks3i+dl81FNUk90ipDX0I4TfW+WvflndT3R6WsTJ/9r3qvriSb569x8VPNaXU/0149y0XxU+4cjqSpaZK8+mq+rK4pOofE5WZFT86m6omjbzT4s1UfzZXVFf4+1uTc82aWZTeArGkzoXC3R25w1LNX2lZqVr2lfPnpZHc3MqTpOejSfmAqiHcn35kRDCk8qnnSKPpo3qqx1R6fV3swHrX/SazP/UHl0Wrml+VbRTmhpvlu0i6o3jA6IPlQTHWqJZqNv4ypumFJ0z+FtPc8VRJNI9zvln1wytrhrenLZ3GGjqHWW3O/tm5+Ftpm5Gdrht9qh2V6CCH2Y2KgmsM9imFWj+3w00eiVQx5eN8Lo44RkVJOLR5IyR2tcHJs8Y7SlDjGJtS6PteWOi53d4WQe3a8YAAAAAAAAAAAAAAAAAAAAAAAAAACgNn8AGA09DkR51CoAAAAASUVORK5CYII=">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis et lorem sit amet vehicula. Etiam vel nibh nec nisi euismod mollis ultrices condimentum velit. Proin velit libero, interdum ac rhoncus sit amet, pellentesque ac turpis. Quisque ac luctus turpis, vel efficitur ante. Cras convallis risus vel vehicula dapibus. Donec eget neque fringilla, faucibus mi quis, porttitor magna. Cras pellentesque leo est, et luctus neque rutrum eu. Aliquam consequat velit sed sem posuere, vitae sollicitudin mi consequat. Mauris eget ipsum sed dui rutrum fringilla. Donec varius vehicula magna sit amet auctor. Ut congue vehicula lectus in blandit. Vivamus suscipit eleifend turpis, nec sodales sem vulputate a. Curabitur pulvinar libero viverra, efficitur odio eu, finibus justo. Etiam eu vehicula felis.</p>
```
## 右浮
```html
<img class="w-32 m-4 pc:float-right ..." src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAMAAAAKE/YAAAAAP1BMVEXp7vG6vsHo7fC3ur7s8fXr8PO1uLy8wMO5vcDL0NLN0dXl6u3T19vHy86+wsXO0tbQ1djc4eTh5ejBxcjZ3eD/ULOKAAACiklEQVR42u3a2YrjMBCF4arSVrYTL3Le/1lHXqbdPTZDWheRDOcLAZGrnyLgRSIAAAAAAAAAAAAAAAAAAAAAAAAAAAD4IrmoGBHKVSxbyFEm56hMtRBN7TNPO1GRaiFpvDd5vG+lQLUQNT6EwDlCYD+4AtF2Ug4mkzKb+PFqITf6oP3wyDEEZTPaz0dT63s/2DxPw6YtFT2S7Lr0eZtrSkYP64pShrXWyZsVhaNHt6xScjdNUSy9lyG2fLTYbpyZw/NFJDeJFhdnb4wab1ohuUc0dbPnwMxB/WhFbhFtR8+boBwvSkSktmiS2fDu8oohzoqQ1BQtLgY9oht3HutrXKvrjX4SyekexTys1DVp6vojeimRf5t1ra5p0lvBTvVlz83MW3VV0TF1bfwsJOfmv9UVRYt9eN2a++gumo/qeqJJ3Ks3i+dl81FNUk90ipDX0I4TfW+WvflndT3R6WsTJ/9r3qvriSb569x8VPNaXU/0149y0XxU+4cjqSpaZK8+mq+rK4pOofE5WZFT86m6omjbzT4s1UfzZXVFf4+1uTc82aWZTeArGkzoXC3R25w1LNX2lZqVr2lfPnpZHc3MqTpOejSfmAqiHcn35kRDCk8qnnSKPpo3qqx1R6fV3swHrX/SazP/UHl0Wrml+VbRTmhpvlu0i6o3jA6IPlQTHWqJZqNv4ypumFJ0z+FtPc8VRJNI9zvln1wytrhrenLZ3GGjqHWW3O/tm5+Ftpm5Gdrht9qh2V6CCH2Y2KgmsM9imFWj+3w00eiVQx5eN8Lo44RkVJOLR5IyR2tcHJs8Y7SlDjGJtS6PteWOi53d4WQe3a8YAAAAAAAAAAAAAAAAAAAAAAAAAACgNn8AGA09DkR51CoAAAAASUVORK5CYII=">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis et lorem sit amet vehicula. Etiam vel nibh nec nisi euismod mollis ultrices condimentum velit. Proin velit libero, interdum ac rhoncus sit amet, pellentesque ac turpis. Quisque ac luctus turpis, vel efficitur ante. Cras convallis risus vel vehicula dapibus. Donec eget neque fringilla, faucibus mi quis, porttitor magna. Cras pellentesque leo est, et luctus neque rutrum eu. Aliquam consequat velit sed sem posuere, vitae sollicitudin mi consequat. Mauris eget ipsum sed dui rutrum fringilla. Donec varius vehicula magna sit amet auctor. Ut congue vehicula lectus in blandit. Vivamus suscipit eleifend turpis, nec sodales sem vulputate a. Curabitur pulvinar libero viverra, efficitur odio eu, finibus justo. Etiam eu vehicula felis.</p>
```
## 不浮动
```html
<img class="w-32 m-4 pc:float-none ..." src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAMAAAAKE/YAAAAAP1BMVEXp7vG6vsHo7fC3ur7s8fXr8PO1uLy8wMO5vcDL0NLN0dXl6u3T19vHy86+wsXO0tbQ1djc4eTh5ejBxcjZ3eD/ULOKAAACiklEQVR42u3a2YrjMBCF4arSVrYTL3Le/1lHXqbdPTZDWheRDOcLAZGrnyLgRSIAAAAAAAAAAAAAAAAAAAAAAAAAAAD4IrmoGBHKVSxbyFEm56hMtRBN7TNPO1GRaiFpvDd5vG+lQLUQNT6EwDlCYD+4AtF2Ug4mkzKb+PFqITf6oP3wyDEEZTPaz0dT63s/2DxPw6YtFT2S7Lr0eZtrSkYP64pShrXWyZsVhaNHt6xScjdNUSy9lyG2fLTYbpyZw/NFJDeJFhdnb4wab1ohuUc0dbPnwMxB/WhFbhFtR8+boBwvSkSktmiS2fDu8oohzoqQ1BQtLgY9oht3HutrXKvrjX4SyekexTys1DVp6vojeimRf5t1ra5p0lvBTvVlz83MW3VV0TF1bfwsJOfmv9UVRYt9eN2a++gumo/qeqJJ3Ks3i+dl81FNUk90ipDX0I4TfW+WvflndT3R6WsTJ/9r3qvriSb569x8VPNaXU/0149y0XxU+4cjqSpaZK8+mq+rK4pOofE5WZFT86m6omjbzT4s1UfzZXVFf4+1uTc82aWZTeArGkzoXC3R25w1LNX2lZqVr2lfPnpZHc3MqTpOejSfmAqiHcn35kRDCk8qnnSKPpo3qqx1R6fV3swHrX/SazP/UHl0Wrml+VbRTmhpvlu0i6o3jA6IPlQTHWqJZqNv4ypumFJ0z+FtPc8VRJNI9zvln1wytrhrenLZ3GGjqHWW3O/tm5+Ftpm5Gdrht9qh2V6CCH2Y2KgmsM9imFWj+3w00eiVQx5eN8Lo44RkVJOLR5IyR2tcHJs8Y7SlDjGJtS6PteWOi53d4WQe3a8YAAAAAAAAAAAAAAAAAAAAAAAAAACgNn8AGA09DkR51CoAAAAASUVORK5CYII=">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis et lorem sit amet vehicula. Etiam vel nibh nec nisi euismod mollis ultrices condimentum velit. Proin velit libero, interdum ac rhoncus sit amet, pellentesque ac turpis. Quisque ac luctus turpis, vel efficitur ante. Cras convallis risus vel vehicula dapibus. Donec eget neque fringilla, faucibus mi quis, porttitor magna. Cras pellentesque leo est, et luctus neque rutrum eu. Aliquam consequat velit sed sem posuere, vitae sollicitudin mi consequat. Mauris eget ipsum sed dui rutrum fringilla. Donec varius vehicula magna sit amet auctor. Ut congue vehicula lectus in blandit. Vivamus suscipit eleifend turpis, nec sodales sem vulputate a. Curabitur pulvinar libero viverra, efficitur odio eu, finibus justo. Etiam eu vehicula felis.</p>
```
## 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
```html
<img class="w-32 m-4 pc:float-right ..." src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAMAAAAKE/YAAAAAP1BMVEXp7vG6vsHo7fC3ur7s8fXr8PO1uLy8wMO5vcDL0NLN0dXl6u3T19vHy86+wsXO0tbQ1djc4eTh5ejBxcjZ3eD/ULOKAAACiklEQVR42u3a2YrjMBCF4arSVrYTL3Le/1lHXqbdPTZDWheRDOcLAZGrnyLgRSIAAAAAAAAAAAAAAAAAAAAAAAAAAAD4IrmoGBHKVSxbyFEm56hMtRBN7TNPO1GRaiFpvDd5vG+lQLUQNT6EwDlCYD+4AtF2Ug4mkzKb+PFqITf6oP3wyDEEZTPaz0dT63s/2DxPw6YtFT2S7Lr0eZtrSkYP64pShrXWyZsVhaNHt6xScjdNUSy9lyG2fLTYbpyZw/NFJDeJFhdnb4wab1ohuUc0dbPnwMxB/WhFbhFtR8+boBwvSkSktmiS2fDu8oohzoqQ1BQtLgY9oht3HutrXKvrjX4SyekexTys1DVp6vojeimRf5t1ra5p0lvBTvVlz83MW3VV0TF1bfwsJOfmv9UVRYt9eN2a++gumo/qeqJJ3Ks3i+dl81FNUk90ipDX0I4TfW+WvflndT3R6WsTJ/9r3qvriSb569x8VPNaXU/0149y0XxU+4cjqSpaZK8+mq+rK4pOofE5WZFT86m6omjbzT4s1UfzZXVFf4+1uTc82aWZTeArGkzoXC3R25w1LNX2lZqVr2lfPnpZHc3MqTpOejSfmAqiHcn35kRDCk8qnnSKPpo3qqx1R6fV3swHrX/SazP/UHl0Wrml+VbRTmhpvlu0i6o3jA6IPlQTHWqJZqNv4ypumFJ0z+FtPc8VRJNI9zvln1wytrhrenLZ3GGjqHWW3O/tm5+Ftpm5Gdrht9qh2V6CCH2Y2KgmsM9imFWj+3w00eiVQx5eN8Lo44RkVJOLR5IyR2tcHJs8Y7SlDjGJtS6PteWOi53d4WQe3a8YAAAAAAAAAAAAAAAAAAAAAAAAAACgNn8AGA09DkR51CoAAAAASUVORK5CYII=">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis et lorem sit amet vehicula. Etiam vel nibh nec nisi euismod mollis ultrices condimentum velit. Proin velit libero, interdum ac rhoncus sit amet, pellentesque ac turpis. Quisque ac luctus turpis, vel efficitur ante. Cras convallis risus vel vehicula dapibus. Donec eget neque fringilla, faucibus mi quis, porttitor magna. Cras pellentesque leo est, et luctus neque rutrum eu. Aliquam consequat velit sed sem posuere, vitae sollicitudin mi consequat. Mauris eget ipsum sed dui rutrum fringilla. Donec varius vehicula magna sit amet auctor. Ut congue vehicula lectus in blandit. Vivamus suscipit eleifend turpis, nec sodales sem vulputate a. Curabitur pulvinar libero viverra, efficitur odio eu, finibus justo. Etiam eu vehicula felis.</p>
```
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/.float-right{float:right}.float-left{float:left}.float-none{float:none}@media (max-width:768px){.m\:float-right{float:right}.m\:float-left{float:left}.m\:float-none{float:none}}@media (min-width:769px){.pc\:float-right{float:right}.pc\:float-left{float:left}.pc\:float-none{float:none}}
/*!markdown
---
title: Overflow
---
内容超出相关样式。
| Class | Properties |
| ----------- | ------------------------ |
| 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; |
## 用法
请前往一下文档查看属性含义。
https://www.w3school.com.cn/cssref/pr_pos_overflow.asp
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/.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}@media (max-width:768px){.m\:overflow-auto{overflow:auto}.m\:overflow-hidden{overflow:hidden}.m\:overflow-visible{overflow:visible}.m\:overflow-scroll{overflow:scroll}.m\:overflow-x-auto{overflow-x:auto}.m\:overflow-y-auto{overflow-y:auto}.m\:overflow-x-hidden{overflow-x:hidden}.m\:overflow-y-hidden{overflow-y:hidden}.m\:overflow-x-visible{overflow-x:visible}.m\:overflow-y-visible{overflow-y:visible}.m\:overflow-x-scroll{overflow-x:scroll}.m\:overflow-y-scroll{overflow-y:scroll}}@media (min-width:769px){.pc\:overflow-auto{overflow:auto}.pc\:overflow-hidden{overflow:hidden}.pc\:overflow-visible{overflow:visible}.pc\:overflow-scroll{overflow:scroll}.pc\:overflow-x-auto{overflow-x:auto}.pc\:overflow-y-auto{overflow-y:auto}.pc\:overflow-x-hidden{overflow-x:hidden}.pc\:overflow-y-hidden{overflow-y:hidden}.pc\:overflow-x-visible{overflow-x:visible}.pc\:overflow-y-visible{overflow-y:visible}.pc\:overflow-x-scroll{overflow-x:scroll}.pc\:overflow-y-scroll{overflow-y:scroll}}
/*!markdown
---
title: Position
---
定位相关样式。
| Class | Properties |
| ----------- | ------------------------ |
| static | position: static; |
| fixed | position: fixed; |
| absolute | position: absolute; |
| relative | position: relative; |
| sticky | position: sticky; |
## 用法
请前往一下文档查看属性含义。
https://www.w3school.com.cn/cssref/pr_class_position.asp
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}@media (max-width:768px){.m\:static{position:static}.m\:fixed{position:fixed}.m\:absolute{position:absolute}.m\:relative{position:relative}.m\:sticky{position:-webkit-sticky;position:sticky}}@media (min-width:769px){.pc\:static{position:static}.pc\:fixed{position:fixed}.pc\:absolute{position:absolute}.pc\:relative{position:relative}.pc\:sticky{position:-webkit-sticky;position:sticky}}
/*!markdown
---
title: Top / Right / Bottom / Left
---
用来控制位置的样式集。
| Class | Properties |
| ------------ | --------------------------------------------------------------------------------- |
| inset-0 | top: 0px;<br/>right: 0px;<br/>bottom: 0px;<br/>left: 0px; |
| -inset-0 | top: 0px;<br/>right: 0px;<br/>bottom: 0px;<br/>left: 0px; |
| inset-y-0 | top: 0px;<br/>bottom: 0px; |
| inset-x-0 | right: 0px;<br/>left: 0px; |
| -inset-y-0 | top: 0px;<br/>bottom: 0px; |
| -inset-x-0 | right: 0px;<br/>left: 0px; |
| top-0 | top: 0px; |
| right-0 | right: 0px; |
| bottom-0 | bottom: 0px; |
| left-0 | left: 0px; |
| -top-0 | top: 0px; |
| -right-0 | right: 0px; |
| -bottom-0 | bottom: 0px; |
| -left-0 | left: 0px; |
| inset-0.5 | top: 0.125rem;<br/>right: 0.125rem;<br/>bottom: 0.125rem;<br/>left: 0.125rem; |
| -inset-0.5 | top: -0.125rem;<br/>right: -0.125rem;<br/>bottom: -0.125rem;<br/>left: -0.125rem; |
| inset-y-0.5 | top: 0.125rem;<br/>bottom: 0.125rem; |
| inset-x-0.5 | right: 0.125rem;<br/>left: 0.125rem; |
| -inset-y-0.5 | top: -0.125rem;<br/>bottom: -0.125rem; |
| -inset-x-0.5 | right: -0.125rem;<br/>left: -0.125rem; |
| top-0.5 | top: 0.125rem; |
| right-0.5 | right: 0.125rem; |
| bottom-0.5 | bottom: 0.125rem; |
| left-0.5 | left: 0.125rem; |
| -top-0.5 | top: -0.125rem; |
| -right-0.5 | right: -0.125rem; |
| -bottom-0.5 | bottom: -0.125rem; |
| -left-0.5 | left: -0.125rem; |
按以下尺寸表依次类推
| 尺寸 | 大小 |
| ---- | -------------- |
| 0 | 0 |
| 0.5 | 0.125rem; |
| 1 | 0.25rem |
| 1.5 | 0.375rem |
| 1.5 | 0.375rem |
| 2 | 0.5rem |
| 2.5 | 0.625rem |
| 3 | 0.75rem |
| 3.5 | 0.875rem |
| 4 | 1rem |
| 5 | 1.25rem |
| 6 | 1.5rem |
| 7 | 1.75rem |
| 8 | 2rem |
| 9 | 2.25rem |
| 10 | 2.5rem |
| 11 | 2.75rem |
| 12 | 3rem |
| 14 | 3.5rem |
| 16 | 4rem |
| 20 | 5rem |
| 24 | 6rem |
| 28 | 7rem |
| 32 | 8rem |
| 36 | 9rem |
| 40 | 10rem |
| 44 | 11rem |
| 48 | 12rem |
| 52 | 13rem |
| 56 | 14rem |
| 60 | 15rem |
| 64 | 16rem |
| 68 | 17rem |
| 72 | 18rem |
| 76 | 19rem |
| 80 | 20rem |
| 96 | 24rem |
| auto | auto |
| 1/2 | 50% |
| 1/3 | 33.333333% |
| 2/3 | 66.666667% |
| 1/4 | 25%; |
| 2/4 | 50%; |
| 3/4 | 75%; |
| full | 100%; |
| px | 0.0625rem(1px) |
## 用法
结合 relative 和 absolute 定位 和位置样式 `{top|right|bottom|left|inset}-xxx`，可以很方便的实现各种组件布局。
```html
<div class="grid grid-cols-4 m:grid-cols-2 gap-4">
<!-- Span top edge -->
<div class="relative h-32 w-32 ... bg-blue-500">
<div class="absolute inset-x-0 top-0 h-16 w-16 ... bg-red-500 text-white font-extrabold text-2xl flex items-center justify-center">1</div>
</div>
<!-- Span right edge -->
<div class="relative h-32 w-32 ... bg-blue-500">
<div class="absolute inset-y-0 right-0 w-16 ... bg-red-500 text-white font-extrabold text-2xl flex items-center justify-center">2</div>
</div>
<!-- Span bottom edge -->
<div class="relative h-32 w-32 ... bg-blue-500">
<div class="absolute inset-x-0 bottom-0 h-16 w-16 ... bg-red-500 text-white font-extrabold text-2xl flex items-center justify-center">3</div>
</div>
<!-- Span left edge -->
<div class="relative h-32 w-32 ... bg-blue-500">
<div class="absolute inset-y-0 left-0 w-16 ... bg-red-500 text-white font-extrabold text-2xl flex items-center justify-center">4</div>
</div>
<!-- Fill entire parent -->
<div class="relative h-32 w-32 ... bg-blue-500">
<div class="absolute inset-0 bg-red-500 text-white font-extrabold text-2xl flex items-center justify-center">5</div>
</div>
<!-- Pin to top left corner -->
<div class="relative h-32 w-32 ... bg-blue-500">
<div class="absolute left-0 top-0 h-16 w-16 ... bg-red-500 text-white font-extrabold text-2xl flex items-center justify-center">6</div>
</div>
<!-- Pin to top right corner -->
<div class="relative h-32 w-32 ... bg-blue-500">
<div class="absolute top-0 right-0 h-16 w-16 ... bg-red-500 text-white font-extrabold text-2xl flex items-center justify-center">7</div>
</div>
<!-- Pin to bottom right corner -->
<div class="relative h-32 w-32 ... bg-blue-500">
<div class="absolute bottom-0 right-0 h-16 w-16 ... bg-red-500 text-white font-extrabold text-2xl flex items-center justify-center">8</div>
</div>
<!-- Pin to bottom left corner -->
<div class="relative h-32 w-32 ... bg-blue-500">
<div class="absolute bottom-0 left-0 h-16 w-16 ... bg-red-500 text-white font-extrabold text-2xl flex items-center justify-center">9</div>
</div>
</div>
```
## 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/.top-px{top:.0625rem}.top-0,.top-none{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-7{top:1.75rem}.top-8{top:2rem}.top-9{top:2.25rem}.top-10{top:2.5rem}.top-11{top:2.75rem}.top-12{top:3rem}.top-14{top:3.5rem}.top-16{top:4rem}.top-18{top:4.5rem}.top-20{top:5rem}.top-24{top:6rem}.top-28{top:7rem}.top-32{top:8rem}.top-36{top:9rem}.top-40{top:10rem}.top-44{top:11rem}.top-48{top:12rem}.top-52{top:13rem}.top-56{top:14rem}.top-60{top:15rem}.top-64{top:16rem}.top-72{top:18rem}.top-80{top:20rem}.top-96{top:24rem}.top-auto{top:auto}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-2\/3{top:66.666667%}.top-1\/4{top:25%}.top-2\/4{top:50%}.top-3\/4{top:75%}.top-full{top:100%}.-top-px{top:-.0625rem}.-top-0,.-top-none{top:0}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-2{top:-.5rem}.-top-2\.5{top:-.625rem}.-top-3{top:-.75rem}.-top-3\.5{top:-.875rem}.-top-4{top:-1rem}.-top-5{top:-1.25rem}.-top-6{top:-1.5rem}.-top-7{top:-1.75rem}.-top-8{top:-2rem}.-top-9{top:-2.25rem}.-top-10{top:-2.5rem}.-top-11{top:-2.75rem}.-top-12{top:-3rem}.-top-14{top:-3.5rem}.-top-16{top:-4rem}.-top-18{top:-4.5rem}.-top-20{top:-5rem}.-top-24{top:-6rem}.-top-28{top:-7rem}.-top-32{top:-8rem}.-top-36{top:-9rem}.-top-40{top:-10rem}.-top-44{top:-11rem}.-top-48{top:-12rem}.-top-52{top:-13rem}.-top-56{top:-14rem}.-top-60{top:-15rem}.-top-64{top:-16rem}.-top-72{top:-18rem}.-top-80{top:-20rem}.-top-96{top:-24rem}.-top-1\/2{top:-50%}.-top-1\/3{top:-33.333333%}.-top-2\/3{top:-66.666667%}.-top-1\/4{top:-25%}.-top-2\/4{top:-50%}.-top-3\/4{top:-75%}.-top-full{top:-100%}.right-px{right:.0625rem}.right-0,.right-none{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-3{right:.75rem}.right-3\.5{right:.875rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-7{right:1.75rem}.right-8{right:2rem}.right-9{right:2.25rem}.right-10{right:2.5rem}.right-11{right:2.75rem}.right-12{right:3rem}.right-14{right:3.5rem}.right-16{right:4rem}.right-18{right:4.5rem}.right-20{right:5rem}.right-24{right:6rem}.right-28{right:7rem}.right-32{right:8rem}.right-36{right:9rem}.right-40{right:10rem}.right-44{right:11rem}.right-48{right:12rem}.right-52{right:13rem}.right-56{right:14rem}.right-60{right:15rem}.right-64{right:16rem}.right-72{right:18rem}.right-80{right:20rem}.right-96{right:24rem}.right-auto{right:auto}.right-1\/2{right:50%}.right-1\/3{right:33.333333%}.right-2\/3{right:66.666667%}.right-1\/4{right:25%}.right-2\/4{right:50%}.right-3\/4{right:75%}.right-full{right:100%}.-right-px{right:-.0625rem}.-right-0,.-right-none{right:0}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-right-2\.5{right:-.625rem}.-right-3{right:-.75rem}.-right-3\.5{right:-.875rem}.-right-4{right:-1rem}.-right-5{right:-1.25rem}.-right-6{right:-1.5rem}.-right-7{right:-1.75rem}.-right-8{right:-2rem}.-right-9{right:-2.25rem}.-right-10{right:-2.5rem}.-right-11{right:-2.75rem}.-right-12{right:-3rem}.-right-14{right:-3.5rem}.-right-16{right:-4rem}.-right-18{right:-4.5rem}.-right-20{right:-5rem}.-right-24{right:-6rem}.-right-28{right:-7rem}.-right-32{right:-8rem}.-right-36{right:-9rem}.-right-40{right:-10rem}.-right-44{right:-11rem}.-right-48{right:-12rem}.-right-52{right:-13rem}.-right-56{right:-14rem}.-right-60{right:-15rem}.-right-64{right:-16rem}.-right-72{right:-18rem}.-right-80{right:-20rem}.-right-96{right:-24rem}.-right-1\/2{right:-50%}.-right-1\/3{right:-33.333333%}.-right-2\/3{right:-66.666667%}.-right-1\/4{right:-25%}.-right-2\/4{right:-50%}.-right-3\/4{right:-75%}.-right-full{right:-100%}.bottom-px{bottom:.0625rem}.bottom-0,.bottom-none{bottom:0}.bottom-0\.5{bottom:.125rem}.bottom-1{bottom:.25rem}.bottom-1\.5{bottom:.375rem}.bottom-2{bottom:.5rem}.bottom-2\.5{bottom:.625rem}.bottom-3{bottom:.75rem}.bottom-3\.5{bottom:.875rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.botto
/*!markdown
---
title: Visibility
---
显示与隐藏。
| Class | Properties |
| --------- | -------------------- |
| visible | visibility: visible; |
| invisible | visibility: hidden; |
## 用法
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/.visible{visibility:visible}.invisible{visibility:hidden}@media (max-width:768px){.m\:visible{visibility:visible}.m\:invisible{visibility:hidden}}@media (min-width:769px){.pc\:visible{visibility:visible}.pc\:invisible{visibility:hidden}}
/*!markdown
---
title: Z-Index
---
Utilities for controlling the stack order of an element.
| Class | Properties |
| ----------- | ------------------------ |
| 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 |
## 用法
```html
<div class="flex ... justify-center relative h-28 text-center transform translate-x-12">
<div class="z-40 ... relative w-20 h-20 bg-purple-500 border-r border-opacity-50 border-purple-600 rounded-md shadow-md flex justify-center items-center text-white text-2xl font-extrabold">5</div>
<div class="z-30 ... relative w-20 h-20 -left-6 top-2 bg-purple-500 border-r border-opacity-50 border-purple-600 rounded-md shadow-md flex justify-center items-center text-white text-2xl font-extrabold">4</div>
<div class="z-20 ... relative w-20 h-20 -left-12 top-4 bg-purple-500 border-r border-opacity-50 border-purple-600 rounded-md shadow-md flex justify-center items-center text-white text-2xl font-extrabold">3</div>
<div class="z-10 ... relative w-20 h-20 -left-18 top-6 bg-purple-500 border-r border-opacity-50 border-purple-600 rounded-md shadow-md flex justify-center items-center text-white text-2xl font-extrabold">2</div>
<div class="z-0 ... relative w-20 h-20 -left-24 top-8 bg-purple-500 rounded-md shadow-md flex justify-center items-center text-white text-2xl font-extrabold">1</div>
</div>
```
# 响应式设计
支持通过添加设备前缀 `m:` 或者 `pc:` 来分别针对「手机端」或者「pc端」设置样式，更多说明请前往[「响应式设计」](../../../docs/style/responsive-design.md)。
## 状态前缀
不支持[「状态前缀」](../../../docs/style/state.md)，有需求请提 [issue](https://github.com/baidu/amis/issues)。
*/.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}@media (max-width:768px){.m\:z-0{z-index:0}.m\:z-10{z-index:10}.m\:z-20{z-index:20}.m\:z-30{z-index:30}.m\:z-40{z-index:40}.m\:z-50{z-index:50}.m\:z-auto{z-index:auto}}@media (min-width:769px){.pc\:z-0{z-index:0}.pc\:z-10{z-index:10}.pc\:z-20{z-index:20}.pc\:z-30{z-index:30}.pc\:z-40{z-index:40}.pc\:z-50{z-index:50}.pc\:z-auto{z-index:auto}}
/*!markdown
---
title: Flex Direction
---
| Class | Properties |
| ----------- | ------------------------ |
| 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-row{-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-row,.flex-row-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal}.flex-row-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-col{-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-col,.flex-col-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical}.flex-col-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (max-width:768px){.m\:flex-row{-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.m\:flex-row,.m\:flex-row-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal}.m\:flex-row-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.m\:flex-col{-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.m\:flex-col,.m\:flex-col-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical}.m\:flex-col-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media (min-width:769px){.pc\:flex-row{-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.pc\:flex-row,.pc\:flex-row-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal}.pc\:flex-row-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.pc\:flex-col{-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.pc\:flex-col,.pc\:flex-col-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical}.pc\:flex-col-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}
/*!markdown
---
title: Flex
---
| Class | Properties |
| ----------- | ------------------------ |
| flex-1 | flex: 1 1 0% |
| flex-auto | flex: 1 1 auto |
| flex-initial | flex: 0 1 auto |
| flex-none | flex: none |
*/.flex-1{-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.flex-1,.flex-auto{-webkit-box-flex:1;-moz-box-flex:1}.flex-auto{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.flex-initial{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.flex-initial,.flex-none{-webkit-box-flex:0;-moz-box-flex:0}.flex-none{-webkit-flex:none;-ms-flex:none;flex:none}@media (max-width:768px){.m\:flex-1{-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.m\:flex-1,.m\:flex-auto{-webkit-box-flex:1;-moz-box-flex:1}.m\:flex-auto{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.m\:flex-initial{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.m\:flex-initial,.m\:flex-none{-webkit-box-flex:0;-moz-box-flex:0}.m\:flex-none{-webkit-flex:none;-ms-flex:none;flex:none}}@media (min-width:769px){.pc\:flex-1{-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.pc\:flex-1,.pc\:flex-auto{-webkit-box-flex:1;-moz-box-flex:1}.pc\:flex-auto{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.pc\:flex-initial{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.pc\:flex-initial,.pc\:flex-none{-webkit-box-flex:0;-moz-box-flex:0}.pc\:flex-none{-webkit-flex:none;-ms-flex:none;flex:none}}
/*!markdown
---
title: Flex Grow
---
| Class | Properties |
| ----------- | ------------------------ |
| flex-grow-0 | flex-grow: 0 |
| flex-grow | flex-grow: 1 |
*/.flex-grow-0{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex-positive:0;-webkit-flex-grow:0;flex-grow:0}.flex-grow{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1}@media (max-width:768px){.m\:flex-grow-0{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex-positive:0;-webkit-flex-grow:0;flex-grow:0}.m\:flex-grow{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1}}@media (min-width:769px){.pc\:flex-grow-0{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex-positive:0;-webkit-flex-grow:0;flex-grow:0}.pc\:flex-grow{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1}}
/*!markdown
---
title: Flex Order
---
| Class | Properties |
| ----------- | ------------------------ |
| 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-1{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:1;-webkit-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:2;-webkit-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-flex-order:3;-webkit-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-flex-order:4;-webkit-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-ms-flex-order:5;-webkit-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-moz-box-ordinal-group:7;-ms-flex-order:6;-webkit-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;-ms-flex-order:7;-webkit-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;-ms-flex-order:8;-webkit-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-moz-box-ordinal-group:10;-ms-flex-order:9;-webkit-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-moz-box-ordinal-group:11;-ms-flex-order:10;-webkit-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-moz-box-ordinal-group:12;-ms-flex-order:11;-webkit-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-moz-box-ordinal-group:13;-ms-flex-order:12;-webkit-order:12;order:12}.order-first{-webkit-box-ordinal-group:-9998;-moz-box-ordinal-group:-9998;-ms-flex-order:-9999;-webkit-order:-9999;order:-9999}.order-last{-webkit-box-ordinal-group:10000;-moz-box-ordinal-group:10000;-ms-flex-order:9999;-webkit-order:9999;order:9999}@media (max-width:768px){.m\:order-1{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:1;-webkit-order:1;order:1}.m\:order-2{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:2;-webkit-order:2;order:2}.m\:order-3{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-flex-order:3;-webkit-order:3;order:3}.m\:order-4{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-flex-order:4;-webkit-order:4;order:4}.m\:order-5{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-ms-flex-order:5;-webkit-order:5;order:5}.m\:order-6{-webkit-box-ordinal-group:7;-moz-box-ordinal-group:7;-ms-flex-order:6;-webkit-order:6;order:6}.m\:order-7{-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;-ms-flex-order:7;-webkit-order:7;order:7}.m\:order-8{-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;-ms-flex-order:8;-webkit-order:8;order:8}.m\:order-9{-webkit-box-ordinal-group:10;-moz-box-ordinal-group:10;-ms-flex-order:9;-webkit-order:9;order:9}.m\:order-10{-webkit-box-ordinal-group:11;-moz-box-ordinal-group:11;-ms-flex-order:10;-webkit-order:10;order:10}.m\:order-11{-webkit-box-ordinal-group:12;-moz-box-ordinal-group:12;-ms-flex-order:11;-webkit-order:11;order:11}.m\:order-12{-webkit-box-ordinal-group:13;-moz-box-ordinal-group:13;-ms-flex-order:12;-webkit-order:12;order:12}.m\:order-first{-webkit-box-ordinal-group:-9998;-moz-box-ordinal-group:-9998;-ms-flex-order:-9999;-webkit-order:-9999;order:-9999}.m\:order-last{-webkit-box-ordinal-group:10000;-moz-box-ordinal-group:10000;-ms-flex-order:9999;-webkit-order:9999;order:9999}}@media (min-width:769px){.pc\:order-1{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:1;-webkit-order:1;order:1}.pc\:order-2{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:2;-webkit-order:2;order:2}.pc\:order-3{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-flex-order:3;-webkit-order:3;order:3}.pc\:order-4{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-flex-order:4;-webkit-order:4;order:4}.pc\:order-5{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-ms-flex-order:5;-webkit-order:5;order:5}.pc\:order-6{-webkit-box-ordinal-group:7;-moz-box-ordinal-group:7;-ms-flex-order:6;-webkit-order:6;order:6}.pc\:order-7{-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;-ms-flex-order:7;-webkit-order:7;order:7}.pc\:order-8{-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;-ms-flex-order:8;-webkit-order:8;order:8}.pc\:order-9{-webkit-box-ordinal-group:10;-moz-box-ordinal-group:10;-ms-flex-order:9;-webkit-order:9;order:9}.pc\:order-10{-webkit-b
/*!markdown
---
title: Flex Shrink
---
| Class | Properties |
| ----------- | ------------------------ |
| flex-shrink-0 | flex-shrink: 0 |
| flex-shrink | flex-shrink: 1 |
*/.flex-shrink-0{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.flex-shrink{-ms-flex-negative:1;-webkit-flex-shrink:1;flex-shrink:1}@media (max-width:768px){.m\:flex-shrink-0{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.m\:flex-shrink{-ms-flex-negative:1;-webkit-flex-shrink:1;flex-shrink:1}}@media (min-width:769px){.pc\:flex-shrink-0{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.pc\:flex-shrink{-ms-flex-negative:1;-webkit-flex-shrink:1;flex-shrink:1}}
/*!markdown
---
title: Flex Wrap
---
| Class | Properties |
| ----------- | ------------------------ |
| flex-wrap | flex-wrap: wrap |
| flex-wrap-reverse | flex-wrap: wrap-reverse |
| flex-nowrap | flex-wrap: nowrap |
*/.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (max-width:768px){.m\:flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.m\:flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.m\:flex-nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media (min-width:769px){.pc\:flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.pc\:flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.pc\:flex-nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}
/*!markdown
---
title: Grid Auto Columns
---
| Class | Properties |
| ----------- | ------------------------ |
| auto-cols-auto | grid-auto-columns: auto |
| auto-cols-min | grid-auto-columns: min-content |
| auto-cols-max | grid-auto-columns: max-content |
| auto-cols-fr | grid-auto-columns: minmax(0, 1fr) |
*/.auto-cols-auto{grid-auto-columns:auto}.auto-cols-min{grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content}.auto-cols-max{grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}@media (max-width:768px){.m\:auto-cols-auto{grid-auto-columns:auto}.m\:auto-cols-min{grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content}.m\:auto-cols-max{grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content}.m\:auto-cols-fr{grid-auto-columns:minmax(0,1fr)}}@media (min-width:769px){.pc\:auto-cols-auto{grid-auto-columns:auto}.pc\:auto-cols-min{grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content}.pc\:auto-cols-max{grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content}.pc\:auto-cols-fr{grid-auto-columns:minmax(0,1fr)}}
/*!markdown
---
title: Grid Auto Flow
---
| Class | Properties |
| ----------- | ------------------------ |
| 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-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}@media (max-width:768px){.m\:grid-flow-row{grid-auto-flow:row}.m\:grid-flow-col{grid-auto-flow:column}.m\:grid-flow-row-dense{grid-auto-flow:row dense}.m\:grid-flow-col-dense{grid-auto-flow:column dense}}@media (min-width:769px){.pc\:grid-flow-row{grid-auto-flow:row}.pc\:grid-flow-col{grid-auto-flow:column}.pc\:grid-flow-row-dense{grid-auto-flow:row dense}.pc\:grid-flow-col-dense{grid-auto-flow:column dense}}
/*!markdown
---
title: Grid Auto Flow
---
| Class | Properties |
| ----------- | ------------------------ |
| auto-rows-auto | grid-auto-rows: auto |
| auto-rows-min | grid-auto-rows: min-content |
| auto-rows-max | grid-auto-rows: max-content |
| auto-rows-fr | grid-auto-rows: minmax(0, 1fr) |
*/.auto-rows-auto{grid-auto-rows:auto}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.auto-rows-max{grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}@media (max-width:768px){.m\:auto-rows-auto{grid-auto-rows:auto}.m\:auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.m\:auto-rows-max{grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}.m\:auto-rows-fr{grid-auto-rows:minmax(0,1fr)}}@media (min-width:769px){.pc\:auto-rows-auto{grid-auto-rows:auto}.pc\:auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.pc\:auto-rows-max{grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}.pc\:auto-rows-fr{grid-auto-rows:minmax(0,1fr)}}
/*!markdown
---
title: Grid Row Start / End
---
| Class | Properties |
| ----------- | ------------------------ |
| 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 1 |
| col-span-12 | grid-column: span 12/span 12 |
| col-span-full | grid-column: 1/-1 |
| 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 |
*/.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 1}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.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}@media (max-width:768px){.m\:col-auto{grid-column:auto}.m\:col-span-1{grid-column:span 1/span 1}.m\:col-span-2{grid-column:span 2/span 2}.m\:col-span-3{grid-column:span 3/span 3}.m\:col-span-4{grid-column:span 4/span 4}.m\:col-span-5{grid-column:span 5/span 5}.m\:col-span-6{grid-column:span 6/span 6}.m\:col-span-7{grid-column:span 7/span 7}.m\:col-span-8{grid-column:span 8/span 8}.m\:col-span-9{grid-column:span 9/span 9}.m\:col-span-10{grid-column:span 10/span 10}.m\:col-span-11{grid-column:span 11/span 1}.m\:col-span-12{grid-column:span 12/span 12}.m\:col-span-full{grid-column:1/-1}.m\:col-start-1{grid-column-start:1}.m\:col-start-2{grid-column-start:2}.m\:col-start-3{grid-column-start:3}.m\:col-start-4{grid-column-start:4}.m\:col-start-5{grid-column-start:5}.m\:col-start-6{grid-column-start:6}.m\:col-start-7{grid-column-start:7}.m\:col-start-8{grid-column-start:8}.m\:col-start-9{grid-column-start:9}.m\:col-start-10{grid-column-start:10}.m\:col-start-11{grid-column-start:11}.m\:col-start-12{grid-column-start:12}.m\:col-start-13{grid-column-start:13}.m\:col-start-auto{grid-column-start:auto}.m\:col-end-1{grid-column-end:1}.m\:col-end-2{grid-column-end:2}.m\:col-end-3{grid-column-end:3}.m\:col-end-4{grid-column-end:4}.m\:col-end-5{grid-column-end:5}.m\:col-end-6{grid-column-end:6}.m\:col-end-7{grid-column-end:7}.m\:col-end-8{grid-column-end:8}.m\:col-end-9{grid-column-end:9}.m\:col-end-10{grid-column-end:10}.m\:col-end-11{grid-column-end:11}.m\:col-end-12{grid-column-end:12}.m\:col-end-13{grid-column-end:13}.m\:col-end-auto{grid-column-end:auto}}@media (min-width:769px){.pc\:col-auto{grid-column:auto}.pc\:col-span-1{grid-column:span 1/span 1}.pc\:col-span-2{grid-column:span 2/span 2}.pc\:col-span-3{grid-column:span 3/span 3}.pc\:col-span-4{grid-column:span 4/span 4}.pc\:col-span-5{grid-column:span 5/span 5}.pc\:col-span-6{grid-column:span 6/span 6}.pc\:col-span-7{grid-column:span 7/span 7}.pc\:col-span-8{grid-column:span 8/span 8}.pc\:col-span-9{grid-column:span 9/span 9}.pc\:col-span-10{grid-column:span 10/span 10}.pc\:col-span-11{grid-column:span 11/span 1}.pc\:col-span-12{grid-column:span 12/span 12}.pc\:col-span-full{grid-column:1/-1}.pc\:col-start-1{grid-column-start:1}.pc\:col-start-2{grid-column-start:2}.pc\:col-start-3{grid-column-start:3}.pc\:col-start-4{grid-column-start:4}.pc\:col-start-5{grid-column-start:5}.pc\:col-start-6{grid-column-start:6}.pc\:col-start-7{grid-column-start:7}.pc\:col-start-8{grid-column-start:8}.pc\:col-start-9{grid-column-start:9}.pc\:col-start-10{grid-column-start:10}.pc\:col-start-11{grid-column-start:11}.pc\:col-start-12{grid-column-start:12}.pc\:col-start-13{grid-column-start:13}.pc\:col-s
/*!markdown
---
title: Grid Template Columns
---
| Class | Properties |
| ----------- | ------------------------ |
| 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(6, 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 |
*/.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-cols-7{grid-template-columns:repeat(6,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}@media (max-width:768px){.m\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.m\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.m\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.m\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.m\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.m\:grid-cols-6,.m\:grid-cols-7{grid-template-columns:repeat(6,minmax(0,1fr))}.m\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.m\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.m\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.m\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.m\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.m\:grid-cols-none{grid-template-columns:none}}@media (min-width:769px){.pc\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.pc\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pc\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pc\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pc\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.pc\:grid-cols-6,.pc\:grid-cols-7{grid-template-columns:repeat(6,minmax(0,1fr))}.pc\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.pc\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.pc\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.pc\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.pc\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.pc\:grid-cols-none{grid-template-columns:none}}
/*!markdown
---
title: Gap
---
| Class | Properties |
| ----------- | ------------------------ |
| gap-px | gap: 0.0625rem |
| gap-x-px | column-gap: 0.0625rem |
| gap-y-px | row-gap: 0.0625rem |
| gap-0 | gap: 0 |
| gap-x-0 | column-gap: 0 |
| gap-y-0 | row-gap: 0 |
| gap-none | gap: 0 |
| gap-x-none | column-gap: 0 |
| gap-y-none | row-gap: 0 |
| gap-0\.5 | gap: 0.125rem |
| gap-x-0\.5 | column-gap: 0.125rem |
| gap-y-0\.5 | row-gap: 0.125rem |
| gap-1 | gap: 0.25rem |
| gap-x-1 | column-gap: 0.25rem |
| gap-y-1 | row-gap: 0.25rem |
| gap-1\.5 | gap: 0.375rem |
| gap-x-1\.5 | column-gap: 0.375rem |
| gap-y-1\.5 | row-gap: 0.375rem |
| gap-2 | gap: 0.5rem |
| gap-x-2 | column-gap: 0.5rem |
| gap-y-2 | row-gap: 0.5rem |
| gap-2\.5 | gap: 0.625rem |
| gap-x-2\.5 | column-gap: 0.625rem |
| gap-y-2\.5 | row-gap: 0.625rem |
| gap-3 | gap: 0.75rem |
| gap-x-3 | column-gap: 0.75rem |
| gap-y-3 | row-gap: 0.75rem |
| gap-3\.5 | gap: 0.875rem |
| gap-x-3\.5 | column-gap: 0.875rem |
| gap-y-3\.5 | row-gap: 0.875rem |
| gap-4 | gap: 1rem |
| gap-x-4 | column-gap: 1rem |
| gap-y-4 | row-gap: 1rem |
| gap-5 | gap: 1.25rem |
| gap-x-5 | column-gap: 1.25rem |
| gap-y-5 | row-gap: 1.25rem |
| gap-6 | gap: 1.5rem |
| gap-x-6 | column-gap: 1.5rem |
| gap-y-6 | row-gap: 1.5rem |
| gap-7 | gap: 1.75rem |
| gap-x-7 | column-gap: 1.75rem |
| gap-y-7 | row-gap: 1.75rem |
| gap-8 | gap: 2rem |
| gap-x-8 | column-gap: 2rem |
| gap-y-8 | row-gap: 2rem |
| gap-9 | gap: 2.25rem |
| gap-x-9 | column-gap: 2.25rem |
| gap-y-9 | row-gap: 2.25rem |
| gap-10 | gap: 2.5rem |
| gap-x-10 | column-gap: 2.5rem |
| gap-y-10 | row-gap: 2.5rem |
| gap-11 | gap: 2.75rem |
| gap-x-11 | column-gap: 2.75rem |
| gap-y-11 | row-gap: 2.75rem |
| gap-12 | gap: 3rem |
| gap-x-12 | column-gap: 3rem |
| gap-y-12 | row-gap: 3rem |
| gap-14 | gap: 3.5rem |
| gap-x-14 | column-gap: 3.5rem |
| gap-y-14 | row-gap: 3.5rem |
| gap-16 | gap: 4rem |
| gap-x-16 | column-gap: 4rem |
| gap-y-16 | row-gap: 4rem |
| gap-18 | gap: 4.5rem |
| gap-x-18 | column-gap: 4.5rem |
| gap-y-18 | row-gap: 4.5rem |
| gap-20 | gap: 5rem |
| gap-x-20 | column-gap: 5rem |
| gap-y-20 | row-gap: 5rem |
| gap-24 | gap: 6rem |
| gap-x-24 | column-gap: 6rem |
| gap-y-24 | row-gap: 6rem |
| gap-28 | gap: 7rem |
| gap-x-28 | column-gap: 7rem |
| gap-y-28 | row-gap: 7rem |
| gap-32 | gap: 8rem |
| gap-x-32 | column-gap: 8rem |
| gap-y-32 | row-gap: 8rem |
| gap-36 | gap: 9rem |
| gap-x-36 | column-gap: 9rem |
| gap-y-36 | row-gap: 9rem |
| gap-40 | gap: 10rem |
| gap-x-40 | column-gap: 10rem |
| gap-y-40 | row-gap: 10rem |
| gap-44 | gap: 11rem |
| gap-x-44 | column-gap: 11rem |
| gap-y-44 | row-gap: 11rem |
| gap-48 | gap: 12rem |
| gap-x-48 | column-gap: 12rem |
| gap-y-48 | row-gap: 12rem |
| gap-52 | gap: 13rem |
| gap-x-52 | column-gap: 13rem |
| gap-y-52 | row-gap: 13rem |
| gap-56 | gap: 14rem |
| gap-x-56 | column-gap: 14rem |
| gap-y-56 | row-gap: 14rem |
| gap-60 | gap: 15rem |
| gap-x-60 | column-gap: 15rem |
| gap-y-60 | row-gap: 15rem |
| gap-64 | gap: 16rem |
| gap-x-64 | column-gap: 16rem |
| gap-y-64 | row-gap: 16rem |
| gap-72 | gap: 18rem |
| gap-x-72 | column-gap: 18rem |
| gap-y-72 | row-gap: 18rem |
| gap-80 | gap: 20rem |
| gap-x-80 | column-gap: 20rem |
| gap-y-80 | row-gap: 20rem |
| gap-96 | gap: 24rem |
| gap-x-96 | column-gap: 24rem |
| gap-y-96 | row-gap: 24rem |
*/.gap-px{gap:.0625rem}.gap-x-px{-moz-column-gap:.0625rem;-webkit-column-gap:.0625rem;column-gap:.0625rem}.gap-y-px{row-gap:.0625rem}.gap-0{gap:0}.gap-x-0{-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}.gap-y-0{row-gap:0}.gap-none{gap:0}.gap-x-none{-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}.gap-y-none{row-gap:0}.gap-0\.5{gap:.125rem}.gap-x-0\.5{-moz-column-gap:.125rem;-webkit-column-gap:.125rem;column-gap:.125rem}.gap-y-0\.5{row-gap:.125rem}.gap-1{gap:.25rem}.gap-x-1{-moz-column-gap:.25rem;-webkit-column-gap:.25rem;column-gap:.25rem}.gap-y-1{row-gap:.25rem}.gap-1\.5{gap:.375rem}.gap-x-1\.5{-moz-column-gap:.375rem;-webkit-column-gap:.375rem;column-gap:.375rem}.gap-y-1\.5{row-gap:.375rem}.gap-2{gap:.5rem}.gap-x-2{-moz-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.gap-y-2{row-gap:.5rem}.gap-2\.5{gap:.625rem}.gap-x-2\.5{-moz-column-gap:.625rem;-webkit-column-gap:.625rem;column-gap:.625rem}.gap-y-2\.5{row-gap:.625rem}.gap-3{gap:.75rem}.gap-x-3{-moz-column-gap:.75rem;-webkit-column-gap:.75rem;column-gap:.75rem}.gap-y-3{row-gap:.75rem}.gap-3\.5{gap:.875rem}.gap-x-3\.5{-moz-column-gap:.875rem;-webkit-column-gap:.875rem;column-gap:.875rem}.gap-y-3\.5{row-gap:.875rem}.gap-4{gap:1rem}.gap-x-4{-moz-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.gap-y-4{row-gap:1rem}.gap-5{gap:1.25rem}.gap-x-5{-moz-column-gap:1.25rem;-webkit-column-gap:1.25rem;column-gap:1.25rem}.gap-y-5{row-gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-6{-moz-column-gap:1.5rem;-webkit-column-gap:1.5rem;column-gap:1.5rem}.gap-y-6{row-gap:1.5rem}.gap-7{gap:1.75rem}.gap-x-7{-moz-column-gap:1.75rem;-webkit-column-gap:1.75rem;column-gap:1.75rem}.gap-y-7{row-gap:1.75rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.gap-y-8{row-gap:2rem}.gap-9{gap:2.25rem}.gap-x-9{-moz-column-gap:2.25rem;-webkit-column-gap:2.25rem;column-gap:2.25rem}.gap-y-9{row-gap:2.25rem}.gap-10{gap:2.5rem}.gap-x-10{-moz-column-gap:2.5rem;-webkit-column-gap:2.5rem;column-gap:2.5rem}.gap-y-10{row-gap:2.5rem}.gap-11{gap:2.75rem}.gap-x-11{-moz-column-gap:2.75rem;-webkit-column-gap:2.75rem;column-gap:2.75rem}.gap-y-11{row-gap:2.75rem}.gap-12{gap:3rem}.gap-x-12{-moz-column-gap:3rem;-webkit-column-gap:3rem;column-gap:3rem}.gap-y-12{row-gap:3rem}.gap-14{gap:3.5rem}.gap-x-14{-moz-column-gap:3.5rem;-webkit-column-gap:3.5rem;column-gap:3.5rem}.gap-y-14{row-gap:3.5rem}.gap-16{gap:4rem}.gap-x-16{-moz-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem}.gap-y-16{row-gap:4rem}.gap-18{gap:4.5rem}.gap-x-18{-moz-column-gap:4.5rem;-webkit-column-gap:4.5rem;column-gap:4.5rem}.gap-y-18{row-gap:4.5rem}.gap-20{gap:5rem}.gap-x-20{-moz-column-gap:5rem;-webkit-column-gap:5rem;column-gap:5rem}.gap-y-20{row-gap:5rem}.gap-24{gap:6rem}.gap-x-24{-moz-column-gap:6rem;-webkit-column-gap:6rem;column-gap:6rem}.gap-y-24{row-gap:6rem}.gap-28{gap:7rem}.gap-x-28{-moz-column-gap:7rem;-webkit-column-gap:7rem;column-gap:7rem}.gap-y-28{row-gap:7rem}.gap-32{gap:8rem}.gap-x-32{-moz-column-gap:8rem;-webkit-column-gap:8rem;column-gap:8rem}.gap-y-32{row-gap:8rem}.gap-36{gap:9rem}.gap-x-36{-moz-column-gap:9rem;-webkit-column-gap:9rem;column-gap:9rem}.gap-y-36{row-gap:9rem}.gap-40{gap:10rem}.gap-x-40{-moz-column-gap:10rem;-webkit-column-gap:10rem;column-gap:10rem}.gap-y-40{row-gap:10rem}.gap-44{gap:11rem}.gap-x-44{-moz-column-gap:11rem;-webkit-column-gap:11rem;column-gap:11rem}.gap-y-44{row-gap:11rem}.gap-48{gap:12rem}.gap-x-48{-moz-column-gap:12rem;-webkit-column-gap:12rem;column-gap:12rem}.gap-y-48{row-gap:12rem}.gap-52{gap:13rem}.gap-x-52{-moz-column-gap:13rem;-webkit-column-gap:13rem;column-gap:13rem}.gap-y-52{row-gap:13rem}.gap-56{gap:14rem}.gap-x-56{-moz-column-gap:14rem;-webkit-column-gap:14rem;column-gap:14rem}.gap-y-56{row-gap:14rem}.gap-60{gap:15rem}.gap-x-60{-moz-column-gap:15rem;-webkit-column-gap:15rem;column-gap:15rem}.gap-y-60{row-gap:15rem}.gap-64{gap:16rem}.gap-x-64{-moz-column-gap:16rem;-webkit-column-gap:16rem;column-gap:16rem}.gap-y-64{row-gap:16rem}.gap-72{gap:18rem}.gap-x-72{-moz-column-gap:18rem;-webkit-column-gap:18rem;column-gap:18rem}.gap-y-72{row-gap
/*!markdown
---
title: Grid Row Start / End
---
| Class | Properties |
| ----------- | ------------------------ |
| 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-span-7 | grid-row: span 7/span 7 |
| row-span-8 | grid-row: span 8/span 8 |
| row-span-9 | grid-row: span 9/span 9 |
| row-span-10 | grid-row: span 10/span 10 |
| row-span-11 | grid-row: span 11/span 1 |
| row-span-12 | grid-row: span 12/span 12 |
| row-span-full | grid-row: 1/-1 |
| 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-8 | grid-row-start: 8 |
| row-start-9 | grid-row-start: 9 |
| row-start-10 | grid-row-start: 10 |
| row-start-11 | grid-row-start: 11 |
| row-start-12 | grid-row-start: 12 |
| row-start-13 | grid-row-start: 13 |
| 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-8 | grid-row-end: 8 |
| row-end-9 | grid-row-end: 9 |
| row-end-10 | grid-row-end: 10 |
| row-end-11 | grid-row-end: 11 |
| row-end-12 | grid-row-end: 12 |
| row-end-13 | grid-row-end: 13 |
| row-end-auto | grid-row-end: auto |
*/.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-span-7{grid-row:span 7/span 7}.row-span-8{grid-row:span 8/span 8}.row-span-9{grid-row:span 9/span 9}.row-span-10{grid-row:span 10/span 10}.row-span-11{grid-row:span 11/span 1}.row-span-12{grid-row:span 12/span 12}.row-span-full{grid-row:1/-1}.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-8{grid-row-start:8}.row-start-9{grid-row-start:9}.row-start-10{grid-row-start:10}.row-start-11{grid-row-start:11}.row-start-12{grid-row-start:12}.row-start-13{grid-row-start:13}.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-8{grid-row-end:8}.row-end-9{grid-row-end:9}.row-end-10{grid-row-end:10}.row-end-11{grid-row-end:11}.row-end-12{grid-row-end:12}.row-end-13{grid-row-end:13}.row-end-auto{grid-row-end:auto}@media (max-width:768px){.m\:row-auto{grid-row:auto}.m\:row-span-1{grid-row:span 1/span 1}.m\:row-span-2{grid-row:span 2/span 2}.m\:row-span-3{grid-row:span 3/span 3}.m\:row-span-4{grid-row:span 4/span 4}.m\:row-span-5{grid-row:span 5/span 5}.m\:row-span-6{grid-row:span 6/span 6}.m\:row-span-7{grid-row:span 7/span 7}.m\:row-span-8{grid-row:span 8/span 8}.m\:row-span-9{grid-row:span 9/span 9}.m\:row-span-10{grid-row:span 10/span 10}.m\:row-span-11{grid-row:span 11/span 1}.m\:row-span-12{grid-row:span 12/span 12}.m\:row-span-full{grid-row:1/-1}.m\:row-start-1{grid-row-start:1}.m\:row-start-2{grid-row-start:2}.m\:row-start-3{grid-row-start:3}.m\:row-start-4{grid-row-start:4}.m\:row-start-5{grid-row-start:5}.m\:row-start-6{grid-row-start:6}.m\:row-start-7{grid-row-start:7}.m\:row-start-8{grid-row-start:8}.m\:row-start-9{grid-row-start:9}.m\:row-start-10{grid-row-start:10}.m\:row-start-11{grid-row-start:11}.m\:row-start-12{grid-row-start:12}.m\:row-start-13{grid-row-start:13}.m\:row-start-auto{grid-row-start:auto}.m\:row-end-1{grid-row-end:1}.m\:row-end-2{grid-row-end:2}.m\:row-end-3{grid-row-end:3}.m\:row-end-4{grid-row-end:4}.m\:row-end-5{grid-row-end:5}.m\:row-end-6{grid-row-end:6}.m\:row-end-7{grid-row-end:7}.m\:row-end-8{grid-row-end:8}.m\:row-end-9{grid-row-end:9}.m\:row-end-10{grid-row-end:10}.m\:row-end-11{grid-row-end:11}.m\:row-end-12{grid-row-end:12}.m\:row-end-13{grid-row-end:13}.m\:row-end-auto{grid-row-end:auto}}@media (min-width:769px){.pc\:row-auto{grid-row:auto}.pc\:row-span-1{grid-row:span 1/span 1}.pc\:row-span-2{grid-row:span 2/span 2}.pc\:row-span-3{grid-row:span 3/span 3}.pc\:row-span-4{grid-row:span 4/span 4}.pc\:row-span-5{grid-row:span 5/span 5}.pc\:row-span-6{grid-row:span 6/span 6}.pc\:row-span-7{grid-row:span 7/span 7}.pc\:row-span-8{grid-row:span 8/span 8}.pc\:row-span-9{grid-row:span 9/span 9}.pc\:row-span-10{grid-row:span 10/span 10}.pc\:row-span-11{grid-row:span 11/span 1}.pc\:row-span-12{grid-row:span 12/span 12}.pc\:row-span-full{grid-row:1/-1}.pc\:row-start-1{grid-row-start:1}.pc\:row-start-2{grid-row-start:2}.pc\:row-start-3{grid-row-start:3}.pc\:row-start-4{grid-row-start:4}.pc\:row-start-5{grid-row-start:5}.pc\:row-start-6{grid-row-start:6}.pc\:row-start-7{grid-row-start:7}.pc\:row-start-8{grid-row-start:8}.pc\:row-start-9{grid-row-start:9}.pc\:row-start-10{grid-row-start:10}.pc\:row-start-11{grid-row-start:11}.pc\:row-start-12{grid-row-start:12}.pc\:row-start-13{grid-row-start:13}.pc\:row-start-auto{grid-row-start:auto}.pc\:row-end-1{grid-row-end:1}.pc\:row-end-2{grid-row-end:2}.pc\:row-end-3{grid-row-end:3}.pc\:row-end-4{grid-row-end:4}.pc\:row-end-5{grid-row-end:5}.pc\:row-end-6{grid-row-end:6}.pc\:row-end-7{grid-row-end:7}.pc\:row-end-8{grid-row-end:8}.pc\:row-end-9{grid-row-end:9}.pc\:row-end-10{grid-row-end:10}.
/*!markdown
---
title: Grid Template Rows
---
| Class | Properties |
| ----------- | ------------------------ |
| 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 |
*/.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}@media (max-width:768px){.m\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.m\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.m\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.m\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.m\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.m\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.m\:grid-rows-none{grid-template-rows:none}}@media (min-width:769px){.pc\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.pc\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.pc\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.pc\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.pc\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.pc\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.pc\:grid-rows-none{grid-template-rows:none}}
/*!markdown
---
title: Align Content
---
| Class | Properties |
| ----------- | ------------------------ |
| 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 |
| content-evenly | align-content: space-evenly |
*/.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.content-start{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.content-end{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.content-between{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.content-around{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.content-evenly{-ms-flex-line-pack:space-evenly;-webkit-align-content:space-evenly;align-content:space-evenly}@media (max-width:768px){.m\:content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.m\:content-start{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.m\:content-end{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.m\:content-between{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.m\:content-around{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.m\:content-evenly{-ms-flex-line-pack:space-evenly;-webkit-align-content:space-evenly;align-content:space-evenly}}@media (min-width:769px){.pc\:content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.pc\:content-start{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.pc\:content-end{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.pc\:content-between{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.pc\:content-around{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.pc\:content-evenly{-ms-flex-line-pack:space-evenly;-webkit-align-content:space-evenly;align-content:space-evenly}}
/*!markdown
---
title: Align Items
---
| Class | Properties |
| ----------- | ------------------------ |
| 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 |
*/.items-start{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.items-end{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.items-center{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.items-baseline{-webkit-box-align:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.items-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}@media (max-width:768px){.m\:items-start{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.m\:items-end{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.m\:items-center{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.m\:items-baseline{-webkit-box-align:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.m\:items-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}}@media (min-width:769px){.pc\:items-start{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.pc\:items-end{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.pc\:items-center{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.pc\:items-baseline{-webkit-box-align:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.pc\:items-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}}
/*!markdown
---
title: Align Self
---
| Class | Properties |
| ----------- | ------------------------ |
| 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 |
*/.self-auto{-ms-flex-item-align:auto;-webkit-align-self:auto;align-self:auto}.self-start{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start}.self-end{-ms-flex-item-align:end;-webkit-align-self:flex-end;align-self:flex-end}.self-center{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center}.self-stretch{-ms-flex-item-align:stretch;-webkit-align-self:stretch;align-self:stretch}@media (max-width:768px){.m\:self-auto{-ms-flex-item-align:auto;-webkit-align-self:auto;align-self:auto}.m\:self-start{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start}.m\:self-end{-ms-flex-item-align:end;-webkit-align-self:flex-end;align-self:flex-end}.m\:self-center{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center}.m\:self-stretch{-ms-flex-item-align:stretch;-webkit-align-self:stretch;align-self:stretch}}@media (min-width:769px){.pc\:self-auto{-ms-flex-item-align:auto;-webkit-align-self:auto;align-self:auto}.pc\:self-start{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start}.pc\:self-end{-ms-flex-item-align:end;-webkit-align-self:flex-end;align-self:flex-end}.pc\:self-center{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center}.pc\:self-stretch{-ms-flex-item-align:stretch;-webkit-align-self:stretch;align-self:stretch}}
/*!markdown
---
title: Jsutify Content
---
| Class | Properties |
| ----------- | ------------------------ |
| 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 |
*/.justify-start{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.justify-center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.justify-evenly{-webkit-box-pack:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly}@media (max-width:768px){.m\:justify-start{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.m\:justify-end{-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.m\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.m\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.m\:justify-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.m\:justify-evenly{-webkit-box-pack:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly}}@media (min-width:769px){.pc\:justify-start{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.pc\:justify-end{-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.pc\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.pc\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.pc\:justify-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.pc\:justify-evenly{-webkit-box-pack:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-justify-content:space-evenly;justify-content:space-evenly}}
/*!markdown
---
title: Justify Items
---
| Class | Properties |
| ----------- | ------------------------ |
| justify-items-auto | justify-items: auto |
| justify-items-start | justify-items: start |
| justify-items-end | justify-items: end |
| justify-items-center | justify-items: center |
| justify-items-stretch | justify-items: stretch |
*/.justify-items-auto{justify-items:auto}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}@media (max-width:768px){.m\:justify-items-auto{justify-items:auto}.m\:justify-items-start{justify-items:start}.m\:justify-items-end{justify-items:end}.m\:justify-items-center{justify-items:center}.m\:justify-items-stretch{justify-items:stretch}}@media (min-width:769px){.pc\:justify-items-auto{justify-items:auto}.pc\:justify-items-start{justify-items:start}.pc\:justify-items-end{justify-items:end}.pc\:justify-items-center{justify-items:center}.pc\:justify-items-stretch{justify-items:stretch}}
/*!markdown
---
title: Jsutify Self
---
| Class | Properties |
| ----------- | ------------------------ |
| justify-self-auto | justify-self: auto |
| justify-self-start | justify-self: start |
| justify-self-end | justify-self: end |
| justify-self-center | justify-self: center |
| justify-self-stretch | justify-self: stretch |
*/.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}@media (max-width:768px){.m\:justify-self-auto{justify-self:auto}.m\:justify-self-start{justify-self:start}.m\:justify-self-end{justify-self:end}.m\:justify-self-center{justify-self:center}.m\:justify-self-stretch{justify-self:stretch}}@media (min-width:769px){.pc\:justify-self-auto{justify-self:auto}.pc\:justify-self-start{justify-self:start}.pc\:justify-self-end{justify-self:end}.pc\:justify-self-center{justify-self:center}.pc\:justify-self-stretch{justify-self:stretch}}
/*!markdown
---
title: Place Content
---
| Class | Properties |
| ----------- | ------------------------ |
| place-content-center | place-content: center |
| place-content-start | place-content: start |
| place-content-end | place-content: end |
| place-content-between | place-content: space-between |
| place-content-around | place-content: space-around |
| place-content-evenly | place-content: space-evenly |
| place-content-stretch | place-content: stretch |
*/.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-stretch{place-content:stretch}@media (max-width:768px){.m\:place-content-center{place-content:center}.m\:place-content-start{place-content:start}.m\:place-content-end{place-content:end}.m\:place-content-between{place-content:space-between}.m\:place-content-around{place-content:space-around}.m\:place-content-evenly{place-content:space-evenly}.m\:place-content-stretch{place-content:stretch}}@media (min-width:769px){.pc\:place-content-center{place-content:center}.pc\:place-content-start{place-content:start}.pc\:place-content-end{place-content:end}.pc\:place-content-between{place-content:space-between}.pc\:place-content-around{place-content:space-around}.pc\:place-content-evenly{place-content:space-evenly}.pc\:place-content-stretch{place-content:stretch}}
/*!markdown
---
title: Place Items
---
| Class | Properties |
| ----------- | ------------------------ |
| place-items-auto | place-items: auto |
| place-items-start | place-items: start |
| place-items-end | place-items: end |
| place-items-center | place-items: center |
| place-items-stretch | place-items: stretch |
*/.place-items-auto{place-items:auto}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch}@media (max-width:768px){.m\:place-items-auto{place-items:auto}.m\:place-items-start{place-items:start}.m\:place-items-end{place-items:end}.m\:place-items-center{place-items:center}.m\:place-items-stretch{place-items:stretch}}@media (min-width:769px){.pc\:place-items-auto{place-items:auto}.pc\:place-items-start{place-items:start}.pc\:place-items-end{place-items:end}.pc\:place-items-center{place-items:center}.pc\:place-items-stretch{place-items:stretch}}
/*!markdown
---
title: Place Self
---
| Class | Properties |
| ----------- | ------------------------ |
| place-self-auto | place-self: auto |
| place-self-start | place-self: start |
| place-self-end | place-self: end |
| place-self-center | place-self: center |
| place-self-stretch | place-self: stretch |
*/.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}@media (max-width:768px){.m\:place-self-auto{place-self:auto}.m\:place-self-start{place-self:start}.m\:place-self-end{place-self:end}.m\:place-self-center{place-self:center}.m\:place-self-stretch{place-self:stretch}}@media (min-width:769px){.pc\:place-self-auto{place-self:auto}.pc\:place-self-start{place-self:start}.pc\:place-self-end{place-self:end}.pc\:place-self-center{place-self:center}.pc\:place-self-stretch{place-self:stretch}}
/*!markdown
---
title: Box Shadow
---
| Class | Properties |
| ----------- | ------------------------ |
| 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-none | box-shadow: none |
还有 hover、active、focus 扩展，比如 `hover:shadow-sm`
*/.shadow-sm{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.shadow-2xl{-webkit-box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-inner{-webkit-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06);box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)}.shadow-none{-webkit-box-shadow:none;box-shadow:none}.hover\:shadow-sm:hover{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.hover\:shadow:hover{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.hover\:shadow-md:hover{-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.hover\:shadow-lg:hover{-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hover\:shadow-xl:hover{-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.hover\:shadow-2xl:hover{-webkit-box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.hover\:shadow-inner:hover{-webkit-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06);box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)}.hover\:shadow-none:hover{-webkit-box-shadow:none;box-shadow:none}.active\:shadow-sm.is-active,.active\:shadow-sm:active{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.active\:shadow.is-active,.active\:shadow:active{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.active\:shadow-md.is-active,.active\:shadow-md:active{-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.active\:shadow-lg.is-active,.active\:shadow-lg:active{-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.active\:shadow-xl.is-active,.active\:shadow-xl:active{-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.active\:shadow-2xl.is-active,.active\:shadow-2xl:active{-webkit-box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.active\:shadow-inner.is-active,.active\:shadow-inner:active{-webkit-box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06);box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06)}.active\:shadow-none.is-active,.active\:shadow-none:active{-webkit-box-shadow:none;box-shadow:none}.focus\:shadow-sm:focus{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.focus\:shadow:focus{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.focus\:shadow-md:focus{-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.focus\:shadow-lg:focus{-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px
/*!markdown
---
title: Opacity
---
| Class | Properties |
| ----------- | ------------------------ |
| opacity-0 | opacity: 0 |
| opacity-5 | opacity: 0.05 |
| opacity-10 | opacity: 0.1 |
| opacity-20 | opacity: 0.2 |
| opacity-25 | opacity: 0.25 |
| opacity-30 | opacity: 0.3 |
| opacity-40 | opacity: 0.4 |
| opacity-50 | opacity: 0.5 |
| opacity-60 | opacity: 0.6 |
| opacity-70 | opacity: 0.7 |
| opacity-75 | opacity: 0.75 |
| opacity-80 | opacity: 0.8 |
| opacity-90 | opacity: 0.9 |
| opacity-95 | opacity: 0.95 |
| opacity-100 | opacity: 1 |
*/.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}@media (max-width:768px){.m\:opacity-0{opacity:0}.m\:opacity-5{opacity:.05}.m\:opacity-10{opacity:.1}.m\:opacity-20{opacity:.2}.m\:opacity-25{opacity:.25}.m\:opacity-30{opacity:.3}.m\:opacity-40{opacity:.4}.m\:opacity-50{opacity:.5}.m\:opacity-60{opacity:.6}.m\:opacity-70{opacity:.7}.m\:opacity-75{opacity:.75}.m\:opacity-80{opacity:.8}.m\:opacity-90{opacity:.9}.m\:opacity-95{opacity:.95}.m\:opacity-100{opacity:1}}@media (min-width:769px){.pc\:opacity-0{opacity:0}.pc\:opacity-5{opacity:.05}.pc\:opacity-10{opacity:.1}.pc\:opacity-20{opacity:.2}.pc\:opacity-25{opacity:.25}.pc\:opacity-30{opacity:.3}.pc\:opacity-40{opacity:.4}.pc\:opacity-50{opacity:.5}.pc\:opacity-60{opacity:.6}.pc\:opacity-70{opacity:.7}.pc\:opacity-75{opacity:.75}.pc\:opacity-80{opacity:.8}.pc\:opacity-90{opacity:.9}.pc\:opacity-95{opacity:.95}.pc\:opacity-100{opacity:1}}
/*!markdown
---
title: Margin
---
| Class | Properties |
| ----------- | ------------------------ |
| m-px | margin: 0.0625rem |
| m-0 | margin: 0 |
| m-none | margin: 0 |
| m-0\.5 | margin: 0.125rem |
| m-1 | margin: 0.25rem |
| m-1\.5 | margin: 0.375rem |
| m-2 | margin: 0.5rem |
| m-2\.5 | margin: 0.625rem |
| m-3 | margin: 0.75rem |
| m-3\.5 | margin: 0.875rem |
| m-4 | margin: 1rem |
| m-5 | margin: 1.25rem |
| m-6 | margin: 1.5rem |
| m-7 | margin: 1.75rem |
| m-8 | margin: 2rem |
| m-9 | margin: 2.25rem |
| m-10 | margin: 2.5rem |
| m-11 | margin: 2.75rem |
| m-12 | margin: 3rem |
| m-14 | margin: 3.5rem |
| m-16 | margin: 4rem |
| m-18 | margin: 4.5rem |
| m-20 | margin: 5rem |
| m-24 | margin: 6rem |
| m-28 | margin: 7rem |
| m-32 | margin: 8rem |
| m-36 | margin: 9rem |
| m-40 | margin: 10rem |
| m-44 | margin: 11rem |
| m-48 | margin: 12rem |
| m-52 | margin: 13rem |
| m-56 | margin: 14rem |
| m-60 | margin: 15rem |
| m-64 | margin: 16rem |
| m-72 | margin: 18rem |
| m-80 | margin: 20rem |
| m-96 | margin: 24rem |
| m-auto | margin: auto |
| -m-px | margin: -0.0625rem |
| -m-0 | margin: 0 |
| -m-none | margin: 0 |
| -m-0\.5 | margin: -0.125rem |
| -m-1 | margin: -0.25rem |
| -m-1\.5 | margin: -0.375rem |
| -m-2 | margin: -0.5rem |
| -m-2\.5 | margin: -0.625rem |
| -m-3 | margin: -0.75rem |
| -m-3\.5 | margin: -0.875rem |
| -m-4 | margin: -1rem |
| -m-5 | margin: -1.25rem |
| -m-6 | margin: -1.5rem |
| -m-7 | margin: -1.75rem |
| -m-8 | margin: -2rem |
| -m-9 | margin: -2.25rem |
| -m-10 | margin: -2.5rem |
| -m-11 | margin: -2.75rem |
| -m-12 | margin: -3rem |
| -m-14 | margin: -3.5rem |
| -m-16 | margin: -4rem |
| -m-18 | margin: -4.5rem |
| -m-20 | margin: -5rem |
| -m-24 | margin: -6rem |
| -m-28 | margin: -7rem |
| -m-32 | margin: -8rem |
| -m-36 | margin: -9rem |
| -m-40 | margin: -10rem |
| -m-44 | margin: -11rem |
| -m-48 | margin: -12rem |
| -m-52 | margin: -13rem |
| -m-56 | margin: -14rem |
| -m-60 | margin: -15rem |
| -m-64 | margin: -16rem |
| -m-72 | margin: -18rem |
| -m-80 | margin: -20rem |
| -m-96 | margin: -24rem |
| mx-px | margin-left: 0.0625rem; margin-right: 0.0625rem |
| mx-0 | margin-left: 0; margin-right: 0 |
| mx-none | margin-left: 0; margin-right: 0 |
| mx-0\.5 | margin-left: 0.125rem; margin-right: 0.125rem |
| mx-1 | margin-left: 0.25rem; margin-right: 0.25rem |
| mx-1\.5 | margin-left: 0.375rem; margin-right: 0.375rem |
| mx-2 | margin-left: 0.5rem; margin-right: 0.5rem |
| mx-2\.5 | margin-left: 0.625rem; margin-right: 0.625rem |
| mx-3 | margin-left: 0.75rem; margin-right: 0.75rem |
| mx-3\.5 | margin-left: 0.875rem; margin-right: 0.875rem |
| mx-4 | margin-left: 1rem; margin-right: 1rem |
| mx-5 | margin-left: 1.25rem; margin-right: 1.25rem |
| mx-6 | margin-left: 1.5rem; margin-right: 1.5rem |
| mx-7 | margin-left: 1.75rem; margin-right: 1.75rem |
| mx-8 | margin-left: 2rem; margin-right: 2rem |
| mx-9 | margin-left: 2.25rem; margin-right: 2.25rem |
| mx-10 | margin-left: 2.5rem; margin-right: 2.5rem |
| mx-11 | margin-left: 2.75rem; margin-right: 2.75rem |
| mx-12 | margin-left: 3rem; margin-right: 3rem |
| mx-14 | margin-left: 3.5rem; margin-right: 3.5rem |
| mx-16 | margin-left: 4rem; margin-right: 4rem |
| mx-18 | margin-left: 4.5rem; margin-right: 4.5rem |
| mx-20 | margin-left: 5rem; margin-right: 5rem |
| mx-24 | margin-left: 6rem; margin-right: 6rem |
| mx-28 | margin-left: 7rem; margin-right: 7rem |
| mx-32 | margin-left: 8rem; margin-right: 8rem |
| mx-36 | margin-left: 9rem; margin-right: 9rem |
| mx-40 | margin-left: 10rem; margin-right: 10rem |
| mx-44 | margin-left: 11rem; margin-right: 11rem |
| mx-48 | margin-left: 12rem; margin-right: 12rem |
| mx-52 | margin-left: 13rem; margin-right: 13rem |
| mx-56 | margin-left: 14rem; margin-right: 14rem |
| mx-60 | margin-left: 15rem; margin-right: 15rem |
| mx-64 | margin-left: 16rem; margin-right: 16rem |
| mx-72 | margin-left: 18rem; margin-right: 18rem |
| mx-80 | margin-left: 20rem; margin-right: 20rem |
| mx-96 | margin-left: 24rem; margin-right: 24rem |
| mx-auto | margin-left: auto; margin-right: auto |
| -mx-px | margin-left: -0.0625rem; margin-right: -0.0625rem |
| -mx-0 | margin-left: 0; margin-right: 0 |
| -mx-none | margin-left: 0; margin-right: 0 |
| -mx-0\.5 | margin-left: -0.125rem; margin-right: -0.125rem |
| -mx-1 | margin-left: -0.25rem; margin-right: -0.25rem |
| -mx-1\.5 | margin-left: -0.375rem; margin-right: -0.375rem |
| -mx-2 | margin-left: -0.5rem; margin-right: -0.5rem |
| -mx-2\.5 | margin-left: -0.625rem; margin-right: -0.625rem |
| -mx-3 | margin-left: -0.75rem; margin-right: -0.75rem |
| -mx-3\.5 | margin-left: -0.875rem; margin-right: -0.875rem |
| -mx-4 | margin-left: -1rem; margin-right: -1rem |
| -mx-5 | margin-left: -1.25rem; margin-right: -1.25rem |
| -mx-6 | margin-left: -1.5rem; margin-right: -1.5rem |
| -mx-7 | margin-left: -1.75rem; margin-right: -1.75rem |
| -mx-8 | margin-left: -2rem; margin-right: -2rem |
| -mx-9 | margin-left: -2.25rem; margin-right: -2.25rem |
| -mx-10 | margin-left: -2.5rem; margin-right: -2.5rem |
| -mx-11 | margin-left: -2.75rem; margin-right: -2.75rem |
| -mx-12 | margin-left: -3rem; margin-right: -3rem |
| -mx-14 | margin-left: -3.5rem; margin-right: -3.5rem |
| -mx-16 | margin-left: -4rem; margin-right: -4rem |
| -mx-18 | margin-left: -4.5rem; margin-right: -4.5rem |
| -mx-20 | margin-left: -5rem; margin-right: -5rem |
| -mx-24 | margin-left: -6rem; margin-right: -6rem |
| -mx-28 | margin-left: -7rem; margin-right: -7rem |
| -mx-32 | margin-left: -8rem; margin-right: -8rem |
| -mx-36 | margin-left: -9rem; margin-right: -9rem |
| -mx-40 | margin-left: -10rem; margin-right: -10rem |
| -mx-44 | margin-left: -11rem; margin-right: -11rem |
| -mx-48 | margin-left: -12rem; margin-right: -12rem |
| -mx-52 | margin-left: -13rem; margin-right: -13rem |
| -mx-56 | margin-left: -14rem; margin-right: -14rem |
| -mx-60 | margin-left: -15rem; margin-right: -15rem |
| -mx-64 | margin-left: -16rem; margin-right: -16rem |
| -mx-72 | margin-left: -18rem; margin-right: -18rem |
| -mx-80 | margin-left: -20rem; margin-right: -20rem |
| -mx-96 | margin-left: -24rem; margin-right: -24rem |
| my-px | margin-top: 0.0625rem; margin-bottom: 0.0625rem |
| my-0 | margin-top: 0; margin-bottom: 0 |
| my-none | margin-top: 0; margin-bottom: 0 |
| my-0\.5 | margin-top: 0.125rem; margin-bottom: 0.125rem |
| my-1 | margin-top: 0.25rem; margin-bottom: 0.25rem |
| my-1\.5 | margin-top: 0.375rem; margin-bottom: 0.375rem |
| my-2 | margin-top: 0.5rem; margin-bottom: 0.5rem |
| my-2\.5 | margin-top: 0.625rem; margin-bottom: 0.625rem |
| my-3 | margin-top: 0.75rem; margin-bottom: 0.75rem |
| my-3\.5 | margin-top: 0.875rem; margin-bottom: 0.875rem |
| my-4 | margin-top: 1rem; margin-bottom: 1rem |
| my-5 | margin-top: 1.25rem; margin-bottom: 1.25rem |
| my-6 | margin-top: 1.5rem; margin-bottom: 1.5rem |
| my-7 | margin-top: 1.75rem; margin-bottom: 1.75rem |
| my-8 | margin-top: 2rem; margin-bottom: 2rem |
| my-9 | margin-top: 2.25rem; margin-bottom: 2.25rem |
| my-10 | margin-top: 2.5rem; margin-bottom: 2.5rem |
| my-11 | margin-top: 2.75rem; margin-bottom: 2.75rem |
| my-12 | margin-top: 3rem; margin-bottom: 3rem |
| my-14 | margin-top: 3.5rem; margin-bottom: 3.5rem |
| my-16 | margin-top: 4rem; margin-bottom: 4rem |
| my-18 | margin-top: 4.5rem; margin-bottom: 4.5rem |
| my-20 | margin-top: 5rem; margin-bottom: 5rem |
| my-24 | margin-top: 6rem; margin-bottom: 6rem |
| my-28 | margin-top: 7rem; margin-bottom: 7rem |
| my-32 | margin-top: 8rem; margin-bottom: 8rem |
| my-36 | margin-top: 9rem; margin-bottom: 9rem |
| my-40 | margin-top: 10rem; margin-bottom: 10rem |
| my-44 | margin-top: 11rem; margin-bottom: 11rem |
| my-48 | margin-top: 12rem; margin-bottom: 12rem |
| my-52 | margin-top: 13rem; margin-bottom: 13rem |
| my-56 | margin-top: 14rem; margin-bottom: 14rem |
| my-60 | margin-top: 15rem; margin-bottom: 15rem |
| my-64 | margin-top: 16rem; margin-bottom: 16rem |
| my-72 | margin-top: 18rem; margin-bottom: 18rem |
| my-80 | margin-top: 20rem; margin-bottom: 20rem |
| my-96 | margin-top: 24rem; margin-bottom: 24rem |
| my-auto | margin-top: auto; margin-bottom: auto |
| -my-px | margin-top: -0.0625rem; margin-bottom: -0.0625rem |
| -my-0 | margin-top: 0; margin-bottom: 0 |
| -my-none | margin-top: 0; margin-bottom: 0 |
| -my-0\.5 | margin-top: -0.125rem; margin-bottom: -0.125rem |
| -my-1 | margin-top: -0.25rem; margin-bottom: -0.25rem |
| -my-1\.5 | margin-top: -0.375rem; margin-bottom: -0.375rem |
| -my-2 | margin-top: -0.5rem; margin-bottom: -0.5rem |
| -my-2\.5 | margin-top: -0.625rem; margin-bottom: -0.625rem |
| -my-3 | margin-top: -0.75rem; margin-bottom: -0.75rem |
| -my-3\.5 | margin-top: -0.875rem; margin-bottom: -0.875rem |
| -my-4 | margin-top: -1rem; margin-bottom: -1rem |
| -my-5 | margin-top: -1.25rem; margin-bottom: -1.25rem |
| -my-6 | margin-top: -1.5rem; margin-bottom: -1.5rem |
| -my-7 | margin-top: -1.75rem; margin-bottom: -1.75rem |
| -my-8 | margin-top: -2rem; margin-bottom: -2rem |
| -my-9 | margin-top: -2.25rem; margin-bottom: -2.25rem |
| -my-10 | margin-top: -2.5rem; margin-bottom: -2.5rem |
| -my-11 | margin-top: -2.75rem; margin-bottom: -2.75rem |
| -my-12 | margin-top: -3rem; margin-bottom: -3rem |
| -my-14 | margin-top: -3.5rem; margin-bottom: -3.5rem |
| -my-16 | margin-top: -4rem; margin-bottom: -4rem |
| -my-18 | margin-top: -4.5rem; margin-bottom: -4.5rem |
| -my-20 | margin-top: -5rem; margin-bottom: -5rem |
| -my-24 | margin-top: -6rem; margin-bottom: -6rem |
| -my-28 | margin-top: -7rem; margin-bottom: -7rem |
| -my-32 | margin-top: -8rem; margin-bottom: -8rem |
| -my-36 | margin-top: -9rem; margin-bottom: -9rem |
| -my-40 | margin-top: -10rem; margin-bottom: -10rem |
| -my-44 | margin-top: -11rem; margin-bottom: -11rem |
| -my-48 | margin-top: -12rem; margin-bottom: -12rem |
| -my-52 | margin-top: -13rem; margin-bottom: -13rem |
| -my-56 | margin-top: -14rem; margin-bottom: -14rem |
| -my-60 | margin-top: -15rem; margin-bottom: -15rem |
| -my-64 | margin-top: -16rem; margin-bottom: -16rem |
| -my-72 | margin-top: -18rem; margin-bottom: -18rem |
| -my-80 | margin-top: -20rem; margin-bottom: -20rem |
| -my-96 | margin-top: -24rem; margin-bottom: -24rem |
| mt-px | margin-top: 0.0625rem |
| mt-0 | margin-top: 0 |
| mt-none | margin-top: 0 |
| mt-0\.5 | margin-top: 0.125rem |
| mt-1 | margin-top: 0.25rem |
| mt-1\.5 | margin-top: 0.375rem |
| mt-2 | margin-top: 0.5rem |
| mt-2\.5 | margin-top: 0.625rem |
| mt-3 | margin-top: 0.75rem |
| mt-3\.5 | margin-top: 0.875rem |
| mt-4 | margin-top: 1rem |
| mt-5 | margin-top: 1.25rem |
| mt-6 | margin-top: 1.5rem |
| mt-7 | margin-top: 1.75rem |
| mt-8 | margin-top: 2rem |
| mt-9 | margin-top: 2.25rem |
| mt-10 | margin-top: 2.5rem |
| mt-11 | margin-top: 2.75rem |
| mt-12 | margin-top: 3rem |
| mt-14 | margin-top: 3.5rem |
| mt-16 | margin-top: 4rem |
| mt-18 | margin-top: 4.5rem |
| mt-20 | margin-top: 5rem |
| mt-24 | margin-top: 6rem |
| mt-28 | margin-top: 7rem |
| mt-32 | margin-top: 8rem |
| mt-36 | margin-top: 9rem |
| mt-40 | margin-top: 10rem |
| mt-44 | margin-top: 11rem |
| mt-48 | margin-top: 12rem |
| mt-52 | margin-top: 13rem |
| mt-56 | margin-top: 14rem |
| mt-60 | margin-top: 15rem |
| mt-64 | margin-top: 16rem |
| mt-72 | margin-top: 18rem |
| mt-80 | margin-top: 20rem |
| mt-96 | margin-top: 24rem |
| -mt-px | margin-top: -0.0625rem |
| -mt-0 | margin-top: 0 |
| -mt-none | margin-top: 0 |
| -mt-0\.5 | margin-top: -0.125rem |
| -mt-1 | margin-top: -0.25rem |
| -mt-1\.5 | margin-top: -0.375rem |
| -mt-2 | margin-top: -0.5rem |
| -mt-2\.5 | margin-top: -0.625rem |
| -mt-3 | margin-top: -0.75rem |
| -mt-3\.5 | margin-top: -0.875rem |
| -mt-4 | margin-top: -1rem |
| -mt-5 | margin-top: -1.25rem |
| -mt-6 | margin-top: -1.5rem |
| -mt-7 | margin-top: -1.75rem |
| -mt-8 | margin-top: -2rem |
| -mt-9 | margin-top: -2.25rem |
| -mt-10 | margin-top: -2.5rem |
| -mt-11 | margin-top: -2.75rem |
| -mt-12 | margin-top: -3rem |
| -mt-14 | margin-top: -3.5rem |
| -mt-16 | margin-top: -4rem |
| -mt-18 | margin-top: -4.5rem |
| -mt-20 | margin-top: -5rem |
| -mt-24 | margin-top: -6rem |
| -mt-28 | margin-top: -7rem |
| -mt-32 | margin-top: -8rem |
| -mt-36 | margin-top: -9rem |
| -mt-40 | margin-top: -10rem |
| -mt-44 | margin-top: -11rem |
| -mt-48 | margin-top: -12rem |
| -mt-52 | margin-top: -13rem |
| -mt-56 | margin-top: -14rem |
| -mt-60 | margin-top: -15rem |
| -mt-64 | margin-top: -16rem |
| -mt-72 | margin-top: -18rem |
| -mt-80 | margin-top: -20rem |
| -mt-96 | margin-top: -24rem |
| mr-px | margin-right: 0.0625rem |
| mr-0 | margin-right: 0 |
| mr-none | margin-right: 0 |
| mr-0\.5 | margin-right: 0.125rem |
| mr-1 | margin-right: 0.25rem |
| mr-1\.5 | margin-right: 0.375rem |
| mr-2 | margin-right: 0.5rem |
| mr-2\.5 | margin-right: 0.625rem |
| mr-3 | margin-right: 0.75rem |
| mr-3\.5 | margin-right: 0.875rem |
| mr-4 | margin-right: 1rem |
| mr-5 | margin-right: 1.25rem |
| mr-6 | margin-right: 1.5rem |
| mr-7 | margin-right: 1.75rem |
| mr-8 | margin-right: 2rem |
| mr-9 | margin-right: 2.25rem |
| mr-10 | margin-right: 2.5rem |
| mr-11 | margin-right: 2.75rem |
| mr-12 | margin-right: 3rem |
| mr-14 | margin-right: 3.5rem |
| mr-16 | margin-right: 4rem |
| mr-18 | margin-right: 4.5rem |
| mr-20 | margin-right: 5rem |
| mr-24 | margin-right: 6rem |
| mr-28 | margin-right: 7rem |
| mr-32 | margin-right: 8rem |
| mr-36 | margin-right: 9rem |
| mr-40 | margin-right: 10rem |
| mr-44 | margin-right: 11rem |
| mr-48 | margin-right: 12rem |
| mr-52 | margin-right: 13rem |
| mr-56 | margin-right: 14rem |
| mr-60 | margin-right: 15rem |
| mr-64 | margin-right: 16rem |
| mr-72 | margin-right: 18rem |
| mr-80 | margin-right: 20rem |
| mr-96 | margin-right: 24rem |
| -mr-px | margin-right: -0.0625rem |
| -mr-0 | margin-right: 0 |
| -mr-none | margin-right: 0 |
| -mr-0\.5 | margin-right: -0.125rem |
| -mr-1 | margin-right: -0.25rem |
| -mr-1\.5 | margin-right: -0.375rem |
| -mr-2 | margin-right: -0.5rem |
| -mr-2\.5 | margin-right: -0.625rem |
| -mr-3 | margin-right: -0.75rem |
| -mr-3\.5 | margin-right: -0.875rem |
| -mr-4 | margin-right: -1rem |
| -mr-5 | margin-right: -1.25rem |
| -mr-6 | margin-right: -1.5rem |
| -mr-7 | margin-right: -1.75rem |
| -mr-8 | margin-right: -2rem |
| -mr-9 | margin-right: -2.25rem |
| -mr-10 | margin-right: -2.5rem |
| -mr-11 | margin-right: -2.75rem |
| -mr-12 | margin-right: -3rem |
| -mr-14 | margin-right: -3.5rem |
| -mr-16 | margin-right: -4rem |
| -mr-18 | margin-right: -4.5rem |
| -mr-20 | margin-right: -5rem |
| -mr-24 | margin-right: -6rem |
| -mr-28 | margin-right: -7rem |
| -mr-32 | margin-right: -8rem |
| -mr-36 | margin-right: -9rem |
| -mr-40 | margin-right: -10rem |
| -mr-44 | margin-right: -11rem |
| -mr-48 | margin-right: -12rem |
| -mr-52 | margin-right: -13rem |
| -mr-56 | margin-right: -14rem |
| -mr-60 | margin-right: -15rem |
| -mr-64 | margin-right: -16rem |
| -mr-72 | margin-right: -18rem |
| -mr-80 | margin-right: -20rem |
| -mr-96 | margin-right: -24rem |
| mb-px | margin-bottom: 0.0625rem |
| mb-0 | margin-bottom: 0 |
| mb-none | margin-bottom: 0 |
| mb-0\.5 | margin-bottom: 0.125rem |
| mb-1 | margin-bottom: 0.25rem |
| mb-1\.5 | margin-bottom: 0.375rem |
| mb-2 | margin-bottom: 0.5rem |
| mb-2\.5 | margin-bottom: 0.625rem |
| mb-3 | margin-bottom: 0.75rem |
| mb-3\.5 | margin-bottom: 0.875rem |
| mb-4 | margin-bottom: 1rem |
| mb-5 | margin-bottom: 1.25rem |
| mb-6 | margin-bottom: 1.5rem |
| mb-7 | margin-bottom: 1.75rem |
| mb-8 | margin-bottom: 2rem |
| mb-9 | margin-bottom: 2.25rem |
| mb-10 | margin-bottom: 2.5rem |
| mb-11 | margin-bottom: 2.75rem |
| mb-12 | margin-bottom: 3rem |
| mb-14 | margin-bottom: 3.5rem |
| mb-16 | margin-bottom: 4rem |
| mb-18 | margin-bottom: 4.5rem |
| mb-20 | margin-bottom: 5rem |
| mb-24 | margin-bottom: 6rem |
| mb-28 | margin-bottom: 7rem |
| mb-32 | margin-bottom: 8rem |
| mb-36 | margin-bottom: 9rem |
| mb-40 | margin-bottom: 10rem |
| mb-44 | margin-bottom: 11rem |
| mb-48 | margin-bottom: 12rem |
| mb-52 | margin-bottom: 13rem |
| mb-56 | margin-bottom: 14rem |
| mb-60 | margin-bottom: 15rem |
| mb-64 | margin-bottom: 16rem |
| mb-72 | margin-bottom: 18rem |
| mb-80 | margin-bottom: 20rem |
| mb-96 | margin-bottom: 24rem |
| -mb-px | margin-bottom: -0.0625rem |
| -mb-0 | margin-bottom: 0 |
| -mb-none | margin-bottom: 0 |
| -mb-0\.5 | margin-bottom: -0.125rem |
| -mb-1 | margin-bottom: -0.25rem |
| -mb-1\.5 | margin-bottom: -0.375rem |
| -mb-2 | margin-bottom: -0.5rem |
| -mb-2\.5 | margin-bottom: -0.625rem |
| -mb-3 | margin-bottom: -0.75rem |
| -mb-3\.5 | margin-bottom: -0.875rem |
| -mb-4 | margin-bottom: -1rem |
| -mb-5 | margin-bottom: -1.25rem |
| -mb-6 | margin-bottom: -1.5rem |
| -mb-7 | margin-bottom: -1.75rem |
| -mb-8 | margin-bottom: -2rem |
| -mb-9 | margin-bottom: -2.25rem |
| -mb-10 | margin-bottom: -2.5rem |
| -mb-11 | margin-bottom: -2.75rem |
| -mb-12 | margin-bottom: -3rem |
| -mb-14 | margin-bottom: -3.5rem |
| -mb-16 | margin-bottom: -4rem |
| -mb-18 | margin-bottom: -4.5rem |
| -mb-20 | margin-bottom: -5rem |
| -mb-24 | margin-bottom: -6rem |
| -mb-28 | margin-bottom: -7rem |
| -mb-32 | margin-bottom: -8rem |
| -mb-36 | margin-bottom: -9rem |
| -mb-40 | margin-bottom: -10rem |
| -mb-44 | margin-bottom: -11rem |
| -mb-48 | margin-bottom: -12rem |
| -mb-52 | margin-bottom: -13rem |
| -mb-56 | margin-bottom: -14rem |
| -mb-60 | margin-bottom: -15rem |
| -mb-64 | margin-bottom: -16rem |
| -mb-72 | margin-bottom: -18rem |
| -mb-80 | margin-bottom: -20rem |
| -mb-96 | margin-bottom: -24rem |
| ml-px | margin-left: 0.0625rem |
| ml-0 | margin-left: 0 |
| ml-none | margin-left: 0 |
| ml-0\.5 | margin-left: 0.125rem |
| ml-1 | margin-left: 0.25rem |
| ml-1\.5 | margin-left: 0.375rem |
| ml-2 | margin-left: 0.5rem |
| ml-2\.5 | margin-left: 0.625rem |
| ml-3 | margin-left: 0.75rem |
| ml-3\.5 | margin-left: 0.875rem |
| ml-4 | margin-left: 1rem |
| ml-5 | margin-left: 1.25rem |
| ml-6 | margin-left: 1.5rem |
| ml-7 | margin-left: 1.75rem |
| ml-8 | margin-left: 2rem |
| ml-9 | margin-left: 2.25rem |
| ml-10 | margin-left: 2.5rem |
| ml-11 | margin-left: 2.75rem |
| ml-12 | margin-left: 3rem |
| ml-14 | margin-left: 3.5rem |
| ml-16 | margin-left: 4rem |
| ml-18 | margin-left: 4.5rem |
| ml-20 | margin-left: 5rem |
| ml-24 | margin-left: 6rem |
| ml-28 | margin-left: 7rem |
| ml-32 | margin-left: 8rem |
| ml-36 | margin-left: 9rem |
| ml-40 | margin-left: 10rem |
| ml-44 | margin-left: 11rem |
| ml-48 | margin-left: 12rem |
| ml-52 | margin-left: 13rem |
| ml-56 | margin-left: 14rem |
| ml-60 | margin-left: 15rem |
| ml-64 | margin-left: 16rem |
| ml-72 | margin-left: 18rem |
| ml-80 | margin-left: 20rem |
| ml-96 | margin-left: 24rem |
| -ml-px | margin-left: -0.0625rem |
| -ml-0 | margin-left: 0 |
| -ml-none | margin-left: 0 |
| -ml-0\.5 | margin-left: -0.125rem |
| -ml-1 | margin-left: -0.25rem |
| -ml-1\.5 | margin-left: -0.375rem |
| -ml-2 | margin-left: -0.5rem |
| -ml-2\.5 | margin-left: -0.625rem |
| -ml-3 | margin-left: -0.75rem |
| -ml-3\.5 | margin-left: -0.875rem |
| -ml-4 | margin-left: -1rem |
| -ml-5 | margin-left: -1.25rem |
| -ml-6 | margin-left: -1.5rem |
| -ml-7 | margin-left: -1.75rem |
| -ml-8 | margin-left: -2rem |
| -ml-9 | margin-left: -2.25rem |
| -ml-10 | margin-left: -2.5rem |
| -ml-11 | margin-left: -2.75rem |
| -ml-12 | margin-left: -3rem |
| -ml-14 | margin-left: -3.5rem |
| -ml-16 | margin-left: -4rem |
| -ml-18 | margin-left: -4.5rem |
| -ml-20 | margin-left: -5rem |
| -ml-24 | margin-left: -6rem |
| -ml-28 | margin-left: -7rem |
| -ml-32 | margin-left: -8rem |
| -ml-36 | margin-left: -9rem |
| -ml-40 | margin-left: -10rem |
| -ml-44 | margin-left: -11rem |
| -ml-48 | margin-left: -12rem |
| -ml-52 | margin-left: -13rem |
| -ml-56 | margin-left: -14rem |
| -ml-60 | margin-left: -15rem |
| -ml-64 | margin-left: -16rem |
| -ml-72 | margin-left: -18rem |
| -ml-80 | margin-left: -20rem |
| -ml-96 | margin-left: -24rem |
*/.m-px{margin:.0625rem}.m-0,.m-none{margin:0}.m-0\.5{margin:.125rem}.m-1{margin:.25rem}.m-1\.5{margin:.375rem}.m-2{margin:.5rem}.m-2\.5{margin:.625rem}.m-3{margin:.75rem}.m-3\.5{margin:.875rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-7{margin:1.75rem}.m-8{margin:2rem}.m-9{margin:2.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-18{margin:4.5rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-40{margin:10rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-72{margin:18rem}.m-80{margin:20rem}.m-96{margin:24rem}.m-auto{margin:auto}.-m-px{margin:-.0625rem}.-m-0,.-m-none{margin:0}.-m-0\.5{margin:-.125rem}.-m-1{margin:-.25rem}.-m-1\.5{margin:-.375rem}.-m-2{margin:-.5rem}.-m-2\.5{margin:-.625rem}.-m-3{margin:-.75rem}.-m-3\.5{margin:-.875rem}.-m-4{margin:-1rem}.-m-5{margin:-1.25rem}.-m-6{margin:-1.5rem}.-m-7{margin:-1.75rem}.-m-8{margin:-2rem}.-m-9{margin:-2.25rem}.-m-10{margin:-2.5rem}.-m-11{margin:-2.75rem}.-m-12{margin:-3rem}.-m-14{margin:-3.5rem}.-m-16{margin:-4rem}.-m-18{margin:-4.5rem}.-m-20{margin:-5rem}.-m-24{margin:-6rem}.-m-28{margin:-7rem}.-m-32{margin:-8rem}.-m-36{margin:-9rem}.-m-40{margin:-10rem}.-m-44{margin:-11rem}.-m-48{margin:-12rem}.-m-52{margin:-13rem}.-m-56{margin:-14rem}.-m-60{margin:-15rem}.-m-64{margin:-16rem}.-m-72{margin:-18rem}.-m-80{margin:-20rem}.-m-96{margin:-24rem}.mx-px{margin-left:.0625rem;margin-right:.0625rem}.mx-0,.mx-none{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-2\.5{margin-left:.625rem;margin-right:.625rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.mx-11{margin-left:2.75rem;margin-right:2.75rem}.mx-12{margin-left:3rem;margin-right:3rem}.mx-14{margin-left:3.5rem;margin-right:3.5rem}.mx-16{margin-left:4rem;margin-right:4rem}.mx-18{margin-left:4.5rem;margin-right:4.5rem}.mx-20{margin-left:5rem;margin-right:5rem}.mx-24{margin-left:6rem;margin-right:6rem}.mx-28{margin-left:7rem;margin-right:7rem}.mx-32{margin-left:8rem;margin-right:8rem}.mx-36{margin-left:9rem;margin-right:9rem}.mx-40{margin-left:10rem;margin-right:10rem}.mx-44{margin-left:11rem;margin-right:11rem}.mx-48{margin-left:12rem;margin-right:12rem}.mx-52{margin-left:13rem;margin-right:13rem}.mx-56{margin-left:14rem;margin-right:14rem}.mx-60{margin-left:15rem;margin-right:15rem}.mx-64{margin-left:16rem;margin-right:16rem}.mx-72{margin-left:18rem;margin-right:18rem}.mx-80{margin-left:20rem;margin-right:20rem}.mx-96{margin-left:24rem;margin-right:24rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-px{margin-left:-.0625rem;margin-right:-.0625rem}.-mx-0,.-mx-none{margin-left:0;margin-right:0}.-mx-0\.5{margin-left:-.125rem;margin-right:-.125rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-2\.5{margin-left:-.625rem;margin-right:-.625rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-3\.5{margin-left:-.875rem;margin-right:-.875rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-mx-7{margin-left:-1.75rem;margin-right:-1.75rem}.-mx-8{margin-left:-2rem;margin-right:-2rem}.-mx-9{margin-left:-2.25rem;margin-right:-2.25rem}.-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}.-mx-11{margin-left:-2.75rem;margin-right:-2.75rem}.-mx-12{margin-left:-3rem;margin-right:-3rem}.-mx-14{margin-left:-3.5rem;margin-right:-3.5rem}.-mx-
/*!markdown
---
title: Padding
---
| Class | Properties |
| ----------- | ------------------------ |
| p-px | padding: 0.0625rem |
| p-0 | padding: 0 |
| p-none | padding: 0 |
| p-0\.5 | padding: 0.125rem |
| p-1 | padding: 0.25rem |
| p-1\.5 | padding: 0.375rem |
| p-2 | padding: 0.5rem |
| p-2\.5 | padding: 0.625rem |
| p-3 | padding: 0.75rem |
| p-3\.5 | padding: 0.875rem |
| p-4 | padding: 1rem |
| p-5 | padding: 1.25rem |
| p-6 | padding: 1.5rem |
| p-7 | padding: 1.75rem |
| p-8 | padding: 2rem |
| p-9 | padding: 2.25rem |
| p-10 | padding: 2.5rem |
| p-11 | padding: 2.75rem |
| p-12 | padding: 3rem |
| p-14 | padding: 3.5rem |
| p-16 | padding: 4rem |
| p-18 | padding: 4.5rem |
| p-20 | padding: 5rem |
| p-24 | padding: 6rem |
| p-28 | padding: 7rem |
| p-32 | padding: 8rem |
| p-36 | padding: 9rem |
| p-40 | padding: 10rem |
| p-44 | padding: 11rem |
| p-48 | padding: 12rem |
| p-52 | padding: 13rem |
| p-56 | padding: 14rem |
| p-60 | padding: 15rem |
| p-64 | padding: 16rem |
| p-72 | padding: 18rem |
| p-80 | padding: 20rem |
| p-96 | padding: 24rem |
| px-px | padding-left: 0.0625rem; padding-right: 0.0625rem |
| px-0 | padding-left: 0; padding-right: 0 |
| px-none | padding-left: 0; padding-right: 0 |
| px-0\.5 | padding-left: 0.125rem; padding-right: 0.125rem |
| px-1 | padding-left: 0.25rem; padding-right: 0.25rem |
| px-1\.5 | padding-left: 0.375rem; padding-right: 0.375rem |
| px-2 | padding-left: 0.5rem; padding-right: 0.5rem |
| px-2\.5 | padding-left: 0.625rem; padding-right: 0.625rem |
| px-3 | padding-left: 0.75rem; padding-right: 0.75rem |
| px-3\.5 | padding-left: 0.875rem; padding-right: 0.875rem |
| px-4 | padding-left: 1rem; padding-right: 1rem |
| px-5 | padding-left: 1.25rem; padding-right: 1.25rem |
| px-6 | padding-left: 1.5rem; padding-right: 1.5rem |
| px-7 | padding-left: 1.75rem; padding-right: 1.75rem |
| px-8 | padding-left: 2rem; padding-right: 2rem |
| px-9 | padding-left: 2.25rem; padding-right: 2.25rem |
| px-10 | padding-left: 2.5rem; padding-right: 2.5rem |
| px-11 | padding-left: 2.75rem; padding-right: 2.75rem |
| px-12 | padding-left: 3rem; padding-right: 3rem |
| px-14 | padding-left: 3.5rem; padding-right: 3.5rem |
| px-16 | padding-left: 4rem; padding-right: 4rem |
| px-18 | padding-left: 4.5rem; padding-right: 4.5rem |
| px-20 | padding-left: 5rem; padding-right: 5rem |
| px-24 | padding-left: 6rem; padding-right: 6rem |
| px-28 | padding-left: 7rem; padding-right: 7rem |
| px-32 | padding-left: 8rem; padding-right: 8rem |
| px-36 | padding-left: 9rem; padding-right: 9rem |
| px-40 | padding-left: 10rem; padding-right: 10rem |
| px-44 | padding-left: 11rem; padding-right: 11rem |
| px-48 | padding-left: 12rem; padding-right: 12rem |
| px-52 | padding-left: 13rem; padding-right: 13rem |
| px-56 | padding-left: 14rem; padding-right: 14rem |
| px-60 | padding-left: 15rem; padding-right: 15rem |
| px-64 | padding-left: 16rem; padding-right: 16rem |
| px-72 | padding-left: 18rem; padding-right: 18rem |
| px-80 | padding-left: 20rem; padding-right: 20rem |
| px-96 | padding-left: 24rem; padding-right: 24rem |
| py-px | padding-top: 0.0625rem; padding-bottom: 0.0625rem |
| py-0 | padding-top: 0; padding-bottom: 0 |
| py-none | padding-top: 0; padding-bottom: 0 |
| py-0\.5 | padding-top: 0.125rem; padding-bottom: 0.125rem |
| py-1 | padding-top: 0.25rem; padding-bottom: 0.25rem |
| py-1\.5 | padding-top: 0.375rem; padding-bottom: 0.375rem |
| py-2 | padding-top: 0.5rem; padding-bottom: 0.5rem |
| py-2\.5 | padding-top: 0.625rem; padding-bottom: 0.625rem |
| py-3 | padding-top: 0.75rem; padding-bottom: 0.75rem |
| py-3\.5 | padding-top: 0.875rem; padding-bottom: 0.875rem |
| py-4 | padding-top: 1rem; padding-bottom: 1rem |
| py-5 | padding-top: 1.25rem; padding-bottom: 1.25rem |
| py-6 | padding-top: 1.5rem; padding-bottom: 1.5rem |
| py-7 | padding-top: 1.75rem; padding-bottom: 1.75rem |
| py-8 | padding-top: 2rem; padding-bottom: 2rem |
| py-9 | padding-top: 2.25rem; padding-bottom: 2.25rem |
| py-10 | padding-top: 2.5rem; padding-bottom: 2.5rem |
| py-11 | padding-top: 2.75rem; padding-bottom: 2.75rem |
| py-12 | padding-top: 3rem; padding-bottom: 3rem |
| py-14 | padding-top: 3.5rem; padding-bottom: 3.5rem |
| py-16 | padding-top: 4rem; padding-bottom: 4rem |
| py-18 | padding-top: 4.5rem; padding-bottom: 4.5rem |
| py-20 | padding-top: 5rem; padding-bottom: 5rem |
| py-24 | padding-top: 6rem; padding-bottom: 6rem |
| py-28 | padding-top: 7rem; padding-bottom: 7rem |
| py-32 | padding-top: 8rem; padding-bottom: 8rem |
| py-36 | padding-top: 9rem; padding-bottom: 9rem |
| py-40 | padding-top: 10rem; padding-bottom: 10rem |
| py-44 | padding-top: 11rem; padding-bottom: 11rem |
| py-48 | padding-top: 12rem; padding-bottom: 12rem |
| py-52 | padding-top: 13rem; padding-bottom: 13rem |
| py-56 | padding-top: 14rem; padding-bottom: 14rem |
| py-60 | padding-top: 15rem; padding-bottom: 15rem |
| py-64 | padding-top: 16rem; padding-bottom: 16rem |
| py-72 | padding-top: 18rem; padding-bottom: 18rem |
| py-80 | padding-top: 20rem; padding-bottom: 20rem |
| py-96 | padding-top: 24rem; padding-bottom: 24rem |
| pt-px | padding-top: 0.0625rem |
| pt-0 | padding-top: 0 |
| pt-none | padding-top: 0 |
| pt-0\.5 | padding-top: 0.125rem |
| pt-1 | padding-top: 0.25rem |
| pt-1\.5 | padding-top: 0.375rem |
| pt-2 | padding-top: 0.5rem |
| pt-2\.5 | padding-top: 0.625rem |
| pt-3 | padding-top: 0.75rem |
| pt-3\.5 | padding-top: 0.875rem |
| pt-4 | padding-top: 1rem |
| pt-5 | padding-top: 1.25rem |
| pt-6 | padding-top: 1.5rem |
| pt-7 | padding-top: 1.75rem |
| pt-8 | padding-top: 2rem |
| pt-9 | padding-top: 2.25rem |
| pt-10 | padding-top: 2.5rem |
| pt-11 | padding-top: 2.75rem |
| pt-12 | padding-top: 3rem |
| pt-14 | padding-top: 3.5rem |
| pt-16 | padding-top: 4rem |
| pt-18 | padding-top: 4.5rem |
| pt-20 | padding-top: 5rem |
| pt-24 | padding-top: 6rem |
| pt-28 | padding-top: 7rem |
| pt-32 | padding-top: 8rem |
| pt-36 | padding-top: 9rem |
| pt-40 | padding-top: 10rem |
| pt-44 | padding-top: 11rem |
| pt-48 | padding-top: 12rem |
| pt-52 | padding-top: 13rem |
| pt-56 | padding-top: 14rem |
| pt-60 | padding-top: 15rem |
| pt-64 | padding-top: 16rem |
| pt-72 | padding-top: 18rem |
| pt-80 | padding-top: 20rem |
| pt-96 | padding-top: 24rem |
| pr-px | padding-right: 0.0625rem |
| pr-0 | padding-right: 0 |
| pr-none | padding-right: 0 |
| pr-0\.5 | padding-right: 0.125rem |
| pr-1 | padding-right: 0.25rem |
| pr-1\.5 | padding-right: 0.375rem |
| pr-2 | padding-right: 0.5rem |
| pr-2\.5 | padding-right: 0.625rem |
| pr-3 | padding-right: 0.75rem |
| pr-3\.5 | padding-right: 0.875rem |
| pr-4 | padding-right: 1rem |
| pr-5 | padding-right: 1.25rem |
| pr-6 | padding-right: 1.5rem |
| pr-7 | padding-right: 1.75rem |
| pr-8 | padding-right: 2rem |
| pr-9 | padding-right: 2.25rem |
| pr-10 | padding-right: 2.5rem |
| pr-11 | padding-right: 2.75rem |
| pr-12 | padding-right: 3rem |
| pr-14 | padding-right: 3.5rem |
| pr-16 | padding-right: 4rem |
| pr-18 | padding-right: 4.5rem |
| pr-20 | padding-right: 5rem |
| pr-24 | padding-right: 6rem |
| pr-28 | padding-right: 7rem |
| pr-32 | padding-right: 8rem |
| pr-36 | padding-right: 9rem |
| pr-40 | padding-right: 10rem |
| pr-44 | padding-right: 11rem |
| pr-48 | padding-right: 12rem |
| pr-52 | padding-right: 13rem |
| pr-56 | padding-right: 14rem |
| pr-60 | padding-right: 15rem |
| pr-64 | padding-right: 16rem |
| pr-72 | padding-right: 18rem |
| pr-80 | padding-right: 20rem |
| pr-96 | padding-right: 24rem |
| pb-px | padding-bottom: 0.0625rem |
| pb-0 | padding-bottom: 0 |
| pb-none | padding-bottom: 0 |
| pb-0\.5 | padding-bottom: 0.125rem |
| pb-1 | padding-bottom: 0.25rem |
| pb-1\.5 | padding-bottom: 0.375rem |
| pb-2 | padding-bottom: 0.5rem |
| pb-2\.5 | padding-bottom: 0.625rem |
| pb-3 | padding-bottom: 0.75rem |
| pb-3\.5 | padding-bottom: 0.875rem |
| pb-4 | padding-bottom: 1rem |
| pb-5 | padding-bottom: 1.25rem |
| pb-6 | padding-bottom: 1.5rem |
| pb-7 | padding-bottom: 1.75rem |
| pb-8 | padding-bottom: 2rem |
| pb-9 | padding-bottom: 2.25rem |
| pb-10 | padding-bottom: 2.5rem |
| pb-11 | padding-bottom: 2.75rem |
| pb-12 | padding-bottom: 3rem |
| pb-14 | padding-bottom: 3.5rem |
| pb-16 | padding-bottom: 4rem |
| pb-18 | padding-bottom: 4.5rem |
| pb-20 | padding-bottom: 5rem |
| pb-24 | padding-bottom: 6rem |
| pb-28 | padding-bottom: 7rem |
| pb-32 | padding-bottom: 8rem |
| pb-36 | padding-bottom: 9rem |
| pb-40 | padding-bottom: 10rem |
| pb-44 | padding-bottom: 11rem |
| pb-48 | padding-bottom: 12rem |
| pb-52 | padding-bottom: 13rem |
| pb-56 | padding-bottom: 14rem |
| pb-60 | padding-bottom: 15rem |
| pb-64 | padding-bottom: 16rem |
| pb-72 | padding-bottom: 18rem |
| pb-80 | padding-bottom: 20rem |
| pb-96 | padding-bottom: 24rem |
| pl-px | padding-left: 0.0625rem |
| pl-0 | padding-left: 0 |
| pl-none | padding-left: 0 |
| pl-0\.5 | padding-left: 0.125rem |
| pl-1 | padding-left: 0.25rem |
| pl-1\.5 | padding-left: 0.375rem |
| pl-2 | padding-left: 0.5rem |
| pl-2\.5 | padding-left: 0.625rem |
| pl-3 | padding-left: 0.75rem |
| pl-3\.5 | padding-left: 0.875rem |
| pl-4 | padding-left: 1rem |
| pl-5 | padding-left: 1.25rem |
| pl-6 | padding-left: 1.5rem |
| pl-7 | padding-left: 1.75rem |
| pl-8 | padding-left: 2rem |
| pl-9 | padding-left: 2.25rem |
| pl-10 | padding-left: 2.5rem |
| pl-11 | padding-left: 2.75rem |
| pl-12 | padding-left: 3rem |
| pl-14 | padding-left: 3.5rem |
| pl-16 | padding-left: 4rem |
| pl-18 | padding-left: 4.5rem |
| pl-20 | padding-left: 5rem |
| pl-24 | padding-left: 6rem |
| pl-28 | padding-left: 7rem |
| pl-32 | padding-left: 8rem |
| pl-36 | padding-left: 9rem |
| pl-40 | padding-left: 10rem |
| pl-44 | padding-left: 11rem |
| pl-48 | padding-left: 12rem |
| pl-52 | padding-left: 13rem |
| pl-56 | padding-left: 14rem |
| pl-60 | padding-left: 15rem |
| pl-64 | padding-left: 16rem |
| pl-72 | padding-left: 18rem |
| pl-80 | padding-left: 20rem |
| pl-96 | padding-left: 24rem |
*/.p-px{padding:.0625rem}.p-0,.p-none{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-10{padding:2.5rem}.p-11{padding:2.75rem}.p-12{padding:3rem}.p-14{padding:3.5rem}.p-16{padding:4rem}.p-18{padding:4.5rem}.p-20{padding:5rem}.p-24{padding:6rem}.p-28{padding:7rem}.p-32{padding:8rem}.p-36{padding:9rem}.p-40{padding:10rem}.p-44{padding:11rem}.p-48{padding:12rem}.p-52{padding:13rem}.p-56{padding:14rem}.p-60{padding:15rem}.p-64{padding:16rem}.p-72{padding:18rem}.p-80{padding:20rem}.p-96{padding:24rem}.px-px{padding-left:.0625rem;padding-right:.0625rem}.px-0,.px-none{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-12{padding-left:3rem;padding-right:3rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-18{padding-left:4.5rem;padding-right:4.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-28{padding-left:7rem;padding-right:7rem}.px-32{padding-left:8rem;padding-right:8rem}.px-36{padding-left:9rem;padding-right:9rem}.px-40{padding-left:10rem;padding-right:10rem}.px-44{padding-left:11rem;padding-right:11rem}.px-48{padding-left:12rem;padding-right:12rem}.px-52{padding-left:13rem;padding-right:13rem}.px-56{padding-left:14rem;padding-right:14rem}.px-60{padding-left:15rem;padding-right:15rem}.px-64{padding-left:16rem;padding-right:16rem}.px-72{padding-left:18rem;padding-right:18rem}.px-80{padding-left:20rem;padding-right:20rem}.px-96{padding-left:24rem;padding-right:24rem}.py-px{padding-bottom:.0625rem;padding-top:.0625rem}.py-0,.py-none{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-11{padding-bottom:2.75rem;padding-top:2.75rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-14{padding-bottom:3.5rem;padding-top:3.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-18{padding-bottom:4.5rem;padding-top:4.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-28{padding-bottom:7rem;padding-top:7rem}.py-32{padding-bottom:8rem;padding-top:8rem}.py-36{padding-bottom:9rem;padding-top:9rem}.py-40{padding-bottom:10rem;padding-top:10rem}.py-44{padding-bottom:11rem;padding-top:11rem}.py-48{padding-bottom:12rem;padding-top:12rem}.py-52{padding-bottom:13rem;padding-top:13rem}.py-56{padding-bottom:14rem;padding-top:14rem}.py-60{padding-bottom:15rem;padding-top:15rem}.py-64{padding-bottom:16rem;padding-top:16rem}.py-72{padding-bottom:18rem;padding-top:18rem}.py-80{padding-bottom:20rem;padding-top:20rem}.py-96{padding-bottom:24rem
/*!markdown
---
title: Space Between
---
| Class | Properties |
| ----------- | ------------------------ |
| space-x-px | margin-left: 0.0625rem |
| space-x-px.space-x-reverse | margin-right: 0.0625rem |
| space-x-0 | margin-left: 0 |
| space-x-0.space-x-reverse | margin-right: 0 |
| space-x-none | margin-left: 0 |
| space-x-none.space-x-reverse | margin-right: 0 |
| space-x-0\.5 | margin-left: 0.125rem |
| space-x-0\.5.space-x-reverse | margin-right: 0.125rem |
| space-x-1 | margin-left: 0.25rem |
| space-x-1.space-x-reverse | margin-right: 0.25rem |
| space-x-1\.5 | margin-left: 0.375rem |
| space-x-1\.5.space-x-reverse | margin-right: 0.375rem |
| space-x-2 | margin-left: 0.5rem |
| space-x-2.space-x-reverse | margin-right: 0.5rem |
| space-x-2\.5 | margin-left: 0.625rem |
| space-x-2\.5.space-x-reverse | margin-right: 0.625rem |
| space-x-3 | margin-left: 0.75rem |
| space-x-3.space-x-reverse | margin-right: 0.75rem |
| space-x-3\.5 | margin-left: 0.875rem |
| space-x-3\.5.space-x-reverse | margin-right: 0.875rem |
| space-x-4 | margin-left: 1rem |
| space-x-4.space-x-reverse | margin-right: 1rem |
| space-x-5 | margin-left: 1.25rem |
| space-x-5.space-x-reverse | margin-right: 1.25rem |
| space-x-6 | margin-left: 1.5rem |
| space-x-6.space-x-reverse | margin-right: 1.5rem |
| space-x-7 | margin-left: 1.75rem |
| space-x-7.space-x-reverse | margin-right: 1.75rem |
| space-x-8 | margin-left: 2rem |
| space-x-8.space-x-reverse | margin-right: 2rem |
| space-x-9 | margin-left: 2.25rem |
| space-x-9.space-x-reverse | margin-right: 2.25rem |
| space-x-10 | margin-left: 2.5rem |
| space-x-10.space-x-reverse | margin-right: 2.5rem |
| space-x-11 | margin-left: 2.75rem |
| space-x-11.space-x-reverse | margin-right: 2.75rem |
| space-x-12 | margin-left: 3rem |
| space-x-12.space-x-reverse | margin-right: 3rem |
| space-x-14 | margin-left: 3.5rem |
| space-x-14.space-x-reverse | margin-right: 3.5rem |
| space-x-16 | margin-left: 4rem |
| space-x-16.space-x-reverse | margin-right: 4rem |
| space-x-18 | margin-left: 4.5rem |
| space-x-18.space-x-reverse | margin-right: 4.5rem |
| space-x-20 | margin-left: 5rem |
| space-x-20.space-x-reverse | margin-right: 5rem |
| space-x-24 | margin-left: 6rem |
| space-x-24.space-x-reverse | margin-right: 6rem |
| space-x-28 | margin-left: 7rem |
| space-x-28.space-x-reverse | margin-right: 7rem |
| space-x-32 | margin-left: 8rem |
| space-x-32.space-x-reverse | margin-right: 8rem |
| space-x-36 | margin-left: 9rem |
| space-x-36.space-x-reverse | margin-right: 9rem |
| space-x-40 | margin-left: 10rem |
| space-x-40.space-x-reverse | margin-right: 10rem |
| space-x-44 | margin-left: 11rem |
| space-x-44.space-x-reverse | margin-right: 11rem |
| space-x-48 | margin-left: 12rem |
| space-x-48.space-x-reverse | margin-right: 12rem |
| space-x-52 | margin-left: 13rem |
| space-x-52.space-x-reverse | margin-right: 13rem |
| space-x-56 | margin-left: 14rem |
| space-x-56.space-x-reverse | margin-right: 14rem |
| space-x-60 | margin-left: 15rem |
| space-x-60.space-x-reverse | margin-right: 15rem |
| space-x-64 | margin-left: 16rem |
| space-x-64.space-x-reverse | margin-right: 16rem |
| space-x-72 | margin-left: 18rem |
| space-x-72.space-x-reverse | margin-right: 18rem |
| space-x-80 | margin-left: 20rem |
| space-x-80.space-x-reverse | margin-right: 20rem |
| space-x-96 | margin-left: 24rem |
| space-x-96.space-x-reverse | margin-right: 24rem |
| space-y-px | margin-top: 0.0625rem |
| space-y-px.space-y-reverse | margin-bottom: 0.0625rem |
| space-y-0 | margin-top: 0 |
| space-y-0.space-y-reverse | margin-bottom: 0 |
| space-y-none | margin-top: 0 |
| space-y-none.space-y-reverse | margin-bottom: 0 |
| space-y-0\.5 | margin-top: 0.125rem |
| space-y-0\.5.space-y-reverse | margin-bottom: 0.125rem |
| space-y-1 | margin-top: 0.25rem |
| space-y-1.space-y-reverse | margin-bottom: 0.25rem |
| space-y-1\.5 | margin-top: 0.375rem |
| space-y-1\.5.space-y-reverse | margin-bottom: 0.375rem |
| space-y-2 | margin-top: 0.5rem |
| space-y-2.space-y-reverse | margin-bottom: 0.5rem |
| space-y-2\.5 | margin-top: 0.625rem |
| space-y-2\.5.space-y-reverse | margin-bottom: 0.625rem |
| space-y-3 | margin-top: 0.75rem |
| space-y-3.space-y-reverse | margin-bottom: 0.75rem |
| space-y-3\.5 | margin-top: 0.875rem |
| space-y-3\.5.space-y-reverse | margin-bottom: 0.875rem |
| space-y-4 | margin-top: 1rem |
| space-y-4.space-y-reverse | margin-bottom: 1rem |
| space-y-5 | margin-top: 1.25rem |
| space-y-5.space-y-reverse | margin-bottom: 1.25rem |
| space-y-6 | margin-top: 1.5rem |
| space-y-6.space-y-reverse | margin-bottom: 1.5rem |
| space-y-7 | margin-top: 1.75rem |
| space-y-7.space-y-reverse | margin-bottom: 1.75rem |
| space-y-8 | margin-top: 2rem |
| space-y-8.space-y-reverse | margin-bottom: 2rem |
| space-y-9 | margin-top: 2.25rem |
| space-y-9.space-y-reverse | margin-bottom: 2.25rem |
| space-y-10 | margin-top: 2.5rem |
| space-y-10.space-y-reverse | margin-bottom: 2.5rem |
| space-y-11 | margin-top: 2.75rem |
| space-y-11.space-y-reverse | margin-bottom: 2.75rem |
| space-y-12 | margin-top: 3rem |
| space-y-12.space-y-reverse | margin-bottom: 3rem |
| space-y-14 | margin-top: 3.5rem |
| space-y-14.space-y-reverse | margin-bottom: 3.5rem |
| space-y-16 | margin-top: 4rem |
| space-y-16.space-y-reverse | margin-bottom: 4rem |
| space-y-18 | margin-top: 4.5rem |
| space-y-18.space-y-reverse | margin-bottom: 4.5rem |
| space-y-20 | margin-top: 5rem |
| space-y-20.space-y-reverse | margin-bottom: 5rem |
| space-y-24 | margin-top: 6rem |
| space-y-24.space-y-reverse | margin-bottom: 6rem |
| space-y-28 | margin-top: 7rem |
| space-y-28.space-y-reverse | margin-bottom: 7rem |
| space-y-32 | margin-top: 8rem |
| space-y-32.space-y-reverse | margin-bottom: 8rem |
| space-y-36 | margin-top: 9rem |
| space-y-36.space-y-reverse | margin-bottom: 9rem |
| space-y-40 | margin-top: 10rem |
| space-y-40.space-y-reverse | margin-bottom: 10rem |
| space-y-44 | margin-top: 11rem |
| space-y-44.space-y-reverse | margin-bottom: 11rem |
| space-y-48 | margin-top: 12rem |
| space-y-48.space-y-reverse | margin-bottom: 12rem |
| space-y-52 | margin-top: 13rem |
| space-y-52.space-y-reverse | margin-bottom: 13rem |
| space-y-56 | margin-top: 14rem |
| space-y-56.space-y-reverse | margin-bottom: 14rem |
| space-y-60 | margin-top: 15rem |
| space-y-60.space-y-reverse | margin-bottom: 15rem |
| space-y-64 | margin-top: 16rem |
| space-y-64.space-y-reverse | margin-bottom: 16rem |
| space-y-72 | margin-top: 18rem |
| space-y-72.space-y-reverse | margin-bottom: 18rem |
| space-y-80 | margin-top: 20rem |
| space-y-80.space-y-reverse | margin-bottom: 20rem |
| space-y-96 | margin-top: 24rem |
| space-y-96.space-y-reverse | margin-bottom: 24rem |
*/.space-x-px>:not([hidden])~:not([hidden]){margin-left:.0625rem}.space-x-px.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:.0625rem}.space-x-0>:not([hidden])~:not([hidden]){margin-left:0}.space-x-0.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:0}.space-x-none>:not([hidden])~:not([hidden]){margin-left:0}.space-x-none.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:0}.space-x-0\.5>:not([hidden])~:not([hidden]){margin-left:.125rem}.space-x-0\.5.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:.125rem}.space-x-1>:not([hidden])~:not([hidden]){margin-left:.25rem}.space-x-1.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:.25rem}.space-x-1\.5>:not([hidden])~:not([hidden]){margin-left:.375rem}.space-x-1\.5.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:.375rem}.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}.space-x-2.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:.5rem}.space-x-2\.5>:not([hidden])~:not([hidden]){margin-left:.625rem}.space-x-2\.5.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:.625rem}.space-x-3>:not([hidden])~:not([hidden]){margin-left:.75rem}.space-x-3.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:.75rem}.space-x-3\.5>:not([hidden])~:not([hidden]){margin-left:.875rem}.space-x-3\.5.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:.875rem}.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}.space-x-4.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:1rem}.space-x-5>:not([hidden])~:not([hidden]){margin-left:1.25rem}.space-x-5.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:1.25rem}.space-x-6>:not([hidden])~:not([hidden]){margin-left:1.5rem}.space-x-6.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:1.5rem}.space-x-7>:not([hidden])~:not([hidden]){margin-left:1.75rem}.space-x-7.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:1.75rem}.space-x-8>:not([hidden])~:not([hidden]){margin-left:2rem}.space-x-8.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:2rem}.space-x-9>:not([hidden])~:not([hidden]){margin-left:2.25rem}.space-x-9.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:2.25rem}.space-x-10>:not([hidden])~:not([hidden]){margin-left:2.5rem}.space-x-10.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:2.5rem}.space-x-11>:not([hidden])~:not([hidden]){margin-left:2.75rem}.space-x-11.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:2.75rem}.space-x-12>:not([hidden])~:not([hidden]){margin-left:3rem}.space-x-12.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:3rem}.space-x-14>:not([hidden])~:not([hidden]){margin-left:3.5rem}.space-x-14.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:3.5rem}.space-x-16>:not([hidden])~:not([hidden]){margin-left:4rem}.space-x-16.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:4rem}.space-x-18>:not([hidden])~:not([hidden]){margin-left:4.5rem}.space-x-18.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:4.5rem}.space-x-20>:not([hidden])~:not([hidden]){margin-left:5rem}.space-x-20.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:5rem}.space-x-24>:not([hidden])~:not([hidden]){margin-left:6rem}.space-x-24.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:6rem}.space-x-28>:not([hidden])~:not([hidden]){margin-left:7rem}.space-x-28.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:7rem}.space-x-32>:not([hidden])~:not([hidden]){margin-left:8rem}.space-x-32.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:8rem}.space-x-36>:not([hidden])~:not([hidden]){margin-left:9rem}.space-x-36.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:9rem}.space-x-40>:not([hidden])~:not([hidden]){margin-left:10rem}.space-x-40.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:10rem}.space-x-44>:not([hidden])~:not([hidden]){margin-left:11rem}.space-x-44.space-x-reverse>:not([hidden])~:not([hidden]){margin-right:11rem}.space-x-48>:not([hidden])~:not([hidden]){margin-left:12rem}.space-x-48.space-x-reverse>:not([hidden])~:
/*!markdown
---
title: Width
---
| Class | Properties |
| ----------- | ------------------------ |
| w-px | width: 0.0625rem |
| w-0 | width: 0 |
| w-none | width: 0 |
| w-0\.5 | width: 0.125rem |
| w-1 | width: 0.25rem |
| w-1\.5 | width: 0.375rem |
| w-2 | width: 0.5rem |
| w-2\.5 | width: 0.625rem |
| w-3 | width: 0.75rem |
| w-3\.5 | width: 0.875rem |
| w-4 | width: 1rem |
| w-5 | width: 1.25rem |
| w-6 | width: 1.5rem |
| w-7 | width: 1.75rem |
| w-8 | width: 2rem |
| w-9 | width: 2.25rem |
| w-10 | width: 2.5rem |
| w-11 | width: 2.75rem |
| w-12 | width: 3rem |
| w-14 | width: 3.5rem |
| w-16 | width: 4rem |
| w-18 | width: 4.5rem |
| w-20 | width: 5rem |
| w-24 | width: 6rem |
| w-28 | width: 7rem |
| w-32 | width: 8rem |
| w-36 | width: 9rem |
| w-40 | width: 10rem |
| w-44 | width: 11rem |
| w-48 | width: 12rem |
| w-52 | width: 13rem |
| w-56 | width: 14rem |
| w-60 | width: 15rem |
| w-64 | width: 16rem |
| w-72 | width: 18rem |
| w-80 | width: 20rem |
| w-96 | width: 24rem |
| w-auto | width: auto |
| w-1x | width: 1em |
| w-2x | width: 2em |
| w-3x | width: 3em |
| w-1\/2 | width: 50% |
| w-1\/3 | width: 33.333333% |
| w-2\/3 | width: 66.666667% |
| w-1\/4 | width: 25% |
| w-2\/4 | width: 50% |
| w-3\/4 | width: 75% |
| w-1\/5 | width: 20% |
| w-2\/5 | width: 40% |
| w-3\/5 | width: 60% |
| w-4\/5 | width: 80% |
| w-1\/6 | width: 16.666667% |
| w-2\/6 | width: 33.333333% |
| w-3\/6 | width: 50% |
| w-4\/6 | width: 66.666667% |
| w-5\/6 | width: 83.333333% |
| w-1\/12 | width: 8.333333% |
| w-2\/12 | width: 16.666667% |
| w-3\/12 | width: 25% |
| w-4\/12 | width: 33.333333% |
| w-5\/12 | width: 41.666667% |
| w-6\/12 | width: 50% |
| w-7\/12 | width: 58.333333% |
| w-8\/12 | width: 66.666667% |
| w-9\/12 | width: 75% |
| w-10\/12 | width: 83.333333% |
| w-11\/12 | width: 91.666667% |
| w-full | width: 100% |
| w-screen | width: 100vw |
| w-min | width: min-content |
| w-max | width: max-content |
| min-w-0 | min-width: 0px |
| min-w-full | min-width: 100% |
| min-w-min | min-width: min-content |
| min-w-max | min-width: max-content |
| max-w-none | max-width: none |
| max-w-0 | max-width: 0rem |
| max-w-xs | max-width: 20rem |
| max-w-sm | max-width: 24rem |
| max-w-md | max-width: 28rem |
| max-w-lg | max-width: 32rem |
| max-w-xl | max-width: 36rem |
| max-w-2xl | max-width: 42rem |
| max-w-3xl | max-width: 48rem |
| max-w-4xl | max-width: 56rem |
| max-w-5xl | max-width: 64rem |
| max-w-6xl | max-width: 72rem |
| max-w-7xl | max-width: 80rem |
| max-w-full | max-width: 100% |
| max-w-min | max-width: min-content |
| max-w-max | max-width: max-content |
| max-w-prose | max-width: 65ch |
*/.w-px{width:.0625rem}.w-0,.w-none{width:0}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-18{width:4.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-52{width:13rem}.w-56{width:14rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.w-auto{width:auto}.w-1x{width:1em}.w-2x{width:2em}.w-3x{width:3em}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-2\/6{width:33.333333%}.w-3\/6{width:50%}.w-4\/6{width:66.666667%}.w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:-moz-min-content;width:-webkit-min-content;width:min-content}.w-max{width:-moz-max-content;width:-webkit-max-content;width:max-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content}.min-w-max{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.max-w-none{max-width:none}.max-w-0{max-width:0}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-min{max-width:-moz-min-content;max-width:-webkit-min-content;max-width:min-content}.max-w-max{max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content}.max-w-prose{max-width:65ch}@media (max-width:768px){.m\:w-px{width:.0625rem}.m\:w-0,.m\:w-none{width:0}.m\:w-0\.5{width:.125rem}.m\:w-1{width:.25rem}.m\:w-1\.5{width:.375rem}.m\:w-2{width:.5rem}.m\:w-2\.5{width:.625rem}.m\:w-3{width:.75rem}.m\:w-3\.5{width:.875rem}.m\:w-4{width:1rem}.m\:w-5{width:1.25rem}.m\:w-6{width:1.5rem}.m\:w-7{width:1.75rem}.m\:w-8{width:2rem}.m\:w-9{width:2.25rem}.m\:w-10{width:2.5rem}.m\:w-11{width:2.75rem}.m\:w-12{width:3rem}.m\:w-14{width:3.5rem}.m\:w-16{width:4rem}.m\:w-18{width:4.5rem}.m\:w-20{width:5rem}.m\:w-24{width:6rem}.m\:w-28{width:7rem}.m\:w-32{width:8rem}.m\:w-36{width:9rem}.m\:w-40{width:10rem}.m\:w-44{width:11rem}.m\:w-48{width:12rem}.m\:w-52{width:13rem}.m\:w-56{width:14rem}.m\:w-60{width:15rem}.m\:w-64{width:16rem}.m\:w-72{width:18rem}.m\:w-80{width:20rem}.m\:w-96{width:24rem}.m\:w-auto{width:auto}.m\:w-1x{width:1em}.m\:w-2x{width:2em}.m\:w-3x{width:3em}.m\:w-1\/2{width:50%}.m\:w-1\/3{width:33.333333%}.m\:w-2\/3{width:66.666667%}.m\:w-1\/4{width:25%}.m\:w-2\/4{width:50%}.m\:w-3\/4{width:75%}.m\:w-1\/5{width:20%}.m\:w-2\/5{width:40%}.m\:w-3\/5{width:60%}.m\:w-4\/5{width:80%}.m\:w-1\/6{width:16.666667%}.m\:w-2\/6{width:33.333333%}.m\:w-3\/6{width:50%}.m\:w-4\/6{width:66.666667%}.m\:w-5\/6{width:83.333333%}.m\:w-1\/12{width:8.333333%}.m\:w-2\/12{width:16.666667%}.m\:w-3\/12{width:25%}.m\:w-4\/12{width:33.333333%}.m\:w-5\/12{width:41.666667%}.m\:w-6\/12{width:50%}.m\:w-7\/12{width:58.333333%}.m\:w-8\/12{width:66.666667%}.m\:w-9\/12{width:75%}.m\:w-10\/12{width:83.333333%}.m\:w-11\/12{width:91.666667%}.m\:w-full{width:100%}.m\:w-screen{width:100vw}.m\:w-min{width:-moz-min-content;width:-webkit-min-content;width:min-content}.m\:w-max{width:-moz-max-content;width:-webkit-max-content;width:max-content}.m\:min-w-0{min-width:0}.m\:min-w-full{min-width:100
/*!markdown
---
title: Height
---
| Class | Properties |
| ----------- | ------------------------ |
| h-px | height: 0.0625rem |
| h-0 | height: 0 |
| h-none | height: 0 |
| h-0\.5 | height: 0.125rem |
| h-1 | height: 0.25rem |
| h-1\.5 | height: 0.375rem |
| h-2 | height: 0.5rem |
| h-2\.5 | height: 0.625rem |
| h-3 | height: 0.75rem |
| h-3\.5 | height: 0.875rem |
| h-4 | height: 1rem |
| h-5 | height: 1.25rem |
| h-6 | height: 1.5rem |
| h-7 | height: 1.75rem |
| h-8 | height: 2rem |
| h-9 | height: 2.25rem |
| h-10 | height: 2.5rem |
| h-11 | height: 2.75rem |
| h-12 | height: 3rem |
| h-14 | height: 3.5rem |
| h-16 | height: 4rem |
| h-18 | height: 4.5rem |
| h-20 | height: 5rem |
| h-24 | height: 6rem |
| h-28 | height: 7rem |
| h-32 | height: 8rem |
| h-36 | height: 9rem |
| h-40 | height: 10rem |
| h-44 | height: 11rem |
| h-48 | height: 12rem |
| h-52 | height: 13rem |
| h-56 | height: 14rem |
| h-60 | height: 15rem |
| h-64 | height: 16rem |
| h-72 | height: 18rem |
| h-80 | height: 20rem |
| h-96 | height: 24rem |
| h-auto | height: auto |
| h-1\/2 | height: 50% |
| h-1\/3 | height: 33.333333% |
| h-2\/3 | height: 66.666667% |
| h-1\/4 | height: 25% |
| h-2\/4 | height: 50% |
| h-3\/4 | height: 75% |
| h-1\/5 | height: 20% |
| h-2\/5 | height: 40% |
| h-3\/5 | height: 60% |
| h-4\/5 | height: 80% |
| h-1\/6 | height: 16.666667% |
| h-2\/6 | height: 33.333333% |
| h-3\/6 | height: 50% |
| h-4\/6 | height: 66.666667% |
| h-5\/6 | height: 83.333333% |
| h-full | height: 100% |
| h-screen | height: 100vh |
| min-h-0 | min-height: 0px |
| min-h-full | min-height: 100% |
| min-h-screen | min-height: 100vh |
| max-h-px | max-height: 0.0625rem |
| max-h-0 | max-height: 0 |
| max-h-none | max-height: 0 |
| max-h-0\.5 | max-height: 0.125rem |
| max-h-1 | max-height: 0.25rem |
| max-h-1\.5 | max-height: 0.375rem |
| max-h-2 | max-height: 0.5rem |
| max-h-2\.5 | max-height: 0.625rem |
| max-h-3 | max-height: 0.75rem |
| max-h-3\.5 | max-height: 0.875rem |
| max-h-4 | max-height: 1rem |
| max-h-5 | max-height: 1.25rem |
| max-h-6 | max-height: 1.5rem |
| max-h-7 | max-height: 1.75rem |
| max-h-8 | max-height: 2rem |
| max-h-9 | max-height: 2.25rem |
| max-h-10 | max-height: 2.5rem |
| max-h-11 | max-height: 2.75rem |
| max-h-12 | max-height: 3rem |
| max-h-14 | max-height: 3.5rem |
| max-h-16 | max-height: 4rem |
| max-h-18 | max-height: 4.5rem |
| max-h-20 | max-height: 5rem |
| max-h-24 | max-height: 6rem |
| max-h-28 | max-height: 7rem |
| max-h-32 | max-height: 8rem |
| max-h-36 | max-height: 9rem |
| max-h-40 | max-height: 10rem |
| max-h-44 | max-height: 11rem |
| max-h-48 | max-height: 12rem |
| max-h-52 | max-height: 13rem |
| max-h-56 | max-height: 14rem |
| max-h-60 | max-height: 15rem |
| max-h-64 | max-height: 16rem |
| max-h-72 | max-height: 18rem |
| max-h-80 | max-height: 20rem |
| max-h-96 | max-height: 24rem |
| max-h-full | max-height: 100% |
| max-h-screen | max-height: 100vh |
*/.h-px{height:.0625rem}.h-0,.h-none{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-18{height:4.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-36{height:9rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-52{height:13rem}.h-56{height:14rem}.h-60{height:15rem}.h-64{height:16rem}.h-72{height:18rem}.h-80{height:20rem}.h-96{height:24rem}.h-auto{height:auto}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-2\/3{height:66.666667%}.h-1\/4{height:25%}.h-2\/4{height:50%}.h-3\/4{height:75%}.h-1\/5{height:20%}.h-2\/5{height:40%}.h-3\/5{height:60%}.h-4\/5{height:80%}.h-1\/6{height:16.666667%}.h-2\/6{height:33.333333%}.h-3\/6{height:50%}.h-4\/6{height:66.666667%}.h-5\/6{height:83.333333%}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-px{max-height:.0625rem}.max-h-0,.max-h-none{max-height:0}.max-h-0\.5{max-height:.125rem}.max-h-1{max-height:.25rem}.max-h-1\.5{max-height:.375rem}.max-h-2{max-height:.5rem}.max-h-2\.5{max-height:.625rem}.max-h-3{max-height:.75rem}.max-h-3\.5{max-height:.875rem}.max-h-4{max-height:1rem}.max-h-5{max-height:1.25rem}.max-h-6{max-height:1.5rem}.max-h-7{max-height:1.75rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.max-h-10{max-height:2.5rem}.max-h-11{max-height:2.75rem}.max-h-12{max-height:3rem}.max-h-14{max-height:3.5rem}.max-h-16{max-height:4rem}.max-h-18{max-height:4.5rem}.max-h-20{max-height:5rem}.max-h-24{max-height:6rem}.max-h-28{max-height:7rem}.max-h-32{max-height:8rem}.max-h-36{max-height:9rem}.max-h-40{max-height:10rem}.max-h-44{max-height:11rem}.max-h-48{max-height:12rem}.max-h-52{max-height:13rem}.max-h-56{max-height:14rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}@media (max-width:768px){.m\:h-px{height:.0625rem}.m\:h-0,.m\:h-none{height:0}.m\:h-0\.5{height:.125rem}.m\:h-1{height:.25rem}.m\:h-1\.5{height:.375rem}.m\:h-2{height:.5rem}.m\:h-2\.5{height:.625rem}.m\:h-3{height:.75rem}.m\:h-3\.5{height:.875rem}.m\:h-4{height:1rem}.m\:h-5{height:1.25rem}.m\:h-6{height:1.5rem}.m\:h-7{height:1.75rem}.m\:h-8{height:2rem}.m\:h-9{height:2.25rem}.m\:h-10{height:2.5rem}.m\:h-11{height:2.75rem}.m\:h-12{height:3rem}.m\:h-14{height:3.5rem}.m\:h-16{height:4rem}.m\:h-18{height:4.5rem}.m\:h-20{height:5rem}.m\:h-24{height:6rem}.m\:h-28{height:7rem}.m\:h-32{height:8rem}.m\:h-36{height:9rem}.m\:h-40{height:10rem}.m\:h-44{height:11rem}.m\:h-48{height:12rem}.m\:h-52{height:13rem}.m\:h-56{height:14rem}.m\:h-60{height:15rem}.m\:h-64{height:16rem}.m\:h-72{height:18rem}.m\:h-80{height:20rem}.m\:h-96{height:24rem}.m\:h-auto{height:auto}.m\:h-1\/2{height:50%}.m\:h-1\/3{height:33.333333%}.m\:h-2\/3{height:66.666667%}.m\:h-1\/4{height:25%}.m\:h-2\/4{height:50%}.m\:h-3\/4{height:75%}.m\:h-1\/5{height:20%}.m\:h-2\/5{height:40%}.m\:h-3\/5{height:60%}.m\:h-4\/5{height:80%}.m\:h-1\/6{height:16.666667%}.m\:h-2\/6{height:33.333333%}.m\:h-3\/6{height:50%}.m\:h-4\/6{height:66.666667%}.m\:h-5\/6{height:83.333333%}.m\:h-full{height:100%}.m\:h-screen{height:100vh}.m\:min-h-0{min-height:0}.m\:min-h-full{min-height:100%}.m\:min-h-screen{min-height:100vh}.m\:max-h-px{max-height:.0625rem}.m\:max-h-0,.m\:max-h-none{max-height:0}.m\:max-h-0\.5{max-height:.125rem}.m\:max-h-1{max-height:.25rem}.m\:max-h-1\.5{max-height:.375rem}.m\:max-h-2{max-height:.5rem}.m\:max-h-2\.5{max-height:.625rem}.m\:max-h-3{max-height:.75rem}.m\:max-h-3\.5{max-height:.875rem}.m\:max-h-4{max-height:1rem}.m\:max-h-5{max-height:1.25rem}.m\:max-h-6{max-height:1.5rem}.m\:max-h-7{max-height:1.75rem}.m\:max-h-8{max-height:2rem}.m\:max-h-9{max-height:2.25rem}.m\:max-h-10{max-h
/*!markdown
---
title: Font Family
---
| Class | Properties |
| ----------- | ------------------------ |
| font-sans | ui-sans-serif, 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: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif |
| font-mono | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace |
*/.font-sans{font-family:ui-sans-serif,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:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}
/*!markdown
---
title: Font Size
---
| Class | Properties |
| ----------- | ------------------------ |
| text-xs | font-size: 0.75rem; line-height: 1rem |
| text-sm | font-size: 0.875rem; line-height: 1.25rem |
| text-base | font-size: 1rem; line-height: 1.5rem |
| text-md | font-size: 1.125rem; line-height: 1.75rem |
| text-lg | font-size: 1.25rem; line-height: 1.75rem |
| text-xl | font-size: 1.5rem; line-height: 2rem |
| text-2xl | font-size: 1.875rem; line-height: 2.25rem |
| text-3xl | font-size: 2.25rem; line-height: 2.5rem |
| text-4xl | font-size: 3rem; line-height: 1 |
| text-5xl | font-size: 3.75rem; line-height: 1 |
| text-6xl | font-size: 4.5rem; line-height: 1 |
| text-7xl | font-size: 6rem; line-height: 1 |
| text-8xl | font-size: 8rem; line-height: 1 |
*/.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-md{font-size:1.125rem}.text-lg,.text-md{line-height:1.75rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.875rem;line-height:2.25rem}.text-3xl{font-size:2.25rem;line-height:2.5rem}.text-4xl{font-size:3rem;line-height:1}.text-5xl{font-size:3.75rem;line-height:1}.text-6xl{font-size:4.5rem;line-height:1}.text-7xl{font-size:6rem;line-height:1}.text-8xl{font-size:8rem;line-height:1}@media (max-width:768px){.m\:text-xs{font-size:.75rem;line-height:1rem}.m\:text-sm{font-size:.875rem;line-height:1.25rem}.m\:text-base{font-size:1rem;line-height:1.5rem}.m\:text-md{font-size:1.125rem;line-height:1.75rem}.m\:text-lg{font-size:1.25rem;line-height:1.75rem}.m\:text-xl{font-size:1.5rem;line-height:2rem}.m\:text-2xl{font-size:1.875rem;line-height:2.25rem}.m\:text-3xl{font-size:2.25rem;line-height:2.5rem}.m\:text-4xl{font-size:3rem;line-height:1}.m\:text-5xl{font-size:3.75rem;line-height:1}.m\:text-6xl{font-size:4.5rem;line-height:1}.m\:text-7xl{font-size:6rem;line-height:1}.m\:text-8xl{font-size:8rem;line-height:1}}@media (min-width:769px){.pc\:text-xs{font-size:.75rem;line-height:1rem}.pc\:text-sm{font-size:.875rem;line-height:1.25rem}.pc\:text-base{font-size:1rem;line-height:1.5rem}.pc\:text-md{font-size:1.125rem;line-height:1.75rem}.pc\:text-lg{font-size:1.25rem;line-height:1.75rem}.pc\:text-xl{font-size:1.5rem;line-height:2rem}.pc\:text-2xl{font-size:1.875rem;line-height:2.25rem}.pc\:text-3xl{font-size:2.25rem;line-height:2.5rem}.pc\:text-4xl{font-size:3rem;line-height:1}.pc\:text-5xl{font-size:3.75rem;line-height:1}.pc\:text-6xl{font-size:4.5rem;line-height:1}.pc\:text-7xl{font-size:6rem;line-height:1}.pc\:text-8xl{font-size:8rem;line-height:1}}
/*!markdown
---
title: Font Style
---
| Class | Properties |
| ----------- | ------------------------ |
| italic | font-style: italic |
| not-italic | font-style: normal |
*/.italic{font-style:italic}.not-italic{font-style:normal}@media (max-width:768px){.m\:italic{font-style:italic}.m\:not-italic{font-style:normal}}@media (min-width:769px){.pc\:italic{font-style:italic}.pc\:not-italic{font-style:normal}}
/*!markdown
---
title: Font Weight
---
| Class | Properties |
| ----------- | ------------------------ |
| font-thin | font-weight: 100 |
| font-extralight | font-weight: 200 |
| font-light | font-weight: 300 |
| font-normal | font-weight: 400 |
| font-medium | font-weight: 500 |
| font-semibold | font-weight: 600 |
| font-bold | font-weight: 700 |
| font-extrabold | font-weight: 800 |
| font-black | font-weight: 900 |
*/.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}@media (max-width:768px){.m\:font-thin{font-weight:100}.m\:font-extralight{font-weight:200}.m\:font-light{font-weight:300}.m\:font-normal{font-weight:400}.m\:font-medium{font-weight:500}.m\:font-semibold{font-weight:600}.m\:font-bold{font-weight:700}.m\:font-extrabold{font-weight:800}.m\:font-black{font-weight:900}}@media (min-width:769px){.pc\:font-thin{font-weight:100}.pc\:font-extralight{font-weight:200}.pc\:font-light{font-weight:300}.pc\:font-normal{font-weight:400}.pc\:font-medium{font-weight:500}.pc\:font-semibold{font-weight:600}.pc\:font-bold{font-weight:700}.pc\:font-extrabold{font-weight:800}.pc\:font-black{font-weight:900}}
/*!markdown
---
title: Line Height
---
| Class | Properties |
| ----------- | ------------------------ |
| leading-3 | line-height: 0.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 |
*/.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}@media (max-width:768px){.m\:leading-3{line-height:.75rem}.m\:leading-4{line-height:1rem}.m\:leading-5{line-height:1.25rem}.m\:leading-6{line-height:1.5rem}.m\:leading-7{line-height:1.75rem}.m\:leading-8{line-height:2rem}.m\:leading-9{line-height:2.25rem}.m\:leading-10{line-height:2.5rem}.m\:leading-none{line-height:1}.m\:leading-tight{line-height:1.25}.m\:leading-snug{line-height:1.375}.m\:leading-normal{line-height:1.5}.m\:leading-relaxed{line-height:1.625}.m\:leading-loose{line-height:2}}@media (min-width:769px){.pc\:leading-3{line-height:.75rem}.pc\:leading-4{line-height:1rem}.pc\:leading-5{line-height:1.25rem}.pc\:leading-6{line-height:1.5rem}.pc\:leading-7{line-height:1.75rem}.pc\:leading-8{line-height:2rem}.pc\:leading-9{line-height:2.25rem}.pc\:leading-10{line-height:2.5rem}.pc\:leading-none{line-height:1}.pc\:leading-tight{line-height:1.25}.pc\:leading-snug{line-height:1.375}.pc\:leading-normal{line-height:1.5}.pc\:leading-relaxed{line-height:1.625}.pc\:leading-loose{line-height:2}}
/*!markdown
---
title: List Style Type
---
| Class | Properties |
| ----------- | ------------------------ |
| list-none | list-style-type: none |
| list-disc | list-style-type: disc |
| list-decimal | list-style-type: decimal |
| 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}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}@media (max-width:768px){.m\:list-none{list-style-type:none}.m\:list-disc{list-style-type:disc}.m\:list-decimal{list-style-type:decimal}.m\:list-inside{list-style-position:inside}.m\:list-outside{list-style-position:outside}}@media (min-width:769px){.pc\:list-none{list-style-type:none}.pc\:list-disc{list-style-type:disc}.pc\:list-decimal{list-style-type:decimal}.pc\:list-inside{list-style-position:inside}.pc\:list-outside{list-style-position:outside}}
/*!markdown
---
title: Text Align
---
| Class | Properties |
| ----------- | ------------------------ |
| text-left | text-align: left |
| text-center | text-align: center |
| text-right | text-align: right |
| text-justify | text-align: justify |
*/.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}@media (max-width:768px){.m\:text-left{text-align:left}.m\:text-center{text-align:center}.m\:text-right{text-align:right}.m\:text-justify{text-align:justify}}@media (min-width:769px){.pc\:text-left{text-align:left}.pc\:text-center{text-align:center}.pc\:text-right{text-align:right}.pc\:text-justify{text-align:justify}}
/*!markdown
---
title: Text Color
---
| Class | Properties | 示例效果 |
| ----------- | ------------------------ | ------------------------ |
| text-transparent | color: transparent | <span style="color: #transparent">AaBbCcDd</span>|
| text-current | color: currentColor | <span style="color: #currentColor">AaBbCcDd</span>|
| text-black | color: #000 | <span style="color: #000">AaBbCcDd</span>|
| text-white | color: #fff | <span style="color: #fff">AaBbCcDd</span>|
| text-primary | color: #007bff | <span style="color: #007bff">AaBbCcDd</span>|
| text-secondary | color: #6c757d | <span style="color: #6c757d">AaBbCcDd</span>|
| text-success | color: #28a745 | <span style="color: #28a745">AaBbCcDd</span>|
| text-info | color: #007bff | <span style="color: #007bff">AaBbCcDd</span>|
| text-warning | color: #fad733 | <span style="color: #fad733">AaBbCcDd</span>|
| text-danger | color: #dc3545 | <span style="color: #dc3545">AaBbCcDd</span>|
| text-light | color: #f8f9fa | <span style="color: #f8f9fa">AaBbCcDd</span>|
| text-dark | color: #343a40 | <span style="color: #343a40">AaBbCcDd</span>|
| text-gray-50 | color: #f9fafb | <span style="color: #f9fafb">AaBbCcDd</span>|
| text-gray-100 | color: #f3f4f6 | <span style="color: #f3f4f6">AaBbCcDd</span>|
| text-gray-200 | color: #e5e7eb | <span style="color: #e5e7eb">AaBbCcDd</span>|
| text-gray-300 | color: #d1d5db | <span style="color: #d1d5db">AaBbCcDd</span>|
| text-gray-400 | color: #9ca3af | <span style="color: #9ca3af">AaBbCcDd</span>|
| text-gray-500 | color: #6b7280 | <span style="color: #6b7280">AaBbCcDd</span>|
| text-gray-600 | color: #4b5563 | <span style="color: #4b5563">AaBbCcDd</span>|
| text-gray-700 | color: #374151 | <span style="color: #374151">AaBbCcDd</span>|
| text-gray-800 | color: #1f2937 | <span style="color: #1f2937">AaBbCcDd</span>|
| text-gray-900 | color: #111827 | <span style="color: #111827">AaBbCcDd</span>|
| text-red-50 | color: #fef2f2 | <span style="color: #fef2f2">AaBbCcDd</span>|
| text-red-100 | color: #fee2e2 | <span style="color: #fee2e2">AaBbCcDd</span>|
| text-red-200 | color: #fecaca | <span style="color: #fecaca">AaBbCcDd</span>|
| text-red-300 | color: #fca5a5 | <span style="color: #fca5a5">AaBbCcDd</span>|
| text-red-400 | color: #f87171 | <span style="color: #f87171">AaBbCcDd</span>|
| text-red-500 | color: #ef4444 | <span style="color: #ef4444">AaBbCcDd</span>|
| text-red-600 | color: #dc2626 | <span style="color: #dc2626">AaBbCcDd</span>|
| text-red-700 | color: #b91c1c | <span style="color: #b91c1c">AaBbCcDd</span>|
| text-red-800 | color: #991b1b | <span style="color: #991b1b">AaBbCcDd</span>|
| text-red-900 | color: #7f1d1d | <span style="color: #7f1d1d">AaBbCcDd</span>|
| text-yellow-50 | color: #fffbeb | <span style="color: #fffbeb">AaBbCcDd</span>|
| text-yellow-100 | color: #fef3c7 | <span style="color: #fef3c7">AaBbCcDd</span>|
| text-yellow-200 | color: #fde68a | <span style="color: #fde68a">AaBbCcDd</span>|
| text-yellow-300 | color: #fcd34d | <span style="color: #fcd34d">AaBbCcDd</span>|
| text-yellow-400 | color: #fbbf24 | <span style="color: #fbbf24">AaBbCcDd</span>|
| text-yellow-500 | color: #f59e0b | <span style="color: #f59e0b">AaBbCcDd</span>|
| text-yellow-600 | color: #d97706 | <span style="color: #d97706">AaBbCcDd</span>|
| text-yellow-700 | color: #b45309 | <span style="color: #b45309">AaBbCcDd</span>|
| text-yellow-800 | color: #92400e | <span style="color: #92400e">AaBbCcDd</span>|
| text-yellow-900 | color: #78350f | <span style="color: #78350f">AaBbCcDd</span>|
| text-green-50 | color: #ecfdf5 | <span style="color: #ecfdf5">AaBbCcDd</span>|
| text-green-100 | color: #d1fae5 | <span style="color: #d1fae5">AaBbCcDd</span>|
| text-green-200 | color: #a7f3d0 | <span style="color: #a7f3d0">AaBbCcDd</span>|
| text-green-300 | color: #6ee7b7 | <span style="color: #6ee7b7">AaBbCcDd</span>|
| text-green-400 | color: #34d399 | <span style="color: #34d399">AaBbCcDd</span>|
| text-green-500 | color: #10b981 | <span style="color: #10b981">AaBbCcDd</span>|
| text-green-600 | color: #059669 | <span style="color: #059669">AaBbCcDd</span>|
| text-green-700 | color: #047857 | <span style="color: #047857">AaBbCcDd</span>|
| text-green-800 | color: #065f46 | <span style="color: #065f46">AaBbCcDd</span>|
| text-green-900 | color: #064e3b | <span style="color: #064e3b">AaBbCcDd</span>|
| text-blue-50 | color: #eff6ff | <span style="color: #eff6ff">AaBbCcDd</span>|
| text-blue-100 | color: #dbeafe | <span style="color: #dbeafe">AaBbCcDd</span>|
| text-blue-200 | color: #bfdbfe | <span style="color: #bfdbfe">AaBbCcDd</span>|
| text-blue-300 | color: #93c5fd | <span style="color: #93c5fd">AaBbCcDd</span>|
| text-blue-400 | color: #60a5fa | <span style="color: #60a5fa">AaBbCcDd</span>|
| text-blue-500 | color: #3b82f6 | <span style="color: #3b82f6">AaBbCcDd</span>|
| text-blue-600 | color: #2563eb | <span style="color: #2563eb">AaBbCcDd</span>|
| text-blue-700 | color: #1d4ed8 | <span style="color: #1d4ed8">AaBbCcDd</span>|
| text-blue-800 | color: #1e40af | <span style="color: #1e40af">AaBbCcDd</span>|
| text-blue-900 | color: #1e3a8a | <span style="color: #1e3a8a">AaBbCcDd</span>|
| text-cyan-50 | color: #ecfeff | <span style="color: #ecfeff">AaBbCcDd</span>|
| text-cyan-100 | color: #cffafe | <span style="color: #cffafe">AaBbCcDd</span>|
| text-cyan-200 | color: #a5f3fc | <span style="color: #a5f3fc">AaBbCcDd</span>|
| text-cyan-300 | color: #67e8f9 | <span style="color: #67e8f9">AaBbCcDd</span>|
| text-cyan-400 | color: #22d3ee | <span style="color: #22d3ee">AaBbCcDd</span>|
| text-cyan-500 | color: #06b6d4 | <span style="color: #06b6d4">AaBbCcDd</span>|
| text-cyan-600 | color: #0891b2 | <span style="color: #0891b2">AaBbCcDd</span>|
| text-cyan-700 | color: #0e7490 | <span style="color: #0e7490">AaBbCcDd</span>|
| text-cyan-800 | color: #155e75 | <span style="color: #155e75">AaBbCcDd</span>|
| text-cyan-900 | color: #164e63 | <span style="color: #164e63">AaBbCcDd</span>|
| text-indigo-50 | color: #eef2ff | <span style="color: #eef2ff">AaBbCcDd</span>|
| text-indigo-100 | color: #e0e7ff | <span style="color: #e0e7ff">AaBbCcDd</span>|
| text-indigo-200 | color: #c7d2fe | <span style="color: #c7d2fe">AaBbCcDd</span>|
| text-indigo-300 | color: #a5b4fc | <span style="color: #a5b4fc">AaBbCcDd</span>|
| text-indigo-400 | color: #818cf8 | <span style="color: #818cf8">AaBbCcDd</span>|
| text-indigo-500 | color: #6366f1 | <span style="color: #6366f1">AaBbCcDd</span>|
| text-indigo-600 | color: #4f46e5 | <span style="color: #4f46e5">AaBbCcDd</span>|
| text-indigo-700 | color: #4338ca | <span style="color: #4338ca">AaBbCcDd</span>|
| text-indigo-800 | color: #3730a3 | <span style="color: #3730a3">AaBbCcDd</span>|
| text-indigo-900 | color: #312e81 | <span style="color: #312e81">AaBbCcDd</span>|
| text-purple-50 | color: #f5f3ff | <span style="color: #f5f3ff">AaBbCcDd</span>|
| text-purple-100 | color: #ede9fe | <span style="color: #ede9fe">AaBbCcDd</span>|
| text-purple-200 | color: #ddd6fe | <span style="color: #ddd6fe">AaBbCcDd</span>|
| text-purple-300 | color: #c4b5fd | <span style="color: #c4b5fd">AaBbCcDd</span>|
| text-purple-400 | color: #a78bfa | <span style="color: #a78bfa">AaBbCcDd</span>|
| text-purple-500 | color: #8b5cf6 | <span style="color: #8b5cf6">AaBbCcDd</span>|
| text-purple-600 | color: #7c3aed | <span style="color: #7c3aed">AaBbCcDd</span>|
| text-purple-700 | color: #6d28d9 | <span style="color: #6d28d9">AaBbCcDd</span>|
| text-purple-800 | color: #5b21b6 | <span style="color: #5b21b6">AaBbCcDd</span>|
| text-purple-900 | color: #4c1d95 | <span style="color: #4c1d95">AaBbCcDd</span>|
| text-pink-50 | color: #fdf2f8 | <span style="color: #fdf2f8">AaBbCcDd</span>|
| text-pink-100 | color: #fce7f3 | <span style="color: #fce7f3">AaBbCcDd</span>|
| text-pink-200 | color: #fbcfe8 | <span style="color: #fbcfe8">AaBbCcDd</span>|
| text-pink-300 | color: #f9a8d4 | <span style="color: #f9a8d4">AaBbCcDd</span>|
| text-pink-400 | color: #f472b6 | <span style="color: #f472b6">AaBbCcDd</span>|
| text-pink-500 | color: #ec4899 | <span style="color: #ec4899">AaBbCcDd</span>|
| text-pink-600 | color: #db2777 | <span style="color: #db2777">AaBbCcDd</span>|
| text-pink-700 | color: #be185d | <span style="color: #be185d">AaBbCcDd</span>|
| text-pink-800 | color: #9d174d | <span style="color: #9d174d">AaBbCcDd</span>|
| text-pink-900 | color: #831843 | <span style="color: #831843">AaBbCcDd</span>|
还有 hover、active、focus、disabled 扩展，比如 `hover:text-black`
*/.text-transparent{color:transparent}.text-current{color:currentColor}.text-black{color:#000}.text-white{color:#fff}.text-primary{color:#007bff}.text-secondary{color:#6c757d}.text-success{color:#28a745}.text-info{color:#007bff}.text-warning{color:#fad733}.text-danger{color:#dc3545}.text-light{color:#f8f9fa}.text-dark{color:#343a40}.text-gray-50{color:#f9fafb}.text-gray-100{color:#f3f4f6}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-red-50{color:#fef2f2}.text-red-100{color:#fee2e2}.text-red-200{color:#fecaca}.text-red-300{color:#fca5a5}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-red-900{color:#7f1d1d}.text-yellow-50{color:#fffbeb}.text-yellow-100{color:#fef3c7}.text-yellow-200{color:#fde68a}.text-yellow-300{color:#fcd34d}.text-yellow-400{color:#fbbf24}.text-yellow-500{color:#f59e0b}.text-yellow-600{color:#d97706}.text-yellow-700{color:#b45309}.text-yellow-800{color:#92400e}.text-yellow-900{color:#78350f}.text-green-50{color:#ecfdf5}.text-green-100{color:#d1fae5}.text-green-200{color:#a7f3d0}.text-green-300{color:#6ee7b7}.text-green-400{color:#34d399}.text-green-500{color:#10b981}.text-green-600{color:#059669}.text-green-700{color:#047857}.text-green-800{color:#065f46}.text-green-900{color:#064e3b}.text-blue-50{color:#eff6ff}.text-blue-100{color:#dbeafe}.text-blue-200{color:#bfdbfe}.text-blue-300{color:#93c5fd}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-cyan-50{color:#ecfeff}.text-cyan-100{color:#cffafe}.text-cyan-200{color:#a5f3fc}.text-cyan-300{color:#67e8f9}.text-cyan-400{color:#22d3ee}.text-cyan-500{color:#06b6d4}.text-cyan-600{color:#0891b2}.text-cyan-700{color:#0e7490}.text-cyan-800{color:#155e75}.text-cyan-900{color:#164e63}.text-indigo-50{color:#eef2ff}.text-indigo-100{color:#e0e7ff}.text-indigo-200{color:#c7d2fe}.text-indigo-300{color:#a5b4fc}.text-indigo-400{color:#818cf8}.text-indigo-500{color:#6366f1}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}.text-indigo-900{color:#312e81}.text-purple-50{color:#f5f3ff}.text-purple-100{color:#ede9fe}.text-purple-200{color:#ddd6fe}.text-purple-300{color:#c4b5fd}.text-purple-400{color:#a78bfa}.text-purple-500{color:#8b5cf6}.text-purple-600{color:#7c3aed}.text-purple-700{color:#6d28d9}.text-purple-800{color:#5b21b6}.text-purple-900{color:#4c1d95}.text-pink-50{color:#fdf2f8}.text-pink-100{color:#fce7f3}.text-pink-200{color:#fbcfe8}.text-pink-300{color:#f9a8d4}.text-pink-400{color:#f472b6}.text-pink-500{color:#ec4899}.text-pink-600{color:#db2777}.text-pink-700{color:#be185d}.text-pink-800{color:#9d174d}.text-pink-900{color:#831843}.hover\:text-transparent:hover{color:transparent}.hover\:text-current:hover{color:currentColor}.hover\:text-black:hover{color:#000}.hover\:text-white:hover{color:#fff}.hover\:text-primary:hover{color:#007bff}.hover\:text-secondary:hover{color:#6c757d}.hover\:text-success:hover{color:#28a745}.hover\:text-info:hover{color:#007bff}.hover\:text-warning:hover{color:#fad733}.hover\:text-danger:hover{color:#dc3545}.hover\:text-light:hover{color:#f8f9fa}.hover\:text-dark:hover{color:#343a40}.hover\:text-gray-50:hover{color:#f9fafb}.hover\:text-gray-100:hover{color:#f3f4f6}.hover\:text-gray-200:hover{color:#e5e7eb}.hover\:text-gray-300:hover{color:#d1d5db}.hover\:text-gray-400:hover{color:#9ca3af}.hover\:text-gray-500:hover{color:#6b7280}.hover\:text-gray-600:hover{color:#4b5563}.hover\:text-gray-700:hover{color:#374151}.hover\:text-gray-800:hover{color:#1f2937}.hover\:text-gray-900:hover{color:#111827}.hover\:text-red-50:hover{color:#fef2f2}.hover\:text-red-100:hover{color:#fee2e2}.hover\:text-red-200:hover{color:#fecaca}.hover\:text-red-300:hover{color:#fca5a5}.hover\:text-red-400:hover{col
/*!markdown
---
title: Text Decoration
---
| Class | Properties |
| ----------- | ------------------------ |
| underline | text-decoration: underline |
| line-through | text-decoration: line-through |
| no-underline | text-decoration: none |
*/.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}@media (max-width:768px){.m\:underline{text-decoration:underline}.m\:line-through{text-decoration:line-through}.m\:no-underline{text-decoration:none}}@media (min-width:769px){.pc\:underline{text-decoration:underline}.pc\:line-through{text-decoration:line-through}.pc\:no-underline{text-decoration:none}}
/*!markdown
---
title: Text Transform
---
| Class | Properties |
| ----------- | ------------------------ |
| uppercase | text-transform: uppercase |
| lowercase | text-transform: lowercase |
| capitalize | text-transform: capitalize |
| normal-case | text-transform: none |
*/.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}@media (max-width:768px){.m\:uppercase{text-transform:uppercase}.m\:lowercase{text-transform:lowercase}.m\:capitalize{text-transform:capitalize}.m\:normal-case{text-transform:none}}@media (min-width:769px){.pc\:uppercase{text-transform:uppercase}.pc\:lowercase{text-transform:lowercase}.pc\:capitalize{text-transform:capitalize}.pc\:normal-case{text-transform:none}}
/*!markdown
---
title: Whitespace
---
| Class | Properties |
| ----------- | ------------------------ |
| white-space-normal | align: normal |
| white-space-nowrap | white-space: nowrap |
| white-space-pre | white-space: pre |
| white-space-pre-line | white-space: pre-line |
| white-space-pre-wrap | white-space: pre-wrap |
*/.white-space-normal{white-space:normal}.white-space-nowrap{white-space:nowrap}.white-space-pre{white-space:pre}.white-space-pre-line{white-space:pre-line}.white-space-pre-wrap{white-space:pre-wrap}@media (max-width:768px){.m\:white-space-normal{white-space:normal}.m\:white-space-nowrap{white-space:nowrap}.m\:white-space-pre{white-space:pre}.m\:white-space-pre-line{white-space:pre-line}.m\:white-space-pre-wrap{white-space:pre-wrap}}@media (min-width:769px){.pc\:white-space-normal{white-space:normal}.pc\:white-space-nowrap{white-space:nowrap}.pc\:white-space-pre{white-space:pre}.pc\:white-space-pre-line{white-space:pre-line}.pc\:white-space-pre-wrap{white-space:pre-wrap}}
/*!markdown
---
title: Word Break
---
| Class | Properties |
| ----------- | ------------------------ |
| break-normal | overflow-wrap: normal; word-break: normal |
| break-words | overflow-wrap: break-word |
| break-all | word-break: break-all |
*/.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}@media (max-width:768px){.m\:break-normal{overflow-wrap:normal;word-break:normal}.m\:break-words{overflow-wrap:break-word}.m\:break-all{word-break:break-all}}@media (min-width:769px){.pc\:break-normal{overflow-wrap:normal;word-break:normal}.pc\:break-words{overflow-wrap:break-word}.pc\:break-all{word-break:break-all}}@font-face{font-family:iconfont;src:url(https://aisuda.github.io/amis-editor-demo/demo/fonts/iconfont.3f488f9.eot);src:url(https://aisuda.github.io/amis-editor-demo/demo/fonts/iconfont.3f488f9.eot) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAVKUAAsAAAACtawAAVJBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgDZagqJjSCHjmwBNgIkA5hgC5hkAAQgBYRtB8oWW0opkkDB5P42TVED3UQEgE3ftI+JdnizETHIzYpA8v9fV1Yd8WHjAMDsVsvs//////RkMYb7e+AOUBHVqXNbVQGNlOVMLLUWK4NAtFETtDIXq1Z7tUbLi2y1ATRtajtNjxGOFVp9nL33bj2567xIbFrUDkKJlqsvdw0YuzetJ4hPW5K7X3M3wS43M2DxJBC+FfGwvk5BQ3CNT1vOA2txZ7pDOhc9LYomuifD5T8Pb/RLgq/snfSqMfyK+sDJ3nRJI9Dokp7wQ/jCT5wao9II9FWgEirmONtGGovCRZ90SSTSIUmgQwaQICYgholT/oYV9jkXJ2+tOJk/DB0SuO/79YbfFAfnL6T/e92YyAPYrgYQDFigTWZJ7kNVy//Mqezn9p2x9OLwxRF8OihoHLaAyTNjqUJMIagTgPqfUHn0peASVBT/EEfr/a7DE4gCOsVLLMTAGg8k4WMXdDcAjki3JrkQkBaKPkUgVEEEpUoCgVsh0KUHAZUENbEQEAELqNxZQFBQiijgK2inqAgW+p0Fa7BhgVcftL8VS3+54fm59f5fJvRgo3IwKv4C2GDAYIzIUemIlBighEkYYGJggAFGgYLRqBh3xhlYZ90hqHfGnfL/67RP+stSa45MHDtO1pICOJkQ3/eukQaczLATNXa3R95fLmFF1H6GgGDonVo/YwfuZmwn2WfHS1AIHO1xMYdQGEiTfXsJH/eW2/WP9Cv9DkhyoCBLhsBCHCzzytLvg7++pfV/TmZVt31OZlWXNLCIs49mAQ2LIEjoVttWN3ss2fJYXgvyp+q36ldgHjLM8AXDAoHUivf3HgU75Z5NNhn+3fyvZMaTGc9JAlSeoOXazmv7xAzaMRH4Dbsew9siMSg1iljVoEfWbfh1j6Gu9YW6ErZs3TtQH/QIj87ZxQNwy0MUWl7a9wBBwn9rkY5pW+5LogI4cb+3eDaDkSf4RMfVwq86f9FuttyMWWMxRJPZ1s1lxdMBG4zh0wECAAPRwtv1RWkomed+JnR0IMmr/r3tR8ay7nkFaIgdwQk2VTZo23NGO5In7zCyjAT+P9Xq/b08BPDACxB0Tbad3p0etzvfORfJ+MoVqhQkSjJBvQ8HOXsCCpAJ6GsdiW9+LQL08qhCFYVPxubHuRSAYy5IPsVMHuayknYPVTv3UqkMkxwZGg75h+Bud5KBhsAAJ6yP9bW/IVjo5sAQBA4AfPo1rbUbIY9AEdCHA9fqzo3HrE3G3/gThhygBXywYBL2ezftcDHqhGJJnie+ywf4YezL0fF8na6xW8hWuJpNKfuUafq0xVpaP5oDlhfIOceA2RzVVz/f1NkEjpxEkEXQ21e1vruhQrI9s39+uitqFj8UzYUypNfvg0hIwpoEuQRoj/bvLbVMAUpThjTaWtAn5VPyyb2Oyn1mviOXo+j93wDxf4Oguhsk1Q1IVDc5B5oczf4GJG03KM2CGo6KOuyiKO11nP4NkFI3qfF2k3MAlMbVoMZb4GhcpnyeR5C4HMSOnIWayL5jB1noPHaSmqo6OR7Rtwaws63x/3+Zs1mG1ocq50RRjAlWJX/f/jmzdy+f0t9+WvsJbWhl6BNKUwuKgwoOiSyfKA4qktKUAcnfl6p1BShRtidrvMGTgibFw0X25nidvZzw3+9u8P/fv+nfDZDqBkiqGyDlBkiZ3WAwAFIGIFrThGib0sxuUbZqStromU3URnmjukHKBinaAinZI01Mp5njnCRPWs/GcNo93LfuKd32tofbHm7H1RFqIsh1TMQ6O7F/tL7bV9/3Ubh/e9M4mzRSiAQJIYQQpJCaecvH1wxjs4i5SFgkxgirEes+B5mT7x9WOvY9bNUKCsoaARJIQibD2rv/l9BpTxOS9sfi+yYlZAENy4ABw3nfkHTSnVnGVAN15+ISxQ+s0v5tvVf33o+cfpekvbFaHz9NH0VJ50SXFcS4qW5rT83SRfBs6hieI0i2vdEitonIthy5ayyADR7YSvzk2wZmMPBxrgWwlG+MuzCr8jAHhy44woJ944Kch6uMHRzZn0QFvio/+OsNuzQgsMP4uFvPK74ygP0L5h1K9hqvYLV8R6cBLxcCAR7DAIfNzbH9RvxOH5fs1ioO94VjY2ABUVnLFXgIbDcYfNVeZpaLHuYXFpe4g0Bh2joAIAisJhCiqdr7hqaWyNY/aaNp7Wd5lv5v6XHv0ZObZ695w5vePvOswuuH/YjVdVlfL/c88swr73zyzS//xNUKDKlZy0mSgMCg4JDQuk7ZsS8yIjIqOibWBUcWTOkzYFhsfEJikmNn4V2mpKb12a0PoHLrey23r9AGOe5leG+jt5JtKi1r0Etmr933trk17mjUuElTV/h299WZnZObl19QWNSiZavWbdq2a9+hy+CQ0LDwiMio6JjYuPiExCTruk+h+v8/do+EtOY9ZGXn5OblFxQWEYtLlCpdtV6ZatXLV6hYiVSZTKFWodWoWat2/Tp1GzRs5I2Hxgwmq0nTZmHhEZFR0TGxcfEJiUnJqWnpXjhcXtdz8n7eUx899Nmj8opKXyJxz6v89rJDXoQvEvkn5Wfr+4NbU7F0mZjBj6joyHZXNcQMp92qqba6FldfQ41V1JQ2OCQ0LDyinWm8oFaZqUsuNb/mSymh+GKKyLjxJhLiA328dzVu0tQT+mHzFi1btfYPpz4zKxsYn5uXX1BYVDyqiVJSHvqXV1RWVafmVjKf/MFQOBKNxRO1dfUNjU2B0euij6bw7X05Zcs515KYyS77HGbU+h+k38Ltl90/RYxoOvaaLB4n62+NVqd3ul6+3/9c577OI3qkyJCjQIkKNRq06JCgw4cIJAqNweLwBCKJTKHS6Awmi83h8vgCoUgskcrkCqUKlgIyNTK01gFVNXUNTS1tHV09fQMlWdtlBlIJjy8QisRcFpNOImNxCCQKDdfTUuTDkxsnzvhcWDLHY4aLjYm6bq5bGOdSwHYfyzSMXT/UTZtmeVEmcRRqkiiwHE8TONgfbKFAu7PZaNbX1jdWV6rLNZUXS4V8EEZxIplKZ7I537NsxxVNQ9dURZYEnqMZlkIxnCBhBBw57Lab9Wo5X8ymk/FgOMrSJA7CyPdcx7ZM3dBUReYFUeJYmqFIAu/3IBhBsS4IdNqtZqPu9rgcTodWpzcYTWaL1WYnUAxHYAjUqFVSmVyhlIhFQgGfx+WwWUwGnUaV0BRGDjukriYWkQQEGABwoAIA77/iABkBGGyAexChOyC6C6Z7UEwATUMw9ACWHsHRMDyNILAsR