*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    line-height: 1.625;
    font-size: 16px;
    font-weight: 400;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans, helvetica neue, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    color: rgba(0, 0, 0, .87)
}

:root {
    -moz-tab-size: 4;
    tab-size: 4;
    --vi-primary: #388eee;
    --vi-secondary: #0f4c81;
    --vi-light: #f8f8f8;
    --vi-dark: #373c38;
    --is-success: #16aa7a;
    --is-warning: #fc7220;
    --is-danger: #c70506
}

@-ms-viewport {
    width: device-width
}

body {
    margin: 0
}

[tabindex="-1"]:focus {
    outline: 0
}

blockquote,
caption,
dd,
div,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
th,
td {
    word-wrap: break-word;
}

.firefox pre {
    white-space: pre-line !important;
    -moz-hyphens: auto
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

mark,
output {
    display: inline-block
}

summary {
    display: block;
    cursor: pointer
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: baseline
}

svg {
    overflow: hidden;
    vertical-align: middle
}

figure {
    margin: 0 0 1rem
}

iframe {
    border: none
}

xmp,
plaintext,
listing {
    font-family: inherit;
    white-space: normal
}

[hidden],
template {
    display: none
}

fieldset {
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0
}

p,
ol,
ul,
dl {
    margin-top: .625em;
    margin-bottom: 1.25em
}

p:first-child,
ol:first-child,
ul:first-child,
dl:first-child {
    margin-top: 0
}

p:last-child,
ol:last-child,
ul:last-child,
dl:last-child {
    margin-bottom: 0
}

a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover,
a:focus {
    outline: 0;
    text-decoration: none
}

abbr,
acronym {
    font-variant: normal;
    cursor: help
}

abbr[title],
acronym[title] {
    border-bottom: 0
}

address,
cite,
dfn,
i,
u {
    font-style: normal;
    text-decoration: none
}

[lang^=zh] em {
    font-style: normal
}

blockquote,
q {
    quotes: none
}

hr {
    height: 0
}

pre {
    overflow: auto
}

b,
strong {
    font-weight: 600
}

small {
    font-size: 87.5%
}

sup,
sub {
    line-height: 0;
    font-size: 75%
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: transparent;
    text-align: left;
    font: inherit
}

table,
td,
th {
    table-layout: auto
}

td,
th {
    padding: 0;
    outline: 0;
    vertical-align: middle
}

caption,
center,
th,
td {
    text-align: inherit
}

label {
    display: inline-block
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit
}

button,
input {
    overflow: visible
}

input,
select {
    vertical-align: middle
}

button,
select {
    text-transform: none
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    outline: 0;
    -webkit-appearance: button;
    appearance: button;
    cursor: pointer
}

button:-moz-focusring,
input[type=button]:-moz-focusring,
input[type=reset]:-moz-focusring,
input[type=submit]:-moz-focusring {
    outline: 0
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox;
    appearance: listbox
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
    appearance: button
}

legend {
    padding: 0;
    border: none
}

textarea {
    overflow: auto;
    resize: vertical
}

:focus {
    outline: 0
}

.container,
.container-fluid {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:1024px) {

    .container,
    .container-fluid {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media(min-width:1280px) {

    .container,
    .container-fluid {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.container {
    max-width: 100%
}

.f-row,
[class*=f-col] {
    position: relative;
    z-index: 1;
    box-sizing: border-box
}

.f-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -.5rem;
    margin-left: -.5rem
}

.f-row>hr,
.f-row>.divider {
    flex: 1 0 100%;
    max-width: 100%
}

.f-row>[class*=f-col] {
    padding-right: .5rem;
    padding-left: .5rem
}

@media(min-width:1024px) {
    .f-row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }

    .f-row>[class*=f-col] {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media(min-width:1280px) {
    .f-row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }

    .f-row>[class*=f-col] {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

[class*=f-col] {
    position: relative;
    z-index: 1;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%;
    order: 0
}

.f-col {
    flex-basis: 0
}

.f-col\:auto {
    flex-basis: auto
}

.f-col\:1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

.f-col\:2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

.f-col\:3 {
    flex-basis: 25%;
    max-width: 25%
}

.f-col\:4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

.f-col\:5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

.f-col\:6 {
    flex-basis: 50%;
    max-width: 50%
}

.f-col\:7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

.f-col\:8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

.f-col\:9 {
    flex-basis: 75%;
    max-width: 75%
}

.f-col\:10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

.f-col\:11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

.f-col\:12 {
    flex-basis: 100%;
    max-width: 100%
}

.f-offset\:0 {
    margin-left: 0%
}

.f-offset\:1 {
    margin-left: 8.3333333333%
}

.f-offset\:2 {
    margin-left: 16.6666666667%
}

.f-offset\:3 {
    margin-left: 25%
}

.f-offset\:4 {
    margin-left: 33.3333333333%
}

.f-offset\:5 {
    margin-left: 41.6666666667%
}

.f-offset\:6 {
    margin-left: 50%
}

.f-offset\:7 {
    margin-left: 58.3333333333%
}

.f-offset\:8 {
    margin-left: 66.6666666667%
}

.f-offset\:9 {
    margin-left: 75%
}

.f-offset\:10 {
    margin-left: 83.3333333333%
}

.f-offset\:11 {
    margin-left: 91.6666666667%
}

.f-offset\:12 {
    margin-left: 100%
}

.f-order\:-1 {
    order: -1
}

.f-order\:0 {
    order: 0
}

.f-order\:1 {
    order: 1
}

.f-order\:2 {
    order: 2
}

.f-order\:3 {
    order: 3
}

.f-order\:4 {
    order: 4
}

.f-order\:5 {
    order: 5
}

.f-order\:6 {
    order: 6
}

.f-order\:7 {
    order: 7
}

.f-order\:8 {
    order: 8
}

.f-order\:9 {
    order: 9
}

.f-order\:10 {
    order: 10
}

.f-order\:11 {
    order: 11
}

.f-order\:12 {
    order: 12
}

.f-order\:13 {
    order: 13
}

.f-direction\:r {
    flex-direction: row
}

.f-direction\:rr {
    flex-direction: row-reverse
}

.f-direction\:c {
    flex-direction: column
}

.f-direction\:cr {
    flex-direction: column-reverse
}

.f-wrap\:nw {
    flex-wrap: nowrap
}

.f-wrap\:w {
    flex-wrap: wrap
}

.f-wrap\:r {
    flex-wrap: revert
}

.f-wrap\:wr {
    flex-wrap: wrap-reverse
}

.f-row.f-nogap {
    margin-right: 0;
    margin-left: 0
}

.f-row.f-nogap>[class*=f-col] {
    padding-right: 0;
    padding-left: 0
}

[class*=f-col].f-nogap {
    padding-right: 0;
    padding-left: 0
}

.f-align\:l {
    justify-content: flex-start
}

.f-align\:c {
    justify-content: center
}

.f-align\:r {
    justify-content: flex-end
}

.f-align\:j {
    justify-content: space-between
}

.f-align\:a {
    justify-content: space-around
}

.f-align\:e {
    justify-content: space-evenly
}

.f-align\:t {
    align-items: flex-start
}

.f-align\:m {
    align-items: center
}

.f-align\:b {
    align-items: flex-end
}

.f-align\:s {
    align-items: stretch
}

.f-col-align\:t {
    align-self: flex-start
}

.f-col-align\:m {
    align-self: center
}

.f-col-align\:b {
    align-self: flex-end
}

.f-col-align\:s {
    align-self: stretch
}

@media(min-width:576px) {
    .f-col\@sm {
        flex-basis: 0
    }

    .f-col\@sm\:auto{flex-basis: auto
}

.f-col\@sm\:1{flex-basis: 8.3333333333%;
max-width:8.3333333333%
}

.f-col\@sm\:2{flex-basis: 16.6666666667%;
max-width:16.6666666667%
}

.f-col\@sm\:3{flex-basis: 25%;
max-width:25%
}

.f-col\@sm\:4{flex-basis: 33.3333333333%;
max-width:33.3333333333%
}

.f-col\@sm\:5{flex-basis: 41.6666666667%;
max-width:41.6666666667%
}

.f-col\@sm\:6{flex-basis: 50%;
max-width:50%
}

.f-col\@sm\:7{flex-basis: 58.3333333333%;
max-width:58.3333333333%
}

.f-col\@sm\:8{flex-basis: 66.6666666667%;
max-width:66.6666666667%
}

.f-col\@sm\:9{flex-basis: 75%;
max-width:75%
}

.f-col\@sm\:10{flex-basis: 83.3333333333%;
max-width:83.3333333333%
}

.f-col\@sm\:11{flex-basis: 91.6666666667%;
max-width:91.6666666667%
}

.f-col\@sm\:12{flex-basis: 100%;
max-width:100%
}

.f-offset\@sm\:0{margin-left: 0%
}

.f-offset\@sm\:1{margin-left: 8.3333333333%
}

.f-offset\@sm\:2{margin-left: 16.6666666667%
}

.f-offset\@sm\:3{margin-left: 25%
}

.f-offset\@sm\:4{margin-left: 33.3333333333%
}

.f-offset\@sm\:5{margin-left: 41.6666666667%
}

.f-offset\@sm\:6{margin-left: 50%
}

.f-offset\@sm\:7{margin-left: 58.3333333333%
}

.f-offset\@sm\:8{margin-left: 66.6666666667%
}

.f-offset\@sm\:9{margin-left: 75%
}

.f-offset\@sm\:10{margin-left: 83.3333333333%
}

.f-offset\@sm\:11{margin-left: 91.6666666667%
}

.f-offset\@sm\:12{margin-left: 100%
}

.f-order\@sm\:-1{order: -1
}

.f-order\@sm\:0{order: 0
}

.f-order\@sm\:1{order: 1
}

.f-order\@sm\:2{order: 2
}

.f-order\@sm\:3{order: 3
}

.f-order\@sm\:4{order: 4
}

.f-order\@sm\:5{order: 5
}

.f-order\@sm\:6{order: 6
}

.f-order\@sm\:7{order: 7
}

.f-order\@sm\:8{order: 8
}

.f-order\@sm\:9{order: 9
}

.f-order\@sm\:10{order: 10
}

.f-order\@sm\:11{order: 11
}

.f-order\@sm\:12{order: 12
}

.f-order\@sm\:13{order: 13
}

.f-direction\@sm\:r{flex-direction: row
}

.f-direction\@sm\:rr{flex-direction: row-reverse
}

.f-direction\@sm\:c{flex-direction: column
}

.f-direction\@sm\:cr{flex-direction: column-reverse
}

.f-wrap\@sm\:nw{flex-wrap: nowrap
}

.f-wrap\@sm\:w{flex-wrap: wrap
}

.f-wrap\@sm\:r{flex-wrap: revert
}

.f-wrap\@sm\:wr{flex-wrap: wrap-reverse
}

.f-row.f-nogap\@sm {
    margin-right: 0;
    margin-left: 0
}

.f-row.f-nogap\@sm>[class*=f-col] {
    padding-right: 0;
    padding-left: 0
}

[class*=f-col].f-nogap\@sm {
    padding-right: 0;
    padding-left: 0
}

.f-align\@sm\:l{justify-content: flex-start
}

.f-align\@sm\:c{justify-content: center
}

.f-align\@sm\:r{justify-content: flex-end
}

.f-align\@sm\:j{justify-content: space-between
}

.f-align\@sm\:a{justify-content: space-around
}

.f-align\@sm\:e{justify-content: space-evenly
}

.f-align\@sm\:t{align-items: flex-start
}

.f-align\@sm\:m{align-items: center
}

.f-align\@sm\:b{align-items: flex-end
}

.f-align\@sm\:s{align-items: stretch
}

.f-col-align\@sm\:t{align-self: flex-start
}

.f-col-align\@sm\:m{align-self: center
}

.f-col-align\@sm\:b{align-self: flex-end
}

.f-col-align\@sm\:s{align-self: stretch
}
}

@media(min-width:768px) {
    .f-col\@md {
        flex-basis: 0
    }

    .f-col\@md\:auto{flex-basis: auto
}

.f-col\@md\:1{flex-basis: 8.3333333333%;
max-width:8.3333333333%
}

.f-col\@md\:2{flex-basis: 16.6666666667%;
max-width:16.6666666667%
}

.f-col\@md\:3{flex-basis: 25%;
max-width:25%
}

.f-col\@md\:4{flex-basis: 33.3333333333%;
max-width:33.3333333333%
}

.f-col\@md\:5{flex-basis: 41.6666666667%;
max-width:41.6666666667%
}

.f-col\@md\:6{flex-basis: 50%;
max-width:50%
}

.f-col\@md\:7{flex-basis: 58.3333333333%;
max-width:58.3333333333%
}

.f-col\@md\:8{flex-basis: 66.6666666667%;
max-width:66.6666666667%
}

.f-col\@md\:9{flex-basis: 75%;
max-width:75%
}

.f-col\@md\:10{flex-basis: 83.3333333333%;
max-width:83.3333333333%
}

.f-col\@md\:11{flex-basis: 91.6666666667%;
max-width:91.6666666667%
}

.f-col\@md\:12{flex-basis: 100%;
max-width:100%
}

.f-offset\@md\:0{margin-left: 0%
}

.f-offset\@md\:1{margin-left: 8.3333333333%
}

.f-offset\@md\:2{margin-left: 16.6666666667%
}

.f-offset\@md\:3{margin-left: 25%
}

.f-offset\@md\:4{margin-left: 33.3333333333%
}

.f-offset\@md\:5{margin-left: 41.6666666667%
}

.f-offset\@md\:6{margin-left: 50%
}

.f-offset\@md\:7{margin-left: 58.3333333333%
}

.f-offset\@md\:8{margin-left: 66.6666666667%
}

.f-offset\@md\:9{margin-left: 75%
}

.f-offset\@md\:10{margin-left: 83.3333333333%
}

.f-offset\@md\:11{margin-left: 91.6666666667%
}

.f-offset\@md\:12{margin-left: 100%
}

.f-order\@md\:-1{order: -1
}

.f-order\@md\:0{order: 0
}

.f-order\@md\:1{order: 1
}

.f-order\@md\:2{order: 2
}

.f-order\@md\:3{order: 3
}

.f-order\@md\:4{order: 4
}

.f-order\@md\:5{order: 5
}

.f-order\@md\:6{order: 6
}

.f-order\@md\:7{order: 7
}

.f-order\@md\:8{order: 8
}

.f-order\@md\:9{order: 9
}

.f-order\@md\:10{order: 10
}

.f-order\@md\:11{order: 11
}

.f-order\@md\:12{order: 12
}

.f-order\@md\:13{order: 13
}

.f-direction\@md\:r{flex-direction: row
}

.f-direction\@md\:rr{flex-direction: row-reverse
}

.f-direction\@md\:c{flex-direction: column
}

.f-direction\@md\:cr{flex-direction: column-reverse
}

.f-wrap\@md\:nw{flex-wrap: nowrap
}

.f-wrap\@md\:w{flex-wrap: wrap
}

.f-wrap\@md\:r{flex-wrap: revert
}

.f-wrap\@md\:wr{flex-wrap: wrap-reverse
}

.f-row.f-nogap\@md {
    margin-right: 0;
    margin-left: 0
}

.f-row.f-nogap\@md>[class*=f-col] {
    padding-right: 0;
    padding-left: 0
}

[class*=f-col].f-nogap\@md {
    padding-right: 0;
    padding-left: 0
}

.f-align\@md\:l{justify-content: flex-start
}

.f-align\@md\:c{justify-content: center
}

.f-align\@md\:r{justify-content: flex-end
}

.f-align\@md\:j{justify-content: space-between
}

.f-align\@md\:a{justify-content: space-around
}

.f-align\@md\:e{justify-content: space-evenly
}

.f-align\@md\:t{align-items: flex-start
}

.f-align\@md\:m{align-items: center
}

.f-align\@md\:b{align-items: flex-end
}

.f-align\@md\:s{align-items: stretch
}

.f-col-align\@md\:t{align-self: flex-start
}

.f-col-align\@md\:m{align-self: center
}

.f-col-align\@md\:b{align-self: flex-end
}

.f-col-align\@md\:s{align-self: stretch
}
}

@media(min-width:1024px) {
    .f-col\@lg {
        flex-basis: 0
    }

    .f-col\@lg\:auto{flex-basis: auto
}

.f-col\@lg\:1{flex-basis: 8.3333333333%;
max-width:8.3333333333%
}

.f-col\@lg\:2{flex-basis: 16.6666666667%;
max-width:16.6666666667%
}

.f-col\@lg\:3{flex-basis: 25%;
max-width:25%
}

.f-col\@lg\:4{flex-basis: 33.3333333333%;
max-width:33.3333333333%
}

.f-col\@lg\:5{flex-basis: 41.6666666667%;
max-width:41.6666666667%
}

.f-col\@lg\:6{flex-basis: 50%;
max-width:50%
}

.f-col\@lg\:7{flex-basis: 58.3333333333%;
max-width:58.3333333333%
}

.f-col\@lg\:8{flex-basis: 66.6666666667%;
max-width:66.6666666667%
}

.f-col\@lg\:9{flex-basis: 75%;
max-width:75%
}

.f-col\@lg\:10{flex-basis: 83.3333333333%;
max-width:83.3333333333%
}

.f-col\@lg\:11{flex-basis: 91.6666666667%;
max-width:91.6666666667%
}

.f-col\@lg\:12{flex-basis: 100%;
max-width:100%
}

.f-offset\@lg\:0{margin-left: 0%
}

.f-offset\@lg\:1{margin-left: 8.3333333333%
}

.f-offset\@lg\:2{margin-left: 16.6666666667%
}

.f-offset\@lg\:3{margin-left: 25%
}

.f-offset\@lg\:4{margin-left: 33.3333333333%
}

.f-offset\@lg\:5{margin-left: 41.6666666667%
}

.f-offset\@lg\:6{margin-left: 50%
}

.f-offset\@lg\:7{margin-left: 58.3333333333%
}

.f-offset\@lg\:8{margin-left: 66.6666666667%
}

.f-offset\@lg\:9{margin-left: 75%
}

.f-offset\@lg\:10{margin-left: 83.3333333333%
}

.f-offset\@lg\:11{margin-left: 91.6666666667%
}

.f-offset\@lg\:12{margin-left: 100%
}

.f-order\@lg\:-1{order: -1
}

.f-order\@lg\:0{order: 0
}

.f-order\@lg\:1{order: 1
}

.f-order\@lg\:2{order: 2
}

.f-order\@lg\:3{order: 3
}

.f-order\@lg\:4{order: 4
}

.f-order\@lg\:5{order: 5
}

.f-order\@lg\:6{order: 6
}

.f-order\@lg\:7{order: 7
}

.f-order\@lg\:8{order: 8
}

.f-order\@lg\:9{order: 9
}

.f-order\@lg\:10{order: 10
}

.f-order\@lg\:11{order: 11
}

.f-order\@lg\:12{order: 12
}

.f-order\@lg\:13{order: 13
}

.f-direction\@lg\:r{flex-direction: row
}

.f-direction\@lg\:rr{flex-direction: row-reverse
}

.f-direction\@lg\:c{flex-direction: column
}

.f-direction\@lg\:cr{flex-direction: column-reverse
}

.f-wrap\@lg\:nw{flex-wrap: nowrap
}

.f-wrap\@lg\:w{flex-wrap: wrap
}

.f-wrap\@lg\:r{flex-wrap: revert
}

.f-wrap\@lg\:wr{flex-wrap: wrap-reverse
}

.f-row.f-nogap\@lg {
    margin-right: 0;
    margin-left: 0
}

.f-row.f-nogap\@lg>[class*=f-col] {
    padding-right: 0;
    padding-left: 0
}

[class*=f-col].f-nogap\@lg {
    padding-right: 0;
    padding-left: 0
}

.f-align\@lg\:l{justify-content: flex-start
}

.f-align\@lg\:c{justify-content: center
}

.f-align\@lg\:r{justify-content: flex-end
}

.f-align\@lg\:j{justify-content: space-between
}

.f-align\@lg\:a{justify-content: space-around
}

.f-align\@lg\:e{justify-content: space-evenly
}

.f-align\@lg\:t{align-items: flex-start
}

.f-align\@lg\:m{align-items: center
}

.f-align\@lg\:b{align-items: flex-end
}

.f-align\@lg\:s{align-items: stretch
}

.f-col-align\@lg\:t{align-self: flex-start
}

.f-col-align\@lg\:m{align-self: center
}

.f-col-align\@lg\:b{align-self: flex-end
}

.f-col-align\@lg\:s{align-self: stretch
}
}

@media(min-width:1280px) {
    .f-col\@xl {
        flex-basis: 0
    }

    .f-col\@xl\:auto{flex-basis: auto
}

.f-col\@xl\:1{flex-basis: 8.3333333333%;
max-width:8.3333333333%
}

.f-col\@xl\:2{flex-basis: 16.6666666667%;
max-width:16.6666666667%
}

.f-col\@xl\:3{flex-basis: 25%;
max-width:25%
}

.f-col\@xl\:4{flex-basis: 33.3333333333%;
max-width:33.3333333333%
}

.f-col\@xl\:5{flex-basis: 41.6666666667%;
max-width:41.6666666667%
}

.f-col\@xl\:6{flex-basis: 50%;
max-width:50%
}

.f-col\@xl\:7{flex-basis: 58.3333333333%;
max-width:58.3333333333%
}

.f-col\@xl\:8{flex-basis: 66.6666666667%;
max-width:66.6666666667%
}

.f-col\@xl\:9{flex-basis: 75%;
max-width:75%
}

.f-col\@xl\:10{flex-basis: 83.3333333333%;
max-width:83.3333333333%
}

.f-col\@xl\:11{flex-basis: 91.6666666667%;
max-width:91.6666666667%
}

.f-col\@xl\:12{flex-basis: 100%;
max-width:100%
}

.f-offset\@xl\:0{margin-left: 0%
}

.f-offset\@xl\:1{margin-left: 8.3333333333%
}

.f-offset\@xl\:2{margin-left: 16.6666666667%
}

.f-offset\@xl\:3{margin-left: 25%
}

.f-offset\@xl\:4{margin-left: 33.3333333333%
}

.f-offset\@xl\:5{margin-left: 41.6666666667%
}

.f-offset\@xl\:6{margin-left: 50%
}

.f-offset\@xl\:7{margin-left: 58.3333333333%
}

.f-offset\@xl\:8{margin-left: 66.6666666667%
}

.f-offset\@xl\:9{margin-left: 75%
}

.f-offset\@xl\:10{margin-left: 83.3333333333%
}

.f-offset\@xl\:11{margin-left: 91.6666666667%
}

.f-offset\@xl\:12{margin-left: 100%
}

.f-order\@xl\:-1{order: -1
}

.f-order\@xl\:0{order: 0
}

.f-order\@xl\:1{order: 1
}

.f-order\@xl\:2{order: 2
}

.f-order\@xl\:3{order: 3
}

.f-order\@xl\:4{order: 4
}

.f-order\@xl\:5{order: 5
}

.f-order\@xl\:6{order: 6
}

.f-order\@xl\:7{order: 7
}

.f-order\@xl\:8{order: 8
}

.f-order\@xl\:9{order: 9
}

.f-order\@xl\:10{order: 10
}

.f-order\@xl\:11{order: 11
}

.f-order\@xl\:12{order: 12
}

.f-order\@xl\:13{order: 13
}

.f-direction\@xl\:r{flex-direction: row
}

.f-direction\@xl\:rr{flex-direction: row-reverse
}

.f-direction\@xl\:c{flex-direction: column
}

.f-direction\@xl\:cr{flex-direction: column-reverse
}

.f-wrap\@xl\:nw{flex-wrap: nowrap
}

.f-wrap\@xl\:w{flex-wrap: wrap
}

.f-wrap\@xl\:r{flex-wrap: revert
}

.f-wrap\@xl\:wr{flex-wrap: wrap-reverse
}

.f-row.f-nogap\@xl {
    margin-right: 0;
    margin-left: 0
}

.f-row.f-nogap\@xl>[class*=f-col] {
    padding-right: 0;
    padding-left: 0
}

[class*=f-col].f-nogap\@xl {
    padding-right: 0;
    padding-left: 0
}

.f-align\@xl\:l{justify-content: flex-start
}

.f-align\@xl\:c{justify-content: center
}

.f-align\@xl\:r{justify-content: flex-end
}

.f-align\@xl\:j{justify-content: space-between
}

.f-align\@xl\:a{justify-content: space-around
}

.f-align\@xl\:e{justify-content: space-evenly
}

.f-align\@xl\:t{align-items: flex-start
}

.f-align\@xl\:m{align-items: center
}

.f-align\@xl\:b{align-items: flex-end
}

.f-align\@xl\:s{align-items: stretch
}

.f-col-align\@xl\:t{align-self: flex-start
}

.f-col-align\@xl\:m{align-self: center
}

.f-col-align\@xl\:b{align-self: flex-end
}

.f-col-align\@xl\:s{align-self: stretch
}
}

p.para-dropcap:after,
form:after,
fieldset:after,
.timeline_content:after {
    content: "";
    display: table;
    clear: both
}

ol.ooo li:empty,
.opt-list:empty,
.accordion_head:empty,
summary:empty,
.card:empty,
.chat_media:empty,
.ctrl:empty,
.label:empty,
.meta_item:empty,
.modal_head:empty,
.modal_body:empty,
.modal_foot:empty,
.tag:empty {
    clear: both;
    display: none !important
}

[disabled],
.is\:off,
[contenteditable=false] {
    cursor: default;
    pointer-events: none
}

.choice_spirit,
.carousel_item,
a.list_item,
.pagi_num,
.pagi_item,
.pagi_span,
.progress_bar,
.rating_item,
.tab_item,
.tag {
    transition: .24s cubic-bezier(0, 0, .58, 1)
}

.tag_dele,
.btn-close,
.option_obj:before,
.option_obj:after,
.choice_obj,
.choice_color,
.switch_obj:after,
.accordion_head,
summary,
.accordion_content,
.details_content,
.carousel_nav_item,
.drop_body,
.nav_item,
.pager_prev,
.pager_next {
    transition: .14s cubic-bezier(0, 0, .58, 1)
}

.option_obj,
.choice_obj,
.switch_obj,
.chip_obj,
.carousel_ctrl {
    transition: .06s cubic-bezier(0, 0, .58, 1)
}

.tab_item:after {
    transition: .36s cubic-bezier(0, 0, .58, 1)
}

.input,
.btn,
.btn-outline,
.btn-text {
    line-height: 1.5;
    border-width: 1px;
    border-style: solid;
    vertical-align: top;
    font-size: inherit;
    transition: .14s cubic-bezier(.23, 1, .32, 1)
}

summary:before,
.caret {
    display: inline-block;
    width: 0;
    height: 0
}

.avatar_obj,
.embed_media {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.crumb {
    padding: 0;
    margin: 0;
    list-style: none
}

blockquote::-moz-selection,
blockquote::selection,
blockquote cite::-moz-selection,
blockquote cite::selection {
    text-shadow: 0 0 4px rgba(255, 255, 255, .24)
}

.accordion.\:separated>.accordion_head.is\:on+.accordion_content,
details.\:separated[open]>.details_content,
.u-shadow {
    box-shadow: 0 .5rem 1.125rem -.375rem rgba(24, 8, 17, .12)
}

.accordion.\:bordered,
details.\:bordered,
.u-shadow\:sm {
    box-shadow: 0 .375rem .625rem -.25rem rgba(24, 8, 17, .08)
}

.u-shadow\:lg {
    box-shadow: 0 1rem 3rem -.5rem rgba(24, 8, 17, .12)
}

.u-shadow\:none,
.u-glow\:none {
    box-shadow: none
}

.u-glow {
    box-shadow: 0 0 1.125rem rgba(255, 255, 255, .54)
}

.u-glow\:sm {
    box-shadow: 0 0 .625rem rgba(255, 255, 255, .54)
}

.u-glow\:lg {
    box-shadow: 0 0 2.5rem rgba(255, 255, 255, .54)
}

button.accordion_head,
legend,
.table>caption {
    line-height: 1.375;
    letter-spacing: -.01em
}

button.accordion_head {
    font-size: 1.125rem;
    font-weight: 500
}

legend,
.table>caption {
    font-size: 1rem;
    font-weight: 500
}

.tag_dele,
.btn-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 1.5rem;
    min-height: 1.5rem;
    line-height: 1;
    padding: 0;
    border: 0;
    background: 0 0;
    font-weight: 700;
    font-size: 1.5rem;
    cursor: pointer;
    opacity: .38;
    vertical-align: middle
}

.tag_dele:empty:before,
.btn-close:empty:before,
.tag_dele:empty:after,
.btn-close:empty:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 16px;
    border-radius: 16px;
    background: #323335
}

.tag_dele:empty:before,
.btn-close:empty:before {
    transform: rotate(45deg)
}

.tag_dele:empty:after,
.btn-close:empty:after {
    transform: rotate(-45deg)
}

.tag_dele:empty:before,
.tag_dele:empty:after {
    width: 2px;
    height: 12px
}

summary:before,
.caret {
    display: inline-block;
    position: relative;
    top: -1px;
    border-top: .375rem solid;
    border-right: .3125rem solid transparent;
    border-bottom: none;
    border-left: .3125rem solid transparent;
    vertical-align: middle
}

::-moz-selection {
    color: #fff;
    background-color: #388eee;
    text-shadow: 0 0 .375rem rgba(255, 255, 255, .24)
}

::selection {
    color: #fff;
    background-color: #388eee;
    text-shadow: 0 0 .375rem rgba(255, 255, 255, .24)
}

.lang\:ja,
[lang=ja] {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans, hiragino sans, hiragino kaku gothic pro, ヒラギノ角ゴ pro w3, ヒラギノ丸ゴ pron w4, 游ゴシック, 游ゴシック体, ＭＳ ゴシック, Osaka, メイリオ, ＭＳ Ｐゴシック, helvetica neue, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol
}

.lang\:zh,
[lang*=zh] {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans, pingfang tc, hiragino sans cns, heiti tc, lihei pro, microsoft jhenghei, microsoft yahei new, microsoft yahei, wenquanyi zen hei, helvetica neue, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol
}

.lang\:en,
[lang*=en] {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans, apple color emoji, segoe ui emoji, segoe ui symbol
}

a {
    cursor: pointer
}

a.link {
    color: #388eee
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    line-height: 1.375;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.01em
}

h1:first-child,
.h1:first-child,
h2:first-child,
.h2:first-child,
h3:first-child,
.h3:first-child,
h4:first-child,
.h4:first-child,
h5:first-child,
.h5:first-child,
h6:first-child,
.h6:first-child {
    margin-top: 0
}

h1:last-child,
.h1:last-child,
h2:last-child,
.h2:last-child,
h3:last-child,
.h3:last-child,
h4:last-child,
.h4:last-child,
h5:last-child,
.h5:last-child,
h6:last-child,
.h6:last-child {
    margin-bottom: 0
}

.subheader {
    opacity: .54;
    margin-top: .3125rem
}

.subheader:first-child {
    margin-top: 0
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small {
    line-height: 1;
    font-size: 87.5%;
    vertical-align: baseline;
    opacity: .7
}

h1,
.h1 {
    font-size: 2.5rem;
    font-weight: 200
}

h2,
.h2 {
    font-size: 2rem;
    font-weight: 200
}

h3,
.h3 {
    font-size: 1.5rem
}

h4,
.h4 {
    font-size: 1.25rem
}

h5,
.h5 {
    font-size: 1.125rem;
    font-weight: 500
}

h6,
.h6 {
    font-size: 1rem;
    font-weight: 500
}

.typo-d1,
.typo-d2,
.typo-d3 {
    line-height: 1.25;
    letter-spacing: -.02em
}

.typo-d1 {
    font-weight: 100
}

.typo-d2 {
    font-weight: 200
}

.typo-d3 {
    font-weight: 200
}

.typo-d1 {
    font-size: 6rem
}

.typo-d2 {
    font-size: 4.5rem
}

.typo-d3 {
    font-size: 3rem
}

p:last-child {
    margin-bottom: 0
}

p.para-lead {
    line-height: 1.5;
    font-size: 1.125rem
}

p.para-dropcap:first-letter {
    position: relative;
    top: .25rem;
    z-index: 1;
    float: left;
    line-height: 1;
    padding-top: .06em;
    padding-left: .2em;
    padding-right: .2em;
    font-size: 2.85em;
    text-align: center;
    text-transform: uppercase
}

hr.hr-vertical,
.article.\:vertical hr {
    flex: 0;
    width: 0;
    height: auto;
    max-height: 100%;
    border-width: 0 1px;
    border-left-color: rgba(0, 0, 0, .12);
    margin: 0 1.25rem
}

hr.hr-double-line.hr-vertical,
.article.\:vertical hr.hr-double-line {
    border-right-color: rgba(255, 255, 255, .38)
}

hr.hr-spacer.hr-vertical,
.article.\:vertical hr.hr-spacer {
    border-color: transparent
}

hr.sz\:zero.hr-vertical,
.article.\:vertical hr.sz\:zero {
    margin: 0
}

hr.sz\:quarter.hr-vertical,
.article.\:vertical hr.sz\:quarter {
    margin: 0 .3125rem
}

hr.sz\:half.hr-vertical,
.article.\:vertical hr.sz\:half {
    margin: 0 .625rem
}

hr.sz\:2x.hr-vertical,
.article.\:vertical hr.sz\:2x {
    margin: 0 2.5rem
}

hr.sz\:3x.hr-vertical,
.article.\:vertical hr.sz\:3x {
    margin: 0 3.75rem
}

hr.sz\:4x.hr-vertical,
.article.\:vertical hr.sz\:4x {
    margin-right: 5rem;
    margin-left: 5rem
}

hr {
    flex: 1 0 100%;
    max-width: 100%;
    width: 100%;
    clear: both;
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .12) transparent rgba(255, 255, 255, .38);
    border-top-color: rgba(0, 0, 0, .12);
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

hr.hr-spacer {
    border-color: transparent
}

hr.sz\:0 {
    margin-top: 0;
    margin-bottom: 0
}

hr.sz\:quarter {
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

hr.sz\:half {
    margin-top: .625rem;
    margin-bottom: .625rem
}

hr.sz\:2x {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

hr.sz\:3x {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem
}

hr.sz\:4x {
    margin-top: 5rem;
    margin-bottom: 5rem
}

del {
    opacity: .38
}

ins {
    text-decoration: none;
    border-bottom: 1px dashed rgba(0, 0, 0, .38)
}

mark {
    display: inline-block;
    position: relative;
    padding: .125rem .375rem;
    border-bottom: 2px solid #1374e0;
    border-radius: .125rem;
    background: rgba(0, 0, 0, .05)
}

sup,
sub {
    font-size: .6875em;
    color: #1374e0
}

ruby {
    display: inline-block;
    font-size: 1rem;
    text-align: center
}

rt {
    line-height: 0
}

blockquote {
    position: relative;
    margin: 1.875rem 0;
    padding: 1.25em;
    border: 0;
    border-radius: .25rem;
    opacity: .87;
    color: rgba(0, 0, 0, .7);
    background: rgba(101, 102, 104, .05);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7)
}

blockquote::-moz-selection {
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

blockquote::selection {
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

blockquote:after,
blockquote cite {
    display: block;
    margin-top: 1rem;
    opacity: .7
}

blockquote cite::-moz-selection {
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

blockquote cite::selection {
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

blockquote[cite]:after {
    content: "— "attr(cite)
}

blockquote cite:before {
    content: "— "
}

blockquote.bq-symbol {
    padding-left: 4.375em;
    border-left: none
}

blockquote.bq-symbol:before {
    content: "“";
    position: absolute;
    top: .8125rem;
    left: .75rem;
    line-height: 1;
    font-size: 7rem;
    font-family: Georgia, times new roman, Times, serif;
    opacity: .7
}

blockquote.theme\:dark {
    color: rgba(255, 255, 255, .87);
    background: rgba(50, 51, 53, .87);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .7)
}

ol ol,
ul ol {
    list-style-type: decimal-leading-zero
}

li {
    margin-bottom: .25em
}

li:last-child {
    margin-bottom: 0
}

li ol,
li ul {
    margin-top: 0;
    margin-bottom: .375em
}

ol.ooo {
    width: 100%;
    overflow-x: auto;
    padding-left: 0;
    list-style: none
}

ol.ooo li {
    display: table-row
}

ol.ooo li:before {
    display: table-cell;
    opacity: .7;
    padding-right: .25em
}

ol.ooo>li:before {
    min-width: 2.5em
}

ol.ooo,
ol.ooo ol {
    counter-reset: ordered
}

ol.ooo>li:before,
ol.ooo ol>li:before {
    content: counters(ordered, ".") ".";
    counter-increment: ordered;
    text-align: right;
    font-family: helvetica neue, Helvetica, Arial, sans-serif
}

ol.ooo ul>li:before {
    content: "→";
    text-align: center
}

ol.ooo ol,
ol.ooo ul {
    padding-left: 0;
    margin-top: .25em;
    list-style: none
}

ol.ooo ol>li:before,
ol.ooo ul>li:before {
    min-width: 2.25em
}

dd {
    margin-left: 1em
}

dd+dt {
    clear: both;
    margin-top: 1rem
}

dl.dl-ordered>dt {
    counter-reset: dl-ordered
}

dl.dl-ordered>dt+dd {
    margin-top: 0
}

dl.dl-ordered>dd {
    display: block;
    counter-increment: dl-ordered
}

dl.dl-ordered>dd:before {
    content: counter(dl-ordered, decimal) ". ";
    opacity: .7
}

dl.dl-horizontal {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.25rem 1rem;
    grid-template-columns: auto 1fr
}

dl.dl-horizontal>dd {
    margin-left: 0
}

dl.dl-horizontal>dd+dt {
    margin-top: 0
}

address {
    display: inline-block;
    padding: .375em 1.25em;
    border-left: .25em solid rgba(0, 0, 0, .08);
    margin-bottom: 1rem;
    font-size: .875rem
}

address h6 {
    margin-bottom: .5em;
    font-size: 114.2857142857%
}

address.vcard {
    display: inline-block;
    padding: .75em 1.25em;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: .125em;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04)
}

.article {
    word-break: break-word;
    text-align: justify;
    text-justify: inter-ideograph
}

.article:last-child {
    margin-bottom: 0
}

.article.\:vertical {
    writing-mode: vertical-rl;
    letter-spacing: .08em;
    text-shadow: 0 0 1px rgba(0, 0, 0, .24)
}

.article.\:vertical p,
.article.\:vertical ol,
.article.\:vertical ul,
.article.\:vertical dl,
.article.\:vertical h1,
.article.\:vertical .h1,
.article.\:vertical h2,
.article.\:vertical .h2,
.article.\:vertical h3,
.article.\:vertical .h3,
.article.\:vertical h4,
.article.\:vertical .h4,
.article.\:vertical h5,
.article.\:vertical .h5,
.article.\:vertical h6,
.article.\:vertical .h6 {
    margin: 0 1rem
}

.article.\:vertical p,
.article.\:vertical ol,
.article.\:vertical ul,
.article.\:vertical dl,
.article.\:vertical h3,
.article.\:vertical .h3,
.article.\:vertical h4,
.article.\:vertical .h4,
.article.\:vertical h5,
.article.\:vertical .h5,
.article.\:vertical h6,
.article.\:vertical .h6 {
    margin-top: 1rem
}

.article.\:vertical p.para-dropcap:first-letter {
    margin-right: .25rem;
    padding: 0 0 .2em;
    font-size: 2.5em
}

.article.\:vertical ol,
.article.\:vertical ul {
    padding-top: 1em
}

.article.\:vertical li {
    display: table;
    margin-bottom: 0;
    margin-left: 4
}

.article.\:vertical li:before {
    display: table-cell;
    white-space: nowrap
}

.article.\:vertical ol {
    list-style: none;
    counter-reset: fake-ol
}

.article.\:vertical ol>li:before {
    content: counters(fake-ol, "・", cjk-ideographic) "、";
    min-height: 2em;
    text-align: right;
    counter-increment: fake-ol
}

.article.\:vertical ol.ooo {
    list-style-type: none
}

.article.\:vertical ol.ooo li:before {
    float: none;
    padding-right: 0;
    padding-bottom: 4;
    text-align: left
}

.article.\:vertical ol.ooo>li:before {
    min-width: auto
}

.article.\:vertical ol.ooo,
.article.\:vertical ol.ooo ol {
    counter-reset: ordered-vtl
}

.article.\:vertical ol.ooo>li:before,
.article.\:vertical ol.ooo ol>li:before {
    content: counter(dl-ordered, decimal) ". ";
    counter-increment: ordered-vtl
}

.article.\:vertical ol.ooo ol,
.article.\:vertical ol.ooo ul {
    padding-top: 0;
    margin-top: 1.25em;
    margin-right: .25em;
    margin-left: .25em
}

.article.\:vertical ol.ooo ol>li:before,
.article.\:vertical ol.ooo ul>li:before {
    min-width: 0
}

.article.\:vertical ul {
    padding-top: 2em
}

.article.\:vertical dd {
    margin-top: 1em
}

.article.\:vertical dd+dt {
    margin-top: 0;
    margin-right: 1rem
}

.article.\:vertical dl.dl-ordered dd {
    margin-top: 1em;
    margin-left: 0
}

.article.\:vertical dl.dl-ordered dd:before {
    content: counter(dl-ordered, cjk-ideographic) "、"
}

.article.\:vertical dl.dl-horizontal {
    display: block
}

.article.\:vertical ins {
    border-bottom: 0;
    border-right: 1px dashed rgba(0, 0, 0, .38)
}

.article.\:vertical mark {
    padding: .375rem .125rem;
    border-bottom: 0;
    border-right: 2px solid #1374e0
}

.u-ft\:serif:lang(ja) {
    font-family: Georgia, times new roman, Times, serif, "noto serif jp", yumincho, hiragino mincho, ms mincho, ms pmincho
}

.u-ft\:serif:lang(zh) {
    font-family: Georgia, times new roman, Times, serif, "noto serif tc", "droid serif", tw-kai, biaukai, stkaiti, apple lisung light, lisong pro, dfkai-sb, kaiti, kaiti_gb2312, fangsong, nsimsun, simsun
}

code,
kbd,
var,
samp,
pre.code {
    line-height: inherit;
    font-family: fira pro, source code pro, SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, Courier, monospace;
    font-size: .8125rem
}

code,
kbd {
    display: inline-block;
    line-height: 1.5;
    padding: .125em .2857142857em;
    vertical-align: text-bottom;
    border-radius: .25rem;
    font-size: .875rem;
    vertical-align: baseline
}

code code,
code kbd,
kbd code,
kbd kbd {
    display: inline;
    padding: 0;
    border: 0
}

code {
    color: #d73e60;
    background-color: rgba(203, 204, 205, .12)
}

kbd {
    color: #5fb3b3;
    background-color: #1b2b34;
    vertical-align: baseline
}

kbd span {
    color: #f3f2f3
}

pre {
    margin: 1.25rem 0
}

pre:first-child {
    margin-top: 0
}

pre:last-child {
    margin-bottom: 0
}

pre.code {
    overflow: hidden;
    padding: 1.1428571429em;
    border-radius: .25rem;
    word-spacing: normal;
    white-space: pre;
    text-align: left;
    tab-size: 4;
    font-size: .875rem;
    color: #c8d7e2;
    background: #1b2b34;
    word-break: break-all;
    word-wrap: break-word
}

pre.code::-moz-selection {
    color: #fff;
    background-color: rgba(0, 0, 0, .24);
    text-shadow: 0 0 .375rem rgba(255, 255, 255, .24)
}

pre.code::selection {
    color: #fff;
    background-color: rgba(0, 0, 0, .24);
    text-shadow: 0 0 .375rem rgba(255, 255, 255, .24)
}

.symbol {
    display: inline-flex;
    align-items: center;
    min-width: 1rem;
    line-height: 1;
    margin-right: .25rem;
    margin-left: .25rem;
    font-size: inherit
}

.symbol:before {
    content: attr(data-code);
    display: inline-block;
    line-height: 1
}

.icon {
    display: inline-block;
    min-width: 1rem;
    margin-right: .25rem;
    margin-left: .25rem;
    text-align: center
}

.img-rounded {
    border-radius: .5rem
}

.img-circle {
    border-radius: 50%
}

.img-polaroid {
    padding: .3125rem;
    border: 1px solid #dfdee0;
    border-radius: .125rem;
    background: #fff;
    box-shadow: 0 .25rem .25rem -.125rem rgba(0, 0, 0, .05)
}

figure {
    position: relative
}

figure>img,
figure>embed,
figure>iframe,
figure>object,
figure>video {
    display: block
}

figure>img,
figure>embed,
figure>iframe,
figure>object,
figure>video,
figure>svg,
figure>.emded {
    margin-bottom: 1rem
}

figure>img:first-child,
figure>embed:first-child,
figure>iframe:first-child,
figure>object:first-child,
figure>video:first-child,
figure>svg:first-child,
figure>.emded:first-child {
    margin-top: 0
}

figure>img:last-child,
figure>embed:last-child,
figure>iframe:last-child,
figure>object:last-child,
figure>video:last-child,
figure>svg:last-child,
figure>.emded:last-child {
    margin-bottom: 0
}

figure p,
figure blockquote {
    margin: 1rem 0
}

figure.\:polariod {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 30rem;
    padding: calc(1vw + 1.25rem);
    border-radius: .125rem;
    background: linear-gradient(60deg, #f7f7f7 0%, #eaebeb 100%)
}

figure.\:polariod>figcaption {
    padding: 0;
    color: rgba(0, 0, 0, .87);
    font-weight: 500;
    font-family: fira pro, source code pro, SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, Courier, monospace
}

figure.\:polariod:before,
figure.\:polariod:after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0
}

figure.\:polariod:before {
    filter: blur(.75rem);
    width: calc(100% - 2.5rem);
    height: calc(100% - 2.5rem);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.24) 75%, rgba(0, 0, 0, 0.08) 80%);
    transform: skew(-7deg, -6deg) translate(0)
}

figure.\:polariod:after {
    filter: blur(.125rem);
    width: calc(100% - 1.25rem);
    height: calc(100% - 1.25rem);
    background: rgba(0, 0, 0, .24);
    transform: skew(0.75deg, 1deg) translate(-1px, -8px)
}

figure.\:card>figcaption {
    position: absolute;
    right: 0;
    bottom: .625rem;
    padding: .3125rem .625rem;
    color: rgba(255, 255, 255, .87);
    background: rgba(0, 0, 0, .38);
    text-shadow: 0 0 .5rem rgba(0, 0, 0, .54)
}

figcaption {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-bottom: 1rem;
    color: rgba(50, 51, 53, .7);
    font-size: 87.5%;
    font-weight: 500
}

figcaption:first-child {
    margin-top: 0
}

figcaption:last-child {
    margin-bottom: 0
}

fieldset {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    margin-bottom: 1.25rem
}

fieldset:last-child {
    margin-bottom: 0
}

legend {
    letter-spacing: -.01em
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: .5rem
}

label:last-child {
    margin-bottom: 0
}

input,
select,
button,
textarea {
    outline: 0
}

::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

::-moz-placeholder {
    color: rgba(0, 0, 0, .38)
}

:-moz-placeholder {
    color: rgba(0, 0, 0, .38)
}

:-ms-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.input {
    display: block;
    flex: 1 1 0%;
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
    padding: .4375rem .75rem;
    border-color: rgba(178, 179, 179, .38);
    border-radius: .25rem;
    margin-bottom: .625rem;
    color: rgba(0, 0, 0, .79);
    background-color: #fefefe;
    box-shadow: inset 0 .1875rem .375rem -.25rem rgba(0, 0, 0, .24)
}

.input:last-child {
    margin-bottom: 0
}

.input:focus,
.input.is\:focus {
    color: rgba(0, 0, 0, .91);
    border-color: #388eee;
    background-color: #fff;
    box-shadow: 0 .25rem .625rem -.25rem rgba(88, 144, 206, .24)
}

.input[readonly] {
    cursor: not-allowed
}

.input.\:inline {
    display: inline-block;
    width: auto
}

.input[disabled],
.input.is\:off {
    opacity: .38;
    background-color: #f7f7f7
}

.input.is\:success,
.input[status=success] {
    border-color: #16aa7a
}

.input.is\:success:focus,
.input.is\:success.is\:focus,
.input[status=success]:focus,
.input[status=success].is\:focus {
    border-color: #16aa7a;
    box-shadow: 0 .25rem .625rem -.25rem rgba(22, 170, 122, .24)
}

.input.is\:warning,
.input[status=warning] {
    border-color: #fc7220
}

.input.is\:warning:focus,
.input.is\:warning.is\:focus,
.input[status=warning]:focus,
.input[status=warning].is\:focus {
    border-color: #fc7220;
    box-shadow: 0 .25rem .625rem -.25rem rgba(252, 114, 32, .24)
}

.input.is\:danger,
.input[status=danger] {
    border-color: #c70506
}

.input.is\:danger:focus,
.input.is\:danger.is\:focus,
.input[status=danger]:focus,
.input[status=danger].is\:focus {
    border-color: #c70506;
    box-shadow: 0 .25rem .625rem -.25rem rgba(199, 5, 6, .24)
}

.input.sz\:sm {
    padding: .21875rem .5rem
}

input[type=color],
input[type=file],
input[type=image],
input[type=range] {
    width: auto;
    padding: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
    vertical-align: top
}

input[type=color] {
    display: inline-block;
    width: 2rem;
    height: 2rem
}

input[type=file] {
    padding: .4375rem 0
}

input[type=range] {
    width: 100%
}

select.input {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 2.5rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAOUlEQVRYw+3TsQ0AMAgDQab1HL85WQEphZs/iR4ZMyNJko6SkGSPQ3MJmknQPAfNTtAsJr6oJOnHA3JDVhew1o9RAAAAAElFTkSuQmCC);
    background-size: contain
}

select.input::-ms-expand {
    display: none
}

select.input[multiple] {
    height: 13.625rem;
    padding: 0;
    background-image: none
}

select.input[multiple] optgroup[label] {
    padding: 0;
    padding-top: .8125em;
    border-bottom: 1px solid rgba(202, 203, 203, .38);
    margin-bottom: 2.5rem;
    text-indent: .75rem;
    color: #0f5bb0;
    font-weight: 500
}

select.input[multiple] optgroup[label]:last-child {
    margin-bottom: 0;
    border-bottom-width: 0
}

select.input[multiple] optgroup[label] option {
    padding-left: 0;
    color: rgba(0, 0, 0, .79)
}

select.input[multiple] optgroup[label] option:first-child {
    margin-top: .8125em;
    border-top-width: 1px
}

select.input[multiple] optgroup[label] option:last-child {
    border-bottom-width: 0
}

select.input[multiple] option {
    box-sizing: border-box;
    position: relative;
    height: 2.6875rem;
    line-height: 1.375;
    padding: .625rem .75rem;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: rgba(202, 203, 203, .38);
    font-size: inherit;
    background: #fefefe linear-gradient(0deg, #fefefe 0%, #fefefe 100%);
    transition: .06s ease-out
}

select.input[multiple] option:first-child {
    height: 2.625rem;
    border-top-width: 0
}

select.input[multiple] option:nth-child(odd) {
    background: rgba(223, 222, 224, .05)
}

select.input[multiple] option:checked {
    text-shadow: 0 0 .375rem rgba(0, 0, 0, .24);
    background: rgba(234, 235, 235, 0.54) linear-gradient(0deg, rgba(234, 235, 235, 0.54) 0%, rgba(230, 229, 231, 0.54) 100%)
}

select.input[multiple]:focus option:checked,
select.input[multiple].is\:focus option:checked {
    text-shadow: 0 0 .375rem rgba(255, 255, 255, .24);
    background: #388eee linear-gradient(0deg, #388eee 0%, #2a86ed 100%)
}

select.input[multiple]:focus option:checked,
select.input[multiple]:focus option:checked+option,
select.input[multiple].is\:focus option:checked,
select.input[multiple].is\:focus option:checked+option {
    border-top-color: #1479e9
}

textarea.input,
[contenteditable].input {
    height: 9rem;
    resize: vertical
}

[contenteditable].input {
    height: auto;
    min-height: 9rem;
    max-height: 18rem;
    overflow: auto;
    white-space: pre-line;
    word-break: break-word
}

.table {
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background: 0 0;
    margin: 1.25rem auto
}

.table>caption {
    padding: .5em .625em
}

.table th {
    font-weight: 500
}

.table th,
.table td {
    padding: 1em .625em;
    transition: background-color .24s
}

.table>thead th,
.table>thead td {
    white-space: nowrap
}

.table>tbody th,
.table>tbody td {
    border-top: 1px solid rgba(191, 192, 192, .38)
}

.table>tbody:first-child>tr:first-child th,
.table>tbody:first-child>tr:first-child td {
    border-top-width: 0
}

.table>tbody>tr:first-child th,
.table>tbody>tr:first-child td,
.table>tfoot th,
.table>tfoot td {
    border-top: 1px solid rgba(191, 192, 192, .38)
}

.table.\:tight>caption {
    padding-top: .25em;
    padding-bottom: .25em
}

.table.\:tight th,
.table.\:tight td {
    padding-top: .625em;
    padding-bottom: .625em
}

.table.\:loose>caption {
    padding-top: .5625em;
    padding-bottom: .5625em
}

.table.\:loose th,
.table.\:loose td {
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

.table.\:bordered,
.table.\:outline {
    border-color: rgba(178, 179, 179, .38)
}

.table.\:bordered th,
.table.\:bordered td {
    border-left: 1px solid rgba(191, 192, 192, .38)
}

.table.\:bordered th:first-child,
.table.\:bordered td:first-child {
    border-left-color: rgba(178, 179, 179, .38)
}

.table.\:striped>tbody>tr>th,
.table.\:striped>tbody>tr>td {
    background-color: rgba(255, 255, 255, .12)
}

.table.\:striped>tbody>tr:nth-child(odd)>th,
.table.\:striped>tbody>tr:nth-child(odd)>td {
    background-color: rgba(178, 179, 179, .08)
}

.table.\:hover>tbody>tr:hover>th,
.table.\:hover>tbody>tr:hover>td,
.table.\:hover>tbody>tr.is\:hover>th,
.table.\:hover>tbody>tr.is\:hover>td {
    background-color: rgba(129, 128, 130, .08)
}

.table.\:highlight {
    overflow: hidden;
    background-color: transparent
}

.table.\:highlight>caption {
    display: none
}

.table.\:highlight th {
    font-weight: 700
}

.table.\:highlight th,
.table.\:highlight td {
    position: relative;
    background-color: transparent;
    transition: background-color .24s
}

.table.\:highlight th:not(:empty):hover,
.table.\:highlight th:not(:empty).is\:hover,
.table.\:highlight td:hover,
.table.\:highlight td.is\:hover {
    background-color: rgba(56, 142, 238, .2)
}

.table.\:highlight thead th:not(:empty):hover:after,
.table.\:highlight thead th:not(:empty).is\:hover:after,
.table.\:highlight td:hover:after,
.table.\:highlight td.is\:hover:after {
    content: "";
    position: absolute;
    top: -100vh;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 300vh;
    opacity: .87;
    background-color: rgba(56, 142, 238, .08)
}

.table.\:highlight tbody th:not(:empty):hover:before,
.table.\:highlight tbody th:not(:empty).is\:hover:before,
.table.\:highlight td:hover:before,
.table.\:highlight td.is\:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100vh;
    z-index: -1;
    width: 300vh;
    height: 100%;
    opacity: .87;
    background-color: rgba(56, 142, 238, .08)
}

.table.\:highlight tfoot td,
.table.\:highlight tfoot th {
    background-color: transparent
}

.table.\:definition {
    border-color: transparent rgba(178, 179, 179, .38) rgba(178, 179, 179, .38) transparent
}

.table.\:definition th,
.table.\:definition td {
    border: 1px solid rgba(178, 179, 179, .38)
}

.table.\:definition>thead>tr:first-child>th:first-child {
    border-top-color: transparent;
    border-left-color: transparent
}

.table.\:definition>thead>tr:first-child>th+th {
    background-color: rgba(178, 179, 179, .08)
}

.table.\:definition>tbody tr th:first-child,
.table.\:definition>tbody tr td:first-child {
    background-color: rgba(178, 179, 179, .08)
}

.table.\:definition>tbody tr:nth-child(even) th,
.table.\:definition>tbody tr:nth-child(even) td {
    background-color: rgba(178, 179, 179, .08)
}

.table.\:definition>tbody tr:nth-child(even) th:first-child,
.table.\:definition>tbody tr:nth-child(even) td:first-child {
    background-color: rgba(114, 116, 116, .08)
}

@media(max-width:767px) {
    .table.\:rwd-card {
        border: 0;
        background: 0 0 !important;
        box-shadow: none
    }

    .table.\:rwd-card th,
    .table.\:rwd-card td {
        width: 100%;
        background: #fff
    }

    .table.\:rwd-card th:empty,
    .table.\:rwd-card td:empty {
        display: table-cell
    }

    .table.\:rwd-card thead,
    .table.\:rwd-card tfoot {
        display: none
    }

    .table.\:rwd-card tbody {
        display: block
    }

    .table.\:rwd-card tbody tr {
        display: block;
        position: relative;
        z-index: 1;
        margin-bottom: 1.25rem;
        border: 2px solid rgba(197, 198, 198, .38);
        border-radius: .5rem;
        background-color: #fff
    }

    .table.\:rwd-card tbody tr:first-child th,
    .table.\:rwd-card tbody tr:first-child td {
        border-top-color: rgba(202, 203, 203, .38)
    }

    .table.\:rwd-card tbody tr th:first-child,
    .table.\:rwd-card tbody tr td:first-child {
        border-top-width: 0;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .table.\:rwd-card tbody tr th:last-child,
    .table.\:rwd-card tbody tr td:last-child {
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .table.\:rwd-card tbody tr th:nth-child(even),
    .table.\:rwd-card tbody tr td:nth-child(even) {
        background: #fbfafc
    }

    .table.\:rwd-card tbody tr th:nth-child(odd),
    .table.\:rwd-card tbody tr td:nth-child(odd) {
        background: #fff
    }

    .table.\:rwd-card tbody tr:after {
        position: absolute;
        bottom: .125em;
        left: 8%;
        z-index: -1;
        width: 84%;
        height: 30%;
        border-radius: 35%;
        background: rgba(0, 0, 0, .24);
        filter: blur(.75em)
    }

    .table.\:rwd-card tbody th,
    .table.\:rwd-card tbody td {
        display: flex;
        align-items: flex-start;
        padding-right: .625rem;
        padding-left: .625rem;
        border-top-color: rgba(202, 203, 203, .38)
    }

    .table.\:rwd-card tbody th:before,
    .table.\:rwd-card tbody td:before {
        content: attr(data-label);
        display: block;
        position: relative;
        top: .3928571429em;
        line-height: 1;
        flex: 0 0 6em;
        min-width: 6em;
        max-width: 6em;
        margin-right: 1rem;
        font-size: 87.5%;
        opacity: .54
    }

    .table.\:rwd-card tbody th:before:empty,
    .table.\:rwd-card tbody td:before:empty {
        display: none
    }
}

.btn,
.btn-outline,
.btn-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    width: auto;
    min-height: 2.5rem;
    padding: .4375rem;
    border-width: 1px;
    outline: none;
    user-select: none;
    touch-action: manipulation;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-image: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 1rem;
    text-shadow: none;
    letter-spacing: .015em;
    transition-property: color, background-color, border-color, box-shadow
}

.btn:hover,
.btn-outline:hover,
.btn-text:hover,
.btn:focus,
.btn-outline:focus,
.btn-text:focus,
.is\:focus.btn,
.is\:focus.btn-outline,
.is\:focus.btn-text {
    z-index: 3;
    text-decoration: none
}

.btn:active,
.btn-outline:active,
.btn-text:active,
.is\:on.btn,
.is\:on.btn-outline,
.is\:on.btn-text {
    z-index: 3
}

.sz\:xs.btn,
.sz\:xs.btn-outline,
.sz\:xs.btn-text,
.btn-grp.sz\:xs>.btn,
.btn-grp.sz\:xs>.btn-outline,
.btn-grp.sz\:xs>.btn-text,
.modal_btn-grp.sz\:xs>.btn,
.modal_btn-grp.sz\:xs>.btn-outline,
.modal_btn-grp.sz\:xs>.btn-text {
    font-size: .75rem
}

.sz\:sm.btn,
.sz\:sm.btn-outline,
.sz\:sm.btn-text,
.btn-grp.sz\:sm>.btn,
.btn-grp.sz\:sm>.btn-outline,
.btn-grp.sz\:sm>.btn-text,
.modal_btn-grp.sz\:sm>.btn,
.modal_btn-grp.sz\:sm>.btn-outline,
.modal_btn-grp.sz\:sm>.btn-text {
    font-size: .875rem
}

.sz\:lg.btn,
.sz\:lg.btn-outline,
.sz\:lg.btn-text,
.btn-grp.sz\:lg>.btn,
.btn-grp.sz\:lg>.btn-outline,
.btn-grp.sz\:lg>.btn-text,
.modal_btn-grp.sz\:lg>.btn,
.modal_btn-grp.sz\:lg>.btn-outline,
.modal_btn-grp.sz\:lg>.btn-text {
    font-size: 1.25rem
}

.sz\:xl.btn,
.sz\:xl.btn-outline,
.sz\:xl.btn-text,
.btn-grp.sz\:xl>.btn,
.btn-grp.sz\:xl>.btn-outline,
.btn-grp.sz\:xl>.btn-text,
.modal_btn-grp.sz\:xl>.btn,
.modal_btn-grp.sz\:xl>.btn-outline,
.modal_btn-grp.sz\:xl>.btn-text {
    font-size: 1.5rem
}

.btn,
.btn-outline {
    min-width: 4.6875rem;
    min-height: 2.5rem;
    padding: .4375rem 1rem;
    border-radius: .25rem
}

.\:circle.btn,
.\:circle.btn-outline,
.\:square.btn,
.\:square.btn-outline {
    padding: .4375rem
}

.sz\:xs.btn,
.sz\:xs.btn-outline,
.btn-grp.sz\:xs>.btn,
.btn-grp.sz\:xs>.btn-outline,
.modal_btn-grp.sz\:xs>.btn,
.modal_btn-grp.sz\:xs>.btn-outline {
    min-width: 2.8125rem;
    min-height: 1.5rem;
    padding: .125rem .75rem
}

.sz\:xs.\:circle.btn,
.sz\:xs.\:circle.btn-outline,
.sz\:xs.\:square.btn,
.sz\:xs.\:square.btn-outline,
.btn-grp.sz\:xs>.\:circle.btn,
.btn-grp.sz\:xs>.\:circle.btn-outline,
.btn-grp.sz\:xs>.\:square.btn,
.btn-grp.sz\:xs>.\:square.btn-outline,
.modal_btn-grp.sz\:xs>.\:circle.btn,
.modal_btn-grp.sz\:xs>.\:circle.btn-outline,
.modal_btn-grp.sz\:xs>.\:square.btn,
.modal_btn-grp.sz\:xs>.\:square.btn-outline {
    padding: .125rem
}

.sz\:sm.btn,
.sz\:sm.btn-outline,
.btn-grp.sz\:sm>.btn,
.btn-grp.sz\:sm>.btn-outline,
.modal_btn-grp.sz\:sm>.btn,
.modal_btn-grp.sz\:sm>.btn-outline {
    min-width: 3.75rem;
    min-height: 2rem;
    padding: .28125rem .875rem
}

.sz\:sm.\:circle.btn,
.sz\:sm.\:circle.btn-outline,
.sz\:sm.\:square.btn,
.sz\:sm.\:square.btn-outline,
.btn-grp.sz\:sm>.\:circle.btn,
.btn-grp.sz\:sm>.\:circle.btn-outline,
.btn-grp.sz\:sm>.\:square.btn,
.btn-grp.sz\:sm>.\:square.btn-outline,
.modal_btn-grp.sz\:sm>.\:circle.btn,
.modal_btn-grp.sz\:sm>.\:circle.btn-outline,
.modal_btn-grp.sz\:sm>.\:square.btn,
.modal_btn-grp.sz\:sm>.\:square.btn-outline {
    padding: .28125rem
}

.sz\:lg.btn,
.sz\:lg.btn-outline,
.btn-grp.sz\:lg>.btn,
.btn-grp.sz\:lg>.btn-outline,
.modal_btn-grp.sz\:lg>.btn,
.modal_btn-grp.sz\:lg>.btn-outline {
    min-width: 5.625rem;
    min-height: 3rem;
    padding: .5rem 1.25rem
}

.sz\:lg.\:circle.btn,
.sz\:lg.\:circle.btn-outline,
.sz\:lg.\:square.btn,
.sz\:lg.\:square.btn-outline,
.btn-grp.sz\:lg>.\:circle.btn,
.btn-grp.sz\:lg>.\:circle.btn-outline,
.btn-grp.sz\:lg>.\:square.btn,
.btn-grp.sz\:lg>.\:square.btn-outline,
.modal_btn-grp.sz\:lg>.\:circle.btn,
.modal_btn-grp.sz\:lg>.\:circle.btn-outline,
.modal_btn-grp.sz\:lg>.\:square.btn,
.modal_btn-grp.sz\:lg>.\:square.btn-outline {
    padding: .5rem
}

.sz\:xl.btn,
.sz\:xl.btn-outline,
.btn-grp.sz\:xl>.btn,
.btn-grp.sz\:xl>.btn-outline,
.modal_btn-grp.sz\:xl>.btn,
.modal_btn-grp.sz\:xl>.btn-outline {
    min-width: 7.5rem;
    min-height: 4rem;
    padding: .8125rem 1.5rem
}

.sz\:xl.\:circle.btn,
.sz\:xl.\:circle.btn-outline,
.sz\:xl.\:square.btn,
.sz\:xl.\:square.btn-outline,
.btn-grp.sz\:xl>.\:circle.btn,
.btn-grp.sz\:xl>.\:circle.btn-outline,
.btn-grp.sz\:xl>.\:square.btn,
.btn-grp.sz\:xl>.\:square.btn-outline,
.modal_btn-grp.sz\:xl>.\:circle.btn,
.modal_btn-grp.sz\:xl>.\:circle.btn-outline,
.modal_btn-grp.sz\:xl>.\:square.btn,
.modal_btn-grp.sz\:xl>.\:square.btn-outline {
    padding: .8125rem
}

.\:circle.btn,
.\:circle.btn-outline,
.\:square.btn,
.\:square.btn-outline,
.btn-grp.\:circle>.btn,
.btn-grp.\:circle>.btn-outline,
.btn-grp.\:square>.btn,
.btn-grp.\:square>.btn-outline {
    width: 2.5rem;
    min-width: 2.5rem
}

.\:circle.sz\:xs.btn,
.\:circle.sz\:xs.btn-outline,
.\:square.sz\:xs.btn,
.\:square.sz\:xs.btn-outline,
.btn-grp.\:circle>.sz\:xs.btn,
.btn-grp.\:circle>.sz\:xs.btn-outline,
.btn-grp.\:square>.sz\:xs.btn,
.btn-grp.\:square>.sz\:xs.btn-outline {
    width: 1.5rem;
    min-width: 1.5rem
}

.\:circle.sz\:sm.btn,
.\:circle.sz\:sm.btn-outline,
.\:square.sz\:sm.btn,
.\:square.sz\:sm.btn-outline,
.btn-grp.\:circle>.sz\:sm.btn,
.btn-grp.\:circle>.sz\:sm.btn-outline,
.btn-grp.\:square>.sz\:sm.btn,
.btn-grp.\:square>.sz\:sm.btn-outline {
    width: 2rem;
    min-width: 2rem
}

.\:circle.sz\:lg.btn,
.\:circle.sz\:lg.btn-outline,
.\:square.sz\:lg.btn,
.\:square.sz\:lg.btn-outline,
.btn-grp.\:circle>.sz\:lg.btn,
.btn-grp.\:circle>.sz\:lg.btn-outline,
.btn-grp.\:square>.sz\:lg.btn,
.btn-grp.\:square>.sz\:lg.btn-outline {
    width: 3rem;
    min-width: 3rem
}

.\:circle.sz\:xl.btn,
.\:circle.sz\:xl.btn-outline,
.\:square.sz\:xl.btn,
.\:square.sz\:xl.btn-outline,
.btn-grp.\:circle>.sz\:xl.btn,
.btn-grp.\:circle>.sz\:xl.btn-outline,
.btn-grp.\:square>.sz\:xl.btn,
.btn-grp.\:square>.sz\:xl.btn-outline {
    width: 4rem;
    min-width: 4rem
}

.\:circle.btn,
.\:circle.btn-outline {
    border-radius: 50%
}

.\:rounded.btn,
.\:rounded.btn-outline,
.btn-grp.\:rounded>.btn,
.btn-grp.\:rounded>.btn-outline {
    border-radius: 4rem
}

.btn {
    color: rgba(0, 0, 0, .87);
    border-color: rgba(153, 151, 150, .24);
    background: #fcfcfc;
    box-shadow: 0 .3125rem .625rem -.625rem rgba(24, 8, 17, .54)
}

.btn:hover,
.drop.\:hover:hover>.btn,
.drop_switch.is\:on+.btn {
    box-shadow: none;
    background: #f7f7f7
}

.btn.\:circle {
    border-color: transparent
}

.btn:active,
.btn.is\:on {
    box-shadow: inset 0 .25rem .375rem -.375rem rgba(24, 8, 17, .54);
    background: #f0f0f0
}

.btn.clr\:primary,
.btn-grp.clr\:primary>.btn,
.input-grp.clr\:primary .btn {
    color: rgba(255, 255, 255, .87);
    background: #388eee;
    box-shadow: 0 .4375rem .4375rem -.5rem rgba(35, 55, 94, .54)
}

.btn.clr\:primary:active,
.btn.clr\:primary.is\:on,
.btn-grp.clr\:primary>.btn:active,
.btn-grp.clr\:primary>.btn.is\:on,
.input-grp.clr\:primary .btn:active,
.input-grp.clr\:primary .btn.is\:on {
    background-color: #1375e2
}

.btn.clr\:primary:hover,
.btn-grp.clr\:primary>.btn:hover,
.input-grp.clr\:primary .btn:hover,
.drop.\:hover:hover>.btn.clr\:primary,
.drop_switch.is\:on+.btn.clr\:primary {
    background-color: #1a7deb;
    box-shadow: none
}

.btn.clr\:secondary,
.btn-grp.clr\:secondary>.btn,
.input-grp.clr\:secondary .btn {
    color: rgba(255, 255, 255, .87);
    background: #0f4c81;
    box-shadow: 0 .4375rem .4375rem -.5rem rgba(21, 32, 56, .54)
}

.btn.clr\:secondary:active,
.btn.clr\:secondary.is\:on,
.btn-grp.clr\:secondary>.btn:active,
.btn-grp.clr\:secondary>.btn.is\:on,
.input-grp.clr\:secondary .btn:active,
.input-grp.clr\:secondary .btn.is\:on {
    background-color: #0a3255
}

.btn.clr\:secondary:hover,
.btn-grp.clr\:secondary>.btn:hover,
.input-grp.clr\:secondary .btn:hover,
.drop.\:hover:hover>.btn.clr\:secondary,
.drop_switch.is\:on+.btn.clr\:secondary {
    background-color: #0c3b64;
    box-shadow: none
}

.btn.clr\:dark,
.btn-grp.clr\:dark>.btn,
.input-grp.clr\:dark .btn {
    color: rgba(255, 255, 255, .87);
    background: #373c38;
    box-shadow: 0 .4375rem .4375rem -.5rem rgba(35, 26, 31, .54)
}

.btn.clr\:dark:active,
.btn.clr\:dark.is\:on,
.btn-grp.clr\:dark>.btn:active,
.btn-grp.clr\:dark>.btn.is\:on,
.input-grp.clr\:dark .btn:active,
.input-grp.clr\:dark .btn.is\:on {
    background-color: #202220
}

.btn.clr\:dark:hover,
.btn-grp.clr\:dark>.btn:hover,
.input-grp.clr\:dark .btn:hover,
.drop.\:hover:hover>.btn.clr\:dark,
.drop_switch.is\:on+.btn.clr\:dark {
    background-color: #272b28;
    box-shadow: none
}

.btn.clr\:light,
.btn-grp.clr\:light>.btn,
.input-grp.clr\:light .btn {
    color: rgba(50, 51, 53, .87);
    background: #f8f8f8;
    box-shadow: 0 .4375rem .4375rem -.5rem rgba(102, 92, 98, .54)
}

.btn.clr\:light:active,
.btn.clr\:light.is\:on,
.btn-grp.clr\:light>.btn:active,
.btn-grp.clr\:light>.btn.is\:on,
.input-grp.clr\:light .btn:active,
.input-grp.clr\:light .btn.is\:on {
    background-color: #e0e0e0
}

.btn.clr\:light:hover,
.btn-grp.clr\:light>.btn:hover,
.input-grp.clr\:light .btn:hover,
.drop.\:hover:hover>.btn.clr\:light,
.drop_switch.is\:on+.btn.clr\:light {
    background-color: #e8e8e8;
    box-shadow: none
}

.btn-text {
    min-height: 2.5rem;
    padding: .4375rem;
    color: rgba(101, 102, 104, .87);
    border-color: transparent;
    background: 0 0
}

.btn-text:hover,
.drop.\:hover:hover>.btn-text {
    opacity: .87
}

.btn-text.sz\:xs,
.btn-grp.sz\:xs>.btn-text,
.modal_btn-grp.sz\:xs>.btn-text {
    min-height: 1.5rem;
    padding: .125rem .75rem
}

.btn-text.sz\:sm,
.btn-grp.sz\:sm>.btn-text,
.modal_btn-grp.sz\:sm>.btn-text {
    min-height: 2rem;
    padding: .28125rem .875rem
}

.btn-text.sz\:lg,
.btn-grp.sz\:lg>.btn-text,
.modal_btn-grp.sz\:lg>.btn-text {
    min-height: 3rem;
    padding: .5rem 1.25rem
}

.btn-text.sz\:xl,
.btn-grp.sz\:xl>.btn-text,
.modal_btn-grp.sz\:xl>.btn-text {
    min-height: 4rem;
    padding: .8125rem 1.5rem
}

.btn-text.clr\:primary,
.btn-grp.clr\:primary>.btn-text {
    color: #388eee
}

.btn-text.clr\:primary:active,
.btn-text.clr\:primary.is\:on,
.btn-grp.clr\:primary>.btn-text:active,
.btn-grp.clr\:primary>.btn-text.is\:on {
    color: #1375e2
}

.btn-text.clr\:primary:hover,
.btn-grp.clr\:primary>.btn-text:hover,
.drop.\:hover:hover>.btn-text.clr\:primary,
.drop_switch.is\:on+.btn-text.clr\:primary {
    color: #1a7deb
}

.btn-text.clr\:secondary,
.btn-grp.clr\:secondary>.btn-text {
    color: #0f4c81
}

.btn-text.clr\:secondary:active,
.btn-text.clr\:secondary.is\:on,
.btn-grp.clr\:secondary>.btn-text:active,
.btn-grp.clr\:secondary>.btn-text.is\:on {
    color: #0a3255
}

.btn-text.clr\:secondary:hover,
.btn-grp.clr\:secondary>.btn-text:hover,
.drop.\:hover:hover>.btn-text.clr\:secondary,
.drop_switch.is\:on+.btn-text.clr\:secondary {
    color: #0c3b64
}

.btn-text.clr\:dark,
.btn-grp.clr\:dark>.btn-text {
    color: #373c38
}

.btn-text.clr\:dark:active,
.btn-text.clr\:dark.is\:on,
.btn-grp.clr\:dark>.btn-text:active,
.btn-grp.clr\:dark>.btn-text.is\:on {
    color: #202220
}

.btn-text.clr\:dark:hover,
.btn-grp.clr\:dark>.btn-text:hover,
.drop.\:hover:hover>.btn-text.clr\:dark,
.drop_switch.is\:on+.btn-text.clr\:dark {
    color: #272b28
}

.btn-text.clr\:light,
.btn-grp.clr\:light>.btn-text {
    color: #f8f8f8
}

.btn-text.clr\:light:active,
.btn-text.clr\:light.is\:on,
.btn-grp.clr\:light>.btn-text:active,
.btn-grp.clr\:light>.btn-text.is\:on {
    color: #e0e0e0
}

.btn-text.clr\:light:hover,
.btn-grp.clr\:light>.btn-text:hover,
.drop.\:hover:hover>.btn-text.clr\:light,
.drop_switch.is\:on+.btn-text.clr\:light {
    color: #e8e8e8
}

.btn-outline {
    color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    background: 0 0;
    box-shadow: none
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline.is\:on,
.drop.\:hover:hover>.btn-outline,
.drop_switch.is\:on+.btn-outline {
    color: rgba(0, 0, 0, .54);
    border-color: rgba(0, 0, 0, .54);
    background: rgba(0, 0, 0, .05)
}

.btn-outline.clr\:primary,
.btn-grp.clr\:primary>.btn-outline {
    color: #388eee;
    border-color: #388eee
}

.btn-outline.clr\:primary:hover,
.btn-outline.clr\:primary:active,
.btn-outline.clr\:primary.is\:on,
.btn-grp.clr\:primary>.btn-outline:hover,
.btn-grp.clr\:primary>.btn-outline:active,
.btn-grp.clr\:primary>.btn-outline.is\:on {
    color: #1168c8;
    border-color: #1168c8;
    background: rgba(17, 104, 200, .05)
}

.btn-outline.clr\:secondary,
.btn-grp.clr\:secondary>.btn-outline {
    color: #0f4c81;
    border-color: #0f4c81
}

.btn-outline.clr\:secondary:hover,
.btn-outline.clr\:secondary:active,
.btn-outline.clr\:secondary.is\:on,
.btn-grp.clr\:secondary>.btn-outline:hover,
.btn-grp.clr\:secondary>.btn-outline:active,
.btn-grp.clr\:secondary>.btn-outline.is\:on {
    color: #07243c;
    border-color: #07243c;
    background: rgba(7, 36, 60, .05)
}

.btn-outline.clr\:dark,
.btn-grp.clr\:dark>.btn-outline {
    color: #373c38;
    border-color: #373c38
}

.btn-outline.clr\:dark:hover,
.btn-outline.clr\:dark:active,
.btn-outline.clr\:dark.is\:on,
.btn-grp.clr\:dark>.btn-outline:hover,
.btn-grp.clr\:dark>.btn-outline:active,
.btn-grp.clr\:dark>.btn-outline.is\:on {
    color: #121413;
    border-color: #121413;
    background: rgba(18, 20, 19, .05)
}

.btn-outline.clr\:light,
.btn-grp.clr\:light>.btn-outline {
    color: #f8f8f8;
    border-color: #f8f8f8
}

.btn-outline.clr\:light:hover,
.btn-outline.clr\:light:active,
.btn-outline.clr\:light.is\:on,
.btn-grp.clr\:light>.btn-outline:hover,
.btn-grp.clr\:light>.btn-outline:active,
.btn-grp.clr\:light>.btn-outline.is\:on {
    color: #d2d2d2;
    border-color: #d2d2d2;
    background: rgba(210, 210, 210, .05)
}

.btn-grp {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%
}

.btn-grp>[class*=btn] {
    flex: 1 0 auto;
    margin: 0 .3125rem
}

.btn-grp>[class*=btn]:first-child {
    margin-left: 0
}

.btn-grp>[class*=btn]:last-child {
    margin-right: 0
}

.btn-grp.\:united>[class*=btn] {
    border-radius: 0;
    margin: 0;
    margin-right: -1px
}

.btn-grp.\:united>[class*=btn]:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.btn-grp.\:united>[class*=btn]:last-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    margin-right: 0
}

.btn-grp.\:united.\:rounded>[class*=btn]:first-child {
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem
}

.btn-grp.\:united.\:rounded>[class*=btn]:last-child {
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem;
    margin-right: 0
}

.btn.\:upload,
.btn-text.\:upload,
.btn-outline.\:upload {
    overflow: hidden;
    margin-bottom: 0
}

.btn.\:upload [type=file],
.btn-text.\:upload [type=file],
.btn-outline.\:upload [type=file] {
    position: absolute;
    top: -1;
    left: -1;
    z-index: 1;
    width: calc(100% + (1 * 2));
    height: calc(100% + (1 * 2));
    padding: 0;
    opacity: 0;
    visibility: hidden
}

.btn-close:hover,
.btn-close.is\:hover {
    opacity: .87
}

.btn-close .icon {
    margin: 0
}

.btn-close.sz\:sm {
    font-size: 1rem
}

.btn-close.sz\:sm:empty:before,
.btn-close.sz\:sm:empty:after {
    content: "";
    width: 2px;
    height: 12px
}

.btn-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    max-width: 1.75rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: 0 0
}

.btn-menu:after {
    content: "";
    display: inline-block;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, .38);
    box-shadow: 0 -.375rem 0 rgba(0, 0, 0, .38), 0 .375rem 0 rgba(0, 0, 0, .38)
}

html.desktop .btn-menu {
    opacity: .38
}

html.desktop .btn-menu:hover,
html.desktop .btn-menu.is\:hover {
    background: rgba(0, 0, 0, .05);
    opacity: 1
}

.btn-menu.clr\:light:after {
    background: rgba(255, 255, 255, .54);
    box-shadow: 0 -.375rem 0 rgba(255, 255, 255, .54), 0 .375rem 0 rgba(255, 255, 255, .54)
}

.btn-menu.clr\:light:hover,
.btn-menu.clr\:light.is\:hover {
    background: rgba(255, 255, 255, .12)
}

.form_grp {
    margin-bottom: 1.5rem
}

.form_grp:last-child {
    margin-bottom: 0
}

.form_label {
    padding-top: .4375rem;
    padding-left: .25rem;
    font-size: .875rem;
    opacity: .87
}

.form_ctrl {
    margin-bottom: 1rem
}

.form_ctrl:last-child {
    margin-bottom: 0
}

.form_note {
    padding: .375rem 0 .375rem .25rem;
    font-size: 87.5%;
    opacity: .7
}

.form_opt {
    display: inline-flex;
    align-items: flex-start;
    padding-top: .4375rem;
    padding-bottom: .4375rem;
    font-size: 87.5%
}

.form_opt input {
    margin-top: .4375rem;
    margin-right: .5rem
}

html.desktop .form_opt input {
    margin-top: .3125rem
}

.form_grp.is\:required .form_label {
    font-weight: 500;
    opacity: 1
}

.form_grp.is\:required .form_label:before {
    content: "* "
}

.form_grp.is\:required .input {
    border-color: #999796
}

.form_grp.is\:success .form_label,
.form_grp.is\:success .form_note,
.form_grp[status=success] .form_label,
.form_grp[status=success] .form_note {
    color: var(--is-success)
}

.form_grp.is\:success .input,
.form_grp[status=success] .input {
    border-color: var(--is-success)
}

.form_grp.is\:success .input:focus,
.form_grp[status=success] .input:focus {
    box-shadow: 0 .25rem .625rem -.25rem rgba(22, 170, 122, .24)
}

.form_grp.is\:warning .form_label,
.form_grp.is\:warning .form_note,
.form_grp[status=warning] .form_label,
.form_grp[status=warning] .form_note {
    color: var(--is-warning)
}

.form_grp.is\:warning .input,
.form_grp[status=warning] .input {
    border-color: var(--is-warning)
}

.form_grp.is\:warning .input:focus,
.form_grp[status=warning] .input:focus {
    box-shadow: 0 .25rem .625rem -.25rem rgba(252, 114, 32, .24)
}

.form_grp.is\:danger .form_label,
.form_grp.is\:danger .form_note,
.form_grp[status=danger] .form_label,
.form_grp[status=danger] .form_note {
    color: var(--is-danger)
}

.form_grp.is\:danger .input,
.form_grp[status=danger] .input {
    border-color: var(--is-danger)
}

.form_grp.is\:danger .input:focus,
.form_grp[status=danger] .input:focus {
    box-shadow: 0 .25rem .625rem -.25rem rgba(199, 5, 6, .24)
}

.opt-list {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 12.875rem;
    overflow: auto;
    border: 1px solid rgba(178, 179, 179, .38);
    border-radius: .25rem;
    margin-bottom: .625rem;
    color: rgba(0, 0, 0, .79);
    background-color: #fefefe;
    box-shadow: inset 0 .1875rem .375rem -.25rem rgba(0, 0, 0, .24)
}

.opt-list:last-child {
    margin-bottom: 0
}

.opt-list_item {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: .4375rem .75rem;
    margin-bottom: 0;
    border-top: 1px solid rgba(178, 179, 179, .38)
}

.opt-list_item:first-child {
    border-top: 0
}

.opt-list_item:nth-child(odd) {
    background: rgba(223, 222, 224, .05)
}

.opt-list_item:hover,
.opt-list_item.is\:hover {
    background: rgba(203, 204, 205, .12)
}

.opt-list_item input {
    margin-top: .4375rem;
    margin-right: .75rem
}

html.desktop .opt-list_item input {
    margin-top: .375rem
}

.input-grp {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.25rem
}

.input-grp:last-child {
    margin-bottom: 0
}

.input-grp>.input-append,
.input-grp>.input-btn,
.input-grp>.input {
    position: relative;
    z-index: 1;
    margin: 0 -1px 0 0;
    border-radius: 0
}

.input-grp>.input-append:last-child,
.input-grp>.input-btn:last-child,
.input-grp>.input:last-child {
    margin-right: 0
}

.input-grp>.input-append:first-child,
.input-grp>.input:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.input-grp>.input-append:last-child,
.input-grp>.input:last-child {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.input-grp>.input {
    flex: 1 1 auto;
    z-index: 2
}

.input-append {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 3rem;
    line-height: 1;
    padding: .25rem .5rem;
    border: 1px solid rgba(178, 179, 179, .38);
    text-align: center;
    font-weight: 500;
    color: rgba(74, 77, 79, .7);
    background-color: #f7f7f7;
    white-space: nowrap;
    user-select: none
}

.input-append [type=radio],
.input-append [type=checkbox] {
    position: relative
}

.input-append [type=radio] {
    top: -2px
}

.input-append [type=checkbox] {
    top: -1px
}

.input-btn>.btn,
.input-btn>.btn-outline {
    border-radius: 0
}

.input-btn:first-child>.btn,
.input-btn:first-child>.btn-outline {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.input-btn:last-child>.btn,
.input-btn:last-child>.btn-outline {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.option,
.choice,
.switch,
.chip {
    vertical-align: top;
    cursor: pointer;
    user-select: none
}

.option_input,
.choice_input,
.switch_input,
.chip_input {
    display: none
}

.option-grp,
.choice-grp {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.option {
    display: inline-block;
    padding: .4375rem 0;
    margin: 0;
}

.option-grp {
    margin: -.5rem -.9375rem
}

.option-grp>.option {
    margin: .5rem .9375rem
}

.option_input:active+.option_obj:before {
    transform: scale(.85)
}

.option_input:checked+.option_obj:before {
    border-color: transparent;
    background: #388eee;
    box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .1)
}

.option_input:checked+.option_obj:after {
    top: .5rem;
    opacity: 1
}

.option_input:checked:active+.option_obj:before {
    transform: scale(.96)
}

[type=checkbox].option_input+.option_obj:before {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .125rem
}

[type=checkbox].option_input+.option_obj:after {
    width: 1rem;
    height: .5rem;
    margin-top: -.125rem;
    border-width: 0 0 2px 2px;
    border-color: #fff;
    transform: rotate(-45deg) scale(1.5)
}

[type=checkbox].option_input:checked+.option_obj:after {
    transform: rotate(-45deg) scale(1)
}

[type=radio].option_input+.option_obj:before {
    left: -1px;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%
}

[type=radio].option_input+.option_obj:after {
    width: 1rem;
    height: 1rem;
    border-width: 3px;
    border-color: #fff;
    border-radius: 50%;
    margin-top: -.125rem;
    transform: scale(1.5);
    background: #388eee
}

[type=radio].option_input:checked+.option_obj:after {
    transform: scale(1)
}

.option_obj {
    display: block;
    position: relative;
    z-index: 1;
    padding-left: 1.625rem
}

.option_obj:before,
.option_obj:after {
    content: "";
    position: absolute;
    z-index: 1
}

.option_obj:before {
    top: .1875rem;
    left: 0;
    z-index: 1;
    border: 2px solid #d8d8d9;
    vertical-align: text-bottom;
    background: rgba(255, 255, 255, .12);
    box-shadow: inset 0 .0625rem .1875rem rgba(129, 128, 130, .12)
}

.option_obj:after {
    top: .4375rem;
    left: .125rem;
    z-index: 2;
    opacity: 0;
    border-style: solid
}

.option.is\:warning .option_input:checked+.option_obj,
.option.is\:danger .option_input:checked+.option_obj,
.option[status=warning] .option_input:checked+.option_obj,
.option[status=danger] .option_input:checked+.option_obj {
    color: inherit
}

.option.is\:warning .option_input:checked+.option_obj:before,
.option.is\:danger .option_input:checked+.option_obj:before,
.option[status=warning] .option_input:checked+.option_obj:before,
.option[status=danger] .option_input:checked+.option_obj:before {
    border-color: transparent
}

.option.is\:warning .option_obj {
    color: #fc7220
}

.option.is\:warning .option_obj:before {
    border-color: #fc7220
}

.option.is\:danger .option_obj {
    color: #c70506
}

.option.is\:danger .option_obj:before {
    border-color: #c70506
}

.choice {
    flex: 0 0 auto;
    position: relative;
    color: rgba(0, 0, 0, .7)
}

.choice:active .choice_obj {
    transform: scale(.92)
}

.choice[disabled] .choice_obj,
.choice.is\:disabled .choice_obj {
    background-color: #f3f2f3
}

.choice-grp {
    margin: -.3125rem
}

.choice-grp>.choice {
    margin: .3125rem
}

.choice_input:checked+.choice_obj {
    border-color: rgba(24, 26, 28, .7)
}

.choice_input:checked+.choice_obj:hover,
.choice_input:checked+.choice_obj.is\:hover {
    opacity: 1
}

.choice_obj,
.choice_color {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: .3125rem;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(101, 102, 104, .38);
    border-radius: .25rem;
    text-align: center;
    font-size: .8125rem;
    font-weight: 500;
    white-space: nowrap
}

.choice_obj:hover,
.choice_obj.is\:hover,
.choice_color:hover,
.choice_color.is\:hover {
    opacity: .7
}

.choice_color {
    border-width: 0
}

.choice_spirit {
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    width: 1.25rem;
    height: 1.25rem;
    overflow: hidden;
    line-height: 1rem;
    font-size: 9px;
    border-radius: 50%;
    border-width: .125rem;
    border-style: solid;
    border-color: #fff;
    color: #fff;
    background: #b2b3b3;
    text-align: center;
    transition-delay: .14s
}

.choice-grp.clr\:primary .choice_input:checked+.choice_obj {
    color: #0f5bb0;
    border-color: #388eee
}

.choice-grp.clr\:primary .choice_input:checked~.choice_spirit {
    background: #388eee
}

.choice .choice_input:checked+.choice_color,
.choice-grp .choice_input:checked+.choice_color {
    box-shadow: 0 0 0 .125rem #fff, 0 0 0 .25rem;
    transition: box-shadow .2s cubic-bezier(.175, .885, .32, 1.275)
}

.choice .choice_input:checked+.choice_color.\:light,
.choice-grp .choice_input:checked+.choice_color.\:light {
    box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .54), 0 0 0 .25rem rgba(255, 255, 255, .7)
}

.choice.\:rounded .choice_obj,
.choice.\:rounded .choice_color,
.choice.\:rounded .choice_input:checked+.choice_obj,
.choice.\:rounded .choice_input:checked+.choice_color,
.choice-grp.\:rounded .choice_obj,
.choice-grp.\:rounded .choice_color,
.choice-grp.\:rounded .choice_input:checked+.choice_obj,
.choice-grp.\:rounded .choice_input:checked+.choice_color {
    border-radius: 2.5rem
}

.choice.sz\:sm .choice_color,
.choice.sz\:xs .choice_color,
.choice-grp.sz\:sm .choice_color,
.choice-grp.sz\:xs .choice_color {
    padding: .1875rem
}

.choice.sz\:sm,
.choice-grp.sz\:sm {
    font-size: .875rem
}

.choice.sz\:sm .choice,
.choice-grp.sz\:sm .choice {
    flex-basis: 2rem
}

.choice.sz\:sm .choice_color,
.choice-grp.sz\:sm .choice_color {
    width: 2rem;
    height: 2rem;
    min-width: 2rem
}

.choice.sz\:xs,
.choice-grp.sz\:xs {
    font-size: .75rem
}

.choice.sz\:xs .choice,
.choice-grp.sz\:xs .choice {
    flex-basis: 1.5rem
}

.choice.sz\:xs .choice_color,
.choice-grp.sz\:xs .choice_color {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem
}

.choice:hover .choice_obj {
    opacity: .7
}

.switch {
    display: inline-block;
    margin: .375rem 0
}

.switch_input:checked+.switch_obj {
    background: #388eee
}

.switch_input:checked+.switch_obj:after {
    left: 1.3125rem
}

.switch_obj {
    display: block;
    position: relative;
    width: 2.625rem;
    height: 1.5rem;
    border-radius: 2.5rem;
    font-size: .75rem;
    background: #dfdee0;
    box-shadow: inset 0 .0625rem .25rem -.125rem rgba(24, 8, 17, .38);
    transition-property: background-color
}

.switch_obj:after {
    content: "";
    position: absolute;
    top: .1875rem;
    left: .1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 .125rem .3125rem -.1875rem rgba(24, 8, 17, .54);
    transition-property: left
}

.switch.\:circle .switch_input:checked+.switch_obj {
    box-shadow: 0 .125rem .5rem -.125rem rgba(56, 142, 238, .7)
}

.switch.\:circle .switch_input:checked+.switch_obj:after {
    left: .1875rem
}

.switch.\:circle .switch_obj {
    width: 1.5rem
}

@media(min-width:768px) {
    .switch_input:checked+.switch_obj:after {
        left: 1.5rem
    }

    .switch_obj {
        width: 3.0625rem;
        height: 1.75rem
    }

    .switch_obj:after {
        width: 1.375rem;
        height: 1.375rem
    }

    .switch.\:circle .switch_obj {
        width: 1.75rem
    }
}

.chip {
    display: inline-flex;
    margin: 0 .5rem .5rem 0;
    cursor: default
}

.chip .avatar {
    width: 1.75rem
}

.chip .avatar:after {
    content: "";
    position: absolute;
    bottom: -.125rem;
    left: 12.5%;
    z-index: -1;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    background-color: rgba(24, 8, 17, .38);
    filter: blur(.5rem);
    opacity: .7
}

label.chip {
    cursor: pointer
}

.chip_obj {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    padding: .25rem;
    border: 2px solid #d8d8d9;
    border-radius: 1.75rem;
    background-color: #fff;
    font-size: .875rem;
    font-weight: 500;
    color: rgba(55, 60, 56, .87);
    transition: .24s ease-out
}

.chip_txt {
    line-height: 1.25rem;
    padding: .1875rem .375rem
}

.chip_input:checked+.chip_obj {
    border-color: #388eee;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .24);
    background-color: #f3f2f3
}

.chip.sz\:lg .avatar {
    width: 2.25rem
}

.accordion,
details {
    margin-bottom: 1.25rem
}

.accordion:last-child,
details:last-child {
    margin-bottom: 0
}

.accordion_head.is\:on+.accordion_content,
details[open]>.details_content {
    height: auto;
    margin-bottom: 1rem;
    opacity: 1
}

.accordion_head,
summary {
    position: relative;
    z-index: 1;
    padding: .625rem 0 .625rem 2.5rem;
    border: 0;
    opacity: .54;
    user-select: none;
    background: 0 0
}

.accordion_head>.caret,
summary:before {
    position: absolute;
    top: calc(50% - .1875rem);
    transform: rotate(-90deg);
    opacity: .7
}

.accordion_content,
.details_content {
    position: relative;
    z-index: 1;
    height: 0;
    overflow: hidden;
    padding: 0 1rem 0 2.5rem;
    margin: 0;
    opacity: 0;
    transition-property: opacity;
    transition-delay: 100ms
}

.accordion_content:last-child,
.details_content:last-child {
    margin-bottom: 0
}

.accordion_content:before,
.details_content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.4375rem;
    width: 1px;
    height: 100%;
    background-color: rgba(230, 229, 231, .54)
}

.accordion.\:bordered,
details.\:bordered {
    overflow: hidden;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(178, 179, 179, .7);
    border-radius: .375rem;
    background-color: #fff
}

.accordion.\:bordered>.accordion_head:not(:first-child),
details.\:bordered>summary:not(:first-child) {
    border-top: 1px solid rgba(178, 179, 179, .38)
}

.accordion.\:bordered>.accordion_head:not(.is\:on):hover,
details.\:bordered>summary:not(.is\:on):hover {
    background-color: #fbfafc
}

.accordion.\:separated>.accordion_head,
details.\:separated>summary {
    margin-top: .3125rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .08);
    border-radius: .375rem;
    background-color: rgba(129, 128, 130, .12)
}

.accordion.\:separated>.accordion_head:first-child,
details.\:separated>summary:first-child {
    margin-bottom: 0
}

.accordion.\:separated>.accordion_head.is\:on,
details.\:separated[open]>summary {
    margin-top: .625rem;
    border-radius: .375rem .375rem 0 0;
    color: #fff;
    background-color: #5890ce;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .24)
}

.accordion.\:separated>.accordion_head.is\:on+.accordion_content,
details.\:separated[open]>.details_content {
    padding-top: .625rem;
    padding-bottom: .625rem;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .08)
}

.accordion_head {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer
}

.accordion_head>.caret {
    left: 1.125rem
}

.accordion_head:hover,
.accordion_head:active,
.accordion_head.is\:on {
    opacity: 1
}

.accordion_head.is\:on>.caret {
    transform: rotate(0deg)
}

button.accordion_head {
    width: 100%;
    line-height: 1.3333333333;
    text-align: left
}

.accordion.\:bordered>.accordion_content:before,
.accordion.\:separated>.accordion_content:before {
    display: none
}

.accordion.\:separated>.accordion_content {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

details[open] summary {
    opacity: 1
}

details[open] summary:before {
    transform: rotate(0deg)
}

details.\:bordered>.details_content:before,
details.\:separated>.details_content:before {
    display: none
}

summary::-webkit-details-marker {
    display: none
}

summary:before {
    content: "";
    left: .8125rem
}

summary.h1,
summary.h2,
summary.h3,
summary.h4,
summary.h5,
summary.h6 {
    margin-bottom: 0
}

summary:hover,
summary.is\:hover {
    opacity: 1
}

.avatar {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 50%;
    font-weight: 300;
    font-family: inherit;
    text-align: center;
    vertical-align: top
}

.avatar:before {
    content: "";
    display: block;
    z-index: -1;
    padding-top: 100%;
    visibility: hidden
}

.avatar:empty {
    border-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .05)
}

.avatar:empty:after {
    content: "";
    opacity: 0
}

.avatar img,
.avatar svg {
    display: none
}

img.avatar,
svg.avatar {
    background-color: transparent
}

img.avatar:empty,
svg.avatar:empty {
    border-width: 0
}

.avatar_obj {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .02);
    font-size: 1.5rem;
    text-transform: uppercase;
    user-select: none;
    color: #323335;
    background-color: rgba(251, 250, 252, .87)
}

.avatar.\:square,
.avatar.\:square:after,
.avatar.\:square .avatar_obj {
    border-radius: .5rem
}

.avatar.sz\:xs {
    width: 1.5rem;
    font-weight: 400
}

.avatar.sz\:xs .avatar_obj {
    font-size: .75rem
}

.avatar.sz\:xs.\:square,
.avatar.sz\:xs.\:square .avatar_obj {
    border-radius: .25rem
}

.avatar.sz\:xs.\:shadow:after {
    filter: blur(.1875rem)
}

.avatar.sz\:sm {
    width: 3rem
}

.avatar.sz\:sm .avatar_obj {
    font-size: 1.5rem
}

.avatar.sz\:sm.\:square,
.avatar.sz\:sm.\:square .avatar_obj {
    border-radius: .375rem
}

.avatar.sz\:sm.\:shadow:after {
    filter: blur(.375rem)
}

.avatar.sz\:md {
    width: 4rem
}

.avatar.sz\:md .avatar_obj {
    font-size: 2rem
}

.avatar.sz\:md.\:square,
.avatar.sz\:md.\:square .avatar_obj {
    border-radius: .5rem
}

.avatar.sz\:md.\:shadow:after {
    filter: blur(.5rem)
}

.avatar.sz\:lg {
    width: 6rem
}

.avatar.sz\:lg .avatar_obj {
    font-size: 3rem
}

.avatar.sz\:lg.\:square,
.avatar.sz\:lg.\:square .avatar_obj {
    border-radius: .75rem
}

.avatar.sz\:lg.\:shadow:after {
    filter: blur(.75rem)
}

.avatar.sz\:xl {
    width: 8rem
}

.avatar.sz\:xl .avatar_obj {
    font-size: 4rem
}

.avatar.sz\:xl.\:square,
.avatar.sz\:xl.\:square .avatar_obj {
    border-radius: 1rem
}

.avatar.sz\:xl.\:shadow:after {
    filter: blur(1rem)
}

.avatar.sz\:xxl {
    width: 10rem
}

.avatar.sz\:xxl .avatar_obj {
    font-size: 5rem
}

.avatar.sz\:xxl.\:square,
.avatar.sz\:xxl.\:square .avatar_obj {
    border-radius: 1.25rem
}

.avatar.sz\:xxl.\:shadow:after {
    filter: blur(1.25rem)
}

.avatar.clr\:primary .avatar_obj {
    color: #fff;
    background-color: #388eee
}

.avatar.clr\:secondary .avatar_obj {
    color: #fff;
    background-color: #0f4c81
}

.avatar.clr\:light .avatar_obj {
    color: #323335;
    background-color: #f8f8f8
}

.avatar.clr\:dark .avatar_obj {
    color: #fff;
    background-color: #373c38
}

.avatar.\:shadow:after {
    content: "";
    position: absolute;
    bottom: -.125rem;
    left: 21.875%;
    z-index: 1;
    width: 56.25%;
    height: 56.25%;
    border-radius: inherit;
    background: rgba(24, 8, 17, .54);
    opacity: .7;
    filter: blur(.75rem);
    will-change: opacity
}

.badge {
    display: inline-block
}

.badge {
    position: relative
}

.badge>.badge-dot,
.badge>.badge-count {
    position: absolute;
    z-index: 5
}

.badge>.badge-dot {
    top: 0;
    right: 0
}

.badge>.badge-count {
    top: -.675rem;
    left: calc(100% - .675rem)
}

.badge-dot,
.badge-count {
    display: inline-block;
    vertical-align: middle;
    border-radius: .5rem;
    opacity: 1;
    transition: .14s ease-out;
    color: #fff;
    background-color: #d0104c;
    box-shadow: 0 0 0 2px #fff
}

.badge-dot {
    width: .375rem;
    height: .375rem;
    line-height: 0;
    overflow: hidden;
    font-size: 0
}

.badge-dot.is\:off {
    width: 0;
    height: 0;
    opacity: 0
}

.badge-count {
    min-width: 1.125rem;
    height: 1.125rem;
    line-height: 1;
    padding: .1875rem .3125rem;
    margin: 0 .25rem;
    font-size: .75rem;
    font-weight: 700;
    text-shadow: none;
    text-align: center;
    letter-spacing: -.08em
}

.badge-count:empty {
    display: none
}

.badge>.badge-dot {
    margin: -.1875rem
}

.badge.btn>.badge-count {
    top: -.5rem;
    left: calc(100% - .7875rem)
}

.badge.avatar>.badge-count {
    top: 0;
    left: auto;
    right: -.375rem
}

.crumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: .875rem;
    font-weight: 500;
    color: #818082;
    text-align: left
}

.crumb_item {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
    line-height: 1.25rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin: 0;
    vertical-align: top;
    background: 0 0
}

.crumb_item:after {
    content: "›";
    flex: 0 0 auto;
    line-height: 1;
    margin: 0 .625rem;
    opacity: .54
}

.crumb_item:last-child:after {
    display: none
}

.crumb_link {
    flex: 0 0 auto;
    border: 0;
    color: #5489c5;
    background: 0 0;
    cursor: pointer
}

.crumb_link:hover,
.crumb_link.is\:hover {
    color: #5489c5;
    text-decoration: underline
}

.crumb.\:dot .crumb_item:after {
    content: "•"
}

.crumb.\:bullet .crumb_item:after {
    content: "‣"
}

.crumb.\:slash .crumb_item:after {
    content: "/"
}

.crumb.\:raquo .crumb_item:after {
    content: "»"
}

.crumb.\:rarr .crumb_item:after {
    content: "→"
}

.crumb.sz\:sm {
    font-size: .75rem
}

.crumb.sz\:lg {
    font-size: 1rem
}

.card {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(178, 179, 179, .38);
    border-radius: .25rem;
    background: #fff
}

.card_head,
.card_body {
    padding: .75rem 1rem
}

.card_head {
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(178, 179, 179, .38);
    background: rgba(129, 128, 130, .05)
}

.card_head:first-child {
    border-top-width: 0
}

.card_head:last-child {
    border-bottom-width: 0
}

.card_body {
    position: relative
}

.card_body+.card_body {
    padding-top: 0
}

.card_foot {
    padding: 1.25rem 1rem
}

.card_extra {
    display: flex;
    padding: .4rem .5rem;
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(178, 179, 179, .38);
    color: rgba(0, 0, 0, .7);
    background: rgba(0, 0, 0, .02)
}

.card_extra:first-child {
    border-top-width: 0
}

.card_extra:last-child {
    border-bottom-width: 0
}

.card_extra+.card_extra {
    border-top-width: 0
}

.card_extra_item {
    flex: 1 0 0;
    padding-right: .5rem;
    padding-left: .5rem
}

.card>.btn-grp {
    width: 100%
}

.card>.btn-grp:first-child>[class*=btn] {
    border-top-color: transparent
}

.card>.btn-grp:last-child>[class*=btn] {
    border-bottom-color: transparent
}

.card>.btn-grp>[class*=btn] {
    flex: 1 0 0
}

.card>.btn-grp>[class*=btn]:first-child,
.card>.btn-grp>[class*=btn]:last-child {
    border-radius: 0
}

.card>.btn-grp>[class*=btn]:first-child {
    border-left: 0
}

.card>.btn-grp>[class*=btn]:last-child {
    border-right: 0
}

.carousel {
    position: relative
}

.carousel_stage {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%
}

.carousel_stage:before {
    content: "";
    display: block;
    padding-top: 56.25%;
    opacity: 0
}

.carousel_item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #323335;
    pointer-events: none
}

.carousel_item.is\:on {
    z-index: 2;
    opacity: 1;
    pointer-events: auto
}

.carousel_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 1.25rem;
    z-index: 3;
    width: 100%
}

.carousel_nav.\:dot .carousel_nav_item {
    width: .625rem;
    height: .625rem;
    border-radius: 50%
}

.carousel_nav_item {
    width: 1.5rem;
    height: .1875rem;
    padding: 0;
    border: 0;
    margin: 0 4px;
    opacity: .38;
    background: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .38)
}

.carousel_nav_item:hover,
.carousel_nav_item.is\:hover {
    opacity: 1
}

.carousel_nav_item.is\:on {
    opacity: 1
}

.carousel_ctrl {
    position: absolute;
    top: 50%;
    z-index: 2;
    padding: .375rem;
    border: 0;
    margin-top: -1rem;
    background: 0 0;
    opacity: .38
}

.carousel_ctrl:before {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fff
}

.carousel_ctrl:hover,
.carousel_ctrl.is\:hover {
    opacity: 1
}

.carousel_ctrl.\:prev {
    left: 1.25rem
}

.carousel_ctrl.\:prev:before {
    transform: rotate(-135deg)
}

.carousel_ctrl.\:next {
    right: 1.25rem
}

.carousel_ctrl.\:next:before {
    transform: rotate(45deg)
}

.chat_body {
    overflow-x: hidden;
    overflow-y: auto
}

.chat_item {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1rem
}
/*
.chat_item:last-child {
    margin-bottom: 0
}*/

.chat_item .avatar {
    flex: 1 0 2.5rem;
    max-width: 2.5rem
}

.chat_item .avatar+.chat_content {
    flex-basis: calc(100% - 2.5rem);
    padding-left: .75rem
}

.chat_item .meta {
    display: block;
    padding-right: 1rem;
    padding-left: 1rem;
    opacity: .7
}

.chat_item.\@right {
    flex-direction: row-reverse
}

.chat_item.\@right .chat_para {
    color: rgba(255, 255, 255, .87);
    background-color: #388eee
}

.chat_item.\@right .chat_content {
    padding: 0 .75rem 0 0;
    align-items: flex-end
}

@media(min-width:1024px) {
    .chat_item .avatar {
        flex-basis: 3rem;
        max-width: 3rem
    }

    .chat_item .avatar+.chat_content {
        flex-basis: calc(100% - 3rem);
        max-width: calc(100% - 3rem);
        padding-right: 3.75rem
    }

    .chat_item.\@right .avatar+.chat_content {
        padding-left: 3.75rem;
        padding-right: .75rem
    }
}

.chat_content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex: 1 1 100%;
    max-width: 100%
}

.chat_para {
    display: inline-block;
    flex: 1 0 auto;
    width: auto;
    margin-bottom: .5rem;
    padding: .8rem 2rem;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: .25rem;
    background: rgba(0, 0, 0, .05);
    box-shadow: 0 .25rem .5rem -.125rem rgba(24, 8, 17, .08);
    white-space: pre-line
}

.chat_media {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin-bottom: .5rem
}

.chat_media .embed {
    border-radius: .25rem
}

.comment {
    display: block;
    width: 100%;
    font-size: .875rem
}

.avatar_obj {
	box-shadow:-0.25rem 1.2rem 1rem -0.05rem rgba(25, 25, 25, .35);
}

.comment_item {
    margin-bottom: .625rem
}

.comment_item:last-child {
    margin-bottom: 0
}

.comment_container {
    display: flex;
    align-items: flex-start
}

html.desktop .comment_container:hover .btn-menu,
html.desktop .comment_container.is\:hover .btn-menu {
    opacity: 1
}

.comment_container>.avatar {
    flex: 1 0 2.5rem;
    max-width: 2.5rem;
    margin-top: .25rem
}

.comment_case {
    padding: .5rem .75rem;
    border-radius: .5rem;
    background: rgba(50, 51, 53, .05)
}

.comment_content {
    flex: 1 1 auto;
    max-width: 100%;
    padding: 0 .5rem
}

.comment_content:first-child {
    margin-left: 0
}

.comment_content:last-child {
    padding-right: 0
}

.comment_head {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 1.75rem;
    line-height: 1.5;
    padding-right: 2.5rem;
    margin-bottom: .25rem;
    font-size: 1rem;
    font-weight: 600
}

.comment_head .btn-menu {
    position: absolute;
    top: 0;
    right: 0
}

.comment_reply {
    padding-top: .625rem;
    padding-left: 3.125rem
}

.comment_reply .avatar {
    flex-basis: 2rem;
    max-width: 2rem;
    margin-top: .5rem
}

.comment_reply .comment_content {
    padding-right: 0
}

.comment_reply .comment_head {
    font-size: .9375rem
}

.comment .meta {
    margin-top: .25rem;
    padding: .25rem .625rem
}

html.desktop .comment .btn-menu {
    opacity: .05
}

.ctrl {
    display: flex;
    position: relative;
    z-index: 1
}

.ctrl .input {
    z-index: 1;
    margin-bottom: 0
}

.ctrl_prepend,
.ctrl_append {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;
    outline: none;
    text-align: center;
    opacity: 0;
    background: 0 0;
    transition: .24s ease-out;
    pointer-events: none
}

.ctrl_prepend {
    left: 0
}

.ctrl_append {
    right: 0
}

.ctrl.has\:prepend .input {
    padding-left: 2.5rem
}

.ctrl.has\:prepend .input:focus~.ctrl_prepend {
    opacity: 1
}

.ctrl.has\:prepend .input~.ctrl_prepend {
    opacity: .54
}

.ctrl.has\:prepend .ctrl_prepend {
    opacity: 1;
    pointer-events: auto
}

.ctrl.has\:append .input {
    padding-right: 2.5rem
}

.ctrl.has\:append .input:focus~.ctrl_append {
    opacity: 1
}

.ctrl.has\:append .input~.ctrl_append {
    opacity: .54
}

.ctrl.has\:append .ctrl_append {
    opacity: 1;
    pointer-events: auto
}

.ctrl.has\:both .input {
    padding-right: 2.5rem;
    padding-left: 2.5rem
}

.ctrl.has\:both .input:focus~.ctrl_prepend,
.ctrl.has\:both .input:focus~.ctrl_append {
    opacity: 1
}

.ctrl.has\:both .input~.ctrl_prepend,
.ctrl.has\:both .input~.ctrl_append {
    opacity: .54
}

.ctrl.has\:both .ctrl_prepend,
.ctrl.has\:both .ctrl_append {
    opacity: 1;
    pointer-events: auto
}

.ctrl.is\:success,
.ctrl[status=success] {
    color: #16aa7a;
    border-color: #16aa7a
}

.ctrl.is\:success[class*=has] .ctrl_prepend,
.ctrl.is\:success[class*=has] .ctrl_append,
.ctrl[status=success][class*=has] .ctrl_prepend,
.ctrl[status=success][class*=has] .ctrl_append {
    opacity: 1
}

.ctrl.is\:success .input:focus,
.ctrl.is\:success .input.is\:focus,
.ctrl[status=success] .input:focus,
.ctrl[status=success] .input.is\:focus {
    border-color: #16aa7a;
    box-shadow: 0 .25rem .625rem -.25rem rgba(22, 170, 122, .24)
}

.ctrl.is\:warning,
.ctrl[status=warning] {
    color: #fc7220;
    border-color: #fc7220
}

.ctrl.is\:warning[class*=has] .ctrl_prepend,
.ctrl.is\:warning[class*=has] .ctrl_append,
.ctrl[status=warning][class*=has] .ctrl_prepend,
.ctrl[status=warning][class*=has] .ctrl_append {
    opacity: 1
}

.ctrl.is\:warning .input:focus,
.ctrl.is\:warning .input.is\:focus,
.ctrl[status=warning] .input:focus,
.ctrl[status=warning] .input.is\:focus {
    border-color: #fc7220;
    box-shadow: 0 .25rem .625rem -.25rem rgba(252, 114, 32, .24)
}

.ctrl.is\:danger,
.ctrl[status=danger] {
    color: #c70506;
    border-color: #c70506
}

.ctrl.is\:danger[class*=has] .ctrl_prepend,
.ctrl.is\:danger[class*=has] .ctrl_append,
.ctrl[status=danger][class*=has] .ctrl_prepend,
.ctrl[status=danger][class*=has] .ctrl_append {
    opacity: 1
}

.ctrl.is\:danger .input:focus,
.ctrl.is\:danger .input.is\:focus,
.ctrl[status=danger] .input:focus,
.ctrl[status=danger] .input.is\:focus {
    border-color: #c70506;
    box-shadow: 0 .25rem .625rem -.25rem rgba(199, 5, 6, .24)
}

.divider,
.divider-vertical {
    display: flex;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    font-size: .75rem;
    color: rgba(0, 0, 0, .24);
    cursor: default;
    user-select: none;
    pointer-events: none
}

.divider:before,
.divider-vertical:before,
.divider:after,
.divider-vertical:after {
    content: "";
    border-style: solid
}

.sz\:quarter.divider,
.sz\:quarter.divider-dots {
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

.sz\:half.divider,
.sz\:half.divider-dots {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.sz\:2x.divider,
.sz\:2x.divider-dots {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.sz\:3x.divider,
.sz\:3x.divider-dots {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem
}

.sz\:4x.divider,
.sz\:4x.divider-dots {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.sz\:0.divider,
.sz\:0.divider-dots {
    margin-top: 0;
    margin-bottom: 0
}

.divider {
    align-items: center;
    line-height: 1;
    margin: 1.25rem 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .38)
}

.divider:before,
.divider:after {
    flex: 1 1 50%;
    position: relative;
    top: 50%;
    max-width: 50%;
    border-width: 1px 0;
    border-color: rgba(0, 0, 0, .08) transparent rgba(255, 255, 255, .38)
}

.divider:before {
    left: -.5rem
}

.divider:after {
    right: -.5rem
}

.divider:empty:before {
    left: 0
}

.divider:empty:after {
    right: 0
}

.divider-vertical {
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: auto;
    height: 100%;
    line-height: 0;
    margin: 0 auto
}

.divider-vertical:before,
.divider-vertical:after {
    position: relative;
    left: 0;
    right: 0;
    width: 0;
    height: 50%;
    margin: 0 auto;
    border-width: 0 1px;
    border-color: transparent rgba(0, 0, 0, .08) transparent rgba(255, 255, 255, .38)
}

.divider-vertical:before {
    top: -1rem
}

.divider-vertical:after {
    bottom: -1rem
}

.divider-vertical:empty {
    transform: none
}

.divider-vertical:empty:before,
.divider-vertical:empty:after {
    left: 0
}

.divider-vertical:empty:before {
    top: 0
}

.divider-vertical:empty:after {
    bottom: 0
}

.divider-dots,
.divider-dots-vertical {
    width: .625rem;
    height: .625rem;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(0, 0, 0, .24);
    opacity: .87;
    color: transparent;
    text-indent: -9999rem
}

.clr\:light.divider-dots,
.clr\:light.divider-dots-vertical {
    background: rgba(255, 255, 255, .54)
}

.divider-dots {
    display: block;
    margin: 1.25rem auto;
    box-shadow: 1.25rem 0 rgba(0, 0, 0, .12), 2.5rem 0 rgba(0, 0, 0, .18), -1.25rem 0 rgba(0, 0, 0, .12), -2.5rem 0 rgba(0, 0, 0, .18)
}

.divider-dots.clr\:light {
    box-shadow: 1.25rem 0 rgba(255, 255, 255, .42), 2.5rem 0 rgba(255, 255, 255, .48), -1.25rem 0 rgba(255, 255, 255, .42), -2.5rem 0 rgba(255, 255, 255, .48)
}

.divider-dots-vertical {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5 0;
    box-shadow: 0 1.25rem rgba(0, 0, 0, .12), 0 2.5rem rgba(0, 0, 0, .18), 0 -1.25rem rgba(0, 0, 0, .12), 0 -2.5rem rgba(0, 0, 0, .18)
}

.divider-dots-vertical.clr\:light {
    box-shadow: 0 1.25rem rgba(255, 255, 255, .42), 0 2.5rem rgba(255, 255, 255, .48), 0 -1.25rem rgba(255, 255, 255, .42), 0 -2.5rem rgba(255, 255, 255, .48)
}

.drop {
    display: inline-block;
    position: relative
}

.drop.\:hover:hover>.drop_body,
.drop_switch.is\:on+.drop_body {
    opacity: 1;
    pointer-events: auto
}

.drop_switch {
    position: relative;
    z-index: 2
}

.drop_body {
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: 10001;
    min-width: 100%;
    opacity: 0;
    pointer-events: none
}

.drop.\@top>.drop_body {
    top: auto;
    bottom: 100%;
    left: 0
}

.drop.\@top-right>.drop_body {
    top: auto;
    bottom: 100%;
    left: auto;
    right: 0
}

.drop.\@top-center>.drop_body {
    top: auto;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.drop.\@right>.drop_body {
    top: 0;
    left: 100%
}

.drop.\@right-bottom>.drop_body {
    top: auto;
    bottom: 0;
    left: 100%
}

.drop.\@left>.drop_body {
    top: 0;
    left: auto;
    right: 100%
}

.drop.\@left-bottom>.drop_body {
    top: auto;
    bottom: 0;
    left: auto;
    right: 100%
}

.drop.\@bottom>.drop_body {
    top: 100%;
    left: 0
}

.drop.\@bottom-right>.drop_body {
    top: 100%;
    left: auto;
    right: 0%
}

.drop.\@bottom-center>.drop_body {
    top: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.embed embed,
.embed iframe,
.embed object,
.embed video,
.embed svg,
.embed_media {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 0
}

.embed {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    padding: 0;
    background-color: #181a1c
}

.embed:before {
    content: "";
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 56.25%
}

.embed img {
    display: none
}

.embed.\:mask {
    user-select: none;
    pointer-events: none
}

.empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem 2.5rem;
    border-radius: .25rem;
    text-align: center;
    color: #656668;
    background: rgba(0, 0, 0, 0.05) linear-gradient(to bottom, rgba(0, 0, 0, 0.02), transparent 100%);
    box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, .02)
}

.empty .empty_symbol,
.empty .empty_title,
.empty .empty_txt {
    flex: 0 0 auto
}

.empty .empty_symbol,
.empty .empty_title {
    opacity: .87
}

.empty .empty_txt {
    line-height: 1.5;
    width: 86%;
    max-width: 36rem;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    opacity: .7
}

@media(min-width:768px) {
    .empty .empty_txt {
        width: 64%
    }
}

@media(min-width:1280px) {
    .empty .empty_txt {
        width: 50%
    }
}

.empty .empty_symbol {
    width: 100%;
    padding: 1.25rem;
    margin: auto;
    font-size: 3rem
}

.empty .empty_symbol:first-child {
    padding-top: 0
}

.empty .empty_symbol:last-child {
    padding-bottom: 0
}

.empty .empty_title {
    margin-bottom: .5rem
}

.feed {
    display: block;
    width: 100%;
    margin-bottom: 1rem
}

.feed:last-child {
    margin-bottom: 0
}

.feed_head {
    display: flex;
    align-items: flex-start;
    margin-bottom: .875rem
}

.feed_head:last-child {
    margin-bottom: 0
}

.feed_head>.profile {
    flex: 1 1 100%;
    max-width: 100%
}

.feed_para {
    line-height: 1.5;
    padding: 0 .25rem;
    margin-bottom: 1rem;
    white-space: pre-line
}

.feed_para a {
    color: #388eee
}

.feed_foot {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.feed_ctrls {
    flex: 1 0 auto;
    min-width: 1.75rem;
    position: relative
}

.card .feed .feed_head {
    padding: 1rem 1rem 0
}

.card .feed .feed_para {
    padding-right: 1rem;
    padding-left: 1rem
}

.card .feed .feed_foot {
    padding-right: .75rem;
    padding-left: .75rem
}

.profile {
    display: flex;
    align-items: center;
    width: 100%
}

.profile .avatar {
    flex: 1 0 3rem;
    max-width: 3rem;
    align-self: flex-start
}

.profile_data {
    flex: 1 1 100%;
    max-width: 100%
}

.profile_data:not(:first-child) {
    padding-left: .75rem
}

.profile_title {
    margin-bottom: .25rem
}

.profile_title:only-child {
    margin-bottom: 0
}

.profile_summary {
    font-size: .9375rem;
    font-weight: 600
}

.profile_summary a {
    color: #388eee
}

.profile_txt {
    line-height: 1.4285714286;
    font-size: .875rem;
    margin-top: .25rem
}

.profile .profile_ctrls,
.profile>.btn-menu {
    flex-grow: 1;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: .25rem
}

.profile.sz\:sm .avatar {
    flex-basis: 2.25rem;
    max-width: 2.25rem
}

.profile.sz\:sm .avatar_obj {
    font-size: 1.25rem
}

.og {
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .05);
    background: #f7f7f7
}

.og_body {
    position: relative;
    z-index: 2;
    padding: .625rem .75rem
}

.og_content {
    height: 3.75rem;
    overflow: hidden
}

.og_domain {
    min-height: .75rem;
    overflow: hidden;
    line-height: 1;
    font-size: .75rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0;
    color: #373c38;
    text-transform: uppercase
}

.og_title,
.og_txt {
    line-height: 1.25rem;
    max-height: 2.5rem;
    overflow: hidden;
    margin-top: .1875rem
}

.og_title {
    font-size: 1rem;
    padding-top: .125rem
}

.og_txt {
    font-size: .875rem
}

.card .og {
    border-width: 1px 0
}

.card .feed_body:last-child .og:last-child {
    border-bottom-width: 0
}

.og .embed {
    background: rgba(0, 0, 0, .02)
}

.og .embed:before {
    padding-top: 52.3206751055%
}

.label {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans
}

.label {
    line-height: 1.5;
    padding: .25em .5em;
    border-radius: .1875rem;
    margin: .1875rem .125rem .1875rem 0;
    vertical-align: middle;
    font-size: .75rem;
    text-align: left;
    word-break: break-word;
    letter-spacing: 0;
    background: rgba(129, 128, 130, .08);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)
}

.label.clr\:primary {
    color: #fff;
    background-color: #388eee
}

.label.clr\:secondary {
    color: #fff;
    background-color: #0f4c81
}

.label.clr\:light {
    color: rgba(50, 51, 53, .87);
    background-color: #f8f8f8
}

.label.clr\:dark {
    color: #fff;
    background-color: #373c38
}

.label-grp {
    display: inline-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: -.1875rem
}

.label-grp>.label {
    flex: 0 0 auto
}

.label-grp>.label,
.label-grp>.label-grp.\:united {
    margin-right: .1875rem;
    margin-bottom: .1875rem;
    margin-left: 0
}

.label-grp.\:united>.label {
    margin: 0;
    border-radius: 0
}

.label-grp.\:united>.label:first-child {
    border-top-left-radius: .1875rem;
    border-bottom-left-radius: .1875rem
}

.label-grp.\:united>.label:last-child {
    border-top-right-radius: .1875rem;
    border-bottom-right-radius: .1875rem
}

.pin {
    display: inline-block;
    vertical-align: bottom
}

.pin:before,
.pin:after {
    content: "";
    display: block;
    position: relative
}

.pin:before {
    z-index: 2;
    width: 1.5rem;
    height: 1.5rem;
    border-width: .375rem;
    border-style: solid;
    border-color: #656668;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .08)
}

.pin:after {
    z-index: 1;
    width: .8125rem;
    height: .8125rem;
    margin: 0 0 0 .375rem;
    border-radius: 50%;
    background: rgba(24, 8, 17, .08);
    transform: rotateX(-55deg)
}

.pin.\:fill:before {
    background-color: rgba(51, 51, 52, .87)
}

.pin.sz\:lg:before {
    width: 2rem;
    height: 2rem;
    border-width: .5rem
}

.pin.sz\:lg:after {
    width: 1rem;
    height: 1rem;
    margin: 0 0 0 .5rem
}

.pin.clr\:primary:before {
    border-color: #388eee
}

.pin.\:fill.clr\:primary:before {
    background-color: rgba(16, 96, 186, .87)
}

.pin.clr\:secondary:before {
    border-color: #0f4c81
}

.pin.\:fill.clr\:secondary:before {
    background-color: rgba(5, 28, 47, .87)
}

.pin.clr\:light:before {
    border-color: #f8f8f8
}

.pin.\:fill.clr\:light:before {
    background-color: rgba(202, 202, 202, .87)
}

.pin.clr\:dark:before {
    border-color: #373c38
}

.pin.\:fill.clr\:dark:before {
    background-color: rgba(84, 92, 86, .87)
}

.ribbon {
    display: inline-block;
    width: 0;
    height: 1.5rem;
    border-right-width: .5rem;
    border-right-style: solid;
    border-left-width: .5rem;
    border-left-style: solid;
    border-bottom: .5rem solid transparent;
    border-right-color: #656668;
    border-left-color: #77787b
}

.ribbon.clr\:primary {
    border-right-color: #388eee;
    border-left-color: #5aa1f1
}

.ribbon.clr\:secondary {
    border-right-color: #0f4c81;
    border-left-color: #135fa2
}

.ribbon.clr\:light {
    border-left-color: #f8f8f8;
    border-right-color: #e9e9e9
}

.ribbon.clr\:dark {
    border-right-color: #373c38;
    border-left-color: #494f4a
}

.caret {
    margin: 0 .125rem;
    transform: translateY(1px)
}

.caret.\:up {
    transform: rotate(180deg) translateY(-1px)
}

.caret.\:right {
    transform: rotate(270deg) translateX(-1px)
}

.caret.\:left {
    transform: rotate(90deg) translateX(1px)
}

.infolabel {
    display: inline-flex;
    flex-direction: column;
    max-width: 100%
}

.infolabel_key,
.infolabel_value {
    flex: 1 0 100%;
    width: 100%
}

.infolabel_key {
    min-height: 1.25rem;
    line-height: 1.4285714286;
    font-size: 87.5%;
    opacity: .54
}

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

.infoitem .meta {
    margin-bottom: 1rem
}

.infoitem .rating {
    margin-bottom: .625rem
}

.infoitem_col {
    width: 100%;
    margin-bottom: 1rem
}

.infoitem_col:last-child {
    margin-bottom: 0
}

.infoitem_col.\:fixed {
    flex-grow: 0;
    flex-shrink: 0
}

.infoitem_col.\:fluid {
    flex-grow: 1;
    flex-shrink: 1
}

.infoitem_title {
    margin-bottom: .375rem
}

.infoitem_txt {
    margin-top: 0;
    margin-bottom: 1rem
}

.infoitem_txt:last-child {
    margin-bottom: 0
}

@media(min-width:768px) {
    .infoitem {
        flex-direction: row
    }

    .infoitem_col {
        width: auto
    }
}

.input-grp {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.25rem
}

.input-grp:last-child {
    margin-bottom: 0
}

.input-grp>.input-append,
.input-grp>.input-btn,
.input-grp>.input {
    position: relative;
    z-index: 1;
    margin: 0 -1px 0 0;
    border-radius: 0
}

.input-grp>.input-append:last-child,
.input-grp>.input-btn:last-child,
.input-grp>.input:last-child {
    margin-right: 0
}

.input-grp>.input-append:first-child,
.input-grp>.input:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.input-grp>.input-append:last-child,
.input-grp>.input:last-child {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.input-grp>.input {
    flex: 1 1 auto;
    z-index: 2
}

.input-append {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 3rem;
    line-height: 1;
    padding: .25rem .5rem;
    border: 1px solid rgba(178, 179, 179, .38);
    text-align: center;
    font-weight: 500;
    color: rgba(74, 77, 79, .7);
    background-color: #f7f7f7;
    white-space: nowrap;
    user-select: none
}

.input-append [type=radio],
.input-append [type=checkbox] {
    position: relative
}

.input-append [type=radio] {
    top: -2px
}

.input-append [type=checkbox] {
    top: -1px
}

.input-btn>.btn,
.input-btn>.btn-outline {
    border-radius: 0
}

.input-btn:first-child>.btn,
.input-btn:first-child>.btn-outline {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.input-btn:last-child>.btn,
.input-btn:last-child>.btn-outline {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.list,
.list_body {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none
}

.list_head,
.list_foot,
.list_item {
    padding: .625rem 1rem
}

.list_head,
.list_title {
    line-height: 1.625;
    font-size: 1rem;
    font-weight: 500
}

.list_body {
    border-width: 0;
    border-style: solid;
    border-color: rgba(178, 179, 179, .54)
}

.list_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 1 auto;
    border-bottom: 1px solid rgba(178, 179, 179, .54);
    margin: 0
}

.list_item:last-child {
    border-bottom-color: transparent
}

.list_item.is\:on {
    color: rgba(255, 255, 255, .87);
    background-color: #388eee
}

a.list_item:hover,
a.list_item.is\:hover {
    background-color: rgba(129, 128, 130, .08)
}

.list.\:bordered {
    border: 1px solid rgba(178, 179, 179, .54);
    border-radius: .25rem
}

.list.\:bordered .list_body:not(:first-child) {
    border-top-width: 1px
}

.list.\:bordered .list_body:not(:last-child) {
    border-bottom-width: 1px
}

.list.\:bordered .list_head+.list_foot,
.list.\:bordered .list_foot+.list_head {
    border-top: 1px solid rgba(178, 179, 179, .54)
}

.list.\:clear .list_item {
    border-bottom-color: transparent
}

.list.\:tight .list_head,
.list.\:tight .list_foot,
.list.\:tight .list_item {
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.list.\:loose .list_head,
.list.\:loose .list_foot,
.list.\:loose .list_item {
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

.loader {
    display: inline-block;
    position: relative;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    margin: 0 .25rem 0 0
}

.loader:before,
.loader:after {
    content: "";
    position: absolute;
    z-index: 1;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%
}

.loader:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-color: rgba(15, 91, 176, .87) transparent transparent rgba(15, 91, 176, .87);
    animation: loader-rotate 1100ms linear infinite
}

.loader:after {
    top: 7%;
    left: 7%;
    width: 86%;
    height: 86%;
    border-color: transparent rgba(178, 179, 179, .7) rgba(178, 179, 179, .7) transparent;
    animation: loader-rotate-reverse 900ms linear infinite
}

.loader_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 10%;
    text-align: center;
    color: #818082;
    font-size: .75rem;
    font-family: fira pro, source code pro, SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, Courier, monospace;
    animation: loader-opacity-blur 2s linear infinite
}

.loader.sz\:sm .loader_txt,
.loader.sz\:xs .loader_txt {
    display: none
}

.loader.sz\:sm {
    width: 3.5rem;
    height: 3.5rem
}

.loader.sz\:sm:before,
.loader.sz\:sm:after {
    border-width: 1px
}

.loader.sz\:sm:after {
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%
}

.loader.sz\:xs {
    width: 1.25rem;
    height: 1.25rem
}

.loader.sz\:xs:before,
.loader.sz\:xs:after {
    border-width: 1px;
    animation-duration: 700ms
}

.loader.sz\:xs:after {
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%
}

.loader.clr\:light:before {
    border-color: rgba(255, 255, 255, .87) transparent transparent rgba(255, 255, 255, .87)
}

.loader.\:flash {
    border: 4px solid rgba(129, 128, 130, .05);
    -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.08), #000 90%);
    mask: linear-gradient(rgba(0, 0, 0, 0.08), #000 90%);
    animation: loader-scale-rotate 1.6s ease-in-out infinite
}

.loader.\:flash:before,
.loader.\:flash:after {
    top: auto;
    left: auto;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    margin: -.1875rem;
    border-width: .1875rem 0 0;
    border-color: rgba(56, 142, 238, .87);
    opacity: .05;
    animation: loader-rotate 1.2s cubic-bezier(.785, .135, .15, .86) infinite, loader-opacity 1.2s linear infinite
}

.loader.\:flash:before {
    border-top-color: rgba(56, 142, 238, .87)
}

.loader.\:flash:after {
    border-top-color: rgba(188, 238, 56, .87);
    animation-delay: .3s
}

.loader.\:flash.sz\:xs {
    border-width: 2px
}

.loader.\:flash.sz\:xs:before,
.loader.\:flash.sz\:xs:after {
    top: 0;
    left: 0;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    margin: -.125rem;
    border-width: 2px
}

.loader.\:flash.clr\:light:before,
.loader.\:flash.clr\:light:after {
    border-color: transparent
}

.loader.\:flash.clr\:light:before {
    border-top-color: rgba(255, 255, 255, .7)
}

.loader.\:flash.clr\:light:after {
    border-top-color: rgba(203, 204, 205, .7)
}

.loader.\:ripple:before,
.loader.\:ripple:after {
    border-color: #388eee;
    opacity: 0;
    box-shadow: 0 0 1.5rem rgba(255, 255, 255, .05), inset 0 0 1.5rem rgba(255, 255, 255, .05);
    animation: loader-scale-opacity 1s cubic-bezier(.25, .46, .45, .94) infinite
}

.loader.\:ripple:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-color: rgba(56, 142, 238, .7);
    animation-delay: .5s
}

.loader.\:ripple.clr\:light:before,
.loader.\:ripple.clr\:light:after {
    border-color: rgba(255, 255, 255, .87)
}

.loader.\:ripple.clr\:light:after {
    border-color: rgba(255, 255, 255, .7)
}

.loader.\:spinner:before,
.loader.\:spinner:after {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-width: 3px
}

.loader.\:spinner:before {
    border-color: #388eee rgba(203, 204, 205, .38) rgba(203, 204, 205, .38) #388eee;
    animation-duration: 800ms
}

.loader.\:spinner:after {
    z-index: 1;
    opacity: .12;
    filter: blur(.25rem);
    border-color: #cbcccd;
    animation: none
}

.loader.\:spinner.sz\:sm:before,
.loader.\:spinner.sz\:sm:after {
    border-width: 2px
}

.loader.\:spinner.sz\:sm:before {
    animation-duration: 650ms
}

.loader.\:spinner.sz\:xs:before,
.loader.\:spinner.sz\:xs:after {
    border-width: 2px
}

.loader.\:spinner.sz\:xs:before {
    animation-duration: 550ms
}

.loader.\:spinner.clr\:light:before {
    border-color: rgba(255, 255, 255, .7) rgba(230, 229, 231, .12) rgba(230, 229, 231, .12) rgba(255, 255, 255, .7)
}

.loader.\:spinner.clr\:light:after {
    border-color: rgba(230, 229, 231, .24)
}

.loader.is\:off {
    z-index: -1;
    opacity: 0
}

@keyframes loader-rotate {
    0% {
        transform: rotate(0)
    }

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

@keyframes loader-rotate-reverse {
    0% {
        transform: rotate(0)
    }

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

@keyframes loader-scale-rotate {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(90deg) scale(1)
    }

    50% {
        transform: rotate(180deg) scale(.96)
    }

    25% {
        transform: rotate(270deg) scale(1)
    }

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

@keyframes loader-opacity {
    20% {
        opacity: .08
    }

    50% {
        opacity: 1
    }

    80% {
        opacity: .08
    }
}

@keyframes loader-opacity-blur {
    0% {
        opacity: 1
    }

    50% {
        opacity: .24;
        filter: blur(1px)
    }

    100% {
        opacity: 1
    }
}

@keyframes loader-scale-opacity {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(.72);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7)
}

.overlay.clr\:white {
    background: rgba(255, 255, 255, .7)
}

.overlay.is\:off {
    opacity: 0
}

.overlay .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 101;
    margin: -3rem 0 0 -3rem
}

.overlay .loader.sz\:sm {
    margin: -1.75rem 0 0 -1.75rem
}

.overlay .loader.sz\:xs {
    margin: -.625rem 0 0 -.625rem
}

.meta {
    display: flex;
    font-size: .75rem;
    color: #fff;
}

.meta:last-child {
    margin-bottom: 0
}

.meta_item {
    position: relative;
    line-height: 1rem;
    padding-right: 1.25rem
}

.meta_item:after {
    content: '\2022';
    position: absolute;
    top: -2px;
    right: 0;
    width: 1.25rem;
    line-height: 1;
    text-align: center;
    opacity: .24;
    font-size: 133.3333333333%;
    color: rgba(0, 0, 0, .54)
}

.meta_item:last-child {
    padding-right: 0
}

.meta_item:last-child:after {
    display: none
}

a.meta_item,
button.meta_item {
    cursor: pointer
}

button.meta_item {
    padding: 0 1.25rem 0 0;
    border: 0;
    background: 0 0
}

.modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transition: .36s ease
}

.modal.is\:on {
    z-index: 1001;
    pointer-events: auto;
    opacity: 1
}

.modal.is\:on .modal_container {
    opacity: 1;
    transform: scale(1) translateY(0)
}

.modal.is\:on .modal_mask {
    opacity: 1
}

.modal.is\:on>.btn-close {
    opacity: 1
}

.modal_mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: .24s ease-out .2s
}

.modal_container {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    max-width: 36rem;
    max-height: calc(100% - 2rem);
    overflow: hidden;
    margin: 1rem;
    border-radius: 1rem;
    box-shadow: 0 .5rem 2.5rem -.375rem rgba(0, 0, 0, .38);
    opacity: 0;
    transform: scale(.9) translateY(-3rem);
    transition: .36s cubic-bezier(.215, .61, .355, 1) .24s
}

.modal_head,
.modal_body,
.modal_foot {
    background: #fff
}

.modal_foot {
    padding: 1rem 1.25rem 1.25rem
}

.modal_head {
    display: flex;
    align-items: flex-start;
    padding: 1.25rem 1.25rem .625rem
}

.modal_head:last-child {
    padding: 1.25rem
}

.modal_title {
    flex: 1 1 auto;
    margin-bottom: 0
}

.modal_body {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.modal_content {
    padding: .625rem 1.25rem 1.25rem
}

.modal_btn-grp {
    display: flex;
    flex: 1 0 auto;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    overflow: hidden
}

.modal_btn-grp>[class*=btn] {
    flex: 1 1 0;
    border-radius: 0;
    border-color: transparent
}

.modal .btn-close {
    z-index: 3;
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem
}

.modal>.btn-close {
    position: absolute;
    top: .5rem;
    right: .5rem;
    color: #fff;
    border-radius: 50%;
    background: #323335;
    opacity: 0;
    transition: .36s ease .72s
}

.modal>.btn-close:before,
.modal>.btn-close:after {
    content: "";
    background: #fff
}

.modal.sz\:full .modal_container {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    border-radius: 0
}

.modal.sz\:full .modal_head,
.modal.sz\:full .modal_foot {
    flex: 0 0 auto
}

.modal.sz\:full .modal_body {
    flex: 1 1 auto
}

.modal.sz\:lg .modal_container {
    max-width: 60rem;
    max-height: calc(100% - 2rem)
}

.modal.sz\:sm .modal_container {
    max-width: 22.5rem
}

@media(min-width:576px) {
    .modal_container {
        max-height: calc(100% - 5rem);
        margin: 2.5rem
    }

    .modal.sz\:lg .modal_container {
        height: auto;
        max-height: calc(100% - 5rem)
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .25rem 0;
    margin: 0;
    list-style: none
}

.nav>.nav_item {
    margin: 0 .625rem
}

.nav_col {
    position: relative;
    flex: 0 0 auto;
    margin: 0 1.25rem 0 0
}

.nav_col:last-child {
    margin-right: 0
}

.nav_col .nav_col {
    margin: .125rem 0
}

.nav_item {
    display: block;
    position: relative;
    line-height: 1.5rem;
    padding: .5rem;
    border: 0;
    border-radius: .25rem;
    text-align: center;
    background: 0 0;
    cursor: pointer
}

.nav_item:hover,
.nav_item:active,
.nav_item.is\:on {
    opacity: 1
}

.nav_item:active,
.nav_item.is\:on {
    color: #388eee
}

a.nav_item:hover,
a.nav_item.is\:hover {
    color: #388eee
}

button.nav_item {
    font-size: .875rem;
    opacity: .7
}

.nav.\:vertical {
    flex-direction: column;
    align-items: stretch;
    padding: 0
}

.nav.\:vertical .nav_col {
    flex: 1 0 auto;
    margin: .125rem 0
}

.nav.\:vertical .nav_item {
    padding-right: 2rem;
    text-align: left
}

.notice {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 1.875rem;
    left: 6%;
    width: 88%;
    max-width: 26.25rem;
    z-index: 1002;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .12);
    border-radius: .5rem;
    box-shadow: 0 .75rem 1.875rem -.625rem rgba(24, 8, 17, .24);
    font-size: .875rem;
    opacity: 0;
    transition: .36s ease-out 80ms;
    transition-property: opacity;
    pointer-events: none;
    background-color: rgba(255, 255, 255, .7);
    will-change: opacity;
    backdrop-filter: blur(.1875rem)
}

.notice.is\:on {
    opacity: 1;
    pointer-events: auto
}

@media(min-width:576px) {
    .notice {
        top: 3rem;
        left: calc(50% - 12.5625rem);
        width: 25.125rem
    }
}

.notice_head {
    display: flex;
    align-items: center;
    padding: .5rem .875rem;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    background-color: inherit;
    background-clip: padding-box;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.notice_head .avatar {
    max-width: 1.5rem
}

.notice_head .avatar:first-child {
    margin-right: .375rem;
    margin-left: -.125rem
}

.notice_head .avatar_obj {
    font-size: .875rem;
    font-weight: 500
}

.notice_head .notice_title {
    margin-right: auto;
    margin-left: .125rem
}

.notice_head .notice_title:first-child {
    margin-left: 0
}

.notice_head .btn-close {
    margin-right: -.25rem
}

.notice_time {
    line-height: 2;
    margin-right: .3125rem;
    opacity: .7;
    font-size: .75rem
}

.notice_time:last-child {
    margin-right: 0
}

.notice_body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    min-height: 2.75rem;
    line-height: 1.5;
    padding: .625rem .875rem
}

.notice_body .btn-close {
    flex: 1 0 1.5rem
}

.notice_title {
    margin: .125rem 0;
    font-weight: 600
}

.notice_content,
.notice_txt {
    flex: 1 1 100%;
    padding-right: .875rem
}

.notice_content:last-child,
.notice_txt:last-child {
    padding-right: 0
}

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

.notice_symbol {
    flex: 0 0 auto;
    line-height: 1.1;
    min-width: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
    opacity: .87
}

.notice_symbol+.notice_content {
    padding-left: .375rem
}

.notice>.btn-close {
    position: absolute;
    top: .375rem;
    right: .375rem
}

.notice.theme\:dark {
    color: #fff;
    background: rgba(50, 51, 53, .87)
}

.notice.theme\:dark .btn-close:before,
.notice.theme\:dark .btn-close:after {
    content: "";
    background: #fff
}

.notice.is\:success,
.notice[status=success] {
    border-color: transparent;
    color: rgba(255, 255, 255, .87);
    background-color: rgba(22, 170, 122, .87);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12)
}

.notice.is\:success .btn-close:before,
.notice.is\:success .btn-close:after,
.notice[status=success] .btn-close:before,
.notice[status=success] .btn-close:after {
    content: "";
    background: #fff
}

.notice.is\:warning,
.notice[status=warning] {
    border-color: transparent;
    color: rgba(255, 255, 255, .87);
    background-color: rgba(252, 114, 32, .87);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12)
}

.notice.is\:warning .btn-close:before,
.notice.is\:warning .btn-close:after,
.notice[status=warning] .btn-close:before,
.notice[status=warning] .btn-close:after {
    content: "";
    background: rgba(0, 0, 0, .87)
}

.notice.is\:danger,
.notice[status=danger] {
    border-color: transparent;
    color: rgba(255, 255, 255, .87);
    background-color: rgba(199, 5, 6, .87);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .12)
}

.notice.is\:danger .btn-close:before,
.notice.is\:danger .btn-close:after,
.notice[status=danger] .btn-close:before,
.notice[status=danger] .btn-close:after {
    content: "";
    background: #fff
}

.notice.\@top-left,
.notice.\@top-right,
.notice.\@bottom-left,
.notice.\@bottom-right {
    position: fixed;
    width: auto;
    max-width: calc(88% - 2.5rem)
}

@media(min-width:576px) {

    .notice.\@top-left,
    .notice.\@top-right,
    .notice.\@bottom-left,
    .notice.\@bottom-right {
        max-width: 22.5rem
    }
}

.notice.\@top-left {
    top: 1.25rem;
    left: 1.25rem
}

.notice.\@top-right {
    top: 1.25rem;
    left: auto;
    right: 1.25rem
}

.notice.\@bottom-left {
    top: auto;
    bottom: 1.25rem;
    left: 1.25rem
}

.notice.\@bottom-right {
    top: auto;
    bottom: 1.25rem;
    left: auto;
    right: 1.25rem
}

.pager {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    color: #5890ce;
    font-weight: 500
}

.pager_prev,
.pager_next {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: 45%;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    opacity: .87;
    transition-property: opacity
}

.pager_prev:hover,
.pager_prev.is\:hover,
.pager_next:hover,
.pager_next.is\:hover {
    opacity: 1
}

.pager_prev {
    justify-content: flex-start;
    order: 1;
    text-align: left
}

.pager_prev .pager_append {
    margin-left: 0
}

.pager_prev .pager_arrow {
    margin: 0 .3125rem 0 .375rem;
    transform: rotate(-135deg)
}

.pager_next {
    flex-direction: row-reverse;
    justify-content: flex-end;
    order: 2;
    text-align: right
}

.pager_next .pager_append {
    margin-right: 0
}

.pager_next .pager_arrow {
    margin: 0 .375rem 0 .3125rem;
    transform: rotate(45deg)
}

.pager_content {
    flex: 0 1 auto;
    max-width: 100%;
    overflow: hidden
}

.pager_append {
    flex: 0 0 auto;
    order: -1;
    margin: 0 .3125rem;
    opacity: .87;
    font-size: .875rem
}

.pager_arrow {
    display: flex
}

.pager_arrow:after {
    content: "";
    display: block;
    width: .4375rem;
    height: .4375rem;
    border-width: 2px 2px 0 0;
    border-style: solid
}

.pager_name,
.pager_label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pager_name {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pager_name:last-child {
    margin-bottom: 0
}

.pager_label {
    display: block;
    line-height: 1;
    margin-bottom: 3px;
    font-size: 75%;
    opacity: .54
}

@media(min-width:576px) {
    .pager_prev .pager_arrow {
        margin: 0 .625rem 0 .375rem
    }

    .pager_next .pager_arrow {
        margin: 0 .375rem 0 .625rem
    }

    .pager_append {
        margin: 0 .625rem
    }

    .pager_arrow:after {
        width: .5625rem;
        height: .5625rem
    }
}

.pagi,
.pagi_nav,
.pagi_ctrls {
    display: flex;
    align-items: center;
    line-height: 1.1428571429;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: .875rem;
    font-weight: 600;
    color: rgba(74, 77, 79, .87)
}

.pagi .pagi_nav,
.pagi .pagi_ctrls {
    margin: 0 .5rem
}

.pagi .pagi_nav:first-child,
.pagi .pagi_ctrls:first-child {
    margin-left: 0
}

.pagi .pagi_nav:last-child,
.pagi .pagi_ctrls:last-child {
    margin-right: 0
}

.pagi_nav,
.pagi_ctrls {
    flex: 0 0 auto
}

.pagi_num,
.pagi_item,
.pagi_span,
.pagi_select {
    margin: 0 .1875rem
}

.pagi_num:first-child,
.pagi_item:first-child,
.pagi_span:first-child,
.pagi_select:first-child {
    margin-left: 0
}

.pagi_num:last-child,
.pagi_item:last-child,
.pagi_span:last-child,
.pagi_select:last-child {
    margin-right: 0
}

.pagi_num,
.pagi_item,
.pagi_span {
    flex: 0 0 auto;
    height: 2.25rem;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: .25rem;
    text-align: center;
    transition-property: color, background-color;
    background: 0 0
}

.pagi_num,
.pagi_span {
    padding: .5rem .25rem
}

.pagi_item {
    min-width: 2.25rem;
    padding: .5rem
}

.pagi_item>.icon {
    opacity: .87
}

.pagi_item:active,
.pagi_item.is\:on {
    color: #388eee;
    background: rgba(0, 0, 0, .02);
    font-weight: 700
}

a.pagi_item,
button.pagi_item {
    cursor: pointer
}

a.pagi_item:hover,
a.pagi_item.is\:hover,
button.pagi_item:hover,
button.pagi_item.is\:hover {
    color: #388eee
}

.pagi_span {
    color: #b2b3b3;
    opacity: .54
}

.pagi_num,
.pagi_select {
    padding: .5rem
}

.pagi_num {
    position: relative;
    z-index: 1;
    min-width: 2.25rem;
    margin-bottom: 0;
    opacity: 1;
    cursor: default
}

.pagi_num .pagi_select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0
}

.pagi_select {
    -webkit-appearance: none;
    appearance: none;
    min-width: 2.25rem;
    line-height: 1.1428571429;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    color: rgba(74, 77, 79, .87);
    text-align: center;
    text-align-last: center;
    vertical-align: baseline;
    background-color: transparent;
    font-weight: 600
}

.pagi_select::-ms-expand {
    display: none
}

.pagi_num.\:bordered,
.pagi.\:bordered>.pagi_num,
.pagi_ctrls.\:bordered>.pagi_num,
.pagi_item.\:bordered,
.pagi.\:bordered>.pagi_item,
.pagi_ctrls.\:bordered>.pagi_item,
.pagi_select.\:bordered,
.pagi.\:bordered>.pagi_select,
.pagi_ctrls.\:bordered>.pagi_select {
    border-color: #eaebeb
}

.pagi.\:united>.pagi_num,
.pagi.\:united>.pagi_item,
.pagi.\:united>.pagi_select,
.pagi_ctrls.\:united>.pagi_num,
.pagi_ctrls.\:united>.pagi_item,
.pagi_ctrls.\:united>.pagi_select {
    margin: 0;
    margin-right: -2px;
    border-radius: 0
}

.pagi.\:united>.pagi_num:first-child,
.pagi.\:united>.pagi_item:first-child,
.pagi.\:united>.pagi_select:first-child,
.pagi_ctrls.\:united>.pagi_num:first-child,
.pagi_ctrls.\:united>.pagi_item:first-child,
.pagi_ctrls.\:united>.pagi_select:first-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.pagi.\:united>.pagi_num:last-child,
.pagi.\:united>.pagi_item:last-child,
.pagi.\:united>.pagi_select:last-child,
.pagi_ctrls.\:united>.pagi_num:last-child,
.pagi_ctrls.\:united>.pagi_item:last-child,
.pagi_ctrls.\:united>.pagi_select:last-child {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.popover {
    position: absolute;
    width: 100%;
    max-width: 20rem;
    z-index: 1003;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: .5rem;
    box-shadow: 0 0 .5rem rgba(24, 8, 17, .05);
    background: #fff;
    pointer-events: none;
    opacity: 0;
    transition: .36s ease-out
}

.popover:after {
    content: "";
    position: absolute;
    left: 6%;
    bottom: 0;
    z-index: -1;
    width: 88%;
    height: 1.5rem;
    border-radius: 1.5rem;
    background: rgba(24, 8, 17, .24);
    filter: blur(12px);
    opacity: 0;
    transition: opacity .36s ease .36s
}

.popover.is\:on {
    opacity: 1;
    pointer-events: auto
}

.popover.is\:on:after {
    opacity: 1
}

.popover_body {
    position: relative;
    z-index: 2;
    line-height: 1.5;
    padding: .75rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-radius: inherit;
    font-size: .9375rem;
    background-color: inherit
}

.popover_body:last-child {
    border-bottom: 0
}

.popover.theme\:dark {
    color: rgba(255, 255, 255, .87);
    background: #373c38
}

.progress {
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: .25rem;
    background: rgba(230, 229, 231, .54)
}

.progress.sz\:xs .progress_bar {
    height: .125rem;
    line-height: 0
}

.progress.sz\:xs .progress_bar:after {
    display: none
}

.progress.sz\:sm .progress_bar {
    height: .5rem;
    line-height: 0
}

.progress.sz\:sm .progress_bar:after {
    display: none
}

.progress_bar {
    position: relative;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .75rem;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .24);
    background-color: #818082;
    transition-property: width
}

.progress_bar:after {
    content: attr(data-value);
    display: inline-block;
    padding: 0 .25em
}

.progress_bar.\:striped {
    background-size: 2rem 2rem;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.12) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.12) 75%, transparent 75%, transparent)
}

.progress_bar.\:striped.is\:on {
    animation: progress 2.4s linear infinite
}

.progress_bar.clr\:primary {
    color: rgba(255, 255, 255, .87);
    background-color: #388eee
}

.progress_bar.clr\:secondary {
    color: rgba(255, 255, 255, .87);
    background-color: #0f4c81
}

.progress_bar.clr\:light {
    color: rgba(104, 104, 105, .87);
    background-color: #f8f8f8
}

.progress_bar.clr\:dark {
    color: rgba(255, 255, 255, .87);
    background-color: #373c38
}

@keyframes progress {
    from {
        background-position: 0 0
    }

    to {
        background-position: 2rem 0
    }
}

.rating,
.rating-form {
    display: inline-flex;
    font-size: 1rem;
    vertical-align: top
}

.sz\:sm.rating,
.sz\:sm.rating-form {
    font-size: 1.25rem
}

.sz\:lg.rating,
.sz\:lg.rating-form {
    font-size: 1.5rem
}

.rating_item {
    flex: 0 0 auto;
    line-height: 1;
    text-align: center;
    color: #dfdee0;
    transition-property: color
}

.rating_item.is\:on {
    color: #ffb11b
}

.rating_item>.icon {
    margin: 0 .25em 0 0
}

.rating_item.\:half .icon {
    position: absolute
}

label.rating_item {
    margin-bottom: 0;
    opacity: 1;
    cursor: pointer
}

[class*=\:got].rating .rating_item {
    color: #ffb11b
}

[class*=\:got].rating label.rating_item {
    color: #dfdee0
}

.rating.\:got-1 .rating_item:nth-child(1)~.rating_item {
    color: #dfdee0
}

.rating.\:got-2 .rating_item:nth-child(2)~.rating_item {
    color: #dfdee0
}

.rating.\:got-3 .rating_item:nth-child(3)~.rating_item {
    color: #dfdee0
}

.rating.\:got-4 .rating_item:nth-child(4)~.rating_item {
    color: #dfdee0
}

.rating.\:got-5 .rating_item:nth-child(5)~.rating_item {
    color: #dfdee0
}

.rating.\:got-6 .rating_item:nth-child(6)~.rating_item {
    color: #dfdee0
}

.rating.\:got-7 .rating_item:nth-child(7)~.rating_item {
    color: #dfdee0
}

.rating.\:got-8 .rating_item:nth-child(8)~.rating_item {
    color: #dfdee0
}

.rating.\:got-9 .rating_item:nth-child(9)~.rating_item {
    color: #dfdee0
}

.rating.\:got-10 .rating_item:nth-child(10)~.rating_item {
    color: #dfdee0
}

.rating.\:got-0>.rating_item {
    color: #dfdee0
}

.rating.clr\:primary .rating_item {
    color: #388eee
}

.rating.clr\:red .rating_item {
    color: #d0104c
}

.rating-form {
    flex-direction: row-reverse
}

.rating-form.clr\:primary .rating_input:checked~label.rating_item {
    color: #388eee
}

.rating-form.clr\:primary .rating_input~label.rating_item:hover,
.rating-form.clr\:primary .rating_input~label.rating_item:hover~label.rating_item {
    color: #67a9f2
}

.rating-form.clr\:red .rating_input:checked~label.rating_item {
    color: #d0104c
}

.rating-form.clr\:red .rating_input~label.rating_item:hover,
.rating-form.clr\:red .rating_input~label.rating_item:hover~label.rating_item {
    color: #ee2564
}

.rating_input {
    display: none
}

.rating_input:checked~label.rating_item {
    color: #ffb11b
}

.rating_input~label.rating_item:hover,
.rating_input~label.rating_item:hover~label.rating_item {
    color: #ffc24e
}

.rating_input~label.rating_item:hover {
    transform: scale(1.2)
}

.scroll-down {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto
}

.scroll-down_txt {
    font-size: .625rem
}

.scroll-down_mousy {
    display: flex;
    justify-content: center;
    position: relative;
    width: 3px;
    padding: .5rem .875rem;
    height: 2rem;
    border: 2px solid rgba(255, 255, 255, .7);
    margin: .625rem 0;
    box-sizing: content-box;
    border-radius: 1.25rem
}

.scroll-down_mousy:before,
.scroll-down_mousy:after {
    content: "";
    top: .5rem;
    position: absolute;
    border-radius: 3px;
    background-color: #fff
}

.scroll-down_mousy:before {
    z-index: 1;
    width: 1px;
    height: 1.25rem;
    opacity: .08
}

.scroll-down_mousy:after {
    left: calc(50% - 1.5);
    z-index: 2;
    width: 3px;
    height: .5rem;
    animation: sd-mousy 2.2s cubic-bezier(.165, .84, .44, 1) infinite
}

.scroll-down_mousy.clr\:dark {
    border-color: rgba(0, 0, 0, .7)
}

.scroll-down_mousy.clr\:dark:before,
.scroll-down_mousy.clr\:dark:after {
    background-color: #000
}

.scroll-down_mousy.clr\:dark:before {
    opacity: .24
}

.scroll-down_mousy.\:dot:before,
.scroll-down_mousy.\:dot:after {
    top: calc(50% - .9375rem);
    left: calc(50% - .1875rem);
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background: rgba(203, 204, 205, .7);
    opacity: 0;
    animation: sd-mousy-dot 1.1s cubic-bezier(.42, 0, .58, 1) infinite
}

.scroll-down_mousy.\:dot:after {
    animation-delay: .55s
}

.scroll-down_mousy.\:dot.clr\:dark:before,
.scroll-down_mousy.\:dot.clr\:dark:after {
    background: rgba(74, 77, 79, .7)
}

.scroll-down_line {
    display: block;
    position: relative;
    width: 1px;
    height: 3.5rem;
    overflow: hidden;
    margin: 0 auto
}

.scroll-down_line:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0) 50%);
    background-position: 0 -3.5rem;
    background-size: 100% 200%;
    animation: sd-line 2.2s cubic-bezier(.86, 0, .07, 1) forwards infinite
}

.scroll-down_line.clr\:dark:before {
    background-image: linear-gradient(to bottom, #373c38 50%, rgba(55, 60, 56, 0) 50%)
}

.scroll-down_arrow {
    color: #fff;
    animation: sd-arrow 2.2s infinite
}

.scroll-down_arrow:before {
    content: "";
    display: block;
    position: relative;
    top: -.2588834765rem;
    width: 1.25rem;
    height: 1.25rem;
    border-width: .125rem .125rem 0 0;
    border-style: solid;
    border-radius: .0625rem;
    vertical-align: top;
    transform: rotate(135deg)
}

.scroll-down_arrow.\:pulse {
    animation-name: sd-arrow-pulse
}

.scroll-down_arrow.\:pulse:before {
    top: -.5713834765rem
}

.scroll-down_arrow.clr\:dark {
    color: #373c38
}

@keyframes sd-mousy {
    0% {
        opacity: 0
    }

    10% {
        transform: translateY(0);
        opacity: 1
    }

    80% {
        height: .5rem
    }

    100% {
        height: .25rem;
        transform: translateY(1rem);
        opacity: 0
    }
}

@keyframes sd-mousy-dot {
    50% {
        opacity: 1
    }

    46%,
    54% {
        transform: translateY(.5rem)
    }

    100% {
        transform: translateY(1.5rem)
    }
}

@keyframes sd-line {
    0% {
        background-position: 0 -3.5rem
    }

    75% {
        background-position: 0 0
    }

    100% {
        background-position: 0 3.5rem
    }
}

@keyframes sd-arrow {
    0% {
        transform: translateY(-.625rem);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translateY(.625rem);
        opacity: 0
    }
}

@keyframes sd-arrow-pulse {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(.625rem)
    }

    100% {
        transform: translateY(0)
    }
}

.skeleton {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.skeleton_img:before,
.skeleton_txt {
    background-color: #f7f7f7;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.05) 65%);
    background-size: 400% 100%;
    animation: skeleton 1.5s ease-in-out infinite
}

.skeleton_img,
.skeleton_content {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 .5rem
}

.skeleton_img {
    position: relative;
    margin-bottom: 1rem;
    border-radius: .25rem
}

.skeleton_img:before {
    content: "";
    display: block;
    padding-top: 75%
}

.skeleton_img:last-child {
    margin-bottom: 0
}

.skeleton_content {
    flex-basis: auto;
    position: relative;
    list-style: none;
    margin-top: 0
}

.skeleton_txt {
    display: block;
    height: 1rem;
    margin: 1rem 0
}

.skeleton_txt:first-child {
    width: 40%;
    margin-top: 0;
    margin-bottom: 1.5rem
}

.skeleton_txt:last-child {
    width: 60%;
    margin-bottom: 0
}

@keyframes skeleton {
    0% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.step {
    display: flex;
    flex-direction: column;
    text-align: left
}

[class*=is\:].step_item~.step_item {
    color: #cbcccd
}

[class*=is\:].step_item~.step_item:before {
    border-color: #cbcccd;
    background: #fff;
    box-shadow: none
}

[class*=is\:].step_item~.step_item:after {
    background-color: #cbcccd
}

.step_item {
    display: block;
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-width: 2.25rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    padding-left: 2rem;
    color: #82adde
}

.step_item:before {
    content: "";
    position: absolute;
    top: .8125rem;
    left: .5rem;
    z-index: 2;
    width: 1rem;
    height: 1rem;
    border-width: 2px;
    border-style: solid;
    border-color: #82adde;
    border-radius: 50%;
    background: #82adde
}

.step_item:after {
    content: "";
    position: absolute;
    top: 1.8125rem;
    left: .9375rem;
    z-index: 1;
    width: 2px;
    height: calc(100% - 1rem);
    background-color: #82adde
}

.step_item:last-child:after {
    display: none
}

.step_item.is\:danger:before,
.step_item.is\:on:before {
    box-shadow: inset 0 0 0 3px #fff
}

.step_item.is\:danger {
    color: #c70506
}

.step_item.is\:danger:before {
    border-color: #c70506;
    background: #c70506
}

.step_item.is\:danger:after {
    background: linear-gradient(to bottom, #c70506, #cbcccd)
}

.step_item.is\:on {
    color: #388eee
}

.step_item.is\:on:before {
    border-color: #388eee;
    background: #388eee
}

.step_item.is\:on:after {
    background: linear-gradient(to bottom, #388eee, #cbcccd)
}

.step_title {
    line-height: 1.5;
    margin: 0;
    font-size: 1rem
}

.step_txt {
    margin: 0;
    font-size: .875rem
}

.step_append {
    float: left;
    width: 1.5rem;
    text-align: center;
    font-size: 1rem
}

.step_append~.step_title,
.step_append~.step_txt {
    margin-left: 2rem
}

@media(min-width:768px) {
    .step:not(.\: vertical) {
        flex-direction: row;
        margin-bottom: 1.25rem;
        text-align: center
    }

    .step:not(.\:vertical) .step_item {
        padding: 2rem .625rem .625rem
    }

    .step:not(.\:vertical) .step_item:before {
        content: "";
        top: .5rem;
        left: 50%;
        margin-left: -.5rem
    }

    .step:not(.\:vertical) .step_item:after {
        content: "";
        top: .9375rem;
        left: 0;
        width: 100%;
        height: .125rem
    }

    .step:not(.\:vertical) .step_item:first-child:after {
        background: linear-gradient(to right, transparent 0%, transparent 50%, #82adde 50.01%, #82adde 100%)
    }

    .step:not(.\:vertical) .step_item:last-child:after {
        display: block;
        background: linear-gradient(to right, #cbcccd 0%, #cbcccd 50%, transparent 50.01%, transparent 100%)
    }

    .step:not(.\:vertical) .step_item.is\:danger:after {
        background-image: linear-gradient(to right, #82adde 0%, #c70506 50%, #cbcccd 100%)
    }

    .step:not(.\:vertical) .step_item.is\:danger:first-child:after {
        background: linear-gradient(to right, transparent 0%, transparent 50%, #c70506 50.01%, #cbcccd 100%)
    }

    .step:not(.\:vertical) .step_item.is\:danger:last-child:after {
        background: linear-gradient(to right, #82adde 0%, #c70506 50%, transparent 50.01%, transparent 100%)
    }

    .step:not(.\:vertical) .step_item.is\:on:after {
        background-image: linear-gradient(to right, #82adde 0%, #388eee 50%, #cbcccd 100%)
    }

    .step:not(.\:vertical) .step_item.is\:on:first-child:after {
        background: linear-gradient(to right, transparent 0%, transparent 50%, #388eee 50.01%, #cbcccd 100%)
    }

    .step:not(.\:vertical) .step_item.is\:on:last-child:after {
        background: linear-gradient(to right, #82adde 0%, #388eee 50%, transparent 50.01%, transparent 100%)
    }

    .step:not(.\:vertical) .step_item {
        flex: 1 1 0
    }
}

.step.\:inline {
    flex-direction: row;
    margin-bottom: 1.25rem;
    text-align: center
}

.step.\:inline .step_item {
    padding: 2rem .625rem .625rem
}

.step.\:inline .step_item:before {
    content: "";
    top: .5rem;
    left: 50%;
    margin-left: -.5rem
}

.step.\:inline .step_item:after {
    content: "";
    top: .9375rem;
    left: 0;
    width: 100%;
    height: .125rem
}

.step.\:inline .step_item:first-child:after {
    background: linear-gradient(to right, transparent 0%, transparent 50%, #82adde 50.01%, #82adde 100%)
}

.step.\:inline .step_item:last-child:after {
    display: block;
    background: linear-gradient(to right, #cbcccd 0%, #cbcccd 50%, transparent 50.01%, transparent 100%)
}

.step.\:inline .step_item.is\:danger:after {
    background-image: linear-gradient(to right, #82adde 0%, #c70506 50%, #cbcccd 100%)
}

.step.\:inline .step_item.is\:danger:first-child:after {
    background: linear-gradient(to right, transparent 0%, transparent 50%, #c70506 50.01%, #cbcccd 100%)
}

.step.\:inline .step_item.is\:danger:last-child:after {
    background: linear-gradient(to right, #82adde 0%, #c70506 50%, transparent 50.01%, transparent 100%)
}

.step.\:inline .step_item.is\:on:after {
    background-image: linear-gradient(to right, #82adde 0%, #388eee 50%, #cbcccd 100%)
}

.step.\:inline .step_item.is\:on:first-child:after {
    background: linear-gradient(to right, transparent 0%, transparent 50%, #388eee 50.01%, #cbcccd 100%)
}

.step.\:inline .step_item.is\:on:last-child:after {
    background: linear-gradient(to right, #82adde 0%, #388eee 50%, transparent 50.01%, transparent 100%)
}

.step.\:inline .step_item {
    flex: 1 1 auto
}

.step.\:inline .step_item.is\:on .step_txt {
    display: block
}

.step.\:inline .step_txt {
    display: none
}

@media(min-width:768px) {
    .step.\:inline .step_item {
        flex: 1 1 0
    }

    .step.\:inline .step_txt {
        display: block
    }
}

.step.\:ordered [class*=is\:].step_item~.step_item:before {
    content: counter(ordered, decimal);
    color: inherit
}

.step.\:ordered .step_item {
    padding-left: 2.5rem;
    counter-increment: ordered
}

.step.\:ordered .step_item:before {
    content: "✓";
    display: flex;
    align-items: center;
    justify-content: center;
    top: .625rem;
    left: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    font-size: .75rem;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, segoe ui, roboto, oxygen, ubuntu, cantarell, fira sans, droid sans, apple color emoji, segoe ui emoji, segoe ui symbol;
    box-shadow: none;
    color: #fff
}

.step.\:ordered .step_item:after {
    top: 2.125rem;
    left: 1.1875rem;
    height: calc(100% - 1.5rem)
}

.step.\:ordered .step_item.is\:danger:before {
    content: "✕"
}

.step.\:ordered .step_item.is\:on:before {
    content: counter(ordered, decimal);
    color: #fff;
    background: #388eee
}

@media(min-width:768px) {
    .step.\:ordered:not(.\: vertical) .step_item {
        padding: 2.5rem .625rem 0
    }

    .step.\:ordered:not(.\:vertical) .step_item:before {
        top: .5rem;
        left: 50%;
        margin-left: -.75rem
    }

    .step.\:ordered:not(.\:vertical) .step_item:after {
        top: 1.1875rem;
        left: 0;
        width: 100%;
        height: 2px
    }
}

.step.\:ordered.\:inline .step_item {
    padding-left: .625rem
}

.step.\:ordered.\:inline .step_item:before {
    top: .5rem;
    left: 50%;
    margin-left: -.75rem
}

.step.\:ordered.\:inline .step_item:after {
    top: 1.1875rem;
    left: 0;
    width: 100%;
    height: .125rem
}

.step.\:card {
    border-width: 2px;
    border-style: solid;
    border-color: #f3f2f3;
    border-radius: .25rem;
    background: #fff
}

.step.\:card [class*=is\:]~.step_item {
    color: #cbcccd
}

.step.\:card .step_item {
    padding: 1rem .75rem;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #f3f2f3;
    color: #82adde
}

.step.\:card .step_item:before,
.step.\:card .step_item:after {
    display: none
}

.step.\:card .step_item:first-child {
    border-top: 0
}

.step.\:card .step_item:nth-child(even) {
    background: #fbfafc
}

.step.\:card .step_item.is\:danger {
    color: #c70506
}

.step.\:card .step_item.is\:on {
    color: #388eee
}

@media(min-width:768px) {
    .step.\:card:not(.\: vertical) {
        text-align: left
    }

    .step.\:card:not(.\:vertical) .step_item {
        border-width: 0 0 0 .0625rem
    }

    .step.\:card:not(.\:vertical) .step_item:first-child {
        border-width: 0
    }

    .step.\:card:not(.\:vertical) .step_item:last-child:after {
        display: none
    }
}

.step.\:card.\:ordered .step_item {
    padding-left: 2.625rem
}

.step.\:card.\:ordered .step_item:before {
    display: flex;
    top: 1rem;
    left: .75rem;
    border-width: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: inherit;
    background: 0 0
}

@media(min-width:768px) {
    .step.\:card.\:ordered .step_item {
        padding: 1rem .75rem 1rem 2.625rem
    }

    .step.\:card.\:ordered .step_item:before {
        top: 1rem;
        left: .75rem;
        margin-left: 0
    }
}

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

.tab_head {
    display: flex;
    flex: 1 0 auto;
    order: -1;
    position: relative;
    max-width: 100%;
    overflow-x: auto
}

.tab_head:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(243, 242, 243, .38)
}

.tab_ctrl {
    flex: 0 0 auto;
    min-width: 2.25rem;
    min-height: 2.25rem;
    padding: .5rem;
    border: 0;
    color: #b2b3b3;
    background: 0 0;
    font-size: .75rem
}

.tab_ctrl:hover,
.tab_ctrl.is\:hover {
    color: #989a9a
}

.tab_nav {
    flex: 1 1 auto;
    overflow-x: auto;
    overflow-y: hidden
}

.tab_grp {
    display: inline-flex;
    justify-content: flex-start
}

.tab_item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
    line-height: 1.25;
    padding: 1.25rem;
    margin-right: .5rem;
    border: 0;
    color: #818082;
    text-align: center;
    white-space: nowrap;
    background: 0 0;
    cursor: pointer
}

.tab_item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 0;
    height: .125rem;
    overflow: hidden;
    background: #388eee;
    opacity: 0;
    border-radius: 2;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transform: translateX(-50%)
}

.tab_item>.icon:first-child {
    margin-left: 0
}

.tab_item>.icon:last-child {
    margin-right: 0
}

.tab_item>.btn-close:first-child {
    margin-right: .3125rem
}

.tab_item>.btn-close:last-child {
    margin-left: .3125rem
}

.tab_item:hover,
.tab_item.is\:hover {
    color: #323335
}

.tab_item.is\:on {
    z-index: 2;
    color: #388eee
}

.tab_item.is\:on:after {
    width: 100%;
    opacity: 1;
    background: #388eee
}

.tab_body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.tab_content {
    display: none;
    overflow: hidden
}

.tab_content.is\:on {
    display: block
}

.tab.\@left,
.tab.\@right {
    flex-direction: row
}

.tab.\@left .tab_head,
.tab.\@right .tab_head {
    flex-direction: column;
    flex: 0 0 auto;
    margin-bottom: 0
}

.tab.\@left .tab_head:after,
.tab.\@right .tab_head:after {
    top: 0;
    width: 2px;
    height: 100%
}

.tab.\@left .tab_nav,
.tab.\@right .tab_nav {
    flex: 0 0 auto;
    overflow: visible;
    margin-bottom: 1rem
}

.tab.\@left .tab_nav:last-child,
.tab.\@right .tab_nav:last-child {
    margin-bottom: 0
}

.tab.\@left .tab_grp,
.tab.\@right .tab_grp {
    flex-direction: column
}

.tab.\@left .tab_item,
.tab.\@right .tab_item {
    justify-content: flex-start;
    padding: 1.25rem;
    margin-right: 0
}

.tab.\@left .tab_item:after,
.tab.\@right .tab_item:after {
    top: 50%;
    width: 2px;
    height: 0;
    transform: translateY(-50%)
}

.tab.\@left .tab_item.is\:on:after,
.tab.\@right .tab_item.is\:on:after {
    height: 100%
}

.tab.\@left .tab_body,
.tab.\@right .tab_body {
    padding: .5rem 0
}

.tab.\@left .tab_head {
    margin-right: 1.25rem
}

.tab.\@left .tab_head:after {
    left: auto;
    right: 0
}

.tab.\@left .tab_item:after {
    left: auto;
    right: 0
}

.tab.\@right .tab_head {
    order: 0;
    margin-left: 1.25rem
}

.tab.\@right .tab_head:after {
    top: 0
}

.tab.\@right .tab_item:after {
    left: 0
}

.tab.\@right .tab_body {
    order: -1
}

.tab.\@bottom .tab_head {
    order: 0;
    margin-top: 1.25rem;
    margin-bottom: 0
}

.tab.\@bottom .tab_head:after {
    top: 0
}

.tab.\@bottom .tab_item:after {
    top: 0
}

.tab.\@bottom .tab_body {
    order: -1
}

.tab.\:card {
    border-width: 2px;
    border-style: solid;
    border-color: #eaebeb;
    background: #fff
}

.tab.\:card>.tab_head {
    margin: 0;
    background: rgba(243, 242, 243, .54)
}

.tab.\:card>.tab_head:after {
    height: 1px;
    background: #eaebeb
}

.tab.\:card>.tab_head .tab_nav {
    margin: 0 .3125rem 0 .625rem
}

.tab.\:card>.tab_head .tab_nav:not(:first-child) {
    margin: 0 .3125rem 0 0
}

.tab.\:card>.tab_head .tab_item {
    padding: .75rem 1rem;
    margin: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: transparent
}

.tab.\:card>.tab_head .tab_item:after {
    display: none;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    transform: none;
    transition: none
}

.tab.\:card>.tab_head .tab_item.is\:on {
    border-color: #eaebeb;
    background: #fff
}

.tab.\:card>.tab_head .tab_item.is\:on:after {
    display: block
}

.tab.\:card>.tab_body {
    padding: 1.25rem
}

.tab.\:card.\@left>.tab_head,
.tab.\:card.\@right>.tab_head {
    padding-bottom: .3125rem
}

.tab.\:card.\@left>.tab_head: after, .tab.\:card.\@right>.tab_head: after {
        width: 1px;
        height: 100%
    }

    .tab.\:card.\@left>.tab_head .tab_nav,
    .tab.\:card.\@right>.tab_head .tab_nav {
        margin: .625rem 0 .3125rem
    }

    .tab.\:card.\@left>.tab_head .tab_nav:not(:first-child),
    .tab.\:card.\@right>.tab_head .tab_nav:not(:first-child) {
        margin: 0 0 .3125rem
    }

    .tab.\:card.\@left>.tab_head .tab_item,
    .tab.\:card.\@right>.tab_head .tab_item {
        border-width: 1px 0
    }

    .tab.\:card.\@left>.tab_head .tab_item:after,
    .tab.\:card.\@right>.tab_head .tab_item:after {
        top: 0;
        width: 1px;
        height: 100%
    }

    .tab.\:card.\@left>.tab_head: after {
        left: auto;
        right: 0
    }

    .tab.\:card.\@left>.tab_head .tab_item.is\:on:after {
        left: auto;
        right: 0
    }

    .tab.\:card.\@right>.tab_head: after {
        left: 0
    }

    .tab.\:card.\@right>.tab_head .tab_item.active:after {
        left: 0
    }

    .tab.\:bookmark>.tab_head:after {
        height: 1px;
        background-color: rgba(203, 204, 205, .54)
    }

    .tab.\:bookmark>.tab_head .tab_item {
        padding: .75rem 1rem;
        margin: 0;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(203, 204, 205, .54);
        border-radius: 0;
        background: rgba(223, 222, 224, .24)
    }

    .tab.\:bookmark>.tab_head .tab_item:first-child {
        border-top-left-radius: .25rem
    }

    .tab.\:bookmark>.tab_head .tab_item:last-child {
        border-top-right-radius: .25rem
    }

    .tab.\:bookmark>.tab_head .tab_item:after {
        display: none;
        background: inherit;
        transition: none
    }

    .tab.\:bookmark>.tab_head .tab_item.is\:on {
        background: #fff;
        box-shadow: 0 .1875rem .5rem -.125rem rgba(0, 0, 0, .08)
    }

    .tab.\:bookmark>.tab_head .tab_item+.tab_item {
        margin-left: -1px
    }

    .tab.\:bookmark.\@left>.tab_head: after, .tab.\:bookmark.\@right>.tab_head: after {
            width: 1px;
            height: 100%
        }

        .tab.\:bookmark.\@left>.tab_head .tab_item,
        .tab.\:bookmark.\@right>.tab_head .tab_item {
            margin: 0
        }

        .tab.\:bookmark.\@left>.tab_head .tab_item+.tab_item,
        .tab.\:bookmark.\@right>.tab_head .tab_item+.tab_item {
            margin-top: -1px
        }

        .tab.\:bookmark.\@left>.tab_head .tab_item:last-child {
            border-top-right-radius: 0;
            border-bottom-left-radius: .25rem
        }

        .tab.\:bookmark.\@right>.tab_head .tab_item:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: .25rem
        }

        .tab.\:bookmark.\@right>.tab_head .tab_item:last-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: .25rem
        }

        .tab.\:bookmark.\@bottom>.tab_head .tab_item:first-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: .25rem
        }

        .tab.\:bookmark.\@bottom>.tab_head .tab_item:last-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: .25rem
        }

        .tag {
            display: inline-flex;
            align-items: center;
            line-height: 1;
            overflow: hidden;
            padding: .125rem;
            margin-right: .5rem;
            margin-bottom: .5rem;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(74, 77, 79, .12);
            border-radius: 3px;
            font-size: .875rem;
            font-weight: 500;
            white-space: nowrap;
            background: #f7f7f7;
            vertical-align: top;
            transition-property: transform, opacity
        }

        .tag_append {
            flex: 1 0 auto;
            min-width: 1.375rem;
            line-height: 1.375rem;
            overflow: hidden;
            margin: .125rem;
            border-radius: .125rem;
            text-align: center;
            text-transform: uppercase;
            font-size: 114.2857142857%;
            color: #fff;
            background: #b2b3b3;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05)
        }

        .tag_append+.tag_dele {
            padding-left: .5rem
        }

        small.tag_append {
            width: auto;
            min-width: 1.375rem;
            line-height: 1.2307692308;
            padding: .1875rem;
            font-size: 92.8571428571%
        }

        img.tag_append {
            width: 1.375rem;
            height: 1.375rem;
            background: 0 0
        }

        .tag_txt {
            flex: 0 1 auto;
            padding: .375rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .tag_dele {
            flex: 0 0 auto;
            position: relative;
            padding: 0 .25rem 0 .125rem;
            font-weight: 400;
            font-size: 114.2857142857%;
            opacity: .24
        }

        .tag:hover>.tag_dele,
        .tag.is\:hover>.tag_dele {
            opacity: .54
        }

        .tag.is\:out {
            opacity: 0;
            transform: translateY(-110%)
        }

        .tag.clr\:primary {
            color: rgba(23, 123, 235, .87);
            border-color: rgba(18, 110, 212, .24);
            background-color: rgba(239, 243, 247, .54)
        }

        .tag.clr\:primary .tag_append {
            color: rgba(255, 255, 255, .87);
            background-color: #388eee
        }

        .tag.clr\:secondary {
            color: rgba(11, 57, 97, .87);
            border-color: rgba(8, 42, 72, .24);
            background-color: rgba(238, 240, 242, .54)
        }

        .tag.clr\:secondary .tag_append {
            color: rgba(255, 255, 255, .87);
            background-color: #0f4c81
        }

        .tag.clr\:light {
            color: rgba(140, 140, 140, .87);
            border-color: rgba(153, 151, 150, .24);
            background-color: rgba(247, 247, 247, .54)
        }

        .tag.clr\:light .tag_append {
            color: rgba(50, 51, 53, .87);
            background-color: #f8f8f8
        }

        .tag.clr\:dark {
            color: rgba(38, 41, 39, .87);
            border-color: rgba(25, 27, 25, .24);
            background-color: rgba(239, 240, 239, .54)
        }

        .tag.clr\:dark .tag_append {
            color: rgba(255, 255, 255, .87);
            background-color: #373c38
        }

        .tag-grp {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            margin: .25rem -.25rem
        }

        .tag-grp>.tag {
            margin: .25rem
        }

        .tag.sz\:sm {
            height: 1.75rem
        }

        .tag.sz\:sm .tag_append {
            display: none
        }

        .tag.sz\:sm .tag_txt {
            padding: .125rem .25rem
        }

        .tag.sz\:sm .tag_dele {
            transform: scale(.75)
        }

        .tag.\:rounded {
            border-radius: 2rem
        }

        .tag.\:rounded .tag_append {
            width: 1.625rem;
            height: 1.625rem;
            line-height: 1.625rem;
            margin: 0;
            border-radius: 2rem
        }

        .tag.\:rounded small.tag_append {
            width: auto;
            min-width: 1.625rem;
            line-height: 1rem;
            padding: .3125rem .375rem
        }

        .tag.\:rounded .tag_dele {
            padding-right: .375rem
        }

        .tag .avatar {
            flex: 1 0 auto;
            width: 1.375rem;
            border-radius: .125rem;
            margin: .125rem
        }

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

        .timeline_era {
            margin: 1.25rem 0 .625rem;
            font-weight: 500;
            opacity: .87
        }

        .timeline_era:first-child {
            margin-top: 0
        }

        .timeline_item {
            position: relative;
            z-index: 1;
            padding-bottom: 2rem;
            padding-left: 2.75rem
        }

        .timeline_item:last-child .timeline_axis:after {
            background: linear-gradient(to bottom, #f3f2f3 50%, transparent 100%)
        }

        .timeline_item.is\:on .timeline_axis:before {
            box-shadow: 0 0 0 2px #388eee, inset 0 0 0 3px #fff;
            background-color: #388eee
        }

        .timeline_item.is\:off,
        .timeline_item[disabled] {
            opacity: .7
        }

        .timeline_item.is\:off .timeline_time,
        .timeline_item.is\:off .timeline_content,
        .timeline_item[disabled] .timeline_time,
        .timeline_item[disabled] .timeline_content {
            opacity: .54
        }

        .timeline_item.is\:off .timeline_axis:before,
        .timeline_item[disabled] .timeline_axis:before {
            opacity: .38;
            background-color: #cbcccd
        }

        .timeline_axis {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: absolute;
            top: 0;
            left: 1rem;
            z-index: 1;
            height: 100%;
            text-align: center
        }

        .timeline_axis:before,
        .timeline_axis:after {
            content: ""
        }

        .timeline_axis:before {
            display: block;
            flex: 0 0 auto;
            width: .75rem;
            height: .75rem;
            margin: .3125rem 0;
            border-radius: 50%;
            background-color: #cbcccd
        }

        .timeline_axis:after {
            flex: 0 1 auto;
            width: .125rem;
            height: calc(100% - 1.375rem);
            margin-left: -.0625rem;
            background-color: #f3f2f3
        }

        .timeline_time {
            display: block;
            font-size: .875rem;
            opacity: .54
        }

        .timeline_content {
            position: relative
        }

        .timeline.\:inline .timeline_item {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: stretch;
            padding-bottom: 0;
            padding-left: 0
        }

        .timeline.\:inline .timeline_item:before,
        .timeline.\:inline .timeline_item:after {
            display: none
        }

        .timeline.\:inline .timeline_axis {
            position: static;
            height: auto;
            margin: 0 1rem;
            order: 2
        }

        .timeline.\:inline .timeline_era {
            margin-left: 4rem
        }

        .timeline.\:inline .timeline_time {
            flex: 0 0 4rem;
            max-width: 4rem;
            text-align: right;
            order: 1
        }

        .timeline.\:inline .timeline_content {
            flex: 1 1 auto;
            padding-bottom: 2rem;
            order: 3
        }

        .timeline.\:crossed {
            max-width: 66.75rem;
            margin-right: auto;
            margin-left: auto
        }

        .timeline.\:crossed .timeline_era {
            text-align: center
        }

        .timeline.\:crossed .timeline_item:nth-child(even) {
            margin-left: calc(50% - 1.375rem)
        }

        .timeline.\:crossed .timeline_item:nth-child(odd) {
            padding-left: 0;
            padding-right: 2.75rem;
            margin-right: calc(50% - 1.375rem);
            text-align: right
        }

        .timeline.\:crossed .timeline_item:nth-child(odd) .timeline_axis {
            left: auto;
            right: 1rem
        }

        .timeline.\:horizontal,
        .timeline.\:horizontal-crossed {
            flex-direction: row;
            align-items: flex-start;
            max-width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            margin: 1.875rem 0
        }

        .timeline.\:horizontal .timeline_era,
        .timeline.\:horizontal-crossed .timeline_era {
            flex: 0 0 auto;
            margin: 0 1.875rem 0 1.5rem;
            text-align: center
        }

        .timeline.\:horizontal .timeline_era:first-child,
        .timeline.\:horizontal-crossed .timeline_era:first-child {
            margin-left: 0
        }

        .timeline.\:horizontal .timeline_axis,
        .timeline.\:horizontal-crossed .timeline_axis {
            position: static;
            flex-direction: row;
            width: calc(100% + 48);
            height: auto
        }

        .timeline.\:horizontal .timeline_axis:before,
        .timeline.\:horizontal-crossed .timeline_axis:before {
            margin: .3125rem .3125rem .3125rem 0
        }

        .timeline.\:horizontal .timeline_axis:after,
        .timeline.\:horizontal-crossed .timeline_axis:after {
            flex: 0 1 auto;
            width: calc(100% - 1.375rem);
            height: .125rem
        }

        .timeline.\:horizontal .timeline_item,
        .timeline.\:horizontal-crossed .timeline_item {
            display: flex;
            flex-direction: column;
            flex: 0 0 auto;
            max-width: 66.6666666667vw;
            padding-right: 48;
            padding-left: 0
        }

        .timeline.\:horizontal .timeline_item:last-child .timeline_axis:after,
        .timeline.\:horizontal-crossed .timeline_item:last-child .timeline_axis:after {
            background: linear-gradient(to right, #f3f2f3 50%, transparent 100%)
        }

        @media(min-width:768px) {

            .timeline.\:horizontal .timeline_item,
            .timeline.\:horizontal-crossed .timeline_item {
                max-width: 50vw
            }
        }

        @media(min-width:1024px) {

            .timeline.\:horizontal .timeline_item,
            .timeline.\:horizontal-crossed .timeline_item {
                max-width: 40vw
            }
        }

        @media(min-width:1280px) {

            .timeline.\:horizontal .timeline_item,
            .timeline.\:horizontal-crossed .timeline_item {
                max-width: 32rem
            }
        }

        .timeline.\:horizontal .timeline_content,
        .timeline.\:horizontal-crossed .timeline_content {
            padding-right: 2rem
        }

        .timeline.\:horizontal .timeline_axis {
            order: -1;
            margin-top: .3125rem;
            margin-bottom: .625rem
        }

        .timeline.\:horizontal-crossed .timeline_era {
            padding-top: 1.5625rem
        }

        .timeline.\:horizontal-crossed .timeline_axis {
            order: 2;
            margin: .5rem 0
        }

        .timeline.\:horizontal-crossed .timeline_time {
            order: 1
        }

        .timeline.\:horizontal-crossed .timeline_content {
            order: 3
        }

        .timeline .timeline_item.clr\:primary .timeline_axis:before {
            background-color: #388eee
        }

        .timeline .timeline_item.clr\:primary.is\:on .timeline_axis:before {
            box-shadow: 0 0 0 2px #388eee, inset 0 0 0 3px #fff
        }

        .timeline .timeline_item.clr\:secondary .timeline_axis:before {
            background-color: #0f4c81
        }

        .timeline .timeline_item.clr\:secondary.is\:on .timeline_axis:before {
            box-shadow: 0 0 0 2px #0f4c81, inset 0 0 0 3px #fff
        }

        .timeline .timeline_item.clr\:light .timeline_axis:before {
            background-color: #f8f8f8
        }

        .timeline .timeline_item.clr\:light.is\:on .timeline_axis:before {
            box-shadow: 0 0 0 2px #f8f8f8, inset 0 0 0 3px #fff
        }

        .timeline .timeline_item.clr\:dark .timeline_axis:before {
            background-color: #373c38
        }

        .timeline .timeline_item.clr\:dark.is\:on .timeline_axis:before {
            box-shadow: 0 0 0 2px #373c38, inset 0 0 0 3px #fff
        }

        .tooltip {
            position: relative;
            cursor: pointer
        }

        .tooltip:after {
            content: attr(data-tip);
            display: block;
            position: absolute;
            max-width: 20rem;
            line-height: 1.5;
            overflow: hidden;
            padding: .25rem .375rem;
            border-radius: .25rem;
            font-size: .8125rem;
            color: #fff;
            pointer-events: none;
            white-space: pre;
            text-overflow: ellipsis;
            transition: .24s ease-out;
            opacity: 0;
            z-index: 2;
            background: #181a1c
        }

        .tooltip:hover:after,
        .tooltip.is\:hover:after {
            opacity: 1
        }

        .tooltip.\@top: after {
            bottom: 100%;
            left: 50%;
            transform: translate(-50%, .5rem)
        }

        .tooltip.\@top: hover:after, .tooltip.\@top.is\:hover: after {
                transform: translate(-50%, -.125rem)
            }

            .tooltip.\@bottom: after {
                top: 100%;
                left: 50%;
                transform: translate(-50%, -.5rem)
            }

            .tooltip.\@bottom: hover:after, .tooltip.\@bottom.is\:hover: after {
                    transform: translate(-50%, .125rem)
                }

                .tooltip.\@right: after {
                    top: 50%;
                    left: 100%;
                    transform: translate(-.5rem, -50%)
                }

                .tooltip.\@right: hover:after, .tooltip.\@right.is\:hover: after {
                        transform: translate(.1875rem, -50%)
                    }

                    .tooltip.\@left: after {
                        top: 50%;
                        right: 100%;
                        transform: translate(.5rem, -50%)
                    }

                    .tooltip.\@left: hover:after, .tooltip.\@left.is\:hover: after {
                            transform: translate(-.1875rem, -50%)
                        }

                        .tooltip.\:rows:after {
                            width: 20rem;
                            white-space: normal
                        }

                        .u-clearfix:after {
                            content: "";
                            display: table;
                            clear: both
                        }

                        .u-clear {
                            clear: both
                        }

                        .u-float\:l {
                            float: left
                        }

                        .u-float\:r {
                            float: right
                        }

                        .u-float\:n {
                            float: none
                        }

                        .u-circle {
                            border-radius: 50%
                        }

                        .u-rounded {
                            border-radius: .5rem
                        }

                        .u-bgc\:primary {
                            color: rgba(255, 255, 255, .87);
                            background-color: #388eee
                        }

                        .u-clr\:primary {
                            color: #388eee
                        }

                        .u-bgc\:secondary {
                            color: rgba(255, 255, 255, .87);
                            background-color: #0f4c81
                        }

                        .u-clr\:secondary {
                            color: #0f4c81
                        }

                        .u-bgc\:light {
                            color: rgba(50, 51, 53, .87);
                            background-color: #f8f8f8
                        }

                        .u-clr\:light {
                            color: #f8f8f8
                        }

                        .u-bgc\:dark {
                            color: rgba(255, 255, 255, .87);
                            background-color: #373c38
                        }

                        .u-clr\:dark {
                            color: #373c38
                        }

                        .u-bgc\:success {
                            color: rgba(255, 255, 255, .87);
                            background-color: #16aa7a
                        }

                        .u-clr\:success {
                            color: #16aa7a
                        }

                        .u-bgc\:warning {
                            color: rgba(255, 255, 255, .87);
                            background-color: #fc7220
                        }

                        .u-clr\:warning {
                            color: #fc7220
                        }

                        .u-bgc\:danger {
                            color: rgba(255, 255, 255, .87);
                            background-color: #c70506
                        }

                        .u-clr\:danger {
                            color: #c70506
                        }

                        .u-bgk\:0 {
                            color: rgba(50, 51, 53, .87);
                            background-color: #fff
                        }

                        .u-bk\:0 {
                            color: #fff
                        }

                        .u-bgk\:2 {
                            color: rgba(50, 51, 53, .87);
                            background-color: #fbfafc
                        }

                        .u-bk\:2 {
                            color: #fbfafc
                        }

                        .u-bgk\:5 {
                            color: rgba(50, 51, 53, .87);
                            background-color: #f3f2f3
                        }

                        .u-bk\:5 {
                            color: #f3f2f3
                        }

                        .u-bgk\:8 {
                            color: rgba(104, 105, 106, .87);
                            background-color: #eaebeb
                        }

                        .u-bk\:8 {
                            color: #eaebeb
                        }

                        .u-bgk\:10 {
                            color: rgba(102, 102, 104, .87);
                            background-color: #e6e5e7
                        }

                        .u-bk\:10 {
                            color: #e6e5e7
                        }

                        .u-bgk\:12 {
                            color: rgba(99, 99, 101, .87);
                            background-color: #dfdee0
                        }

                        .u-bk\:12 {
                            color: #dfdee0
                        }

                        .u-bgk\:15 {
                            color: rgba(95, 96, 97, .87);
                            background-color: #d8d8d9
                        }

                        .u-bk\:15 {
                            color: #d8d8d9
                        }

                        .u-bgk\:20 {
                            color: rgba(89, 90, 90, .87);
                            background-color: #cbcccd
                        }

                        .u-bk\:20 {
                            color: #cbcccd
                        }

                        .u-bgk\:30 {
                            color: rgba(76, 77, 77, .87);
                            background-color: #b2b3b3
                        }

                        .u-bk\:30 {
                            color: #b2b3b3
                        }

                        .u-bgk\:40 {
                            color: rgba(255, 255, 255, .87);
                            background-color: #999796
                        }

                        .u-bk\:40 {
                            color: #999796
                        }

                        .u-bgk\:50 {
                            color: rgba(255, 255, 255, .87);
                            background-color: #818082
                        }

                        .u-bk\:50 {
                            color: #818082
                        }

                        .u-bgk\:60 {
                            color: rgba(255, 255, 255, .87);
                            background-color: #656668
                        }

                        .u-bk\:60 {
                            color: #656668
                        }

                        .u-bgk\:70 {
                            color: rgba(255, 255, 255, .87);
                            background-color: #4a4d4f
                        }

                        .u-bk\:70 {
                            color: #4a4d4f
                        }

                        .u-bgk\:80 {
                            color: rgba(255, 255, 255, .87);
                            background-color: #323335
                        }

                        .u-bk\:80 {
                            color: #323335
                        }

                        .u-bgk\:90 {
                            color: rgba(255, 255, 255, .87);
                            background-color: #181a1c
                        }

                        .u-bk\:90 {
                            color: #181a1c
                        }

                        .u-bgk\:100 {
                            color: rgba(255, 255, 255, .87);
                            background-color: #000
                        }

                        .u-bk\:100 {
                            color: #000
                        }

                        .u-bg-rpt\:r {
                            background-repeat: repeat
                        }

                        .u-bg-rpt\:nr {
                            background-repeat: no-repeat
                        }

                        .u-bg-rpt\:rx {
                            background-repeat: repeat-x
                        }

                        .u-bg-rpt\:ry {
                            background-repeat: repeat-y
                        }

                        .u-bg-rpt\:rd {
                            background-repeat: round
                        }

                        .u-bg-rpt\:sp {
                            background-repeat: space
                        }

                        .u-bg-pos\:t {
                            background-position: top
                        }

                        .u-bg-pos\:b {
                            background-position: bottom
                        }

                        .u-bg-pos\:c {
                            background-position: center
                        }

                        .u-bg-pos\:ct {
                            background-position: center top
                        }

                        .u-bg-pos\:cb {
                            background-position: center bottom
                        }

                        .u-bg-pos\:l {
                            background-position: left
                        }

                        .u-bg-pos\:lt {
                            background-position: left top
                        }

                        .u-bg-pos\:lc {
                            background-position: left center
                        }

                        .u-bg-pos\:lb {
                            background-position: left bottom
                        }

                        .u-bg-pos\:r {
                            background-position: right
                        }

                        .u-bg-pos\:rt {
                            background-position: right top
                        }

                        .u-bg-pos\:rc {
                            background-position: right center
                        }

                        .u-bg-pos\:rb {
                            background-position: right bottom
                        }

                        .u-bg-sz\:at {
                            background-size: auto
                        }

                        .u-bg-sz\:cv {
                            background-size: cover
                        }

                        .u-bg-sz\:ct {
                            background-size: contain
                        }

                        .u-alpha\:100 {
                            opacity: 1
                        }

                        .u-alpha\:87 {
                            opacity: .87
                        }

                        .u-alpha\:70 {
                            opacity: .7
                        }

                        .u-alpha\:54 {
                            opacity: .54
                        }

                        .u-alpha\:38 {
                            opacity: .38
                        }

                        .u-alpha\:24 {
                            opacity: .24
                        }

                        .u-alpha\:12 {
                            opacity: .12
                        }

                        .u-alpha\:8 {
                            opacity: .08
                        }

                        .u-alpha\:5 {
                            opacity: .05
                        }

                        .u-alpha\:2 {
                            opacity: .02
                        }

                        .u-alpha\:0 {
                            opacity: 0
                        }

                        .u-fw\:100 {
                            font-weight: 100
                        }

                        .u-fw\:200 {
                            font-weight: 200
                        }

                        .u-fw\:300 {
                            font-weight: 300
                        }

                        .u-fw\:400 {
                            font-weight: 400
                        }

                        .u-fw\:500 {
                            font-weight: 500
                        }

                        .u-fw\:600 {
                            font-weight: 600
                        }

                        .u-fw\:700 {
                            font-weight: 700
                        }

                        .u-fw\:800 {
                            font-weight: 800
                        }

                        .u-fw\:900 {
                            font-weight: 900
                        }

                        .u-ff\:sans {
                            font-family: helvetica neue, Helvetica, Arial, sans-serif
                        }

                        .u-ff\:serif {
                            font-family: Georgia, times new roman, Times, serif
                        }

                        .u-ff\:mono {
                            font-family: fira pro, source code pro, SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, Courier, monospace
                        }

                        .u-fs\:xs {
                            font-size: .75rem
                        }

                        .u-fs\:sm {
                            font-size: .875rem
                        }

                        .u-fs\:md {
                            font-size: 1rem
                        }

                        .u-fs\:lg {
                            font-size: 1.25rem
                        }

                        .u-fs\:xl {
                            font-size: 1.5rem
                        }

                        .u-lower {
                            text-transform: lowercase
                        }

                        .u-upper {
                            text-transform: uppercase
                        }

                        .u-capit {
                            text-transform: capitalize
                        }

                        .u-truncate {
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis
                        }

                        .u-ratio\:1by1:before {
                            padding-top: 100%
                        }

                        .u-ratio\:2by1:before {
                            padding-top: 50%
                        }

                        .u-ratio\:2by3:before {
                            padding-top: 150%
                        }

                        .u-ratio\:3by1:before {
                            padding-top: 33.3333333333%
                        }

                        .u-ratio\:3by2:before {
                            padding-top: 66.6666666667%
                        }

                        .u-ratio\:3by4:before {
                            padding-top: 133.3333333333%
                        }

                        .u-ratio\:4by3:before {
                            padding-top: 75%
                        }

                        .u-ratio\:4by5:before {
                            padding-top: 125%
                        }

                        .u-ratio\:5by2:before {
                            padding-top: 40%
                        }

                        .u-ratio\:5by3:before {
                            padding-top: 60%
                        }

                        .u-ratio\:5by4:before {
                            padding-top: 80%
                        }

                        .u-ratio\:16by10:before {
                            padding-top: 62.5%
                        }

                        .u-ratio\:21by9:before {
                            padding-top: 42.8571428571%
                        }

                        .u-ratio\:36by10:before {
                            padding-top: 27.7777777778%
                        }

                        .u-wrap-scroller {
                            display: block;
                            width: 100%;
                            overflow-x: auto;
                            overflow-y: hidden;
                            margin: 1.25rem auto
                        }

                        .u-wrap-scroller:first-child {
                            margin-top: 0
                        }

                        .u-wrap-scroller:last-child {
                            margin-bottom: 0
                        }

                        .u-wrap-scroller>.table {
                            margin: 0 auto
                        }

                        table.u-dsp {
                            display: table !important
                        }

                        thead.u-dsp {
                            display: table-header-group !important
                        }

                        tbody.u-dsp {
                            display: table-row-group !important
                        }

                        tfoot.u-dsp {
                            display: table-footer-group !important
                        }

                        caption.u-dsp {
                            display: table-caption !important
                        }

                        tr.u-dsp {
                            display: table-row !important
                        }

                        th.u-dsp,
                        td.u-dsp {
                            display: table-cell !important
                        }

                        colgroup.u-dsp {
                            display: table-column-group !important
                        }

                        col.u-dsp {
                            display: table-column !important
                        }

                        li.u-dsp {
                            display: list-item !important
                        }

                        .u-dsp {
                            display: block !important
                        }

                        .u-dsp\:it {
                            display: inline-table !important
                        }

                        .u-dsp\:t {
                            display: table !important
                        }

                        .u-dsp\:tc {
                            display: table-cell !important
                        }

                        .u-dsp\:tr {
                            display: table-row !important
                        }

                        .u-dsp\:i {
                            display: inline !important
                        }

                        .u-dsp\:ib {
                            display: inline-block !important
                        }

                        .u-dsp\:if {
                            display: inline-flex !important
                        }

                        .u-dsp\:f {
                            display: flex !important
                        }

                        .u-dsp\:ig {
                            display: inline-grid !important
                        }

                        .u-dsp\:g {
                            display: grid !important
                        }

                        .u-dsp\:b {
                            display: block !important
                        }

                        .u-dsp\:n {
                            display: none !important
                        }

                        .u-float\:l {
                            float: left
                        }

                        .u-float\:r {
                            float: right
                        }

                        .u-float\:n {
                            float: none
                        }

                        .u-visible {
                            visibility: visible
                        }

                        .u-invisible {
                            visibility: hidden
                        }

                        .u-overflow\:a {
                            overflow: auto
                        }

                        .u-overflow\:h {
                            overflow: hidden
                        }

                        .u-overflow\:s {
                            overflow: scroll
                        }

                        .u-overflow\:v {
                            overflow: visible
                        }

                        .u-overflow-x\:a {
                            overflow-x: auto
                        }

                        .u-overflow-x\:h {
                            overflow-x: hidden
                        }

                        .u-overflow-x\:s {
                            overflow-x: scroll
                        }

                        .u-overflow-x\:v {
                            overflow-x: visible
                        }

                        .u-overflow-y\:a {
                            overflow-y: auto
                        }

                        .u-overflow-y\:h {
                            overflow-y: hidden
                        }

                        .u-overflow-y\:s {
                            overflow-y: scroll
                        }

                        .u-overflow-y\:v {
                            overflow-y: visible
                        }

                        .u-text-wrap\:nm {
                            white-space: normal
                        }

                        .u-text-wrap\:nw {
                            white-space: nowrap
                        }

                        .u-text-wrap\:p {
                            white-space: pre
                        }

                        .u-text-wrap\:pl {
                            white-space: pre-line
                        }

                        .u-text-wrap\:pw {
                            white-space: pre-wrap
                        }

                        .u-pos\:sta {
                            position: static
                        }

                        .u-pos\:fix {
                            position: fixed
                        }

                        .u-pos\:abs {
                            position: absolute
                        }

                        .u-pos\:rel {
                            position: relative
                        }

                        .u-pos\:sti {
                            position: sticky
                        }

                        .u-align\:l {
                            text-align: left
                        }

                        .u-align\:c {
                            text-align: center
                        }

                        .u-align\:r {
                            text-align: right
                        }

                        .u-valign\:t {
                            vertical-align: top
                        }

                        .u-valign\:tt {
                            vertical-align: text-top
                        }

                        .u-valign\:m {
                            vertical-align: middle
                        }

                        .u-valign\:b {
                            vertical-align: bottom
                        }

                        .u-valign\:bl {
                            vertical-align: baseline
                        }

                        .u-valign\:tb {
                            vertical-align: text-bottom
                        }

                        .u-valign\:sup {
                            vertical-align: super
                        }

                        .u-valign\:sub {
                            vertical-align: sub
                        }

                        .u-m\:0 {
                            margin: 0
                        }

                        .u-m\:5 {
                            margin: 5px
                        }

                        .u-m\:10 {
                            margin: 10px
                        }

                        .u-m\:15 {
                            margin: 15px
                        }

                        .u-m\:20 {
                            margin: 20px
                        }

                        .u-m\:30 {
                            margin: 30px
                        }

                        .u-m\:40 {
                            margin: 40px
                        }

                        .u-m\:50 {
                            margin: 50px
                        }

                        .u-m\:auto {
                            margin: auto
                        }

                        .u-mY\:0 {
                            margin-top: 0;
                            margin-bottom: 0
                        }

                        .u-mY\:5 {
                            margin-top: 5px;
                            margin-bottom: 5px
                        }

                        .u-mY\:10 {
                            margin-top: 10px;
                            margin-bottom: 10px
                        }

                        .u-mY\:15 {
                            margin-top: 15px;
                            margin-bottom: 15px
                        }

                        .u-mY\:20 {
                            margin-top: 20px;
                            margin-bottom: 20px
                        }

                        .u-mY\:30 {
                            margin-top: 30px;
                            margin-bottom: 30px
                        }

                        .u-mY\:40 {
                            margin-top: 40px;
                            margin-bottom: 40px
                        }

                        .u-mY\:50 {
                            margin-top: 50px;
                            margin-bottom: 50px
                        }

                        .u-mY\:auto {
                            margin-top: auto;
                            margin-bottom: auto
                        }

                        .u-mX\:0 {
                            margin-left: 0;
                            margin-right: 0
                        }

                        .u-mX\:5 {
                            margin-left: 5px;
                            margin-right: 5px
                        }

                        .u-mX\:10 {
                            margin-left: 10px;
                            margin-right: 10px
                        }

                        .u-mX\:15 {
                            margin-left: 15px;
                            margin-right: 15px
                        }

                        .u-mX\:20 {
                            margin-left: 20px;
                            margin-right: 20px
                        }

                        .u-mX\:30 {
                            margin-left: 30px;
                            margin-right: 30px
                        }

                        .u-mX\:40 {
                            margin-left: 40px;
                            margin-right: 40px
                        }

                        .u-mX\:50 {
                            margin-left: 50px;
                            margin-right: 50px
                        }

                        .u-mX\:auto {
                            margin-left: auto;
                            margin-right: auto
                        }

                        .u-mT\:0 {
                            margin-top: 0
                        }

                        .u-mT\:5 {
                            margin-top: 5px
                        }

                        .u-mT\:10 {
                            margin-top: 10px
                        }

                        .u-mT\:15 {
                            margin-top: 15px
                        }

                        .u-mT\:20 {
                            margin-top: 20px
                        }

                        .u-mT\:30 {
                            margin-top: 30px
                        }

                        .u-mT\:40 {
                            margin-top: 40px
                        }

                        .u-mT\:50 {
                            margin-top: 50px
                        }

                        .u-mT\:auto {
                            margin-top: auto
                        }

                        .u-mR\:0 {
                            margin-right: 0
                        }

                        .u-mR\:5 {
                            margin-right: 5px
                        }

                        .u-mR\:10 {
                            margin-right: 10px
                        }

                        .u-mR\:15 {
                            margin-right: 15px
                        }

                        .u-mR\:20 {
                            margin-right: 20px
                        }

                        .u-mR\:30 {
                            margin-right: 30px
                        }

                        .u-mR\:40 {
                            margin-right: 40px
                        }

                        .u-mR\:50 {
                            margin-right: 50px
                        }

                        .u-mR\:auto {
                            margin-right: auto
                        }

                        .u-mB\:0 {
                            margin-bottom: 0
                        }

                        .u-mB\:5 {
                            margin-bottom: 5px
                        }

                        .u-mB\:10 {
                            margin-bottom: 10px
                        }

                        .u-mB\:15 {
                            margin-bottom: 15px
                        }

                        .u-mB\:20 {
                            margin-bottom: 20px
                        }

                        .u-mB\:30 {
                            margin-bottom: 30px
                        }

                        .u-mB\:40 {
                            margin-bottom: 40px
                        }

                        .u-mB\:50 {
                            margin-bottom: 50px
                        }

                        .u-mB\:auto {
                            margin-bottom: auto
                        }

                        .u-mL\:0 {
                            margin-left: 0
                        }

                        .u-mL\:5 {
                            margin-left: 5px
                        }

                        .u-mL\:10 {
                            margin-left: 10px
                        }

                        .u-mL\:15 {
                            margin-left: 15px
                        }

                        .u-mL\:20 {
                            margin-left: 20px
                        }

                        .u-mL\:30 {
                            margin-left: 30px
                        }

                        .u-mL\:40 {
                            margin-left: 40px
                        }

                        .u-mL\:50 {
                            margin-left: 50px
                        }

                        .u-mL\:auto {
                            margin-left: auto
                        }

                        .u-p\:0 {
                            padding: 0
                        }

                        .u-p\:5 {
                            padding: 5px
                        }

                        .u-p\:10 {
                            padding: 10px
                        }

                        .u-p\:15 {
                            padding: 15px
                        }

                        .u-p\:20 {
                            padding: 20px
                        }

                        .u-p\:30 {
                            padding: 30px
                        }

                        .u-p\:40 {
                            padding: 40px
                        }

                        .u-p\:50 {
                            padding: 50px
                        }

                        .u-pY\:0 {
                            padding-top: 0;
                            padding-bottom: 0
                        }

                        .u-pY\:5 {
                            padding-top: 5px;
                            padding-bottom: 5px
                        }

                        .u-pY\:10 {
                            padding-top: 10px;
                            padding-bottom: 10px
                        }

                        .u-pY\:15 {
                            padding-top: 15px;
                            padding-bottom: 15px
                        }

                        .u-pY\:20 {
                            padding-top: 20px;
                            padding-bottom: 20px
                        }

                        .u-pY\:30 {
                            padding-top: 30px;
                            padding-bottom: 30px
                        }

                        .u-pY\:40 {
                            padding-top: 40px;
                            padding-bottom: 40px
                        }

                        .u-pY\:50 {
                            padding-top: 50px;
                            padding-bottom: 50px
                        }

                        .u-pX\:0 {
                            padding-left: 0;
                            padding-right: 0
                        }

                        .u-pX\:5 {
                            padding-left: 5px;
                            padding-right: 5px
                        }

                        .u-pX\:10 {
                            padding-left: 10px;
                            padding-right: 10px
                        }

                        .u-pX\:15 {
                            padding-left: 15px;
                            padding-right: 15px
                        }

                        .u-pX\:20 {
                            padding-left: 20px;
                            padding-right: 20px
                        }

                        .u-pX\:30 {
                            padding-left: 30px;
                            padding-right: 30px
                        }

                        .u-pX\:40 {
                            padding-left: 40px;
                            padding-right: 40px
                        }

                        .u-pX\:50 {
                            padding-left: 50px;
                            padding-right: 50px
                        }

                        .u-pT\:0 {
                            padding-top: 0
                        }

                        .u-pT\:5 {
                            padding-top: 5px
                        }

                        .u-pT\:10 {
                            padding-top: 10px
                        }

                        .u-pT\:15 {
                            padding-top: 15px
                        }

                        .u-pT\:20 {
                            padding-top: 20px
                        }

                        .u-pT\:30 {
                            padding-top: 30px
                        }

                        .u-pT\:40 {
                            padding-top: 40px
                        }

                        .u-pT\:50 {
                            padding-top: 50px
                        }

                        .u-pR\:0 {
                            padding-right: 0
                        }

                        .u-pR\:5 {
                            padding-right: 5px
                        }

                        .u-pR\:10 {
                            padding-right: 10px
                        }

                        .u-pR\:15 {
                            padding-right: 15px
                        }

                        .u-pR\:20 {
                            padding-right: 20px
                        }

                        .u-pR\:30 {
                            padding-right: 30px
                        }

                        .u-pR\:40 {
                            padding-right: 40px
                        }

                        .u-pR\:50 {
                            padding-right: 50px
                        }

                        .u-pB\:0 {
                            padding-bottom: 0
                        }

                        .u-pB\:5 {
                            padding-bottom: 5px
                        }

                        .u-pB\:10 {
                            padding-bottom: 10px
                        }

                        .u-pB\:15 {
                            padding-bottom: 15px
                        }

                        .u-pB\:20 {
                            padding-bottom: 20px
                        }

                        .u-pB\:30 {
                            padding-bottom: 30px
                        }

                        .u-pB\:40 {
                            padding-bottom: 40px
                        }

                        .u-pB\:50 {
                            padding-bottom: 50px
                        }

                        .u-pL\:0 {
                            padding-left: 0
                        }

                        .u-pL\:5 {
                            padding-left: 5px
                        }

                        .u-pL\:10 {
                            padding-left: 10px
                        }

                        .u-pL\:15 {
                            padding-left: 15px
                        }

                        .u-pL\:20 {
                            padding-left: 20px
                        }

                        .u-pL\:30 {
                            padding-left: 30px
                        }

                        .u-pL\:40 {
                            padding-left: 40px
                        }

                        .u-pL\:50 {
                            padding-left: 50px
                        }

                        .u-w\:0 {
                            width: 0
                        }

                        .u-w\:25\% {
                            width: 25%
                        }

                        .u-w\:50\% {
                            width: 50%
                        }

                        .u-w\:75\% {
                            width: 75%
                        }

                        .u-w\:100\% {
                            width: 100%
                        }

                        .u-w\:25vw {
                            width: 25vw
                        }

                        .u-w\:50vw {
                            width: 50vw
                        }

                        .u-w\:75vw {
                            width: 75vw
                        }

                        .u-w\:100vw {
                            width: 100vw
                        }

                        .u-w\:25vh {
                            width: 25vh
                        }

                        .u-w\:50vh {
                            width: 50vh
                        }

                        .u-w\:75vh {
                            width: 75vh
                        }

                        .u-w\:100vh {
                            width: 100vh
                        }

                        .u-w\:none {
                            width: none
                        }

                        .u-w\:auto {
                            width: auto
                        }

                        .u-w\:32px {
                            width: 32px
                        }

                        .u-w\:48px {
                            width: 48px
                        }

                        .u-w\:64px {
                            width: 64px
                        }

                        .u-w\:80px {
                            width: 80px
                        }

                        .u-w\:96px {
                            width: 96px
                        }

                        .u-w\:128px {
                            width: 128px
                        }

                        .u-w\:240px {
                            width: 240px
                        }

                        .u-w\:360px {
                            width: 360px
                        }

                        .u-w\:540px {
                            width: 540px
                        }

                        .u-w\:720px {
                            width: 720px
                        }

                        .u-w\:960px {
                            width: 960px
                        }

                        .u-w\:1140px {
                            width: 1140px
                        }

                        .u-w\:1200px {
                            width: 1200px
                        }

                        .u-w\:1440px {
                            width: 1440px
                        }

                        .u-wi\:0 {
                            min-width: 0
                        }

                        .u-wi\:25\% {
                            min-width: 25%
                        }

                        .u-wi\:50\% {
                            min-width: 50%
                        }

                        .u-wi\:75\% {
                            min-width: 75%
                        }

                        .u-wi\:100\% {
                            min-width: 100%
                        }

                        .u-wi\:25vw {
                            min-width: 25vw
                        }

                        .u-wi\:50vw {
                            min-width: 50vw
                        }

                        .u-wi\:75vw {
                            min-width: 75vw
                        }

                        .u-wi\:100vw {
                            min-width: 100vw
                        }

                        .u-wi\:25vh {
                            min-width: 25vh
                        }

                        .u-wi\:50vh {
                            min-width: 50vh
                        }

                        .u-wi\:75vh {
                            min-width: 75vh
                        }

                        .u-wi\:100vh {
                            min-width: 100vh
                        }

                        .u-wi\:none {
                            min-width: none
                        }

                        .u-wi\:auto {
                            min-width: auto
                        }

                        .u-wi\:32px {
                            min-width: 32px
                        }

                        .u-wi\:48px {
                            min-width: 48px
                        }

                        .u-wi\:64px {
                            min-width: 64px
                        }

                        .u-wi\:80px {
                            min-width: 80px
                        }

                        .u-wi\:96px {
                            min-width: 96px
                        }

                        .u-wi\:128px {
                            min-width: 128px
                        }

                        .u-wi\:240px {
                            min-width: 240px
                        }

                        .u-wi\:360px {
                            min-width: 360px
                        }

                        .u-wi\:540px {
                            min-width: 540px
                        }

                        .u-wi\:720px {
                            min-width: 720px
                        }

                        .u-wi\:960px {
                            min-width: 960px
                        }

                        .u-wi\:1140px {
                            min-width: 1140px
                        }

                        .u-wi\:1200px {
                            min-width: 1200px
                        }

                        .u-wi\:1440px {
                            min-width: 1440px
                        }

                        .u-wx\:0 {
                            max-width: 0
                        }

                        .u-wx\:25\% {
                            max-width: 25%
                        }

                        .u-wx\:50\% {
                            max-width: 50%
                        }

                        .u-wx\:75\% {
                            max-width: 75%
                        }

                        .u-wx\:100\% {
                            max-width: 100%
                        }

                        .u-wx\:25vw {
                            max-width: 25vw
                        }

                        .u-wx\:50vw {
                            max-width: 50vw
                        }

                        .u-wx\:75vw {
                            max-width: 75vw
                        }

                        .u-wx\:100vw {
                            max-width: 100vw
                        }

                        .u-wx\:25vh {
                            max-width: 25vh
                        }

                        .u-wx\:50vh {
                            max-width: 50vh
                        }

                        .u-wx\:75vh {
                            max-width: 75vh
                        }

                        .u-wx\:100vh {
                            max-width: 100vh
                        }

                        .u-wx\:none {
                            max-width: none
                        }

                        .u-wx\:auto {
                            max-width: auto
                        }

                        .u-wx\:32px {
                            max-width: 32px
                        }

                        .u-wx\:48px {
                            max-width: 48px
                        }

                        .u-wx\:64px {
                            max-width: 64px
                        }

                        .u-wx\:80px {
                            max-width: 80px
                        }

                        .u-wx\:96px {
                            max-width: 96px
                        }

                        .u-wx\:128px {
                            max-width: 128px
                        }

                        .u-wx\:240px {
                            max-width: 240px
                        }

                        .u-wx\:360px {
                            max-width: 360px
                        }

                        .u-wx\:540px {
                            max-width: 540px
                        }

                        .u-wx\:720px {
                            max-width: 720px
                        }

                        .u-wx\:960px {
                            max-width: 960px
                        }

                        .u-wx\:1140px {
                            max-width: 1140px
                        }

                        .u-wx\:1200px {
                            max-width: 1200px
                        }

                        .u-wx\:1440px {
                            max-width: 1440px
                        }

                        .u-h\:0 {
                            height: 0
                        }

                        .u-h\:25\% {
                            height: 25%
                        }

                        .u-h\:50\% {
                            height: 50%
                        }

                        .u-h\:75\% {
                            height: 75%
                        }

                        .u-h\:100\% {
                            height: 100%
                        }

                        .u-h\:25vw {
                            height: 25vw
                        }

                        .u-h\:50vw {
                            height: 50vw
                        }

                        .u-h\:75vw {
                            height: 75vw
                        }

                        .u-h\:100vw {
                            height: 100vw
                        }

                        .u-h\:25vh {
                            height: 25vh
                        }

                        .u-h\:50vh {
                            height: 50vh
                        }

                        .u-h\:75vh {
                            height: 75vh
                        }

                        .u-h\:100vh {
                            height: 100vh
                        }

                        .u-h\:none {
                            height: none
                        }

                        .u-h\:auto {
                            height: auto
                        }

                        .u-h\:48px {
                            height: 48px
                        }

                        .u-h\:96px {
                            height: 96px
                        }

                        .u-h\:128px {
                            height: 128px
                        }

                        .u-h\:256px {
                            height: 256px
                        }

                        .u-min-h\:0 {
                            min-height: 0
                        }

                        .u-min-h\:25\% {
                            min-height: 25%
                        }

                        .u-min-h\:50\% {
                            min-height: 50%
                        }

                        .u-min-h\:75\% {
                            min-height: 75%
                        }

                        .u-min-h\:100\% {
                            min-height: 100%
                        }

                        .u-min-h\:25vw {
                            min-height: 25vw
                        }

                        .u-min-h\:50vw {
                            min-height: 50vw
                        }

                        .u-min-h\:75vw {
                            min-height: 75vw
                        }

                        .u-min-h\:100vw {
                            min-height: 100vw
                        }

                        .u-min-h\:25vh {
                            min-height: 25vh
                        }

                        .u-min-h\:50vh {
                            min-height: 50vh
                        }

                        .u-min-h\:75vh {
                            min-height: 75vh
                        }

                        .u-min-h\:100vh {
                            min-height: 100vh
                        }

                        .u-min-h\:none {
                            min-height: none
                        }

                        .u-min-h\:auto {
                            min-height: auto
                        }

                        .u-min-h\:48px {
                            min-height: 48px
                        }

                        .u-min-h\:96px {
                            min-height: 96px
                        }

                        .u-min-h\:128px {
                            min-height: 128px
                        }

                        .u-min-h\:256px {
                            min-height: 256px
                        }

                        .u-max-h\:0 {
                            max-height: 0
                        }

                        .u-max-h\:25\% {
                            max-height: 25%
                        }

                        .u-max-h\:50\% {
                            max-height: 50%
                        }

                        .u-max-h\:75\% {
                            max-height: 75%
                        }

                        .u-max-h\:100\% {
                            max-height: 100%
                        }

                        .u-max-h\:25vw {
                            max-height: 25vw
                        }

                        .u-max-h\:50vw {
                            max-height: 50vw
                        }

                        .u-max-h\:75vw {
                            max-height: 75vw
                        }

                        .u-max-h\:100vw {
                            max-height: 100vw
                        }

                        .u-max-h\:25vh {
                            max-height: 25vh
                        }

                        .u-max-h\:50vh {
                            max-height: 50vh
                        }

                        .u-max-h\:75vh {
                            max-height: 75vh
                        }

                        .u-max-h\:100vh {
                            max-height: 100vh
                        }

                        .u-max-h\:none {
                            max-height: none
                        }

                        .u-max-h\:auto {
                            max-height: auto
                        }

                        .u-max-h\:48px {
                            max-height: 48px
                        }

                        .u-max-h\:96px {
                            max-height: 96px
                        }

                        .u-max-h\:128px {
                            max-height: 128px
                        }

                        .u-max-h\:256px {
                            max-height: 256px
                        }

                        @media(min-width:576px) {
                            table.u-dsp\@sm {
                                display: table !important
                            }

                            thead.u-dsp\@sm {
                                display: table-header-group !important
                            }

                            tbody.u-dsp\@sm {
                                display: table-row-group !important
                            }

                            tfoot.u-dsp\@sm {
                                display: table-footer-group !important
                            }

                            caption.u-dsp\@sm {
                                display: table-caption !important
                            }

                            tr.u-dsp\@sm {
                                display: table-row !important
                            }

                            th.u-dsp\@sm,
                            td.u-dsp\@sm {
                                display: table-cell !important
                            }

                            colgroup.u-dsp\@sm {
                                display: table-column-group !important
                            }

                            col.u-dsp\@sm {
                                display: table-column !important
                            }

                            li.u-dsp\@sm {
                                display: list-item !important
                            }

                            .u-dsp\@sm {
                                display: block !important
                            }

                            .u-dsp\@sm\:it{display: inline-table !important
                        }

                        .u-dsp\@sm\:t{display: table !important
                    }

                    .u-dsp\@sm\:tc{display: table-cell !important
                }

                .u-dsp\@sm\:tr{display: table-row !important
            }

            .u-dsp\@sm\:i{display: inline !important
        }

        .u-dsp\@sm\:ib{display: inline-block !important
    }

    .u-dsp\@sm\:if{display: inline-flex !important
}

.u-dsp\@sm\:f{display: flex !important
}

.u-dsp\@sm\:ig{display: inline-grid !important
}

.u-dsp\@sm\:g{display: grid !important
}

.u-dsp\@sm\:b{display: block !important
}

.u-dsp\@sm\:n{display: none !important
}

.u-float\@sm\:l{float: left
}

.u-float\@sm\:r{float: right
}

.u-float\@sm\:n{float: none
}

.u-visible\@sm {
    visibility: visible
}

.u-invisible\@sm {
    visibility: hidden
}

.u-overflow\@sm\:a{overflow: auto
}

.u-overflow\@sm\:h{overflow: hidden
}

.u-overflow\@sm\:s{overflow: scroll
}

.u-overflow\@sm\:v{overflow: visible
}

.u-overflow-x\@sm\:a{overflow-x: auto
}

.u-overflow-x\@sm\:h{overflow-x: hidden
}

.u-overflow-x\@sm\:s{overflow-x: scroll
}

.u-overflow-x\@sm\:v{overflow-x: visible
}

.u-overflow-y\@sm\:a{overflow-y: auto
}

.u-overflow-y\@sm\:h{overflow-y: hidden
}

.u-overflow-y\@sm\:s{overflow-y: scroll
}

.u-overflow-y\@sm\:v{overflow-y: visible
}

.u-text-wrap\@sm\:nm{white-space: normal
}

.u-text-wrap\@sm\:nw{white-space: nowrap
}

.u-text-wrap\@sm\:p{white-space: pre
}

.u-text-wrap\@sm\:pl{white-space: pre-line
}

.u-text-wrap\@sm\:pw{white-space: pre-wrap
}

.u-pos\@sm\:sta{position: static
}

.u-pos\@sm\:fix{position: fixed
}

.u-pos\@sm\:abs{position: absolute
}

.u-pos\@sm\:rel{position: relative
}

.u-pos\@sm\:sti{position: sticky
}

.u-align\@sm\:l{text-align: left
}

.u-align\@sm\:c{text-align: center
}

.u-align\@sm\:r{text-align: right
}

.u-valign\@sm\:t{vertical-align: top
}

.u-valign\@sm\:tt{vertical-align: text-top
}

.u-valign\@sm\:m{vertical-align: middle
}

.u-valign\@sm\:b{vertical-align: bottom
}

.u-valign\@sm\:bl{vertical-align: baseline
}

.u-valign\@sm\:tb{vertical-align: text-bottom
}

.u-valign\@sm\:sup{vertical-align: super
}

.u-valign\@sm\:sub{vertical-align: sub
}

.u-m\@sm\:0{margin: 0
}

.u-m\@sm\:5{margin: 5px
}

.u-m\@sm\:10{margin: 10px
}

.u-m\@sm\:15{margin: 15px
}

.u-m\@sm\:20{margin: 20px
}

.u-m\@sm\:30{margin: 30px
}

.u-m\@sm\:40{margin: 40px
}

.u-m\@sm\:50{margin: 50px
}

.u-m\@sm\:auto{margin: auto
}

.u-mY\@sm\:0{margin-top: 0;
margin-bottom:0
}

.u-mY\@sm\:5{margin-top: 5px;
margin-bottom:5px
}

.u-mY\@sm\:10{margin-top: 10px;
margin-bottom:10px
}

.u-mY\@sm\:15{margin-top: 15px;
margin-bottom:15px
}

.u-mY\@sm\:20{margin-top: 20px;
margin-bottom:20px
}

.u-mY\@sm\:30{margin-top: 30px;
margin-bottom:30px
}

.u-mY\@sm\:40{margin-top: 40px;
margin-bottom:40px
}

.u-mY\@sm\:50{margin-top: 50px;
margin-bottom:50px
}

.u-mY\@sm\:auto{margin-top: auto;
margin-bottom:auto
}

.u-mX\@sm\:0{margin-left: 0;
margin-right:0
}

.u-mX\@sm\:5{margin-left: 5px;
margin-right:5px
}

.u-mX\@sm\:10{margin-left: 10px;
margin-right:10px
}

.u-mX\@sm\:15{margin-left: 15px;
margin-right:15px
}

.u-mX\@sm\:20{margin-left: 20px;
margin-right:20px
}

.u-mX\@sm\:30{margin-left: 30px;
margin-right:30px
}

.u-mX\@sm\:40{margin-left: 40px;
margin-right:40px
}

.u-mX\@sm\:50{margin-left: 50px;
margin-right:50px
}

.u-mX\@sm\:auto{margin-left: auto;
margin-right:auto
}

.u-mT\@sm\:0{margin-top: 0
}

.u-mT\@sm\:5{margin-top: 5px
}

.u-mT\@sm\:10{margin-top: 10px
}

.u-mT\@sm\:15{margin-top: 15px
}

.u-mT\@sm\:20{margin-top: 20px
}

.u-mT\@sm\:30{margin-top: 30px
}

.u-mT\@sm\:40{margin-top: 40px
}

.u-mT\@sm\:50{margin-top: 50px
}

.u-mT\@sm\:auto{margin-top: auto
}

.u-mR\@sm\:0{margin-right: 0
}

.u-mR\@sm\:5{margin-right: 5px
}

.u-mR\@sm\:10{margin-right: 10px
}

.u-mR\@sm\:15{margin-right: 15px
}

.u-mR\@sm\:20{margin-right: 20px
}

.u-mR\@sm\:30{margin-right: 30px
}

.u-mR\@sm\:40{margin-right: 40px
}

.u-mR\@sm\:50{margin-right: 50px
}

.u-mR\@sm\:auto{margin-right: auto
}

.u-mB\@sm\:0{margin-bottom: 0
}

.u-mB\@sm\:5{margin-bottom: 5px
}

.u-mB\@sm\:10{margin-bottom: 10px
}

.u-mB\@sm\:15{margin-bottom: 15px
}

.u-mB\@sm\:20{margin-bottom: 20px
}

.u-mB\@sm\:30{margin-bottom: 30px
}

.u-mB\@sm\:40{margin-bottom: 40px
}

.u-mB\@sm\:50{margin-bottom: 50px
}

.u-mB\@sm\:auto{margin-bottom: auto
}

.u-mL\@sm\:0{margin-left: 0
}

.u-mL\@sm\:5{margin-left: 5px
}

.u-mL\@sm\:10{margin-left: 10px
}

.u-mL\@sm\:15{margin-left: 15px
}

.u-mL\@sm\:20{margin-left: 20px
}

.u-mL\@sm\:30{margin-left: 30px
}

.u-mL\@sm\:40{margin-left: 40px
}

.u-mL\@sm\:50{margin-left: 50px
}

.u-mL\@sm\:auto{margin-left: auto
}

.u-p\@sm\:0{padding: 0
}

.u-p\@sm\:5{padding: 5px
}

.u-p\@sm\:10{padding: 10px
}

.u-p\@sm\:15{padding: 15px
}

.u-p\@sm\:20{padding: 20px
}

.u-p\@sm\:30{padding: 30px
}

.u-p\@sm\:40{padding: 40px
}

.u-p\@sm\:50{padding: 50px
}

.u-pY\@sm\:0{padding-top: 0;
padding-bottom:0
}

.u-pY\@sm\:5{padding-top: 5px;
padding-bottom:5px
}

.u-pY\@sm\:10{padding-top: 10px;
padding-bottom:10px
}

.u-pY\@sm\:15{padding-top: 15px;
padding-bottom:15px
}

.u-pY\@sm\:20{padding-top: 20px;
padding-bottom:20px
}

.u-pY\@sm\:30{padding-top: 30px;
padding-bottom:30px
}

.u-pY\@sm\:40{padding-top: 40px;
padding-bottom:40px
}

.u-pY\@sm\:50{padding-top: 50px;
padding-bottom:50px
}

.u-pX\@sm\:0{padding-left: 0;
padding-right:0
}

.u-pX\@sm\:5{padding-left: 5px;
padding-right:5px
}

.u-pX\@sm\:10{padding-left: 10px;
padding-right:10px
}

.u-pX\@sm\:15{padding-left: 15px;
padding-right:15px
}

.u-pX\@sm\:20{padding-left: 20px;
padding-right:20px
}

.u-pX\@sm\:30{padding-left: 30px;
padding-right:30px
}

.u-pX\@sm\:40{padding-left: 40px;
padding-right:40px
}

.u-pX\@sm\:50{padding-left: 50px;
padding-right:50px
}

.u-pT\@sm\:0{padding-top: 0
}

.u-pT\@sm\:5{padding-top: 5px
}

.u-pT\@sm\:10{padding-top: 10px
}

.u-pT\@sm\:15{padding-top: 15px
}

.u-pT\@sm\:20{padding-top: 20px
}

.u-pT\@sm\:30{padding-top: 30px
}

.u-pT\@sm\:40{padding-top: 40px
}

.u-pT\@sm\:50{padding-top: 50px
}

.u-pR\@sm\:0{padding-right: 0
}

.u-pR\@sm\:5{padding-right: 5px
}

.u-pR\@sm\:10{padding-right: 10px
}

.u-pR\@sm\:15{padding-right: 15px
}

.u-pR\@sm\:20{padding-right: 20px
}

.u-pR\@sm\:30{padding-right: 30px
}

.u-pR\@sm\:40{padding-right: 40px
}

.u-pR\@sm\:50{padding-right: 50px
}

.u-pB\@sm\:0{padding-bottom: 0
}

.u-pB\@sm\:5{padding-bottom: 5px
}

.u-pB\@sm\:10{padding-bottom: 10px
}

.u-pB\@sm\:15{padding-bottom: 15px
}

.u-pB\@sm\:20{padding-bottom: 20px
}

.u-pB\@sm\:30{padding-bottom: 30px
}

.u-pB\@sm\:40{padding-bottom: 40px
}

.u-pB\@sm\:50{padding-bottom: 50px
}

.u-pL\@sm\:0{padding-left: 0
}

.u-pL\@sm\:5{padding-left: 5px
}

.u-pL\@sm\:10{padding-left: 10px
}

.u-pL\@sm\:15{padding-left: 15px
}

.u-pL\@sm\:20{padding-left: 20px
}

.u-pL\@sm\:30{padding-left: 30px
}

.u-pL\@sm\:40{padding-left: 40px
}

.u-pL\@sm\:50{padding-left: 50px
}
}

@media(min-width:768px) {
    table.u-dsp\@md {
        display: table !important
    }

    thead.u-dsp\@md {
        display: table-header-group !important
    }

    tbody.u-dsp\@md {
        display: table-row-group !important
    }

    tfoot.u-dsp\@md {
        display: table-footer-group !important
    }

    caption.u-dsp\@md {
        display: table-caption !important
    }

    tr.u-dsp\@md {
        display: table-row !important
    }

    th.u-dsp\@md,
    td.u-dsp\@md {
        display: table-cell !important
    }

    colgroup.u-dsp\@md {
        display: table-column-group !important
    }

    col.u-dsp\@md {
        display: table-column !important
    }

    li.u-dsp\@md {
        display: list-item !important
    }

    .u-dsp\@md {
        display: block !important
    }

    .u-dsp\@md\:it{display: inline-table !important
}

.u-dsp\@md\:t{display: table !important
}

.u-dsp\@md\:tc{display: table-cell !important
}

.u-dsp\@md\:tr{display: table-row !important
}

.u-dsp\@md\:i{display: inline !important
}

.u-dsp\@md\:ib{display: inline-block !important
}

.u-dsp\@md\:if{display: inline-flex !important
}

.u-dsp\@md\:f{display: flex !important
}

.u-dsp\@md\:ig{display: inline-grid !important
}

.u-dsp\@md\:g{display: grid !important
}

.u-dsp\@md\:b{display: block !important
}

.u-dsp\@md\:n{display: none !important
}

.u-float\@md\:l{float: left
}

.u-float\@md\:r{float: right
}

.u-float\@md\:n{float: none
}

.u-visible\@md {
    visibility: visible
}

.u-invisible\@md {
    visibility: hidden
}

.u-overflow\@md\:a{overflow: auto
}

.u-overflow\@md\:h{overflow: hidden
}

.u-overflow\@md\:s{overflow: scroll
}

.u-overflow\@md\:v{overflow: visible
}

.u-overflow-x\@md\:a{overflow-x: auto
}

.u-overflow-x\@md\:h{overflow-x: hidden
}

.u-overflow-x\@md\:s{overflow-x: scroll
}

.u-overflow-x\@md\:v{overflow-x: visible
}

.u-overflow-y\@md\:a{overflow-y: auto
}

.u-overflow-y\@md\:h{overflow-y: hidden
}

.u-overflow-y\@md\:s{overflow-y: scroll
}

.u-overflow-y\@md\:v{overflow-y: visible
}

.u-text-wrap\@md\:nm{white-space: normal
}

.u-text-wrap\@md\:nw{white-space: nowrap
}

.u-text-wrap\@md\:p{white-space: pre
}

.u-text-wrap\@md\:pl{white-space: pre-line
}

.u-text-wrap\@md\:pw{white-space: pre-wrap
}

.u-pos\@md\:sta{position: static
}

.u-pos\@md\:fix{position: fixed
}

.u-pos\@md\:abs{position: absolute
}

.u-pos\@md\:rel{position: relative
}

.u-pos\@md\:sti{position: sticky
}

.u-align\@md\:l{text-align: left
}

.u-align\@md\:c{text-align: center
}

.u-align\@md\:r{text-align: right
}

.u-valign\@md\:t{vertical-align: top
}

.u-valign\@md\:tt{vertical-align: text-top
}

.u-valign\@md\:m{vertical-align: middle
}

.u-valign\@md\:b{vertical-align: bottom
}

.u-valign\@md\:bl{vertical-align: baseline
}

.u-valign\@md\:tb{vertical-align: text-bottom
}

.u-valign\@md\:sup{vertical-align: super
}

.u-valign\@md\:sub{vertical-align: sub
}

.u-m\@md\:0{margin: 0
}

.u-m\@md\:5{margin: 5px
}

.u-m\@md\:10{margin: 10px
}

.u-m\@md\:15{margin: 15px
}

.u-m\@md\:20{margin: 20px
}

.u-m\@md\:30{margin: 30px
}

.u-m\@md\:40{margin: 40px
}

.u-m\@md\:50{margin: 50px
}

.u-m\@md\:auto{margin: auto
}

.u-mY\@md\:0{margin-top: 0;
margin-bottom:0
}

.u-mY\@md\:5{margin-top: 5px;
margin-bottom:5px
}

.u-mY\@md\:10{margin-top: 10px;
margin-bottom:10px
}

.u-mY\@md\:15{margin-top: 15px;
margin-bottom:15px
}

.u-mY\@md\:20{margin-top: 20px;
margin-bottom:20px
}

.u-mY\@md\:30{margin-top: 30px;
margin-bottom:30px
}

.u-mY\@md\:40{margin-top: 40px;
margin-bottom:40px
}

.u-mY\@md\:50{margin-top: 50px;
margin-bottom:50px
}

.u-mY\@md\:auto{margin-top: auto;
margin-bottom:auto
}

.u-mX\@md\:0{margin-left: 0;
margin-right:0
}

.u-mX\@md\:5{margin-left: 5px;
margin-right:5px
}

.u-mX\@md\:10{margin-left: 10px;
margin-right:10px
}

.u-mX\@md\:15{margin-left: 15px;
margin-right:15px
}

.u-mX\@md\:20{margin-left: 20px;
margin-right:20px
}

.u-mX\@md\:30{margin-left: 30px;
margin-right:30px
}

.u-mX\@md\:40{margin-left: 40px;
margin-right:40px
}

.u-mX\@md\:50{margin-left: 50px;
margin-right:50px
}

.u-mX\@md\:auto{margin-left: auto;
margin-right:auto
}

.u-mT\@md\:0{margin-top: 0
}

.u-mT\@md\:5{margin-top: 5px
}

.u-mT\@md\:10{margin-top: 10px
}

.u-mT\@md\:15{margin-top: 15px
}

.u-mT\@md\:20{margin-top: 20px
}

.u-mT\@md\:30{margin-top: 30px
}

.u-mT\@md\:40{margin-top: 40px
}

.u-mT\@md\:50{margin-top: 50px
}

.u-mT\@md\:auto{margin-top: auto
}

.u-mR\@md\:0{margin-right: 0
}

.u-mR\@md\:5{margin-right: 5px
}

.u-mR\@md\:10{margin-right: 10px
}

.u-mR\@md\:15{margin-right: 15px
}

.u-mR\@md\:20{margin-right: 20px
}

.u-mR\@md\:30{margin-right: 30px
}

.u-mR\@md\:40{margin-right: 40px
}

.u-mR\@md\:50{margin-right: 50px
}

.u-mR\@md\:auto{margin-right: auto
}

.u-mB\@md\:0{margin-bottom: 0
}

.u-mB\@md\:5{margin-bottom: 5px
}

.u-mB\@md\:10{margin-bottom: 10px
}

.u-mB\@md\:15{margin-bottom: 15px
}

.u-mB\@md\:20{margin-bottom: 20px
}

.u-mB\@md\:30{margin-bottom: 30px
}

.u-mB\@md\:40{margin-bottom: 40px
}

.u-mB\@md\:50{margin-bottom: 50px
}

.u-mB\@md\:auto{margin-bottom: auto
}

.u-mL\@md\:0{margin-left: 0
}

.u-mL\@md\:5{margin-left: 5px
}

.u-mL\@md\:10{margin-left: 10px
}

.u-mL\@md\:15{margin-left: 15px
}

.u-mL\@md\:20{margin-left: 20px
}

.u-mL\@md\:30{margin-left: 30px
}

.u-mL\@md\:40{margin-left: 40px
}

.u-mL\@md\:50{margin-left: 50px
}

.u-mL\@md\:auto{margin-left: auto
}

.u-p\@md\:0{padding: 0
}

.u-p\@md\:5{padding: 5px
}

.u-p\@md\:10{padding: 10px
}

.u-p\@md\:15{padding: 15px
}

.u-p\@md\:20{padding: 20px
}

.u-p\@md\:30{padding: 30px
}

.u-p\@md\:40{padding: 40px
}

.u-p\@md\:50{padding: 50px
}

.u-pY\@md\:0{padding-top: 0;
padding-bottom:0
}

.u-pY\@md\:5{padding-top: 5px;
padding-bottom:5px
}

.u-pY\@md\:10{padding-top: 10px;
padding-bottom:10px
}

.u-pY\@md\:15{padding-top: 15px;
padding-bottom:15px
}

.u-pY\@md\:20{padding-top: 20px;
padding-bottom:20px
}

.u-pY\@md\:30{padding-top: 30px;
padding-bottom:30px
}

.u-pY\@md\:40{padding-top: 40px;
padding-bottom:40px
}

.u-pY\@md\:50{padding-top: 50px;
padding-bottom:50px
}

.u-pX\@md\:0{padding-left: 0;
padding-right:0
}

.u-pX\@md\:5{padding-left: 5px;
padding-right:5px
}

.u-pX\@md\:10{padding-left: 10px;
padding-right:10px
}

.u-pX\@md\:15{padding-left: 15px;
padding-right:15px
}

.u-pX\@md\:20{padding-left: 20px;
padding-right:20px
}

.u-pX\@md\:30{padding-left: 30px;
padding-right:30px
}

.u-pX\@md\:40{padding-left: 40px;
padding-right:40px
}

.u-pX\@md\:50{padding-left: 50px;
padding-right:50px
}

.u-pT\@md\:0{padding-top: 0
}

.u-pT\@md\:5{padding-top: 5px
}

.u-pT\@md\:10{padding-top: 10px
}

.u-pT\@md\:15{padding-top: 15px
}

.u-pT\@md\:20{padding-top: 20px
}

.u-pT\@md\:30{padding-top: 30px
}

.u-pT\@md\:40{padding-top: 40px
}

.u-pT\@md\:50{padding-top: 50px
}

.u-pR\@md\:0{padding-right: 0
}

.u-pR\@md\:5{padding-right: 5px
}

.u-pR\@md\:10{padding-right: 10px
}

.u-pR\@md\:15{padding-right: 15px
}

.u-pR\@md\:20{padding-right: 20px
}

.u-pR\@md\:30{padding-right: 30px
}

.u-pR\@md\:40{padding-right: 40px
}

.u-pR\@md\:50{padding-right: 50px
}

.u-pB\@md\:0{padding-bottom: 0
}

.u-pB\@md\:5{padding-bottom: 5px
}

.u-pB\@md\:10{padding-bottom: 10px
}

.u-pB\@md\:15{padding-bottom: 15px
}

.u-pB\@md\:20{padding-bottom: 20px
}

.u-pB\@md\:30{padding-bottom: 30px
}

.u-pB\@md\:40{padding-bottom: 40px
}

.u-pB\@md\:50{padding-bottom: 50px
}

.u-pL\@md\:0{padding-left: 0
}

.u-pL\@md\:5{padding-left: 5px
}

.u-pL\@md\:10{padding-left: 10px
}

.u-pL\@md\:15{padding-left: 15px
}

.u-pL\@md\:20{padding-left: 20px
}

.u-pL\@md\:30{padding-left: 30px
}

.u-pL\@md\:40{padding-left: 40px
}

.u-pL\@md\:50{padding-left: 50px
}
}

@media(min-width:1024px) {
    table.u-dsp\@lg {
        display: table !important
    }

    thead.u-dsp\@lg {
        display: table-header-group !important
    }

    tbody.u-dsp\@lg {
        display: table-row-group !important
    }

    tfoot.u-dsp\@lg {
        display: table-footer-group !important
    }

    caption.u-dsp\@lg {
        display: table-caption !important
    }

    tr.u-dsp\@lg {
        display: table-row !important
    }

    th.u-dsp\@lg,
    td.u-dsp\@lg {
        display: table-cell !important
    }

    colgroup.u-dsp\@lg {
        display: table-column-group !important
    }

    col.u-dsp\@lg {
        display: table-column !important
    }

    li.u-dsp\@lg {
        display: list-item !important
    }

    .u-dsp\@lg {
        display: block !important
    }

    .u-dsp\@lg\:it{display: inline-table !important
}

.u-dsp\@lg\:t{display: table !important
}

.u-dsp\@lg\:tc{display: table-cell !important
}

.u-dsp\@lg\:tr{display: table-row !important
}

.u-dsp\@lg\:i{display: inline !important
}

.u-dsp\@lg\:ib{display: inline-block !important
}

.u-dsp\@lg\:if{display: inline-flex !important
}

.u-dsp\@lg\:f{display: flex !important
}

.u-dsp\@lg\:ig{display: inline-grid !important
}

.u-dsp\@lg\:g{display: grid !important
}

.u-dsp\@lg\:b{display: block !important
}

.u-dsp\@lg\:n{display: none !important
}

.u-float\@lg\:l{float: left
}

.u-float\@lg\:r{float: right
}

.u-float\@lg\:n{float: none
}

.u-visible\@lg {
    visibility: visible
}

.u-invisible\@lg {
    visibility: hidden
}

.u-overflow\@lg\:a{overflow: auto
}

.u-overflow\@lg\:h{overflow: hidden
}

.u-overflow\@lg\:s{overflow: scroll
}

.u-overflow\@lg\:v{overflow: visible
}

.u-overflow-x\@lg\:a{overflow-x: auto
}

.u-overflow-x\@lg\:h{overflow-x: hidden
}

.u-overflow-x\@lg\:s{overflow-x: scroll
}

.u-overflow-x\@lg\:v{overflow-x: visible
}

.u-overflow-y\@lg\:a{overflow-y: auto
}

.u-overflow-y\@lg\:h{overflow-y: hidden
}

.u-overflow-y\@lg\:s{overflow-y: scroll
}

.u-overflow-y\@lg\:v{overflow-y: visible
}

.u-text-wrap\@lg\:nm{white-space: normal
}

.u-text-wrap\@lg\:nw{white-space: nowrap
}

.u-text-wrap\@lg\:p{white-space: pre
}

.u-text-wrap\@lg\:pl{white-space: pre-line
}

.u-text-wrap\@lg\:pw{white-space: pre-wrap
}

.u-pos\@lg\:sta{position: static
}

.u-pos\@lg\:fix{position: fixed
}

.u-pos\@lg\:abs{position: absolute
}

.u-pos\@lg\:rel{position: relative
}

.u-pos\@lg\:sti{position: sticky
}

.u-align\@lg\:l{text-align: left
}

.u-align\@lg\:c{text-align: center
}

.u-align\@lg\:r{text-align: right
}

.u-valign\@lg\:t{vertical-align: top
}

.u-valign\@lg\:tt{vertical-align: text-top
}

.u-valign\@lg\:m{vertical-align: middle
}

.u-valign\@lg\:b{vertical-align: bottom
}

.u-valign\@lg\:bl{vertical-align: baseline
}

.u-valign\@lg\:tb{vertical-align: text-bottom
}

.u-valign\@lg\:sup{vertical-align: super
}

.u-valign\@lg\:sub{vertical-align: sub
}

.u-m\@lg\:0{margin: 0
}

.u-m\@lg\:5{margin: 5px
}

.u-m\@lg\:10{margin: 10px
}

.u-m\@lg\:15{margin: 15px
}

.u-m\@lg\:20{margin: 20px
}

.u-m\@lg\:30{margin: 30px
}

.u-m\@lg\:40{margin: 40px
}

.u-m\@lg\:50{margin: 50px
}

.u-m\@lg\:auto{margin: auto
}

.u-mY\@lg\:0{margin-top: 0;
margin-bottom:0
}

.u-mY\@lg\:5{margin-top: 5px;
margin-bottom:5px
}

.u-mY\@lg\:10{margin-top: 10px;
margin-bottom:10px
}

.u-mY\@lg\:15{margin-top: 15px;
margin-bottom:15px
}

.u-mY\@lg\:20{margin-top: 20px;
margin-bottom:20px
}

.u-mY\@lg\:30{margin-top: 30px;
margin-bottom:30px
}

.u-mY\@lg\:40{margin-top: 40px;
margin-bottom:40px
}

.u-mY\@lg\:50{margin-top: 50px;
margin-bottom:50px
}

.u-mY\@lg\:auto{margin-top: auto;
margin-bottom:auto
}

.u-mX\@lg\:0{margin-left: 0;
margin-right:0
}

.u-mX\@lg\:5{margin-left: 5px;
margin-right:5px
}

.u-mX\@lg\:10{margin-left: 10px;
margin-right:10px
}

.u-mX\@lg\:15{margin-left: 15px;
margin-right:15px
}

.u-mX\@lg\:20{margin-left: 20px;
margin-right:20px
}

.u-mX\@lg\:30{margin-left: 30px;
margin-right:30px
}

.u-mX\@lg\:40{margin-left: 40px;
margin-right:40px
}

.u-mX\@lg\:50{margin-left: 50px;
margin-right:50px
}

.u-mX\@lg\:auto{margin-left: auto;
margin-right:auto
}

.u-mT\@lg\:0{margin-top: 0
}

.u-mT\@lg\:5{margin-top: 5px
}

.u-mT\@lg\:10{margin-top: 10px
}

.u-mT\@lg\:15{margin-top: 15px
}

.u-mT\@lg\:20{margin-top: 20px
}

.u-mT\@lg\:30{margin-top: 30px
}

.u-mT\@lg\:40{margin-top: 40px
}

.u-mT\@lg\:50{margin-top: 50px
}

.u-mT\@lg\:auto{margin-top: auto
}

.u-mR\@lg\:0{margin-right: 0
}

.u-mR\@lg\:5{margin-right: 5px
}

.u-mR\@lg\:10{margin-right: 10px
}

.u-mR\@lg\:15{margin-right: 15px
}

.u-mR\@lg\:20{margin-right: 20px
}

.u-mR\@lg\:30{margin-right: 30px
}

.u-mR\@lg\:40{margin-right: 40px
}

.u-mR\@lg\:50{margin-right: 50px
}

.u-mR\@lg\:auto{margin-right: auto
}

.u-mB\@lg\:0{margin-bottom: 0
}

.u-mB\@lg\:5{margin-bottom: 5px
}

.u-mB\@lg\:10{margin-bottom: 10px
}

.u-mB\@lg\:15{margin-bottom: 15px
}

.u-mB\@lg\:20{margin-bottom: 20px
}

.u-mB\@lg\:30{margin-bottom: 30px
}

.u-mB\@lg\:40{margin-bottom: 40px
}

.u-mB\@lg\:50{margin-bottom: 50px
}

.u-mB\@lg\:auto{margin-bottom: auto
}

.u-mL\@lg\:0{margin-left: 0
}

.u-mL\@lg\:5{margin-left: 5px
}

.u-mL\@lg\:10{margin-left: 10px
}

.u-mL\@lg\:15{margin-left: 15px
}

.u-mL\@lg\:20{margin-left: 20px
}

.u-mL\@lg\:30{margin-left: 30px
}

.u-mL\@lg\:40{margin-left: 40px
}

.u-mL\@lg\:50{margin-left: 50px
}

.u-mL\@lg\:auto{margin-left: auto
}

.u-p\@lg\:0{padding: 0
}

.u-p\@lg\:5{padding: 5px
}

.u-p\@lg\:10{padding: 10px
}

.u-p\@lg\:15{padding: 15px
}

.u-p\@lg\:20{padding: 20px
}

.u-p\@lg\:30{padding: 30px
}

.u-p\@lg\:40{padding: 40px
}

.u-p\@lg\:50{padding: 50px
}

.u-pY\@lg\:0{padding-top: 0;
padding-bottom:0
}

.u-pY\@lg\:5{padding-top: 5px;
padding-bottom:5px
}

.u-pY\@lg\:10{padding-top: 10px;
padding-bottom:10px
}

.u-pY\@lg\:15{padding-top: 15px;
padding-bottom:15px
}

.u-pY\@lg\:20{padding-top: 20px;
padding-bottom:20px
}

.u-pY\@lg\:30{padding-top: 30px;
padding-bottom:30px
}

.u-pY\@lg\:40{padding-top: 40px;
padding-bottom:40px
}

.u-pY\@lg\:50{padding-top: 50px;
padding-bottom:50px
}

.u-pX\@lg\:0{padding-left: 0;
padding-right:0
}

.u-pX\@lg\:5{padding-left: 5px;
padding-right:5px
}

.u-pX\@lg\:10{padding-left: 10px;
padding-right:10px
}

.u-pX\@lg\:15{padding-left: 15px;
padding-right:15px
}

.u-pX\@lg\:20{padding-left: 20px;
padding-right:20px
}

.u-pX\@lg\:30{padding-left: 30px;
padding-right:30px
}

.u-pX\@lg\:40{padding-left: 40px;
padding-right:40px
}

.u-pX\@lg\:50{padding-left: 50px;
padding-right:50px
}

.u-pT\@lg\:0{padding-top: 0
}

.u-pT\@lg\:5{padding-top: 5px
}

.u-pT\@lg\:10{padding-top: 10px
}

.u-pT\@lg\:15{padding-top: 15px
}

.u-pT\@lg\:20{padding-top: 20px
}

.u-pT\@lg\:30{padding-top: 30px
}

.u-pT\@lg\:40{padding-top: 40px
}

.u-pT\@lg\:50{padding-top: 50px
}

.u-pR\@lg\:0{padding-right: 0
}

.u-pR\@lg\:5{padding-right: 5px
}

.u-pR\@lg\:10{padding-right: 10px
}

.u-pR\@lg\:15{padding-right: 15px
}

.u-pR\@lg\:20{padding-right: 20px
}

.u-pR\@lg\:30{padding-right: 30px
}

.u-pR\@lg\:40{padding-right: 40px
}

.u-pR\@lg\:50{padding-right: 50px
}

.u-pB\@lg\:0{padding-bottom: 0
}

.u-pB\@lg\:5{padding-bottom: 5px
}

.u-pB\@lg\:10{padding-bottom: 10px
}

.u-pB\@lg\:15{padding-bottom: 15px
}

.u-pB\@lg\:20{padding-bottom: 20px
}

.u-pB\@lg\:30{padding-bottom: 30px
}

.u-pB\@lg\:40{padding-bottom: 40px
}

.u-pB\@lg\:50{padding-bottom: 50px
}

.u-pL\@lg\:0{padding-left: 0
}

.u-pL\@lg\:5{padding-left: 5px
}

.u-pL\@lg\:10{padding-left: 10px
}

.u-pL\@lg\:15{padding-left: 15px
}

.u-pL\@lg\:20{padding-left: 20px
}

.u-pL\@lg\:30{padding-left: 30px
}

.u-pL\@lg\:40{padding-left: 40px
}

.u-pL\@lg\:50{padding-left: 50px
}
}

@media(min-width:1280px) {
    table.u-dsp\@xl {
        display: table !important
    }

    thead.u-dsp\@xl {
        display: table-header-group !important
    }

    tbody.u-dsp\@xl {
        display: table-row-group !important
    }

    tfoot.u-dsp\@xl {
        display: table-footer-group !important
    }

    caption.u-dsp\@xl {
        display: table-caption !important
    }

    tr.u-dsp\@xl {
        display: table-row !important
    }

    th.u-dsp\@xl,
    td.u-dsp\@xl {
        display: table-cell !important
    }

    colgroup.u-dsp\@xl {
        display: table-column-group !important
    }

    col.u-dsp\@xl {
        display: table-column !important
    }

    li.u-dsp\@xl {
        display: list-item !important
    }

    .u-dsp\@xl {
        display: block !important
    }

    .u-dsp\@xl\:it{display: inline-table !important
}

.u-dsp\@xl\:t{display: table !important
}

.u-dsp\@xl\:tc{display: table-cell !important
}

.u-dsp\@xl\:tr{display: table-row !important
}

.u-dsp\@xl\:i{display: inline !important
}

.u-dsp\@xl\:ib{display: inline-block !important
}

.u-dsp\@xl\:if{display: inline-flex !important
}

.u-dsp\@xl\:f{display: flex !important
}

.u-dsp\@xl\:ig{display: inline-grid !important
}

.u-dsp\@xl\:g{display: grid !important
}

.u-dsp\@xl\:b{display: block !important
}

.u-dsp\@xl\:n{display: none !important
}

.u-float\@xl\:l{float: left
}

.u-float\@xl\:r{float: right
}

.u-float\@xl\:n{float: none
}

.u-visible\@xl {
    visibility: visible
}

.u-invisible\@xl {
    visibility: hidden
}

.u-overflow\@xl\:a{overflow: auto
}

.u-overflow\@xl\:h{overflow: hidden
}

.u-overflow\@xl\:s{overflow: scroll
}

.u-overflow\@xl\:v{overflow: visible
}

.u-overflow-x\@xl\:a{overflow-x: auto
}

.u-overflow-x\@xl\:h{overflow-x: hidden
}

.u-overflow-x\@xl\:s{overflow-x: scroll
}

.u-overflow-x\@xl\:v{overflow-x: visible
}

.u-overflow-y\@xl\:a{overflow-y: auto
}

.u-overflow-y\@xl\:h{overflow-y: hidden
}

.u-overflow-y\@xl\:s{overflow-y: scroll
}

.u-overflow-y\@xl\:v{overflow-y: visible
}

.u-text-wrap\@xl\:nm{white-space: normal
}

.u-text-wrap\@xl\:nw{white-space: nowrap
}

.u-text-wrap\@xl\:p{white-space: pre
}

.u-text-wrap\@xl\:pl{white-space: pre-line
}

.u-text-wrap\@xl\:pw{white-space: pre-wrap
}

.u-pos\@xl\:sta{position: static
}

.u-pos\@xl\:fix{position: fixed
}

.u-pos\@xl\:abs{position: absolute
}

.u-pos\@xl\:rel{position: relative
}

.u-pos\@xl\:sti{position: sticky
}

.u-align\@xl\:l{text-align: left
}

.u-align\@xl\:c{text-align: center
}

.u-align\@xl\:r{text-align: right
}

.u-valign\@xl\:t{vertical-align: top
}

.u-valign\@xl\:tt{vertical-align: text-top
}

.u-valign\@xl\:m{vertical-align: middle
}

.u-valign\@xl\:b{vertical-align: bottom
}

.u-valign\@xl\:bl{vertical-align: baseline
}

.u-valign\@xl\:tb{vertical-align: text-bottom
}

.u-valign\@xl\:sup{vertical-align: super
}

.u-valign\@xl\:sub{vertical-align: sub
}

.u-m\@xl\:0{margin: 0
}

.u-m\@xl\:5{margin: 5px
}

.u-m\@xl\:10{margin: 10px
}

.u-m\@xl\:15{margin: 15px
}

.u-m\@xl\:20{margin: 20px
}

.u-m\@xl\:30{margin: 30px
}

.u-m\@xl\:40{margin: 40px
}

.u-m\@xl\:50{margin: 50px
}

.u-m\@xl\:auto{margin: auto
}

.u-mY\@xl\:0{margin-top: 0;
margin-bottom:0
}

.u-mY\@xl\:5{margin-top: 5px;
margin-bottom:5px
}

.u-mY\@xl\:10{margin-top: 10px;
margin-bottom:10px
}

.u-mY\@xl\:15{margin-top: 15px;
margin-bottom:15px
}

.u-mY\@xl\:20{margin-top: 20px;
margin-bottom:20px
}

.u-mY\@xl\:30{margin-top: 30px;
margin-bottom:30px
}

.u-mY\@xl\:40{margin-top: 40px;
margin-bottom:40px
}

.u-mY\@xl\:50{margin-top: 50px;
margin-bottom:50px
}

.u-mY\@xl\:auto{margin-top: auto;
margin-bottom:auto
}

.u-mX\@xl\:0{margin-left: 0;
margin-right:0
}

.u-mX\@xl\:5{margin-left: 5px;
margin-right:5px
}

.u-mX\@xl\:10{margin-left: 10px;
margin-right:10px
}

.u-mX\@xl\:15{margin-left: 15px;
margin-right:15px
}

.u-mX\@xl\:20{margin-left: 20px;
margin-right:20px
}

.u-mX\@xl\:30{margin-left: 30px;
margin-right:30px
}

.u-mX\@xl\:40{margin-left: 40px;
margin-right:40px
}

.u-mX\@xl\:50{margin-left: 50px;
margin-right:50px
}

.u-mX\@xl\:auto{margin-left: auto;
margin-right:auto
}

.u-mT\@xl\:0{margin-top: 0
}

.u-mT\@xl\:5{margin-top: 5px
}

.u-mT\@xl\:10{margin-top: 10px
}

.u-mT\@xl\:15{margin-top: 15px
}

.u-mT\@xl\:20{margin-top: 20px
}

.u-mT\@xl\:30{margin-top: 30px
}

.u-mT\@xl\:40{margin-top: 40px
}

.u-mT\@xl\:50{margin-top: 50px
}

.u-mT\@xl\:auto{margin-top: auto
}

.u-mR\@xl\:0{margin-right: 0
}

.u-mR\@xl\:5{margin-right: 5px
}

.u-mR\@xl\:10{margin-right: 10px
}

.u-mR\@xl\:15{margin-right: 15px
}

.u-mR\@xl\:20{margin-right: 20px
}

.u-mR\@xl\:30{margin-right: 30px
}

.u-mR\@xl\:40{margin-right: 40px
}

.u-mR\@xl\:50{margin-right: 50px
}

.u-mR\@xl\:auto{margin-right: auto
}

.u-mB\@xl\:0{margin-bottom: 0
}

.u-mB\@xl\:5{margin-bottom: 5px
}

.u-mB\@xl\:10{margin-bottom: 10px
}

.u-mB\@xl\:15{margin-bottom: 15px
}

.u-mB\@xl\:20{margin-bottom: 20px
}

.u-mB\@xl\:30{margin-bottom: 30px
}

.u-mB\@xl\:40{margin-bottom: 40px
}

.u-mB\@xl\:50{margin-bottom: 50px
}

.u-mB\@xl\:auto{margin-bottom: auto
}

.u-mL\@xl\:0{margin-left: 0
}

.u-mL\@xl\:5{margin-left: 5px
}

.u-mL\@xl\:10{margin-left: 10px
}

.u-mL\@xl\:15{margin-left: 15px
}

.u-mL\@xl\:20{margin-left: 20px
}

.u-mL\@xl\:30{margin-left: 30px
}

.u-mL\@xl\:40{margin-left: 40px
}

.u-mL\@xl\:50{margin-left: 50px
}

.u-mL\@xl\:auto{margin-left: auto
}

.u-p\@xl\:0{padding: 0
}

.u-p\@xl\:5{padding: 5px
}

.u-p\@xl\:10{padding: 10px
}

.u-p\@xl\:15{padding: 15px
}

.u-p\@xl\:20{padding: 20px
}

.u-p\@xl\:30{padding: 30px
}

.u-p\@xl\:40{padding: 40px
}

.u-p\@xl\:50{padding: 50px
}

.u-pY\@xl\:0{padding-top: 0;
padding-bottom:0
}

.u-pY\@xl\:5{padding-top: 5px;
padding-bottom:5px
}

.u-pY\@xl\:10{padding-top: 10px;
padding-bottom:10px
}

.u-pY\@xl\:15{padding-top: 15px;
padding-bottom:15px
}

.u-pY\@xl\:20{padding-top: 20px;
padding-bottom:20px
}

.u-pY\@xl\:30{padding-top: 30px;
padding-bottom:30px
}

.u-pY\@xl\:40{padding-top: 40px;
padding-bottom:40px
}

.u-pY\@xl\:50{padding-top: 50px;
padding-bottom:50px
}

.u-pX\@xl\:0{padding-left: 0;
padding-right:0
}

.u-pX\@xl\:5{padding-left: 5px;
padding-right:5px
}

.u-pX\@xl\:10{padding-left: 10px;
padding-right:10px
}

.u-pX\@xl\:15{padding-left: 15px;
padding-right:15px
}

.u-pX\@xl\:20{padding-left: 20px;
padding-right:20px
}

.u-pX\@xl\:30{padding-left: 30px;
padding-right:30px
}

.u-pX\@xl\:40{padding-left: 40px;
padding-right:40px
}

.u-pX\@xl\:50{padding-left: 50px;
padding-right:50px
}

.u-pT\@xl\:0{padding-top: 0
}

.u-pT\@xl\:5{padding-top: 5px
}

.u-pT\@xl\:10{padding-top: 10px
}

.u-pT\@xl\:15{padding-top: 15px
}

.u-pT\@xl\:20{padding-top: 20px
}

.u-pT\@xl\:30{padding-top: 30px
}

.u-pT\@xl\:40{padding-top: 40px
}

.u-pT\@xl\:50{padding-top: 50px
}

.u-pR\@xl\:0{padding-right: 0
}

.u-pR\@xl\:5{padding-right: 5px
}

.u-pR\@xl\:10{padding-right: 10px
}

.u-pR\@xl\:15{padding-right: 15px
}

.u-pR\@xl\:20{padding-right: 20px
}

.u-pR\@xl\:30{padding-right: 30px
}

.u-pR\@xl\:40{padding-right: 40px
}

.u-pR\@xl\:50{padding-right: 50px
}

.u-pB\@xl\:0{padding-bottom: 0
}

.u-pB\@xl\:5{padding-bottom: 5px
}

.u-pB\@xl\:10{padding-bottom: 10px
}

.u-pB\@xl\:15{padding-bottom: 15px
}

.u-pB\@xl\:20{padding-bottom: 20px
}

.u-pB\@xl\:30{padding-bottom: 30px
}

.u-pB\@xl\:40{padding-bottom: 40px
}

.u-pB\@xl\:50{padding-bottom: 50px
}

.u-pL\@xl\:0{padding-left: 0
}

.u-pL\@xl\:5{padding-left: 5px
}

.u-pL\@xl\:10{padding-left: 10px
}

.u-pL\@xl\:15{padding-left: 15px
}

.u-pL\@xl\:20{padding-left: 20px
}

.u-pL\@xl\:30{padding-left: 30px
}

.u-pL\@xl\:40{padding-left: 40px
}

.u-pL\@xl\:50{padding-left: 50px
}
}

@media print {
    table.u-dsp\@pt {
        display: table !important
    }

    thead.u-dsp\@pt {
        display: table-header-group !important
    }

    tbody.u-dsp\@pt {
        display: table-row-group !important
    }

    tfoot.u-dsp\@pt {
        display: table-footer-group !important
    }

    caption.u-dsp\@pt {
        display: table-caption !important
    }

    tr.u-dsp\@pt {
        display: table-row !important
    }

    th.u-dsp\@pt,
    td.u-dsp\@pt {
        display: table-cell !important
    }

    colgroup.u-dsp\@pt {
        display: table-column-group !important
    }

    col.u-dsp\@pt {
        display: table-column !important
    }

    li.u-dsp\@pt {
        display: list-item !important
    }

    .u-dsp\@pt {
        display: block !important
    }

    .u-dsp\@pt\:it{display: inline-table !important
}

.u-dsp\@pt\:t{display: table !important
}

.u-dsp\@pt\:tc{display: table-cell !important
}

.u-dsp\@pt\:tr{display: table-row !important
}

.u-dsp\@pt\:i{display: inline !important
}

.u-dsp\@pt\:ib{display: inline-block !important
}

.u-dsp\@pt\:if{display: inline-flex !important
}

.u-dsp\@pt\:f{display: flex !important
}

.u-dsp\@pt\:ig{display: inline-grid !important
}

.u-dsp\@pt\:g{display: grid !important
}

.u-dsp\@pt\:b{display: block !important
}

.u-dsp\@pt\:n{display: none !important
}
}

.u-top\:0 {
    top: 0
}

.u-top\:50\% {
    top: 50%
}

.u-top\:100\% {
    top: 100%
}

.u-top\:init {
    top: initial
}

.u-top\:auto {
    top: auto
}

.u-left\:0 {
    left: 0
}

.u-left\:50\% {
    left: 50%
}

.u-left\:100\% {
    left: 100%
}

.u-left\:init {
    left: initial
}

.u-left\:auto {
    left: auto
}

.u-bottom\:0 {
    bottom: 0
}

.u-bottom\:50\% {
    bottom: 50%
}

.u-bottom\:100\% {
    bottom: 100%
}

.u-bottom\:init {
    bottom: initial
}

.u-bottom\:auto {
    bottom: auto
}

.u-right\:0 {
    right: 0
}

.u-right\:50\% {
    right: 50%
}

.u-right\:100\% {
    right: 100%
}

.u-right\:init {
    right: initial
}

.u-right\:auto {
    right: auto
}

.u-zindex\:-1 {
    z-index: -1
}

.u-zindex\:0 {
    z-index: 0
}

.u-zindex\:10 {
    z-index: 10
}

.u-zindex\:100 {
    z-index: 100
}

.u-zindex\:1000 {
    z-index: 1000
}

.u-zindex\:10000 {
    z-index: 10000
}

html#windows.ie .typo-vertical {
    writing-mode: tb-rl
}

html#android[lang*=ja] .typo-d1,
html#android[lang*=ja] .typo-d2,
html#android[lang*=ja] h1,
html#android[lang*=ja] .h1,
html#android[lang*=zh] .typo-d1,
html#android[lang*=zh] .typo-d2,
html#android[lang*=zh] h1,
html#android[lang*=zh] .h1 {
    font-weight: 300
}

html#android .typo-d1[lang*=ja],
html#android .typo-d1[lang*=zh],
html#android .typo-d2[lang*=ja],
html#android .typo-d2[lang*=zh],
html#android h1[lang*=ja],
html#android h1[lang*=zh],
html#android .h1[lang*=ja],
html#android .h1[lang*=zh] {
    font-weight: 300
}

html.desktop.chrome [type=date].input,
html.desktop.chrome [type=datetime-local].input,
html.desktop.chrome [type=month].input,
html.desktop.chrome [type=time].input,
html.desktop.chrome [type=week].input,
html.desktop.opera [type=date].input,
html.desktop.opera [type=datetime-local].input,
html.desktop.opera [type=month].input,
html.desktop.opera [type=time].input,
html.desktop.opera [type=week].input {
    padding-top: .3125rem;
    padding-bottom: .3125rem
}

html.desktop.safari select.input[multiple] {
    height: auto;
    padding: .5rem .75rem
}

html.desktop.ie .input {
    height: 40px
}

html.firefox .para-dropcap:first-letter {
    padding-top: .14em
}

html.firefox select.input[multiple] optgroup option {
    padding-left: 12
}

html.firefox select.input[multiple] option {
    background: #fefefe linear-gradient(0deg, #fefefe 0%, #fff 100%)
}

html.mobile .para-dropcap:first-letter {
    padding-top: .11em
}

html.mobile select.input[multiple] {
    height: 2.5rem
}