figure.highlight::before { color: #8e908c !important; background-color: #f7f7f7 !important; }

pre.lineno { color: #8e908c !important; }

.highlight > pre { color: #4d4d4c; background-color: #f7f7f7 !important; /* Comment */ /* Error */ /* Keyword */ /* Literal */ /* Name */ /* Operator */ /* Punctuation */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Generic.Deleted */ /* Generic.Emph */ /* Generic.Heading */ /* Generic.Inserted */ /* Generic.Prompt */ /* Generic.Strong */ /* Generic.Subheading */ /* Keyword.Constant */ /* Keyword.Declaration */ /* Keyword.Namespace */ /* Keyword.Pseudo */ /* Keyword.Reserved */ /* Keyword.Type */ /* Literal.Date */ /* Literal.Number */ /* Literal.String */ /* Name.Attribute */ /* Name.Builtin */ /* Name.Class */ /* Name.Constant */ /* Name.Decorator */ /* Name.Entity */ /* Name.Exception */ /* Name.Function */ /* Name.Label */ /* Name.Namespace */ /* Name.Other */ /* Name.Property */ /* Name.Tag */ /* Name.Variable */ /* Operator.Word */ /* Text.Whitespace */ /* Literal.Number.Float */ /* Literal.Number.Hex */ /* Literal.Number.Integer */ /* Literal.Number.Oct */ /* Literal.String.Backtick */ /* Literal.String.Char */ /* Literal.String.Doc */ /* Literal.String.Double */ /* Literal.String.Escape */ /* Literal.String.Heredoc */ /* Literal.String.Interpol */ /* Literal.String.Other */ /* Literal.String.Regex */ /* Literal.String.Single */ /* Literal.String.Symbol */ /* Name.Builtin.Pseudo */ /* Name.Variable.Class */ /* Name.Variable.Global */ /* Name.Variable.Instance */ /* Literal.Number.Integer.Long */ }

.highlight > pre .c { color: #8e908c; }

.highlight > pre .err { color: #c82829; }

.highlight > pre .k { color: #8959a8; }

.highlight > pre .l { color: #f5871f; }

.highlight > pre .n { color: #4d4d4c; }

.highlight > pre .o { color: #3e999f; }

.highlight > pre .p { color: #4d4d4c; }

.highlight > pre .cm { color: #8e908c; }

.highlight > pre .cp { color: #8e908c; }

.highlight > pre .c1 { color: #8e908c; }

.highlight > pre .cs { color: #8e908c; }

.highlight > pre .gd { color: #c82829; }

.highlight > pre .ge { font-style: italic; }

.highlight > pre .gh { font-weight: bold; color: #4d4d4c; }

.highlight > pre .gi { color: #718c00; }

.highlight > pre .gp { font-weight: bold; color: #8e908c; }

.highlight > pre .gs { font-weight: bold; }

.highlight > pre .gu { font-weight: bold; color: #3e999f; }

.highlight > pre .kc { color: #8959a8; }

.highlight > pre .kd { color: #8959a8; }

.highlight > pre .kn { color: #3e999f; }

.highlight > pre .kp { color: #8959a8; }

.highlight > pre .kr { color: #8959a8; }

.highlight > pre .kt { color: #eab700; }

.highlight > pre .ld { color: #718c00; }

.highlight > pre .m { color: #f5871f; }

.highlight > pre .s { color: #718c00; }

.highlight > pre .na { color: #4271ae; }

.highlight > pre .nb { color: #4d4d4c; }

.highlight > pre .nc { color: #eab700; }

.highlight > pre .no { color: #c82829; }

.highlight > pre .nd { color: #3e999f; }

.highlight > pre .ni { color: #4d4d4c; }

.highlight > pre .ne { color: #c82829; }

.highlight > pre .nf { color: #4271ae; }

.highlight > pre .nl { color: #4d4d4c; }

.highlight > pre .nn { color: #eab700; }

.highlight > pre .nx { color: #4271ae; }

.highlight > pre .py { color: #4d4d4c; }

.highlight > pre .nt { color: #3e999f; }

.highlight > pre .nv { color: #c82829; }

.highlight > pre .ow { color: #3e999f; }

.highlight > pre .w { color: #4d4d4c; }

.highlight > pre .mf { color: #f5871f; }

.highlight > pre .mh { color: #f5871f; }

.highlight > pre .mi { color: #f5871f; }

.highlight > pre .mo { color: #f5871f; }

.highlight > pre .sb { color: #718c00; }

.highlight > pre .sc { color: #4d4d4c; }

.highlight > pre .sd { color: #8e908c; }

.highlight > pre .s2 { color: #718c00; }

.highlight > pre .se { color: #f5871f; }

.highlight > pre .sh { color: #718c00; }

.highlight > pre .si { color: #f5871f; }

.highlight > pre .sx { color: #718c00; }

.highlight > pre .sr { color: #718c00; }

.highlight > pre .s1 { color: #718c00; }

.highlight > pre .ss { color: #718c00; }

.highlight > pre .bp { color: #4d4d4c; }

.highlight > pre .vc { color: #c82829; }

.highlight > pre .vg { color: #c82829; }

.highlight > pre .vi { color: #c82829; }

.highlight > pre .il { color: #f5871f; }

/* stylelint-disable at-rule-name-space-after, at-rule-semicolon-space-before  */
.clearfix::after { display: table; clear: both; content: ""; }

.left { float: left; }

.right { float: right; }

@media (min-width: 0) { .d-none { display: none !important; } }

@media (min-width: 500px) { .d-md-none { display: none !important; } }

@media (min-width: 1024px) { .d-lg-none { display: none !important; } }

@media print { .d-print-none, .extensions { display: none !important; } }

.horizontal-rules::before { display: block; font-size: 1.9rem; color: #888; text-align: center; letter-spacing: 1.5rem; content: "..."; }

.text--light, .header--light, .hero--light, .card__image > .overlay--light { color: #222; }

.text--light h1, .header--light h1, .hero--light h1, .card__image > .overlay--light h1, .text--light h2, .header--light h2, .hero--light h2, .card__image > .overlay--light h2, .text--light h3, .header--light h3, .hero--light h3, .card__image > .overlay--light h3 { color: #000; }

.text--light h4, .header--light h4, .hero--light h4, .card__image > .overlay--light h4, .text--light h5, .header--light h5, .hero--light h5, .card__image > .overlay--light h5 { color: #222; }

.text--light h6, .header--light h6, .hero--light h6, .card__image > .overlay--light h6 { color: #888; }

.text--light a:not(.button):not(.swiper__button), .header--light a:not(.button):not(.swiper__button), .hero--light a:not(.button):not(.swiper__button), .card__image > .overlay--light a:not(.button):not(.swiper__button) { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.text--light a:not(.button):not(.swiper__button), .header--light a:not(.button):not(.swiper__button), .hero--light a:not(.button):not(.swiper__button), .card__image > .overlay--light a:not(.button):not(.swiper__button), .text--light a:not(.button):not(.swiper__button):link, .text--light a:not(.button):not(.swiper__button):visited { text-decoration: none; }

.root[data-is-touch="false"] .text--light a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .header--light a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .hero--light a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .card__image > .overlay--light a:not(.button):not(.swiper__button):hover { text-decoration: underline; }

.root[data-is-touch] .text--light a.active:not(.button):not(.swiper__button), .root[data-is-touch] .header--light a.active:not(.button):not(.swiper__button), .root[data-is-touch] .hero--light a.active:not(.button):not(.swiper__button), .root[data-is-touch] .card__image > .overlay--light a.active:not(.button):not(.swiper__button), .root[data-is-touch] .text--light a:not(.button):not(.swiper__button):active, .root[data-is-touch] .header--light a:not(.button):not(.swiper__button):active, .root[data-is-touch] .hero--light a:not(.button):not(.swiper__button):active, .root[data-is-touch] .card__image > .overlay--light a:not(.button):not(.swiper__button):active { text-decoration: none; }

.text--light a:not(.button):not(.swiper__button), .header--light a:not(.button):not(.swiper__button), .hero--light a:not(.button):not(.swiper__button), .card__image > .overlay--light a:not(.button):not(.swiper__button), .text--light a:not(.button):not(.swiper__button):link, .text--light a:not(.button):not(.swiper__button):visited { color: #222; }

.root[data-is-touch="false"] .text--light a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .header--light a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .hero--light a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .card__image > .overlay--light a:not(.button):not(.swiper__button):hover { color: #fc4d50; }

.root[data-is-touch] .text--light a.active:not(.button):not(.swiper__button), .root[data-is-touch] .header--light a.active:not(.button):not(.swiper__button), .root[data-is-touch] .hero--light a.active:not(.button):not(.swiper__button), .root[data-is-touch] .card__image > .overlay--light a.active:not(.button):not(.swiper__button), .root[data-is-touch] .text--light a:not(.button):not(.swiper__button):active, .root[data-is-touch] .header--light a:not(.button):not(.swiper__button):active, .root[data-is-touch] .hero--light a:not(.button):not(.swiper__button):active, .root[data-is-touch] .card__image > .overlay--light a:not(.button):not(.swiper__button):active { color: #f80408; }

.text--light a.disabled:not(.button):not(.swiper__button), .header--light a.disabled:not(.button):not(.swiper__button), .hero--light a.disabled:not(.button):not(.swiper__button), .card__image > .overlay--light a.disabled:not(.button):not(.swiper__button), .text--light a:not(.button):not(.swiper__button):disabled, .header--light a:not(.button):not(.swiper__button):disabled, .hero--light a:not(.button):not(.swiper__button):disabled, .card__image > .overlay--light a:not(.button):not(.swiper__button):disabled { color: rgba(34, 34, 34, 0.2) !important; }

.text--dark, .header--dark, .hero--dark, .card__image > .overlay, .card__image > .overlay--dark { color: rgba(255, 255, 255, 0.95); }

.text--dark h1, .header--dark h1, .hero--dark h1, .card__image > .overlay h1, .card__image > .overlay--dark h1, .text--dark h2, .header--dark h2, .hero--dark h2, .card__image > .overlay h2, .card__image > .overlay--dark h2, .text--dark h3, .header--dark h3, .hero--dark h3, .card__image > .overlay h3, .card__image > .overlay--dark h3 { color: #fff; }

.text--dark h4, .header--dark h4, .hero--dark h4, .card__image > .overlay h4, .card__image > .overlay--dark h4, .text--dark h5, .header--dark h5, .hero--dark h5, .card__image > .overlay h5, .card__image > .overlay--dark h5 { color: rgba(255, 255, 255, 0.95); }

.text--dark h6, .header--dark h6, .hero--dark h6, .card__image > .overlay h6, .card__image > .overlay--dark h6 { color: rgba(255, 255, 255, 0.85); }

.text--dark a:not(.button):not(.swiper__button), .header--dark a:not(.button):not(.swiper__button), .hero--dark a:not(.button):not(.swiper__button), .card__image > .overlay a:not(.button):not(.swiper__button), .card__image > .overlay--dark a:not(.button):not(.swiper__button) { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.text--dark a:not(.button):not(.swiper__button), .header--dark a:not(.button):not(.swiper__button), .hero--dark a:not(.button):not(.swiper__button), .card__image > .overlay a:not(.button):not(.swiper__button), .card__image > .overlay--dark a:not(.button):not(.swiper__button), .text--dark a:not(.button):not(.swiper__button):link, .text--dark a:not(.button):not(.swiper__button):visited { text-decoration: none; }

.root[data-is-touch="false"] .text--dark a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .header--dark a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .hero--dark a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .card__image > .overlay a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .card__image > .overlay--dark a:not(.button):not(.swiper__button):hover { text-decoration: underline; }

.root[data-is-touch] .text--dark a.active:not(.button):not(.swiper__button), .root[data-is-touch] .header--dark a.active:not(.button):not(.swiper__button), .root[data-is-touch] .hero--dark a.active:not(.button):not(.swiper__button), .root[data-is-touch] .card__image > .overlay a.active:not(.button):not(.swiper__button), .root[data-is-touch] .card__image > .overlay--dark a.active:not(.button):not(.swiper__button), .root[data-is-touch] .text--dark a:not(.button):not(.swiper__button):active, .root[data-is-touch] .header--dark a:not(.button):not(.swiper__button):active, .root[data-is-touch] .hero--dark a:not(.button):not(.swiper__button):active, .root[data-is-touch] .card__image > .overlay a:not(.button):not(.swiper__button):active, .root[data-is-touch] .card__image > .overlay--dark a:not(.button):not(.swiper__button):active { text-decoration: none; }

.text--dark a:not(.button):not(.swiper__button), .header--dark a:not(.button):not(.swiper__button), .hero--dark a:not(.button):not(.swiper__button), .card__image > .overlay a:not(.button):not(.swiper__button), .card__image > .overlay--dark a:not(.button):not(.swiper__button), .text--dark a:not(.button):not(.swiper__button):link, .text--dark a:not(.button):not(.swiper__button):visited { color: rgba(255, 255, 255, 0.95); }

.root[data-is-touch="false"] .text--dark a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .header--dark a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .hero--dark a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .card__image > .overlay a:not(.button):not(.swiper__button):hover, .root[data-is-touch="false"] .card__image > .overlay--dark a:not(.button):not(.swiper__button):hover { color: #fc4d50; }

.root[data-is-touch] .text--dark a.active:not(.button):not(.swiper__button), .root[data-is-touch] .header--dark a.active:not(.button):not(.swiper__button), .root[data-is-touch] .hero--dark a.active:not(.button):not(.swiper__button), .root[data-is-touch] .card__image > .overlay a.active:not(.button):not(.swiper__button), .root[data-is-touch] .card__image > .overlay--dark a.active:not(.button):not(.swiper__button), .root[data-is-touch] .text--dark a:not(.button):not(.swiper__button):active, .root[data-is-touch] .header--dark a:not(.button):not(.swiper__button):active, .root[data-is-touch] .hero--dark a:not(.button):not(.swiper__button):active, .root[data-is-touch] .card__image > .overlay a:not(.button):not(.swiper__button):active, .root[data-is-touch] .card__image > .overlay--dark a:not(.button):not(.swiper__button):active { color: #f80408; }

.text--dark a.disabled:not(.button):not(.swiper__button), .header--dark a.disabled:not(.button):not(.swiper__button), .hero--dark a.disabled:not(.button):not(.swiper__button), .card__image > .overlay a.disabled:not(.button):not(.swiper__button), .card__image > .overlay--dark a.disabled:not(.button):not(.swiper__button), .text--dark a:not(.button):not(.swiper__button):disabled, .header--dark a:not(.button):not(.swiper__button):disabled, .hero--dark a:not(.button):not(.swiper__button):disabled, .card__image > .overlay a:not(.button):not(.swiper__button):disabled, .card__image > .overlay--dark a:not(.button):not(.swiper__button):disabled { color: rgba(255, 255, 255, 0.2) !important; }

.of-auto { overflow: auto; -webkit-overflow-scrolling: touch; }

.of-hidden { overflow: hidden; }

.box-shadow-1 { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.23), 0 1px 3px rgba(0, 0, 0, 0.08), 0 6px 12px rgba(0, 0, 0, 0.02); }

.box-shadow-2 { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.23), 0 2px 6px rgba(0, 0, 0, 0.08), 0 12px 24px rgba(0, 0, 0, 0.02); }

.mt-0 { margin-top: 0; }

.mt-1 { margin-top: 0.25rem; }

.mt-2 { margin-top: 0.5rem; }

.mt-3 { margin-top: 1rem; }

.mt-4 { margin-top: 1.5rem; }

.mt-5 { margin-top: 3rem; }

.mb-0 { margin-bottom: 0; }

.mb-1 { margin-bottom: 0.25rem; }

.mb-2 { margin-bottom: 0.5rem; }

.mb-3 { margin-bottom: 1rem; }

.mb-4 { margin-bottom: 1.5rem; }

.mb-5 { margin-bottom: 3rem; }

.ml-0 { margin-left: 0; }

.ml-1 { margin-left: 0.25rem; }

.ml-2 { margin-left: 0.5rem; }

.ml-3 { margin-left: 1rem; }

.ml-4 { margin-left: 1.5rem; }

.ml-5 { margin-left: 3rem; }

.mr-0 { margin-right: 0; }

.mr-1 { margin-right: 0.25rem; }

.mr-2 { margin-right: 0.5rem; }

.mr-3 { margin-right: 1rem; }

.mr-4 { margin-right: 1.5rem; }

.mr-5 { margin-right: 3rem; }

.mx-0 { margin-left: 0; margin-right: 0; }

.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }

.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }

.mx-3 { margin-left: 1rem; margin-right: 1rem; }

.mx-4 { margin-left: 1.5rem; margin-right: 1.5rem; }

.mx-5 { margin-left: 3rem; margin-right: 3rem; }

.my-0 { margin-top: 0; margin-bottom: 0; }

.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }

.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.my-3 { margin-top: 1rem; margin-bottom: 1rem; }

.my-4 { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.my-5 { margin-top: 3rem; margin-bottom: 3rem; }

.m-0 { margin: 0; }

.m-1 { margin: 0.25rem; }

.m-2 { margin: 0.5rem; }

.m-3 { margin: 1rem; }

.m-4 { margin: 1.5rem; }

.m-5 { margin: 3rem; }

.pt-0 { padding-top: 0; }

.pt-1 { padding-top: 0.25rem; }

.pt-2 { padding-top: 0.5rem; }

.pt-3 { padding-top: 1rem; }

.pt-4 { padding-top: 1.5rem; }

.pt-5 { padding-top: 3rem; }

.pb-0 { padding-bottom: 0; }

.pb-1 { padding-bottom: 0.25rem; }

.pb-2 { padding-bottom: 0.5rem; }

.pb-3 { padding-bottom: 1rem; }

.pb-4 { padding-bottom: 1.5rem; }

.pb-5 { padding-bottom: 3rem; }

.pl-0 { padding-left: 0; }

.pl-1 { padding-left: 0.25rem; }

.pl-2 { padding-left: 0.5rem; }

.pl-3 { padding-left: 1rem; }

.pl-4 { padding-left: 1.5rem; }

.pl-5 { padding-left: 3rem; }

.pr-0 { padding-right: 0; }

.pr-1 { padding-right: 0.25rem; }

.pr-2 { padding-right: 0.5rem; }

.pr-3 { padding-right: 1rem; }

.pr-4 { padding-right: 1.5rem; }

.pr-5 { padding-right: 3rem; }

.px-0 { padding-left: 0; padding-right: 0; }

.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }

.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }

.px-3 { padding-left: 1rem; padding-right: 1rem; }

.px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }

.px-5 { padding-left: 3rem; padding-right: 3rem; }

.py-0 { padding-top: 0; padding-bottom: 0; }

.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.py-3 { padding-top: 1rem; padding-bottom: 1rem; }

.py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.py-5 { padding-top: 3rem; padding-bottom: 3rem; }

.p-0 { padding: 0; }

.p-1 { padding: 0.25rem; }

.p-2 { padding: 0.5rem; }

.p-3 { padding: 1rem; }

.p-4 { padding: 1.5rem; }

.p-5 { padding: 3rem; }

.mt-auto { margin-top: auto; }

.mb-auto { margin-bottom: auto; }

.ml-auto { margin-left: auto; }

.mr-auto { margin-right: auto; }

.mx-auto { margin-left: auto; margin-right: auto; }

.my-auto { margin-top: auto; margin-bottom: auto; }

.m-auto { margin: auto; }

.grid-container { overflow: hidden; }

.cell { min-width: 0; }

.grid { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 0) { .grid > .cell--1 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 8.3333333333%; } }

@media (min-width: 0) { .grid > .cell--2 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 16.6666666667%; } }

@media (min-width: 0) { .grid > .cell--3 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 25%; } }

@media (min-width: 0) { .grid > .cell--4 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 33.3333333333%; } }

@media (min-width: 0) { .grid > .cell--5 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 41.6666666667%; } }

@media (min-width: 0) { .grid > .cell--6 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 50%; } }

@media (min-width: 0) { .grid > .cell--7 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 58.3333333333%; } }

@media (min-width: 0) { .grid > .cell--8 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 66.6666666667%; } }

@media (min-width: 0) { .grid > .cell--9 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 75%; } }

@media (min-width: 0) { .grid > .cell--10 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 83.3333333333%; } }

@media (min-width: 0) { .grid > .cell--11 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 91.6666666667%; } }

@media (min-width: 0) { .grid > .cell--12 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 100%; } }

@media (min-width: 0) { .grid > .cell--auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -moz-box-flex: 1; -moz-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; width: auto; } }

@media (min-width: 0) { .grid > .cell--shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } }

@media (min-width: 0) { .grid > .cell--stretch { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } }

@media (min-width: 500px) { .grid > .cell--md-1 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 8.3333333333%; } }

@media (min-width: 500px) { .grid > .cell--md-2 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 16.6666666667%; } }

@media (min-width: 500px) { .grid > .cell--md-3 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 25%; } }

@media (min-width: 500px) { .grid > .cell--md-4 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 33.3333333333%; } }

@media (min-width: 500px) { .grid > .cell--md-5 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 41.6666666667%; } }

@media (min-width: 500px) { .grid > .cell--md-6 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 50%; } }

@media (min-width: 500px) { .grid > .cell--md-7 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 58.3333333333%; } }

@media (min-width: 500px) { .grid > .cell--md-8 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 66.6666666667%; } }

@media (min-width: 500px) { .grid > .cell--md-9 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 75%; } }

@media (min-width: 500px) { .grid > .cell--md-10 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 83.3333333333%; } }

@media (min-width: 500px) { .grid > .cell--md-11 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 91.6666666667%; } }

@media (min-width: 500px) { .grid > .cell--md-12 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 100%; } }

@media (min-width: 500px) { .grid > .cell--md-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -moz-box-flex: 1; -moz-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; width: auto; } }

@media (min-width: 500px) { .grid > .cell--md-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } }

@media (min-width: 500px) { .grid > .cell--md-stretch { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } }

@media (min-width: 1024px) { .grid > .cell--lg-1 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 8.3333333333%; } }

@media (min-width: 1024px) { .grid > .cell--lg-2 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 16.6666666667%; } }

@media (min-width: 1024px) { .grid > .cell--lg-3 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 25%; } }

@media (min-width: 1024px) { .grid > .cell--lg-4 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 33.3333333333%; } }

@media (min-width: 1024px) { .grid > .cell--lg-5 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 41.6666666667%; } }

@media (min-width: 1024px) { .grid > .cell--lg-6 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 50%; } }

@media (min-width: 1024px) { .grid > .cell--lg-7 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 58.3333333333%; } }

@media (min-width: 1024px) { .grid > .cell--lg-8 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 66.6666666667%; } }

@media (min-width: 1024px) { .grid > .cell--lg-9 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 75%; } }

@media (min-width: 1024px) { .grid > .cell--lg-10 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 83.3333333333%; } }

@media (min-width: 1024px) { .grid > .cell--lg-11 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 91.6666666667%; } }

@media (min-width: 1024px) { .grid > .cell--lg-12 { -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: 100%; } }

@media (min-width: 1024px) { .grid > .cell--lg-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -moz-box-flex: 1; -moz-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; width: auto; } }

@media (min-width: 1024px) { .grid > .cell--lg-shrink { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } }

@media (min-width: 1024px) { .grid > .cell--lg-stretch { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } }

.grid--reverse { flex-direction: row-reverse; }

.grid--px-0 { margin-left: 0; margin-right: 0; }

.grid--px-0 .cell { padding-left: 0; padding-right: 0; }

.grid--px-1 { margin-left: -0.25rem; margin-right: -0.25rem; }

.grid--px-1 .cell { padding-left: 0.25rem; padding-right: 0.25rem; }

.grid--px-2 { margin-left: -0.5rem; margin-right: -0.5rem; }

.grid--px-2 .cell { padding-left: 0.5rem; padding-right: 0.5rem; }

.grid--px-3 { margin-left: -1rem; margin-right: -1rem; }

.grid--px-3 .cell { padding-left: 1rem; padding-right: 1rem; }

.grid--px-4 { margin-left: -1.5rem; margin-right: -1.5rem; }

.grid--px-4 .cell { padding-left: 1.5rem; padding-right: 1.5rem; }

.grid--px-5 { margin-left: -3rem; margin-right: -3rem; }

.grid--px-5 .cell { padding-left: 3rem; padding-right: 3rem; }

.grid--py-0 { margin-top: 0; margin-bottom: 0; }

.grid--py-0 .cell { padding-top: 0; padding-bottom: 0; }

.grid--py-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; }

.grid--py-1 .cell { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.grid--py-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; }

.grid--py-2 .cell { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.grid--py-3 { margin-top: -1rem; margin-bottom: -1rem; }

.grid--py-3 .cell { padding-top: 1rem; padding-bottom: 1rem; }

.grid--py-4 { margin-top: -1.5rem; margin-bottom: -1.5rem; }

.grid--py-4 .cell { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.grid--py-5 { margin-top: -3rem; margin-bottom: -3rem; }

.grid--py-5 .cell { padding-top: 3rem; padding-bottom: 3rem; }

.grid--p-0 { margin: 0; }

.grid--p-0 .cell { padding: 0; }

.grid--p-1 { margin: -0.25rem; }

.grid--p-1 .cell { padding: 0.25rem; }

.grid--p-2 { margin: -0.5rem; }

.grid--p-2 .cell { padding: 0.5rem; }

.grid--p-3 { margin: -1rem; }

.grid--p-3 .cell { padding: 1rem; }

.grid--p-4 { margin: -1.5rem; }

.grid--p-4 .cell { padding: 1.5rem; }

.grid--p-5 { margin: -3rem; }

.grid--p-5 .cell { padding: 3rem; }

/* stylelint-enable */
*, ::before, ::after { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/** 1. Prevent adjustments of font size after orientation changes in iOS. */
html { font-size: 16px; -webkit-text-size-adjust: 100%; /* 1 */ }

@media print { html { font-size: 14px; } }

body { padding: 0; margin: 0; font: 400 1rem/1.4 "Roboto Slab", Lora, "Minion Pro", Palatino, Georgia, serif; }

body ::-moz-selection { background: rgba(252, 77, 80, 0.5); }

body ::-webkit-selection { background: rgba(252, 77, 80, 0.5); }

body ::selection { background: rgba(252, 77, 80, 0.5); }

h1, h2, h3, h4, h5, h6, p, hr, blockquote, figure, pre, .highlighter-rouge, ul, ol, dl, table, .footnotes { padding: 0; margin: 0.5rem 0; }

input, textarea, select, button { font: 400 1rem/1.4 "Roboto Slab", Lora, "Minion Pro", Palatino, Georgia, serif; color: #222; }

h1, h2, h3, h4, h5, h6, strong { font-weight: 600; font-family: "Poppins", "ZCOOL XiaoWei", "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif; letter-spacing: -.05rem; line-height: 1; }

h1 { font-size: 2.5rem; color: #000; }

@media (max-width: 499px) { h1 { font-size: 2rem; } }

h2 { font-size: 1.9rem; color: #000; }

@media (max-width: 499px) { h2 { font-size: 1.5rem; } }

h3 { font-size: 1.5rem; color: #000; }

@media (max-width: 499px) { h3 { font-size: 1.35rem; } }

h4 { font-size: 1.2rem; color: #222; }

@media (max-width: 499px) { h4 { font-size: 1.15rem; } }

h5 { font-size: 1rem; color: #222; }

@media (max-width: 499px) { h5 { font-size: 1rem; } }

h6 { font-size: 1rem; color: #888; }

@media (max-width: 499px) { h6 { font-size: 1rem; } }

a { font-weight: 600; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

a, a:link, a:visited { text-decoration: none; }

.root[data-is-touch="false"] a:hover { text-decoration: underline; }

.root[data-is-touch] a.active, .root[data-is-touch] a:active { text-decoration: none; }

a, a:link, a:visited { color: #fc4d50; }

.root[data-is-touch="false"] a:hover { color: #fb070b; }

.root[data-is-touch] a.active, .root[data-is-touch] a:active { color: #b20306; }

a.disabled, a:disabled { color: rgba(252, 77, 80, 0.2) !important; }

pre, code { font-family: Menlo, Monaco, Consolas, Andale Mono, lucida console, Courier New, monospace; }

code { font-size: 0.7rem; line-height: 1.2; }

figure > img { display: block; }

figcaption { font-size: 0.85rem; }

button { padding: 0; margin: 0; font-size: 1rem; cursor: pointer; background-color: transparent; border-width: 0; outline: none; }

input::-ms-clear { display: none; }

input:focus { outline: none; }

.mermaidTooltip { display: none; }

@media print { a, a:link, a:visited { text-decoration: underline; } .root[data-is-touch="false"] a:hover { text-decoration: underline; } .root[data-is-touch] a.active, .root[data-is-touch] a:active { text-decoration: underline; } img, tr, pre, blockquote { page-break-inside: avoid; } }

.button, .swiper__button { display: inline-block; font-weight: 600; line-height: 1 !important; text-decoration: none !important; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.button svg, .swiper__button svg { width: 1rem; height: 1rem; }

.button.disabled, .disabled.swiper__button, .button:disabled, .swiper__button:disabled { cursor: not-allowed; }

.button--primary { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--primary svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--primary, .button--primary:link, .button--primary:visited { color: #fff; background-color: #fc4d50; }

.button--primary svg path, .button--primary:link svg path, .button--primary:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .button--primary:hover { color: #fff; background-color: #fb070b; }

.root[data-is-touch="false"] .button--primary:hover svg path { fill: #fff; }

.root[data-is-touch] .button--primary.active, .root[data-is-touch] .button--primary:active { color: #fff; background-color: #b20306; }

.root[data-is-touch] .button--primary.active svg path, .root[data-is-touch] .button--primary:active svg path { fill: #fff; }

.root[data-is-touch] .button--primary.focus { color: default; background-color: #fb070b; box-shadow: 0 0 0 2px rgba(251, 7, 11, 0.4); }

.root[data-is-touch] .button--primary.focus svg path { fill: default; }

.button--primary.disabled, .button--primary:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #fc4d50 !important; }

.button--primary.disabled svg path, .button--primary:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.button--secondary { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--secondary svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--secondary, .button--secondary:link, .button--secondary:visited { color: #333; background-color: #f2f2f2; }

.button--secondary svg path, .button--secondary:link svg path, .button--secondary:visited svg path { fill: #333; }

.root[data-is-touch="false"] .button--secondary:hover { color: #333; background-color: #cecece; }

.root[data-is-touch="false"] .button--secondary:hover svg path { fill: #333; }

.root[data-is-touch] .button--secondary.active, .root[data-is-touch] .button--secondary:active { color: #333; background-color: #a8a8a8; }

.root[data-is-touch] .button--secondary.active svg path, .root[data-is-touch] .button--secondary:active svg path { fill: #333; }

.root[data-is-touch] .button--secondary.focus { color: default; background-color: #cecece; box-shadow: 0 0 0 2px rgba(206, 206, 206, 0.4); }

.root[data-is-touch] .button--secondary.focus svg path { fill: default; }

.button--secondary.disabled, .button--secondary:disabled { color: rgba(51, 51, 51, 0.2) !important; background-color: #f2f2f2 !important; }

.button--secondary.disabled svg path, .button--secondary:disabled svg path { fill: rgba(51, 51, 51, 0.2) !important; }

.button--success { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--success svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--success, .button--success:link, .button--success:visited { color: #fff; background-color: #52c41a; }

.button--success svg path, .button--success:link svg path, .button--success:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .button--success:hover { color: #fff; background-color: #388512; }

.root[data-is-touch="false"] .button--success:hover svg path { fill: #fff; }

.root[data-is-touch] .button--success.active, .root[data-is-touch] .button--success:active { color: #fff; background-color: #1b4109; }

.root[data-is-touch] .button--success.active svg path, .root[data-is-touch] .button--success:active svg path { fill: #fff; }

.root[data-is-touch] .button--success.focus { color: default; background-color: #388512; box-shadow: 0 0 0 2px rgba(56, 133, 18, 0.4); }

.root[data-is-touch] .button--success.focus svg path { fill: default; }

.button--success.disabled, .button--success:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #52c41a !important; }

.button--success.disabled svg path, .button--success:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.button--info { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--info svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--info, .button--info:link, .button--info:visited { color: #fff; background-color: #1890ff; }

.button--info svg path, .button--info:link svg path, .button--info:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .button--info:hover { color: #fff; background-color: #006cd0; }

.root[data-is-touch="false"] .button--info:hover svg path { fill: #fff; }

.root[data-is-touch] .button--info.active, .root[data-is-touch] .button--info:active { color: #fff; background-color: #004483; }

.root[data-is-touch] .button--info.active svg path, .root[data-is-touch] .button--info:active svg path { fill: #fff; }

.root[data-is-touch] .button--info.focus { color: default; background-color: #006cd0; box-shadow: 0 0 0 2px rgba(0, 108, 208, 0.4); }

.root[data-is-touch] .button--info.focus svg path { fill: default; }

.button--info.disabled, .button--info:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #1890ff !important; }

.button--info.disabled svg path, .button--info:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.button--warning { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--warning svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--warning, .button--warning:link, .button--warning:visited { color: #fff; background-color: #fa8c16; }

.button--warning svg path, .button--warning:link svg path, .button--warning:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .button--warning:hover { color: #fff; background-color: #c46804; }

.root[data-is-touch="false"] .button--warning:hover svg path { fill: #fff; }

.root[data-is-touch] .button--warning.active, .root[data-is-touch] .button--warning:active { color: #fff; background-color: #794003; }

.root[data-is-touch] .button--warning.active svg path, .root[data-is-touch] .button--warning:active svg path { fill: #fff; }

.root[data-is-touch] .button--warning.focus { color: default; background-color: #c46804; box-shadow: 0 0 0 2px rgba(196, 104, 4, 0.4); }

.root[data-is-touch] .button--warning.focus svg path { fill: default; }

.button--warning.disabled, .button--warning:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #fa8c16 !important; }

.button--warning.disabled svg path, .button--warning:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.button--error { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--error svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--error, .button--error:link, .button--error:visited { color: #fff; background-color: #f5222d; }

.button--error svg path, .button--error:link svg path, .button--error:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .button--error:hover { color: #fff; background-color: #c70913; }

.root[data-is-touch="false"] .button--error:hover svg path { fill: #fff; }

.root[data-is-touch] .button--error.active, .root[data-is-touch] .button--error:active { color: #fff; background-color: #7d060c; }

.root[data-is-touch] .button--error.active svg path, .root[data-is-touch] .button--error:active svg path { fill: #fff; }

.root[data-is-touch] .button--error.focus { color: default; background-color: #c70913; box-shadow: 0 0 0 2px rgba(199, 9, 19, 0.4); }

.root[data-is-touch] .button--error.focus svg path { fill: default; }

.button--error.disabled, .button--error:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #f5222d !important; }

.button--error.disabled svg path, .button--error:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.button--theme-light { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--theme-light svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--theme-light, .button--theme-light:link, .button--theme-light:visited { color: rgba(255, 255, 255, 0.95); background-color: rgba(0, 0, 0, 0.9); }

.button--theme-light svg path, .button--theme-light:link svg path, .button--theme-light:visited svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch="false"] .button--theme-light:hover { color: rgba(255, 255, 255, 0.95); background-color: rgba(46, 46, 46, 0.9); }

.root[data-is-touch="false"] .button--theme-light:hover svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch] .button--theme-light.active, .root[data-is-touch] .button--theme-light:active { color: rgba(255, 255, 255, 0.95); background-color: rgba(87, 87, 87, 0.9); }

.root[data-is-touch] .button--theme-light.active svg path, .root[data-is-touch] .button--theme-light:active svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch] .button--theme-light.focus { color: default; background-color: rgba(46, 46, 46, 0.9); box-shadow: 0 0 0 2px rgba(46, 46, 46, 0.4); }

.root[data-is-touch] .button--theme-light.focus svg path { fill: default; }

.button--theme-light.disabled, .button--theme-light:disabled { color: rgba(255, 255, 255, 0.4) !important; background-color: rgba(0, 0, 0, 0.9) !important; }

.button--theme-light.disabled svg path, .button--theme-light:disabled svg path { fill: rgba(255, 255, 255, 0.4) !important; }

.button--theme-dark { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--theme-dark svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--theme-dark, .button--theme-dark:link, .button--theme-dark:visited { color: #222; background-color: rgba(255, 255, 255, 0.9); }

.button--theme-dark svg path, .button--theme-dark:link svg path, .button--theme-dark:visited svg path { fill: #222; }

.root[data-is-touch="false"] .button--theme-dark:hover { color: #222; background-color: rgba(219, 219, 219, 0.9); }

.root[data-is-touch="false"] .button--theme-dark:hover svg path { fill: #222; }

.root[data-is-touch] .button--theme-dark.active, .root[data-is-touch] .button--theme-dark:active { color: #222; background-color: rgba(181, 181, 181, 0.9); }

.root[data-is-touch] .button--theme-dark.active svg path, .root[data-is-touch] .button--theme-dark:active svg path { fill: #222; }

.root[data-is-touch] .button--theme-dark.focus { color: default; background-color: rgba(219, 219, 219, 0.9); box-shadow: 0 0 0 2px rgba(219, 219, 219, 0.4); }

.root[data-is-touch] .button--theme-dark.focus svg path { fill: default; }

.button--theme-dark.disabled, .button--theme-dark:disabled { color: rgba(34, 34, 34, 0.2) !important; background-color: rgba(255, 255, 255, 0.9) !important; }

.button--theme-dark.disabled svg path, .button--theme-dark:disabled svg path { fill: rgba(34, 34, 34, 0.2) !important; }

.button--outline-primary { color: #fc4d50; border: 1px solid #fc4d50; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-primary svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-primary, .button--outline-primary:link, .button--outline-primary:visited { color: #fc4d50; background-color: transparent; }

.button--outline-primary svg path, .button--outline-primary:link svg path, .button--outline-primary:visited svg path { fill: #fc4d50; }

.root[data-is-touch="false"] .button--outline-primary:hover { color: #fff; background-color: #fc4d50; }

.root[data-is-touch="false"] .button--outline-primary:hover svg path { fill: #fff; }

.root[data-is-touch] .button--outline-primary.active, .root[data-is-touch] .button--outline-primary:active { color: #fff; background-color: #f80408; }

.root[data-is-touch] .button--outline-primary.active svg path, .root[data-is-touch] .button--outline-primary:active svg path { fill: #fff; }

.root[data-is-touch] .button--outline-primary.focus { color: default; background-color: #fc4d50; box-shadow: 0 0 0 2px rgba(252, 77, 80, 0.4); }

.root[data-is-touch] .button--outline-primary.focus svg path { fill: default; }

.button--outline-primary.disabled, .button--outline-primary:disabled { color: rgba(252, 77, 80, 0.2) !important; background-color: transparent !important; }

.button--outline-primary.disabled svg path, .button--outline-primary:disabled svg path { fill: rgba(252, 77, 80, 0.2) !important; }

.button--outline-secondary { color: #f2f2f2; border: 1px solid #f2f2f2; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-secondary svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-secondary, .button--outline-secondary:link, .button--outline-secondary:visited { color: #f2f2f2; background-color: transparent; }

.button--outline-secondary svg path, .button--outline-secondary:link svg path, .button--outline-secondary:visited svg path { fill: #f2f2f2; }

.root[data-is-touch="false"] .button--outline-secondary:hover { color: #333; background-color: #f2f2f2; }

.root[data-is-touch="false"] .button--outline-secondary:hover svg path { fill: #333; }

.root[data-is-touch] .button--outline-secondary.active, .root[data-is-touch] .button--outline-secondary:active { color: #333; background-color: #cccccc; }

.root[data-is-touch] .button--outline-secondary.active svg path, .root[data-is-touch] .button--outline-secondary:active svg path { fill: #333; }

.root[data-is-touch] .button--outline-secondary.focus { color: default; background-color: #f2f2f2; box-shadow: 0 0 0 2px rgba(242, 242, 242, 0.4); }

.root[data-is-touch] .button--outline-secondary.focus svg path { fill: default; }

.button--outline-secondary.disabled, .button--outline-secondary:disabled { color: rgba(242, 242, 242, 0.2) !important; background-color: transparent !important; }

.button--outline-secondary.disabled svg path, .button--outline-secondary:disabled svg path { fill: rgba(242, 242, 242, 0.2) !important; }

.button--outline-success { color: #52c41a; border: 1px solid #52c41a; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-success svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-success, .button--outline-success:link, .button--outline-success:visited { color: #52c41a; background-color: transparent; }

.button--outline-success svg path, .button--outline-success:link svg path, .button--outline-success:visited svg path { fill: #52c41a; }

.root[data-is-touch="false"] .button--outline-success:hover { color: #fff; background-color: #52c41a; }

.root[data-is-touch="false"] .button--outline-success:hover svg path { fill: #fff; }

.root[data-is-touch] .button--outline-success.active, .root[data-is-touch] .button--outline-success:active { color: #fff; background-color: #368011; }

.root[data-is-touch] .button--outline-success.active svg path, .root[data-is-touch] .button--outline-success:active svg path { fill: #fff; }

.root[data-is-touch] .button--outline-success.focus { color: default; background-color: #52c41a; box-shadow: 0 0 0 2px rgba(82, 196, 26, 0.4); }

.root[data-is-touch] .button--outline-success.focus svg path { fill: default; }

.button--outline-success.disabled, .button--outline-success:disabled { color: rgba(82, 196, 26, 0.2) !important; background-color: transparent !important; }

.button--outline-success.disabled svg path, .button--outline-success:disabled svg path { fill: rgba(82, 196, 26, 0.2) !important; }

.button--outline-info { color: #1890ff; border: 1px solid #1890ff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-info svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-info, .button--outline-info:link, .button--outline-info:visited { color: #1890ff; background-color: transparent; }

.button--outline-info svg path, .button--outline-info:link svg path, .button--outline-info:visited svg path { fill: #1890ff; }

.root[data-is-touch="false"] .button--outline-info:hover { color: #fff; background-color: #1890ff; }

.root[data-is-touch="false"] .button--outline-info:hover svg path { fill: #fff; }

.root[data-is-touch] .button--outline-info.active, .root[data-is-touch] .button--outline-info:active { color: #fff; background-color: #0069cb; }

.root[data-is-touch] .button--outline-info.active svg path, .root[data-is-touch] .button--outline-info:active svg path { fill: #fff; }

.root[data-is-touch] .button--outline-info.focus { color: default; background-color: #1890ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.4); }

.root[data-is-touch] .button--outline-info.focus svg path { fill: default; }

.button--outline-info.disabled, .button--outline-info:disabled { color: rgba(24, 144, 255, 0.2) !important; background-color: transparent !important; }

.button--outline-info.disabled svg path, .button--outline-info:disabled svg path { fill: rgba(24, 144, 255, 0.2) !important; }

.button--outline-warning { color: #fa8c16; border: 1px solid #fa8c16; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-warning svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-warning, .button--outline-warning:link, .button--outline-warning:visited { color: #fa8c16; background-color: transparent; }

.button--outline-warning svg path, .button--outline-warning:link svg path, .button--outline-warning:visited svg path { fill: #fa8c16; }

.root[data-is-touch="false"] .button--outline-warning:hover { color: #fff; background-color: #fa8c16; }

.root[data-is-touch="false"] .button--outline-warning:hover svg path { fill: #fff; }

.root[data-is-touch] .button--outline-warning.active, .root[data-is-touch] .button--outline-warning:active { color: #fff; background-color: #bf6504; }

.root[data-is-touch] .button--outline-warning.active svg path, .root[data-is-touch] .button--outline-warning:active svg path { fill: #fff; }

.root[data-is-touch] .button--outline-warning.focus { color: default; background-color: #fa8c16; box-shadow: 0 0 0 2px rgba(250, 140, 22, 0.4); }

.root[data-is-touch] .button--outline-warning.focus svg path { fill: default; }

.button--outline-warning.disabled, .button--outline-warning:disabled { color: rgba(250, 140, 22, 0.2) !important; background-color: transparent !important; }

.button--outline-warning.disabled svg path, .button--outline-warning:disabled svg path { fill: rgba(250, 140, 22, 0.2) !important; }

.button--outline-error { color: #f5222d; border: 1px solid #f5222d; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-error svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-error, .button--outline-error:link, .button--outline-error:visited { color: #f5222d; background-color: transparent; }

.button--outline-error svg path, .button--outline-error:link svg path, .button--outline-error:visited svg path { fill: #f5222d; }

.root[data-is-touch="false"] .button--outline-error:hover { color: #fff; background-color: #f5222d; }

.root[data-is-touch="false"] .button--outline-error:hover svg path { fill: #fff; }

.root[data-is-touch] .button--outline-error.active, .root[data-is-touch] .button--outline-error:active { color: #fff; background-color: #c20912; }

.root[data-is-touch] .button--outline-error.active svg path, .root[data-is-touch] .button--outline-error:active svg path { fill: #fff; }

.root[data-is-touch] .button--outline-error.focus { color: default; background-color: #f5222d; box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.4); }

.root[data-is-touch] .button--outline-error.focus svg path { fill: default; }

.button--outline-error.disabled, .button--outline-error:disabled { color: rgba(245, 34, 45, 0.2) !important; background-color: transparent !important; }

.button--outline-error.disabled svg path, .button--outline-error:disabled svg path { fill: rgba(245, 34, 45, 0.2) !important; }

.button--outline-theme-light { color: rgba(0, 0, 0, 0.9); border: 1px solid rgba(0, 0, 0, 0.9); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-theme-light svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-theme-light, .button--outline-theme-light:link, .button--outline-theme-light:visited { color: rgba(0, 0, 0, 0.9); background-color: transparent; }

.button--outline-theme-light svg path, .button--outline-theme-light:link svg path, .button--outline-theme-light:visited svg path { fill: rgba(0, 0, 0, 0.9); }

.root[data-is-touch="false"] .button--outline-theme-light:hover { color: rgba(255, 255, 255, 0.95); background-color: rgba(0, 0, 0, 0.9); }

.root[data-is-touch="false"] .button--outline-theme-light:hover svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch] .button--outline-theme-light.active, .root[data-is-touch] .button--outline-theme-light:active { color: rgba(255, 255, 255, 0.95); background-color: rgba(41, 41, 41, 0.9); }

.root[data-is-touch] .button--outline-theme-light.active svg path, .root[data-is-touch] .button--outline-theme-light:active svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch] .button--outline-theme-light.focus { color: default; background-color: rgba(0, 0, 0, 0.9); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4); }

.root[data-is-touch] .button--outline-theme-light.focus svg path { fill: default; }

.button--outline-theme-light.disabled, .button--outline-theme-light:disabled { color: rgba(0, 0, 0, 0.4) !important; background-color: transparent !important; }

.button--outline-theme-light.disabled svg path, .button--outline-theme-light:disabled svg path { fill: rgba(0, 0, 0, 0.4) !important; }

.button--outline-theme-dark { color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(255, 255, 255, 0.9); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-theme-dark svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.button--outline-theme-dark, .button--outline-theme-dark:link, .button--outline-theme-dark:visited { color: rgba(255, 255, 255, 0.9); background-color: transparent; }

.button--outline-theme-dark svg path, .button--outline-theme-dark:link svg path, .button--outline-theme-dark:visited svg path { fill: rgba(255, 255, 255, 0.9); }

.root[data-is-touch="false"] .button--outline-theme-dark:hover { color: #222; background-color: rgba(255, 255, 255, 0.9); }

.root[data-is-touch="false"] .button--outline-theme-dark:hover svg path { fill: #222; }

.root[data-is-touch] .button--outline-theme-dark.active, .root[data-is-touch] .button--outline-theme-dark:active { color: #222; background-color: rgba(217, 217, 217, 0.9); }

.root[data-is-touch] .button--outline-theme-dark.active svg path, .root[data-is-touch] .button--outline-theme-dark:active svg path { fill: #222; }

.root[data-is-touch] .button--outline-theme-dark.focus { color: default; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); }

.root[data-is-touch] .button--outline-theme-dark.focus svg path { fill: default; }

.button--outline-theme-dark.disabled, .button--outline-theme-dark:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: transparent !important; }

.button--outline-theme-dark.disabled svg path, .button--outline-theme-dark:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.button--pill { border-radius: 6rem; }

.button--rounded { border-radius: 0.4rem; }

.button--circle, .swiper__button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border-radius: 50%; }

.button--md, .button--pill, .button--rounded, .button--circle, .swiper__button { padding: 0.45rem 0.6333333333rem; font-size: 1rem; }

.button--md.button--circle, .button--circle, .swiper__button { width: 1.9rem; height: 1.9rem; }

.button--xs { padding: 0.25rem 0.4rem; font-size: 0.7rem; }

.button--xs.button--circle, .button--xs.swiper__button { width: 1.2rem; height: 1.2rem; }

.button--sm { padding: 0.325rem 0.5rem; font-size: 0.85rem; }

.button--sm.button--circle, .button--sm.swiper__button { width: 1.5rem; height: 1.5rem; }

.button--lg { padding: 0.525rem 0.7666666667rem; font-size: 1.25rem; }

.button--lg.button--circle, .button--lg.swiper__button { width: 2.3rem; height: 2.3rem; }

.button--xl { padding: 0.65rem 0.9333333333rem; font-size: 1.5rem; }

.button--xl.button--circle, .button--xl.swiper__button { width: 2.8rem; height: 2.8rem; }

.image { max-width: 100%; }

.image--md, .image { width: 12rem; }

.image--xl { width: 20em; }

.image--lg { width: 16rem; }

.image--sm { width: 8rem; }

.image--xs { width: 4rem; }

.card { max-width: 18rem; border-radius: 0.4rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.23), 0 1px 3px rgba(0, 0, 0, 0.08), 0 6px 12px rgba(0, 0, 0, 0.02); -webkit-transition: box-shadow 0.4s ease-in-out; transition: box-shadow 0.4s ease-in-out; }

.card > :first-child { border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; }

.card > :last-child { border-bottom-right-radius: 0.4rem; border-bottom-left-radius: 0.4rem; }

.cell > .card { max-width: unset; }

.card__content { padding: 0.5rem 1rem; }

.card__header, .card__header > a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.card__header, .card__header:link, .card__header:visited, .card__header > a, .card__header > a:link, .card__header > a:visited { text-decoration: none; }

.root[data-is-touch="false"] .card__header:hover, .root[data-is-touch="false"] .card__header > a:hover { text-decoration: underline; }

.root[data-is-touch] .card__header.active, .root[data-is-touch] .card__header:active, .root[data-is-touch] .card__header > a.active, .root[data-is-touch] .card__header > a:active { text-decoration: none; }

.card__header, .card__header:link, .card__header:visited, .card__header > a, .card__header > a:link, .card__header > a:visited { color: #000; }

.root[data-is-touch="false"] .card__header:hover, .root[data-is-touch="false"] .card__header > a:hover { color: #fc4d50; }

.root[data-is-touch] .card__header.active, .root[data-is-touch] .card__header:active, .root[data-is-touch] .card__header > a.active, .root[data-is-touch] .card__header > a:active { color: #f80408; }

.card__header.disabled, .card__header:disabled, .card__header > a.disabled, .card__header > a:disabled { color: rgba(0, 0, 0, 0.2) !important; }

.card__image { position: relative; width: 100%; }

.card__image > img { display: block; width: 100%; height: auto; border-radius: inherit; }

.card__image > .overlay { position: absolute; width: 100%; max-height: 100%; padding: 0.5rem; }

.card__image > .overlay a { text-decoration: none !important; }

.card__image > .overlay, .card__image > .overlay--top { top: 0; bottom: auto; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.card__image > .overlay--bottom { top: auto; bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }

.card__image > .overlay--full { top: 0; bottom: 0; }

.card__image > .overlay, .card__image > .overlay--dark { background-color: rgba(0, 0, 0, 0.4); }

.card__image > .overlay--light { background: rgba(255, 255, 255, 0.4); }

.card--clickable { cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.root[data-is-touch="false"] .card--clickable:hover { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.23), 0 2px 6px rgba(0, 0, 0, 0.08), 0 12px 24px rgba(0, 0, 0, 0.02); }

.root[data-is-touch="false"] .card--clickable:hover .card__image > img { height: inherit; }

.card--flat { box-shadow: none; }

.card--flat .card__image > img { border-radius: 0.4rem; }

.card--flat .card__content { padding-top: 0; padding-left: 0; }

.gallery { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.gallery__swiper { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.gallery-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: 100%; overflow: hidden; }

.gallery-item__main { display: block; }

.hero { background-position: 50% 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; background-size: cover; }

.hero h1 { font-size: 3.5rem; }

.hero h2 { font-size: 2.5rem; }

.hero h3 { font-size: 2rem; }

.hero h4 { font-size: 1.75rem; }

.hero h5 { font-size: 1.5rem; }

.hero h6 { font-size: 1.5rem; }

.hero p { font-size: 1.5rem; }

@media (max-width: 1023px) { .hero h1 { font-size: 3rem; } .hero h2 { font-size: 2rem; } .hero h3 { font-size: 1.75rem; } .hero h4 { font-size: 1.5rem; } .hero h5 { font-size: 1.25rem; } .hero h6 { font-size: 1.25rem; } .hero p { font-size: 1.25rem; } }

@media (max-width: 499px) { .hero h1 { font-size: 2rem; } .hero h2 { font-size: 1.5rem; } .hero h3 { font-size: 1.35rem; } .hero h4 { font-size: 1.15rem; } .hero h5 { font-size: 1rem; } .hero h6 { font-size: 1rem; } .hero p { font-size: 1rem; } }

.hero--center { text-align: center; }

.hero__content { margin: 3rem; }

@media (max-width: 1023px) { .hero__content { margin: 3rem 1.5rem; } }

@media (max-width: 499px) { .hero__content { margin: 1.5rem 1rem; } }

.heros > .hero { margin: 3rem; }

@media (max-width: 1023px) { .heros > .hero { margin: 1rem; } }

@media (max-width: 499px) { .heros > .hero { margin: 0.5rem 0; } }

.menu { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.menu > li { margin-top: 0.25rem; margin-bottom: 0.25rem; margin-right: 0.25rem; list-style-type: none; }

.menu > li:last-child { margin-right: 0; }

.menu--vertical { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: normal; -ms-flex-align: normal; -webkit-align-items: normal; -moz-align-items: normal; align-items: normal; }

.menu--vertical > li { margin-right: 0; }

.menu--inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

.menu--center, .hero--center .menu { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.menu--nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; }

.menu--grow { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.modal { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; color: rgba(255, 255, 255, 0.95); touch-action: none; background-color: rgba(0, 0, 0, 0.9); opacity: 0; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: opacity 0.4s ease-in-out, transform 0s 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0s 0.4s ease-in-out; }

.modal--show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

.modal--overflow { overflow: auto; -webkit-overflow-scrolling: touch; }

ul.toc { display: block; margin: 0; color: #222; list-style-type: none; }

ul.toc > li { margin: 0.125rem 0; }

ul.toc > li a { display: inline-block; margin: 0.0625rem 0; text-decoration: none !important; }

ul.toc .toc-h1 a, ul.toc .toc-h2 a, ul.toc .toc-h3 a, ul.toc .toc-h4 a, ul.toc .toc-h5 a, ul.toc .toc-h6 a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

ul.toc .toc-h1 a, ul.toc .toc-h1 a:link, ul.toc .toc-h1 a:visited, ul.toc .toc-h2 a, ul.toc .toc-h2 a:link, ul.toc .toc-h2 a:visited, ul.toc .toc-h3 a, ul.toc .toc-h3 a:link, ul.toc .toc-h3 a:visited, ul.toc .toc-h4 a, ul.toc .toc-h4 a:link, ul.toc .toc-h4 a:visited, ul.toc .toc-h5 a, ul.toc .toc-h5 a:link, ul.toc .toc-h5 a:visited, ul.toc .toc-h6 a, ul.toc .toc-h6 a:link, ul.toc .toc-h6 a:visited { text-decoration: none; }

.root[data-is-touch="false"] ul.toc .toc-h1 a:hover, .root[data-is-touch="false"] ul.toc .toc-h2 a:hover, .root[data-is-touch="false"] ul.toc .toc-h3 a:hover, .root[data-is-touch="false"] ul.toc .toc-h4 a:hover, .root[data-is-touch="false"] ul.toc .toc-h5 a:hover, .root[data-is-touch="false"] ul.toc .toc-h6 a:hover { text-decoration: underline; }

.root[data-is-touch] ul.toc .toc-h1 a.active, .root[data-is-touch] ul.toc .toc-h1 a:active, .root[data-is-touch] ul.toc .toc-h2 a.active, .root[data-is-touch] ul.toc .toc-h2 a:active, .root[data-is-touch] ul.toc .toc-h3 a.active, .root[data-is-touch] ul.toc .toc-h3 a:active, .root[data-is-touch] ul.toc .toc-h4 a.active, .root[data-is-touch] ul.toc .toc-h4 a:active, .root[data-is-touch] ul.toc .toc-h5 a.active, .root[data-is-touch] ul.toc .toc-h5 a:active, .root[data-is-touch] ul.toc .toc-h6 a.active, .root[data-is-touch] ul.toc .toc-h6 a:active { text-decoration: none; }

ul.toc .toc-h1 a, ul.toc .toc-h1 a:link, ul.toc .toc-h1 a:visited, ul.toc .toc-h2 a, ul.toc .toc-h2 a:link, ul.toc .toc-h2 a:visited, ul.toc .toc-h3 a, ul.toc .toc-h3 a:link, ul.toc .toc-h3 a:visited, ul.toc .toc-h4 a, ul.toc .toc-h4 a:link, ul.toc .toc-h4 a:visited, ul.toc .toc-h5 a, ul.toc .toc-h5 a:link, ul.toc .toc-h5 a:visited, ul.toc .toc-h6 a, ul.toc .toc-h6 a:link, ul.toc .toc-h6 a:visited { color: #222; }

.root[data-is-touch="false"] ul.toc .toc-h1 a:hover, .root[data-is-touch="false"] ul.toc .toc-h2 a:hover, .root[data-is-touch="false"] ul.toc .toc-h3 a:hover, .root[data-is-touch="false"] ul.toc .toc-h4 a:hover, .root[data-is-touch="false"] ul.toc .toc-h5 a:hover, .root[data-is-touch="false"] ul.toc .toc-h6 a:hover { color: #fc4d50; }

.root[data-is-touch] ul.toc .toc-h1 a.active, .root[data-is-touch] ul.toc .toc-h1 a:active, .root[data-is-touch] ul.toc .toc-h2 a.active, .root[data-is-touch] ul.toc .toc-h2 a:active, .root[data-is-touch] ul.toc .toc-h3 a.active, .root[data-is-touch] ul.toc .toc-h3 a:active, .root[data-is-touch] ul.toc .toc-h4 a.active, .root[data-is-touch] ul.toc .toc-h4 a:active, .root[data-is-touch] ul.toc .toc-h5 a.active, .root[data-is-touch] ul.toc .toc-h5 a:active, .root[data-is-touch] ul.toc .toc-h6 a.active, .root[data-is-touch] ul.toc .toc-h6 a:active { color: #f80408; }

ul.toc .toc-h1 a.disabled, ul.toc .toc-h1 a:disabled, ul.toc .toc-h2 a.disabled, ul.toc .toc-h2 a:disabled, ul.toc .toc-h3 a.disabled, ul.toc .toc-h3 a:disabled, ul.toc .toc-h4 a.disabled, ul.toc .toc-h4 a:disabled, ul.toc .toc-h5 a.disabled, ul.toc .toc-h5 a:disabled, ul.toc .toc-h6 a.disabled, ul.toc .toc-h6 a:disabled { color: rgba(34, 34, 34, 0.2) !important; }

ul.toc .toc-h1.active a, ul.toc .toc-h2.active a, ul.toc .toc-h3.active a, ul.toc .toc-h4.active a, ul.toc .toc-h5.active a, ul.toc .toc-h6.active a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

ul.toc .toc-h1.active a, ul.toc .toc-h1.active a:link, ul.toc .toc-h1.active a:visited, ul.toc .toc-h2.active a, ul.toc .toc-h2.active a:link, ul.toc .toc-h2.active a:visited, ul.toc .toc-h3.active a, ul.toc .toc-h3.active a:link, ul.toc .toc-h3.active a:visited, ul.toc .toc-h4.active a, ul.toc .toc-h4.active a:link, ul.toc .toc-h4.active a:visited, ul.toc .toc-h5.active a, ul.toc .toc-h5.active a:link, ul.toc .toc-h5.active a:visited, ul.toc .toc-h6.active a, ul.toc .toc-h6.active a:link, ul.toc .toc-h6.active a:visited { text-decoration: none; }

.root[data-is-touch="false"] ul.toc .toc-h1.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h2.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h3.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h4.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h5.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h6.active a:hover { text-decoration: underline; }

.root[data-is-touch] ul.toc .toc-h1.active a.active, .root[data-is-touch] ul.toc .toc-h1.active a:active, .root[data-is-touch] ul.toc .toc-h2.active a.active, .root[data-is-touch] ul.toc .toc-h2.active a:active, .root[data-is-touch] ul.toc .toc-h3.active a.active, .root[data-is-touch] ul.toc .toc-h3.active a:active, .root[data-is-touch] ul.toc .toc-h4.active a.active, .root[data-is-touch] ul.toc .toc-h4.active a:active, .root[data-is-touch] ul.toc .toc-h5.active a.active, .root[data-is-touch] ul.toc .toc-h5.active a:active, .root[data-is-touch] ul.toc .toc-h6.active a.active, .root[data-is-touch] ul.toc .toc-h6.active a:active { text-decoration: none; }

ul.toc .toc-h1.active a, ul.toc .toc-h1.active a:link, ul.toc .toc-h1.active a:visited, ul.toc .toc-h2.active a, ul.toc .toc-h2.active a:link, ul.toc .toc-h2.active a:visited, ul.toc .toc-h3.active a, ul.toc .toc-h3.active a:link, ul.toc .toc-h3.active a:visited, ul.toc .toc-h4.active a, ul.toc .toc-h4.active a:link, ul.toc .toc-h4.active a:visited, ul.toc .toc-h5.active a, ul.toc .toc-h5.active a:link, ul.toc .toc-h5.active a:visited, ul.toc .toc-h6.active a, ul.toc .toc-h6.active a:link, ul.toc .toc-h6.active a:visited { color: #fc4d50; }

.root[data-is-touch="false"] ul.toc .toc-h1.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h2.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h3.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h4.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h5.active a:hover, .root[data-is-touch="false"] ul.toc .toc-h6.active a:hover { color: #fb070b; }

.root[data-is-touch] ul.toc .toc-h1.active a.active, .root[data-is-touch] ul.toc .toc-h1.active a:active, .root[data-is-touch] ul.toc .toc-h2.active a.active, .root[data-is-touch] ul.toc .toc-h2.active a:active, .root[data-is-touch] ul.toc .toc-h3.active a.active, .root[data-is-touch] ul.toc .toc-h3.active a:active, .root[data-is-touch] ul.toc .toc-h4.active a.active, .root[data-is-touch] ul.toc .toc-h4.active a:active, .root[data-is-touch] ul.toc .toc-h5.active a.active, .root[data-is-touch] ul.toc .toc-h5.active a:active, .root[data-is-touch] ul.toc .toc-h6.active a.active, .root[data-is-touch] ul.toc .toc-h6.active a:active { color: #b20306; }

ul.toc .toc-h1.active a.disabled, ul.toc .toc-h1.active a:disabled, ul.toc .toc-h2.active a.disabled, ul.toc .toc-h2.active a:disabled, ul.toc .toc-h3.active a.disabled, ul.toc .toc-h3.active a:disabled, ul.toc .toc-h4.active a.disabled, ul.toc .toc-h4.active a:disabled, ul.toc .toc-h5.active a.disabled, ul.toc .toc-h5.active a:disabled, ul.toc .toc-h6.active a.disabled, ul.toc .toc-h6.active a:disabled { color: rgba(252, 77, 80, 0.2) !important; }

ul.toc .toc-h2, ul.toc .toc-h2 a, ul.toc .toc-h3, ul.toc .toc-h3 a, ul.toc .toc-h4, ul.toc .toc-h4 a, ul.toc .toc-h5, ul.toc .toc-h5 a, ul.toc .toc-h6, ul.toc .toc-h6 a { font-size: 0.7rem; font-weight: 400; line-height: 1; }

ul.toc .toc-h1 { border: 0 solid #e6e6e6; border-bottom-width: 1px; padding: 0.5rem 0 0.25rem 0; margin-bottom: 0.5rem; color: #000; }

ul.toc .toc-h1, ul.toc .toc-h1 a { font-size: 0.85rem; font-weight: 600; line-height: 1.2; }

ul.toc .toc-h1 a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

ul.toc .toc-h1 a, ul.toc .toc-h1 a:link, ul.toc .toc-h1 a:visited { text-decoration: none; }

.root[data-is-touch="false"] ul.toc .toc-h1 a:hover { text-decoration: underline; }

.root[data-is-touch] ul.toc .toc-h1 a.active, .root[data-is-touch] ul.toc .toc-h1 a:active { text-decoration: none; }

ul.toc .toc-h1 a, ul.toc .toc-h1 a:link, ul.toc .toc-h1 a:visited { color: #000; }

.root[data-is-touch="false"] ul.toc .toc-h1 a:hover { color: #fc4d50; }

.root[data-is-touch] ul.toc .toc-h1 a.active, .root[data-is-touch] ul.toc .toc-h1 a:active { color: #f80408; }

ul.toc .toc-h1 a.disabled, ul.toc .toc-h1 a:disabled { color: rgba(0, 0, 0, 0.2) !important; }

ul.toc .toc-h2, ul.toc .toc-h2 a { font-weight: 600; }

ul.toc .toc-h3 { margin-left: 1rem; }

ul.toc .toc-h4 { margin-left: 2rem; }

ul.toc .toc-h5, ul.toc .toc-h6 { margin-left: 3rem; }

ul.toc .toc-h6 { color: #888; }

ul.toc .toc-h6 a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

ul.toc .toc-h6 a, ul.toc .toc-h6 a:link, ul.toc .toc-h6 a:visited { text-decoration: none; }

.root[data-is-touch="false"] ul.toc .toc-h6 a:hover { text-decoration: underline; }

.root[data-is-touch] ul.toc .toc-h6 a.active, .root[data-is-touch] ul.toc .toc-h6 a:active { text-decoration: none; }

ul.toc .toc-h6 a, ul.toc .toc-h6 a:link, ul.toc .toc-h6 a:visited { color: #888; }

.root[data-is-touch="false"] ul.toc .toc-h6 a:hover { color: #fc4d50; }

.root[data-is-touch] ul.toc .toc-h6 a.active, .root[data-is-touch] ul.toc .toc-h6 a:active { color: #f80408; }

ul.toc .toc-h6 a.disabled, ul.toc .toc-h6 a:disabled { color: rgba(136, 136, 136, 0.2) !important; }

ul.toc--ellipsis > li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

ul.toc--navigator > li a { padding-left: 0.5rem; margin: 0.25rem 0; }

ul.toc--navigator > li.active a { margin-left: -4px; border: 0 solid #fc4d50; border-left-width: 4px; }

ul.toc--navigator .toc-h2, ul.toc--navigator .toc-h3, ul.toc--navigator .toc-h4 { color: #888; }

ul.toc--navigator .toc-h2 a, ul.toc--navigator .toc-h3 a, ul.toc--navigator .toc-h4 a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

ul.toc--navigator .toc-h2 a, ul.toc--navigator .toc-h2 a:link, ul.toc--navigator .toc-h2 a:visited, ul.toc--navigator .toc-h3 a, ul.toc--navigator .toc-h3 a:link, ul.toc--navigator .toc-h3 a:visited, ul.toc--navigator .toc-h4 a, ul.toc--navigator .toc-h4 a:link, ul.toc--navigator .toc-h4 a:visited { text-decoration: none; }

.root[data-is-touch="false"] ul.toc--navigator .toc-h2 a:hover, .root[data-is-touch="false"] ul.toc--navigator .toc-h3 a:hover, .root[data-is-touch="false"] ul.toc--navigator .toc-h4 a:hover { text-decoration: underline; }

.root[data-is-touch] ul.toc--navigator .toc-h2 a.active, .root[data-is-touch] ul.toc--navigator .toc-h2 a:active, .root[data-is-touch] ul.toc--navigator .toc-h3 a.active, .root[data-is-touch] ul.toc--navigator .toc-h3 a:active, .root[data-is-touch] ul.toc--navigator .toc-h4 a.active, .root[data-is-touch] ul.toc--navigator .toc-h4 a:active { text-decoration: none; }

ul.toc--navigator .toc-h2 a, ul.toc--navigator .toc-h2 a:link, ul.toc--navigator .toc-h2 a:visited, ul.toc--navigator .toc-h3 a, ul.toc--navigator .toc-h3 a:link, ul.toc--navigator .toc-h3 a:visited, ul.toc--navigator .toc-h4 a, ul.toc--navigator .toc-h4 a:link, ul.toc--navigator .toc-h4 a:visited { color: #888; }

.root[data-is-touch="false"] ul.toc--navigator .toc-h2 a:hover, .root[data-is-touch="false"] ul.toc--navigator .toc-h3 a:hover, .root[data-is-touch="false"] ul.toc--navigator .toc-h4 a:hover { color: #646464; }

.root[data-is-touch] ul.toc--navigator .toc-h2 a.active, .root[data-is-touch] ul.toc--navigator .toc-h2 a:active, .root[data-is-touch] ul.toc--navigator .toc-h3 a.active, .root[data-is-touch] ul.toc--navigator .toc-h3 a:active, .root[data-is-touch] ul.toc--navigator .toc-h4 a.active, .root[data-is-touch] ul.toc--navigator .toc-h4 a:active { color: #3e3e3e; }

ul.toc--navigator .toc-h2 a.disabled, ul.toc--navigator .toc-h2 a:disabled, ul.toc--navigator .toc-h3 a.disabled, ul.toc--navigator .toc-h3 a:disabled, ul.toc--navigator .toc-h4 a.disabled, ul.toc--navigator .toc-h4 a:disabled { color: rgba(136, 136, 136, 0.2) !important; }

ul.toc--navigator .toc-h1 { color: #222; }

ul.toc--navigator .toc-h1, ul.toc--navigator .toc-h1 a { font-size: 1rem; line-height: 1.4; }

ul.toc--navigator .toc-h1 a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

ul.toc--navigator .toc-h1 a, ul.toc--navigator .toc-h1 a:link, ul.toc--navigator .toc-h1 a:visited { text-decoration: none; }

.root[data-is-touch="false"] ul.toc--navigator .toc-h1 a:hover { text-decoration: underline; }

.root[data-is-touch] ul.toc--navigator .toc-h1 a.active, .root[data-is-touch] ul.toc--navigator .toc-h1 a:active { text-decoration: none; }

ul.toc--navigator .toc-h1 a, ul.toc--navigator .toc-h1 a:link, ul.toc--navigator .toc-h1 a:visited { color: #000; }

.root[data-is-touch="false"] ul.toc--navigator .toc-h1 a:hover { color: #2e2e2e; }

.root[data-is-touch] ul.toc--navigator .toc-h1 a.active, .root[data-is-touch] ul.toc--navigator .toc-h1 a:active { color: #575757; }

ul.toc--navigator .toc-h1 a.disabled, ul.toc--navigator .toc-h1 a:disabled { color: rgba(0, 0, 0, 0.4) !important; }

ul.toc--navigator .toc-h2, ul.toc--navigator .toc-h2 a { font-size: 0.85rem; font-weight: 600; line-height: 1.2; }

.item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

@media (max-width: 499px) { .item { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.item__image { margin-right: 1rem; }

.item__image + .item__content > :first-child { margin-top: 0; }

.item__image + .item__content > :first-child > :first-child { margin-top: 0; }

@media (max-width: 499px) { .item__image { margin-right: 0; } }

.item__content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

a > .item__header, a.item__header, .item__header > a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

a > .item__header, a > .item__header:link, a > .item__header:visited, a.item__header, a.item__header:link, a.item__header:visited, .item__header > a, .item__header > a:link, .item__header > a:visited { text-decoration: none; }

.root[data-is-touch="false"] a > .item__header:hover, .root[data-is-touch="false"] a.item__header:hover, .root[data-is-touch="false"] .item__header > a:hover { text-decoration: underline; }

.root[data-is-touch] a > .item__header.active, .root[data-is-touch] a > .item__header:active, .root[data-is-touch] a.item__header.active, .root[data-is-touch] a.item__header:active, .root[data-is-touch] .item__header > a.active, .root[data-is-touch] .item__header > a:active { text-decoration: none; }

a > .item__header, a > .item__header:link, a > .item__header:visited, a.item__header, a.item__header:link, a.item__header:visited, .item__header > a, .item__header > a:link, .item__header > a:visited { color: #000; }

.root[data-is-touch="false"] a > .item__header:hover, .root[data-is-touch="false"] a.item__header:hover, .root[data-is-touch="false"] .item__header > a:hover { color: #fc4d50; }

.root[data-is-touch] a > .item__header.active, .root[data-is-touch] a > .item__header:active, .root[data-is-touch] a.item__header.active, .root[data-is-touch] a.item__header:active, .root[data-is-touch] .item__header > a.active, .root[data-is-touch] .item__header > a:active { color: #f80408; }

a > .item__header.disabled, a > .item__header:disabled, a.item__header.disabled, a.item__header:disabled, .item__header > a.disabled, .item__header > a:disabled { color: rgba(0, 0, 0, 0.2) !important; }

.item__meta { color: #888; }

.item__description, .item__description .article__content { font-size: 0.85rem; line-height: 1.4; }

.item__description h1, .item__description h2, .item__description h3, .item__description h4, .item__description h5, .item__description h6, .item__description p, .item__description hr, .item__description blockquote, .item__description figure, .item__description pre, .item__description .highlighter-rouge, .item__description ul, .item__description ol, .item__description dl, .item__description table, .item__description .footnotes, .item__description .article__content h1, .item__description .article__content h2, .item__description .article__content h3, .item__description .article__content h4, .item__description .article__content h5, .item__description .article__content h6, .item__description .article__content p, .item__description .article__content hr, .item__description .article__content blockquote, .item__description .article__content figure, .item__description .article__content pre, .item__description .article__content .highlighter-rouge, .item__description .article__content ul, .item__description .article__content ol, .item__description .article__content dl, .item__description .article__content table, .item__description .article__content .footnotes { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.item__description h1, .item__description h2, .item__description h3, .item__description h4, .item__description h5, .item__description h6, .item__description .article__content h1, .item__description .article__content h2, .item__description .article__content h3, .item__description .article__content h4, .item__description .article__content h5, .item__description .article__content h6 { margin-top: 1rem; }

.item__description h1, .item__description h2, .item__description h3, .item__description .article__content h1, .item__description .article__content h2, .item__description .article__content h3 { color: #222; }

.item__description h1, .item__description h2, .item__description .article__content h1, .item__description .article__content h2 { padding: 0; border: none; }

.item__description h1, .item__description .article__content h1 { font-size: 1.05rem; }

.item__description h2, .item__description .article__content h2 { font-size: 1rem; }

.item__description h3, .item__description .article__content h3 { font-size: 0.95rem; }

.item__description h4, .item__description .article__content h4 { font-size: 0.9rem; }

.item__description h5, .item__description .article__content h5 { font-size: 0.85rem; }

.item__description h6, .item__description .article__content h6 { font-size: 0.85rem; }

.item__description img, .item__description .article__content img { max-height: 32rem; }

@media (max-width: 499px) { .item__description img, .item__description .article__content img { max-height: 14rem; } }

.items > .item:not(:last-child) { margin-bottom: 0.5rem; }

.items--divided > .item { list-style-type: none; }

.items--divided > .item:not(:first-child) { padding-top: 1.5rem; }

.items--divided > .item:not(:last-child) { padding-bottom: 1.5rem; border: 0 solid #e6e6e6; border-bottom-width: 1px; }

.swiper { position: relative; overflow: hidden; }

.swiper__wrapper, .swiper__slide { width: 100%; height: 100%; }

.swiper__wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.swiper__wrapper--animation { -webkit-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; }

.swiper__slide { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.swiper__slide > img { max-width: 100%; }

.swiper__button { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.swiper__button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.swiper__button, .swiper__button:link, .swiper__button:visited { color: #000; background-color: rgba(242, 242, 242, 0.4); }

.swiper__button svg path, .swiper__button:link svg path, .swiper__button:visited svg path { fill: #000; }

.root[data-is-touch="false"] .swiper__button:hover { color: #000; background-color: rgba(206, 206, 206, 0.4); }

.root[data-is-touch="false"] .swiper__button:hover svg path { fill: #000; }

.root[data-is-touch] .swiper__button.active, .root[data-is-touch] .swiper__button:active { color: #000; background-color: rgba(168, 168, 168, 0.4); }

.root[data-is-touch] .swiper__button.active svg path, .root[data-is-touch] .swiper__button:active svg path { fill: #000; }

.root[data-is-touch] .swiper__button.focus { color: default; background-color: rgba(206, 206, 206, 0.4); box-shadow: 0 0 0 2px rgba(206, 206, 206, 0.4); }

.root[data-is-touch] .swiper__button.focus svg path { fill: default; }

.swiper__button.disabled, .swiper__button:disabled { color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(242, 242, 242, 0.4) !important; }

.swiper__button.disabled svg path, .swiper__button:disabled svg path { fill: rgba(0, 0, 0, 0.2) !important; }

.swiper--light .swiper__button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.swiper--light .swiper__button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.swiper--light .swiper__button, .swiper--light .swiper__button:link, .swiper--light .swiper__button:visited { color: #222; background-color: rgba(255, 255, 255, 0.4); }

.swiper--light .swiper__button svg path, .swiper--light .swiper__button:link svg path, .swiper--light .swiper__button:visited svg path { fill: #222; }

.root[data-is-touch="false"] .swiper--light .swiper__button:hover { color: #222; background-color: rgba(219, 219, 219, 0.4); }

.root[data-is-touch="false"] .swiper--light .swiper__button:hover svg path { fill: #222; }

.root[data-is-touch] .swiper--light .swiper__button.active, .root[data-is-touch] .swiper--light .swiper__button:active { color: #222; background-color: rgba(181, 181, 181, 0.4); }

.root[data-is-touch] .swiper--light .swiper__button.active svg path, .root[data-is-touch] .swiper--light .swiper__button:active svg path { fill: #222; }

.root[data-is-touch] .swiper--light .swiper__button.focus { color: default; background-color: rgba(219, 219, 219, 0.4); box-shadow: 0 0 0 2px rgba(219, 219, 219, 0.4); }

.root[data-is-touch] .swiper--light .swiper__button.focus svg path { fill: default; }

.swiper--light .swiper__button.disabled, .swiper--light .swiper__button:disabled { color: rgba(34, 34, 34, 0.2) !important; background-color: rgba(255, 255, 255, 0.4) !important; }

.swiper--light .swiper__button.disabled svg path, .swiper--light .swiper__button:disabled svg path { fill: rgba(34, 34, 34, 0.2) !important; }

.swiper--dark .swiper__button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.swiper--dark .swiper__button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.swiper--dark .swiper__button, .swiper--dark .swiper__button:link, .swiper--dark .swiper__button:visited { color: rgba(255, 255, 255, 0.95); background-color: rgba(0, 0, 0, 0.4); }

.swiper--dark .swiper__button svg path, .swiper--dark .swiper__button:link svg path, .swiper--dark .swiper__button:visited svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch="false"] .swiper--dark .swiper__button:hover { color: rgba(255, 255, 255, 0.95); background-color: rgba(46, 46, 46, 0.4); }

.root[data-is-touch="false"] .swiper--dark .swiper__button:hover svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch] .swiper--dark .swiper__button.active, .root[data-is-touch] .swiper--dark .swiper__button:active { color: rgba(255, 255, 255, 0.95); background-color: rgba(87, 87, 87, 0.4); }

.root[data-is-touch] .swiper--dark .swiper__button.active svg path, .root[data-is-touch] .swiper--dark .swiper__button:active svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch] .swiper--dark .swiper__button.focus { color: default; background-color: rgba(46, 46, 46, 0.4); box-shadow: 0 0 0 2px rgba(46, 46, 46, 0.4); }

.root[data-is-touch] .swiper--dark .swiper__button.focus svg path { fill: default; }

.swiper--dark .swiper__button.disabled, .swiper--dark .swiper__button:disabled { color: rgba(255, 255, 255, 0.4) !important; background-color: rgba(0, 0, 0, 0.4) !important; }

.swiper--dark .swiper__button.disabled svg path, .swiper--dark .swiper__button:disabled svg path { fill: rgba(255, 255, 255, 0.4) !important; }

.swiper__button--prev { left: 10px; }

.swiper__button--next { right: 10px; }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fade-in-down { from { opacity: 0;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-in-down { from { opacity: 0;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fade-in-up { from { opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fade-in-up { from { opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.main { width: 100%; max-width: 1170px; padding: 0 3rem; margin: 0 auto; }

@media (max-width: 1023px) { .main { padding: 0 1.5rem; } }

@media (max-width: 499px) { .main { padding: 0 1rem; } }

.has-aside .main { max-width: 1170px; }

@media (max-width: 1023px) { .has-aside .main { max-width: 950px; } }

.full-width .main { width: 100%; max-width: 100%; }

.header { background: #f2f2f2; }

.header a { font-weight: 400; text-decoration: none !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.header a, .header a:link, .header a:visited { text-decoration: none; }

.root[data-is-touch="false"] .header a:hover { text-decoration: underline; }

.root[data-is-touch] .header a.active, .root[data-is-touch] .header a:active { text-decoration: none; }

.header a, .header a:link, .header a:visited { color: #333; }

.root[data-is-touch="false"] .header a:hover { color: #fc4d50; }

.root[data-is-touch] .header a.active, .root[data-is-touch] .header a:active { color: #f80408; }

.header a.disabled, .header a:disabled { color: rgba(51, 51, 51, 0.2) !important; }

.header .main { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

@media (max-width: 499px) { .header .main { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.header--dark { background: rgba(0, 0, 0, 0.15); }

.header--dark .navigation__item--active::after { border: 0 solid rgba(255, 255, 255, 0.95); border-bottom-width: 4px; }

.header--light { background: rgba(255, 255, 255, 0.15); }

.header--light .navigation__item--active::after { border: 0 solid #222; border-bottom-width: 4px; }

.header__title { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; height: 5rem; margin-right: 1rem; white-space: nowrap; }

.header__title > li { margin-top: 0; margin-bottom: 0; margin-right: 1rem; list-style-type: none; }

.header__title > li:last-child { margin-right: 0; }

@media (max-width: 499px) { .header__title { height: auto; margin-right: 0; } }

.header__title > .header__brand { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

@media (max-width: 499px) { .header__title > .header__brand { height: 3rem; } }

.header__title > .search-button { display: none; margin-left: 0.5rem; }

@media (max-width: 499px) { .header__title > .search-button { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } }

.header__brand { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.header__brand > svg { width: 1.92rem; height: 1.92rem; margin-right: 1rem; vertical-align: middle; }

@media (max-width: 499px) { .header__brand > svg { width: 1.44rem; height: 1.44rem; } }

.header__brand > a { display: inline-block; font-size: 1.5rem; }

.navigation { overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.navigation > ul { height: 5rem; padding-bottom: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; margin-top: 0; margin-bottom: 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

@media (max-width: 499px) { .navigation > ul { padding-bottom: 4px; margin: -4px 0 0 0; } }

.navigation > ul > li { margin-top: 0.5rem; margin-bottom: 0.5rem; margin-right: 1rem; list-style-type: none; }

.navigation > ul > li:last-child { margin-right: 0; }

@media (max-width: 499px) { .navigation > ul { height: auto; } }

@media (max-width: 499px) { .navigation > ul .search-button { display: none; } }

.navigation__item::after { display: block; margin-bottom: -4px; content: ""; border: 0 solid transparent; border-bottom-width: 4px; }

.navigation__item--active a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.navigation__item--active a, .navigation__item--active a:link, .navigation__item--active a:visited { text-decoration: none; }

.root[data-is-touch="false"] .navigation__item--active a:hover { text-decoration: underline; }

.root[data-is-touch] .navigation__item--active a.active, .root[data-is-touch] .navigation__item--active a:active { text-decoration: none; }

.navigation__item--active a, .navigation__item--active a:link, .navigation__item--active a:visited { color: #fc4d50; }

.root[data-is-touch="false"] .navigation__item--active a:hover { color: #fc4d50; }

.root[data-is-touch] .navigation__item--active a.active, .root[data-is-touch] .navigation__item--active a:active { color: #f80408; }

.navigation__item--active a.disabled, .navigation__item--active a:disabled { color: rgba(252, 77, 80, 0.2) !important; }

.navigation__item--active::after { border: 0 solid #fc4d50; border-bottom-width: 4px; }

/** Site Info */
.footer { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #333; background: #f2f2f2; }

.footer a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.footer a, .footer a:link, .footer a:visited { text-decoration: none; }

.root[data-is-touch="false"] .footer a:hover { text-decoration: underline; }

.root[data-is-touch] .footer a.active, .root[data-is-touch] .footer a:active { text-decoration: none; }

.footer a, .footer a:link, .footer a:visited { color: #333; }

.root[data-is-touch="false"] .footer a:hover { color: #fc4d50; }

.root[data-is-touch] .footer a.active, .root[data-is-touch] .footer a:active { color: #f80408; }

.footer a.disabled, .footer a:disabled { color: rgba(51, 51, 51, 0.2) !important; }

.footer .site-info { font-size: 0.7rem; text-align: center; }

.footer .site-info .menu { line-height: 1; }

.footer .site-info .menu > *:not(:last-child) { border: 0 solid #333; border-right-width: 1px; padding-right: 0.25rem; margin-right: 0.25rem; }

.footer__author-links { overflow: auto; -webkit-overflow-scrolling: touch; }

.footer__author-links .author-links { text-align: center; }

.article-list .item__meta { padding: 0 1rem 0 0; font-family: Menlo, Monaco, Consolas, Andale Mono, lucida console, Courier New, monospace; font-size: 0.85rem; white-space: nowrap; }

.article-list.grid--sm .card__header { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.article-list__group-header { margin-top: 1rem; }

.article__info { font-size: 0.85rem; color: #888; }

.article__info .left-col { float: left; }

@media (max-width: 499px) { .article__info .left-col { float: none; } }

.article__info .right-col { float: right; margin-left: 0.5rem; }

@media (max-width: 499px) { .article__info .right-col { float: none; } }

.article__info .right-col > li:not(:last-child) { border: 0 solid #888; border-right-width: 1px; padding-right: 0.5rem; margin-right: 0.5rem; line-height: 1; }

.article__header { margin-top: 3rem; margin-bottom: 1.5rem; }

@media (max-width: 499px) { .article__header { margin-top: 1.5rem; } }

.article__header header, .article__header h1 { display: inline; }

.article__header h1 { word-wrap: break-word; }

.article__header .split-space { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.article__header .edit-on-github { text-decoration: none !important; }

.article__header--overlay .overlay { min-height: 36rem; padding-top: 6rem; padding-bottom: 6rem; }

@media (max-width: 499px) { .article__header--overlay .overlay { min-height: 29rem; padding-top: 3rem; padding-bottom: 3rem; } }

.article__header--overlay .overlay__excerpt { font-size: 2rem; font-weight: 600; }

@media (max-width: 1023px) { .article__header--overlay .overlay__excerpt { font-size: 1.75rem; } }

@media (max-width: 499px) { .article__header--overlay .overlay__excerpt { font-size: 1.35rem; } }

.article__header--overlay .article__header { margin-top: 0; }

.article__header--cover { width: 100%; }

.article__content { line-height: 1.6; word-wrap: break-word; }

@media print { .article__content { line-height: 1.4; } }

.article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6, .article__content p, .article__content hr, .article__content blockquote, .article__content figure, .article__content pre, .article__content .highlighter-rouge, .article__content ul, .article__content ol, .article__content dl, .article__content table, .article__content .footnotes { margin: 1rem 0; }

@media print { .article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6, .article__content p, .article__content hr, .article__content blockquote, .article__content figure, .article__content pre, .article__content .highlighter-rouge, .article__content ul, .article__content ol, .article__content dl, .article__content table, .article__content .footnotes { margin: 0.5rem 0; } }

.article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6 { position: relative; margin-top: 1.5rem; }

@media print { .article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6 { margin-top: 1rem; } }

.article__content h1 > .anchor, .article__content h2 > .anchor, .article__content h3 > .anchor, .article__content h4 > .anchor, .article__content h5 > .anchor, .article__content h6 > .anchor { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-left: 0.25rem; text-decoration: none; visibility: hidden; opacity: 0; }

.article__content h1 > .anchor, .article__content h1 > .anchor:link, .article__content h1 > .anchor:visited, .article__content h2 > .anchor, .article__content h2 > .anchor:link, .article__content h2 > .anchor:visited, .article__content h3 > .anchor, .article__content h3 > .anchor:link, .article__content h3 > .anchor:visited, .article__content h4 > .anchor, .article__content h4 > .anchor:link, .article__content h4 > .anchor:visited, .article__content h5 > .anchor, .article__content h5 > .anchor:link, .article__content h5 > .anchor:visited, .article__content h6 > .anchor, .article__content h6 > .anchor:link, .article__content h6 > .anchor:visited { text-decoration: none; }

.root[data-is-touch="false"] .article__content h1 > .anchor:hover, .root[data-is-touch="false"] .article__content h2 > .anchor:hover, .root[data-is-touch="false"] .article__content h3 > .anchor:hover, .root[data-is-touch="false"] .article__content h4 > .anchor:hover, .root[data-is-touch="false"] .article__content h5 > .anchor:hover, .root[data-is-touch="false"] .article__content h6 > .anchor:hover { text-decoration: underline; }

.root[data-is-touch] .article__content h1 > .anchor.active, .root[data-is-touch] .article__content h1 > .anchor:active, .root[data-is-touch] .article__content h2 > .anchor.active, .root[data-is-touch] .article__content h2 > .anchor:active, .root[data-is-touch] .article__content h3 > .anchor.active, .root[data-is-touch] .article__content h3 > .anchor:active, .root[data-is-touch] .article__content h4 > .anchor.active, .root[data-is-touch] .article__content h4 > .anchor:active, .root[data-is-touch] .article__content h5 > .anchor.active, .root[data-is-touch] .article__content h5 > .anchor:active, .root[data-is-touch] .article__content h6 > .anchor.active, .root[data-is-touch] .article__content h6 > .anchor:active { text-decoration: none; }

.article__content h1 > .anchor, .article__content h1 > .anchor:link, .article__content h1 > .anchor:visited, .article__content h2 > .anchor, .article__content h2 > .anchor:link, .article__content h2 > .anchor:visited, .article__content h3 > .anchor, .article__content h3 > .anchor:link, .article__content h3 > .anchor:visited, .article__content h4 > .anchor, .article__content h4 > .anchor:link, .article__content h4 > .anchor:visited, .article__content h5 > .anchor, .article__content h5 > .anchor:link, .article__content h5 > .anchor:visited, .article__content h6 > .anchor, .article__content h6 > .anchor:link, .article__content h6 > .anchor:visited { color: #cccccc; }

.root[data-is-touch="false"] .article__content h1 > .anchor:hover, .root[data-is-touch="false"] .article__content h2 > .anchor:hover, .root[data-is-touch="false"] .article__content h3 > .anchor:hover, .root[data-is-touch="false"] .article__content h4 > .anchor:hover, .root[data-is-touch="false"] .article__content h5 > .anchor:hover, .root[data-is-touch="false"] .article__content h6 > .anchor:hover { color: #fc4d50; }

.root[data-is-touch] .article__content h1 > .anchor.active, .root[data-is-touch] .article__content h1 > .anchor:active, .root[data-is-touch] .article__content h2 > .anchor.active, .root[data-is-touch] .article__content h2 > .anchor:active, .root[data-is-touch] .article__content h3 > .anchor.active, .root[data-is-touch] .article__content h3 > .anchor:active, .root[data-is-touch] .article__content h4 > .anchor.active, .root[data-is-touch] .article__content h4 > .anchor:active, .root[data-is-touch] .article__content h5 > .anchor.active, .root[data-is-touch] .article__content h5 > .anchor:active, .root[data-is-touch] .article__content h6 > .anchor.active, .root[data-is-touch] .article__content h6 > .anchor:active { color: #f80408; }

.article__content h1 > .anchor.disabled, .article__content h1 > .anchor:disabled, .article__content h2 > .anchor.disabled, .article__content h2 > .anchor:disabled, .article__content h3 > .anchor.disabled, .article__content h3 > .anchor:disabled, .article__content h4 > .anchor.disabled, .article__content h4 > .anchor:disabled, .article__content h5 > .anchor.disabled, .article__content h5 > .anchor:disabled, .article__content h6 > .anchor.disabled, .article__content h6 > .anchor:disabled { color: rgba(204, 204, 204, 0.2) !important; }

.article__content h1 > .anchor > i, .article__content h2 > .anchor > i, .article__content h3 > .anchor > i, .article__content h4 > .anchor > i, .article__content h5 > .anchor > i, .article__content h6 > .anchor > i { font-size: 0.85rem; }

.root[data-is-touch="false"] .article__content h1:hover > .anchor, .root[data-is-touch="false"] .article__content h2:hover > .anchor, .root[data-is-touch="false"] .article__content h3:hover > .anchor, .root[data-is-touch="false"] .article__content h4:hover > .anchor, .root[data-is-touch="false"] .article__content h5:hover > .anchor, .root[data-is-touch="false"] .article__content h6:hover > .anchor { cursor: pointer; visibility: visible; opacity: 1; }

.article__content h1, .article__content h2 { border: 0 solid #e6e6e6; border-bottom-width: 1px; }

.article__content hr { border: none; }

.article__content hr::before { display: block; font-size: 1.9rem; color: #888; text-align: center; letter-spacing: 1.5rem; content: "..."; }

.article__content blockquote { padding-left: 1rem; font-size: 0.85rem; color: #888; border: 0 solid #cccccc; border-left-width: 4px; }

.article__content blockquote p { margin: 0.5rem 0; }

.article__content blockquote > :last-child { margin-bottom: 0; }

.article__content img:not(.emoji) { max-width: 100%; vertical-align: middle; }

.article__content .emoji { display: inline-block; width: 1.12rem; height: 1.12rem; vertical-align: text-bottom; }

.article__content .footnotes { border: 0 solid #e6e6e6; border-top-width: 1px; margin-top: 3rem; }

@media print { .article__content .footnotes { margin-top: 1rem; } }

.article__content code { padding: 0.25rem 0.5rem; background-color: rgba(0, 0, 0, 0.05); border-radius: 0.4rem; }

.article__content code span { padding: 0; margin: 0; }

.article__content pre { overflow: auto; -webkit-overflow-scrolling: touch; }

.article__content pre > code { padding: 0; word-wrap: normal; background-color: transparent; }

.article__content pre > code.language-mermaid, .article__content pre > code.language-chart { display: none; }

.article__content pre > code.language-mermaid svg, .article__content pre > code.language-chart svg { width: 100%; }

.article__content pre > code.language-mermaid[data-processed], .article__content pre > code.language-chart[data-processed] { display: block; }

.article__content .highlighter-rouge > .highlight > pre, .article__content figure.highlight > pre { padding: 1rem 0 1rem 1rem; margin: 0; background-color: rgba(0, 0, 0, 0.05); border-radius: 0.4rem; }

.article__content .highlighter-rouge > .highlight > pre > code, .article__content figure.highlight > pre > code { display: block; }

.article__content figure.highlight::before { display: block; padding: 0.5rem 1rem 0.5rem 0; font-weight: 600; color: rgba(0, 0, 0, 0.1); text-align: right; text-transform: uppercase; content: attr(data-lang); background-color: rgba(0, 0, 0, 0.05); border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; }

.article__content figure.highlight > pre { padding-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.article__content figure.highlight > pre > code > .rouge-table { width: auto; margin: 0 0 -1rem -1rem; }

.article__content figure.highlight > pre > code > .rouge-table tbody, .article__content figure.highlight > pre > code > .rouge-table tr, .article__content figure.highlight > pre > code > .rouge-table td { padding-top: 0; padding-bottom: 0; border: none; }

.article__content figure.highlight > pre > code > .rouge-table > tbody { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.article__content figure.highlight > pre > code > .rouge-table > tbody > tr { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.article__content figure.highlight > pre > code > .rouge-table > tbody > tr > .code { padding: 0 0 1rem 0.5rem; overflow: auto; -webkit-overflow-scrolling: touch; }

.article__content figure.highlight > pre > code > .rouge-table tbody td.gl { padding-left: 1rem; }

.article__content figure.highlight > pre > code > .rouge-table tbody td > pre { display: block; margin: 0; border-radius: 0; overflow: auto; -webkit-overflow-scrolling: touch; }

.article__content figure.highlight > pre > code > .rouge-table tbody td > pre.lineno { color: #888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.article__content ul, .article__content ol { margin-left: 1.5rem; }

.article__content ul ul, .article__content ul ol, .article__content ol ul, .article__content ol ol { margin-top: 0; margin-bottom: 0; }

.article__content ul li p, .article__content ol li p { margin: 0.5rem; }

@media print { .article__content ul li p, .article__content ol li p { margin: 0.25rem; } }

.article__content dl dt p, .article__content dl dd p { margin: 0.5rem; }

@media print { .article__content dl dt p, .article__content dl dd p { margin: 0.25rem; } }

.article__content dl dt { font-weight: 600; }

.article__content dl dd { margin-left: 2rem; }

.article__content ul.task-list { margin-left: 0; list-style-type: none; }

.article__content ul.task-list ul, .article__content ul.task-list ol { margin-left: 1.5rem; }

.article__content table { display: block; width: 100%; border-collapse: collapse; overflow: auto; -webkit-overflow-scrolling: touch; }

.article__content table thead, .article__content table tfoot { background-color: rgba(0, 0, 0, 0.05); }

.article__content table th, .article__content table td { padding: 0.5rem; border: 1px solid #e6e6e6; }

.article__content table th { font-weight: 600; }

.article__footer { margin: 1.5rem 0; font-size: 0.85rem; }

.article__license a, .article__subscribe a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.article__license a, .article__license a:link, .article__license a:visited, .article__subscribe a, .article__subscribe a:link, .article__subscribe a:visited { text-decoration: none; }

.root[data-is-touch="false"] .article__license a:hover, .root[data-is-touch="false"] .article__subscribe a:hover { text-decoration: underline; }

.root[data-is-touch] .article__license a.active, .root[data-is-touch] .article__license a:active, .root[data-is-touch] .article__subscribe a.active, .root[data-is-touch] .article__subscribe a:active { text-decoration: none; }

.article__license a, .article__license a:link, .article__license a:visited, .article__subscribe a, .article__subscribe a:link, .article__subscribe a:visited { color: #222; }

.root[data-is-touch="false"] .article__license a:hover, .root[data-is-touch="false"] .article__subscribe a:hover { color: #fc4d50; }

.root[data-is-touch] .article__license a.active, .root[data-is-touch] .article__license a:active, .root[data-is-touch] .article__subscribe a.active, .root[data-is-touch] .article__subscribe a:active { color: #f80408; }

.article__license a.disabled, .article__license a:disabled, .article__subscribe a.disabled, .article__subscribe a:disabled { color: rgba(34, 34, 34, 0.2) !important; }

.article__license { color: #888; }

.article__license img { height: 1.6rem; }

.author-links > ul { margin: 0; }

.author-links > ul > li > .mail-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .mail-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .mail-button, .author-links > ul > li > .mail-button:link, .author-links > ul > li > .mail-button:visited { color: #fff; background-color: #0072c5; }

.author-links > ul > li > .mail-button svg path, .author-links > ul > li > .mail-button:link svg path, .author-links > ul > li > .mail-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .mail-button:hover { color: #fff; background-color: #00497e; }

.root[data-is-touch="false"] .author-links > ul > li > .mail-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .mail-button.active, .root[data-is-touch] .author-links > ul > li > .mail-button:active { color: #fff; background-color: #001c31; }

.root[data-is-touch] .author-links > ul > li > .mail-button.active svg path, .root[data-is-touch] .author-links > ul > li > .mail-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .mail-button.focus { color: default; background-color: #00497e; box-shadow: 0 0 0 2px rgba(0, 73, 126, 0.4); }

.root[data-is-touch] .author-links > ul > li > .mail-button.focus svg path { fill: default; }

.author-links > ul > li > .mail-button.disabled, .author-links > ul > li > .mail-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #0072c5 !important; }

.author-links > ul > li > .mail-button.disabled svg path, .author-links > ul > li > .mail-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-links > ul > li > .facebook-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .facebook-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .facebook-button, .author-links > ul > li > .facebook-button:link, .author-links > ul > li > .facebook-button:visited { color: #fff; background-color: #4267b2; }

.author-links > ul > li > .facebook-button svg path, .author-links > ul > li > .facebook-button:link svg path, .author-links > ul > li > .facebook-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .facebook-button:hover { color: #fff; background-color: #2f497e; }

.root[data-is-touch="false"] .author-links > ul > li > .facebook-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .facebook-button.active, .root[data-is-touch] .author-links > ul > li > .facebook-button:active { color: #fff; background-color: #1a2946; }

.root[data-is-touch] .author-links > ul > li > .facebook-button.active svg path, .root[data-is-touch] .author-links > ul > li > .facebook-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .facebook-button.focus { color: default; background-color: #2f497e; box-shadow: 0 0 0 2px rgba(47, 73, 126, 0.4); }

.root[data-is-touch] .author-links > ul > li > .facebook-button.focus svg path { fill: default; }

.author-links > ul > li > .facebook-button.disabled, .author-links > ul > li > .facebook-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #4267b2 !important; }

.author-links > ul > li > .facebook-button.disabled svg path, .author-links > ul > li > .facebook-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-links > ul > li > .twitter-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .twitter-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .twitter-button, .author-links > ul > li > .twitter-button:link, .author-links > ul > li > .twitter-button:visited { color: #fff; background-color: #1da1f2; }

.author-links > ul > li > .twitter-button svg path, .author-links > ul > li > .twitter-button:link svg path, .author-links > ul > li > .twitter-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .twitter-button:hover { color: #fff; background-color: #0b79bd; }

.root[data-is-touch="false"] .author-links > ul > li > .twitter-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .twitter-button.active, .root[data-is-touch] .author-links > ul > li > .twitter-button:active { color: #fff; background-color: #074b74; }

.root[data-is-touch] .author-links > ul > li > .twitter-button.active svg path, .root[data-is-touch] .author-links > ul > li > .twitter-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .twitter-button.focus { color: default; background-color: #0b79bd; box-shadow: 0 0 0 2px rgba(11, 121, 189, 0.4); }

.root[data-is-touch] .author-links > ul > li > .twitter-button.focus svg path { fill: default; }

.author-links > ul > li > .twitter-button.disabled, .author-links > ul > li > .twitter-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #1da1f2 !important; }

.author-links > ul > li > .twitter-button.disabled svg path, .author-links > ul > li > .twitter-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-links > ul > li > .weibo-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .weibo-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .weibo-button, .author-links > ul > li > .weibo-button:link, .author-links > ul > li > .weibo-button:visited { color: #fff; background-color: #e6162d; }

.author-links > ul > li > .weibo-button svg path, .author-links > ul > li > .weibo-button:link svg path, .author-links > ul > li > .weibo-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .weibo-button:hover { color: #fff; background-color: #a51020; }

.root[data-is-touch="false"] .author-links > ul > li > .weibo-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .weibo-button.active, .root[data-is-touch] .author-links > ul > li > .weibo-button:active { color: #fff; background-color: #5f0913; }

.root[data-is-touch] .author-links > ul > li > .weibo-button.active svg path, .root[data-is-touch] .author-links > ul > li > .weibo-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .weibo-button.focus { color: default; background-color: #a51020; box-shadow: 0 0 0 2px rgba(165, 16, 32, 0.4); }

.root[data-is-touch] .author-links > ul > li > .weibo-button.focus svg path { fill: default; }

.author-links > ul > li > .weibo-button.disabled, .author-links > ul > li > .weibo-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #e6162d !important; }

.author-links > ul > li > .weibo-button.disabled svg path, .author-links > ul > li > .weibo-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-links > ul > li > .googlepluse-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .googlepluse-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .googlepluse-button, .author-links > ul > li > .googlepluse-button:link, .author-links > ul > li > .googlepluse-button:visited { color: #fff; background-color: #ea4335; }

.author-links > ul > li > .googlepluse-button svg path, .author-links > ul > li > .googlepluse-button:link svg path, .author-links > ul > li > .googlepluse-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .googlepluse-button:hover { color: #fff; background-color: #c32214; }

.root[data-is-touch="false"] .author-links > ul > li > .googlepluse-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .googlepluse-button.active, .root[data-is-touch] .author-links > ul > li > .googlepluse-button:active { color: #fff; background-color: #7e160d; }

.root[data-is-touch] .author-links > ul > li > .googlepluse-button.active svg path, .root[data-is-touch] .author-links > ul > li > .googlepluse-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .googlepluse-button.focus { color: default; background-color: #c32214; box-shadow: 0 0 0 2px rgba(195, 34, 20, 0.4); }

.root[data-is-touch] .author-links > ul > li > .googlepluse-button.focus svg path { fill: default; }

.author-links > ul > li > .googlepluse-button.disabled, .author-links > ul > li > .googlepluse-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #ea4335 !important; }

.author-links > ul > li > .googlepluse-button.disabled svg path, .author-links > ul > li > .googlepluse-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-links > ul > li > .telegram-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .telegram-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .telegram-button, .author-links > ul > li > .telegram-button:link, .author-links > ul > li > .telegram-button:visited { color: #fff; background-color: #32afed; }

.author-links > ul > li > .telegram-button svg path, .author-links > ul > li > .telegram-button:link svg path, .author-links > ul > li > .telegram-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .telegram-button:hover { color: #fff; background-color: #118ac6; }

.root[data-is-touch="false"] .author-links > ul > li > .telegram-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .telegram-button.active, .root[data-is-touch] .author-links > ul > li > .telegram-button:active { color: #fff; background-color: #0b5980; }

.root[data-is-touch] .author-links > ul > li > .telegram-button.active svg path, .root[data-is-touch] .author-links > ul > li > .telegram-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .telegram-button.focus { color: default; background-color: #118ac6; box-shadow: 0 0 0 2px rgba(17, 138, 198, 0.4); }

.root[data-is-touch] .author-links > ul > li > .telegram-button.focus svg path { fill: default; }

.author-links > ul > li > .telegram-button.disabled, .author-links > ul > li > .telegram-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #32afed !important; }

.author-links > ul > li > .telegram-button.disabled svg path, .author-links > ul > li > .telegram-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-links > ul > li > .medium-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .medium-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .medium-button, .author-links > ul > li > .medium-button:link, .author-links > ul > li > .medium-button:visited { color: #fff; background-color: #000; }

.author-links > ul > li > .medium-button svg path, .author-links > ul > li > .medium-button:link svg path, .author-links > ul > li > .medium-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .medium-button:hover { color: #fff; background-color: #2e2e2e; }

.root[data-is-touch="false"] .author-links > ul > li > .medium-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .medium-button.active, .root[data-is-touch] .author-links > ul > li > .medium-button:active { color: #fff; background-color: #575757; }

.root[data-is-touch] .author-links > ul > li > .medium-button.active svg path, .root[data-is-touch] .author-links > ul > li > .medium-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .medium-button.focus { color: default; background-color: #2e2e2e; box-shadow: 0 0 0 2px rgba(46, 46, 46, 0.4); }

.root[data-is-touch] .author-links > ul > li > .medium-button.focus svg path { fill: default; }

.author-links > ul > li > .medium-button.disabled, .author-links > ul > li > .medium-button:disabled { color: rgba(255, 255, 255, 0.4) !important; background-color: #000 !important; }

.author-links > ul > li > .medium-button.disabled svg path, .author-links > ul > li > .medium-button:disabled svg path { fill: rgba(255, 255, 255, 0.4) !important; }

.author-links > ul > li > .zhihu-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .zhihu-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .zhihu-button, .author-links > ul > li > .zhihu-button:link, .author-links > ul > li > .zhihu-button:visited { color: #fff; background-color: #0084ff; }

.author-links > ul > li > .zhihu-button svg path, .author-links > ul > li > .zhihu-button:link svg path, .author-links > ul > li > .zhihu-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .zhihu-button:hover { color: #fff; background-color: #005fb8; }

.root[data-is-touch="false"] .author-links > ul > li > .zhihu-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .zhihu-button.active, .root[data-is-touch] .author-links > ul > li > .zhihu-button:active { color: #fff; background-color: #00376b; }

.root[data-is-touch] .author-links > ul > li > .zhihu-button.active svg path, .root[data-is-touch] .author-links > ul > li > .zhihu-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .zhihu-button.focus { color: default; background-color: #005fb8; box-shadow: 0 0 0 2px rgba(0, 95, 184, 0.4); }

.root[data-is-touch] .author-links > ul > li > .zhihu-button.focus svg path { fill: default; }

.author-links > ul > li > .zhihu-button.disabled, .author-links > ul > li > .zhihu-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #0084ff !important; }

.author-links > ul > li > .zhihu-button.disabled svg path, .author-links > ul > li > .zhihu-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-links > ul > li > .douban-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .douban-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .douban-button, .author-links > ul > li > .douban-button:link, .author-links > ul > li > .douban-button:visited { color: #fff; background-color: #42bd56; }

.author-links > ul > li > .douban-button svg path, .author-links > ul > li > .douban-button:link svg path, .author-links > ul > li > .douban-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .douban-button:hover { color: #fff; background-color: #30883e; }

.root[data-is-touch="false"] .author-links > ul > li > .douban-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .douban-button.active, .root[data-is-touch] .author-links > ul > li > .douban-button:active { color: #fff; background-color: #1c4f24; }

.root[data-is-touch] .author-links > ul > li > .douban-button.active svg path, .root[data-is-touch] .author-links > ul > li > .douban-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .douban-button.focus { color: default; background-color: #30883e; box-shadow: 0 0 0 2px rgba(48, 136, 62, 0.4); }

.root[data-is-touch] .author-links > ul > li > .douban-button.focus svg path { fill: default; }

.author-links > ul > li > .douban-button.disabled, .author-links > ul > li > .douban-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #42bd56 !important; }

.author-links > ul > li > .douban-button.disabled svg path, .author-links > ul > li > .douban-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-links > ul > li > .linkedin-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .linkedin-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .linkedin-button, .author-links > ul > li > .linkedin-button:link, .author-links > ul > li > .linkedin-button:visited { color: #fff; background-color: #1074af; }

.author-links > ul > li > .linkedin-button svg path, .author-links > ul > li > .linkedin-button:link svg path, .author-links > ul > li > .linkedin-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .linkedin-button:hover { color: #fff; background-color: #0a496e; }

.root[data-is-touch="false"] .author-links > ul > li > .linkedin-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .linkedin-button.active, .root[data-is-touch] .author-links > ul > li > .linkedin-button:active { color: #fff; background-color: #041a27; }

.root[data-is-touch] .author-links > ul > li > .linkedin-button.active svg path, .root[data-is-touch] .author-links > ul > li > .linkedin-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .linkedin-button.focus { color: default; background-color: #0a496e; box-shadow: 0 0 0 2px rgba(10, 73, 110, 0.4); }

.root[data-is-touch] .author-links > ul > li > .linkedin-button.focus svg path { fill: default; }

.author-links > ul > li > .linkedin-button.disabled, .author-links > ul > li > .linkedin-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #1074af !important; }

.author-links > ul > li > .linkedin-button.disabled svg path, .author-links > ul > li > .linkedin-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-links > ul > li > .github-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .github-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .github-button, .author-links > ul > li > .github-button:link, .author-links > ul > li > .github-button:visited { color: #fff; background-color: #000; }

.author-links > ul > li > .github-button svg path, .author-links > ul > li > .github-button:link svg path, .author-links > ul > li > .github-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .github-button:hover { color: #fff; background-color: #2e2e2e; }

.root[data-is-touch="false"] .author-links > ul > li > .github-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .github-button.active, .root[data-is-touch] .author-links > ul > li > .github-button:active { color: #fff; background-color: #575757; }

.root[data-is-touch] .author-links > ul > li > .github-button.active svg path, .root[data-is-touch] .author-links > ul > li > .github-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .github-button.focus { color: default; background-color: #2e2e2e; box-shadow: 0 0 0 2px rgba(46, 46, 46, 0.4); }

.root[data-is-touch] .author-links > ul > li > .github-button.focus svg path { fill: default; }

.author-links > ul > li > .github-button.disabled, .author-links > ul > li > .github-button:disabled { color: rgba(255, 255, 255, 0.4) !important; background-color: #000 !important; }

.author-links > ul > li > .github-button.disabled svg path, .author-links > ul > li > .github-button:disabled svg path { fill: rgba(255, 255, 255, 0.4) !important; }

.author-links > ul > li > .npm-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .npm-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-links > ul > li > .npm-button, .author-links > ul > li > .npm-button:link, .author-links > ul > li > .npm-button:visited { color: #fff; background-color: #fff; }

.author-links > ul > li > .npm-button svg path, .author-links > ul > li > .npm-button:link svg path, .author-links > ul > li > .npm-button:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .author-links > ul > li > .npm-button:hover { color: #fff; background-color: #dbdbdb; }

.root[data-is-touch="false"] .author-links > ul > li > .npm-button:hover svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .npm-button.active, .root[data-is-touch] .author-links > ul > li > .npm-button:active { color: #fff; background-color: #b5b5b5; }

.root[data-is-touch] .author-links > ul > li > .npm-button.active svg path, .root[data-is-touch] .author-links > ul > li > .npm-button:active svg path { fill: #fff; }

.root[data-is-touch] .author-links > ul > li > .npm-button.focus { color: default; background-color: #dbdbdb; box-shadow: 0 0 0 2px rgba(219, 219, 219, 0.4); }

.root[data-is-touch] .author-links > ul > li > .npm-button.focus svg path { fill: default; }

.author-links > ul > li > .npm-button.disabled, .author-links > ul > li > .npm-button:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: #fff !important; }

.author-links > ul > li > .npm-button.disabled svg path, .author-links > ul > li > .npm-button:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.author-profile { max-width: 25rem; padding: 0.5rem 1rem; margin: 1.5rem 0; font-size: 0.85rem; background-color: rgba(0, 0, 0, 0.05); }

@media (max-width: 499px) { .author-profile { text-align: center; } }

.author-profile__avatar { width: 5rem; height: 5rem; margin-top: 0.5rem; border-radius: 50%; }

.author-profile__name { font-size: 1.25rem; font-weight: 600; }

.author-profile__name a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.author-profile__name a, .author-profile__name a:link, .author-profile__name a:visited { text-decoration: none; }

.root[data-is-touch="false"] .author-profile__name a:hover { text-decoration: underline; }

.root[data-is-touch] .author-profile__name a.active, .root[data-is-touch] .author-profile__name a:active { text-decoration: none; }

.author-profile__name a, .author-profile__name a:link, .author-profile__name a:visited { color: #222; }

.root[data-is-touch="false"] .author-profile__name a:hover { color: #fc4d50; }

.root[data-is-touch] .author-profile__name a.active, .root[data-is-touch] .author-profile__name a:active { color: #f80408; }

.author-profile__name a.disabled, .author-profile__name a:disabled { color: rgba(34, 34, 34, 0.2) !important; }

.author-profile__links { overflow: auto; -webkit-overflow-scrolling: touch; }

.site-tags .tag-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button, .site-tags .tag-button:link, .site-tags .tag-button:visited { color: #333; background-color: #f2f2f2; }

.site-tags .tag-button svg path, .site-tags .tag-button:link svg path, .site-tags .tag-button:visited svg path { fill: #333; }

.root[data-is-touch="false"] .site-tags .tag-button:hover { color: #333; background-color: #cecece; }

.root[data-is-touch="false"] .site-tags .tag-button:hover svg path { fill: #333; }

.root[data-is-touch] .site-tags .tag-button.active, .root[data-is-touch] .site-tags .tag-button:active { color: #fff; background-color: #fca24d; }

.root[data-is-touch] .site-tags .tag-button.active svg path, .root[data-is-touch] .site-tags .tag-button:active svg path { fill: #fff; }

.root[data-is-touch] .site-tags .tag-button.focus { color: #fff; background-color: #fca24d; box-shadow: 0 0 0 2px rgba(252, 162, 77, 0.4); }

.root[data-is-touch] .site-tags .tag-button.focus svg path { fill: #fff; }

.site-tags .tag-button.disabled, .site-tags .tag-button:disabled { color: rgba(51, 51, 51, 0.2) !important; background-color: #f2f2f2 !important; }

.site-tags .tag-button.disabled svg path, .site-tags .tag-button:disabled svg path { fill: rgba(51, 51, 51, 0.2) !important; }

.site-tags .tag-button > .tag-button__count { display: inline-block; margin-left: 0.25rem; font-size: 0.7rem; line-height: 1; vertical-align: top; }

.site-tags .tag-button-1 { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button-1 svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button-1, .site-tags .tag-button-1:link, .site-tags .tag-button-1:visited { color: #fff; background-color: rgba(252, 77, 80, 0.4); }

.site-tags .tag-button-1 svg path, .site-tags .tag-button-1:link svg path, .site-tags .tag-button-1:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .site-tags .tag-button-1:hover { color: #fff; background-color: rgba(251, 7, 11, 0.4); }

.root[data-is-touch="false"] .site-tags .tag-button-1:hover svg path { fill: #fff; }

.root[data-is-touch] .site-tags .tag-button-1.active, .root[data-is-touch] .site-tags .tag-button-1:active { color: #fff; background-color: #fca24d; }

.root[data-is-touch] .site-tags .tag-button-1.active svg path, .root[data-is-touch] .site-tags .tag-button-1:active svg path { fill: #fff; }

.root[data-is-touch] .site-tags .tag-button-1.focus { color: #fff; background-color: #fca24d; box-shadow: 0 0 0 2px rgba(252, 162, 77, 0.4); }

.root[data-is-touch] .site-tags .tag-button-1.focus svg path { fill: #fff; }

.site-tags .tag-button-1.disabled, .site-tags .tag-button-1:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: rgba(252, 77, 80, 0.4) !important; }

.site-tags .tag-button-1.disabled svg path, .site-tags .tag-button-1:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.site-tags .tag-button-2 { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button-2 svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button-2, .site-tags .tag-button-2:link, .site-tags .tag-button-2:visited { color: #fff; background-color: rgba(252, 77, 80, 0.55); }

.site-tags .tag-button-2 svg path, .site-tags .tag-button-2:link svg path, .site-tags .tag-button-2:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .site-tags .tag-button-2:hover { color: #fff; background-color: rgba(251, 7, 11, 0.55); }

.root[data-is-touch="false"] .site-tags .tag-button-2:hover svg path { fill: #fff; }

.root[data-is-touch] .site-tags .tag-button-2.active, .root[data-is-touch] .site-tags .tag-button-2:active { color: #fff; background-color: #fca24d; }

.root[data-is-touch] .site-tags .tag-button-2.active svg path, .root[data-is-touch] .site-tags .tag-button-2:active svg path { fill: #fff; }

.root[data-is-touch] .site-tags .tag-button-2.focus { color: #fff; background-color: #fca24d; box-shadow: 0 0 0 2px rgba(252, 162, 77, 0.4); }

.root[data-is-touch] .site-tags .tag-button-2.focus svg path { fill: #fff; }

.site-tags .tag-button-2.disabled, .site-tags .tag-button-2:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: rgba(252, 77, 80, 0.55) !important; }

.site-tags .tag-button-2.disabled svg path, .site-tags .tag-button-2:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.site-tags .tag-button-3 { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button-3 svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button-3, .site-tags .tag-button-3:link, .site-tags .tag-button-3:visited { color: #fff; background-color: rgba(252, 77, 80, 0.7); }

.site-tags .tag-button-3 svg path, .site-tags .tag-button-3:link svg path, .site-tags .tag-button-3:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .site-tags .tag-button-3:hover { color: #fff; background-color: rgba(251, 7, 11, 0.7); }

.root[data-is-touch="false"] .site-tags .tag-button-3:hover svg path { fill: #fff; }

.root[data-is-touch] .site-tags .tag-button-3.active, .root[data-is-touch] .site-tags .tag-button-3:active { color: #fff; background-color: #fca24d; }

.root[data-is-touch] .site-tags .tag-button-3.active svg path, .root[data-is-touch] .site-tags .tag-button-3:active svg path { fill: #fff; }

.root[data-is-touch] .site-tags .tag-button-3.focus { color: #fff; background-color: #fca24d; box-shadow: 0 0 0 2px rgba(252, 162, 77, 0.4); }

.root[data-is-touch] .site-tags .tag-button-3.focus svg path { fill: #fff; }

.site-tags .tag-button-3.disabled, .site-tags .tag-button-3:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: rgba(252, 77, 80, 0.7) !important; }

.site-tags .tag-button-3.disabled svg path, .site-tags .tag-button-3:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.site-tags .tag-button-4 { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button-4 svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.site-tags .tag-button-4, .site-tags .tag-button-4:link, .site-tags .tag-button-4:visited { color: #fff; background-color: rgba(252, 77, 80, 0.9); }

.site-tags .tag-button-4 svg path, .site-tags .tag-button-4:link svg path, .site-tags .tag-button-4:visited svg path { fill: #fff; }

.root[data-is-touch="false"] .site-tags .tag-button-4:hover { color: #fff; background-color: rgba(251, 7, 11, 0.9); }

.root[data-is-touch="false"] .site-tags .tag-button-4:hover svg path { fill: #fff; }

.root[data-is-touch] .site-tags .tag-button-4.active, .root[data-is-touch] .site-tags .tag-button-4:active { color: #fff; background-color: #fca24d; }

.root[data-is-touch] .site-tags .tag-button-4.active svg path, .root[data-is-touch] .site-tags .tag-button-4:active svg path { fill: #fff; }

.root[data-is-touch] .site-tags .tag-button-4.focus { color: #fff; background-color: #fca24d; box-shadow: 0 0 0 2px rgba(252, 162, 77, 0.4); }

.root[data-is-touch] .site-tags .tag-button-4.focus svg path { fill: #fff; }

.site-tags .tag-button-4.disabled, .site-tags .tag-button-4:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: rgba(252, 77, 80, 0.9) !important; }

.site-tags .tag-button-4.disabled svg path, .site-tags .tag-button-4:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.search { overflow: auto; -webkit-overflow-scrolling: touch; }

.search--google-custom-search-engine .main { padding-top: 1.5rem; padding-bottom: 1.5rem; }

@media (max-width: 499px) { .search--google-custom-search-engine .main { position: absolute; padding: 0; } }

.search__header { margin-top: 1.5rem; font-size: 2.5rem; font-weight: 600; color: #000; }

.search--light .search__header { color: #000; }

.search--dark .search__header { color: #fff; }

@media (max-width: 499px) { .search__header { display: none; } }

.search-bar { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 1rem 0 1.5rem 0; }

.search-box { position: relative; width: 100%; max-width: 22rem; }

@media (max-width: 499px) { .search-box { width: 100%; max-width: none; } }

.search-box > input { display: inline-block; width: 100%; height: 2.3rem; padding: 0 2rem; margin: 0; line-height: 1 !important; color: #222; background-color: transparent; border: 2px solid #cccccc; border-radius: 6rem; -webkit-appearance: none; /* fix iOS don't display box-shadow properly */ -webkit-transition: box-shadow 0.4s ease-in-out; transition: box-shadow 0.4s ease-in-out; }

.root[data-is-touch] .search-box > input.focus { box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.4); }

.search--light .search-box > input { color: #222; border-color: #222; }

.root[data-is-touch] .search--light .search-box > input.focus { box-shadow: 0 0 0 2px rgba(34, 34, 34, 0.4); }

.search--dark .search-box > input { color: rgba(255, 255, 255, 0.95); border-color: rgba(255, 255, 255, 0.95); }

.root[data-is-touch] .search--dark .search-box > input.focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); }

.search-box > .search-box__icon-search { color: #888; }

.search--light .search-box > .search-box__icon-search { color: #888; }

.search--dark .search-box > .search-box__icon-search { color: rgba(255, 255, 255, 0.85); }

.search-box > .search-box__icon-clear > a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }

.search-box > .search-box__icon-clear > a, .search-box > .search-box__icon-clear > a:link, .search-box > .search-box__icon-clear > a:visited { text-decoration: none; }

.root[data-is-touch="false"] .search-box > .search-box__icon-clear > a:hover { text-decoration: underline; }

.root[data-is-touch] .search-box > .search-box__icon-clear > a.active, .root[data-is-touch] .search-box > .search-box__icon-clear > a:active { text-decoration: none; }

.search-box > .search-box__icon-clear > a, .search-box > .search-box__icon-clear > a:link, .search-box > .search-box__icon-clear > a:visited { color: #222; }

.root[data-is-touch="false"] .search-box > .search-box__icon-clear > a:hover { color: #505050; }

.root[data-is-touch] .search-box > .search-box__icon-clear > a.active, .root[data-is-touch] .search-box > .search-box__icon-clear > a:active { color: #797979; }

.search-box > .search-box__icon-clear > a.disabled, .search-box > .search-box__icon-clear > a:disabled { color: rgba(34, 34, 34, 0.4) !important; }

.search--light .search-box > .search-box__icon-clear > a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.search--light .search-box > .search-box__icon-clear > a, .search--light .search-box > .search-box__icon-clear > a:link, .search--light .search-box > .search-box__icon-clear > a:visited { text-decoration: none; }

.root[data-is-touch="false"] .search--light .search-box > .search-box__icon-clear > a:hover { text-decoration: underline; }

.root[data-is-touch] .search--light .search-box > .search-box__icon-clear > a.active, .root[data-is-touch] .search--light .search-box > .search-box__icon-clear > a:active { text-decoration: none; }

.search--light .search-box > .search-box__icon-clear > a, .search--light .search-box > .search-box__icon-clear > a:link, .search--light .search-box > .search-box__icon-clear > a:visited { color: #222; }

.root[data-is-touch="false"] .search--light .search-box > .search-box__icon-clear > a:hover { color: #505050; }

.root[data-is-touch] .search--light .search-box > .search-box__icon-clear > a.active, .root[data-is-touch] .search--light .search-box > .search-box__icon-clear > a:active { color: #797979; }

.search--light .search-box > .search-box__icon-clear > a.disabled, .search--light .search-box > .search-box__icon-clear > a:disabled { color: rgba(34, 34, 34, 0.4) !important; }

.search--dark .search-box > .search-box__icon-clear > a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.search--dark .search-box > .search-box__icon-clear > a, .search--dark .search-box > .search-box__icon-clear > a:link, .search--dark .search-box > .search-box__icon-clear > a:visited { text-decoration: none; }

.root[data-is-touch="false"] .search--dark .search-box > .search-box__icon-clear > a:hover { text-decoration: underline; }

.root[data-is-touch] .search--dark .search-box > .search-box__icon-clear > a.active, .root[data-is-touch] .search--dark .search-box > .search-box__icon-clear > a:active { text-decoration: none; }

.search--dark .search-box > .search-box__icon-clear > a, .search--dark .search-box > .search-box__icon-clear > a:link, .search--dark .search-box > .search-box__icon-clear > a:visited { color: rgba(255, 255, 255, 0.95); }

.root[data-is-touch="false"] .search--dark .search-box > .search-box__icon-clear > a:hover { color: rgba(219, 219, 219, 0.95); }

.root[data-is-touch] .search--dark .search-box > .search-box__icon-clear > a.active, .root[data-is-touch] .search--dark .search-box > .search-box__icon-clear > a:active { color: rgba(181, 181, 181, 0.95); }

.search--dark .search-box > .search-box__icon-clear > a.disabled, .search--dark .search-box > .search-box__icon-clear > a:disabled { color: rgba(255, 255, 255, 0.2) !important; }

.search-box > .search-box__icon-search, .search-box > .search-box__icon-clear { position: absolute; width: 2.3rem; height: 2.3rem; line-height: 2.3rem; text-align: center; vertical-align: middle; }

.search-box.not-empty > .search-box__icon-clear { display: block; }

.search-box > .search-box__icon-clear { top: 0; right: 0; display: none; }

.search-box > .search-box__icon-search { top: 0; left: 0; }

.search__cancel { margin-left: 0.5rem; font-weight: 600; white-space: nowrap; }

.search-result { margin: 1.5rem 0; font-size: 0.85rem; line-height: 1.2; }

.search-result__header { margin: 1rem 0 0.5rem 0; font-size: 1.25rem; font-weight: 600; color: #888; text-transform: uppercase; }

.search--light .search-result__header { color: #888; }

.search--dark .search-result__header { color: rgba(255, 255, 255, 0.85); }

.search-result__item { list-style-type: none; }

.search-result__item a { padding: 0.25rem 1rem; -webkit-transition: none; transition: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.search-result__item a svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.search-result__item a, .search-result__item a:link, .search-result__item a:visited { color: #222; background-color: transparent; }

.search-result__item a svg path, .search-result__item a:link svg path, .search-result__item a:visited svg path { fill: #222; }

.root[data-is-touch="false"] .search-result__item a:hover { color: #333; background-color: #f2f2f2; }

.root[data-is-touch="false"] .search-result__item a:hover svg path { fill: #333; }

.root[data-is-touch] .search-result__item a.active, .root[data-is-touch] .search-result__item a:active { color: #333; background-color: #cccccc; }

.root[data-is-touch] .search-result__item a.active svg path, .root[data-is-touch] .search-result__item a:active svg path { fill: #333; }

.root[data-is-touch] .search-result__item a.focus { color: default; background-color: #f2f2f2; box-shadow: 0 0 0 2px rgba(242, 242, 242, 0.4); }

.root[data-is-touch] .search-result__item a.focus svg path { fill: default; }

.search-result__item a.disabled, .search-result__item a:disabled { color: rgba(34, 34, 34, 0.2) !important; background-color: transparent !important; }

.search-result__item a.disabled svg path, .search-result__item a:disabled svg path { fill: rgba(34, 34, 34, 0.2) !important; }

.search--light .search-result__item a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.search--light .search-result__item a svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.search--light .search-result__item a, .search--light .search-result__item a:link, .search--light .search-result__item a:visited { color: #222; background-color: transparent; }

.search--light .search-result__item a svg path, .search--light .search-result__item a:link svg path, .search--light .search-result__item a:visited svg path { fill: #222; }

.root[data-is-touch="false"] .search--light .search-result__item a:hover { color: rgba(255, 255, 255, 0.95); background-color: rgba(0, 0, 0, 0.9); }

.root[data-is-touch="false"] .search--light .search-result__item a:hover svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch] .search--light .search-result__item a.active, .root[data-is-touch] .search--light .search-result__item a:active { color: rgba(255, 255, 255, 0.95); background-color: rgba(41, 41, 41, 0.9); }

.root[data-is-touch] .search--light .search-result__item a.active svg path, .root[data-is-touch] .search--light .search-result__item a:active svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch] .search--light .search-result__item a.focus { color: default; background-color: rgba(0, 0, 0, 0.9); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4); }

.root[data-is-touch] .search--light .search-result__item a.focus svg path { fill: default; }

.search--light .search-result__item a.disabled, .search--light .search-result__item a:disabled { color: rgba(34, 34, 34, 0.4) !important; background-color: transparent !important; }

.search--light .search-result__item a.disabled svg path, .search--light .search-result__item a:disabled svg path { fill: rgba(34, 34, 34, 0.4) !important; }

.search--dark .search-result__item a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.search--dark .search-result__item a svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.search--dark .search-result__item a, .search--dark .search-result__item a:link, .search--dark .search-result__item a:visited { color: rgba(255, 255, 255, 0.95); background-color: transparent; }

.search--dark .search-result__item a svg path, .search--dark .search-result__item a:link svg path, .search--dark .search-result__item a:visited svg path { fill: rgba(255, 255, 255, 0.95); }

.root[data-is-touch="false"] .search--dark .search-result__item a:hover { color: #222; background-color: rgba(255, 255, 255, 0.9); }

.root[data-is-touch="false"] .search--dark .search-result__item a:hover svg path { fill: #222; }

.root[data-is-touch] .search--dark .search-result__item a.active, .root[data-is-touch] .search--dark .search-result__item a:active { color: #222; background-color: rgba(217, 217, 217, 0.9); }

.root[data-is-touch] .search--dark .search-result__item a.active svg path, .root[data-is-touch] .search--dark .search-result__item a:active svg path { fill: #222; }

.root[data-is-touch] .search--dark .search-result__item a.focus { color: default; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4); }

.root[data-is-touch] .search--dark .search-result__item a.focus svg path { fill: default; }

.search--dark .search-result__item a.disabled, .search--dark .search-result__item a:disabled { color: rgba(255, 255, 255, 0.2) !important; background-color: transparent !important; }

.search--dark .search-result__item a.disabled svg path, .search--dark .search-result__item a:disabled svg path { fill: rgba(255, 255, 255, 0.2) !important; }

.search-result__item.active a, .search-result__item.active a:link, .search-result__item.active a:visited { color: #333; background-color: #f2f2f2; }

.search--light .search-result__item.active a, .search--light .search-result__item.active a:link, .search--light .search-result__item.active a:visited { color: rgba(255, 255, 255, 0.95); background-color: rgba(0, 0, 0, 0.9); }

.search--dark .search-result__item.active a, .search--dark .search-result__item.active a:link, .search--dark .search-result__item.active a:visited { color: #222; background-color: rgba(255, 255, 255, 0.9); }

.root[data-is-touch] .search-result__item.active a.active, .root[data-is-touch] .search-result__item.active a:active { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.gsc-control-cse *, .gsc-control-cse ::before, .gsc-control-cse ::after { box-sizing: initial; }

.popup-image { cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.root[data-is-touch="false"] .popup-image:hover { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.23), 0 2px 6px rgba(0, 0, 0, 0.08), 0 12px 24px rgba(0, 0, 0, 0.02); }

.extensions { margin: 1rem 0; }

.extensions--video, .extensions--slide, .extensions--demo { position: relative; width: 100%; padding: 0; }

.extensions--video > iframe, .extensions--slide > iframe, .extensions--demo > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.extensions--video { padding-top: 56.25%; }

.extensions--slide { padding-top: 81.3021702838%; }

.extensions--demo { min-height: 340px; padding-top: 56.25%; }

.extensions--audio { display: block; max-width: 100% !important; }

.article__content p.success { padding: 0.5rem 1rem; background-color: rgba(82, 196, 26, 0.1); border: 1px solid #52c41a; border-radius: 0.4rem; }

.article__content p.info { padding: 0.5rem 1rem; background-color: rgba(24, 144, 255, 0.1); border: 1px solid #1890ff; border-radius: 0.4rem; }

.article__content p.warning { padding: 0.5rem 1rem; background-color: rgba(250, 140, 22, 0.1); border: 1px solid #fa8c16; border-radius: 0.4rem; }

.article__content p.error { padding: 0.5rem 1rem; background-color: rgba(245, 34, 45, 0.1); border: 1px solid #f5222d; border-radius: 0.4rem; }

.article__content code.success { color: #fff; background-color: #52c41a; }

.article__content code.info { color: #fff; background-color: #1890ff; }

.article__content code.warning { color: #fff; background-color: #fa8c16; }

.article__content code.error { color: #fff; background-color: #f5222d; }

.article__content img.shadow, .article__content .shadow > img { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.23), 0 1px 3px rgba(0, 0, 0, 0.08), 0 6px 12px rgba(0, 0, 0, 0.02); }

.article__content img.border, .article__content .border > img { border: 1px solid #e6e6e6; }

.article__content img.rounded, .article__content .rounded > img { border-radius: 0.4rem; }

.article__content img.circle, .article__content .circle > img { border-radius: 50%; }

.icon { display: block; }

.icon > svg { display: block; }

body, html, .root, .layout--page { height: 100%; }

.layout--page.layout--page--sidebar .page__viewport, .layout--page.layout--page--sidebar .page__grid { height: 100%; }

@media (max-width: 1023px) { .layout--page.layout--page--sidebar .page__main { overflow: unset; } }

.page__main { height: 100%; color: #222; }

.page__main .col-aside { display: none; }

.page__main .col-aside > aside { position: absolute; width: 220px; overflow: hidden; }

.page__main-inner { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100%; background-color: #fff; }

.page__content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; width: 100%; margin: 0 auto; }

@media print { .page__content { padding-bottom: 0; } }

.hide-footer .page__content { padding-bottom: 0; }

.page__comments { margin: 1.5rem 0; }

.page__aside .toc-aside { padding: 3rem 0 1rem 3rem; }

.page__actions { position: fixed; bottom: 3rem; left: 1rem; z-index: 996; display: none; }

.page__sidebar { z-index: 998; display: block; width: 80%; max-width: 250px; height: 100%; background-color: #fff; border: 0 solid #e6e6e6; border-right-width: 1px; -webkit-transition: transform 0.4s; transition: transform 0.4s; overflow: auto; -webkit-overflow-scrolling: touch; }

.page__sidebar .sidebar-toc { padding: 1rem 1rem 1.5rem 1.5rem; }

.sidebar-button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.sidebar-button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.sidebar-button, .sidebar-button:link, .sidebar-button:visited { color: #000; background-color: rgba(242, 242, 242, 0.75); }

.sidebar-button svg path, .sidebar-button:link svg path, .sidebar-button:visited svg path { fill: #000; }

.root[data-is-touch="false"] .sidebar-button:hover { color: #000; background-color: rgba(206, 206, 206, 0.75); }

.root[data-is-touch="false"] .sidebar-button:hover svg path { fill: #000; }

.root[data-is-touch] .sidebar-button.active, .root[data-is-touch] .sidebar-button:active { color: #000; background-color: rgba(168, 168, 168, 0.75); }

.root[data-is-touch] .sidebar-button.active svg path, .root[data-is-touch] .sidebar-button:active svg path { fill: #000; }

.root[data-is-touch] .sidebar-button.focus { color: default; background-color: rgba(206, 206, 206, 0.75); box-shadow: 0 0 0 2px rgba(206, 206, 206, 0.4); }

.root[data-is-touch] .sidebar-button.focus svg path { fill: default; }

.sidebar-button.disabled, .sidebar-button:disabled { color: rgba(0, 0, 0, 0.2) !important; background-color: rgba(242, 242, 242, 0.75) !important; }

.sidebar-button.disabled svg path, .sidebar-button:disabled svg path { fill: rgba(0, 0, 0, 0.2) !important; }

.page__mask { position: fixed; top: 0; left: 0; z-index: 997; width: 100%; height: 100%; color: rgba(255, 255, 255, 0.95); touch-action: none; background-color: rgba(0, 0, 0, 0.9); opacity: 0; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: opacity 0.4s ease-in-out, transform 0s 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0s 0.4s ease-in-out; cursor: pointer; }

.layout--page--sidebar .page__main { overflow: auto; -webkit-overflow-scrolling: touch; }

@media print { .layout--page--sidebar .page__main { overflow: unset; } }

.has-aside .col-aside { position: relative; display: block; width: 220px; }

.has-aside .col-aside > aside.fixed { position: fixed; -webkit-font-smoothing: subpixel-antialiased; }

@media (max-width: 1023px) { .has-aside .col-aside { display: none; } }

@media (max-width: 1023px) { .page__sidebar { position: fixed; -webkit-transform: translate(-250px, 0); transform: translate(-250px, 0); } .page__actions { display: block; } .show-sidebar .page__actions { visibility: hidden; } .show-sidebar .page__sidebar { -webkit-transform: translate(0); transform: translate(0); } .show-sidebar .page__mask { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } }

.hero--light .article__info { color: #222; }

.hero--dark .article__info { color: rgba(255, 255, 255, 0.95); }

.page__main--immersive .page__header { position: absolute; width: 100%; }

.page__main--immersive .hero__content { padding-top: 5rem; }

.article__sharing { margin: 1.5rem 0; }

.article__section-navigator { padding-top: 1rem; margin: 1.5rem 0 1rem 0; word-wrap: break-word; border: 0 solid #e6e6e6; border-top-width: 4px; }

.article__section-navigator > .previous, .article__section-navigator > .next { width: 50%; }

.article__section-navigator > .previous > span, .article__section-navigator > .next > span { font-weight: 600; color: #888; }

.article__section-navigator > .previous > a, .article__section-navigator > .next > a { display: block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.article__section-navigator > .previous > a, .article__section-navigator > .previous > a:link, .article__section-navigator > .previous > a:visited, .article__section-navigator > .next > a, .article__section-navigator > .next > a:link, .article__section-navigator > .next > a:visited { text-decoration: none; }

.root[data-is-touch="false"] .article__section-navigator > .previous > a:hover, .root[data-is-touch="false"] .article__section-navigator > .next > a:hover { text-decoration: underline; }

.root[data-is-touch] .article__section-navigator > .previous > a.active, .root[data-is-touch] .article__section-navigator > .previous > a:active, .root[data-is-touch] .article__section-navigator > .next > a.active, .root[data-is-touch] .article__section-navigator > .next > a:active { text-decoration: none; }

.article__section-navigator > .previous > a, .article__section-navigator > .previous > a:link, .article__section-navigator > .previous > a:visited, .article__section-navigator > .next > a, .article__section-navigator > .next > a:link, .article__section-navigator > .next > a:visited { color: #222; }

.root[data-is-touch="false"] .article__section-navigator > .previous > a:hover, .root[data-is-touch="false"] .article__section-navigator > .next > a:hover { color: #fc4d50; }

.root[data-is-touch] .article__section-navigator > .previous > a.active, .root[data-is-touch] .article__section-navigator > .previous > a:active, .root[data-is-touch] .article__section-navigator > .next > a.active, .root[data-is-touch] .article__section-navigator > .next > a:active { color: #f80408; }

.article__section-navigator > .previous > a.disabled, .article__section-navigator > .previous > a:disabled, .article__section-navigator > .next > a.disabled, .article__section-navigator > .next > a:disabled { color: rgba(34, 34, 34, 0.2) !important; }

.article__section-navigator > .previous { float: left; padding-right: 0.5rem; }

.article__section-navigator > .next { float: right; padding-left: 0.5rem; text-align: right; }

.layout--articles { margin: 1.5rem 0; margin-top: 3rem; }

@media (max-width: 499px) { .layout--articles { margin-top: 1.5rem; } }

.layout--articles .card__header { font-size: 1rem; }

.layout--articles .card__image > .overlay, .layout--articles .card__image > .overlay .card__header { font-size: 0.85rem; }

.layout--archive > .layout--archive__result { margin: 1.5rem 0; }

.layout--home .pagination { margin: 1.5rem 0; }

.layout--home .pagination__menu { max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

.layout--home .pagination__omit { color: #888; }

.layout--home .items { margin-top: 2.25rem; }

.layout--landing .heros { max-width: 1900px; margin-right: auto; margin-left: auto; }

.layout--landing .hero img { display: block; width: 100%; margin: 0 auto; }

.layout--landing .hero__content { margin-bottom: 0; }

.layout--landing .hero__cover { max-width: 950px; }

.layout--landing .hero__cover--full-width { max-width: none; }

.layout--404 .sign { display: table; margin: 1.5rem auto; margin-top: 3rem; }

.layout--404 .sign h1 { font-size: 6rem; line-height: 1; }

.layout--404 .sign p { font-size: 1.8rem; }

/* start custom scss snippet */
/* end custom scss snippet */

/*# sourceMappingURL=main.css.map */