html {
    --antd-wave-shadow-color: none !important;
}

body {
    font-family: -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;
    color: #111827 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit !important;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

input:disabled,
textarea:disabled {
    background-color: inherit !important;
    cursor: not-allowed;
}

.spinner {
    display: inline-block;
    animation: spin 2s linear infinite;
}

.flip-v {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.flip-h {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

@-webkit-keyframes autofill {
    0%,
    100% {
        color: inherit !important;
        background: transparent !important;
    }
}

input:focus {
    outline: none !important;
}

textarea:focus {
    outline: none !important;
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s;
    /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.ant-popover-message-title {
    padding-left: 0 !important;
}

.ant-popover-message .anticon {
    display: none !important;
}

.ant-dropdown-menu-title-content a {
    color: #222222 !important;
}

.ant-input[disabled] {
    color: rgba(0, 0, 0, 0.85) !important;
    background: transparent !important;
}

.ant-select-focused {
    box-shadow: none !important;
    outline: none !important;
}

.ant-select-focused .ant-select-selector {
    box-shadow: none !important;
    outline: none !important;
}

.ant-picker-input > input[disabled] {
    background: inherit !important;
    color: inherit !important;
}

.ant-picker-focused,
.ant-input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.ant-popover-inner-content,
.ant-popover-title {
    padding: 0 !important;
}

.ant-popover-inner-content .wrapper {
    padding: 12px 16px !important;
}

.ant-popover-title .wrapper {
    padding: 5px 16px 4px !important;
}

.ant-popconfirm .ant-popover-inner-content {
    padding: 12px 16px !important;
}

.ant-popconfirm .ant-popover-title {
    padding: 5px 16px 4px !important;
}

input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9ca3af;
    opacity: 1; /* Firefox */
}

input::-webkit-inner-spin-button:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9ca3af;
}

input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #9ca3af;
}

textarea::-webkit-input-placeholder {
    color: #9ca3af;
}

textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #9ca3af;
}

textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #9ca3af;
}

textarea:-ms-input-placeholder {
    color: #9ca3af;
}

textarea::placeholder {
    color: #9ca3af;
}

.article {
    display: flex;
    flex-direction: column;
}

.article img,
.article .img {
    margin-top: 1em;
    margin-bottom: 2em;
    max-width: 100% !important;
    height: auto !important;
}

.body-xs .article,
.body-s .article {
    display: flex;
    flex-direction: column;
}

.article a {
    text-decoration: underline;
}

.article h1,
.article .h1 {
    padding-top: 0.6em;
    padding-bottom: 1.2em;
    font-size: 1.6em !important;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.article h2,
.article .h2 {
    padding-top: 0.6em;
    padding-bottom: 1.2em;
    font-size: 1.4em !important;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.article h3,
.article .h3 {
    padding-top: 0.6em;
    padding-bottom: 1.2em;
    font-size: 1.2em !important;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.article h4,
.article .h4 {
    padding-top: 0.6em;
    padding-bottom: 1.2em;
    font-size: 1em !important;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.article h1 code,
.article h1 span,
.article h1 strong,
.article h1 b,
.article .h1 b,
.article .h1 strong,
.article .h1 code,
.article .h1 span,
.article h2 code,
.article h2 span,
.article h2 strong,
.article h2 b,
.article .h2 b,
.article .h2 strong,
.article .h2 code,
.article .h2 span,
.article h3 code,
.article h3 span,
.article h3 strong,
.article h3 b,
.article .h3 b,
.article .h3 strong,
.article .h3 code,
.article .h3 span,
.article h4 code,
.article h4 span,
.article h4 strong,
.article h4 b,
.article .h4 b,
.article .h4 strong,
.article .h4 code,
.article .h4 span {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.article p {
    line-height: 1.5;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

.article li {
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0.5rem;
}

.article blockquote {
    border-left: solid 3px #d9d9d9;
    font-style: italic;
    margin: 1em;
    padding: 1em;
    margin-left: 0px;
}

.article blockquote p:last-child {
    margin-bottom: 0;
}

.article ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.article ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}