.markdown-section ol,
.markdown-section ul,
li {
  padding: 0;
}

[id^=components-button-demo-] .ant-btn {
  margin-right: 8px;
  margin-bottom: 12px
}

[id^=components-button-demo-] .ant-btn-rtl {
  margin-right: 0;
  margin-left: 8px
}

[id^=components-button-demo-] .ant-btn-group>.ant-btn,
[id^=components-button-demo-] .ant-btn-group>span>.ant-btn {
  margin-right: 0
}

[data-theme=dark] .site-button-ghost-wrapper {
  background: rgba(255, 255, 255, .2)
}

ul.anticons-list {
  margin: 10px 0;
  overflow: hidden;
  direction: ltr;
  list-style: none
}

ul.anticons-list li {
  position: relative;
  float: left;
  width: 16.66%;
  height: 100px;
  margin: 3px 0;
  padding: 10px 0 0;
  overflow: hidden;
  color: #555;
  text-align: center;
  list-style: none;
  background-color: inherit;
  border-radius: 4px;
  cursor: pointer;
  transition: color .3s ease-in-out, background-color .3s ease-in-out
}

.rtl ul.anticons-list li {
  margin: 3px 0;
  padding: 10px 0 0
}

ul.anticons-list li .anticon {
  margin: 12px 0 8px;
  font-size: 36px;
  transition: transform .3s ease-in-out;
  will-change: transform
}

ul.anticons-list li .anticon-class {
  display: block;
  font-family: "Lucida Console", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  white-space: nowrap;
  text-align: center;
  transform: scale(.83)
}

ul.anticons-list li .anticon-class .ant-badge {
  transition: color .3s ease-in-out
}

ul.anticons-list li:hover {
  color: #fff;
  background-color: #1890ff
}

ul.anticons-list li:hover .anticon {
  transform: scale(1.4)
}

ul.anticons-list li:hover .ant-badge {
  color: #fff
}

ul.anticons-list li.TwoTone:hover {
  background-color: #8ecafe
}

ul.anticons-list li.copied:hover {
  color: #fff3
}

ul.anticons-list li:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 110px;
  text-align: center;
  opacity: 0;
  transition: all .3s cubic-bezier(.18, .89, .32, 1.28);
  content: "Copied!"
}

ul.anticons-list li.copied:after {
  top: -10px;
  opacity: 1
}


.grid-demo .demo-row,
[id^=components-grid-demo-] .demo-row,
.grid-demo .code-box-demo .demo-row,
[id^=components-grid-demo-] .code-box-demo .demo-row {
  margin-bottom: 8px;
  overflow: hidden;
  background-image: linear-gradient(90deg, #f5f5f5 4.16666667%, transparent 4.16666667%, transparent 8.33333333%, #f5f5f5 8.33333333%, #f5f5f5 12.5%, transparent 12.5%, transparent 16.66666667%, #f5f5f5 16.66666667%, #f5f5f5 20.83333333%, transparent 20.83333333%, transparent 25%, #f5f5f5 25%, #f5f5f5 29.16666667%, transparent 29.16666667%, transparent 33.33333333%, #f5f5f5 33.33333333%, #f5f5f5 37.5%, transparent 37.5%, transparent 41.66666667%, #f5f5f5 41.66666667%, #f5f5f5 45.83333333%, transparent 45.83333333%, transparent 50%, #f5f5f5 50%, #f5f5f5 54.16666667%, transparent 54.16666667%, transparent 58.33333333%, #f5f5f5 58.33333333%, #f5f5f5 62.5%, transparent 62.5%, transparent 66.66666667%, #f5f5f5 66.66666667%, #f5f5f5 70.83333333%, transparent 70.83333333%, transparent 75%, #f5f5f5 75%, #f5f5f5 79.16666667%, transparent 79.16666667%, transparent 83.33333333%, #f5f5f5 83.33333333%, #f5f5f5 87.5%, transparent 87.5%, transparent 91.66666667%, #f5f5f5 91.66666667%, #f5f5f5 95.83333333%, transparent 95.83333333%)
}

.grid-demo .ant-row>div,
[id^=components-grid-demo-] .ant-row>div,
.grid-demo .code-box-demo .ant-row>div,
[id^=components-grid-demo-] .code-box-demo .ant-row>div {
  min-height: 30px;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #fff;
  text-align: center;
  border-radius: 0
}

.grid-demo .code-box-demo .ant-row>div:not(.gutter-row),
[id^=components-grid-demo-] .code-box-demo .ant-row>div:not(.gutter-row) {
  padding: 16px 0;
  background: #0092ff
}

.grid-demo .code-box-demo .ant-row>div:not(.gutter-row):nth-child(2n + 1),
[id^=components-grid-demo-] .code-box-demo .ant-row>div:not(.gutter-row):nth-child(2n + 1) {
  background: rgba(0, 146, 255, .75)
}

.grid-demo .ant-row .demo-col,
[id^=components-grid-demo-] .ant-row .demo-col,
.grid-demo .code-box-demo .ant-row .demo-col,
[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col {
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px 0;
  color: #fff;
  font-size: 18px;
  text-align: center;
  border: none
}

.grid-demo .ant-row .demo-col-1,
[id^=components-grid-demo-] .ant-row .demo-col-1 {
  background: rgba(0, 146, 255, .75)
}

.grid-demo .ant-row .demo-col-2,
[id^=components-grid-demo-] .ant-row .demo-col-2,
.grid-demo .code-box-demo .ant-row .demo-col-2,
[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-2 {
  background: rgba(0, 146, 255, .5)
}

.grid-demo .ant-row .demo-col-3,
[id^=components-grid-demo-] .ant-row .demo-col-3,
.grid-demo .code-box-demo .ant-row .demo-col-3,
[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-3 {
  color: #999;
  background: rgba(255, 255, 255, .2)
}

.grid-demo .ant-row .demo-col-4,
[id^=components-grid-demo-] .ant-row .demo-col-4,
.grid-demo .code-box-demo .ant-row .demo-col-4,
[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-4 {
  background: rgba(0, 146, 255, .6)
}

.grid-demo .ant-row .demo-col-5,
[id^=components-grid-demo-] .ant-row .demo-col-5,
.grid-demo .code-box-demo .ant-row .demo-col-5,
[id^=components-grid-demo-] .code-box-demo .ant-row .demo-col-5 {
  color: #999;
  background: rgba(255, 255, 255, .2)
}

.grid-demo .code-box-demo .height-100,
[id^=components-grid-demo-] .code-box-demo .height-100 {
  height: 100px;
  line-height: 100px
}

.grid-demo .code-box-demo .height-50,
[id^=components-grid-demo-] .code-box-demo .height-50 {
  height: 50px;
  line-height: 50px
}

.grid-demo .code-box-demo .height-120,
[id^=components-grid-demo-] .code-box-demo .height-120 {
  height: 120px;
  line-height: 120px
}

.grid-demo .code-box-demo .height-80,
[id^=components-grid-demo-] .code-box-demo .height-80 {
  height: 80px;
  line-height: 80px
}

[id=components-grid-demo-playground]>.code-box-demo .ant-row>div,
[id=components-grid-demo-gutter]>.code-box-demo .ant-row>div {
  margin-top: 0;
  margin-bottom: 0
}

.space-align-container[data-v-e22e5f66] {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap
}

.space-align-block[data-v-e22e5f66] {
  margin: 8px 4px;
  border: 1px solid #40a9ff;
  padding: 4px;
  flex: none
}

.space-align-block .mock-block[data-v-e22e5f66] {
  display: inline-block;
  padding: 32px 8px 16px;
  background: rgba(150, 150, 150, .2)
}

.demo-page-header[data-v-1d41aa48] tr:last-child td {
  padding-bottom: 0
}

#components-page-header-demo-content .image[data-v-ee108c60] {
  margin: 0 0 0 60px;
  display: flex;
  align-items: center
}

#components-page-header-demo-content .ant-page-header-rtl .image[data-v-ee108c60] {
  margin: 0 60px 0 0
}

#components-page-header-demo-content .example-link[data-v-ee108c60] {
  line-height: 24px;
  margin-right: 16px
}

[data-theme=compact] #components-page-header-demo-content .example-link[data-v-ee108c60] {
  line-height: 20px
}

#components-page-header-demo-content .example-link-icon[data-v-ee108c60] {
  margin-right: 8px
}

[data-theme=compact] #components-page-header-demo-content .example-link-icon[data-v-ee108c60] {
  width: 20px;
  height: 20px
}

#components-page-header-demo-content .ant-page-header-rtl .example-link[data-v-ee108c60] {
  float: right;
  margin-right: 0;
  margin-left: 16px
}

#components-page-header-demo-content .ant-page-header-rtl .example-link-icon[data-v-ee108c60] {
  margin-right: 0;
  margin-left: 8px
}

#components-page-header-demo-content .content p[data-v-ee108c60] {
  margin-bottom: 1em;
  color: #000000d9;
  overflow-wrap: break-word
}

@media (max-width: 768px) {
  #components-page-header-demo-content .image[data-v-ee108c60] {
    flex: 100%;
    margin: 24px 0 0
  }
}

.components-page-header-demo-responsive tr:last-child td {
  padding-bottom: 0
}

#components-page-header-demo-responsive .content {
  display: flex
}

#components-page-header-demo-responsive .ant-statistic-content {
  font-size: 20px;
  line-height: 28px
}

@media (max-width: 576px) {
  #components-page-header-demo-responsive .content {
    display: block
  }

  #components-page-header-demo-responsive .main {
    width: 100%;
    margin-bottom: 12px
  }

  #components-page-header-demo-responsive .extra {
    width: 100%;
    margin-left: 0;
    text-align: left
  }
}

.demo-page-header[data-v-236704e2] tr:last-child td {
  padding-bottom: 0
}

#components-avatar-demo-badge .ant-avatar {
  margin-top: 0;
  margin-right: 0
}

[id^=components-avatar-demo-] .ant-avatar {
  margin-top: 16px;
  margin-right: 16px
}

#components-badge-demo-dot .anticon-notification[data-v-14439e54] {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px
}

#components-badge-demo-title .ant-badge[data-v-6b2c8ec8]:not(.ant-badge-status) {
  margin-right: 20px
}

.head-example[data-v-6b2c8ec8] {
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background: #eee;
  display: inline-block
}

[id^=components-badge-demo-] .ant-badge:not(.ant-badge-not-a-wrapper) {
  margin-right: 20px
}

[id^=components-badge-demo-] .head-example {
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background: #eee;
  display: inline-block;
  vertical-align: middle
}

[id^=components-badge-demo-] .ant-badge-not-a-wrapper:not(.ant-badge-status) {
  margin-right: 8px
}

.events[data-v-4b4d72f1] {
  list-style: none;
  margin: 0;
  padding: 0
}

.events .ant-badge-status[data-v-4b4d72f1] {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  font-size: 12px
}

.notes-month[data-v-4b4d72f1] {
  text-align: center;
  font-size: 28px
}

.notes-month section[data-v-4b4d72f1] {
  font-size: 28px
}

#components-a-tooltip-demo-placement .ant-btn[data-v-591aa43e] {
  width: 70px;
  text-align: center;
  padding: 0;
  margin-right: 8px;
  margin-bottom: 8px
}

#components-a-tooltip-demo-color .ant-btn[data-v-283e4a94] {
  margin-right: 8px;
  margin-bottom: 8px
}

.site-config-provider-calendar-wrapper[data-v-9c5a9f90] {
  width: 319px;
  border: 1px solid #d9d9d9;
  border-radius: 2px
}

.locale-components[data-v-9c5a9f90] {
  border-top: 1px solid #d9d9d9;
  padding-top: 16px
}

.example[data-v-9c5a9f90] {
  margin: 16px 0
}

.example>*[data-v-9c5a9f90] {
  margin-right: 8px
}

.change-locale[data-v-9c5a9f90] {
  margin-bottom: 16px
}

[data-theme=dark] .locale-components[data-v-9c5a9f90] {
  border-top: 1px solid #303030
}

[data-theme=dark] .site-config-provider-calendar-wrapper[data-v-9c5a9f90] {
  border: 1px solid #303030
}

[id^=components-alert-demo] .ant-alert {
  margin-bottom: 16px
}