@charset "UTF-8";

    html {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        background: #fff;
        color: #666
    }

    body {
        margin: 0
    }

    .uk-link,
    a {
        color: #1e87f0;
        text-decoration: none;
        cursor: pointer
    }

    .uk-link-toggle:hover .uk-link,
    .uk-link:hover,
    a:hover {
        color: #0f6ecd;
        text-decoration: underline
    }

    abbr[title] {
        text-decoration: underline dotted;
        -webkit-text-decoration-style: dotted
    }

    b,
    strong {
        font-weight: bolder
    }

    :not(pre)>code,
    :not(pre)>kbd,
    :not(pre)>samp {
        font-family: Consolas, monaco, monospace;
        font-size: .875rem;
        color: #f0506e;
        white-space: nowrap;
        padding: 2px 6px;
        background: #f8f8f8
    }

    em {
        color: #f0506e
    }

    ins {
        background: #ffd;
        color: #666;
        text-decoration: none
    }

    mark {
        background: #ffd;
        color: #666
    }

    q {
        font-style: italic
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    audio,
    canvas,
    iframe,
    img,
    mip-img,
    svg,
    video {
        vertical-align: middle
    }

    canvas,
    img,
    mip-img,
    svg,
    video {
        max-width: 100%;
        height: auto;
        box-sizing: border-box
    }

    img:not([src]) {
        visibility: hidden;
        min-width: 1px
    }

    iframe {
        border: 0
    }

    address,
    dl,
    fieldset,
    figure,
    ol,
    p,
    pre,
    ul {
        margin: 0 0 20px 0
    }

    *+address,
    *+dl,
    *+fieldset,
    *+figure,
    *+ol,
    *+p,
    *+pre,
    *+ul {
        margin-top: 20px
    }

    .uk-h1,
    .uk-h2,
    .uk-h3,
    .uk-h4,
    .uk-h5,
    .uk-h6,
    .uk-heading-2xlarge,
    .uk-heading-3xlarge,
    .uk-heading-large,
    .uk-heading-medium,
    .uk-heading-small,
    .uk-heading-xlarge,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 20px 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 400;
        color: #333;
        text-transform: none
    }

    *+.uk-h1,
    *+.uk-h2,
    *+.uk-h3,
    *+.uk-h4,
    *+.uk-h5,
    *+.uk-h6,
    *+.uk-heading-2xlarge,
    *+.uk-heading-3xlarge,
    *+.uk-heading-large,
    *+.uk-heading-medium,
    *+.uk-heading-small,
    *+.uk-heading-xlarge,
    *+h1,
    *+h2,
    *+h3,
    *+h4,
    *+h5,
    *+h6 {
        margin-top: 40px
    }

    .uk-h1,
    h1 {
        font-size: 2.23125rem;
        line-height: 1.2
    }

    .uk-h2,
    h2 {
        font-size: 1.7rem;
        line-height: 1.3
    }

    .uk-h3,
    h3 {
        font-size: 1.5rem;
        line-height: 1.4
    }

    .uk-h4,
    h4 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .uk-h5,
    h5 {
        font-size: 16px;
        line-height: 1.4
    }

    .uk-h6,
    h6 {
        font-size: .875rem;
        line-height: 1.4
    }

    @media (min-width:960px) {

        .uk-h1,
        h1 {
            font-size: 2.625rem
        }

        .uk-h2,
        h2 {
            font-size: 2rem
        }
    }

    ol,
    ul {
        padding-left: 30px
    }

    ol>li>ol,
    ol>li>ul,
    ul>li>ol,
    ul>li>ul {
        margin: 0
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-left: 0
    }

    .uk-hr,
    hr {
        overflow: visible;
        text-align: inherit;
        margin: 0 0 20px 0;
        border: 0;
        border-top: 1px solid #e5e5e5
    }

    *+.uk-hr,
    *+hr {
        margin-top: 20px
    }

    address {
        font-style: normal
    }

    blockquote {
        margin: 0 0 20px 0;
        font-size: 1.25rem;
        line-height: 1.5;
        font-style: italic;
        color: #333
    }

    *+blockquote {
        margin-top: 20px
    }

    blockquote p:last-of-type {
        margin-bottom: 0
    }

    blockquote footer {
        margin-top: 10px;
        font-size: .875rem;
        line-height: 1.5;
        color: #666
    }

    blockquote footer::before {
        content: "— "
    }

    pre {
        font: 0.875rem/1.5 Consolas, monaco, monospace;
        color: #666;
        -moz-tab-size: 4;
        tab-size: 4;
        overflow: auto;
        padding: 10px;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        background: #fff
    }

    pre code {
        font-family: Consolas, monaco, monospace
    }

    :focus {
        outline: 0
    }

    :focus-visible {
        outline: 2px dotted #333
    }

    ::selection {
        background: #39f;
        color: #fff;
        text-shadow: none
    }

    details,
    main {
        display: block
    }

    summary {
        display: list-item
    }

    template {
        display: none
    }

    :root {
        --uk-breakpoint-s: 640px;
        --uk-breakpoint-m: 960px;
        --uk-breakpoint-l: 1200px;
        --uk-breakpoint-xl: 1600px
    }

    .uk-link-muted a,
    .uk-link-toggle .uk-link-muted,
    a.uk-link-muted {
        color: #999
    }

    .uk-link-muted a:hover,
    .uk-link-toggle:hover .uk-link-muted,
    a.uk-link-muted:hover {
        color: #666
    }

    .uk-link-text a,
    .uk-link-toggle .uk-link-text,
    a.uk-link-text {
        color: inherit
    }

    .uk-link-text a:hover,
    .uk-link-toggle:hover .uk-link-text,
    a.uk-link-text:hover {
        color: #999
    }

    .uk-link-heading a,
    .uk-link-toggle .uk-link-heading,
    a.uk-link-heading {
        color: inherit
    }

    .uk-link-heading a:hover,
    .uk-link-toggle:hover .uk-link-heading,
    a.uk-link-heading:hover {
        color: #1e87f0;
        text-decoration: none
    }

    .uk-link-reset a,
    a.uk-link-reset {
        color: inherit !important;
        text-decoration: none !important
    }

    .uk-link-toggle {
        color: inherit !important;
        text-decoration: none !important
    }

    .uk-heading-small {
        font-size: 2.6rem;
        line-height: 1.2
    }

    .uk-heading-medium {
        font-size: 2.8875rem;
        line-height: 1.1
    }

    .uk-heading-large {
        font-size: 3.4rem;
        line-height: 1.1
    }

    .uk-heading-xlarge {
        font-size: 4rem;
        line-height: 1
    }

    .uk-heading-2xlarge {
        font-size: 6rem;
        line-height: 1
    }

    .uk-heading-3xlarge {
        font-size: 8rem;
        line-height: 1
    }

    @media (min-width:960px) {
        .uk-heading-small {
            font-size: 3.25rem
        }

        .uk-heading-medium {
            font-size: 3.5rem
        }

        .uk-heading-large {
            font-size: 4rem
        }

        .uk-heading-xlarge {
            font-size: 6rem
        }

        .uk-heading-2xlarge {
            font-size: 8rem
        }

        .uk-heading-3xlarge {
            font-size: 11rem
        }
    }

    @media (min-width:1200px) {
        .uk-heading-medium {
            font-size: 4rem
        }

        .uk-heading-large {
            font-size: 6rem
        }

        .uk-heading-xlarge {
            font-size: 8rem
        }

        .uk-heading-2xlarge {
            font-size: 11rem
        }

        .uk-heading-3xlarge {
            font-size: 15rem
        }
    }

    .uk-heading-divider {
        padding-bottom: calc(5px + .1em);
        border-bottom: calc(.2px + .05em) solid #e5e5e5
    }

    .uk-heading-bullet {
        position: relative
    }

    .uk-heading-bullet::before {
        content: "";
        display: inline-block;
        position: relative;
        top: calc(-.1 * 1em);
        vertical-align: middle;
        height: calc(4px + .7em);
        margin-right: calc(5px + .2em);
        border-left: calc(5px + .1em) solid #e5e5e5
    }

    .uk-heading-line {
        overflow: hidden
    }

    .uk-heading-line>* {
        display: inline-block;
        position: relative
    }

    .uk-heading-line>::after,
    .uk-heading-line>::before {
        content: "";
        position: absolute;
        top: calc(50% - (calc(.2px + .05em)/ 2));
        width: 2000px;
        border-bottom: calc(.2px + .05em) solid #e5e5e5
    }

    .uk-heading-line>::before {
        right: 100%;
        margin-right: calc(5px + .3em)
    }

    .uk-heading-line>::after {
        left: 100%;
        margin-left: calc(5px + .3em)
    }

    [class*=uk-divider] {
        border: none;
        margin-bottom: 20px
    }

    *+[class*=uk-divider] {
        margin-top: 20px
    }

    .uk-divider-icon {
        position: relative;
        height: 20px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

    .uk-divider-icon::after,
    .uk-divider-icon::before {
        content: "";
        position: absolute;
        top: 50%;
        max-width: calc(50% - (50px / 2));
        border-bottom: 1px solid #e5e5e5
    }

    .uk-divider-icon::before {
        right: calc(50% + (50px / 2));
        width: 100%
    }

    .uk-divider-icon::after {
        left: calc(50% + (50px / 2));
        width: 100%
    }

    .uk-divider-small {
        line-height: 0
    }

    .uk-divider-small::after {
        content: "";
        display: inline-block;
        width: 100px;
        max-width: 100%;
        border-top: 1px solid #e5e5e5;
        vertical-align: top
    }

    .uk-divider-vertical {
        width: max-content;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        border-left: 1px solid #e5e5e5
    }

    .uk-list {
        padding: 0;
        list-style: none
    }

    .uk-list>* {
        break-inside: avoid-column
    }

    .uk-list>*>:last-child {
        margin-bottom: 0
    }

    .uk-list>*>ul,
    .uk-list>:nth-child(n+2) {
        margin-top: 10px
    }

    .uk-list-circle>*,
    .uk-list-decimal>*,
    .uk-list-disc>*,
    .uk-list-hyphen>*,
    .uk-list-square>* {
        padding-left: 30px
    }

    .uk-list-decimal {
        counter-reset: decimal
    }

    .uk-list-decimal>* {
        counter-increment: decimal
    }

    .uk-list-circle>::before,
    .uk-list-decimal>::before,
    .uk-list-disc>::before,
    .uk-list-hyphen>::before,
    .uk-list-square>::before {
        content: "";
        position: relative;
        left: -30px;
        width: 30px;
        height: 1.5em;
        margin-bottom: -1.5em;
        display: list-item;
        list-style-position: inside;
        text-align: right
    }

    .uk-list-disc>::before {
        list-style-type: disc
    }

    .uk-list-circle>::before {
        list-style-type: circle
    }

    .uk-list-square>::before {
        list-style-type: square
    }

    .uk-list-decimal>::before {
        content: counter(decimal, decimal) '\200A.\00A0'
    }

    .uk-list-hyphen>::before {
        content: '–\00A0\00A0'
    }

    .uk-list-muted>::before {
        color: #999 !important
    }

    .uk-list-emphasis>::before {
        color: #333 !important
    }

    .uk-list-primary>::before {
        color: #1e87f0 !important
    }

    .uk-list-secondary>::before {
        color: #222 !important
    }

    .uk-list-bullet>* {
        padding-left: 30px
    }

    .uk-list-bullet>::before {
        content: "";
        display: list-item;
        position: relative;
        left: -30px;
        width: 30px;
        height: 1.5em;
        margin-bottom: -1.5em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

    .uk-list-divider>:nth-child(n+2) {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #e5e5e5
    }

    .uk-list-striped>* {
        padding: 10px 10px
    }

    .uk-list-striped>:nth-of-type(odd) {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5
    }

    .uk-list-striped>:nth-of-type(odd) {
        background: #f8f8f8
    }

    .uk-list-striped>:nth-child(n+2) {
        margin-top: 0
    }

    .uk-list-large>*>ul,
    .uk-list-large>:nth-child(n+2) {
        margin-top: 20px
    }

    .uk-list-collapse>*>ul,
    .uk-list-collapse>:nth-child(n+2) {
        margin-top: 0
    }

    .uk-list-large.uk-list-divider>:nth-child(n+2) {
        margin-top: 20px;
        padding-top: 20px
    }

    .uk-list-collapse.uk-list-divider>:nth-child(n+2) {
        margin-top: 0;
        padding-top: 0
    }

    .uk-list-large.uk-list-striped>* {
        padding: 20px 10px
    }

    .uk-list-collapse.uk-list-striped>* {
        padding-top: 0;
        padding-bottom: 0
    }

    .uk-list-collapse.uk-list-striped>:nth-child(n+2),
    .uk-list-large.uk-list-striped>:nth-child(n+2) {
        margin-top: 0
    }

    .uk-description-list>dt {
        color: #333;
        font-size: .875rem;
        font-weight: 400;
        text-transform: uppercase
    }

    .uk-description-list>dt:nth-child(n+2) {
        margin-top: 20px
    }

    .uk-description-list-divider>dt:nth-child(n+2) {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e5e5e5
    }

    .uk-table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        margin-bottom: 20px
    }

    *+.uk-table {
        margin-top: 20px
    }

    .uk-table th {
        padding: 16px 12px;
        text-align: left;
        vertical-align: bottom;
        font-size: .875rem;
        font-weight: 400;
        color: #999;
        text-transform: uppercase
    }

    .uk-table td {
        padding: 16px 12px;
        vertical-align: top
    }

    .uk-table td>:last-child {
        margin-bottom: 0
    }

    .uk-table tfoot {
        font-size: .875rem
    }

    .uk-table caption {
        font-size: .875rem;
        text-align: left;
        color: #999
    }

    .uk-table-middle,
    .uk-table-middle td {
        vertical-align: middle !important
    }

    .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-table-divider>:not(:first-child)>tr,
    .uk-table-divider>tr:not(:first-child) {
        border-top: 1px solid #e5e5e5
    }

    .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-table-striped>tr:nth-of-type(odd) {
        background: #f8f8f8;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5
    }

    .uk-table-hover tbody tr:hover,
    .uk-table-hover>tr:hover {
        background: #ffd
    }

    .uk-table tbody tr.uk-active,
    .uk-table>tr.uk-active {
        background: #ffd
    }

    .uk-table-small td,
    .uk-table-small th {
        padding: 10px 12px
    }

    .uk-table-large td,
    .uk-table-large th {
        padding: 22px 12px
    }

    .uk-table-justify td:first-child,
    .uk-table-justify th:first-child {
        padding-left: 0
    }

    .uk-table-justify td:last-child,
    .uk-table-justify th:last-child {
        padding-right: 0
    }

    .uk-table-shrink {
        width: 1px
    }

    .uk-table-expand {
        min-width: 150px
    }

    .uk-table-link {
        padding: 0 !important
    }

    .uk-table-link>a {
        display: block;
        padding: 16px 12px
    }

    .uk-table-small .uk-table-link>a {
        padding: 10px 12px
    }

    @media (max-width:959px) {

        .uk-table-responsive,
        .uk-table-responsive tbody,
        .uk-table-responsive td,
        .uk-table-responsive th,
        .uk-table-responsive tr {
            display: block
        }

        .uk-table-responsive thead {
            display: none
        }

        .uk-table-responsive td,
        .uk-table-responsive th {
            width: auto !important;
            max-width: none !important;
            min-width: 0 !important;
            overflow: visible !important;
            white-space: normal !important
        }

        .uk-table-responsive .uk-table-link:not(:first-child)>a,
        .uk-table-responsive td:not(:first-child):not(.uk-table-link),
        .uk-table-responsive th:not(:first-child):not(.uk-table-link) {
            padding-top: 5px !important
        }

        .uk-table-responsive .uk-table-link:not(:last-child)>a,
        .uk-table-responsive td:not(:last-child):not(.uk-table-link),
        .uk-table-responsive th:not(:last-child):not(.uk-table-link) {
            padding-bottom: 5px !important
        }

        .uk-table-justify.uk-table-responsive td,
        .uk-table-justify.uk-table-responsive th {
            padding-left: 0;
            padding-right: 0
        }
    }

    .uk-table tbody tr {
        transition: background-color .1s linear
    }

    .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-table-striped>tr:nth-of-type(2n):last-child {
        border-bottom: 1px solid #e5e5e5
    }

    .uk-icon {
        margin: 0;
        border: none;
        border-radius: 0;
        overflow: visible;
        font: inherit;
        color: inherit;
        text-transform: none;
        padding: 0;
        background-color: transparent;
        display: inline-block;
        fill: currentcolor;
        line-height: 0
    }

    button.uk-icon:not(:disabled) {
        cursor: pointer
    }

    .uk-icon::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
        fill: currentcolor
    }

    .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
        stroke: currentcolor
    }

    .uk-icon>* {
        transform: translate(0, 0)
    }

    .uk-icon-image {
        width: 20px;
        height: 20px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        object-fit: scale-down;
        max-width: none
    }

    .uk-icon-link {
        color: #999;
        text-decoration: none !important
    }

    .uk-icon-link:hover {
        color: #666
    }

    .uk-active>.uk-icon-link,
    .uk-icon-link:active {
        color: #595959
    }

    .uk-icon-button {
        box-sizing: border-box;
        width: 36px;
        height: 36px;
        border-radius: 500px;
        background: #f8f8f8;
        color: #999;
        vertical-align: middle;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: .1s ease-in-out;
        transition-property: color, background-color
    }

    .uk-icon-button:hover {
        background-color: #ebebeb;
        color: #666
    }

    .uk-active>.uk-icon-button,
    .uk-icon-button:active {
        background-color: #dfdfdf;
        color: #666
    }

    .uk-range {
        -webkit-appearance: none;
        box-sizing: border-box;
        margin: 0;
        vertical-align: middle;
        max-width: 100%;
        width: 100%;
        background: 0 0
    }

    .uk-range:focus {
        outline: 0
    }

    .uk-range::-moz-focus-outer {
        border: none
    }

    .uk-range:not(:disabled)::-webkit-slider-thumb {
        cursor: pointer
    }

    .uk-range:not(:disabled)::-moz-range-thumb {
        cursor: pointer
    }

    .uk-range::-webkit-slider-runnable-track {
        height: 3px;
        background: #ebebeb;
        border-radius: 500px
    }

    .uk-range:active::-webkit-slider-runnable-track,
    .uk-range:focus::-webkit-slider-runnable-track {
        background: #dedede
    }

    .uk-range::-moz-range-track {
        height: 3px;
        background: #ebebeb;
        border-radius: 500px
    }

    .uk-range:focus::-moz-range-track {
        background: #dedede
    }

    .uk-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        margin-top: -7px;
        height: 15px;
        width: 15px;
        border-radius: 500px;
        background: #fff;
        border: 1px solid #ccc
    }

    .uk-range::-moz-range-thumb {
        border: none;
        height: 15px;
        width: 15px;
        margin-top: -7px;
        border-radius: 500px;
        background: #fff;
        border: 1px solid #ccc
    }

    .uk-checkbox,
    .uk-input,
    .uk-radio,
    .uk-select,
    .uk-textarea {
        box-sizing: border-box;
        margin: 0;
        border-radius: 0;
        font: inherit
    }

    .uk-input {
        overflow: visible
    }

    .uk-select {
        text-transform: none
    }

    .uk-select optgroup {
        font: inherit;
        font-weight: 700
    }

    .uk-textarea {
        overflow: auto
    }

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

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

    .uk-input::-moz-placeholder,
    .uk-textarea::-moz-placeholder {
        opacity: 1
    }

    .uk-checkbox:not(:disabled),
    .uk-radio:not(:disabled) {
        cursor: pointer
    }

    .uk-fieldset {
        border: none;
        margin: 0;
        padding: 0;
        min-width: 0
    }

    .uk-input,
    .uk-textarea {
        -webkit-appearance: none
    }

    .uk-input,
    .uk-select,
    .uk-textarea {
        max-width: 100%;
        width: 100%;
        border: 0 none;
        padding: 0 10px;
        background: #fff;
        color: #666;
        border: 1px solid #e5e5e5;
        transition: .2s ease-in-out;
        transition-property: color, background-color, border
    }

    .uk-input,
    .uk-select:not([multiple]):not([size]) {
        height: 40px;
        vertical-align: middle;
        display: inline-block
    }

    .uk-input:not(input),
    .uk-select:not(select) {
        line-height: 38px
    }

    .uk-select[multiple],
    .uk-select[size],
    .uk-textarea {
        padding-top: 6px;
        padding-bottom: 6px;
        vertical-align: top
    }

    .uk-select[multiple],
    .uk-select[size] {
        resize: vertical
    }

    .uk-input:focus,
    .uk-select:focus,
    .uk-textarea:focus {
        outline: 0;
        background-color: #fff;
        color: #666;
        border-color: #1e87f0
    }

    .uk-input:disabled,
    .uk-select:disabled,
    .uk-textarea:disabled {
        background-color: #f8f8f8;
        color: #999;
        border-color: #e5e5e5
    }

    .uk-input::placeholder {
        color: #999
    }

    .uk-textarea::placeholder {
        color: #999
    }

    .uk-form-small {
        font-size: .875rem
    }

    .uk-form-small:not(textarea):not([multiple]):not([size]) {
        height: 30px;
        padding-left: 8px;
        padding-right: 8px
    }

    [multiple].uk-form-small,
    [size].uk-form-small,
    textarea.uk-form-small {
        padding: 5px 8px
    }

    .uk-form-small:not(select):not(input):not(textarea) {
        line-height: 28px
    }

    .uk-form-large {
        font-size: 1.25rem
    }

    .uk-form-large:not(textarea):not([multiple]):not([size]) {
        height: 55px;
        padding-left: 12px;
        padding-right: 12px
    }

    [multiple].uk-form-large,
    [size].uk-form-large,
    textarea.uk-form-large {
        padding: 7px 12px
    }

    .uk-form-large:not(select):not(input):not(textarea) {
        line-height: 53px
    }

    .uk-form-danger,
    .uk-form-danger:focus {
        color: #f0506e;
        border-color: #f0506e
    }

    .uk-form-success,
    .uk-form-success:focus {
        color: #32d296;
        border-color: #32d296
    }

    .uk-form-blank {
        background: 0 0;
        border-color: transparent
    }

    .uk-form-blank:focus {
        border-color: #e5e5e5;
        border-style: solid
    }

    input.uk-form-width-xsmall {
        width: 50px
    }

    select.uk-form-width-xsmall {
        width: 75px
    }

    .uk-form-width-small {
        width: 130px
    }

    .uk-form-width-medium {
        width: 200px
    }

    .uk-form-width-large {
        width: 500px
    }

    .uk-select:not([multiple]):not([size]) {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 20px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
        background-repeat: no-repeat;
        background-position: 100% 50%
    }

    .uk-select:not([multiple]):not([size]) option {
        color: #666
    }

    .uk-select:not([multiple]):not([size]):disabled {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-input[list] {
        padding-right: 20px;
        background-repeat: no-repeat;
        background-position: 100% 50%
    }

    .uk-input[list]:focus,
    .uk-input[list]:hover {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-input[list]::-webkit-calendar-picker-indicator {
        display: none !important
    }

    .uk-checkbox,
    .uk-radio {
        display: inline-block;
        height: 16px;
        width: 16px;
        overflow: hidden;
        margin-top: -4px;
        vertical-align: middle;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border: 1px solid #ccc;
        transition: .2s ease-in-out;
        transition-property: background-color, border
    }

    .uk-radio {
        border-radius: 50%
    }

    .uk-checkbox:focus,
    .uk-radio:focus {
        background-color: rgba(0, 0, 0, 0);
        outline: 0;
        border-color: #1e87f0
    }

    .uk-checkbox:checked,
    .uk-checkbox:indeterminate,
    .uk-radio:checked {
        background-color: #1e87f0;
        border-color: transparent
    }

    .uk-checkbox:checked:focus,
    .uk-checkbox:indeterminate:focus,
    .uk-radio:checked:focus {
        background-color: #0e6dcd
    }

    .uk-radio:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-checkbox:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-checkbox:indeterminate {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-checkbox:disabled,
    .uk-radio:disabled {
        background-color: #f8f8f8;
        border-color: #e5e5e5
    }

    .uk-radio:disabled:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-checkbox:disabled:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-checkbox:disabled:indeterminate {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-legend {
        width: 100%;
        color: inherit;
        padding: 0;
        font-size: 1.5rem;
        line-height: 1.4
    }

    .uk-form-custom {
        display: inline-block;
        position: relative;
        max-width: 100%;
        vertical-align: middle
    }

    .uk-form-custom input[type=file],
    .uk-form-custom select {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        -webkit-appearance: none;
        opacity: 0;
        cursor: pointer
    }

    .uk-form-custom input[type=file] {
        font-size: 500px;
        overflow: hidden
    }

    .uk-form-label {
        color: #333;
        font-size: .875rem
    }

    .uk-form-stacked .uk-form-label {
        display: block;
        margin-bottom: 5px
    }

    @media (max-width:959px) {
        .uk-form-horizontal .uk-form-label {
            display: block;
            margin-bottom: 5px
        }
    }

    @media (min-width:960px) {
        .uk-form-horizontal .uk-form-label {
            width: 200px;
            margin-top: 7px;
            float: left
        }

        .uk-form-horizontal .uk-form-controls {
            margin-left: 215px
        }

        .uk-form-horizontal .uk-form-controls-text {
            padding-top: 7px
        }
    }

    .uk-form-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 40px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #999
    }

    .uk-form-icon:hover {
        color: #666
    }

    .uk-form-icon:not(a):not(button):not(input) {
        pointer-events: none
    }

    .uk-form-icon:not(.uk-form-icon-flip)~.uk-input {
        padding-left: 40px !important
    }

    .uk-form-icon-flip {
        right: 0;
        left: auto
    }

    .uk-form-icon-flip~.uk-input {
        padding-right: 40px !important
    }

    .uk-button {
        margin: 0;
        border: none;
        overflow: visible;
        font: inherit;
        color: inherit;
        text-transform: none;
        -webkit-appearance: none;
        border-radius: 0;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 30px;
        vertical-align: middle;
        font-size: .875rem;
        line-height: 38px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        transition: .1s ease-in-out;
        transition-property: color, background-color, border-color
    }

    .uk-button:not(:disabled) {
        cursor: pointer
    }

    .uk-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .uk-button:hover {
        text-decoration: none
    }

    .uk-button-default {
        background-color: transparent;
        color: #333;
        border: 1px solid #e5e5e5
    }

    .uk-button-default:hover {
        background-color: transparent;
        color: #333;
        border-color: #b2b2b2
    }

    .uk-button-default.uk-active,
    .uk-button-default:active {
        background-color: transparent;
        color: #333;
        border-color: #999
    }

    .uk-button-primary {
        background-color: #1e87f0;
        color: #fff;
        border: 1px solid transparent
    }

    .uk-button-primary:hover {
        background-color: #0f7ae5;
        color: #fff
    }

    .uk-button-primary.uk-active,
    .uk-button-primary:active {
        background-color: #0e6dcd;
        color: #fff
    }

    .uk-button-secondary {
        background-color: #222;
        color: #fff;
        border: 1px solid transparent
    }

    .uk-button-secondary:hover {
        background-color: #151515;
        color: #fff
    }

    .uk-button-secondary.uk-active,
    .uk-button-secondary:active {
        background-color: #080808;
        color: #fff
    }

    .uk-button-danger {
        background-color: #f0506e;
        color: #fff;
        border: 1px solid transparent
    }

    .uk-button-danger:hover {
        background-color: #ee395b;
        color: #fff
    }

    .uk-button-danger.uk-active,
    .uk-button-danger:active {
        background-color: #ec2147;
        color: #fff
    }

    .uk-button-danger:disabled,
    .uk-button-default:disabled,
    .uk-button-primary:disabled,
    .uk-button-secondary:disabled {
        background-color: transparent;
        color: #999;
        border-color: #e5e5e5
    }

    .uk-button-small {
        padding: 0 15px;
        line-height: 28px;
        font-size: .875rem
    }

    .uk-button-large {
        padding: 0 40px;
        line-height: 53px;
        font-size: .875rem
    }

    .uk-button-text {
        padding: 0;
        line-height: 1.5;
        background: 0 0;
        color: #333;
        position: relative
    }

    .uk-button-text::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 100%;
        border-bottom: 1px solid currentColor;
        transition: right .3s ease-out
    }

    .uk-button-text:hover {
        color: #333
    }

    .uk-button-text:hover::before {
        right: 0
    }

    .uk-button-text:disabled {
        color: #999
    }

    .uk-button-text:disabled::before {
        display: none
    }

    .uk-button-link {
        padding: 0;
        line-height: 1.5;
        background: 0 0;
        color: #333
    }

    .uk-button-link:hover {
        color: #999;
        text-decoration: none
    }

    .uk-button-link:disabled {
        color: #999;
        text-decoration: none
    }

    .uk-button-group {
        display: inline-flex;
        vertical-align: middle;
        position: relative
    }

    .uk-button-group>.uk-button:nth-child(n+2),
    .uk-button-group>div:nth-child(n+2) .uk-button {
        margin-left: -1px
    }

    .uk-button-group .uk-button.uk-active,
    .uk-button-group .uk-button:active,
    .uk-button-group .uk-button:focus,
    .uk-button-group .uk-button:hover {
        position: relative;
        z-index: 1
    }

    .uk-progress {
        vertical-align: baseline;
        display: block;
        width: 100%;
        border: 0;
        background-color: #f8f8f8;
        margin-bottom: 20px;
        height: 15px;
        border-radius: 500px;
        overflow: hidden
    }

    *+.uk-progress {
        margin-top: 20px
    }

    .uk-progress::-webkit-progress-bar {
        background-color: transparent
    }

    .uk-progress::-webkit-progress-value {
        background-color: #1e87f0;
        transition: width .6s ease
    }

    .uk-progress::-moz-progress-bar {
        background-color: #1e87f0;
        transition: width .6s ease
    }

    .uk-section {
        display: flow-root;
        box-sizing: border-box;
        padding-top: 40px;
        padding-bottom: 40px
    }

    @media (min-width:960px) {
        .uk-section {
            padding-top: 70px;
            padding-bottom: 70px
        }
    }

    .uk-section>:last-child {
        margin-bottom: 0
    }

    .uk-section-xsmall {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .uk-section-small {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .uk-section-large {
        padding-top: 70px;
        padding-bottom: 70px
    }

    @media (min-width:960px) {
        .uk-section-large {
            padding-top: 140px;
            padding-bottom: 140px
        }
    }

    .uk-section-xlarge {
        padding-top: 140px;
        padding-bottom: 140px
    }

    @media (min-width:960px) {
        .uk-section-xlarge {
            padding-top: 210px;
            padding-bottom: 210px
        }
    }

    .uk-section-default {
        --uk-inverse: dark;
        background: #fff
    }

    .uk-section-muted {
        --uk-inverse: dark;
        background: #f8f8f8
    }

    .uk-section-primary {
        --uk-inverse: light;
        background: #1e87f0
    }

    .uk-section-secondary {
        --uk-inverse: light;
        background: #222
    }

    .uk-container {
        display: flow-root;
        box-sizing: content-box;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px
    }

    @media (min-width:640px) {
        .uk-container {
            padding-left: 30px;
            padding-right: 30px
        }
    }

    @media (min-width:960px) {
        .uk-container {
            padding-left: 40px;
            padding-right: 40px
        }
    }

    .uk-container>:last-child {
        margin-bottom: 0
    }

    .uk-container .uk-container {
        padding-left: 0;
        padding-right: 0
    }

    .uk-container-xsmall {
        max-width: 750px
    }

    .uk-container-small {
        max-width: 900px
    }

    .uk-container-large {
        max-width: 1400px
    }

    .uk-container-xlarge {
        max-width: 1600px
    }

    .uk-container-expand {
        max-width: none
    }

    .uk-container-expand-left {
        margin-left: 0
    }

    .uk-container-expand-right {
        margin-right: 0
    }

    @media (min-width:640px) {

        .uk-container-expand-left.uk-container-xsmall,
        .uk-container-expand-right.uk-container-xsmall {
            max-width: calc(50% + (750px / 2) - 30px)
        }

        .uk-container-expand-left.uk-container-small,
        .uk-container-expand-right.uk-container-small {
            max-width: calc(50% + (900px / 2) - 30px)
        }
    }

    @media (min-width:960px) {

        .uk-container-expand-left,
        .uk-container-expand-right {
            max-width: calc(50% + (1200px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-xsmall,
        .uk-container-expand-right.uk-container-xsmall {
            max-width: calc(50% + (750px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-small,
        .uk-container-expand-right.uk-container-small {
            max-width: calc(50% + (900px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-large,
        .uk-container-expand-right.uk-container-large {
            max-width: calc(50% + (1400px / 2) - 40px)
        }

        .uk-container-expand-left.uk-container-xlarge,
        .uk-container-expand-right.uk-container-xlarge {
            max-width: calc(50% + (1600px / 2) - 40px)
        }
    }

    .uk-container-item-padding-remove-left,
    .uk-container-item-padding-remove-right {
        width: calc(100% + 15px)
    }

    .uk-container-item-padding-remove-left {
        margin-left: -15px
    }

    .uk-container-item-padding-remove-right {
        margin-right: -15px
    }

    @media (min-width:640px) {

        .uk-container-item-padding-remove-left,
        .uk-container-item-padding-remove-right {
            width: calc(100% + 30px)
        }

        .uk-container-item-padding-remove-left {
            margin-left: -30px
        }

        .uk-container-item-padding-remove-right {
            margin-right: -30px
        }
    }

    @media (min-width:960px) {

        .uk-container-item-padding-remove-left,
        .uk-container-item-padding-remove-right {
            width: calc(100% + 40px)
        }

        .uk-container-item-padding-remove-left {
            margin-left: -40px
        }

        .uk-container-item-padding-remove-right {
            margin-right: -40px
        }
    }

    .uk-tile {
        display: flow-root;
        position: relative;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 40px;
        padding-bottom: 40px
    }

    @media (min-width:640px) {
        .uk-tile {
            padding-left: 30px;
            padding-right: 30px
        }
    }

    @media (min-width:960px) {
        .uk-tile {
            padding-left: 40px;
            padding-right: 40px;
            padding-top: 70px;
            padding-bottom: 70px
        }
    }

    .uk-tile>:last-child {
        margin-bottom: 0
    }

    .uk-tile-xsmall {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .uk-tile-small {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .uk-tile-large {
        padding-top: 70px;
        padding-bottom: 70px
    }

    @media (min-width:960px) {
        .uk-tile-large {
            padding-top: 140px;
            padding-bottom: 140px
        }
    }

    .uk-tile-xlarge {
        padding-top: 140px;
        padding-bottom: 140px
    }

    @media (min-width:960px) {
        .uk-tile-xlarge {
            padding-top: 210px;
            padding-bottom: 210px
        }
    }

    .uk-tile-default {
        --uk-inverse: dark;
        background-color: #fff
    }

    .uk-tile-muted {
        --uk-inverse: dark;
        background-color: #f8f8f8
    }

    .uk-tile-primary {
        --uk-inverse: light;
        background-color: #1e87f0
    }

    .uk-tile-secondary {
        --uk-inverse: light;
        background-color: #222
    }

    .uk-card {
        position: relative;
        box-sizing: border-box;
        transition: box-shadow .1s ease-in-out
    }

    .uk-card-body {
        display: flow-root;
        padding: 30px 30px
    }

    .uk-card-header {
        display: flow-root;
        padding: 15px 30px
    }

    .uk-card-footer {
        display: flow-root;
        padding: 15px 30px
    }

    @media (min-width:1200px) {
        .uk-card-body {
            padding: 40px 40px
        }

        .uk-card-header {
            padding: 20px 40px
        }

        .uk-card-footer {
            padding: 20px 40px
        }
    }

    .uk-card-body>:last-child,
    .uk-card-footer>:last-child,
    .uk-card-header>:last-child {
        margin-bottom: 0
    }

    .uk-card-title {
        font-size: 1.5rem;
        line-height: 1.4
    }

    .uk-card-badge {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1;
        height: 22px;
        padding: 0 10px;
        background: #1e87f0;
        color: #fff;
        font-size: .875rem;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 0;
        border-radius: 2px;
        text-transform: uppercase
    }

    .uk-card-badge:first-child+* {
        margin-top: 0
    }

    .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
        background-color: #fff;
        box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
    }

    .uk-card-default {
        --uk-inverse: dark;
        background-color: #fff;
        color: #666;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
    }

    .uk-card-default .uk-card-title {
        color: #333
    }

    .uk-card-default.uk-card-hover:hover {
        background-color: #fff;
        box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
    }

    .uk-card-default .uk-card-header {
        border-bottom: 1px solid #e5e5e5
    }

    .uk-card-default .uk-card-footer {
        border-top: 1px solid #e5e5e5
    }

    .uk-card-primary {
        --uk-inverse: light;
        background-color: #1e87f0;
        color: #fff;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
    }

    .uk-card-primary .uk-card-title {
        color: #fff
    }

    .uk-card-primary.uk-card-hover:hover {
        background-color: #1e87f0;
        box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
    }

    .uk-card-secondary {
        --uk-inverse: light;
        background-color: #222;
        color: #fff;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
    }

    .uk-card-secondary .uk-card-title {
        color: #fff
    }

    .uk-card-secondary.uk-card-hover:hover {
        background-color: #222;
        box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
    }

    .uk-card-small .uk-card-body,
    .uk-card-small.uk-card-body {
        padding: 20px 20px
    }

    .uk-card-small .uk-card-header {
        padding: 13px 20px
    }

    .uk-card-small .uk-card-footer {
        padding: 13px 20px
    }

    @media (min-width:1200px) {

        .uk-card-large .uk-card-body,
        .uk-card-large.uk-card-body {
            padding: 70px 70px
        }

        .uk-card-large .uk-card-header {
            padding: 35px 70px
        }

        .uk-card-large .uk-card-footer {
            padding: 35px 70px
        }
    }

    .uk-card-body>.uk-nav-default {
        margin-left: -30px;
        margin-right: -30px
    }

    .uk-card-body>.uk-nav-default:only-child {
        margin-top: -15px;
        margin-bottom: -15px
    }

    .uk-card-body>.uk-nav-default .uk-nav-divider,
    .uk-card-body>.uk-nav-default .uk-nav-header,
    .uk-card-body>.uk-nav-default>li>a {
        padding-left: 30px;
        padding-right: 30px
    }

    .uk-card-body>.uk-nav-default .uk-nav-sub {
        padding-left: 45px
    }

    @media (min-width:1200px) {
        .uk-card-body>.uk-nav-default {
            margin-left: -40px;
            margin-right: -40px
        }

        .uk-card-body>.uk-nav-default:only-child {
            margin-top: -25px;
            margin-bottom: -25px
        }

        .uk-card-body>.uk-nav-default .uk-nav-divider,
        .uk-card-body>.uk-nav-default .uk-nav-header,
        .uk-card-body>.uk-nav-default>li>a {
            padding-left: 40px;
            padding-right: 40px
        }

        .uk-card-body>.uk-nav-default .uk-nav-sub {
            padding-left: 55px
        }
    }

    .uk-card-small>.uk-nav-default {
        margin-left: -20px;
        margin-right: -20px
    }

    .uk-card-small>.uk-nav-default:only-child {
        margin-top: -5px;
        margin-bottom: -5px
    }

    .uk-card-small>.uk-nav-default .uk-nav-divider,
    .uk-card-small>.uk-nav-default .uk-nav-header,
    .uk-card-small>.uk-nav-default>li>a {
        padding-left: 20px;
        padding-right: 20px
    }

    .uk-card-small>.uk-nav-default .uk-nav-sub {
        padding-left: 35px
    }

    @media (min-width:1200px) {
        .uk-card-large>.uk-nav-default {
            margin: 0
        }

        .uk-card-large>.uk-nav-default:only-child {
            margin: 0
        }

        .uk-card-large>.uk-nav-default .uk-nav-divider,
        .uk-card-large>.uk-nav-default .uk-nav-header,
        .uk-card-large>.uk-nav-default>li>a {
            padding-left: 0;
            padding-right: 0
        }

        .uk-card-large>.uk-nav-default .uk-nav-sub {
            padding-left: 15px
        }
    }

    .uk-close {
        color: #999;
        transition: .1s ease-in-out;
        transition-property: color, opacity
    }

    .uk-close:hover {
        color: #666
    }

    .uk-spinner>* {
        animation: uk-spinner-rotate 1.4s linear infinite
    }

    @keyframes uk-spinner-rotate {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(270deg)
        }
    }

    .uk-spinner>*>* {
        stroke-dasharray: 88px;
        stroke-dashoffset: 0;
        transform-origin: center;
        animation: uk-spinner-dash 1.4s ease-in-out infinite;
        stroke-width: 1;
        stroke-linecap: round
    }

    @keyframes uk-spinner-dash {
        0% {
            stroke-dashoffset: 88px
        }

        50% {
            stroke-dashoffset: 22px;
            transform: rotate(135deg)
        }

        100% {
            stroke-dashoffset: 88px;
            transform: rotate(450deg)
        }
    }

    .uk-totop {
        padding: 5px;
        color: #999;
        transition: color .1s ease-in-out
    }

    .uk-totop:hover {
        color: #666
    }

    .uk-totop:active {
        color: #333
    }

    .uk-marker {
        padding: 5px;
        background: #222;
        color: #fff;
        border-radius: 500px
    }

    .uk-marker:hover {
        color: #fff
    }

    .uk-alert {
        position: relative;
        margin-bottom: 20px;
        padding: 15px 29px 15px 15px;
        background: #f8f8f8;
        color: #666
    }

    *+.uk-alert {
        margin-top: 20px
    }

    .uk-alert>:last-child {
        margin-bottom: 0
    }

    .uk-alert-close {
        position: absolute;
        top: 20px;
        right: 15px;
        color: inherit;
        opacity: .4
    }

    .uk-alert-close:first-child+* {
        margin-top: 0
    }

    .uk-alert-close:hover {
        color: inherit;
        opacity: .8
    }

    .uk-alert-primary {
        background: #d8eafc;
        color: #1e87f0
    }

    .uk-alert-success {
        background: #edfbf6;
        color: #32d296
    }

    .uk-alert-warning {
        background: #fff6ee;
        color: #faa05a
    }

    .uk-alert-danger {
        background: #fef4f6;
        color: #f0506e
    }

    .uk-alert h1,
    .uk-alert h2,
    .uk-alert h3,
    .uk-alert h4,
    .uk-alert h5,
    .uk-alert h6 {
        color: inherit
    }

    .uk-alert a:not([class]) {
        color: inherit;
        text-decoration: underline
    }

    .uk-alert a:not([class]):hover {
        color: inherit;
        text-decoration: underline
    }

    .uk-placeholder {
        margin-bottom: 20px;
        padding: 30px 30px;
        background: 0 0;
        border: 1px dashed #e5e5e5
    }

    *+.uk-placeholder {
        margin-top: 20px
    }

    .uk-placeholder>:last-child {
        margin-bottom: 0
    }

    .uk-badge {
        box-sizing: border-box;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: 500px;
        vertical-align: middle;
        background: #1e87f0;
        color: #fff !important;
        font-size: 11px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        line-height: 0
    }

    .uk-badge:hover {
        text-decoration: none
    }

    .uk-label {
        display: inline-block;
        padding: 0 10px;
        background: #1e87f0;
        line-height: 1.5;
        font-size: .875rem;
        color: #fff;
        vertical-align: middle;
        white-space: nowrap;
        border-radius: 2px;
        text-transform: uppercase
    }

    .uk-label-success {
        background-color: #32d296;
        color: #fff
    }

    .uk-label-warning {
        background-color: #faa05a;
        color: #fff
    }

    .uk-label-danger {
        background-color: #f0506e;
        color: #fff
    }

    .uk-overlay {
        padding: 30px 30px
    }

    .uk-overlay>:last-child {
        margin-bottom: 0
    }

    .uk-overlay-default {
        --uk-inverse: dark;
        background: rgba(255, 255, 255, .8)
    }

    .uk-overlay-primary {
        --uk-inverse: light;
        background: rgba(34, 34, 34, .8)
    }

    .uk-article {
        display: flow-root
    }

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

    .uk-article+.uk-article {
        margin-top: 70px
    }

    .uk-article-title {
        font-size: 2.23125rem;
        line-height: 1.2
    }

    @media (min-width:960px) {
        .uk-article-title {
            font-size: 2.625rem
        }
    }

    .uk-article-meta {
        font-size: .875rem;
        line-height: 1.4;
        color: #999
    }

    .uk-article-meta a {
        color: #999
    }

    .uk-article-meta a:hover {
        color: #666;
        text-decoration: none
    }

    .uk-comment-body {
        display: flow-root;
        overflow-wrap: break-word;
        word-wrap: break-word
    }

    .uk-comment-header {
        display: flow-root;
        margin-bottom: 20px
    }

    .uk-comment-body>:last-child,
    .uk-comment-header>:last-child {
        margin-bottom: 0
    }

    .uk-comment-title {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .uk-comment-meta {
        font-size: .875rem;
        line-height: 1.4;
        color: #999
    }

    .uk-comment-list {
        padding: 0;
        list-style: none
    }

    .uk-comment-list>:nth-child(n+2) {
        margin-top: 70px
    }

    .uk-comment-list .uk-comment~ul {
        margin: 70px 0 0 0;
        padding-left: 30px;
        list-style: none
    }

    @media (min-width:960px) {
        .uk-comment-list .uk-comment~ul {
            padding-left: 100px
        }
    }

    .uk-comment-list .uk-comment~ul>:nth-child(n+2) {
        margin-top: 70px
    }

    .uk-comment-primary {
        padding: 30px;
        background-color: #f8f8f8
    }

    .uk-search {
        display: inline-block;
        position: relative;
        max-width: 100%;
        margin: 0
    }

    .uk-search-input::-webkit-search-cancel-button,
    .uk-search-input::-webkit-search-decoration {
        -webkit-appearance: none
    }

    .uk-search-input::-moz-placeholder {
        opacity: 1
    }

    .uk-search-input {
        box-sizing: border-box;
        margin: 0;
        border-radius: 0;
        font: inherit;
        overflow: visible;
        -webkit-appearance: none;
        vertical-align: middle;
        width: 100%;
        border: none;
        color: #666
    }

    .uk-search-input:focus {
        outline: 0
    }

    .uk-search-input::placeholder {
        color: #999
    }

    .uk-search .uk-search-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #999
    }

    .uk-search .uk-search-icon:hover {
        color: #999
    }

    .uk-search .uk-search-icon:not(a):not(button):not(input) {
        pointer-events: none
    }

    .uk-search .uk-search-icon-flip {
        right: 0;
        left: auto
    }

    .uk-search-default {
        width: 240px
    }

    .uk-search-default .uk-search-input {
        height: 40px;
        padding-left: 10px;
        padding-right: 10px;
        background: 0 0;
        border: 1px solid #e5e5e5
    }

    .uk-search-default .uk-search-input:focus {
        background-color: rgba(0, 0, 0, 0);
        border-color: #1e87f0
    }

    .uk-search-default .uk-search-icon {
        width: 40px
    }

    .uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
        padding-left: 40px
    }

    .uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
        padding-right: 40px
    }

    .uk-search-navbar {
        width: 240px
    }

    .uk-search-navbar .uk-search-input {
        height: 40px;
        padding-left: 10px;
        padding-right: 10px;
        background: #fff;
        border: 1px solid #e5e5e5
    }

    .uk-search-navbar .uk-search-input:focus {
        background-color: #fff;
        border-color: #1e87f0
    }

    .uk-search-navbar .uk-search-icon {
        width: 40px
    }

    .uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
        padding-left: 40px
    }

    .uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
        padding-right: 40px
    }

    .uk-search-medium {
        width: 400px
    }

    .uk-search-medium .uk-search-input {
        height: 40px;
        background: 0 0;
        font-size: 1.5rem
    }

    .uk-search-medium .uk-search-icon {
        width: 24px
    }

    .uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
        padding-left: 34px
    }

    .uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
        padding-right: 34px
    }

    .uk-search-large {
        width: 500px
    }

    .uk-search-large .uk-search-input {
        height: 80px;
        background: 0 0;
        font-size: 2.625rem
    }

    .uk-search-large .uk-search-icon {
        width: 40px
    }

    .uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
        padding-left: 60px
    }

    .uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
        padding-right: 60px
    }

    .uk-search-toggle {
        color: #999
    }

    .uk-search-toggle:hover {
        color: #666
    }

    .uk-accordion {
        padding: 0;
        list-style: none
    }

    .uk-accordion>:nth-child(n+2) {
        margin-top: 20px
    }

    .uk-accordion-title {
        display: block;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #333;
        overflow: hidden
    }

    .uk-accordion-title::before {
        content: "";
        width: 1.4em;
        height: 1.4em;
        margin-left: 10px;
        float: right;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

    .uk-open>.uk-accordion-title::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-accordion-title:hover {
        color: #666;
        text-decoration: none
    }

    .uk-accordion-content {
        display: flow-root;
        margin-top: 20px
    }

    .uk-accordion-content>:last-child {
        margin-bottom: 0
    }

    .uk-drop {
        display: none;
        position: absolute;
        z-index: 1020;
        --uk-position-offset: 20px;
        --uk-position-viewport-offset: 15px;
        box-sizing: border-box;
        width: 300px
    }

    .uk-drop.uk-open {
        display: block
    }

    .uk-drop-stack .uk-drop-grid>* {
        width: 100% !important
    }

    .uk-drop-parent-icon {
        margin-left: .25em;
        transition: transform .3s ease-out
    }

    [aria-expanded=true]>.uk-drop-parent-icon {
        transform: rotateX(180deg)
    }

    .uk-dropbar {
        --uk-position-offset: 0;
        --uk-position-shift-offset: 0;
        --uk-position-viewport-offset: 0;
        --uk-inverse: dark;
        width: auto;
        padding: 25px 15px 25px 15px;
        background: #fff;
        color: #666
    }

    .uk-dropbar>:last-child {
        margin-bottom: 0
    }

    @media (min-width:640px) {
        .uk-dropbar {
            padding-left: 30px;
            padding-right: 30px
        }
    }

    @media (min-width:960px) {
        .uk-dropbar {
            padding-left: 40px;
            padding-right: 40px
        }
    }

    .uk-dropbar :focus-visible {
        outline-color: #333 !important
    }

    .uk-dropbar-large {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .uk-dropbar-top {
        box-shadow: 0 12px 7px -6px rgba(0, 0, 0, .05)
    }

    .uk-dropbar-bottom {
        box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, .05)
    }

    .uk-dropbar-left {
        box-shadow: 12px 0 7px -6px rgba(0, 0, 0, .05)
    }

    .uk-dropbar-right {
        box-shadow: -12px 0 7px -6px rgba(0, 0, 0, .05)
    }

    .uk-dropnav-dropbar {
        position: absolute;
        z-index: 980;
        padding: 0;
        left: 0;
        right: 0
    }

    .uk-modal {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1010;
        overflow-y: auto;
        padding: 15px 15px;
        background: rgba(0, 0, 0, .6);
        opacity: 0;
        transition: opacity .15s linear
    }

    @media (min-width:640px) {
        .uk-modal {
            padding: 50px 30px
        }
    }

    @media (min-width:960px) {
        .uk-modal {
            padding-left: 40px;
            padding-right: 40px
        }
    }

    .uk-modal.uk-open {
        opacity: 1
    }

    .uk-modal-page {
        overflow: hidden
    }

    .uk-modal-dialog {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        width: 600px;
        max-width: 100% !important;
        background: #fff;
        opacity: 0;
        transform: translateY(-100px);
        transition: .3s linear;
        transition-property: opacity, transform
    }

    .uk-open>.uk-modal-dialog {
        opacity: 1;
        transform: translateY(0)
    }

    .uk-modal-container .uk-modal-dialog {
        width: 1200px
    }

    .uk-modal-full {
        padding: 0;
        background: 0 0
    }

    .uk-modal-full .uk-modal-dialog {
        margin: 0;
        width: 100%;
        max-width: 100%;
        transform: translateY(0)
    }

    .uk-modal-body {
        display: flow-root;
        padding: 20px 20px
    }

    .uk-modal-header {
        display: flow-root;
        padding: 10px 20px;
        background: #fff;
        border-bottom: 1px solid #e5e5e5
    }

    .uk-modal-footer {
        display: flow-root;
        padding: 10px 20px;
        background: #fff;
        border-top: 1px solid #e5e5e5
    }

    @media (min-width:640px) {
        .uk-modal-body {
            padding: 30px 30px
        }

        .uk-modal-header {
            padding: 15px 30px
        }

        .uk-modal-footer {
            padding: 15px 30px
        }
    }

    .uk-modal-body>:last-child,
    .uk-modal-footer>:last-child,
    .uk-modal-header>:last-child {
        margin-bottom: 0
    }

    .uk-modal-title {
        font-size: 2rem;
        line-height: 1.3
    }

    [class*=uk-modal-close-] {
        position: absolute;
        z-index: 1010;
        top: 10px;
        right: 10px;
        padding: 5px
    }

    [class*=uk-modal-close-]:first-child+* {
        margin-top: 0
    }

    .uk-modal-close-outside {
        top: 0;
        right: -5px;
        transform: translate(0, -100%);
        color: #fff
    }

    .uk-modal-close-outside:hover {
        color: #fff
    }

    @media (min-width:960px) {
        .uk-modal-close-outside {
            right: 0;
            transform: translate(100%, -100%)
        }
    }

    .uk-modal-close-full {
        top: 0;
        right: 0;
        padding: 10px;
        background: #fff
    }

    @media (min-width:960px) {
        .uk-modal-close-full {
            padding: 20px
        }
    }

    .uk-slideshow {
        -webkit-tap-highlight-color: transparent
    }

    .uk-slideshow-items {
        position: relative;
        z-index: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        -webkit-touch-callout: none;
        touch-action: pan-y
    }

    .uk-slideshow-items>* {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        will-change: transform, opacity
    }

    .uk-slideshow-items>:not(.uk-active) {
        display: none
    }

    .uk-slider {
        -webkit-tap-highlight-color: transparent
    }

    .uk-slider-container {
        overflow: hidden;
        overflow: clip
    }

    .uk-slider-container-offset {
        margin: -11px -25px -39px -25px;
        padding: 11px 25px 39px 25px
    }

    .uk-slider-items {
        will-change: transform;
        position: relative;
        touch-action: pan-y
    }

    .uk-slider-items:not(.uk-grid) {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-touch-callout: none
    }

    .uk-slider-items.uk-grid {
        flex-wrap: nowrap
    }

    .uk-slider-items>* {
        flex: none !important;
        box-sizing: border-box;
        max-width: 100%;
        position: relative
    }

    .uk-sticky {
        position: relative;
        z-index: 980;
        box-sizing: border-box
    }

    .uk-sticky-fixed {
        margin: 0 !important
    }

    .uk-sticky[class*=uk-animation-] {
        animation-duration: .2s
    }

    .uk-sticky.uk-animation-reverse {
        animation-duration: .2s
    }

    .uk-sticky-placeholder {
        pointer-events: none
    }

    .uk-offcanvas {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1000
    }

    .uk-offcanvas-flip .uk-offcanvas {
        right: 0;
        left: auto
    }

    .uk-offcanvas-bar {
        --uk-inverse: light;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -270px;
        box-sizing: border-box;
        width: 270px;
        padding: 20px 20px;
        background: #222;
        overflow-y: auto
    }

    @media (min-width:640px) {
        .uk-offcanvas-bar {
            left: -350px;
            width: 350px;
            padding: 30px 30px
        }
    }

    .uk-offcanvas-flip .uk-offcanvas-bar {
        left: auto;
        right: -270px
    }

    @media (min-width:640px) {
        .uk-offcanvas-flip .uk-offcanvas-bar {
            right: -350px
        }
    }

    .uk-open>.uk-offcanvas-bar {
        left: 0
    }

    .uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {
        left: auto;
        right: 0
    }

    .uk-offcanvas-bar-animation {
        transition: left .3s ease-out
    }

    .uk-offcanvas-flip .uk-offcanvas-bar-animation {
        transition-property: right
    }

    .uk-offcanvas-reveal {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0;
        overflow: hidden;
        transition: width .3s ease-out
    }

    .uk-offcanvas-reveal .uk-offcanvas-bar {
        left: 0
    }

    .uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
        left: auto;
        right: 0
    }

    .uk-open>.uk-offcanvas-reveal {
        width: 270px
    }

    @media (min-width:640px) {
        .uk-open>.uk-offcanvas-reveal {
            width: 350px
        }
    }

    .uk-offcanvas-flip .uk-offcanvas-reveal {
        right: 0;
        left: auto
    }

    .uk-offcanvas-close {
        position: absolute;
        z-index: 1000;
        top: 5px;
        right: 5px;
        padding: 5px
    }

    @media (min-width:640px) {
        .uk-offcanvas-close {
            top: 10px;
            right: 10px
        }
    }

    .uk-offcanvas-close:first-child+* {
        margin-top: 0
    }

    .uk-offcanvas-overlay {
        width: 100vw;
        touch-action: none
    }

    .uk-offcanvas-overlay::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .1);
        opacity: 0;
        transition: opacity .15s linear
    }

    .uk-offcanvas-overlay.uk-open::before {
        opacity: 1
    }

    .uk-offcanvas-container,
    .uk-offcanvas-page {
        overflow-x: hidden;
        overflow-x: clip
    }

    .uk-offcanvas-container {
        position: relative;
        left: 0;
        transition: left .3s ease-out;
        box-sizing: border-box;
        width: 100%
    }

    :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
        left: 270px
    }

    .uk-offcanvas-flip.uk-offcanvas-container-animation {
        left: -270px
    }

    @media (min-width:640px) {
        :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
            left: 350px
        }

        .uk-offcanvas-flip.uk-offcanvas-container-animation {
            left: -350px
        }
    }

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

    .uk-switcher>:not(.uk-active) {
        display: none
    }

    .uk-switcher>*>:last-child {
        margin-bottom: 0
    }

    .uk-leader {
        overflow: hidden
    }

    .uk-leader-fill::after {
        display: inline-block;
        margin-left: 15px;
        width: 0;
        content: attr(data-fill);
        white-space: nowrap
    }

    .uk-leader-fill.uk-leader-hide::after {
        display: none
    }

    :root {
        --uk-leader-fill-content: .
    }

    .uk-notification {
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 1040;
        box-sizing: border-box;
        width: 350px
    }

    .uk-notification-bottom-right,
    .uk-notification-top-right {
        left: auto;
        right: 10px
    }

    .uk-notification-bottom-center,
    .uk-notification-top-center {
        left: 50%;
        margin-left: -175px
    }

    .uk-notification-bottom-center,
    .uk-notification-bottom-left,
    .uk-notification-bottom-right {
        top: auto;
        bottom: 10px
    }

    @media (max-width:639px) {
        .uk-notification {
            left: 10px;
            right: 10px;
            width: auto;
            margin: 0
        }
    }

    .uk-notification-message {
        position: relative;
        padding: 15px;
        background: #f8f8f8;
        color: #666;
        font-size: 1.25rem;
        line-height: 1.4;
        cursor: pointer
    }

    *+.uk-notification-message {
        margin-top: 10px
    }

    .uk-notification-close {
        display: none;
        position: absolute;
        top: 20px;
        right: 15px
    }

    .uk-notification-message:hover .uk-notification-close {
        display: block
    }

    .uk-notification-message-primary {
        color: #1e87f0
    }

    .uk-notification-message-success {
        color: #32d296
    }

    .uk-notification-message-warning {
        color: #faa05a
    }

    .uk-notification-message-danger {
        color: #f0506e
    }

    .uk-tooltip {
        display: none;
        position: absolute;
        z-index: 1030;
        --uk-position-offset: 10px;
        --uk-position-viewport-offset: 10;
        top: 0;
        box-sizing: border-box;
        max-width: 200px;
        padding: 3px 6px;
        background: #666;
        border-radius: 2px;
        color: #fff;
        font-size: 12px
    }

    .uk-tooltip.uk-active {
        display: block
    }

    .uk-sortable {
        position: relative
    }

    .uk-sortable>:last-child {
        margin-bottom: 0
    }

    .uk-sortable-drag {
        position: fixed !important;
        z-index: 1050 !important;
        pointer-events: none
    }

    .uk-sortable-placeholder {
        opacity: 0;
        pointer-events: none
    }

    .uk-sortable-empty {
        min-height: 50px
    }

    .uk-sortable-handle:hover {
        cursor: move
    }

    .uk-countdown-number {
        font-variant-numeric: tabular-nums;
        font-size: 2rem;
        line-height: .8
    }

    @media (min-width:640px) {
        .uk-countdown-number {
            font-size: 4rem
        }
    }

    @media (min-width:960px) {
        .uk-countdown-number {
            font-size: 6rem
        }
    }

    .uk-countdown-separator {
        font-size: 1rem;
        line-height: 1.6
    }

    @media (min-width:640px) {
        .uk-countdown-separator {
            font-size: 2rem
        }
    }

    @media (min-width:960px) {
        .uk-countdown-separator {
            font-size: 3rem
        }
    }

    .uk-thumbnav {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-left: -15px
    }

    .uk-thumbnav>* {
        padding-left: 15px
    }

    .uk-thumbnav>*>* {
        display: inline-block;
        position: relative
    }

    .uk-thumbnav>*>::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
        transition: opacity .1s ease-in-out
    }

    .uk-thumbnav>*>:hover::after {
        opacity: 0
    }

    .uk-thumbnav>.uk-active>::after {
        opacity: 0
    }

    .uk-thumbnav-vertical {
        flex-direction: column;
        margin-left: 0;
        margin-top: -15px
    }

    .uk-thumbnav-vertical>* {
        padding-left: 0;
        padding-top: 15px
    }

    .uk-iconnav {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-left: -10px
    }

    .uk-iconnav>* {
        padding-left: 10px
    }

    .uk-iconnav>*>a {
        display: flex;
        align-items: center;
        column-gap: .25em;
        line-height: 0;
        color: #999;
        text-decoration: none;
        font-size: .875rem;
        transition: .1s ease-in-out;
        transition-property: color, background-color
    }

    .uk-iconnav>*>a:hover {
        color: #666
    }

    .uk-iconnav>.uk-active>a {
        color: #666
    }

    .uk-iconnav-vertical {
        flex-direction: column;
        margin-left: 0;
        margin-top: -10px
    }

    .uk-iconnav-vertical>* {
        padding-left: 0;
        padding-top: 10px
    }

    .uk-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .uk-grid>* {
        margin: 0
    }

    .uk-grid>*>:last-child {
        margin-bottom: 0
    }

    .uk-grid {
        margin-left: -30px
    }

    .uk-grid>* {
        padding-left: 30px
    }

    *+.uk-grid-margin,
    .uk-grid+.uk-grid,
    .uk-grid>.uk-grid-margin {
        margin-top: 30px
    }

    @media (min-width:1200px) {
        .uk-grid {
            margin-left: -40px
        }

        .uk-grid>* {
            padding-left: 40px
        }

        *+.uk-grid-margin,
        .uk-grid+.uk-grid,
        .uk-grid>.uk-grid-margin {
            margin-top: 40px
        }
    }

    .uk-grid-column-small,
    .uk-grid-small {
        margin-left: -15px
    }

    .uk-grid-column-small>*,
    .uk-grid-small>* {
        padding-left: 15px
    }

    *+.uk-grid-margin-small,
    .uk-grid+.uk-grid-row-small,
    .uk-grid+.uk-grid-small,
    .uk-grid-row-small>.uk-grid-margin,
    .uk-grid-small>.uk-grid-margin {
        margin-top: 15px
    }

    .uk-grid-column-medium,
    .uk-grid-medium {
        margin-left: -30px
    }

    .uk-grid-column-medium>*,
    .uk-grid-medium>* {
        padding-left: 30px
    }

    *+.uk-grid-margin-medium,
    .uk-grid+.uk-grid-medium,
    .uk-grid+.uk-grid-row-medium,
    .uk-grid-medium>.uk-grid-margin,
    .uk-grid-row-medium>.uk-grid-margin {
        margin-top: 30px
    }

    .uk-grid-column-large,
    .uk-grid-large {
        margin-left: -40px
    }

    .uk-grid-column-large>*,
    .uk-grid-large>* {
        padding-left: 40px
    }

    *+.uk-grid-margin-large,
    .uk-grid+.uk-grid-large,
    .uk-grid+.uk-grid-row-large,
    .uk-grid-large>.uk-grid-margin,
    .uk-grid-row-large>.uk-grid-margin {
        margin-top: 40px
    }

    @media (min-width:1200px) {

        .uk-grid-column-large,
        .uk-grid-large {
            margin-left: -70px
        }

        .uk-grid-column-large>*,
        .uk-grid-large>* {
            padding-left: 70px
        }

        *+.uk-grid-margin-large,
        .uk-grid+.uk-grid-large,
        .uk-grid+.uk-grid-row-large,
        .uk-grid-large>.uk-grid-margin,
        .uk-grid-row-large>.uk-grid-margin {
            margin-top: 70px
        }
    }

    .uk-grid-collapse,
    .uk-grid-column-collapse {
        margin-left: 0
    }

    .uk-grid-collapse>*,
    .uk-grid-column-collapse>* {
        padding-left: 0
    }

    .uk-grid+.uk-grid-collapse,
    .uk-grid+.uk-grid-row-collapse,
    .uk-grid-collapse>.uk-grid-margin,
    .uk-grid-row-collapse>.uk-grid-margin {
        margin-top: 0
    }

    .uk-grid-divider>* {
        position: relative
    }

    .uk-grid-divider>:not(.uk-first-column)::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        border-left: 1px solid #e5e5e5
    }

    .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        border-top: 1px solid #e5e5e5
    }

    .uk-grid-divider {
        margin-left: -60px
    }

    .uk-grid-divider>* {
        padding-left: 60px
    }

    .uk-grid-divider>:not(.uk-first-column)::before {
        left: 30px
    }

    .uk-grid-divider.uk-grid-stack>.uk-grid-margin {
        margin-top: 60px
    }

    .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
        top: -30px;
        left: 60px
    }

    @media (min-width:1200px) {
        .uk-grid-divider {
            margin-left: -80px
        }

        .uk-grid-divider>* {
            padding-left: 80px
        }

        .uk-grid-divider>:not(.uk-first-column)::before {
            left: 40px
        }

        .uk-grid-divider.uk-grid-stack>.uk-grid-margin {
            margin-top: 80px
        }

        .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
            top: -40px;
            left: 80px
        }
    }

    .uk-grid-divider.uk-grid-column-small,
    .uk-grid-divider.uk-grid-small {
        margin-left: -30px
    }

    .uk-grid-divider.uk-grid-column-small>*,
    .uk-grid-divider.uk-grid-small>* {
        padding-left: 30px
    }

    .uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before,
    .uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before {
        left: 15px
    }

    .uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,
    .uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin {
        margin-top: 30px
    }

    .uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before {
        top: -15px;
        left: 30px
    }

    .uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before {
        top: -15px
    }

    .uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before {
        left: 30px
    }

    .uk-grid-divider.uk-grid-column-medium,
    .uk-grid-divider.uk-grid-medium {
        margin-left: -60px
    }

    .uk-grid-divider.uk-grid-column-medium>*,
    .uk-grid-divider.uk-grid-medium>* {
        padding-left: 60px
    }

    .uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before,
    .uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before {
        left: 30px
    }

    .uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,
    .uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin {
        margin-top: 60px
    }

    .uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before {
        top: -30px;
        left: 60px
    }

    .uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before {
        top: -30px
    }

    .uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before {
        left: 60px
    }

    .uk-grid-divider.uk-grid-column-large,
    .uk-grid-divider.uk-grid-large {
        margin-left: -80px
    }

    .uk-grid-divider.uk-grid-column-large>*,
    .uk-grid-divider.uk-grid-large>* {
        padding-left: 80px
    }

    .uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,
    .uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before {
        left: 40px
    }

    .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
    .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin {
        margin-top: 80px
    }

    .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before {
        top: -40px;
        left: 80px
    }

    .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
        top: -40px
    }

    .uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
        left: 80px
    }

    @media (min-width:1200px) {

        .uk-grid-divider.uk-grid-column-large,
        .uk-grid-divider.uk-grid-large {
            margin-left: -140px
        }

        .uk-grid-divider.uk-grid-column-large>*,
        .uk-grid-divider.uk-grid-large>* {
            padding-left: 140px
        }

        .uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,
        .uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before {
            left: 70px
        }

        .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,
        .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin {
            margin-top: 140px
        }

        .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before {
            top: -70px;
            left: 140px
        }

        .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before {
            top: -70px
        }

        .uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before {
            left: 140px
        }
    }

    .uk-grid-item-match,
    .uk-grid-match>* {
        display: flex;
        flex-wrap: wrap
    }

    .uk-grid-item-match>:not([class*=uk-width]),
    .uk-grid-match>*>:not([class*=uk-width]) {
        box-sizing: border-box;
        width: 100%;
        flex: auto
    }

    .uk-nav,
    .uk-nav ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .uk-nav li>a {
        display: flex;
        align-items: center;
        column-gap: .25em;
        text-decoration: none
    }

    .uk-nav>li>a {
        padding: 5px 0
    }

    ul.uk-nav-sub {
        padding: 5px 0 5px 15px
    }

    .uk-nav-sub ul {
        padding-left: 15px
    }

    .uk-nav-sub a {
        padding: 2px 0
    }

    .uk-nav-parent-icon {
        margin-left: auto;
        transition: transform .3s ease-out
    }

    .uk-nav>li.uk-open>a .uk-nav-parent-icon {
        transform: rotateX(180deg)
    }

    .uk-nav-header {
        padding: 5px 0;
        text-transform: uppercase;
        font-size: .875rem
    }

    .uk-nav-header:not(:first-child) {
        margin-top: 20px
    }

    .uk-nav .uk-nav-divider {
        margin: 5px 0
    }

    .uk-nav-default {
        font-size: .875rem;
        line-height: 1.5
    }

    .uk-nav-default>li>a {
        color: #999
    }

    .uk-nav-default>li>a:hover {
        color: #666
    }

    .uk-nav-default>li.uk-active>a {
        color: #333
    }

    .uk-nav-default .uk-nav-subtitle {
        font-size: 12px
    }

    .uk-nav-default .uk-nav-header {
        color: #333
    }

    .uk-nav-default .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-nav-default .uk-nav-sub {
        font-size: .875rem;
        line-height: 1.5
    }

    .uk-nav-default .uk-nav-sub a {
        color: #999
    }

    .uk-nav-default .uk-nav-sub a:hover {
        color: #666
    }

    .uk-nav-default .uk-nav-sub li.uk-active>a {
        color: #333
    }

    .uk-nav-primary {
        font-size: 1.5rem;
        line-height: 1.5
    }

    .uk-nav-primary>li>a {
        color: #999
    }

    .uk-nav-primary>li>a:hover {
        color: #666
    }

    .uk-nav-primary>li.uk-active>a {
        color: #333
    }

    .uk-nav-primary .uk-nav-subtitle {
        font-size: 1.25rem
    }

    .uk-nav-primary .uk-nav-header {
        color: #333
    }

    .uk-nav-primary .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-nav-primary .uk-nav-sub {
        font-size: 1.25rem;
        line-height: 1.5
    }

    .uk-nav-primary .uk-nav-sub a {
        color: #999
    }

    .uk-nav-primary .uk-nav-sub a:hover {
        color: #666
    }

    .uk-nav-primary .uk-nav-sub li.uk-active>a {
        color: #333
    }

    .uk-nav-secondary {
        font-size: 16px;
        line-height: 1.5
    }

    .uk-nav-secondary>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider) {
        margin-top: 0
    }

    .uk-nav-secondary>li>a {
        color: #333;
        padding: 10px 10px
    }

    .uk-nav-secondary>li>a:hover {
        color: #333;
        background-color: #f8f8f8
    }

    .uk-nav-secondary>li.uk-active>a {
        color: #333;
        background-color: #f8f8f8
    }

    .uk-nav-secondary .uk-nav-subtitle {
        font-size: .875rem;
        color: #999
    }

    .uk-nav-secondary>li>a:hover .uk-nav-subtitle {
        color: #666
    }

    .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle {
        color: #333
    }

    .uk-nav-secondary .uk-nav-header {
        color: #333
    }

    .uk-nav-secondary .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-nav-secondary .uk-nav-sub {
        font-size: .875rem;
        line-height: 1.5
    }

    .uk-nav-secondary .uk-nav-sub a {
        color: #999
    }

    .uk-nav-secondary .uk-nav-sub a:hover {
        color: #666
    }

    .uk-nav-secondary .uk-nav-sub li.uk-active>a {
        color: #333
    }

    .uk-nav-medium {
        font-size: 2.8875rem;
        line-height: 1
    }

    .uk-nav-large {
        font-size: 3.4rem;
        line-height: 1
    }

    .uk-nav-xlarge {
        font-size: 4rem;
        line-height: 1
    }

    @media (min-width:960px) {
        .uk-nav-medium {
            font-size: 3.5rem
        }

        .uk-nav-large {
            font-size: 4rem
        }

        .uk-nav-xlarge {
            font-size: 6rem
        }
    }

    @media (min-width:1200px) {
        .uk-nav-medium {
            font-size: 4rem
        }

        .uk-nav-large {
            font-size: 6rem
        }

        .uk-nav-xlarge {
            font-size: 8rem
        }
    }

    .uk-nav-center {
        text-align: center
    }

    .uk-nav-center li>a {
        justify-content: center
    }

    .uk-nav-center .uk-nav-sub,
    .uk-nav-center .uk-nav-sub ul {
        padding-left: 0
    }

    .uk-nav-center .uk-nav-parent-icon {
        margin-left: .25em
    }

    .uk-nav.uk-nav-divider>:not(.uk-nav-header, .uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider) {
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px solid #e5e5e5
    }

    .uk-navbar {
        display: flex;
        position: relative
    }

    .uk-navbar-container:not(.uk-navbar-transparent) {
        background: #f8f8f8
    }

    .uk-navbar-left,
    .uk-navbar-right,
    [class*=uk-navbar-center] {
        display: flex;
        gap: 15px;
        align-items: center
    }

    .uk-navbar-right {
        margin-left: auto
    }

    .uk-navbar-center:only-child {
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

    .uk-navbar-center:not(:only-child) {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: max-content;
        box-sizing: border-box;
        z-index: 990
    }

    .uk-navbar-center-left,
    .uk-navbar-center-right {
        position: absolute;
        top: 0
    }

    .uk-navbar-center-left {
        right: calc(100% + 15px)
    }

    .uk-navbar-center-right {
        left: calc(100% + 15px)
    }

    [class*=uk-navbar-center-] {
        width: max-content;
        box-sizing: border-box
    }

    .uk-navbar-nav {
        display: flex;
        gap: 15px;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .uk-navbar-center:only-child,
    .uk-navbar-left,
    .uk-navbar-right {
        flex-wrap: wrap
    }

    .uk-navbar-item,
    .uk-navbar-nav>li>a,
    .uk-navbar-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: .25em;
        box-sizing: border-box;
        min-height: 80px;
        font-size: .875rem;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        text-decoration: none
    }

    .uk-navbar-nav>li>a {
        padding: 0 0;
        color: #999;
        text-transform: uppercase;
        transition: .1s ease-in-out;
        transition-property: color, background-color
    }

    .uk-navbar-nav>li:hover>a,
    .uk-navbar-nav>li>a[aria-expanded=true] {
        color: #666
    }

    .uk-navbar-nav>li>a:active {
        color: #333
    }

    .uk-navbar-nav>li.uk-active>a {
        color: #333
    }

    .uk-navbar-parent-icon {
        margin-left: 4px;
        transition: transform .3s ease-out
    }

    .uk-navbar-nav>li>a[aria-expanded=true] .uk-navbar-parent-icon {
        transform: rotateX(180deg)
    }

    .uk-navbar-item {
        padding: 0 0;
        color: #666
    }

    .uk-navbar-item>:last-child {
        margin-bottom: 0
    }

    .uk-navbar-toggle {
        padding: 0 0;
        color: #999
    }

    .uk-navbar-toggle:hover,
    .uk-navbar-toggle[aria-expanded=true] {
        color: #666;
        text-decoration: none
    }

    .uk-navbar-subtitle {
        font-size: .875rem
    }

    .uk-navbar-justify .uk-navbar-item,
    .uk-navbar-justify .uk-navbar-left,
    .uk-navbar-justify .uk-navbar-nav,
    .uk-navbar-justify .uk-navbar-nav>li,
    .uk-navbar-justify .uk-navbar-right,
    .uk-navbar-justify .uk-navbar-toggle {
        flex-grow: 1
    }

    .uk-navbar-dropdown {
        --uk-position-offset: 15px;
        --uk-position-shift-offset: 0;
        --uk-position-viewport-offset: 15px;
        --uk-inverse: dark;
        width: 200px;
        padding: 25px;
        background: #fff;
        color: #666;
        box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
    }

    .uk-navbar-dropdown>:last-child {
        margin-bottom: 0
    }

    .uk-navbar-dropdown :focus-visible {
        outline-color: #333 !important
    }

    .uk-navbar-dropdown .uk-drop-grid {
        margin-left: -30px
    }

    .uk-navbar-dropdown .uk-drop-grid>* {
        padding-left: 30px
    }

    .uk-navbar-dropdown .uk-drop-grid>.uk-grid-margin {
        margin-top: 30px
    }

    .uk-navbar-dropdown-width-2:not(.uk-drop-stack) {
        width: 400px
    }

    .uk-navbar-dropdown-width-3:not(.uk-drop-stack) {
        width: 600px
    }

    .uk-navbar-dropdown-width-4:not(.uk-drop-stack) {
        width: 800px
    }

    .uk-navbar-dropdown-width-5:not(.uk-drop-stack) {
        width: 1000px
    }

    .uk-navbar-dropdown-large {
        --uk-position-shift-offset: 0;
        padding: 40px
    }

    .uk-navbar-dropdown-dropbar {
        width: auto;
        background: 0 0;
        padding: 25px 0 25px 0;
        --uk-position-offset: 0;
        --uk-position-shift-offset: 0;
        --uk-position-viewport-offset: 15px;
        box-shadow: none
    }

    @media (min-width:640px) {
        .uk-navbar-dropdown-dropbar {
            --uk-position-viewport-offset: 30px
        }
    }

    @media (min-width:960px) {
        .uk-navbar-dropdown-dropbar {
            --uk-position-viewport-offset: 40px
        }
    }

    .uk-navbar-dropdown-dropbar-large {
        --uk-position-shift-offset: 0;
        padding-top: 40px;
        padding-bottom: 40px
    }

    .uk-navbar-dropdown-nav {
        font-size: .875rem
    }

    .uk-navbar-dropdown-nav>li>a {
        color: #999
    }

    .uk-navbar-dropdown-nav>li>a:hover {
        color: #666
    }

    .uk-navbar-dropdown-nav>li.uk-active>a {
        color: #333
    }

    .uk-navbar-dropdown-nav .uk-nav-subtitle {
        font-size: 12px
    }

    .uk-navbar-dropdown-nav .uk-nav-header {
        color: #333
    }

    .uk-navbar-dropdown-nav .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-navbar-dropdown-nav .uk-nav-sub a {
        color: #999
    }

    .uk-navbar-dropdown-nav .uk-nav-sub a:hover {
        color: #666
    }

    .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a {
        color: #333
    }

    .uk-navbar-container {
        transition: .1s ease-in-out;
        transition-property: background-color
    }

    @media (min-width:960px) {

        .uk-navbar-left,
        .uk-navbar-right,
        [class*=uk-navbar-center] {
            gap: 30px
        }

        .uk-navbar-center-left {
            right: calc(100% + 30px)
        }

        .uk-navbar-center-right {
            left: calc(100% + 30px)
        }
    }

    @media (min-width:960px) {
        .uk-navbar-nav {
            gap: 30px
        }
    }

    .uk-subnav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: -20px;
        padding: 0;
        list-style: none
    }

    .uk-subnav>* {
        flex: none;
        padding-left: 20px;
        position: relative
    }

    .uk-subnav>*>:first-child {
        display: flex;
        align-items: center;
        column-gap: .25em;
        color: #999;
        font-size: .875rem;
        text-transform: uppercase;
        transition: .1s ease-in-out;
        transition-property: color, background-color
    }

    .uk-subnav>*>a:hover {
        color: #666;
        text-decoration: none
    }

    .uk-subnav>.uk-active>a {
        color: #333
    }

    .uk-subnav-divider {
        margin-left: -41px
    }

    .uk-subnav-divider>* {
        display: flex;
        align-items: center
    }

    .uk-subnav-divider>::before {
        content: "";
        height: 1.5em;
        margin-left: 0;
        margin-right: 20px;
        border-left: 1px solid transparent
    }

    .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
        border-left-color: #e5e5e5
    }

    .uk-subnav-pill>*>:first-child {
        padding: 5px 10px;
        background: 0 0;
        color: #999
    }

    .uk-subnav-pill>*>a:hover {
        background-color: #f8f8f8;
        color: #666
    }

    .uk-subnav-pill>*>a:active {
        background-color: #f8f8f8;
        color: #666
    }

    .uk-subnav-pill>.uk-active>a {
        background-color: #1e87f0;
        color: #fff
    }

    .uk-subnav>.uk-disabled>a {
        color: #999
    }

    .uk-breadcrumb {
        padding: 0;
        list-style: none
    }

    .uk-breadcrumb>* {
        display: contents
    }

    .uk-breadcrumb>*>* {
        font-size: .875rem;
        color: #999
    }

    .uk-breadcrumb>*>:hover {
        color: #666;
        text-decoration: none
    }

    .uk-breadcrumb>:last-child>a:not([href]),
    .uk-breadcrumb>:last-child>span {
        color: #666
    }

    .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
        content: "/";
        display: inline-block;
        margin: 0 20px 0 calc(20px - 4px);
        font-size: .875rem;
        color: #999
    }

    .uk-pagination {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 0;
        padding: 0;
        list-style: none
    }

    .uk-pagination>* {
        flex: none;
        padding-left: 0;
        position: relative
    }

    .uk-pagination>*>* {
        display: flex;
        align-items: center;
        column-gap: .25em;
        padding: 5px 10px;
        color: #999;
        transition: color .1s ease-in-out
    }

    .uk-pagination>*>:hover {
        color: #666;
        text-decoration: none
    }

    .uk-pagination>.uk-active>* {
        color: #666
    }

    .uk-pagination>.uk-disabled>* {
        color: #999
    }

    .uk-tab {
        display: flex;
        flex-wrap: wrap;
        margin-left: -20px;
        padding: 0;
        list-style: none;
        position: relative
    }

    .uk-tab::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 0;
        border-bottom: 1px solid #e5e5e5
    }

    .uk-tab>* {
        flex: none;
        padding-left: 20px;
        position: relative
    }

    .uk-tab>*>a {
        display: flex;
        align-items: center;
        column-gap: .25em;
        justify-content: center;
        padding: 5px 10px;
        color: #999;
        border-bottom: 1px solid transparent;
        font-size: .875rem;
        text-transform: uppercase;
        transition: color .1s ease-in-out
    }

    .uk-tab>*>a:hover {
        color: #666;
        text-decoration: none
    }

    .uk-tab>.uk-active>a {
        color: #333;
        border-color: #1e87f0
    }

    .uk-tab>.uk-disabled>a {
        color: #999
    }

    .uk-tab-bottom::before {
        top: 0;
        bottom: auto
    }

    .uk-tab-bottom>*>a {
        border-top: 1px solid transparent;
        border-bottom: none
    }

    .uk-tab-left,
    .uk-tab-right {
        flex-direction: column;
        margin-left: 0
    }

    .uk-tab-left>*,
    .uk-tab-right>* {
        padding-left: 0
    }

    .uk-tab-left::before {
        top: 0;
        bottom: 0;
        left: auto;
        right: 0;
        border-left: 1px solid #e5e5e5;
        border-bottom: none
    }

    .uk-tab-right::before {
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        border-left: 1px solid #e5e5e5;
        border-bottom: none
    }

    .uk-tab-left>*>a {
        justify-content: left;
        border-right: 1px solid transparent;
        border-bottom: none
    }

    .uk-tab-right>*>a {
        justify-content: left;
        border-left: 1px solid transparent;
        border-bottom: none
    }

    .uk-tab .uk-dropdown {
        margin-left: 30px
    }

    .uk-slidenav {
        padding: 5px 10px;
        color: rgba(102, 102, 102, .5);
        transition: color .1s ease-in-out
    }

    .uk-slidenav:hover {
        color: rgba(102, 102, 102, .9)
    }

    .uk-slidenav:active {
        color: rgba(102, 102, 102, .5)
    }

    .uk-slidenav-large {
        padding: 10px 10px
    }

    .uk-slidenav-container {
        display: flex
    }

    .uk-dotnav {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-left: -12px
    }

    .uk-dotnav>* {
        flex: none;
        padding-left: 12px
    }

    .uk-dotnav>*>* {
        display: block;
        box-sizing: border-box;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: 0 0;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
        border: 1px solid rgba(102, 102, 102, .4);
        transition: .2s ease-in-out;
        transition-property: background-color, border-color
    }

    .uk-dotnav>*>:hover {
        background-color: rgba(102, 102, 102, .6);
        border-color: transparent
    }

    .uk-dotnav>*>:active {
        background-color: rgba(102, 102, 102, .2);
        border-color: transparent
    }

    .uk-dotnav>.uk-active>* {
        background-color: rgba(102, 102, 102, .6);
        border-color: transparent
    }

    .uk-dotnav-vertical {
        flex-direction: column;
        margin-left: 0;
        margin-top: -12px
    }

    .uk-dotnav-vertical>* {
        padding-left: 0;
        padding-top: 12px
    }

    .uk-dropdown {
        --uk-position-offset: 10px;
        --uk-position-viewport-offset: 15px;
        --uk-inverse: dark;
        width: auto;
        min-width: 200px;
        padding: 25px;
        background: #fff;
        color: #666;
        box-shadow: 0 5px 12px rgba(0, 0, 0, .15)
    }

    .uk-dropdown>:last-child {
        margin-bottom: 0
    }

    .uk-dropdown :focus-visible {
        outline-color: #333 !important
    }

    .uk-dropdown-large {
        padding: 40px
    }

    .uk-dropdown-dropbar {
        width: auto;
        background: 0 0;
        padding: 5px 0 25px 0;
        --uk-position-viewport-offset: 15px;
        box-shadow: none
    }

    @media (min-width:640px) {
        .uk-dropdown-dropbar {
            --uk-position-viewport-offset: 30px
        }
    }

    @media (min-width:960px) {
        .uk-dropdown-dropbar {
            --uk-position-viewport-offset: 40px
        }
    }

    .uk-dropdown-dropbar-large {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .uk-dropdown-nav {
        font-size: .875rem
    }

    .uk-dropdown-nav>li>a {
        color: #999
    }

    .uk-dropdown-nav>li.uk-active>a,
    .uk-dropdown-nav>li>a:hover {
        color: #666
    }

    .uk-dropdown-nav .uk-nav-subtitle {
        font-size: 12px
    }

    .uk-dropdown-nav .uk-nav-header {
        color: #333
    }

    .uk-dropdown-nav .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-dropdown-nav .uk-nav-sub a {
        color: #999
    }

    .uk-dropdown-nav .uk-nav-sub a:hover,
    .uk-dropdown-nav .uk-nav-sub li.uk-active>a {
        color: #666
    }

    .uk-lightbox {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1010;
        background: #000;
        opacity: 0;
        transition: opacity .15s linear;
        touch-action: pinch-zoom
    }

    .uk-lightbox.uk-open {
        display: block;
        opacity: 1
    }

    .uk-lightbox :focus-visible {
        outline-color: rgba(255, 255, 255, .7)
    }

    .uk-lightbox-page {
        overflow: hidden
    }

    .uk-lightbox-items>* {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
        justify-content: center;
        align-items: center;
        color: rgba(255, 255, 255, .7);
        will-change: transform, opacity
    }

    .uk-lightbox-items>*>* {
        max-width: 100vw;
        max-height: 100vh
    }

    .uk-lightbox-items>*>:not(iframe) {
        width: auto;
        height: auto
    }

    .uk-lightbox-items>.uk-active {
        display: flex
    }

    .uk-lightbox-toolbar {
        padding: 10px 10px;
        background: rgba(0, 0, 0, .3);
        color: rgba(255, 255, 255, .7)
    }

    .uk-lightbox-toolbar>* {
        color: rgba(255, 255, 255, .7)
    }

    .uk-lightbox-toolbar-icon {
        padding: 5px;
        color: rgba(255, 255, 255, .7)
    }

    .uk-lightbox-toolbar-icon:hover {
        color: #fff
    }

    .uk-lightbox-button {
        box-sizing: border-box;
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, .3);
        color: rgba(255, 255, 255, .7);
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    .uk-lightbox-button:hover {
        color: #fff
    }

    .uk-lightbox-caption:empty {
        display: none
    }

    .uk-lightbox-iframe {
        width: 80%;
        height: 80%
    }

    [class*=uk-animation-] {
        animation: .5s ease-out both
    }

    .uk-animation-fade {
        animation-name: uk-fade;
        animation-duration: .8s;
        animation-timing-function: linear
    }

    .uk-animation-scale-up {
        animation-name: uk-fade, uk-scale-up
    }

    .uk-animation-scale-down {
        animation-name: uk-fade, uk-scale-down
    }

    .uk-animation-slide-top {
        animation-name: uk-fade, uk-slide-top
    }

    .uk-animation-slide-bottom {
        animation-name: uk-fade, uk-slide-bottom
    }

    .uk-animation-slide-left {
        animation-name: uk-fade, uk-slide-left
    }

    .uk-animation-slide-right {
        animation-name: uk-fade, uk-slide-right
    }

    .uk-animation-slide-top-small {
        animation-name: uk-fade, uk-slide-top-small
    }

    .uk-animation-slide-bottom-small {
        animation-name: uk-fade, uk-slide-bottom-small
    }

    .uk-animation-slide-left-small {
        animation-name: uk-fade, uk-slide-left-small
    }

    .uk-animation-slide-right-small {
        animation-name: uk-fade, uk-slide-right-small
    }

    .uk-animation-slide-top-medium {
        animation-name: uk-fade, uk-slide-top-medium
    }

    .uk-animation-slide-bottom-medium {
        animation-name: uk-fade, uk-slide-bottom-medium
    }

    .uk-animation-slide-left-medium {
        animation-name: uk-fade, uk-slide-left-medium
    }

    .uk-animation-slide-right-medium {
        animation-name: uk-fade, uk-slide-right-medium
    }

    .uk-animation-kenburns {
        animation-name: uk-kenburns;
        animation-duration: 15s
    }

    .uk-animation-shake {
        animation-name: uk-shake
    }

    .uk-animation-stroke {
        animation-name: uk-stroke;
        animation-duration: 2s;
        stroke-dasharray: var(--uk-animation-stroke)
    }

    .uk-animation-reverse {
        animation-direction: reverse;
        animation-timing-function: ease-in
    }

    .uk-animation-fast {
        animation-duration: .1s
    }

    .uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
        animation-name: none
    }

    @keyframes uk-fade {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes uk-scale-up {
        0% {
            transform: scale(.9)
        }

        100% {
            transform: scale(1)
        }
    }

    @keyframes uk-scale-down {
        0% {
            transform: scale(1.1)
        }

        100% {
            transform: scale(1)
        }
    }

    @keyframes uk-slide-top {
        0% {
            transform: translateY(-100%)
        }

        100% {
            transform: translateY(0)
        }
    }

    @keyframes uk-slide-bottom {
        0% {
            transform: translateY(100%)
        }

        100% {
            transform: translateY(0)
        }
    }

    @keyframes uk-slide-left {
        0% {
            transform: translateX(-100%)
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes uk-slide-right {
        0% {
            transform: translateX(100%)
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes uk-slide-top-small {
        0% {
            transform: translateY(-10px)
        }

        100% {
            transform: translateY(0)
        }
    }

    @keyframes uk-slide-bottom-small {
        0% {
            transform: translateY(10px)
        }

        100% {
            transform: translateY(0)
        }
    }

    @keyframes uk-slide-left-small {
        0% {
            transform: translateX(-10px)
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes uk-slide-right-small {
        0% {
            transform: translateX(10px)
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes uk-slide-top-medium {
        0% {
            transform: translateY(-50px)
        }

        100% {
            transform: translateY(0)
        }
    }

    @keyframes uk-slide-bottom-medium {
        0% {
            transform: translateY(50px)
        }

        100% {
            transform: translateY(0)
        }
    }

    @keyframes uk-slide-left-medium {
        0% {
            transform: translateX(-50px)
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes uk-slide-right-medium {
        0% {
            transform: translateX(50px)
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes uk-kenburns {
        0% {
            transform: scale(1)
        }

        100% {
            transform: scale(1.2)
        }
    }

    @keyframes uk-shake {

        0%,
        100% {
            transform: translateX(0)
        }

        10% {
            transform: translateX(-9px)
        }

        20% {
            transform: translateX(8px)
        }

        30% {
            transform: translateX(-7px)
        }

        40% {
            transform: translateX(6px)
        }

        50% {
            transform: translateX(-5px)
        }

        60% {
            transform: translateX(4px)
        }

        70% {
            transform: translateX(-3px)
        }

        80% {
            transform: translateX(2px)
        }

        90% {
            transform: translateX(-1px)
        }
    }

    @keyframes uk-stroke {
        0% {
            stroke-dashoffset: var(--uk-animation-stroke)
        }

        100% {
            stroke-dashoffset: 0
        }
    }

    [class*=uk-child-width]>* {
        box-sizing: border-box;
        width: 100%
    }

    .uk-child-width-1-2>* {
        width: 50%
    }

    .uk-child-width-1-3>* {
        width: calc(100% / 3)
    }

    .uk-child-width-1-4>* {
        width: 25%
    }

    .uk-child-width-1-5>* {
        width: 20%
    }

    .uk-child-width-1-6>* {
        width: calc(100% / 6)
    }

    .uk-child-width-auto>* {
        width: auto
    }

    .uk-child-width-expand>:not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }

    @media (min-width:640px) {
        .uk-child-width-1-1\@s>* {
            width: 100%
        }

        .uk-child-width-1-2\@s>* {
            width: 50%
        }

        .uk-child-width-1-3\@s>* {
            width: calc(100% / 3)
        }

        .uk-child-width-1-4\@s>* {
            width: 25%
        }

        .uk-child-width-1-5\@s>* {
            width: 20%
        }

        .uk-child-width-1-6\@s>* {
            width: calc(100% / 6)
        }

        .uk-child-width-auto\@s>* {
            width: auto
        }

        .uk-child-width-expand\@s>:not([class*=uk-width]) {
            flex: 1;
            min-width: 1px
        }

        .uk-child-width-1-1\@s>:not([class*=uk-width]),
        .uk-child-width-1-2\@s>:not([class*=uk-width]),
        .uk-child-width-1-3\@s>:not([class*=uk-width]),
        .uk-child-width-1-4\@s>:not([class*=uk-width]),
        .uk-child-width-1-5\@s>:not([class*=uk-width]),
        .uk-child-width-1-6\@s>:not([class*=uk-width]),
        .uk-child-width-auto\@s>:not([class*=uk-width]) {
            flex: initial
        }
    }

    @media (min-width:960px) {
        .uk-child-width-1-1\@m>* {
            width: 100%
        }

        .uk-child-width-1-2\@m>* {
            width: 50%
        }

        .uk-child-width-1-3\@m>* {
            width: calc(100% / 3)
        }

        .uk-child-width-1-4\@m>* {
            width: 25%
        }

        .uk-child-width-1-5\@m>* {
            width: 20%
        }

        .uk-child-width-1-6\@m>* {
            width: calc(100% / 6)
        }

        .uk-child-width-auto\@m>* {
            width: auto
        }

        .uk-child-width-expand\@m>:not([class*=uk-width]) {
            flex: 1;
            min-width: 1px
        }

        .uk-child-width-1-1\@m>:not([class*=uk-width]),
        .uk-child-width-1-2\@m>:not([class*=uk-width]),
        .uk-child-width-1-3\@m>:not([class*=uk-width]),
        .uk-child-width-1-4\@m>:not([class*=uk-width]),
        .uk-child-width-1-5\@m>:not([class*=uk-width]),
        .uk-child-width-1-6\@m>:not([class*=uk-width]),
        .uk-child-width-auto\@m>:not([class*=uk-width]) {
            flex: initial
        }
    }

    @media (min-width:1200px) {
        .uk-child-width-1-1\@l>* {
            width: 100%
        }

        .uk-child-width-1-2\@l>* {
            width: 50%
        }

        .uk-child-width-1-3\@l>* {
            width: calc(100% / 3)
        }

        .uk-child-width-1-4\@l>* {
            width: 25%
        }

        .uk-child-width-1-5\@l>* {
            width: 20%
        }

        .uk-child-width-1-6\@l>* {
            width: calc(100% / 6)
        }

        .uk-child-width-auto\@l>* {
            width: auto
        }

        .uk-child-width-expand\@l>:not([class*=uk-width]) {
            flex: 1;
            min-width: 1px
        }

        .uk-child-width-1-1\@l>:not([class*=uk-width]),
        .uk-child-width-1-2\@l>:not([class*=uk-width]),
        .uk-child-width-1-3\@l>:not([class*=uk-width]),
        .uk-child-width-1-4\@l>:not([class*=uk-width]),
        .uk-child-width-1-5\@l>:not([class*=uk-width]),
        .uk-child-width-1-6\@l>:not([class*=uk-width]),
        .uk-child-width-auto\@l>:not([class*=uk-width]) {
            flex: initial
        }
    }

    @media (min-width:1600px) {
        .uk-child-width-1-1\@xl>* {
            width: 100%
        }

        .uk-child-width-1-2\@xl>* {
            width: 50%
        }

        .uk-child-width-1-3\@xl>* {
            width: calc(100% / 3)
        }

        .uk-child-width-1-4\@xl>* {
            width: 25%
        }

        .uk-child-width-1-5\@xl>* {
            width: 20%
        }

        .uk-child-width-1-6\@xl>* {
            width: calc(100% / 6)
        }

        .uk-child-width-auto\@xl>* {
            width: auto
        }

        .uk-child-width-expand\@xl>:not([class*=uk-width]) {
            flex: 1;
            min-width: 1px
        }

        .uk-child-width-1-1\@xl>:not([class*=uk-width]),
        .uk-child-width-1-2\@xl>:not([class*=uk-width]),
        .uk-child-width-1-3\@xl>:not([class*=uk-width]),
        .uk-child-width-1-4\@xl>:not([class*=uk-width]),
        .uk-child-width-1-5\@xl>:not([class*=uk-width]),
        .uk-child-width-1-6\@xl>:not([class*=uk-width]),
        .uk-child-width-auto\@xl>:not([class*=uk-width]) {
            flex: initial
        }
    }

    [class*=uk-width] {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%
    }

    .uk-width-1-2 {
        width: 50%
    }

    .uk-width-1-3 {
        width: calc(100% / 3)
    }

    .uk-width-2-3 {
        width: calc(200% / 3)
    }

    .uk-width-1-4 {
        width: 25%
    }

    .uk-width-3-4 {
        width: 75%
    }

    .uk-width-1-5 {
        width: 20%
    }

    .uk-width-2-5 {
        width: 40%
    }

    .uk-width-3-5 {
        width: 60%
    }

    .uk-width-4-5 {
        width: 80%
    }

    .uk-width-1-6 {
        width: calc(100% / 6)
    }

    .uk-width-5-6 {
        width: calc(500% / 6)
    }

    .uk-width-small {
        width: 150px
    }

    .uk-width-medium {
        width: 300px
    }

    .uk-width-large {
        width: 450px
    }

    .uk-width-xlarge {
        width: 600px
    }

    .uk-width-2xlarge {
        width: 750px
    }

    .uk-width-auto {
        width: auto
    }

    .uk-width-expand {
        flex: 1;
        min-width: 1px
    }

    @media (min-width:640px) {
        .uk-width-1-1\@s {
            width: 100%
        }

        .uk-width-1-2\@s {
            width: 50%
        }

        .uk-width-1-3\@s {
            width: calc(100% / 3)
        }

        .uk-width-2-3\@s {
            width: calc(200% / 3)
        }

        .uk-width-1-4\@s {
            width: 25%
        }

        .uk-width-3-4\@s {
            width: 75%
        }

        .uk-width-1-5\@s {
            width: 20%
        }

        .uk-width-2-5\@s {
            width: 40%
        }

        .uk-width-3-5\@s {
            width: 60%
        }

        .uk-width-4-5\@s {
            width: 80%
        }

        .uk-width-1-6\@s {
            width: calc(100% / 6)
        }

        .uk-width-5-6\@s {
            width: calc(500% / 6)
        }

        .uk-width-small\@s {
            width: 150px
        }

        .uk-width-medium\@s {
            width: 300px
        }

        .uk-width-large\@s {
            width: 450px
        }

        .uk-width-xlarge\@s {
            width: 600px
        }

        .uk-width-2xlarge\@s {
            width: 750px
        }

        .uk-width-auto\@s {
            width: auto
        }

        .uk-width-expand\@s {
            flex: 1;
            min-width: 1px
        }

        .uk-width-1-1\@s,
        .uk-width-1-2\@s,
        .uk-width-1-3\@s,
        .uk-width-1-4\@s,
        .uk-width-1-5\@s,
        .uk-width-1-6\@s,
        .uk-width-2-3\@s,
        .uk-width-2-5\@s,
        .uk-width-2xlarge\@s,
        .uk-width-3-4\@s,
        .uk-width-3-5\@s,
        .uk-width-4-5\@s,
        .uk-width-5-6\@s,
        .uk-width-auto\@s,
        .uk-width-large\@s,
        .uk-width-medium\@s,
        .uk-width-small\@s,
        .uk-width-xlarge\@s {
            flex: initial
        }
    }

    @media (min-width:960px) {
        .uk-width-1-1\@m {
            width: 100%
        }

        .uk-width-1-2\@m {
            width: 50%
        }

        .uk-width-1-3\@m {
            width: calc(100% / 3)
        }

        .uk-width-2-3\@m {
            width: calc(200% / 3)
        }

        .uk-width-1-4\@m {
            width: 25%
        }

        .uk-width-3-4\@m {
            width: 75%
        }

        .uk-width-1-5\@m {
            width: 20%
        }

        .uk-width-2-5\@m {
            width: 40%
        }

        .uk-width-3-5\@m {
            width: 60%
        }

        .uk-width-4-5\@m {
            width: 80%
        }

        .uk-width-1-6\@m {
            width: calc(100% / 6)
        }

        .uk-width-5-6\@m {
            width: calc(500% / 6)
        }

        .uk-width-small\@m {
            width: 150px
        }

        .uk-width-medium\@m {
            width: 300px
        }

        .uk-width-large\@m {
            width: 450px
        }

        .uk-width-xlarge\@m {
            width: 600px
        }

        .uk-width-2xlarge\@m {
            width: 750px
        }

        .uk-width-auto\@m {
            width: auto
        }

        .uk-width-expand\@m {
            flex: 1;
            min-width: 1px
        }

        .uk-width-1-1\@m,
        .uk-width-1-2\@m,
        .uk-width-1-3\@m,
        .uk-width-1-4\@m,
        .uk-width-1-5\@m,
        .uk-width-1-6\@m,
        .uk-width-2-3\@m,
        .uk-width-2-5\@m,
        .uk-width-2xlarge\@m,
        .uk-width-3-4\@m,
        .uk-width-3-5\@m,
        .uk-width-4-5\@m,
        .uk-width-5-6\@m,
        .uk-width-auto\@m,
        .uk-width-large\@m,
        .uk-width-medium\@m,
        .uk-width-small\@m,
        .uk-width-xlarge\@m {
            flex: initial
        }
    }

    @media (min-width:1200px) {
        .uk-width-1-1\@l {
            width: 100%
        }

        .uk-width-1-2\@l {
            width: 50%
        }

        .uk-width-1-3\@l {
            width: calc(100% / 3)
        }

        .uk-width-2-3\@l {
            width: calc(200% / 3)
        }

        .uk-width-1-4\@l {
            width: 25%
        }

        .uk-width-3-4\@l {
            width: 75%
        }

        .uk-width-1-5\@l {
            width: 20%
        }

        .uk-width-2-5\@l {
            width: 40%
        }

        .uk-width-3-5\@l {
            width: 60%
        }

        .uk-width-4-5\@l {
            width: 80%
        }

        .uk-width-1-6\@l {
            width: calc(100% / 6)
        }

        .uk-width-5-6\@l {
            width: calc(500% / 6)
        }

        .uk-width-small\@l {
            width: 150px
        }

        .uk-width-medium\@l {
            width: 300px
        }

        .uk-width-large\@l {
            width: 450px
        }

        .uk-width-xlarge\@l {
            width: 600px
        }

        .uk-width-2xlarge\@l {
            width: 750px
        }

        .uk-width-auto\@l {
            width: auto
        }

        .uk-width-expand\@l {
            flex: 1;
            min-width: 1px
        }

        .uk-width-1-1\@l,
        .uk-width-1-2\@l,
        .uk-width-1-3\@l,
        .uk-width-1-4\@l,
        .uk-width-1-5\@l,
        .uk-width-1-6\@l,
        .uk-width-2-3\@l,
        .uk-width-2-5\@l,
        .uk-width-2xlarge\@l,
        .uk-width-3-4\@l,
        .uk-width-3-5\@l,
        .uk-width-4-5\@l,
        .uk-width-5-6\@l,
        .uk-width-auto\@l,
        .uk-width-large\@l,
        .uk-width-medium\@l,
        .uk-width-small\@l,
        .uk-width-xlarge\@l {
            flex: initial
        }
    }

    @media (min-width:1600px) {
        .uk-width-1-1\@xl {
            width: 100%
        }

        .uk-width-1-2\@xl {
            width: 50%
        }

        .uk-width-1-3\@xl {
            width: calc(100% / 3)
        }

        .uk-width-2-3\@xl {
            width: calc(200% / 3)
        }

        .uk-width-1-4\@xl {
            width: 25%
        }

        .uk-width-3-4\@xl {
            width: 75%
        }

        .uk-width-1-5\@xl {
            width: 20%
        }

        .uk-width-2-5\@xl {
            width: 40%
        }

        .uk-width-3-5\@xl {
            width: 60%
        }

        .uk-width-4-5\@xl {
            width: 80%
        }

        .uk-width-1-6\@xl {
            width: calc(100% / 6)
        }

        .uk-width-5-6\@xl {
            width: calc(500% / 6)
        }

        .uk-width-small\@xl {
            width: 150px
        }

        .uk-width-medium\@xl {
            width: 300px
        }

        .uk-width-large\@xl {
            width: 450px
        }

        .uk-width-xlarge\@xl {
            width: 600px
        }

        .uk-width-2xlarge\@xl {
            width: 750px
        }

        .uk-width-auto\@xl {
            width: auto
        }

        .uk-width-expand\@xl {
            flex: 1;
            min-width: 1px
        }

        .uk-width-1-1\@xl,
        .uk-width-1-2\@xl,
        .uk-width-1-3\@xl,
        .uk-width-1-4\@xl,
        .uk-width-1-5\@xl,
        .uk-width-1-6\@xl,
        .uk-width-2-3\@xl,
        .uk-width-2-5\@xl,
        .uk-width-2xlarge\@xl,
        .uk-width-3-4\@xl,
        .uk-width-3-5\@xl,
        .uk-width-4-5\@xl,
        .uk-width-5-6\@xl,
        .uk-width-auto\@xl,
        .uk-width-large\@xl,
        .uk-width-medium\@xl,
        .uk-width-small\@xl,
        .uk-width-xlarge\@xl {
            flex: initial
        }
    }

    .uk-width-max-content {
        width: max-content
    }

    .uk-width-min-content {
        width: min-content
    }

    [class*=uk-height] {
        box-sizing: border-box
    }

    .uk-height-1-1 {
        height: 100%
    }

    .uk-height-viewport {
        min-height: 100vh
    }

    .uk-height-viewport-2 {
        min-height: 200vh
    }

    .uk-height-viewport-3 {
        min-height: 300vh
    }

    .uk-height-viewport-4 {
        min-height: 400vh
    }

    .uk-height-small {
        height: 150px
    }

    .uk-height-medium {
        height: 300px
    }

    .uk-height-large {
        height: 450px
    }

    .uk-height-max-small {
        max-height: 150px
    }

    .uk-height-max-medium {
        max-height: 300px
    }

    .uk-height-max-large {
        max-height: 450px
    }

    .uk-text-lead {
        font-size: 1.5rem;
        line-height: 1.5;
        color: #333
    }

    .uk-text-meta {
        font-size: .875rem;
        line-height: 1.4;
        color: #999
    }

    .uk-text-meta>a {
        color: #999
    }

    .uk-text-meta>a:hover {
        color: #666;
        text-decoration: none
    }

    .uk-text-small {
        font-size: .875rem;
        line-height: 1.5
    }

    .uk-text-large {
        font-size: 1.5rem;
        line-height: 1.5
    }

    .uk-text-default {
        font-size: 16px;
        line-height: 1.5
    }

    .uk-text-light {
        font-weight: 300
    }

    .uk-text-normal {
        font-weight: 400
    }

    .uk-text-bold {
        font-weight: 700
    }

    .uk-text-lighter {
        font-weight: lighter
    }

    .uk-text-bolder {
        font-weight: bolder
    }

    .uk-text-italic {
        font-style: italic
    }

    .uk-text-capitalize {
        text-transform: capitalize !important
    }

    .uk-text-uppercase {
        text-transform: uppercase !important
    }

    .uk-text-lowercase {
        text-transform: lowercase !important
    }

    .uk-text-decoration-none {
        text-decoration: none !important
    }

    .uk-text-muted {
        color: #999 !important
    }

    .uk-text-emphasis {
        color: #333 !important
    }

    .uk-text-primary {
        color: #1e87f0 !important
    }

    .uk-text-secondary {
        color: #222 !important
    }

    .uk-text-success {
        color: #32d296 !important
    }

    .uk-text-warning {
        color: #faa05a !important
    }

    .uk-text-danger {
        color: #f0506e !important
    }

    .uk-text-background {
        -webkit-background-clip: text;
        color: transparent !important;
        display: inline-block;
        background-color: #1e87f0;
        background-image: linear-gradient(90deg, #1e87f0 0, #411ef0 100%)
    }

    .uk-text-left {
        text-align: left !important
    }

    .uk-text-right {
        text-align: right !important
    }

    .uk-text-center {
        text-align: center !important
    }

    .uk-text-justify {
        text-align: justify !important
    }

    @media (min-width:640px) {
        .uk-text-left\@s {
            text-align: left !important
        }

        .uk-text-right\@s {
            text-align: right !important
        }

        .uk-text-center\@s {
            text-align: center !important
        }
    }

    @media (min-width:960px) {
        .uk-text-left\@m {
            text-align: left !important
        }

        .uk-text-right\@m {
            text-align: right !important
        }

        .uk-text-center\@m {
            text-align: center !important
        }
    }

    @media (min-width:1200px) {
        .uk-text-left\@l {
            text-align: left !important
        }

        .uk-text-right\@l {
            text-align: right !important
        }

        .uk-text-center\@l {
            text-align: center !important
        }
    }

    @media (min-width:1600px) {
        .uk-text-left\@xl {
            text-align: left !important
        }

        .uk-text-right\@xl {
            text-align: right !important
        }

        .uk-text-center\@xl {
            text-align: center !important
        }
    }

    .uk-text-top {
        vertical-align: top !important
    }

    .uk-text-middle {
        vertical-align: middle !important
    }

    .uk-text-bottom {
        vertical-align: bottom !important
    }

    .uk-text-baseline {
        vertical-align: baseline !important
    }

    .uk-text-nowrap {
        white-space: nowrap
    }

    .uk-text-truncate {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    td.uk-text-truncate,
    th.uk-text-truncate {
        max-width: 0
    }

    .uk-text-break {
        overflow-wrap: break-word
    }

    td.uk-text-break,
    th.uk-text-break {
        word-break: break-word
    }

    [class*=uk-column-] {
        column-gap: 30px
    }

    @media (min-width:1200px) {
        [class*=uk-column-] {
            column-gap: 40px
        }
    }

    [class*=uk-column-] img,
    [class*=uk-column-] mip-img {
        transform: translate3d(0, 0, 0)
    }

    .uk-column-divider {
        column-rule: 1px solid #e5e5e5;
        column-gap: 60px
    }

    @media (min-width:1200px) {
        .uk-column-divider {
            column-gap: 80px
        }
    }

    .uk-column-1-2 {
        column-count: 2
    }

    .uk-column-1-3 {
        column-count: 3
    }

    .uk-column-1-4 {
        column-count: 4
    }

    .uk-column-1-5 {
        column-count: 5
    }

    .uk-column-1-6 {
        column-count: 6
    }

    @media (min-width:640px) {
        .uk-column-1-2\@s {
            column-count: 2
        }

        .uk-column-1-3\@s {
            column-count: 3
        }

        .uk-column-1-4\@s {
            column-count: 4
        }

        .uk-column-1-5\@s {
            column-count: 5
        }

        .uk-column-1-6\@s {
            column-count: 6
        }
    }

    @media (min-width:960px) {
        .uk-column-1-2\@m {
            column-count: 2
        }

        .uk-column-1-3\@m {
            column-count: 3
        }

        .uk-column-1-4\@m {
            column-count: 4
        }

        .uk-column-1-5\@m {
            column-count: 5
        }

        .uk-column-1-6\@m {
            column-count: 6
        }
    }

    @media (min-width:1200px) {
        .uk-column-1-2\@l {
            column-count: 2
        }

        .uk-column-1-3\@l {
            column-count: 3
        }

        .uk-column-1-4\@l {
            column-count: 4
        }

        .uk-column-1-5\@l {
            column-count: 5
        }

        .uk-column-1-6\@l {
            column-count: 6
        }
    }

    @media (min-width:1600px) {
        .uk-column-1-2\@xl {
            column-count: 2
        }

        .uk-column-1-3\@xl {
            column-count: 3
        }

        .uk-column-1-4\@xl {
            column-count: 4
        }

        .uk-column-1-5\@xl {
            column-count: 5
        }

        .uk-column-1-6\@xl {
            column-count: 6
        }
    }

    .uk-column-span {
        column-span: all
    }

    [data-uk-cover]:where(canvas, iframe, svg),
    [uk-cover]:where(canvas, iframe, svg) {
        max-width: none;
        position: absolute;
        left: 50%;
        top: 50%;
        --uk-position-translate-x: -50%;
        --uk-position-translate-y: -50%;
        transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y))
    }

    iframe[data-uk-cover],
    iframe[uk-cover] {
        pointer-events: none
    }

    [data-uk-cover]:where(img, mip-img, video),
    [uk-cover]:where(img, mip-img, video) {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        object-fit: cover;
        object-position: center
    }

    .uk-cover-container {
        overflow: hidden;
        position: relative
    }

    .uk-background-default {
        background-color: #fff
    }

    .uk-background-muted {
        background-color: #f8f8f8
    }

    .uk-background-primary {
        background-color: #1e87f0
    }

    .uk-background-secondary {
        background-color: #222
    }

    .uk-background-contain,
    .uk-background-cover,
    .uk-background-height-1-1,
    .uk-background-width-1-1 {
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    .uk-background-cover {
        background-size: cover
    }

    .uk-background-contain {
        background-size: contain
    }

    .uk-background-width-1-1 {
        background-size: 100%
    }

    .uk-background-height-1-1 {
        background-size: auto 100%
    }

    .uk-background-top-left {
        background-position: 0 0
    }

    .uk-background-top-center {
        background-position: 50% 0
    }

    .uk-background-top-right {
        background-position: 100% 0
    }

    .uk-background-center-left {
        background-position: 0 50%
    }

    .uk-background-center-center {
        background-position: 50% 50%
    }

    .uk-background-center-right {
        background-position: 100% 50%
    }

    .uk-background-bottom-left {
        background-position: 0 100%
    }

    .uk-background-bottom-center {
        background-position: 50% 100%
    }

    .uk-background-bottom-right {
        background-position: 100% 100%
    }

    .uk-background-norepeat {
        background-repeat: no-repeat
    }

    .uk-background-fixed {
        background-attachment: fixed
    }

    @media (pointer:coarse) {
        .uk-background-fixed {
            background-attachment: scroll
        }
    }

    @media (max-width:639px) {
        .uk-background-image\@s {
            background-image: none !important
        }
    }

    @media (max-width:959px) {
        .uk-background-image\@m {
            background-image: none !important
        }
    }

    @media (max-width:1199px) {
        .uk-background-image\@l {
            background-image: none !important
        }
    }

    @media (max-width:1599px) {
        .uk-background-image\@xl {
            background-image: none !important
        }
    }

    .uk-background-blend-multiply {
        background-blend-mode: multiply
    }

    .uk-background-blend-screen {
        background-blend-mode: screen
    }

    .uk-background-blend-overlay {
        background-blend-mode: overlay
    }

    .uk-background-blend-darken {
        background-blend-mode: darken
    }

    .uk-background-blend-lighten {
        background-blend-mode: lighten
    }

    .uk-background-blend-color-dodge {
        background-blend-mode: color-dodge
    }

    .uk-background-blend-color-burn {
        background-blend-mode: color-burn
    }

    .uk-background-blend-hard-light {
        background-blend-mode: hard-light
    }

    .uk-background-blend-soft-light {
        background-blend-mode: soft-light
    }

    .uk-background-blend-difference {
        background-blend-mode: difference
    }

    .uk-background-blend-exclusion {
        background-blend-mode: exclusion
    }

    .uk-background-blend-hue {
        background-blend-mode: hue
    }

    .uk-background-blend-saturation {
        background-blend-mode: saturation
    }

    .uk-background-blend-color {
        background-blend-mode: color
    }

    .uk-background-blend-luminosity {
        background-blend-mode: luminosity
    }

    [class*=uk-align] {
        display: block;
        margin-bottom: 30px
    }

    *+[class*=uk-align] {
        margin-top: 30px
    }

    .uk-align-center {
        margin-left: auto;
        margin-right: auto
    }

    .uk-align-left {
        margin-top: 0;
        margin-right: 30px;
        float: left
    }

    .uk-align-right {
        margin-top: 0;
        margin-left: 30px;
        float: right
    }

    @media (min-width:640px) {
        .uk-align-left\@s {
            margin-top: 0;
            margin-right: 30px;
            float: left
        }

        .uk-align-right\@s {
            margin-top: 0;
            margin-left: 30px;
            float: right
        }
    }

    @media (min-width:960px) {
        .uk-align-left\@m {
            margin-top: 0;
            margin-right: 30px;
            float: left
        }

        .uk-align-right\@m {
            margin-top: 0;
            margin-left: 30px;
            float: right
        }
    }

    @media (min-width:1200px) {
        .uk-align-left\@l {
            margin-top: 0;
            float: left
        }

        .uk-align-right\@l {
            margin-top: 0;
            float: right
        }

        .uk-align-left,
        .uk-align-left\@l,
        .uk-align-left\@m,
        .uk-align-left\@s {
            margin-right: 40px
        }

        .uk-align-right,
        .uk-align-right\@l,
        .uk-align-right\@m,
        .uk-align-right\@s {
            margin-left: 40px
        }
    }

    @media (min-width:1600px) {
        .uk-align-left\@xl {
            margin-top: 0;
            margin-right: 40px;
            float: left
        }

        .uk-align-right\@xl {
            margin-top: 0;
            margin-left: 40px;
            float: right
        }
    }

    .uk-svg,
    .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
        fill: currentcolor
    }

    .uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
        stroke: currentcolor
    }

    .uk-svg {
        transform: translate(0, 0)
    }

    .uk-panel {
        display: flow-root;
        position: relative;
        box-sizing: border-box
    }

    .uk-panel>:last-child {
        margin-bottom: 0
    }

    .uk-panel-scrollable {
        height: 170px;
        padding: 10px;
        border: 1px solid #e5e5e5;
        overflow: auto;
        resize: both
    }

    .uk-clearfix::before {
        content: "";
        display: table-cell
    }

    .uk-clearfix::after {
        content: "";
        display: table;
        clear: both
    }

    .uk-float-left {
        float: left
    }

    .uk-float-right {
        float: right
    }

    [class*=uk-float-] {
        max-width: 100%
    }

    .uk-overflow-hidden {
        overflow: hidden
    }

    .uk-overflow-auto {
        overflow: auto
    }

    .uk-overflow-auto>:last-child {
        margin-bottom: 0
    }

    .uk-box-sizing-content {
        box-sizing: content-box
    }

    .uk-box-sizing-border {
        box-sizing: border-box
    }

    .uk-resize {
        resize: both
    }

    .uk-resize-horizontal {
        resize: horizontal
    }

    .uk-resize-vertical {
        resize: vertical
    }

    .uk-display-block {
        display: block !important
    }

    .uk-display-inline {
        display: inline !important
    }

    .uk-display-inline-block {
        display: inline-block !important
    }

    [class*=uk-inline] {
        display: inline-block;
        position: relative;
        max-width: 100%;
        vertical-align: middle;
        -webkit-backface-visibility: hidden
    }

    .uk-inline-clip {
        overflow: hidden
    }

    .uk-preserve-width,
    .uk-preserve-width canvas,
    .uk-preserve-width img,
    .uk-preserve-width mip-img,
    .uk-preserve-width svg,
    .uk-preserve-width video {
        max-width: none
    }

    .uk-responsive-height,
    .uk-responsive-width {
        box-sizing: border-box
    }

    .uk-responsive-width {
        max-width: 100% !important;
        height: auto
    }

    .uk-responsive-height {
        max-height: 100%;
        width: auto;
        max-width: none
    }

    [data-uk-responsive],
    [uk-responsive] {
        max-width: 100%
    }

    .uk-object-cover {
        object-fit: cover
    }

    .uk-object-contain {
        object-fit: contain
    }

    .uk-object-fill {
        object-fit: fill
    }

    .uk-object-none {
        object-fit: none
    }

    .uk-object-scale-down {
        object-fit: scale-down
    }

    .uk-object-top-left {
        object-position: 0 0
    }

    .uk-object-top-center {
        object-position: 50% 0
    }

    .uk-object-top-right {
        object-position: 100% 0
    }

    .uk-object-center-left {
        object-position: 0 50%
    }

    .uk-object-center-center {
        object-position: 50% 50%
    }

    .uk-object-center-right {
        object-position: 100% 50%
    }

    .uk-object-bottom-left {
        object-position: 0 100%
    }

    .uk-object-bottom-center {
        object-position: 50% 100%
    }

    .uk-object-bottom-right {
        object-position: 100% 100%
    }

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

    .uk-border-pill {
        border-radius: 500px
    }

    .uk-border-rounded {
        border-radius: 5px
    }

    .uk-inline-clip[class*=uk-border-] {
        -webkit-transform: translateZ(0)
    }

    .uk-box-shadow-small {
        box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
    }

    .uk-box-shadow-medium {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
    }

    .uk-box-shadow-large {
        box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
    }

    .uk-box-shadow-xlarge {
        box-shadow: 0 28px 50px rgba(0, 0, 0, .16)
    }

    [class*=uk-box-shadow-hover] {
        transition: box-shadow .1s ease-in-out
    }

    .uk-box-shadow-hover-small:hover {
        box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
    }

    .uk-box-shadow-hover-medium:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .08)
    }

    .uk-box-shadow-hover-large:hover {
        box-shadow: 0 14px 25px rgba(0, 0, 0, .16)
    }

    .uk-box-shadow-hover-xlarge:hover {
        box-shadow: 0 28px 50px rgba(0, 0, 0, .16)
    }

    @supports (filter:blur(0)) {
        .uk-box-shadow-bottom {
            display: inline-block;
            position: relative;
            z-index: 0;
            max-width: 100%;
            vertical-align: middle
        }

        .uk-box-shadow-bottom::after {
            content: "";
            position: absolute;
            bottom: -30px;
            left: 0;
            right: 0;
            z-index: -1;
            height: 30px;
            border-radius: 100%;
            background: #444;
            filter: blur(20px);
            will-change: filter
        }
    }

    .uk-dropcap::first-letter,
    .uk-dropcap>p:first-of-type::first-letter {
        display: block;
        margin-right: 10px;
        float: left;
        font-size: 4.5em;
        line-height: 1;
        margin-bottom: -2px
    }

    @-moz-document url-prefix() {

        .uk-dropcap::first-letter,
        .uk-dropcap>p:first-of-type::first-letter {
            margin-top: 1.1%
        }
    }

    .uk-logo {
        font-size: 1.5rem;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #333;
        text-decoration: none
    }

    :where(.uk-logo) {
        display: inline-block;
        vertical-align: middle
    }

    .uk-logo:hover {
        color: #333;
        text-decoration: none
    }

    .uk-logo :where(img, mip-img, svg, video) {
        display: block
    }

    .uk-logo-inverse {
        display: none
    }

    .uk-disabled {
        pointer-events: none
    }

    .uk-drag,
    .uk-drag * {
        cursor: move
    }

    .uk-drag iframe {
        pointer-events: none
    }

    .uk-dragover {
        box-shadow: 0 0 20px rgba(100, 100, 100, .3)
    }

    .uk-blend-multiply {
        mix-blend-mode: multiply
    }

    .uk-blend-screen {
        mix-blend-mode: screen
    }

    .uk-blend-overlay {
        mix-blend-mode: overlay
    }

    .uk-blend-darken {
        mix-blend-mode: darken
    }

    .uk-blend-lighten {
        mix-blend-mode: lighten
    }

    .uk-blend-color-dodge {
        mix-blend-mode: color-dodge
    }

    .uk-blend-color-burn {
        mix-blend-mode: color-burn
    }

    .uk-blend-hard-light {
        mix-blend-mode: hard-light
    }

    .uk-blend-soft-light {
        mix-blend-mode: soft-light
    }

    .uk-blend-difference {
        mix-blend-mode: difference
    }

    .uk-blend-exclusion {
        mix-blend-mode: exclusion
    }

    .uk-blend-hue {
        mix-blend-mode: hue
    }

    .uk-blend-saturation {
        mix-blend-mode: saturation
    }

    .uk-blend-color {
        mix-blend-mode: color
    }

    .uk-blend-luminosity {
        mix-blend-mode: luminosity
    }

    .uk-transform-center {
        transform: translate(-50%, -50%)
    }

    .uk-transform-origin-top-left {
        transform-origin: 0 0
    }

    .uk-transform-origin-top-center {
        transform-origin: 50% 0
    }

    .uk-transform-origin-top-right {
        transform-origin: 100% 0
    }

    .uk-transform-origin-center-left {
        transform-origin: 0 50%
    }

    .uk-transform-origin-center-right {
        transform-origin: 100% 50%
    }

    .uk-transform-origin-bottom-left {
        transform-origin: 0 100%
    }

    .uk-transform-origin-bottom-center {
        transform-origin: 50% 100%
    }

    .uk-transform-origin-bottom-right {
        transform-origin: 100% 100%
    }

    .uk-flex {
        display: flex
    }

    .uk-flex-inline {
        display: inline-flex
    }

    .uk-flex-left {
        justify-content: flex-start
    }

    .uk-flex-center {
        justify-content: center
    }

    .uk-flex-right {
        justify-content: flex-end
    }

    .uk-flex-between {
        justify-content: space-between
    }

    .uk-flex-around {
        justify-content: space-around
    }

    @media (min-width:640px) {
        .uk-flex-left\@s {
            justify-content: flex-start
        }

        .uk-flex-center\@s {
            justify-content: center
        }

        .uk-flex-right\@s {
            justify-content: flex-end
        }

        .uk-flex-between\@s {
            justify-content: space-between
        }

        .uk-flex-around\@s {
            justify-content: space-around
        }
    }

    @media (min-width:960px) {
        .uk-flex-left\@m {
            justify-content: flex-start
        }

        .uk-flex-center\@m {
            justify-content: center
        }

        .uk-flex-right\@m {
            justify-content: flex-end
        }

        .uk-flex-between\@m {
            justify-content: space-between
        }

        .uk-flex-around\@m {
            justify-content: space-around
        }
    }

    @media (min-width:1200px) {
        .uk-flex-left\@l {
            justify-content: flex-start
        }

        .uk-flex-center\@l {
            justify-content: center
        }

        .uk-flex-right\@l {
            justify-content: flex-end
        }

        .uk-flex-between\@l {
            justify-content: space-between
        }

        .uk-flex-around\@l {
            justify-content: space-around
        }
    }

    @media (min-width:1600px) {
        .uk-flex-left\@xl {
            justify-content: flex-start
        }

        .uk-flex-center\@xl {
            justify-content: center
        }

        .uk-flex-right\@xl {
            justify-content: flex-end
        }

        .uk-flex-between\@xl {
            justify-content: space-between
        }

        .uk-flex-around\@xl {
            justify-content: space-around
        }
    }

    .uk-flex-stretch {
        align-items: stretch
    }

    .uk-flex-top {
        align-items: flex-start
    }

    .uk-flex-middle {
        align-items: center
    }

    .uk-flex-bottom {
        align-items: flex-end
    }

    @media (min-width:640px) {
        .uk-flex-stretch\@s {
            align-items: stretch
        }

        .uk-flex-top\@s {
            align-items: flex-start
        }

        .uk-flex-middle\@s {
            align-items: center
        }

        .uk-flex-bottom\@s {
            align-items: flex-end
        }
    }

    @media (min-width:960px) {
        .uk-flex-stretch\@m {
            align-items: stretch
        }

        .uk-flex-top\@m {
            align-items: flex-start
        }

        .uk-flex-middle\@m {
            align-items: center
        }

        .uk-flex-bottom\@m {
            align-items: flex-end
        }
    }

    @media (min-width:1200px) {
        .uk-flex-stretch\@l {
            align-items: stretch
        }

        .uk-flex-top\@l {
            align-items: flex-start
        }

        .uk-flex-middle\@l {
            align-items: center
        }

        .uk-flex-bottom\@l {
            align-items: flex-end
        }
    }

    @media (min-width:1600px) {
        .uk-flex-stretch\@xl {
            align-items: stretch
        }

        .uk-flex-top\@xl {
            align-items: flex-start
        }

        .uk-flex-middle\@xl {
            align-items: center
        }

        .uk-flex-bottom\@xl {
            align-items: flex-end
        }
    }

    .uk-flex-row {
        flex-direction: row
    }

    .uk-flex-row-reverse {
        flex-direction: row-reverse
    }

    .uk-flex-column {
        flex-direction: column
    }

    .uk-flex-column-reverse {
        flex-direction: column-reverse
    }

    @media (min-width:640px) {
        .uk-flex-row\@s {
            flex-direction: row
        }

        .uk-flex-column\@s {
            flex-direction: column
        }
    }

    @media (min-width:960px) {
        .uk-flex-row\@m {
            flex-direction: row
        }

        .uk-flex-column\@m {
            flex-direction: column
        }
    }

    @media (min-width:1200px) {
        .uk-flex-row\@l {
            flex-direction: row
        }

        .uk-flex-column\@l {
            flex-direction: column
        }
    }

    @media (min-width:1600px) {
        .uk-flex-row\@xl {
            flex-direction: row
        }

        .uk-flex-column\@xl {
            flex-direction: column
        }
    }

    .uk-flex-nowrap {
        flex-wrap: nowrap
    }

    .uk-flex-wrap {
        flex-wrap: wrap
    }

    .uk-flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .uk-flex-wrap-stretch {
        align-content: stretch
    }

    .uk-flex-wrap-top {
        align-content: flex-start
    }

    .uk-flex-wrap-middle {
        align-content: center
    }

    .uk-flex-wrap-bottom {
        align-content: flex-end
    }

    .uk-flex-wrap-between {
        align-content: space-between
    }

    .uk-flex-wrap-around {
        align-content: space-around
    }

    .uk-flex-first {
        order: -1
    }

    .uk-flex-last {
        order: 99
    }

    @media (min-width:640px) {
        .uk-flex-first\@s {
            order: -1
        }

        .uk-flex-last\@s {
            order: 99
        }
    }

    @media (min-width:960px) {
        .uk-flex-first\@m {
            order: -1
        }

        .uk-flex-last\@m {
            order: 99
        }
    }

    @media (min-width:1200px) {
        .uk-flex-first\@l {
            order: -1
        }

        .uk-flex-last\@l {
            order: 99
        }
    }

    @media (min-width:1600px) {
        .uk-flex-first\@xl {
            order: -1
        }

        .uk-flex-last\@xl {
            order: 99
        }
    }

    .uk-flex-initial {
        flex: initial
    }

    .uk-flex-none {
        flex: none
    }

    .uk-flex-auto {
        flex: auto
    }

    .uk-flex-1 {
        flex: 1
    }

    @media (min-width:640px) {
        .uk-flex-initial\@s {
            flex: initial
        }

        .uk-flex-none\@s {
            flex: none
        }

        .uk-flex-1\@s {
            flex: 1
        }
    }

    @media (min-width:960px) {
        .uk-flex-initial\@m {
            flex: initial
        }

        .uk-flex-none\@m {
            flex: none
        }

        .uk-flex-1\@m {
            flex: 1
        }
    }

    @media (min-width:1200px) {
        .uk-flex-initial\@l {
            flex: initial
        }

        .uk-flex-none\@l {
            flex: none
        }

        .uk-flex-1\@l {
            flex: 1
        }
    }

    @media (min-width:1600px) {
        .uk-flex-initial\@xl {
            flex: initial
        }

        .uk-flex-none\@xl {
            flex: none
        }

        .uk-flex-1\@xl {
            flex: 1
        }
    }

    .uk-margin {
        margin-bottom: 20px
    }

    *+.uk-margin {
        margin-top: 20px !important
    }

    .uk-margin-top {
        margin-top: 20px !important
    }

    .uk-margin-bottom {
        margin-bottom: 20px !important
    }

    .uk-margin-left {
        margin-left: 20px !important
    }

    .uk-margin-right {
        margin-right: 20px !important
    }

    .uk-margin-small {
        margin-bottom: 10px
    }

    *+.uk-margin-small {
        margin-top: 10px !important
    }

    .uk-margin-small-top {
        margin-top: 10px !important
    }

    .uk-margin-small-bottom {
        margin-bottom: 10px !important
    }

    .uk-margin-small-left {
        margin-left: 10px !important
    }

    .uk-margin-small-right {
        margin-right: 10px !important
    }

    .uk-margin-medium {
        margin-bottom: 40px
    }

    *+.uk-margin-medium {
        margin-top: 40px !important
    }

    .uk-margin-medium-top {
        margin-top: 40px !important
    }

    .uk-margin-medium-bottom {
        margin-bottom: 40px !important
    }

    .uk-margin-medium-left {
        margin-left: 40px !important
    }

    .uk-margin-medium-right {
        margin-right: 40px !important
    }

    .uk-margin-large {
        margin-bottom: 40px
    }

    *+.uk-margin-large {
        margin-top: 40px !important
    }

    .uk-margin-large-top {
        margin-top: 40px !important
    }

    .uk-margin-large-bottom {
        margin-bottom: 40px !important
    }

    .uk-margin-large-left {
        margin-left: 40px !important
    }

    .uk-margin-large-right {
        margin-right: 40px !important
    }

    @media (min-width:1200px) {
        .uk-margin-large {
            margin-bottom: 70px
        }

        *+.uk-margin-large {
            margin-top: 70px !important
        }

        .uk-margin-large-top {
            margin-top: 70px !important
        }

        .uk-margin-large-bottom {
            margin-bottom: 70px !important
        }

        .uk-margin-large-left {
            margin-left: 70px !important
        }

        .uk-margin-large-right {
            margin-right: 70px !important
        }
    }

    .uk-margin-xlarge {
        margin-bottom: 70px
    }

    *+.uk-margin-xlarge {
        margin-top: 70px !important
    }

    .uk-margin-xlarge-top {
        margin-top: 70px !important
    }

    .uk-margin-xlarge-bottom {
        margin-bottom: 70px !important
    }

    .uk-margin-xlarge-left {
        margin-left: 70px !important
    }

    .uk-margin-xlarge-right {
        margin-right: 70px !important
    }

    @media (min-width:1200px) {
        .uk-margin-xlarge {
            margin-bottom: 140px
        }

        *+.uk-margin-xlarge {
            margin-top: 140px !important
        }

        .uk-margin-xlarge-top {
            margin-top: 140px !important
        }

        .uk-margin-xlarge-bottom {
            margin-bottom: 140px !important
        }

        .uk-margin-xlarge-left {
            margin-left: 140px !important
        }

        .uk-margin-xlarge-right {
            margin-right: 140px !important
        }
    }

    .uk-margin-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .uk-margin-auto-top {
        margin-top: auto !important
    }

    .uk-margin-auto-bottom {
        margin-bottom: auto !important
    }

    .uk-margin-auto-left {
        margin-left: auto !important
    }

    .uk-margin-auto-right {
        margin-right: auto !important
    }

    .uk-margin-auto-vertical {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    @media (min-width:640px) {
        .uk-margin-auto\@s {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .uk-margin-auto-left\@s {
            margin-left: auto !important
        }

        .uk-margin-auto-right\@s {
            margin-right: auto !important
        }
    }

    @media (min-width:960px) {
        .uk-margin-auto\@m {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .uk-margin-auto-left\@m {
            margin-left: auto !important
        }

        .uk-margin-auto-right\@m {
            margin-right: auto !important
        }
    }

    @media (min-width:1200px) {
        .uk-margin-auto\@l {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .uk-margin-auto-left\@l {
            margin-left: auto !important
        }

        .uk-margin-auto-right\@l {
            margin-right: auto !important
        }
    }

    @media (min-width:1600px) {
        .uk-margin-auto\@xl {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .uk-margin-auto-left\@xl {
            margin-left: auto !important
        }

        .uk-margin-auto-right\@xl {
            margin-right: auto !important
        }
    }

    .uk-margin-remove {
        margin: 0 !important
    }

    .uk-margin-remove-top {
        margin-top: 0 !important
    }

    .uk-margin-remove-bottom {
        margin-bottom: 0 !important
    }

    .uk-margin-remove-left {
        margin-left: 0 !important
    }

    .uk-margin-remove-right {
        margin-right: 0 !important
    }

    .uk-margin-remove-vertical {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .uk-margin-remove-adjacent+*,
    .uk-margin-remove-first-child>:first-child {
        margin-top: 0 !important
    }

    .uk-margin-remove-last-child>:last-child {
        margin-bottom: 0 !important
    }

    @media (min-width:640px) {
        .uk-margin-remove-left\@s {
            margin-left: 0 !important
        }

        .uk-margin-remove-right\@s {
            margin-right: 0 !important
        }
    }

    @media (min-width:960px) {
        .uk-margin-remove-left\@m {
            margin-left: 0 !important
        }

        .uk-margin-remove-right\@m {
            margin-right: 0 !important
        }
    }

    @media (min-width:1200px) {
        .uk-margin-remove-left\@l {
            margin-left: 0 !important
        }

        .uk-margin-remove-right\@l {
            margin-right: 0 !important
        }
    }

    @media (min-width:1600px) {
        .uk-margin-remove-left\@xl {
            margin-left: 0 !important
        }

        .uk-margin-remove-right\@xl {
            margin-right: 0 !important
        }
    }

    .uk-padding {
        padding: 30px
    }

    @media (min-width:1200px) {
        .uk-padding {
            padding: 40px
        }
    }

    .uk-padding-small {
        padding: 15px
    }

    .uk-padding-large {
        padding: 40px
    }

    @media (min-width:1200px) {
        .uk-padding-large {
            padding: 70px
        }
    }

    .uk-padding-remove {
        padding: 0 !important
    }

    .uk-padding-remove-top {
        padding-top: 0 !important
    }

    .uk-padding-remove-bottom {
        padding-bottom: 0 !important
    }

    .uk-padding-remove-left {
        padding-left: 0 !important
    }

    .uk-padding-remove-right {
        padding-right: 0 !important
    }

    .uk-padding-remove-vertical {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .uk-padding-remove-horizontal {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    :root {
        --uk-position-margin-offset: 0px
    }

    [class*=uk-position-bottom],
    [class*=uk-position-center],
    [class*=uk-position-left],
    [class*=uk-position-right],
    [class*=uk-position-top] {
        position: absolute !important;
        max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
        box-sizing: border-box
    }

    .uk-position-top {
        top: 0;
        left: 0;
        right: 0
    }

    .uk-position-bottom {
        bottom: 0;
        left: 0;
        right: 0
    }

    .uk-position-left {
        top: 0;
        bottom: 0;
        left: 0
    }

    .uk-position-right {
        top: 0;
        bottom: 0;
        right: 0
    }

    .uk-position-top-left {
        top: 0;
        left: 0
    }

    .uk-position-top-right {
        top: 0;
        right: 0
    }

    .uk-position-bottom-left {
        bottom: 0;
        left: 0
    }

    .uk-position-bottom-right {
        bottom: 0;
        right: 0
    }

    .uk-position-center {
        top: calc(50% - var(--uk-position-margin-offset));
        left: calc(50% - var(--uk-position-margin-offset));
        --uk-position-translate-x: -50%;
        --uk-position-translate-y: -50%;
        transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
        width: max-content
    }

    .uk-position-center-vertical,
    [class*=uk-position-center-left],
    [class*=uk-position-center-right] {
        top: calc(50% - var(--uk-position-margin-offset));
        --uk-position-translate-y: -50%;
        transform: translate(0, var(--uk-position-translate-y))
    }

    .uk-position-center-left {
        left: 0
    }

    .uk-position-center-right {
        right: 0
    }

    .uk-position-center-vertical {
        left: 0;
        right: 0
    }

    .uk-position-center-left-out {
        right: 100%;
        width: max-content
    }

    .uk-position-center-right-out {
        left: 100%;
        width: max-content
    }

    .uk-position-bottom-center,
    .uk-position-center-horizontal,
    .uk-position-top-center {
        left: calc(50% - var(--uk-position-margin-offset));
        --uk-position-translate-x: -50%;
        transform: translate(var(--uk-position-translate-x), 0);
        width: max-content
    }

    .uk-position-top-center {
        top: 0
    }

    .uk-position-bottom-center {
        bottom: 0
    }

    .uk-position-center-horizontal {
        top: 0;
        bottom: 0
    }

    .uk-position-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .uk-position-small {
        margin: 15px;
        --uk-position-margin-offset: 15px
    }

    .uk-position-medium {
        margin: 30px;
        --uk-position-margin-offset: 30px
    }

    .uk-position-large {
        margin: 30px;
        --uk-position-margin-offset: 30px
    }

    @media (min-width:1200px) {
        .uk-position-large {
            margin: 50px;
            --uk-position-margin-offset: 50px
        }
    }

    .uk-position-relative {
        position: relative !important
    }

    .uk-position-absolute {
        position: absolute !important
    }

    .uk-position-fixed {
        position: fixed !important
    }

    .uk-position-sticky {
        position: sticky !important
    }

    .uk-position-z-index {
        z-index: 1
    }

    .uk-position-z-index-zero {
        z-index: 0
    }

    .uk-position-z-index-negative {
        z-index: -1
    }

    .uk-position-z-index-high {
        z-index: 990
    }

    :where(.uk-transition-fade),
    :where([class*=uk-transition-scale]),
    :where([class*=uk-transition-slide]) {
        --uk-position-translate-x: 0;
        --uk-position-translate-y: 0
    }

    .uk-transition-fade,
    [class*=uk-transition-scale],
    [class*=uk-transition-slide] {
        --uk-translate-x: 0;
        --uk-translate-y: 0;
        --uk-scale-x: 1;
        --uk-scale-y: 1;
        transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y));
        transition: .3s ease-out;
        transition-property: opacity, transform, filter;
        opacity: 0
    }

    .uk-transition-active.uk-active .uk-transition-fade,
    .uk-transition-toggle:focus .uk-transition-fade,
    .uk-transition-toggle:focus-within .uk-transition-fade,
    .uk-transition-toggle:hover .uk-transition-fade {
        opacity: 1
    }

    [class*=uk-transition-scale] {
        -webkit-backface-visibility: hidden
    }

    .uk-transition-scale-up {
        --uk-scale-x: 1;
        --uk-scale-y: 1
    }

    .uk-transition-scale-down {
        --uk-scale-x: 1.03;
        --uk-scale-y: 1.03
    }

    .uk-transition-active.uk-active .uk-transition-scale-up,
    .uk-transition-toggle:focus .uk-transition-scale-up,
    .uk-transition-toggle:focus-within .uk-transition-scale-up,
    .uk-transition-toggle:hover .uk-transition-scale-up {
        --uk-scale-x: 1.03;
        --uk-scale-y: 1.03;
        opacity: 1
    }

    .uk-transition-active.uk-active .uk-transition-scale-down,
    .uk-transition-toggle:focus .uk-transition-scale-down,
    .uk-transition-toggle:focus-within .uk-transition-scale-down,
    .uk-transition-toggle:hover .uk-transition-scale-down {
        --uk-scale-x: 1;
        --uk-scale-y: 1;
        opacity: 1
    }

    .uk-transition-slide-top {
        --uk-translate-y: -100%
    }

    .uk-transition-slide-bottom {
        --uk-translate-y: 100%
    }

    .uk-transition-slide-left {
        --uk-translate-x: -100%
    }

    .uk-transition-slide-right {
        --uk-translate-x: 100%
    }

    .uk-transition-slide-top-small {
        --uk-translate-y: calc(-1 * 10px)
    }

    .uk-transition-slide-bottom-small {
        --uk-translate-y: 10px
    }

    .uk-transition-slide-left-small {
        --uk-translate-x: calc(-1 * 10px)
    }

    .uk-transition-slide-right-small {
        --uk-translate-x: 10px
    }

    .uk-transition-slide-top-medium {
        --uk-translate-y: calc(-1 * 50px)
    }

    .uk-transition-slide-bottom-medium {
        --uk-translate-y: 50px
    }

    .uk-transition-slide-left-medium {
        --uk-translate-x: calc(-1 * 50px)
    }

    .uk-transition-slide-right-medium {
        --uk-translate-x: 50px
    }

    .uk-transition-active.uk-active [class*=uk-transition-slide],
    .uk-transition-toggle:focus [class*=uk-transition-slide],
    .uk-transition-toggle:focus-within [class*=uk-transition-slide],
    .uk-transition-toggle:hover [class*=uk-transition-slide] {
        --uk-translate-x: 0;
        --uk-translate-y: 0;
        opacity: 1
    }

    .uk-transition-opaque {
        opacity: 1
    }

    .uk-transition-slow {
        transition-duration: .7s
    }

    .uk-transition-disable,
    .uk-transition-disable * {
        transition: none !important
    }

    .uk-hidden,
    [hidden] {
        display: none !important
    }

    @media (min-width:640px) {
        .uk-hidden\@s {
            display: none !important
        }
    }

    @media (min-width:960px) {
        .uk-hidden\@m {
            display: none !important
        }
    }

    @media (min-width:1200px) {
        .uk-hidden\@l {
            display: none !important
        }
    }

    @media (min-width:1600px) {
        .uk-hidden\@xl {
            display: none !important
        }
    }

    @media (max-width:639px) {
        .uk-visible\@s {
            display: none !important
        }
    }

    @media (max-width:959px) {
        .uk-visible\@m {
            display: none !important
        }
    }

    @media (max-width:1199px) {
        .uk-visible\@l {
            display: none !important
        }
    }

    @media (max-width:1599px) {
        .uk-visible\@xl {
            display: none !important
        }
    }

    .uk-invisible {
        visibility: hidden !important
    }

    .uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
    .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)) {
        position: absolute !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        margin: 0 !important;
        overflow: hidden !important
    }

    .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
        opacity: 0 !important
    }

    @media (hover:none) {
        .uk-hidden-touch {
            display: none !important
        }
    }

    @media (hover) {
        .uk-hidden-notouch {
            display: none !important
        }
    }

    .uk-card-primary.uk-card-body,
    .uk-card-primary>:not([class*=uk-card-media]),
    .uk-card-secondary.uk-card-body,
    .uk-card-secondary>:not([class*=uk-card-media]),
    .uk-light,
    .uk-offcanvas-bar,
    .uk-overlay-primary,
    .uk-section-primary:not(.uk-preserve-color),
    .uk-section-secondary:not(.uk-preserve-color),
    .uk-tile-primary:not(.uk-preserve-color),
    .uk-tile-secondary:not(.uk-preserve-color) {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-link,
    .uk-card-primary.uk-card-body a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link,
    .uk-card-primary>:not([class*=uk-card-media]) a,
    .uk-card-secondary.uk-card-body .uk-link,
    .uk-card-secondary.uk-card-body a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link,
    .uk-card-secondary>:not([class*=uk-card-media]) a,
    .uk-light .uk-link,
    .uk-light a,
    .uk-offcanvas-bar .uk-link,
    .uk-offcanvas-bar a,
    .uk-overlay-primary .uk-link,
    .uk-overlay-primary a,
    .uk-section-primary:not(.uk-preserve-color) .uk-link,
    .uk-section-primary:not(.uk-preserve-color) a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link,
    .uk-section-secondary:not(.uk-preserve-color) a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link,
    .uk-tile-primary:not(.uk-preserve-color) a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link,
    .uk-tile-secondary:not(.uk-preserve-color) a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,
    .uk-card-primary.uk-card-body .uk-link:hover,
    .uk-card-primary.uk-card-body a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,
    .uk-card-primary>:not([class*=uk-card-media]) a:hover,
    .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,
    .uk-card-secondary.uk-card-body .uk-link:hover,
    .uk-card-secondary.uk-card-body a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) a:hover,
    .uk-light .uk-link-toggle:hover .uk-link,
    .uk-light .uk-link:hover,
    .uk-light a:hover,
    .uk-offcanvas-bar .uk-link-toggle:hover .uk-link,
    .uk-offcanvas-bar .uk-link:hover,
    .uk-offcanvas-bar a:hover,
    .uk-overlay-primary .uk-link-toggle:hover .uk-link,
    .uk-overlay-primary .uk-link:hover,
    .uk-overlay-primary a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
    .uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
    .uk-section-primary:not(.uk-preserve-color) a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
    .uk-section-secondary:not(.uk-preserve-color) a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,
    .uk-tile-primary:not(.uk-preserve-color) a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,
    .uk-tile-secondary:not(.uk-preserve-color) a:hover {
        color: #fff
    }

    .uk-card-primary.uk-card-body :not(pre)>code,
    .uk-card-primary.uk-card-body :not(pre)>kbd,
    .uk-card-primary.uk-card-body :not(pre)>samp,
    .uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,
    .uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,
    .uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,
    .uk-card-secondary.uk-card-body :not(pre)>code,
    .uk-card-secondary.uk-card-body :not(pre)>kbd,
    .uk-card-secondary.uk-card-body :not(pre)>samp,
    .uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,
    .uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,
    .uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,
    .uk-light :not(pre)>code,
    .uk-light :not(pre)>kbd,
    .uk-light :not(pre)>samp,
    .uk-offcanvas-bar :not(pre)>code,
    .uk-offcanvas-bar :not(pre)>kbd,
    .uk-offcanvas-bar :not(pre)>samp,
    .uk-overlay-primary :not(pre)>code,
    .uk-overlay-primary :not(pre)>kbd,
    .uk-overlay-primary :not(pre)>samp,
    .uk-section-primary:not(.uk-preserve-color) :not(pre)>code,
    .uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,
    .uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,
    .uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,
    .uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,
    .uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,
    .uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,
    .uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,
    .uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,
    .uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,
    .uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,
    .uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp {
        color: rgba(255, 255, 255, .7);
        background-color: rgba(255, 255, 255, .1)
    }

    .uk-card-primary.uk-card-body em,
    .uk-card-primary>:not([class*=uk-card-media]) em,
    .uk-card-secondary.uk-card-body em,
    .uk-card-secondary>:not([class*=uk-card-media]) em,
    .uk-light em,
    .uk-offcanvas-bar em,
    .uk-overlay-primary em,
    .uk-section-primary:not(.uk-preserve-color) em,
    .uk-section-secondary:not(.uk-preserve-color) em,
    .uk-tile-primary:not(.uk-preserve-color) em,
    .uk-tile-secondary:not(.uk-preserve-color) em {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-h1,
    .uk-card-primary.uk-card-body .uk-h2,
    .uk-card-primary.uk-card-body .uk-h3,
    .uk-card-primary.uk-card-body .uk-h4,
    .uk-card-primary.uk-card-body .uk-h5,
    .uk-card-primary.uk-card-body .uk-h6,
    .uk-card-primary.uk-card-body .uk-heading-2xlarge,
    .uk-card-primary.uk-card-body .uk-heading-3xlarge,
    .uk-card-primary.uk-card-body .uk-heading-large,
    .uk-card-primary.uk-card-body .uk-heading-medium,
    .uk-card-primary.uk-card-body .uk-heading-small,
    .uk-card-primary.uk-card-body .uk-heading-xlarge,
    .uk-card-primary.uk-card-body h1,
    .uk-card-primary.uk-card-body h2,
    .uk-card-primary.uk-card-body h3,
    .uk-card-primary.uk-card-body h4,
    .uk-card-primary.uk-card-body h5,
    .uk-card-primary.uk-card-body h6,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-h1,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-h2,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-h3,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-h4,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-h5,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-h6,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-3xlarge,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,
    .uk-card-primary>:not([class*=uk-card-media]) h1,
    .uk-card-primary>:not([class*=uk-card-media]) h2,
    .uk-card-primary>:not([class*=uk-card-media]) h3,
    .uk-card-primary>:not([class*=uk-card-media]) h4,
    .uk-card-primary>:not([class*=uk-card-media]) h5,
    .uk-card-primary>:not([class*=uk-card-media]) h6,
    .uk-card-secondary.uk-card-body .uk-h1,
    .uk-card-secondary.uk-card-body .uk-h2,
    .uk-card-secondary.uk-card-body .uk-h3,
    .uk-card-secondary.uk-card-body .uk-h4,
    .uk-card-secondary.uk-card-body .uk-h5,
    .uk-card-secondary.uk-card-body .uk-h6,
    .uk-card-secondary.uk-card-body .uk-heading-2xlarge,
    .uk-card-secondary.uk-card-body .uk-heading-3xlarge,
    .uk-card-secondary.uk-card-body .uk-heading-large,
    .uk-card-secondary.uk-card-body .uk-heading-medium,
    .uk-card-secondary.uk-card-body .uk-heading-small,
    .uk-card-secondary.uk-card-body .uk-heading-xlarge,
    .uk-card-secondary.uk-card-body h1,
    .uk-card-secondary.uk-card-body h2,
    .uk-card-secondary.uk-card-body h3,
    .uk-card-secondary.uk-card-body h4,
    .uk-card-secondary.uk-card-body h5,
    .uk-card-secondary.uk-card-body h6,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-3xlarge,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,
    .uk-card-secondary>:not([class*=uk-card-media]) h1,
    .uk-card-secondary>:not([class*=uk-card-media]) h2,
    .uk-card-secondary>:not([class*=uk-card-media]) h3,
    .uk-card-secondary>:not([class*=uk-card-media]) h4,
    .uk-card-secondary>:not([class*=uk-card-media]) h5,
    .uk-card-secondary>:not([class*=uk-card-media]) h6,
    .uk-light .uk-h1,
    .uk-light .uk-h2,
    .uk-light .uk-h3,
    .uk-light .uk-h4,
    .uk-light .uk-h5,
    .uk-light .uk-h6,
    .uk-light .uk-heading-2xlarge,
    .uk-light .uk-heading-3xlarge,
    .uk-light .uk-heading-large,
    .uk-light .uk-heading-medium,
    .uk-light .uk-heading-small,
    .uk-light .uk-heading-xlarge,
    .uk-light h1,
    .uk-light h2,
    .uk-light h3,
    .uk-light h4,
    .uk-light h5,
    .uk-light h6,
    .uk-offcanvas-bar .uk-h1,
    .uk-offcanvas-bar .uk-h2,
    .uk-offcanvas-bar .uk-h3,
    .uk-offcanvas-bar .uk-h4,
    .uk-offcanvas-bar .uk-h5,
    .uk-offcanvas-bar .uk-h6,
    .uk-offcanvas-bar .uk-heading-2xlarge,
    .uk-offcanvas-bar .uk-heading-3xlarge,
    .uk-offcanvas-bar .uk-heading-large,
    .uk-offcanvas-bar .uk-heading-medium,
    .uk-offcanvas-bar .uk-heading-small,
    .uk-offcanvas-bar .uk-heading-xlarge,
    .uk-offcanvas-bar h1,
    .uk-offcanvas-bar h2,
    .uk-offcanvas-bar h3,
    .uk-offcanvas-bar h4,
    .uk-offcanvas-bar h5,
    .uk-offcanvas-bar h6,
    .uk-overlay-primary .uk-h1,
    .uk-overlay-primary .uk-h2,
    .uk-overlay-primary .uk-h3,
    .uk-overlay-primary .uk-h4,
    .uk-overlay-primary .uk-h5,
    .uk-overlay-primary .uk-h6,
    .uk-overlay-primary .uk-heading-2xlarge,
    .uk-overlay-primary .uk-heading-3xlarge,
    .uk-overlay-primary .uk-heading-large,
    .uk-overlay-primary .uk-heading-medium,
    .uk-overlay-primary .uk-heading-small,
    .uk-overlay-primary .uk-heading-xlarge,
    .uk-overlay-primary h1,
    .uk-overlay-primary h2,
    .uk-overlay-primary h3,
    .uk-overlay-primary h4,
    .uk-overlay-primary h5,
    .uk-overlay-primary h6,
    .uk-section-primary:not(.uk-preserve-color) .uk-h1,
    .uk-section-primary:not(.uk-preserve-color) .uk-h2,
    .uk-section-primary:not(.uk-preserve-color) .uk-h3,
    .uk-section-primary:not(.uk-preserve-color) .uk-h4,
    .uk-section-primary:not(.uk-preserve-color) .uk-h5,
    .uk-section-primary:not(.uk-preserve-color) .uk-h6,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-large,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-small,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,
    .uk-section-primary:not(.uk-preserve-color) h1,
    .uk-section-primary:not(.uk-preserve-color) h2,
    .uk-section-primary:not(.uk-preserve-color) h3,
    .uk-section-primary:not(.uk-preserve-color) h4,
    .uk-section-primary:not(.uk-preserve-color) h5,
    .uk-section-primary:not(.uk-preserve-color) h6,
    .uk-section-secondary:not(.uk-preserve-color) .uk-h1,
    .uk-section-secondary:not(.uk-preserve-color) .uk-h2,
    .uk-section-secondary:not(.uk-preserve-color) .uk-h3,
    .uk-section-secondary:not(.uk-preserve-color) .uk-h4,
    .uk-section-secondary:not(.uk-preserve-color) .uk-h5,
    .uk-section-secondary:not(.uk-preserve-color) .uk-h6,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
    .uk-section-secondary:not(.uk-preserve-color) h1,
    .uk-section-secondary:not(.uk-preserve-color) h2,
    .uk-section-secondary:not(.uk-preserve-color) h3,
    .uk-section-secondary:not(.uk-preserve-color) h4,
    .uk-section-secondary:not(.uk-preserve-color) h5,
    .uk-section-secondary:not(.uk-preserve-color) h6,
    .uk-tile-primary:not(.uk-preserve-color) .uk-h1,
    .uk-tile-primary:not(.uk-preserve-color) .uk-h2,
    .uk-tile-primary:not(.uk-preserve-color) .uk-h3,
    .uk-tile-primary:not(.uk-preserve-color) .uk-h4,
    .uk-tile-primary:not(.uk-preserve-color) .uk-h5,
    .uk-tile-primary:not(.uk-preserve-color) .uk-h6,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,
    .uk-tile-primary:not(.uk-preserve-color) h1,
    .uk-tile-primary:not(.uk-preserve-color) h2,
    .uk-tile-primary:not(.uk-preserve-color) h3,
    .uk-tile-primary:not(.uk-preserve-color) h4,
    .uk-tile-primary:not(.uk-preserve-color) h5,
    .uk-tile-primary:not(.uk-preserve-color) h6,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-h1,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-h2,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-h3,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-h4,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-h5,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-h6,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,
    .uk-tile-secondary:not(.uk-preserve-color) h1,
    .uk-tile-secondary:not(.uk-preserve-color) h2,
    .uk-tile-secondary:not(.uk-preserve-color) h3,
    .uk-tile-secondary:not(.uk-preserve-color) h4,
    .uk-tile-secondary:not(.uk-preserve-color) h5,
    .uk-tile-secondary:not(.uk-preserve-color) h6 {
        color: #fff
    }

    .uk-card-primary.uk-card-body blockquote,
    .uk-card-primary>:not([class*=uk-card-media]) blockquote,
    .uk-card-secondary.uk-card-body blockquote,
    .uk-card-secondary>:not([class*=uk-card-media]) blockquote,
    .uk-light blockquote,
    .uk-offcanvas-bar blockquote,
    .uk-overlay-primary blockquote,
    .uk-section-primary:not(.uk-preserve-color) blockquote,
    .uk-section-secondary:not(.uk-preserve-color) blockquote,
    .uk-tile-primary:not(.uk-preserve-color) blockquote,
    .uk-tile-secondary:not(.uk-preserve-color) blockquote {
        color: #fff
    }

    .uk-card-primary.uk-card-body blockquote footer,
    .uk-card-primary>:not([class*=uk-card-media]) blockquote footer,
    .uk-card-secondary.uk-card-body blockquote footer,
    .uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,
    .uk-light blockquote footer,
    .uk-offcanvas-bar blockquote footer,
    .uk-overlay-primary blockquote footer,
    .uk-section-primary:not(.uk-preserve-color) blockquote footer,
    .uk-section-secondary:not(.uk-preserve-color) blockquote footer,
    .uk-tile-primary:not(.uk-preserve-color) blockquote footer,
    .uk-tile-secondary:not(.uk-preserve-color) blockquote footer {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-hr,
    .uk-card-primary.uk-card-body hr,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-hr,
    .uk-card-primary>:not([class*=uk-card-media]) hr,
    .uk-card-secondary.uk-card-body .uk-hr,
    .uk-card-secondary.uk-card-body hr,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,
    .uk-card-secondary>:not([class*=uk-card-media]) hr,
    .uk-light .uk-hr,
    .uk-light hr,
    .uk-offcanvas-bar .uk-hr,
    .uk-offcanvas-bar hr,
    .uk-overlay-primary .uk-hr,
    .uk-overlay-primary hr,
    .uk-section-primary:not(.uk-preserve-color) .uk-hr,
    .uk-section-primary:not(.uk-preserve-color) hr,
    .uk-section-secondary:not(.uk-preserve-color) .uk-hr,
    .uk-section-secondary:not(.uk-preserve-color) hr,
    .uk-tile-primary:not(.uk-preserve-color) .uk-hr,
    .uk-tile-primary:not(.uk-preserve-color) hr,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-hr,
    .uk-tile-secondary:not(.uk-preserve-color) hr {
        border-top-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body :focus-visible,
    .uk-card-primary>:not([class*=uk-card-media]) :focus-visible,
    .uk-card-secondary.uk-card-body :focus-visible,
    .uk-card-secondary>:not([class*=uk-card-media]) :focus-visible,
    .uk-light :focus-visible,
    .uk-offcanvas-bar :focus-visible,
    .uk-overlay-primary :focus-visible,
    .uk-section-primary:not(.uk-preserve-color) :focus-visible,
    .uk-section-secondary:not(.uk-preserve-color) :focus-visible,
    .uk-tile-primary:not(.uk-preserve-color) :focus-visible,
    .uk-tile-secondary:not(.uk-preserve-color) :focus-visible {
        outline-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-link-muted a,
    .uk-card-primary.uk-card-body a.uk-link-muted,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,
    .uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted,
    .uk-card-secondary.uk-card-body .uk-link-muted a,
    .uk-card-secondary.uk-card-body a.uk-link-muted,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,
    .uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted,
    .uk-light .uk-link-muted a,
    .uk-light a.uk-link-muted,
    .uk-offcanvas-bar .uk-link-muted a,
    .uk-offcanvas-bar a.uk-link-muted,
    .uk-overlay-primary .uk-link-muted a,
    .uk-overlay-primary a.uk-link-muted,
    .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,
    .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,
    .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,
    .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,
    .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-link-muted a:hover,
    .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
    .uk-card-primary.uk-card-body a.uk-link-muted:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,
    .uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover,
    .uk-card-secondary.uk-card-body .uk-link-muted a:hover,
    .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,
    .uk-card-secondary.uk-card-body a.uk-link-muted:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,
    .uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover,
    .uk-light .uk-link-muted a:hover,
    .uk-light .uk-link-toggle:hover .uk-link-muted,
    .uk-light a.uk-link-muted:hover,
    .uk-offcanvas-bar .uk-link-muted a:hover,
    .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,
    .uk-offcanvas-bar a.uk-link-muted:hover,
    .uk-overlay-primary .uk-link-muted a:hover,
    .uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,
    .uk-overlay-primary a.uk-link-muted:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
    .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
    .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
    .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,
    .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-link-text a:hover,
    .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,
    .uk-card-primary.uk-card-body a.uk-link-text:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,
    .uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover,
    .uk-card-secondary.uk-card-body .uk-link-text a:hover,
    .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,
    .uk-card-secondary.uk-card-body a.uk-link-text:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,
    .uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover,
    .uk-light .uk-link-text a:hover,
    .uk-light .uk-link-toggle:hover .uk-link-text,
    .uk-light a.uk-link-text:hover,
    .uk-offcanvas-bar .uk-link-text a:hover,
    .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,
    .uk-offcanvas-bar a.uk-link-text:hover,
    .uk-overlay-primary .uk-link-text a:hover,
    .uk-overlay-primary .uk-link-toggle:hover .uk-link-text,
    .uk-overlay-primary a.uk-link-text:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
    .uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
    .uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
    .uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,
    .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-link-heading a:hover,
    .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
    .uk-card-primary.uk-card-body a.uk-link-heading:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,
    .uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover,
    .uk-card-secondary.uk-card-body .uk-link-heading a:hover,
    .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,
    .uk-card-secondary.uk-card-body a.uk-link-heading:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,
    .uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover,
    .uk-light .uk-link-heading a:hover,
    .uk-light .uk-link-toggle:hover .uk-link-heading,
    .uk-light a.uk-link-heading:hover,
    .uk-offcanvas-bar .uk-link-heading a:hover,
    .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,
    .uk-offcanvas-bar a.uk-link-heading:hover,
    .uk-overlay-primary .uk-link-heading a:hover,
    .uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,
    .uk-overlay-primary a.uk-link-heading:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
    .uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
    .uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
    .uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,
    .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-heading-divider,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,
    .uk-card-secondary.uk-card-body .uk-heading-divider,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,
    .uk-light .uk-heading-divider,
    .uk-offcanvas-bar .uk-heading-divider,
    .uk-overlay-primary .uk-heading-divider,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider {
        border-bottom-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-heading-bullet::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before,
    .uk-card-secondary.uk-card-body .uk-heading-bullet::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before,
    .uk-light .uk-heading-bullet::before,
    .uk-offcanvas-bar .uk-heading-bullet::before,
    .uk-overlay-primary .uk-heading-bullet::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before {
        border-left-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-heading-line>::after,
    .uk-card-primary.uk-card-body .uk-heading-line>::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before,
    .uk-card-secondary.uk-card-body .uk-heading-line>::after,
    .uk-card-secondary.uk-card-body .uk-heading-line>::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before,
    .uk-light .uk-heading-line>::after,
    .uk-light .uk-heading-line>::before,
    .uk-offcanvas-bar .uk-heading-line>::after,
    .uk-offcanvas-bar .uk-heading-line>::before,
    .uk-overlay-primary .uk-heading-line>::after,
    .uk-overlay-primary .uk-heading-line>::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,
    .uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,
    .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,
    .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before {
        border-bottom-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-divider-icon,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,
    .uk-card-secondary.uk-card-body .uk-divider-icon,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,
    .uk-light .uk-divider-icon,
    .uk-offcanvas-bar .uk-divider-icon,
    .uk-overlay-primary .uk-divider-icon,
    .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,
    .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,
    .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-card-primary.uk-card-body .uk-divider-icon::after,
    .uk-card-primary.uk-card-body .uk-divider-icon::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before,
    .uk-card-secondary.uk-card-body .uk-divider-icon::after,
    .uk-card-secondary.uk-card-body .uk-divider-icon::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before,
    .uk-light .uk-divider-icon::after,
    .uk-light .uk-divider-icon::before,
    .uk-offcanvas-bar .uk-divider-icon::after,
    .uk-offcanvas-bar .uk-divider-icon::before,
    .uk-overlay-primary .uk-divider-icon::after,
    .uk-overlay-primary .uk-divider-icon::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,
    .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
    .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,
    .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before {
        border-bottom-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-divider-small::after,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after,
    .uk-card-secondary.uk-card-body .uk-divider-small::after,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after,
    .uk-light .uk-divider-small::after,
    .uk-offcanvas-bar .uk-divider-small::after,
    .uk-overlay-primary .uk-divider-small::after,
    .uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,
    .uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,
    .uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after {
        border-top-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-divider-vertical,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,
    .uk-card-secondary.uk-card-body .uk-divider-vertical,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,
    .uk-light .uk-divider-vertical,
    .uk-offcanvas-bar .uk-divider-vertical,
    .uk-overlay-primary .uk-divider-vertical,
    .uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,
    .uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,
    .uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical {
        border-left-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-list-muted>::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::before,
    .uk-card-secondary.uk-card-body .uk-list-muted>::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::before,
    .uk-light .uk-list-muted>::before,
    .uk-offcanvas-bar .uk-list-muted>::before,
    .uk-overlay-primary .uk-list-muted>::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before {
        color: rgba(255, 255, 255, .5) !important
    }

    .uk-card-primary.uk-card-body .uk-list-emphasis>::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,
    .uk-card-secondary.uk-card-body .uk-list-emphasis>::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,
    .uk-light .uk-list-emphasis>::before,
    .uk-offcanvas-bar .uk-list-emphasis>::before,
    .uk-overlay-primary .uk-list-emphasis>::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-list-primary>::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::before,
    .uk-card-secondary.uk-card-body .uk-list-primary>::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::before,
    .uk-light .uk-list-primary>::before,
    .uk-offcanvas-bar .uk-list-primary>::before,
    .uk-overlay-primary .uk-list-primary>::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-list-secondary>::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::before,
    .uk-card-secondary.uk-card-body .uk-list-secondary>::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::before,
    .uk-light .uk-list-secondary>::before,
    .uk-offcanvas-bar .uk-list-secondary>::before,
    .uk-overlay-primary .uk-list-secondary>::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-list-bullet>::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before,
    .uk-card-secondary.uk-card-body .uk-list-bullet>::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>::before,
    .uk-light .uk-list-bullet>::before,
    .uk-offcanvas-bar .uk-list-bullet>::before,
    .uk-overlay-primary .uk-list-bullet>::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),
    .uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),
    .uk-light .uk-list-divider>:nth-child(n+2),
    .uk-offcanvas-bar .uk-list-divider>:nth-child(n+2),
    .uk-overlay-primary .uk-list-divider>:nth-child(n+2),
    .uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),
    .uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),
    .uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2) {
        border-top-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),
    .uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),
    .uk-light .uk-list-striped>:nth-of-type(odd),
    .uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),
    .uk-overlay-primary .uk-list-striped>:nth-of-type(odd),
    .uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
    .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
    .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd) {
        border-top-color: rgba(255, 255, 255, .2);
        border-bottom-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),
    .uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),
    .uk-light .uk-list-striped>:nth-of-type(odd),
    .uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),
    .uk-overlay-primary .uk-list-striped>:nth-of-type(odd),
    .uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
    .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
    .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, .1)
    }

    .uk-card-primary.uk-card-body .uk-table th,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table th,
    .uk-card-secondary.uk-card-body .uk-table th,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table th,
    .uk-light .uk-table th,
    .uk-offcanvas-bar .uk-table th,
    .uk-overlay-primary .uk-table th,
    .uk-section-primary:not(.uk-preserve-color) .uk-table th,
    .uk-section-secondary:not(.uk-preserve-color) .uk-table th,
    .uk-tile-primary:not(.uk-preserve-color) .uk-table th,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table th {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-table caption,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table caption,
    .uk-card-secondary.uk-card-body .uk-table caption,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption,
    .uk-light .uk-table caption,
    .uk-offcanvas-bar .uk-table caption,
    .uk-overlay-primary .uk-table caption,
    .uk-section-primary:not(.uk-preserve-color) .uk-table caption,
    .uk-section-secondary:not(.uk-preserve-color) .uk-table caption,
    .uk-tile-primary:not(.uk-preserve-color) .uk-table caption,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table caption {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,
    .uk-card-primary.uk-card-body .uk-table>tr.uk-active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,
    .uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,
    .uk-card-secondary.uk-card-body .uk-table>tr.uk-active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,
    .uk-light .uk-table tbody tr.uk-active,
    .uk-light .uk-table>tr.uk-active,
    .uk-offcanvas-bar .uk-table tbody tr.uk-active,
    .uk-offcanvas-bar .uk-table>tr.uk-active,
    .uk-overlay-primary .uk-table tbody tr.uk-active,
    .uk-overlay-primary .uk-table>tr.uk-active,
    .uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
    .uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active {
        background: rgba(255, 255, 255, .08)
    }

    .uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,
    .uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),
    .uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,
    .uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),
    .uk-light .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-light .uk-table-divider>:not(:first-child)>tr,
    .uk-light .uk-table-divider>tr:not(:first-child),
    .uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr,
    .uk-offcanvas-bar .uk-table-divider>tr:not(:first-child),
    .uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,
    .uk-overlay-primary .uk-table-divider>tr:not(:first-child),
    .uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,
    .uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),
    .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,
    .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),
    .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,
    .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child) {
        border-top-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),
    .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),
    .uk-light .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-light .uk-table-striped>tr:nth-of-type(odd),
    .uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd),
    .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),
    .uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),
    .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),
    .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd) {
        background: rgba(255, 255, 255, .1);
        border-top-color: rgba(255, 255, 255, .2);
        border-bottom-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,
    .uk-card-primary.uk-card-body .uk-table-hover>tr:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,
    .uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,
    .uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,
    .uk-light .uk-table-hover tbody tr:hover,
    .uk-light .uk-table-hover>tr:hover,
    .uk-offcanvas-bar .uk-table-hover tbody tr:hover,
    .uk-offcanvas-bar .uk-table-hover>tr:hover,
    .uk-overlay-primary .uk-table-hover tbody tr:hover,
    .uk-overlay-primary .uk-table-hover>tr:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover {
        background: rgba(255, 255, 255, .08)
    }

    .uk-card-primary.uk-card-body .uk-icon-link,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,
    .uk-card-secondary.uk-card-body .uk-icon-link,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,
    .uk-light .uk-icon-link,
    .uk-offcanvas-bar .uk-icon-link,
    .uk-overlay-primary .uk-icon-link,
    .uk-section-primary:not(.uk-preserve-color) .uk-icon-link,
    .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,
    .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-icon-link:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,
    .uk-card-secondary.uk-card-body .uk-icon-link:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,
    .uk-light .uk-icon-link:hover,
    .uk-offcanvas-bar .uk-icon-link:hover,
    .uk-overlay-primary .uk-icon-link:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-active>.uk-icon-link,
    .uk-card-primary.uk-card-body .uk-icon-link:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,
    .uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,
    .uk-card-secondary.uk-card-body .uk-icon-link:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,
    .uk-light .uk-active>.uk-icon-link,
    .uk-light .uk-icon-link:active,
    .uk-offcanvas-bar .uk-active>.uk-icon-link,
    .uk-offcanvas-bar .uk-icon-link:active,
    .uk-overlay-primary .uk-active>.uk-icon-link,
    .uk-overlay-primary .uk-icon-link:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
    .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
    .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
    .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-icon-button,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,
    .uk-card-secondary.uk-card-body .uk-icon-button,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,
    .uk-light .uk-icon-button,
    .uk-offcanvas-bar .uk-icon-button,
    .uk-overlay-primary .uk-icon-button,
    .uk-section-primary:not(.uk-preserve-color) .uk-icon-button,
    .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,
    .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button {
        background-color: rgba(255, 255, 255, .1);
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-icon-button:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,
    .uk-card-secondary.uk-card-body .uk-icon-button:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,
    .uk-light .uk-icon-button:hover,
    .uk-offcanvas-bar .uk-icon-button:hover,
    .uk-overlay-primary .uk-icon-button:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover {
        background-color: rgba(255, 255, 255, .15);
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-icon-button:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,
    .uk-card-secondary.uk-card-body .uk-icon-button:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,
    .uk-light .uk-icon-button:active,
    .uk-offcanvas-bar .uk-icon-button:active,
    .uk-overlay-primary .uk-icon-button:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active {
        background-color: rgba(255, 255, 255, .2);
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-input,
    .uk-card-primary.uk-card-body .uk-select,
    .uk-card-primary.uk-card-body .uk-textarea,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-input,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-select,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,
    .uk-card-secondary.uk-card-body .uk-input,
    .uk-card-secondary.uk-card-body .uk-select,
    .uk-card-secondary.uk-card-body .uk-textarea,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-input,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-select,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,
    .uk-light .uk-input,
    .uk-light .uk-select,
    .uk-light .uk-textarea,
    .uk-offcanvas-bar .uk-input,
    .uk-offcanvas-bar .uk-select,
    .uk-offcanvas-bar .uk-textarea,
    .uk-overlay-primary .uk-input,
    .uk-overlay-primary .uk-select,
    .uk-overlay-primary .uk-textarea,
    .uk-section-primary:not(.uk-preserve-color) .uk-input,
    .uk-section-primary:not(.uk-preserve-color) .uk-select,
    .uk-section-primary:not(.uk-preserve-color) .uk-textarea,
    .uk-section-secondary:not(.uk-preserve-color) .uk-input,
    .uk-section-secondary:not(.uk-preserve-color) .uk-select,
    .uk-section-secondary:not(.uk-preserve-color) .uk-textarea,
    .uk-tile-primary:not(.uk-preserve-color) .uk-input,
    .uk-tile-primary:not(.uk-preserve-color) .uk-select,
    .uk-tile-primary:not(.uk-preserve-color) .uk-textarea,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-input,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-select,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea {
        background-color: rgba(255, 255, 255, .1);
        color: rgba(255, 255, 255, .7);
        background-clip: padding-box;
        border-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-input:focus,
    .uk-card-primary.uk-card-body .uk-select:focus,
    .uk-card-primary.uk-card-body .uk-textarea:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,
    .uk-card-secondary.uk-card-body .uk-input:focus,
    .uk-card-secondary.uk-card-body .uk-select:focus,
    .uk-card-secondary.uk-card-body .uk-textarea:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,
    .uk-light .uk-input:focus,
    .uk-light .uk-select:focus,
    .uk-light .uk-textarea:focus,
    .uk-offcanvas-bar .uk-input:focus,
    .uk-offcanvas-bar .uk-select:focus,
    .uk-offcanvas-bar .uk-textarea:focus,
    .uk-overlay-primary .uk-input:focus,
    .uk-overlay-primary .uk-select:focus,
    .uk-overlay-primary .uk-textarea:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-input:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-select:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus {
        background-color: rgba(255, 255, 255, .15);
        color: rgba(255, 255, 255, .7);
        border-color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-input::placeholder,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,
    .uk-card-secondary.uk-card-body .uk-input::placeholder,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,
    .uk-light .uk-input::placeholder,
    .uk-offcanvas-bar .uk-input::placeholder,
    .uk-overlay-primary .uk-input::placeholder,
    .uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,
    .uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,
    .uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-textarea::placeholder,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,
    .uk-card-secondary.uk-card-body .uk-textarea::placeholder,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,
    .uk-light .uk-textarea::placeholder,
    .uk-offcanvas-bar .uk-textarea::placeholder,
    .uk-overlay-primary .uk-textarea::placeholder,
    .uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
    .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,
    .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
    .uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),
    .uk-light .uk-select:not([multiple]):not([size]),
    .uk-offcanvas-bar .uk-select:not([multiple]):not([size]),
    .uk-overlay-primary .uk-select:not([multiple]):not([size]),
    .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
    .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
    .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]) {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-card-primary.uk-card-body .uk-input[list]:focus,
    .uk-card-primary.uk-card-body .uk-input[list]:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,
    .uk-card-secondary.uk-card-body .uk-input[list]:focus,
    .uk-card-secondary.uk-card-body .uk-input[list]:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,
    .uk-light .uk-input[list]:focus,
    .uk-light .uk-input[list]:hover,
    .uk-offcanvas-bar .uk-input[list]:focus,
    .uk-offcanvas-bar .uk-input[list]:hover,
    .uk-overlay-primary .uk-input[list]:focus,
    .uk-overlay-primary .uk-input[list]:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-card-primary.uk-card-body .uk-checkbox,
    .uk-card-primary.uk-card-body .uk-radio,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-radio,
    .uk-card-secondary.uk-card-body .uk-checkbox,
    .uk-card-secondary.uk-card-body .uk-radio,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,
    .uk-light .uk-checkbox,
    .uk-light .uk-radio,
    .uk-offcanvas-bar .uk-checkbox,
    .uk-offcanvas-bar .uk-radio,
    .uk-overlay-primary .uk-checkbox,
    .uk-overlay-primary .uk-radio,
    .uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
    .uk-section-primary:not(.uk-preserve-color) .uk-radio,
    .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
    .uk-section-secondary:not(.uk-preserve-color) .uk-radio,
    .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
    .uk-tile-primary:not(.uk-preserve-color) .uk-radio,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-radio {
        background-color: rgba(255, 255, 255, .1);
        border-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-checkbox:focus,
    .uk-card-primary.uk-card-body .uk-radio:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,
    .uk-card-secondary.uk-card-body .uk-checkbox:focus,
    .uk-card-secondary.uk-card-body .uk-radio:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,
    .uk-light .uk-checkbox:focus,
    .uk-light .uk-radio:focus,
    .uk-offcanvas-bar .uk-checkbox:focus,
    .uk-offcanvas-bar .uk-radio:focus,
    .uk-overlay-primary .uk-checkbox:focus,
    .uk-overlay-primary .uk-radio:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus {
        background-color: rgba(255, 255, 255, .15);
        border-color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-checkbox:checked,
    .uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
    .uk-card-primary.uk-card-body .uk-radio:checked,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,
    .uk-card-secondary.uk-card-body .uk-checkbox:checked,
    .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
    .uk-card-secondary.uk-card-body .uk-radio:checked,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,
    .uk-light .uk-checkbox:checked,
    .uk-light .uk-checkbox:indeterminate,
    .uk-light .uk-radio:checked,
    .uk-offcanvas-bar .uk-checkbox:checked,
    .uk-offcanvas-bar .uk-checkbox:indeterminate,
    .uk-offcanvas-bar .uk-radio:checked,
    .uk-overlay-primary .uk-checkbox:checked,
    .uk-overlay-primary .uk-checkbox:indeterminate,
    .uk-overlay-primary .uk-radio:checked,
    .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
    .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
    .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
    .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
    .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
    .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
    .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
    .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
    .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
        background-color: #fff;
        border-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-checkbox:checked:focus,
    .uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,
    .uk-card-primary.uk-card-body .uk-radio:checked:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,
    .uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,
    .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,
    .uk-card-secondary.uk-card-body .uk-radio:checked:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,
    .uk-light .uk-checkbox:checked:focus,
    .uk-light .uk-checkbox:indeterminate:focus,
    .uk-light .uk-radio:checked:focus,
    .uk-offcanvas-bar .uk-checkbox:checked:focus,
    .uk-offcanvas-bar .uk-checkbox:indeterminate:focus,
    .uk-offcanvas-bar .uk-radio:checked:focus,
    .uk-overlay-primary .uk-checkbox:checked:focus,
    .uk-overlay-primary .uk-checkbox:indeterminate:focus,
    .uk-overlay-primary .uk-radio:checked:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus {
        background-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-radio:checked,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,
    .uk-card-secondary.uk-card-body .uk-radio:checked,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,
    .uk-light .uk-radio:checked,
    .uk-offcanvas-bar .uk-radio:checked,
    .uk-overlay-primary .uk-radio:checked,
    .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,
    .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,
    .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-card-primary.uk-card-body .uk-checkbox:checked,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,
    .uk-card-secondary.uk-card-body .uk-checkbox:checked,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,
    .uk-light .uk-checkbox:checked,
    .uk-offcanvas-bar .uk-checkbox:checked,
    .uk-overlay-primary .uk-checkbox:checked,
    .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,
    .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,
    .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .uk-card-primary.uk-card-body .uk-checkbox:indeterminate,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
    .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,
    .uk-light .uk-checkbox:indeterminate,
    .uk-offcanvas-bar .uk-checkbox:indeterminate,
    .uk-overlay-primary .uk-checkbox:indeterminate,
    .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
    .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
    .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-card-primary.uk-card-body .uk-form-label,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,
    .uk-card-secondary.uk-card-body .uk-form-label,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,
    .uk-light .uk-form-label,
    .uk-offcanvas-bar .uk-form-label,
    .uk-overlay-primary .uk-form-label,
    .uk-section-primary:not(.uk-preserve-color) .uk-form-label,
    .uk-section-secondary:not(.uk-preserve-color) .uk-form-label,
    .uk-tile-primary:not(.uk-preserve-color) .uk-form-label,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-form-icon,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,
    .uk-card-secondary.uk-card-body .uk-form-icon,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,
    .uk-light .uk-form-icon,
    .uk-offcanvas-bar .uk-form-icon,
    .uk-overlay-primary .uk-form-icon,
    .uk-section-primary:not(.uk-preserve-color) .uk-form-icon,
    .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,
    .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-form-icon:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,
    .uk-card-secondary.uk-card-body .uk-form-icon:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,
    .uk-light .uk-form-icon:hover,
    .uk-offcanvas-bar .uk-form-icon:hover,
    .uk-overlay-primary .uk-form-icon:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-button-default,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,
    .uk-card-secondary.uk-card-body .uk-button-default,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,
    .uk-light .uk-button-default,
    .uk-offcanvas-bar .uk-button-default,
    .uk-overlay-primary .uk-button-default,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-default,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-default,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-default,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default {
        background-color: transparent;
        color: #fff;
        border-color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-button-default:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,
    .uk-card-secondary.uk-card-body .uk-button-default:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,
    .uk-light .uk-button-default:hover,
    .uk-offcanvas-bar .uk-button-default:hover,
    .uk-overlay-primary .uk-button-default:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover {
        background-color: transparent;
        color: #fff;
        border-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-button-default.uk-active,
    .uk-card-primary.uk-card-body .uk-button-default:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,
    .uk-card-secondary.uk-card-body .uk-button-default.uk-active,
    .uk-card-secondary.uk-card-body .uk-button-default:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,
    .uk-light .uk-button-default.uk-active,
    .uk-light .uk-button-default:active,
    .uk-offcanvas-bar .uk-button-default.uk-active,
    .uk-offcanvas-bar .uk-button-default:active,
    .uk-overlay-primary .uk-button-default.uk-active,
    .uk-overlay-primary .uk-button-default:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active {
        background-color: transparent;
        color: #fff;
        border-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-button-primary,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,
    .uk-card-secondary.uk-card-body .uk-button-primary,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,
    .uk-light .uk-button-primary,
    .uk-offcanvas-bar .uk-button-primary,
    .uk-overlay-primary .uk-button-primary,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-primary,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary {
        background-color: #fff;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-button-primary:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,
    .uk-card-secondary.uk-card-body .uk-button-primary:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,
    .uk-light .uk-button-primary:hover,
    .uk-offcanvas-bar .uk-button-primary:hover,
    .uk-overlay-primary .uk-button-primary:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
        background-color: #f2f2f2;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-button-primary.uk-active,
    .uk-card-primary.uk-card-body .uk-button-primary:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,
    .uk-card-secondary.uk-card-body .uk-button-primary.uk-active,
    .uk-card-secondary.uk-card-body .uk-button-primary:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,
    .uk-light .uk-button-primary.uk-active,
    .uk-light .uk-button-primary:active,
    .uk-offcanvas-bar .uk-button-primary.uk-active,
    .uk-offcanvas-bar .uk-button-primary:active,
    .uk-overlay-primary .uk-button-primary.uk-active,
    .uk-overlay-primary .uk-button-primary:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active {
        background-color: #e6e6e6;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-button-secondary,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,
    .uk-card-secondary.uk-card-body .uk-button-secondary,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,
    .uk-light .uk-button-secondary,
    .uk-offcanvas-bar .uk-button-secondary,
    .uk-overlay-primary .uk-button-secondary,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary {
        background-color: #fff;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-button-secondary:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,
    .uk-card-secondary.uk-card-body .uk-button-secondary:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,
    .uk-light .uk-button-secondary:hover,
    .uk-offcanvas-bar .uk-button-secondary:hover,
    .uk-overlay-primary .uk-button-secondary:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover {
        background-color: #f2f2f2;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-button-secondary.uk-active,
    .uk-card-primary.uk-card-body .uk-button-secondary:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,
    .uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,
    .uk-card-secondary.uk-card-body .uk-button-secondary:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,
    .uk-light .uk-button-secondary.uk-active,
    .uk-light .uk-button-secondary:active,
    .uk-offcanvas-bar .uk-button-secondary.uk-active,
    .uk-offcanvas-bar .uk-button-secondary:active,
    .uk-overlay-primary .uk-button-secondary.uk-active,
    .uk-overlay-primary .uk-button-secondary:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active {
        background-color: #e6e6e6;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-button-text,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,
    .uk-card-secondary.uk-card-body .uk-button-text,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,
    .uk-light .uk-button-text,
    .uk-offcanvas-bar .uk-button-text,
    .uk-overlay-primary .uk-button-text,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-text,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-text,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-text,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-button-text::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before,
    .uk-card-secondary.uk-card-body .uk-button-text::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before,
    .uk-light .uk-button-text::before,
    .uk-offcanvas-bar .uk-button-text::before,
    .uk-overlay-primary .uk-button-text::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before {
        border-bottom-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-button-text:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,
    .uk-card-secondary.uk-card-body .uk-button-text:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,
    .uk-light .uk-button-text:hover,
    .uk-offcanvas-bar .uk-button-text:hover,
    .uk-overlay-primary .uk-button-text:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-button-text:disabled,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,
    .uk-card-secondary.uk-card-body .uk-button-text:disabled,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,
    .uk-light .uk-button-text:disabled,
    .uk-offcanvas-bar .uk-button-text:disabled,
    .uk-overlay-primary .uk-button-text:disabled,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-button-link,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,
    .uk-card-secondary.uk-card-body .uk-button-link,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,
    .uk-light .uk-button-link,
    .uk-offcanvas-bar .uk-button-link,
    .uk-overlay-primary .uk-button-link,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-link,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-link,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-link,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-button-link:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,
    .uk-card-secondary.uk-card-body .uk-button-link:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,
    .uk-light .uk-button-link:hover,
    .uk-offcanvas-bar .uk-button-link:hover,
    .uk-overlay-primary .uk-button-link:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body.uk-card-badge,
    .uk-card-primary>:not([class*=uk-card-media]).uk-card-badge,
    .uk-card-secondary.uk-card-body.uk-card-badge,
    .uk-card-secondary>:not([class*=uk-card-media]).uk-card-badge,
    .uk-light.uk-card-badge,
    .uk-offcanvas-bar.uk-card-badge,
    .uk-overlay-primary.uk-card-badge,
    .uk-section-primary:not(.uk-preserve-color).uk-card-badge,
    .uk-section-secondary:not(.uk-preserve-color).uk-card-badge,
    .uk-tile-primary:not(.uk-preserve-color).uk-card-badge,
    .uk-tile-secondary:not(.uk-preserve-color).uk-card-badge {
        background-color: #fff;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-close,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-close,
    .uk-card-secondary.uk-card-body .uk-close,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-close,
    .uk-light .uk-close,
    .uk-offcanvas-bar .uk-close,
    .uk-overlay-primary .uk-close,
    .uk-section-primary:not(.uk-preserve-color) .uk-close,
    .uk-section-secondary:not(.uk-preserve-color) .uk-close,
    .uk-tile-primary:not(.uk-preserve-color) .uk-close,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-close {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-close:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,
    .uk-card-secondary.uk-card-body .uk-close:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,
    .uk-light .uk-close:hover,
    .uk-offcanvas-bar .uk-close:hover,
    .uk-overlay-primary .uk-close:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-close:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-totop,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-totop,
    .uk-card-secondary.uk-card-body .uk-totop,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,
    .uk-light .uk-totop,
    .uk-offcanvas-bar .uk-totop,
    .uk-overlay-primary .uk-totop,
    .uk-section-primary:not(.uk-preserve-color) .uk-totop,
    .uk-section-secondary:not(.uk-preserve-color) .uk-totop,
    .uk-tile-primary:not(.uk-preserve-color) .uk-totop,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-totop {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-totop:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,
    .uk-card-secondary.uk-card-body .uk-totop:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,
    .uk-light .uk-totop:hover,
    .uk-offcanvas-bar .uk-totop:hover,
    .uk-overlay-primary .uk-totop:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-totop:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,
    .uk-card-secondary.uk-card-body .uk-totop:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,
    .uk-light .uk-totop:active,
    .uk-offcanvas-bar .uk-totop:active,
    .uk-overlay-primary .uk-totop:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-totop:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-marker,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-marker,
    .uk-card-secondary.uk-card-body .uk-marker,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-marker,
    .uk-light .uk-marker,
    .uk-offcanvas-bar .uk-marker,
    .uk-overlay-primary .uk-marker,
    .uk-section-primary:not(.uk-preserve-color) .uk-marker,
    .uk-section-secondary:not(.uk-preserve-color) .uk-marker,
    .uk-tile-primary:not(.uk-preserve-color) .uk-marker,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-marker {
        background: #f8f8f8;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-marker:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover,
    .uk-card-secondary.uk-card-body .uk-marker:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover,
    .uk-light .uk-marker:hover,
    .uk-offcanvas-bar .uk-marker:hover,
    .uk-overlay-primary .uk-marker:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover {
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-badge,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-badge,
    .uk-card-secondary.uk-card-body .uk-badge,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,
    .uk-light .uk-badge,
    .uk-offcanvas-bar .uk-badge,
    .uk-overlay-primary .uk-badge,
    .uk-section-primary:not(.uk-preserve-color) .uk-badge,
    .uk-section-secondary:not(.uk-preserve-color) .uk-badge,
    .uk-tile-primary:not(.uk-preserve-color) .uk-badge,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-badge {
        background-color: #fff;
        color: #666 !important
    }

    .uk-card-primary.uk-card-body .uk-label,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-label,
    .uk-card-secondary.uk-card-body .uk-label,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-label,
    .uk-light .uk-label,
    .uk-offcanvas-bar .uk-label,
    .uk-overlay-primary .uk-label,
    .uk-section-primary:not(.uk-preserve-color) .uk-label,
    .uk-section-secondary:not(.uk-preserve-color) .uk-label,
    .uk-tile-primary:not(.uk-preserve-color) .uk-label,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-label {
        background-color: #fff;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-article-meta,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,
    .uk-card-secondary.uk-card-body .uk-article-meta,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,
    .uk-light .uk-article-meta,
    .uk-offcanvas-bar .uk-article-meta,
    .uk-overlay-primary .uk-article-meta,
    .uk-section-primary:not(.uk-preserve-color) .uk-article-meta,
    .uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,
    .uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-search-input,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,
    .uk-card-secondary.uk-card-body .uk-search-input,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,
    .uk-light .uk-search-input,
    .uk-offcanvas-bar .uk-search-input,
    .uk-overlay-primary .uk-search-input,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-input,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-input,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-input,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-search-input::placeholder,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,
    .uk-card-secondary.uk-card-body .uk-search-input::placeholder,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,
    .uk-light .uk-search-input::placeholder,
    .uk-offcanvas-bar .uk-search-input::placeholder,
    .uk-overlay-primary .uk-search-input::placeholder,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-search .uk-search-icon,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,
    .uk-card-secondary.uk-card-body .uk-search .uk-search-icon,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,
    .uk-light .uk-search .uk-search-icon,
    .uk-offcanvas-bar .uk-search .uk-search-icon,
    .uk-overlay-primary .uk-search .uk-search-icon,
    .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,
    .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,
    .uk-light .uk-search .uk-search-icon:hover,
    .uk-offcanvas-bar .uk-search .uk-search-icon:hover,
    .uk-overlay-primary .uk-search .uk-search-icon:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-search-default .uk-search-input,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,
    .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,
    .uk-light .uk-search-default .uk-search-input,
    .uk-offcanvas-bar .uk-search-default .uk-search-input,
    .uk-overlay-primary .uk-search-default .uk-search-input,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input {
        background-color: transparent;
        border-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,
    .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,
    .uk-light .uk-search-default .uk-search-input:focus,
    .uk-offcanvas-bar .uk-search-default .uk-search-input:focus,
    .uk-overlay-primary .uk-search-default .uk-search-input:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus {
        background-color: rgba(0, 0, 0, .05)
    }

    .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,
    .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,
    .uk-light .uk-search-navbar .uk-search-input,
    .uk-offcanvas-bar .uk-search-navbar .uk-search-input,
    .uk-overlay-primary .uk-search-navbar .uk-search-input,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input {
        background-color: transparent;
        border-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input:focus,
    .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input:focus,
    .uk-light .uk-search-navbar .uk-search-input:focus,
    .uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus,
    .uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus {
        background-color: rgba(0, 0, 0, .05)
    }

    .uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input,
    .uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input,
    .uk-light .uk-search-medium .uk-search-input,
    .uk-offcanvas-bar .uk-search-medium .uk-search-input,
    .uk-overlay-primary .uk-search-medium .uk-search-input,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input {
        background-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-search-large .uk-search-input,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,
    .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,
    .uk-light .uk-search-large .uk-search-input,
    .uk-offcanvas-bar .uk-search-large .uk-search-input,
    .uk-overlay-primary .uk-search-large .uk-search-input,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input {
        background-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-search-toggle,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,
    .uk-card-secondary.uk-card-body .uk-search-toggle,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,
    .uk-light .uk-search-toggle,
    .uk-offcanvas-bar .uk-search-toggle,
    .uk-overlay-primary .uk-search-toggle,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-search-toggle:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,
    .uk-card-secondary.uk-card-body .uk-search-toggle:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,
    .uk-light .uk-search-toggle:hover,
    .uk-offcanvas-bar .uk-search-toggle:hover,
    .uk-overlay-primary .uk-search-toggle:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-accordion-title,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title,
    .uk-card-secondary.uk-card-body .uk-accordion-title,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title,
    .uk-light .uk-accordion-title,
    .uk-offcanvas-bar .uk-accordion-title,
    .uk-overlay-primary .uk-accordion-title,
    .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,
    .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,
    .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-accordion-title:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover,
    .uk-card-secondary.uk-card-body .uk-accordion-title:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover,
    .uk-light .uk-accordion-title:hover,
    .uk-offcanvas-bar .uk-accordion-title:hover,
    .uk-overlay-primary .uk-accordion-title:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-thumbnav>*>::after,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,
    .uk-card-secondary.uk-card-body .uk-thumbnav>*>::after,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,
    .uk-light .uk-thumbnav>*>::after,
    .uk-offcanvas-bar .uk-thumbnav>*>::after,
    .uk-overlay-primary .uk-thumbnav>*>::after,
    .uk-section-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,
    .uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after,
    .uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
    }

    .uk-card-primary.uk-card-body .uk-iconnav>*>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,
    .uk-card-secondary.uk-card-body .uk-iconnav>*>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,
    .uk-light .uk-iconnav>*>a,
    .uk-offcanvas-bar .uk-iconnav>*>a,
    .uk-overlay-primary .uk-iconnav>*>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,
    .uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,
    .uk-light .uk-iconnav>*>a:hover,
    .uk-offcanvas-bar .uk-iconnav>*>a:hover,
    .uk-overlay-primary .uk-iconnav>*>a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,
    .uk-light .uk-iconnav>.uk-active>a,
    .uk-offcanvas-bar .uk-iconnav>.uk-active>a,
    .uk-overlay-primary .uk-iconnav>.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-light .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before {
        border-left-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
        border-top-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-nav-default>li>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,
    .uk-card-secondary.uk-card-body .uk-nav-default>li>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,
    .uk-light .uk-nav-default>li>a,
    .uk-offcanvas-bar .uk-nav-default>li>a,
    .uk-overlay-primary .uk-nav-default>li>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,
    .uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,
    .uk-light .uk-nav-default>li>a:hover,
    .uk-offcanvas-bar .uk-nav-default>li>a:hover,
    .uk-overlay-primary .uk-nav-default>li>a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,
    .uk-light .uk-nav-default>li.uk-active>a,
    .uk-offcanvas-bar .uk-nav-default>li.uk-active>a,
    .uk-overlay-primary .uk-nav-default>li.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,
    .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,
    .uk-light .uk-nav-default .uk-nav-header,
    .uk-offcanvas-bar .uk-nav-default .uk-nav-header,
    .uk-overlay-primary .uk-nav-default .uk-nav-header,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,
    .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,
    .uk-light .uk-nav-default .uk-nav-divider,
    .uk-offcanvas-bar .uk-nav-default .uk-nav-divider,
    .uk-overlay-primary .uk-nav-default .uk-nav-divider,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider {
        border-top-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,
    .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,
    .uk-light .uk-nav-default .uk-nav-sub a,
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,
    .uk-overlay-primary .uk-nav-default .uk-nav-sub a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,
    .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,
    .uk-light .uk-nav-default .uk-nav-sub a:hover,
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
    .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-primary>li>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,
    .uk-card-secondary.uk-card-body .uk-nav-primary>li>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,
    .uk-light .uk-nav-primary>li>a,
    .uk-offcanvas-bar .uk-nav-primary>li>a,
    .uk-overlay-primary .uk-nav-primary>li>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,
    .uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,
    .uk-light .uk-nav-primary>li>a:hover,
    .uk-offcanvas-bar .uk-nav-primary>li>a:hover,
    .uk-overlay-primary .uk-nav-primary>li>a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,
    .uk-light .uk-nav-primary>li.uk-active>a,
    .uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,
    .uk-overlay-primary .uk-nav-primary>li.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,
    .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,
    .uk-light .uk-nav-primary .uk-nav-header,
    .uk-offcanvas-bar .uk-nav-primary .uk-nav-header,
    .uk-overlay-primary .uk-nav-primary .uk-nav-header,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,
    .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,
    .uk-light .uk-nav-primary .uk-nav-divider,
    .uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,
    .uk-overlay-primary .uk-nav-primary .uk-nav-divider,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider {
        border-top-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,
    .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,
    .uk-light .uk-nav-primary .uk-nav-sub a,
    .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,
    .uk-overlay-primary .uk-nav-primary .uk-nav-sub a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,
    .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,
    .uk-light .uk-nav-primary .uk-nav-sub a:hover,
    .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,
    .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary>li>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,
    .uk-card-secondary.uk-card-body .uk-nav-secondary>li>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,
    .uk-light .uk-nav-secondary>li>a,
    .uk-offcanvas-bar .uk-nav-secondary>li>a,
    .uk-overlay-primary .uk-nav-secondary>li>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,
    .uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,
    .uk-light .uk-nav-secondary>li>a:hover,
    .uk-offcanvas-bar .uk-nav-secondary>li>a:hover,
    .uk-overlay-primary .uk-nav-secondary>li>a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, .1)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,
    .uk-light .uk-nav-secondary>li.uk-active>a,
    .uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a,
    .uk-overlay-primary .uk-nav-secondary>li.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a {
        color: #fff;
        background-color: rgba(255, 255, 255, .1)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,
    .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,
    .uk-light .uk-nav-secondary .uk-nav-subtitle,
    .uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle,
    .uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-light .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-offcanvas-bar .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-overlay-primary .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-light .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-overlay-primary .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,
    .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,
    .uk-light .uk-nav-secondary .uk-nav-header,
    .uk-offcanvas-bar .uk-nav-secondary .uk-nav-header,
    .uk-overlay-primary .uk-nav-secondary .uk-nav-header,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,
    .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,
    .uk-light .uk-nav-secondary .uk-nav-divider,
    .uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider,
    .uk-overlay-primary .uk-nav-secondary .uk-nav-divider,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider {
        border-top-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,
    .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,
    .uk-light .uk-nav-secondary .uk-nav-sub a,
    .uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a,
    .uk-overlay-primary .uk-nav-secondary .uk-nav-sub a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-light .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-light .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header, .uk-nav-divider) {
        border-top-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-navbar-nav>li>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,
    .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,
    .uk-light .uk-navbar-nav>li>a,
    .uk-offcanvas-bar .uk-navbar-nav>li>a,
    .uk-overlay-primary .uk-navbar-nav>li>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,
    .uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,
    .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-light .uk-navbar-nav>li:hover>a,
    .uk-light .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-offcanvas-bar .uk-navbar-nav>li:hover>a,
    .uk-offcanvas-bar .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-overlay-primary .uk-navbar-nav>li:hover>a,
    .uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],
    .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true] {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,
    .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,
    .uk-light .uk-navbar-nav>li>a:active,
    .uk-offcanvas-bar .uk-navbar-nav>li>a:active,
    .uk-overlay-primary .uk-navbar-nav>li>a:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,
    .uk-light .uk-navbar-nav>li.uk-active>a,
    .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,
    .uk-overlay-primary .uk-navbar-nav>li.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-navbar-item,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,
    .uk-card-secondary.uk-card-body .uk-navbar-item,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,
    .uk-light .uk-navbar-item,
    .uk-offcanvas-bar .uk-navbar-item,
    .uk-overlay-primary .uk-navbar-item,
    .uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
    .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,
    .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-navbar-toggle,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,
    .uk-card-secondary.uk-card-body .uk-navbar-toggle,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,
    .uk-light .uk-navbar-toggle,
    .uk-offcanvas-bar .uk-navbar-toggle,
    .uk-overlay-primary .uk-navbar-toggle,
    .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,
    .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,
    .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-navbar-toggle:hover,
    .uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],
    .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],
    .uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,
    .uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],
    .uk-light .uk-navbar-toggle:hover,
    .uk-light .uk-navbar-toggle[aria-expanded=true],
    .uk-offcanvas-bar .uk-navbar-toggle:hover,
    .uk-offcanvas-bar .uk-navbar-toggle[aria-expanded=true],
    .uk-overlay-primary .uk-navbar-toggle:hover,
    .uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],
    .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
    .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
    .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],
    .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true] {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-subnav>*>:first-child,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,
    .uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,
    .uk-light .uk-subnav>*>:first-child,
    .uk-offcanvas-bar .uk-subnav>*>:first-child,
    .uk-overlay-primary .uk-subnav>*>:first-child,
    .uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
    .uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
    .uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-subnav>*>a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,
    .uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,
    .uk-light .uk-subnav>*>a:hover,
    .uk-offcanvas-bar .uk-subnav>*>a:hover,
    .uk-overlay-primary .uk-subnav>*>a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,
    .uk-light .uk-subnav>.uk-active>a,
    .uk-offcanvas-bar .uk-subnav>.uk-active>a,
    .uk-overlay-primary .uk-subnav>.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
        border-left-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,
    .uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,
    .uk-light .uk-subnav-pill>*>:first-child,
    .uk-offcanvas-bar .uk-subnav-pill>*>:first-child,
    .uk-overlay-primary .uk-subnav-pill>*>:first-child,
    .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,
    .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,
    .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child {
        background-color: transparent;
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,
    .uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,
    .uk-light .uk-subnav-pill>*>a:hover,
    .uk-offcanvas-bar .uk-subnav-pill>*>a:hover,
    .uk-overlay-primary .uk-subnav-pill>*>a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover {
        background-color: rgba(255, 255, 255, .1);
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,
    .uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,
    .uk-light .uk-subnav-pill>*>a:active,
    .uk-offcanvas-bar .uk-subnav-pill>*>a:active,
    .uk-overlay-primary .uk-subnav-pill>*>a:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active {
        background-color: rgba(255, 255, 255, .1);
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,
    .uk-light .uk-subnav-pill>.uk-active>a,
    .uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,
    .uk-overlay-primary .uk-subnav-pill>.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a {
        background-color: #fff;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,
    .uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,
    .uk-light .uk-subnav>.uk-disabled>a,
    .uk-offcanvas-bar .uk-subnav>.uk-disabled>a,
    .uk-overlay-primary .uk-subnav>.uk-disabled>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb>*>*,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,
    .uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,
    .uk-light .uk-breadcrumb>*>*,
    .uk-offcanvas-bar .uk-breadcrumb>*>*,
    .uk-overlay-primary .uk-breadcrumb>*>*,
    .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
    .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
    .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>* {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,
    .uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,
    .uk-light .uk-breadcrumb>*>:hover,
    .uk-offcanvas-bar .uk-breadcrumb>*>:hover,
    .uk-overlay-primary .uk-breadcrumb>*>:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,
    .uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,
    .uk-light .uk-breadcrumb>:last-child>*,
    .uk-offcanvas-bar .uk-breadcrumb>:last-child>*,
    .uk-overlay-primary .uk-breadcrumb>:last-child>*,
    .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,
    .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,
    .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>* {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-pagination>*>*,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,
    .uk-card-secondary.uk-card-body .uk-pagination>*>*,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,
    .uk-light .uk-pagination>*>*,
    .uk-offcanvas-bar .uk-pagination>*>*,
    .uk-overlay-primary .uk-pagination>*>*,
    .uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,
    .uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,
    .uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>* {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-pagination>*>:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,
    .uk-card-secondary.uk-card-body .uk-pagination>*>:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,
    .uk-light .uk-pagination>*>:hover,
    .uk-offcanvas-bar .uk-pagination>*>:hover,
    .uk-overlay-primary .uk-pagination>*>:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,
    .uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,
    .uk-light .uk-pagination>.uk-active>*,
    .uk-offcanvas-bar .uk-pagination>.uk-active>*,
    .uk-overlay-primary .uk-pagination>.uk-active>*,
    .uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
    .uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
    .uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>* {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,
    .uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,
    .uk-light .uk-pagination>.uk-disabled>*,
    .uk-offcanvas-bar .uk-pagination>.uk-disabled>*,
    .uk-overlay-primary .uk-pagination>.uk-disabled>*,
    .uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,
    .uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,
    .uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>* {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-tab::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before,
    .uk-card-secondary.uk-card-body .uk-tab::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before,
    .uk-light .uk-tab::before,
    .uk-offcanvas-bar .uk-tab::before,
    .uk-overlay-primary .uk-tab::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-tab::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before {
        border-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-tab>*>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,
    .uk-card-secondary.uk-card-body .uk-tab>*>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,
    .uk-light .uk-tab>*>a,
    .uk-offcanvas-bar .uk-tab>*>a,
    .uk-overlay-primary .uk-tab>*>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-tab>*>a:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,
    .uk-card-secondary.uk-card-body .uk-tab>*>a:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,
    .uk-light .uk-tab>*>a:hover,
    .uk-offcanvas-bar .uk-tab>*>a:hover,
    .uk-overlay-primary .uk-tab>*>a:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-tab>.uk-active>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,
    .uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,
    .uk-light .uk-tab>.uk-active>a,
    .uk-offcanvas-bar .uk-tab>.uk-active>a,
    .uk-overlay-primary .uk-tab>.uk-active>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a {
        color: #fff;
        border-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,
    .uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,
    .uk-light .uk-tab>.uk-disabled>a,
    .uk-offcanvas-bar .uk-tab>.uk-disabled>a,
    .uk-overlay-primary .uk-tab>.uk-disabled>a,
    .uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,
    .uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,
    .uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-slidenav,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,
    .uk-card-secondary.uk-card-body .uk-slidenav,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,
    .uk-light .uk-slidenav,
    .uk-offcanvas-bar .uk-slidenav,
    .uk-overlay-primary .uk-slidenav,
    .uk-section-primary:not(.uk-preserve-color) .uk-slidenav,
    .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,
    .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-slidenav:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,
    .uk-card-secondary.uk-card-body .uk-slidenav:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,
    .uk-light .uk-slidenav:hover,
    .uk-offcanvas-bar .uk-slidenav:hover,
    .uk-overlay-primary .uk-slidenav:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover {
        color: rgba(255, 255, 255, .95)
    }

    .uk-card-primary.uk-card-body .uk-slidenav:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,
    .uk-card-secondary.uk-card-body .uk-slidenav:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,
    .uk-light .uk-slidenav:active,
    .uk-offcanvas-bar .uk-slidenav:active,
    .uk-overlay-primary .uk-slidenav:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-dotnav>*>*,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,
    .uk-card-secondary.uk-card-body .uk-dotnav>*>*,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,
    .uk-light .uk-dotnav>*>*,
    .uk-offcanvas-bar .uk-dotnav>*>*,
    .uk-overlay-primary .uk-dotnav>*>*,
    .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,
    .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,
    .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>* {
        background-color: transparent;
        border-color: rgba(255, 255, 255, .9)
    }

    .uk-card-primary.uk-card-body .uk-dotnav>*>:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,
    .uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,
    .uk-light .uk-dotnav>*>:hover,
    .uk-offcanvas-bar .uk-dotnav>*>:hover,
    .uk-overlay-primary .uk-dotnav>*>:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover {
        background-color: rgba(255, 255, 255, .9);
        border-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-dotnav>*>:active,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,
    .uk-card-secondary.uk-card-body .uk-dotnav>*>:active,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,
    .uk-light .uk-dotnav>*>:active,
    .uk-offcanvas-bar .uk-dotnav>*>:active,
    .uk-overlay-primary .uk-dotnav>*>:active,
    .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,
    .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,
    .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active {
        background-color: rgba(255, 255, 255, .5);
        border-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,
    .uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,
    .uk-light .uk-dotnav>.uk-active>*,
    .uk-offcanvas-bar .uk-dotnav>.uk-active>*,
    .uk-overlay-primary .uk-dotnav>.uk-active>*,
    .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
    .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
    .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>* {
        background-color: rgba(255, 255, 255, .9);
        border-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-text-lead,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,
    .uk-card-secondary.uk-card-body .uk-text-lead,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,
    .uk-light .uk-text-lead,
    .uk-offcanvas-bar .uk-text-lead,
    .uk-overlay-primary .uk-text-lead,
    .uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
    .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
    .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead {
        color: rgba(255, 255, 255, .7)
    }

    .uk-card-primary.uk-card-body .uk-text-meta,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,
    .uk-card-secondary.uk-card-body .uk-text-meta,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,
    .uk-light .uk-text-meta,
    .uk-offcanvas-bar .uk-text-meta,
    .uk-overlay-primary .uk-text-meta,
    .uk-section-primary:not(.uk-preserve-color) .uk-text-meta,
    .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,
    .uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta {
        color: rgba(255, 255, 255, .5)
    }

    .uk-card-primary.uk-card-body .uk-text-muted,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,
    .uk-card-secondary.uk-card-body .uk-text-muted,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,
    .uk-light .uk-text-muted,
    .uk-offcanvas-bar .uk-text-muted,
    .uk-overlay-primary .uk-text-muted,
    .uk-section-primary:not(.uk-preserve-color) .uk-text-muted,
    .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,
    .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
        color: rgba(255, 255, 255, .5) !important
    }

    .uk-card-primary.uk-card-body .uk-text-emphasis,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,
    .uk-card-secondary.uk-card-body .uk-text-emphasis,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,
    .uk-light .uk-text-emphasis,
    .uk-offcanvas-bar .uk-text-emphasis,
    .uk-overlay-primary .uk-text-emphasis,
    .uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,
    .uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,
    .uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-text-primary,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,
    .uk-card-secondary.uk-card-body .uk-text-primary,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,
    .uk-light .uk-text-primary,
    .uk-offcanvas-bar .uk-text-primary,
    .uk-overlay-primary .uk-text-primary,
    .uk-section-primary:not(.uk-preserve-color) .uk-text-primary,
    .uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,
    .uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-text-secondary,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,
    .uk-card-secondary.uk-card-body .uk-text-secondary,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,
    .uk-light .uk-text-secondary,
    .uk-offcanvas-bar .uk-text-secondary,
    .uk-overlay-primary .uk-text-secondary,
    .uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,
    .uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,
    .uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-column-divider,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,
    .uk-card-secondary.uk-card-body .uk-column-divider,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,
    .uk-light .uk-column-divider,
    .uk-offcanvas-bar .uk-column-divider,
    .uk-overlay-primary .uk-column-divider,
    .uk-section-primary:not(.uk-preserve-color) .uk-column-divider,
    .uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,
    .uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider {
        column-rule-color: rgba(255, 255, 255, 0.2)
    }

    .uk-card-primary.uk-card-body .uk-logo,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-logo,
    .uk-card-secondary.uk-card-body .uk-logo,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,
    .uk-light .uk-logo,
    .uk-offcanvas-bar .uk-logo,
    .uk-overlay-primary .uk-logo,
    .uk-section-primary:not(.uk-preserve-color) .uk-logo,
    .uk-section-secondary:not(.uk-preserve-color) .uk-logo,
    .uk-tile-primary:not(.uk-preserve-color) .uk-logo,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-logo {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-logo:hover,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,
    .uk-card-secondary.uk-card-body .uk-logo:hover,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,
    .uk-light .uk-logo:hover,
    .uk-offcanvas-bar .uk-logo:hover,
    .uk-overlay-primary .uk-logo:hover,
    .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,
    .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,
    .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-card-primary>:not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-light .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-overlay-primary .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),
    .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
        display: none
    }

    .uk-card-primary.uk-card-body .uk-logo-inverse,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,
    .uk-card-secondary.uk-card-body .uk-logo-inverse,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,
    .uk-light .uk-logo-inverse,
    .uk-offcanvas-bar .uk-logo-inverse,
    .uk-overlay-primary .uk-logo-inverse,
    .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,
    .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,
    .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse {
        display: block
    }

    .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-light .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-light .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-overlay-primary .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child {
        border-bottom-color: rgba(255, 255, 255, .2)
    }

    .uk-card-primary.uk-card-body .uk-accordion-title::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before,
    .uk-card-secondary.uk-card-body .uk-accordion-title::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before,
    .uk-light .uk-accordion-title::before,
    .uk-offcanvas-bar .uk-accordion-title::before,
    .uk-overlay-primary .uk-accordion-title::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    .uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before,
    .uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,
    .uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before,
    .uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,
    .uk-light .uk-open>.uk-accordion-title::before,
    .uk-offcanvas-bar .uk-open>.uk-accordion-title::before,
    .uk-overlay-primary .uk-open>.uk-accordion-title::before,
    .uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,
    .uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,
    .uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,
    .uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
    }

    * {
        --uk-inverse: initial
    }

    .uk-card-primary.uk-card-body,
    .uk-card-primary>:not([class*=uk-card-media]),
    .uk-card-secondary.uk-card-body,
    .uk-card-secondary>:not([class*=uk-card-media]),
    .uk-light,
    .uk-offcanvas-bar,
    .uk-overlay-primary,
    .uk-section-primary:not(.uk-preserve-color),
    .uk-section-secondary:not(.uk-preserve-color),
    .uk-tile-primary:not(.uk-preserve-color),
    .uk-tile-secondary:not(.uk-preserve-color) {
        --uk-inverse: light
    }

    .uk-card-default.uk-card-body,
    .uk-card-default>:not([class*=uk-card-media]),
    .uk-dark,
    .uk-dropbar,
    .uk-dropdown,
    .uk-navbar-container:not(.uk-navbar-transparent),
    .uk-navbar-dropdown,
    .uk-overlay-default,
    .uk-section-default:not(.uk-preserve-color),
    .uk-section-muted:not(.uk-preserve-color),
    .uk-tile-default:not(.uk-preserve-color),
    .uk-tile-muted:not(.uk-preserve-color) {
        --uk-inverse: dark
    }

    .uk-inverse-light {
        --uk-inverse: light !important
    }

    .uk-inverse-dark {
        --uk-inverse: dark !important
    }

    @media print {

        *,
        ::after,
        ::before {
            background: 0 0 !important;
            color: #000 !important;
            box-shadow: none !important;
            text-shadow: none !important
        }

        a,
        a:visited {
            text-decoration: underline
        }

        blockquote,
        pre {
            border: 1px solid #999;
            page-break-inside: avoid
        }

        thead {
            display: table-header-group
        }

        img,
        mip-img,
        tr {
            page-break-inside: avoid
        }

        img,
        mip-img {
            max-width: 100% !important
        }

        @page {
            margin: .5cm
        }

        h2,
        h3,
        p {
            orphans: 3;
            widows: 3
        }

        h2,
        h3 {
            page-break-after: avoid
        }
    }

    /* mip样式处理 */
    img {
        width: auto;
        margin: 0 auto;
    }

    mip-img {
        font-size: inherit;
        display: inherit;
        width: inherit;


    }

    mip-tabs .mip-tabs .mip-tabs-content-wrap mip-tabs-item {
        padding: 0;
        padding-left: 0;
    }

    mip-tabs .mip-tabs {
        padding-bottom: 0
    }

    /* 自定义样式 */
    body {
        background-color: #fff;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
            PingFang SC, Noto Sans, Roboto, Microsoft Yahei, sans-serif,
            Apple Color Emoji, Segoe UI Emoji;
    }

    body:before {
        background: 0;
        z-index: 0;
    }

    .uk-link,
    a {
        color: #303133;
        transition: all 0.3s;
    }

    html {
        font-size: 14px;
    }

    .uk-link-toggle:focus .uk-link,
    .uk-link-toggle:hover .uk-link,
    .uk-link:hover,
    a:hover {
        text-decoration: none;
        outline: none;
        transition: all 0.3s;
    }

    ul,
    ol {
        list-style: none;
    }

    ::-webkit-scrollbar {
        width: 10px;
        height: 3px;
    }

    ::-webkit-scrollbar-track {
        background: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background: #f1f2f6;
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #f1f2f6;
    }

    ::-webkit-scrollbar-corner {
        background: #f00;
    }

    .icon-star {
        position: relative;
        display: inline-block;
        height: 15px;
        width: 102px;
        background-image: url(<?= assets_url('images/icon-star-bg.png');
?>);
        background-size: 100%;
        background-repeat: no-repeat;
        transform: translateY(1px);
    }

    .icon-star:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-image: url(<?= assets_url('images/icon-star.png');
?>);
    }

    .star-1:after {
        width: 20px;
    }

    .star-2:after {
        width: 38px;
    }

    .star-3:after {
        width: 60px;
    }

    .star-4:after {
        width: 85px;
    }

    .star-5:after {
        width: 102px;
    }

    .gotop {
        width: 40px;
        height: 40px;
        right: 50px;
        bottom: 50px;
        background-color: #008ee1;
        cursor: pointer;
        z-index: 999;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;
    }

    .gotop a {
        font-weight: bold;
        font-size: 20px;
        display: block;
    }

    .aligncenter {
        text-align: center;
        margin: 0 auto;
        max-width: 90%;
    }

    .date-time.highlight {
        color: red !important;
    }

    .line-2 {
        display: -webkit-box;
        /* 必须 */
        -webkit-box-orient: vertical;
        /* 必须 */
        overflow: hidden;
        /* 必须，隐藏超出内容 */
        -webkit-line-clamp: 2;
        /* 限制行数为2行 */
        text-overflow: ellipsis;
        /* 如果需要更好的兼容性，可以加上这个 */
    }

    /* 标题样式开始 */
    .module-title {
        border-bottom: 1px solid #f1f2f6;
    }

    .module-title h2,
    .module-title h1 {
        display: inline-block;
        padding-bottom: 20px;
        color: #303133;
        position: relative;
        font-size: 18px;
        margin-bottom: 0;
        line-height: 1.2;
    }

    .module-title span {
        display: inline-block;
        padding-bottom: 20px;
        color: #303133;
        position: relative;
        font-size: 18px;
        margin-bottom: 0;
        line-height: 1.2;
    }

    .module-title ul {
        list-style: none;
        text-align: right;
        margin: 0;
    }

    .module-title ul .current-cat a {
        position: relative;
        color: #008ee1;
        font-weight: bold;
    }

    .module-title ul li {
        display: inline-block;
        margin-left: 30px;
    }

    .module-title ul li a {
        font-size: 13px;
        display: block;
        color: #606266;
    }

    .module-title ul li a:hover {
        color: #008ee1;
    }

    /* 标题样式结束 */
    /* Logo 开始*/
    header.header .uk-container .logo {
        padding: 15px 0;
        font-size: 22px;
        font-weight: bold;
    }

    header.header .uk-container .logo a img,
    header.header .uk-container .logo a mip-img {
        width: 180px;
    }

    header.header .uk-container .logo a {
        width: 180px;
        display: block;
    }

    /* Logo 结束*/
    /* 顶部导航开始 */
    .top-bar {
        height: 40px;
        line-height: 40px;
        padding: 0;
        background-color: #fafafa;
        border-top: 3px solid #008ee1;
        border-bottom: 1px solid #f1f2f6;
    }

    .top-bar span {
        font-size: 13px;
        color: #fff;
        opacity: 0.8;
    }

    .top-bar ul {
        padding-right: 120px;
        list-style: none;
    }

    .top-bar ul li {
        float: left;
        position: relative;
        margin-left: -15px;
    }

    .top-bar ul li a {
        color: #909399;
        padding: 0 15px 0 15px;
        font-size: 13px;
    }

    .top-bar ul li::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(-50%, -50%);
        width: 1px;
        height: 10px;
        background-color: #bde7ff;
    }

    .top-bar ul li a:before {
        content: "";
        margin-right: 2px;
    }

    .top-bar ul li:last-child {
        padding: 0;
        margin: 0;
    }

    .top-bar ul li:last-child::after {
        display: none;
    }

    .top-menu {
        padding-left: 0;
    }

    /* 顶部导航结束 */

    /* 全站导航开始 */
    .all-menu {
        width: 100%;
        height: 0px;
        background: #008ee1;

        transition: all 0.3s;
    }

    .menu-show {
        height: 270px;
    }

    .all-menu>div {
        height: 100%;
    }

    .all-menu-warp {
        height: 100%;
    }

    .all-menu-warp>div {
        padding: 30px 0;
    }

    .all-menu-warp h3 {
        font-weight: bold;
        font-size: 17px;
    }

    .all-menu-warp ul {
        display: flex;
        list-style: none;
        padding: 0;
    }

    .all-menu-warp ul li {
        margin-right: 20px;
        min-width: 100px;
    }

    .all-menu-btn {
        display: block;
        z-index: 50;
        top: 0px;
        width: 118px;
        height: 65px;
        text-align: center;
        background-image: url(../wp-content/themes/softsphere/assets/images/all-menu-btn-bg.png);
        background-repeat: no-repeat;
        background-size: 100%;
        font-size: 13px;
        letter-spacing: 4px;
        line-height: 28px;
        cursor: pointer;
        transition: all 0.3s;
    }

    .menu-show .all-menu-btn {
        top: 100% !important;
    }

    .all-menu-btn span {
        color: #fff;
        display: inline-block;
        position: relative;
    }

    /* 全站导航结束 */
    /* logo开始 */
    .logo h1 {
        padding: 0;
        margin: 0;
    }

    /* logo结束 */
    /* 搜索开始 */
    .search {
        margin: 0 20px;
    }

    .search form {
        width: 320px;
        background: #fafcfd;
        overflow: hidden;
    }

    .search form input {
        height: 100%;
        background: transparent;
        outline: none;
        color: #c0c4cc;
        width: 100%;
        padding: 11px 25px 11px 10px;
        border: 1px solid #cee3e9;
    }

    .search form button {
        min-width: 70px;
        background: #008ee1;
        font-size: 15px;
        letter-spacing: 1px;
        color: rgb(255, 255, 255);
        height: 100%;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border: 1px solid #008ee1;
    }

    .search-cat {
        width: 90px;
        height: 100%;
        background-color: transparent !important;
        border: 1px solid #cee3e9;
        border-right: 0;
        border-radius: 50px 0 0 50px;
    }

    .uk-select:focus {
        border-color: #cee3e9;
    }

    input::-webkit-input-placeholder {
        color: #c0c4cc;
    }

    input:-moz-placeholder {
        color: #c0c4cc;
    }

    input::-moz-placeholder {
        color: #c0c4cc;
    }

    input::-ms-input-placeholder {
        color: #c0c4cc;
    }

    /* 搜索结束 */

    /* 登陆注册开始 */
    .memger {}

    .memger a {
        padding-right: 10px;
        color: #909090;
    }

    /* 登陆注册结束 */

    /* 导航开始 */
    .nav-bar {
        background: #008ee1;
        height: 56px;
    }

    .nav-bar>ul {
        overflow: hidden;
        list-style: none;
        align-items: center;
    }

    .nav-bar>ul .sub-menu {
        display: none;
    }

    .nav-bar>ul>li {
        line-height: 56px;
        flex: 1;
        text-align: center;
    }

    .nav-bar>ul>li>a {
        display: block;
        font-size: 16px;
        letter-spacing: 0.5px;
        color: #fff;
        padding: 0 30px;
    }

    .nav-bar>ul>li>a:hover {
        background: #066eb4;
    }

    .nav-bar>ul>.active a {
        background: #066eb4;
    }

    .nav-bar>ul>li>a {
        position: relative;
    }

    .nav-bar>ul>li>a em {
        position: absolute;
        top: 15px;
        right: -10px;
        display: inline-block;
        font-size: 12px;
        color: #fff;
        line-height: normal;
        border-radius: 10px;
        z-index: 10;
        padding: 0px 8px 2px 6px;
        transform: scale(0.75) translateY(-15px);
    }

    .nav-bar>ul>li>a>.hot {
        background: linear-gradient(to right, #fa9b39 0, #e1601d 100%);
    }

    .nav-bar>ul>li>a>.new {
        background: linear-gradient(to right, #fa39f4 0, #991de1 100%);
    }

    /* 导航结束 */

    /* 精彩推荐开始 */
    .recom {
        overflow: hidden;
    }

    .recom i {
        width: 36px;
        height: 119px;
        display: block;
        margin-right: 15px;
    }

    .recom ul {
        padding: 5px 0;
        padding-bottom: 0;
        list-style: none;
        margin: 0 -8px;
        overflow-x: scroll;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .recom ul li {
        text-align: center;
        width: 10%;
        height: 100px;
        overflow: hidden;
    }

    .recom ul li a {
        display: flex;
        /* 改用 flex 布局 */
        flex-direction: column;
        /* 图片在上，文字在下 */
        align-items: center;
        /* 水平居中 */
        color: #606266;
        font-size: 14px;
        padding: 0 8px;
        font-family: Arial;
    }

    /* 图片样式 */
    .recom ul li a img,
    .recom ul li a mip-img {
        margin-bottom: 5px;
        border-radius: 16px;
        width: 78px;
        /* 固定图片宽度 */
        height: 78px;
        /* 固定图片高度 */
    }

    /* 文字部分单独控制 */
    .recom ul li a span {
        display: block;
        /* 确保文字单独一行 */
        white-space: nowrap;
        /* 禁止换行 */
        overflow: hidden;
        /* 隐藏溢出 */
        text-overflow: ellipsis;
        /* 显示省略号 */
        max-width: 100%;
        /* 限制宽度 */
    }

    /* 悬停效果 */
    .recom ul li:hover a {
        color: #008ee1;
    }

    .recom ul li .icon {
        margin-bottom: 6px;
        overflow: hidden;
    }

    .recom ul li .icon img,
    .recom ul li .icon mip-img {
        border-radius: 12px;
        width: 78px;
        height: 78px;
    }

    .recom-cat ul li strong {
        font-size: 18px;
        color: #333;
    }

    .recom-cat ul li strong::after {
        content: "";
        background: url(<?= assets_url('images/recom-cat-icon.png');
?>) no-repeat;
        width: 7px;
        height: 11px;
        display: inline-block;
        background-size: 7px 11px;
        margin: 0 10px;
    }

    .recom-cat ul {
        overflow: hidden;
        padding-left: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 0;
        list-style: none;
        white-space: nowrap;
        position: relative;

        border-bottom: solid #f1f2f6 1px;
    }

    .recom-cat ul:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 50px;
        background: linear-gradient(-89deg,
                rgb(255, 255, 255),
                rgb(255, 255, 255, 0.1));
    }

    .recom-cat ul:last-child {
        margin-bottom: 20px;
        border: none;
        padding: 0;
    }

    .recom-cat ul li {
        flex: 1;
    }

    .recom-cat ul li span {
        font-size: 18px;
        color: #333;
    }

    .recom-cat ul li a {
        color: #606266;
        display: block;
        max-width: 100px;
        overflow: hidden;
        transform: translateY(5px);
        margin-right: 20px;
    }

    .recom-cat ul li a:hover {
        color: #008ee1;
    }

    /* 精彩推荐结束 */

    /* 幻灯片焦点图开始 */
    .w400 {
        width: 400px;
    }

    .w300 {
        width: 300px;
    }

    .w320 {
        width: 320px;
    }

    .w360 {
        width: 360px;
    }

    .slide .uk-slideshow-items {
        min-height: 230px !important;
    }

    .slide .uk-slideshow-nav {
        position: absolute;
        left: 20px;
        top: 10px;
        width: 100%;
    }

    .slide .uk-slideshow-nav li {
        margin: 0 3px;
        padding: 0;
    }

    .slide .uk-slideshow-nav a {
        background: #fff;
        border: 0;
        width: 8px;
        height: 8px;
    }

    .slide .uk-slideshow-nav .uk-active {}

    .slide .uk-slideshow-nav .uk-active a {
        border-radius: 20px;
        width: 20px;
        background: #008ee1;
    }

    .slide span {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 100%);
        color: #fff;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: left;
        display: block;
        z-index: 9999;
        position: absolute;
        bottom: 0;
        font-weight: 700;
        font-size: 16px;
        padding: 10px;
    }

    .slide .thumb {
        height: 125px;
        width: 185px;
    }

    .slide .thumb .cover {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 100%);
    }

    .slide .thumb .cover p {
        margin: 10px;
        color: #fff;
    }

    .slide .thumb .cover p a {
        color: #fff;
    }

    /* 幻灯片焦点图结束 */

    /* newstab 开始 */

    .style-tab-one {
        border: 1px solid #f6f6f6;
    }

    .style-tab-one .style-tab-one-menu {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #f6f6f6;
    }

    .style-tab-one .style-tab-one-menu li {
        display: inline-block;
        transform: translateY(1px);
    }

    .style-tab-one .style-tab-one-menu li a,
    .style-tab-one .style-tab-one-menu li span,
    .style-tab-one .style-tab-one-menu li h2 {
        display: block;
        padding: 14px 0;
        text-align: center;
        background: #fafafa;
        cursor: pointer;
        color: #909399;
        margin: 0 1px;
    }

    .style-tab-one .style-tab-one-menu .uk-active a,
    .style-tab-one .style-tab-one-menu .uk-active span,
    .style-tab-one .style-tab-one-menu .uk-active h2 {
        background: #fff;
        position: relative;
        border-right: 1px solid #f6f6f6;
        padding: 15px 0;
        color: #008ee1;
        margin: 0;
        margin-top: -2px;
    }

    .style-tab-one .style-tab-one-menu .uk-active a:after,
    .style-tab-one .style-tab-one-menu .uk-active span:after,
    .style-tab-one .style-tab-one-menu .uk-active h2:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #008ee1;
    }

    .style-tab-one .style-tab-one-menu li h2 {
        font-size: 15px;
    }

    .style-tab-one-ul .uk-list h3 {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: normal;
    }

    .style-tab-one-ul .uk-list h3 a {
        font-size: 14px;
        font-weight: normal;
    }

    .style-tab-one-ul h3 {
        margin: 0;
        padding: 0 0 10px 0;
    }

    .index-upload .style-tab-one-ul ul li h3 {
        line-height: 20px;
        font-weight: normal;
    }

    .index-upload .style-tab-one-ul ul li h3 a {
        font-weight: normal;
        padding: 0;
    }

    .style-tab-one-ul h3 a {
        color: #008ee1;
        font-weight: bold;
    }

    .style-tab-one-ul h3 a {
        font-size: 16px;
    }

    .style-tab-one-ul h3 p {
        padding-top: 10px;
        font-size: 14px;
        color: #909399;
    }

    .style-tab-one-ul ul {
        /*border-top: 1px dashed #f1f2f6;*/
        padding-top: 0;
        margin-top: 15px !important;
    }

    .style-tab-one-ul ul span {
        color: #909399;
        margin-left: 20px;
    }

    .style-tab-one-ul ul li {
        margin-top: 10px;
    }

    .style-tab-one-ul ul li a {
        color: #606266;
    }

    .style-tab-one-ul ul li:hover a {
        color: #008ee1;
    }

    .tab-recom-app h3 {
        margin: 0;
        font-size: inherit;
        font-size: 12px;
        line-height: 18px;
    }

    .tab-recom-app a {
        font-size: 12px;
        padding-top: 5px;
    }

    .tab-recom-app .uk-grid-small>.uk-grid-margin {
        margin-top: 10px;
    }

    .tab-recom-app .uk-margin-remove-top {
        margin-top: -8px !important;
    }

    .tab-recom-app .uk-padding-small {
        margin-bottom: -8px;
    }

    /* newstab 结束 */

    /* 首页软件列表 */
    .index-apps .index-apps-list.uk-grid {
        margin-left: -20px;
    }

    .index-apps .index-apps-list .uk-grid-margin {
        margin-top: 20px;
    }

    .index-apps .index-apps-list .item {
        width: 10%;
        padding-left: 20px;
    }

    .index-apps .index-apps-list .item .icon {
        display: block;
        margin-bottom: 5px;
        border-radius: 12px;
        width: 100%;
        height: 100%;
    }

    .index-apps .index-apps-list .item .icon img,
    .index-apps .index-apps-list .item .icon mip-img {
        width: 100%;
        height: 100%;
        border-radius: 12px;
    }

    .index-apps .index-apps-list .item .icon span {
        margin-top: 6px;
        color: #606266;
        transition: all 0.3s;
    }

    .index-apps .index-apps-list .item h3 {
        padding: 0;
        margin: 0;
        font-size: 14px;
    }

    .index-apps .index-apps-list .item:hover span {
        color: #008ee1;
        font-size: 14px;
    }

    /* 首页新闻列表开始 */
    .index-news-center .uk-padding-small {
        border-bottom: 1px solid #f1f2f6;
    }

    .index-news .index-news-center ul {
        margin-bottom: 0;
        padding: 0;
        list-style: none;
        border-left: 1px solid #f1f2f6;
    }

    .index-news .index-news-center li {
        padding-left: 15px;
        position: relative;
    }

    .index-news .index-news-center li:last-child {
        margin-bottom: 0;
    }

    .index-news .index-news-center li a {
        padding: 7px 0;
        color: #606266;
    }

    .index-news .index-news-center li h3 {
        font-size: 14px;
        padding: 7px 0;
        margin: 0;
    }

    .index-news .index-news-center ul li:first-child a {
        padding-top: 0;
    }

    .index-news .index-news-center ul li:last-child a {
        padding-bottom: 0;
    }

    .index-news .index-news-center li:hover a {
        color: #008ee1;
    }

    .index-news .index-news-center li:before {
        content: "";
        position: absolute;
        top: 16px;
        left: -3px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #eee;
        transition: all 0.3s;
    }

    .index-news .index-news-center li:hover:before {
        background: #008ee1;
        border: 1px solid #008ee1;
    }

    .index-news .index-news-right ul.top {
        display: flex;
        flex-wrap: wrap;
        margin-left: -30px;
        margin-bottom: 0;
    }

    .index-news .index-news-right ul.top li {
        flex-basis: 45%;
        margin: 0;
        margin-left: 15px;
        text-align: center;
        margin-bottom: 10px;
        height: 114px;
        overflow: hidden;
        position: relative;
    }

    .index-news .index-news-right ul.top li img,
    .index-news .index-news-right ul.top li mip-img {
        width: 100%;
    }

    .index-news .index-news-right ul.top h3 {

        margin: 5px 0 0 0;
        font-size: 14px;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        width: 100%;
        background: #000;
        padding: 10px 5px;
    }

    .index-news-right ul.bottom {
        margin-bottom: 0;
        padding: 0;
        list-style: none;
        border-left: 1px solid #f1f2f6;
        margin-top: 0;
    }

    .index-news-right ul.bottom li {
        padding-left: 15px;
        position: relative;
    }

    .index-news-right ul.bottom li:last-child {
        margin-bottom: 0;
    }

    .index-news-right ul.bottom li a {
        padding: 7px 0 8px 0;
        color: #606266;
    }

    .index-news .index-news-right ul.bottom h3 {
        padding: 7px 0 8px 0;
        color: #606266;
        margin: 0;
        font-size: 14px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .index-news-right ul.bottom li:first-child a {
        padding-top: 0;
    }

    .index-news-right ul.bottom li:last-child a {
        padding-bottom: 0;
    }

    .index-news-right ul.bottom li:hover a {
        color: #008ee1;
    }

    .index-news-right ul.bottom li:before {
        content: "";
        position: absolute;
        top: 15px;
        left: -3px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #eee;
        transition: all 0.3s;
    }

    .index-news-right ul.bottom li:hover:before {
        background: #008ee1;
        border: 1px solid #008ee1;
    }

    /* 首页新闻列表结束 */
    /* 排行榜开始 */
    .rank {}

    .rank ul {
        padding: 0;
        list-style: none;
        margin-bottom: 0;
    }

    .phb-item {
        border: 1px solid #f1f2f6;
    }

    .phb-item h2,
    .phb-item .module-title h3 {
        padding-top: 20px;
        padding-left: 20px;
    }

    .phb-item .module-title h3 {
        font-size: 18px;
    }

    .page-phb .rank ul {
        padding: 15px;
    }

    .page-phb .item-more {
        margin-top: 20px;
        background: #d5f0ff;
        color: #008ee1;
        display: block;
        padding: 10px 0;
        margin: 10px;
        border-radius: 4px;
        text-align: center;
        font-size: 13px;
    }

    .page-phb .phb-item:hover .item-more {
        background-color: #008ee1;
        color: #fff;
    }

    .rank ul li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #008ee1;
    }

    .rank ul li:last-child {
        margin-bottom: 0;
        padding: 0;
        border: 0;
    }

    .rank .active .list {
        display: none !important;
    }

    .rank .active .card {
        display: flex;
    }

    .rank .card .icon {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        overflow: hidden;
    }

    .rank .card .info {
        overflow: hidden;
    }

    .rank .card .info a {
        font-size: 15px;
        color: #303133;
        margin-bottom: 6px;
    }

    .rank ul li h3 {
        padding-bottom: 0;
        font-size: 15px;
        color: #303133;
        margin-bottom: 6px;
    }

    .rank .card p {
        /* text-indent: 2em;
    font-size: 16px;
    line-height: 36px;
	padding-top: 10px; */
        margin-bottom: 5px;
    }

    .view-details-btn {
        padding: 5px 6px;
        border-radius: 4px;
        background: #d5f0ff;
        color: #008ee1;
    }

    .app-version-list li:hover .view-details-btn,
    .rank ul li:hover .view-details-btn {
        background: #008ee1;
        color: #fff;
    }

    aside .rank .active .card p {
        display: block;
    }

    .rank .num {
        font-size: 12px;
        display: inline-block;
        width: 20px;
        text-align: center;
        line-height: 20px;
        background: #eee;
        color: #909399;
        border-radius: 4px;
    }

    .rank ul li {
        border-bottom: 1px dashed #f1f2f6;
    }

    .rank ul li:nth-child(1) .num {
        background: #008ee1;
        color: #fff;
    }

    .rank ul li:nth-child(2) .num {
        background: #5fb9ff;
        color: #fff;
    }

    .rank ul li:nth-child(3) .num {
        background: #b0ddff;
        color: #fff;
    }

    .news-content-cardbox .view-details-btn {
        padding: 5px 6px;
        border-radius: 4px;
        background: #008ee1;
        color: #fff;
        line-height: 28px;
    }

    .news-content-cardbox.rank .card .icon {
        width: 75px;
        height: 75px;
    }

    .news-content-cardbox.rank .card .info h4 {
        background: none;
        font-style: normal;
        color: #303133;
        margin: 0;
        padding: 0;
    }

    .news-content-cardbox.rank .card .info {
        font-size: 12px;
        padding: 10px 0;
    }

    .news-content-cardbox.rank .card .info span {
        color: #fff;
        padding: 2px 6px;
        border-radius: 4px;
    }

    .news-content-cardbox.rank .card .info span:nth-child(1) {
        background: #0fe29a;
    }

    .news-content-cardbox.rank .card .info span:nth-child(2) {
        background: #ffb700;
    }

    .news-content-cardbox.rank .card .info span:nth-child(3) {
        background: #6659e7;
    }

    .news-content-cardbox.rank .card .info span:nth-child(4) {
        background: #fc5185;
    }

    .news-content-cardbox.rank .card .info span:nth-child(5) {
        background: #409eff;
    }

    .news-content-cardbox.rank .card .info .desc {
        font-size: 12px;
        color: #909090;
    }

    /* 排行榜结束 */
    /* 相关版本开始 */
    .app-version .app-version-list {}

    .app-version .app-version-list ul {
        padding: 0;
        list-style: none;
        margin-bottom: 0;
    }

    .app-version .app-version-list ul li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #008ee1;
    }

    .app-version .app-version-list ul li a p.uk-grid-margin {
        color: #909090;
        font-size: 14px;
    }

    .app-version .app-version-list ul li a h3 {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .app-version .app-version-list ul li:last-child {
        margin-bottom: 0;
        padding: 0;
        border: 0;
    }

    .app-version .app-version-list .active .list {
        display: none !important;
    }

    .app-version .app-version-list .active .card {
        display: flex;
    }

    /* .app-version .app-version-list .card {
	display: none;
} */

    .app-version .app-version-list .card .icon {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        overflow: hidden;
    }

    .app-version .app-version-list .card .info {
        overflow: hidden;
    }

    .app-version .app-version-list .card .info a {
        font-size: 15px;
        color: #303133;
        margin-bottom: 6px;
    }

    .app-version .app-version-list .card .info em {
        display: inline-block;
        width: 1px;
        height: 12px;
        background: #eee;
        margin: 0 8px;
    }

    .app-version .app-version-list ul li h3 {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .app-version .app-version-list .card .view-details-btn a {
        padding: 5px 6px;
        border-radius: 4px;
        background: #008ee1;
        color: #fff;
    }

    .app-version .app-version-list .card .view-details-btn a:hover {
        background: #008ee1;
        color: #fff;
    }

    .app-version .app-version-list .card p {
        text-indent: 2em;
        font-size: 16px;
        line-height: 36px;
        padding-top: 10px;
        display: none;
    }

    .app-version .app-version-list .active .card p {
        display: block;
    }

    .app-version .app-version-list .list a {
        font-size: 15px;
        color: #606266;
    }

    .app-version .app-version-list .list b {
        font-weight: normal;
    }

    .app-version .app-version-list .num {
        font-size: 12px;
        display: inline-block;
        width: 20px;
        text-align: center;
        line-height: 20px;
        background: #eee;
        color: #909399;
        border-radius: 4px;
    }

    .app-version .app-version-list ul li {
        border-bottom: 1px dashed #f1f2f6;
    }

    .app-version .app-version-list ul li:nth-child(1) .num {
        background: #008ee1;
        color: #fff;
    }

    .app-version .app-version-list ul li:nth-child(2) .num {
        background: #5fb9ff;
        color: #fff;
    }

    .app-version .app-version-list ul li:nth-child(3) .num {
        background: #b0ddff;
        color: #fff;
    }

    /* 相关版本结束 */
    /* 评论开始 */
    .comments {
        border: 1px solid #f1f2f6;
        border-top: none;
    }

    .comments-form .comments-must-login {
        background-color: #f1f2f6;
        height: 100px;
        border-radius: 8px 8px 0 0;
    }

    .form-submit {
        background-color: #fff;
        border: #f1f2f6 1px solid;
        font-size: 12px;
        padding: 10px 15px;
    }

    .comments-list {
        font-size: 12px;
        border: 1px solid #f1f2f6;
        border-top: none;
        border-radius: 0 0 8px 8px;
    }

    /* 评论结束 */
    /* 隐私权限开始 */
    #app_info_cover {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        z-index: 9999;
    }

    #app_info_cover .app_info_main {
        background: #fff;
        width: 520px;
        margin: auto;
        margin-top: 100px;
        border-radius: 8px;
        overflow: hidden;
    }

    #app_info_cover .app_info_title {
        background: #008ee1;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 50px;
    }

    #app_info_cover .app_info_body {
        padding: 20px;
        height: 320px;
        overflow-y: scroll;
        text-align: left;
    }

    #app_info_cover .app_info_body p {
        margin: 10px 0;
        line-height: 28px;
        font-size: 13px;
        color: #333;
    }

    #app_info_cover .app_info_body b {
        font-size: 13px;
    }

    #app_info_cover .app_info_close {
        margin: 20px;
        font-size: 17px;
        color: #fff;
        background: #008ee1;
        line-height: 48px;
        border-radius: 20px;
        cursor: pointer;
        display: block;
        font-weight: bold;
        margin-top: 30px;
    }

    /* 隐私权限结束 */
    /* 列表样式开始 */
    .style-list-one .thumb {
        display: block;
        width: 121px;
        height: 75px;
        overflow: hidden;
        margin-right: 10px;
    }

    .style-list-one h3 {
        font-size: 14px;
    }

    /* 列表样式结束 */

    /* 首页软件列表结束 */

    /* 首页最近更新开始 */
    .index-upload {
        margin-top: 40px;
    }

    .index-upload .style-tab-one {
        border: none;
    }

    .index-upload .style-tab-one .style-tab-one-menu li span,
    .index-upload .style-tab-one .style-tab-one-menu li h2 {
        font-size: 16px;
        padding: 10px 20px;
    }

    .index-upload .style-tab-one .style-tab-one-menu {
        border: none;
        position: absolute;
        top: -1px;
        left: 130px;
    }

    .index-upload .style-tab-one .style-tab-one-menu .uk-active a,
    .index-upload .style-tab-one .style-tab-one-menu .uk-active span,
    .index-upload .style-tab-one .style-tab-one-menu .uk-active h2 {
        border-left: 1px solid #f1f2f6;
        border-right: 1px solid #f1f2f6;
    }

    .index-upload .style-tab-one-ul ul li div {
        position: relative;
    }

    .index-upload .style-tab-one-ul ul li div::before {
        content: "";
        position: absolute;
        top: 13px;
        left: -15px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #eee;
        transition: all 0.3s;
    }

    .index-upload .style-tab-one-ul ul li {
        line-height: 28px;
    }

    .index-upload .style-tab-one-ul ul li:hover div::before {
        background-color: #008ee1;
        border: 1px solid #008ee1;
    }

    .index-upload .style-tab-one-ul ul li a {
        font-size: 14px;
    }

    /* 底部开始 */
    .footer {
        position: relative;
        z-index: 10;
        background: #252525;
    }

    .footer a:hover {
        color: #008ee1;
    }

    .footer .foot-cop {
        background: #333333;
        padding: 20px;
        color: #9b9ea0;
    }

    .foot-cop a {
        color: #9b9ea0;
    }

    .footer .foot-nav {
        position: relative;
    }

    .footer .foot-nav ul {
        padding: 0;
    }

    .footer .foot-nav ul li {
        margin-right: 10px;
        display: inline-block;
    }

    .footer .foot-nav ul li:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 10px;
        background: #303133;
        margin-left: 10px;
    }

    .footer .foot-nav ul li:last-child:after {
        display: none;
    }

    .footer .foot-nav ul li a {
        font-size: 13px;
        color: #c0c4cc;
    }

    .footer .foot-nav p {
        font-size: 13px;
        color: #909399;
    }

    .footer .foot-nav p:last-child {
        margin-bottom: 0;
    }

    /* 面包屑导航开始 */
    .breadcrumb {
        padding: 0;
    }

    .breadcrumb li {
        color: #909090;
    }

    .breadcrumb li a {
        color: #909090;
    }

    .breadcrumb li:last-child::after {
        display: none;
    }

    .breadcrumb li::after {
        content: "-";
        color: #909399;
        padding: 0 10px;
    }

    /* 面包屑导航结束 */
    /* 分类-app开始 */
    .category-catnamelist ul {
        overflow: hidden;
        padding: 0;
        margin-bottom: 20px;
    }

    .news-list .category-catnamelist ul li {
        width: auto;
        padding: 0 !important;
    }

    .category-catnamelist ul li {
        width: 10%;
        float: left;

        text-align: center;
        padding: 0;
    }

    .category-app-list.category-app-list-2 ul li {
        width: auto;
    }

    .category-app .module-title h1 {
        font-size: 18px;
    }

    .category-catnamelist ul li a,
    .category-catnamelist ul li span {
        padding: 10px;
        display: block;
        margin-top: 5px;
        margin-right: 5px;
        border-radius: 4px;
        font-size: 13px;
        background-color: #fafafa;
        border-radius: 4px;
    }

    .category-catnamelist ul li.active a,
    .category-catnamelist ul li.active span {
        background-color: #008ee1;
    }

    .category-catnamelist ul li.active a,
    .category-catnamelist ul li.active span {
        color: #fff;
    }

    .category-catnamelist ul li:hover a {
        background-color: #008ee1;
        color: #fff;
    }

    .category-app-list-2-box .category-app {
        border: 1px solid #f1f2f6;
    }

    .category-app-list .item,
    .app-list .item {
        padding: 20px 0;
        transition: all 0.3s;
        border-radius: 4px;
    }

    .category-app-list-2 .item:last-child,
    .app-list .item:last-child {
        border: none;
    }

    .category-app-list-2 .item:first-child,
    .app-list .item:first-child {
        margin-top: 0;
    }

    .category-app-list-2 .item:hover,
    .app-list .item:hover {
        background: #f1f2f6;
        margin: 0 -15px;
        padding: 20px 15px;
    }

    .category-app-list-2 .item:hover h2 a,
    .app-list .item:hover h2 a {
        color: #008ee1;
    }

    .category-app-list .item:hover {
        box-shadow: 0 2px 5px -2px #eee;
        transform: translateY(-3px);
    }

    .category-app-list-2 .item,
    .app-list .item {
        border-bottom: 1px solid #f1f2f6;
    }

    .category-app-list-2 .item:hover,
    .app-list .item:hover {
        box-shadow: none;
        transform: none;
    }

    .category-app-list .item .icon,
    .app-list .item .icon {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border-radius: 15px;
        overflow: hidden;
    }


    .category-app-list .category-pc .item mip-img {
        display: block;
        width: 70px;
        height: 70px;
        margin: 0 auto;
        border-radius: 15px;
        overflow: hidden;
    }

    .category-app-list .item .icon img,
    .category-app-list .item .icon mip-img,
    .app-list .item .icon img,
    .app-list .item .icon mip-img {
        width: 100%;
        height: 100%;
    }

    .category-app-list .item h2,
    .app-list .item h2 {
        padding: 0;
        margin: 0;
    }

    .category-app-list-2 .item span,
    .category-app-list-2 .item span a {
        font-size: 12px;
        color: #909090;
    }

    .category-app-list .item .title {
        padding: 0 15px;
        font-size: 15px;
        margin: 10px 0 5px 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .category-app-list-2 .item .title {
        margin: 0;
    }

    .category-app-list-2 .item .title {
        padding: 0;
    }

    .category-app-list .item .info {}

    .category-app-list .item .info span {
        display: inline-block;
        position: relative;
    }

    .category-app-list .item .info span {
        font-size: 12px;
    }

    .category-app-list .item .info span::after {
        content: "|";
        color: #f1f2f6;
        margin: 0 5px;
    }

    .category-app-list .item .info span:last-child::after {
        display: none;
    }

    .category-app-list .uk-width-auto {
        width: 16.666%;
    }

    .category-app-list .uk-width-auto .item {
        border: 1px solid #f1f2f6;
    }

    /* 分类-app结束 */
    /* 分页开始 */
    .pagination {}

    .pagination li {
        background: #fff;
        display: inline-block;
        padding: 7px 15px !important;
        border-radius: 4px;
        margin-right: 6px;
        color: #606266;
        transition: all 0.3s;
        border: 1px solid #f6f6f6;
    }

    .pagination li a {
        color: #606266;
    }

    .pagination .active {
        background-color: #008ee1;

        border: none;
        transition: all 0.3s;
    }

    .pagination .active a {
        color: #fff;
    }

    .pagination .active:hover {
        border: none !important;
    }

    .pagination li:hover {
        background-color: #008ee1;
    }

    .pagination li:hover a {
        color: #fff;
    }

    /* 分页结束 */

    /* 文章开始 */
    .single-app article header {
        border: 1px solid #f1f2f6;
    }

    .single-app article .app-bg-box {
        z-index: 1;
        position: relative;
        padding: 15px 10px;
        border-bottom: 1px solid #f1f2f6;
    }

    .single-app article header .header {
        border-radius: 8px 8px 0 0;
    }

    .single-app article header h1 {
        font-size: 24px;
        font-weight: bold;
    }

    .single-app article header .icon {
        width: 100px;
        height: 100px;
        border-radius: 15px;
        overflow: hidden;
    }

    .single-app article header .score {
        margin-left: 10px;
        color: #f49b00;
    }

    .single-app article header .icon img,
    .single-app article header .icon mip-img {
        width: 100%;
        height: 100%;
    }

    .single-app article header .app-btn ul {}

    article header .app-btn li {
        border-radius: 32px;
        cursor: pointer;

        position: relative;
        text-align: center;
    }

    article header .app-btn li a {
        color: #fff;
        font-size: 15px;
        border-radius: 32px;
        cursor: pointer;
        background: #008ee1;
        position: relative;
        text-align: center;
        padding: 15px 0 15px 0px;
        width: 100%;
        display: block;
    }

    article header .app-btn li:hover {
        opacity: 0.8;
    }

    article header .app-btn li a::before {
        content: "";
        background: url(<?= assets_url('images/android.png');
?>) no-repeat;
        background-size: auto;
        background-size: 100% 100%;
        width: 20px;
        height: 24px;
        display: inline-block;
        vertical-align: top;
        margin-right: 6px;
    }

    article header .app-btn li.windows a::before {
        background: url(<?= assets_url('images/windows.png');
?>) no-repeat;
    }

    article header .app-btn li.ios a::before {
        background: url(<?= assets_url('images/ios.png');
?>) no-repeat;
    }

    article header .app-btn li.android a {
        background: #00b277;
    }

    article header .app-btn li.ios a {
        background: #161617;
    }

    article header .app-btn li.no a {
        background-color: #f2f4f6;
        color: #999;
        font-size: 0;
        padding-left: 30px;
    }

    /*button开始*/

    article header .app-btn li button {
        color: #fff;
        font-size: 15px;
        border-radius: 32px;
        cursor: pointer;
        background: #008ee1;
        position: relative;
        text-align: center;
        padding: 15px 0 15px 0px;
        width: 100%;
        display: block;
        border: none;
    }

    article header .app-btn li:hover {
        opacity: 0.8;
    }

    article header .app-btn li button::before {
        content: "";
        background: url(<?= assets_url('images/android.png');
?>) no-repeat;
        background-size: auto;
        background-size: 100% 100%;
        width: 20px;
        height: 24px;
        display: inline-block;
        vertical-align: top;
        margin-right: 6px;
    }

    article header .app-btn li.windows button::before {
        background: url(<?= assets_url('images/windows.png');
?>) no-repeat;
    }

    article header .app-btn li.ios button::before {
        background: url(<?= assets_url('images/ios.png');
?>) no-repeat;
    }

    article header .app-btn li.android button {
        background: #00b277;
    }

    article header .app-btn li.ios button {
        background: #161617;
    }

    article header .app-btn li.no button {
        background-color: #f2f4f6;
        color: #999;
        font-size: 0;
        padding-left: 30px;
    }

    /*button结束*/

    article header .app-btn li.no::after {
        content: "暂无下载";
        font-size: 16px;
    }

    article header .app-btn li.no::before {
        content: "";
        background: none;
    }

    .scroll-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .scroll-wrapper::-webkit-scrollbar {
        display: none;
    }

    .scroll-wrapper ul {
        flex-wrap: nowrap;
        /* 关键：grid 默认会换行 */
    }

    .scroll-wrapper li {
        flex: 0 0 auto;
    }

    .app-images {
        border: 1px solid #f1f2f6;
        border-top: none;
    }

    .app-images ul li img,
    .app-images ul li mip-img {
        border-radius: 2px;
        z-index: 9999;
    }

    .app-content {
        border: 1px solid #f1f2f6;
        border-top: none;
    }

    .app-content h2 {
        text-indent: 0;
    }

    .app-content h3,
    .app-content h4,
    .app-content h5 {
        margin: 15px 0;
        display: inline-block;
        background-color: #008ee1;
        color: #fff;
        font-size: 16px;
        padding: 8px 12px;
        padding-right: 12px;
        border-radius: 4px;
        position: relative;
        padding-right: 30px;
        line-height: normal;
        text-indent: 0;
    }

    .app-content h3::before,
    .app-content h4::before,
    .app-content h5::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translate(0, -50%);
        width: 8px;
        height: 8px;
        background: #fff;
        border-radius: 50%;
    }

    .app-content h3::after,
    .app-content h4::after,
    .app-content h5::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -22px;
        transform: translate(0, -50%);
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 15px 7px 7px;
        border-color: transparent transparent transparent #008ee1;
        z-index: 10;
    }

    .app-content,
    .app-content p {
        text-indent: 2em;
        font-size: 16px;
        line-height: 36px;
    }

    .app-content img,
    .app-content mip-img,
    .app-content p img,
    .app-content p mip-img {
        margin: 0 auto;
        display: block;
    }

    /* 资讯正文开始 */
    .single-news article header {
        border: 1px solid #f1f2f6;
    }

    .single-news article .app-bg-box {
        z-index: 1;
        position: relative;

        border-bottom: 1px solid #f1f2f6;
        border-top: none;
    }

    .single-news article header .header {
        border-radius: 8px 8px 0 0;
    }

    .single-news article header h1 {
        font-size: 24px;
        font-weight: bold;
    }

    .single-news article header .icon {
        width: 100px;
        height: 100px;
        border-radius: 15px;
        overflow: hidden;
    }

    .single-news article header .score {
        margin-left: 10px;
        color: #f49b00;
    }

    .single-news article header .icon img,
    .single-news article header .icon mip-img {
        width: 100%;
        height: 100%;
    }

    .single-news .news-content {
        border: 1px solid #f1f2f6;
        border-top: none;
    }

    .single-news .news-content h2,
    .single-news .news-content h3,
    .single-news .news-content h4,
    .single-news .news-content h5 {
        margin: 15px 0;
        display: inline-block;
        background-color: #008ee1;
        color: #fff;
        font-size: 16px;
        padding: 8px 12px;
        padding-right: 12px;
        border-radius: 4px;
        position: relative;
        padding-right: 30px;
        line-height: normal;
        text-indent: 0;
    }

    .single-news .news-content h2::before,
    .single-news .news-content h3::before,
    .single-news .news-content h4::before,
    .single-news .news-content h5::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translate(0, -50%);
        width: 8px;
        height: 8px;
        background: #fff;
        border-radius: 50%;
    }

    .single-news .news-content h2::after,
    .single-news .news-content h3::after,
    .single-news .news-content h4::after,
    .single-news .news-content h5::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -22px;
        transform: translate(0, -50%);
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 15px 7px 7px;
        border-color: transparent transparent transparent #008ee1;
        z-index: 10;
    }

    .single-news .news-content,
    .single-news .news-content p {
        text-indent: 2em;
        font-size: 16px;
        line-height: 36px;
    }

    .single-news .news-content img,
    .single-news .news-content mip-img,
    .single-news .news-content p img,
    .single-news .news-content p mip-img {
        display: block;
        margin: 0 auto;
    }

    .single-news .single-app .app-bg-box .module-title {
        font-size: 24px;
        font-weight: bold;
        border: none;
        color: #303133;
        margin-bottom: 20px;
    }

    .single-news .news-content .news-content-cardbox {}

    .single-news .news-content .news-content-cardbox {
        border: 1px solid #f1f2f6;
        text-indent: 0;
    }

    .single-news .news-content .news-content-cardbox .item {
        border-bottom: 1px solid #f1f2f6;
        padding: 25px 20px;
    }

    .single-news .news-content .news-content-cardbox .item:last-child {
        border: 0;
    }

    .single-news .news-content .news-content-cardbox .item:hover {
        background: #008ee1;
    }

    .single-news .news-content .news-content-cardbox .item .num {
        display: inline-block;
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        border-radius: 4px;
        background: #ddd;
        color: #fff;
        margin-right: 15px;
    }

    .single-news .news-content .news-content-cardbox .item:nth-child(1) .num {
        background: #ff5a00;
    }

    .single-news .news-content .news-content-cardbox .item:nth-child(2) .num {
        background: #ff9b19;
    }

    .single-news .news-content .news-content-cardbox .item:nth-child(3) .num {
        background: #ffcb2e;
    }

    .single-news .news-content .news-content-cardbox .item .icon {
        width: 86px;
        height: 86px;
        margin-right: 15px;
        position: relative;
    }

    .single-news .news-content .news-content-cardbox .item .icon img,
    .single-news .news-content .news-content-cardbox .item .icon mip-img {
        width: 100%;
        height: 100%;
        max-width: none;
    }

    .single-news .news-content .news-content-cardbox .item .title {
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: normal;
    }

    .single-news .news-content .news-content-cardbox .item .type {
        margin: 12px 0;
    }

    .single-news .news-content .news-content-cardbox .item .type span {
        display: inline-block;
        background: #ffbd39;
        color: #fff;
        font-size: 12px;
        padding: 2px 6px;
        line-height: normal;
        border-radius: 3px;
        margin-right: 3px;
    }

    .single-news .news-content .news-content-cardbox .item .type span:nth-child(1) {
        background: #0fe29a;
    }

    .single-news .news-content .news-content-cardbox .item .type span:nth-child(2) {
        background: #ffb700;
    }

    .single-news .news-content .news-content-cardbox .item .type span:nth-child(3) {
        background: #6659e7;
    }

    .single-news .news-content .news-content-cardbox .item .type span:nth-child(4) {
        background: #fc5185;
    }

    .single-news .news-content .news-content-cardbox .item .type span:nth-child(5) {
        background: #409eff;
    }

    .single-news .news-content .news-content-cardbox .item .desc {
        font-size: 13px;
        color: var(--md-c);
    }

    .single-news .news-content .news-content-cardbox .item .more {
        border-radius: 20px;
        font-size: 14px;
        font-weight: bold;
        padding: 8px 16px;
        border: 1px solid var(--pm-c);
        color: var(--pm-c);
    }

    .single-news .news-content .news-content-cardbox .item:hover .more {
        color: #fff;
        background: var(--pm-c);
    }

    /* 资讯正文结束 */

    /* 应用背景图开始 */
    .headBg {
        height: 100px;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        border-radius: 8px 8px 0 0;
        position: absolute;
        z-index: 0;
    }

    .headBg::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background: -webkit-gradient(linear,
                left top,
                left bottom,
                from(transparent),
                to(#1baff462));
        background: linear-gradient(360deg, transparent, #1b84f462);
        z-index: 1;
        width: 100%;
        height: 100%;
    }

    .headBg::after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background: -webkit-gradient(linear,
                left top,
                left bottom,
                from(transparent),
                to(#fff));
        background: linear-gradient(180deg, transparent, #fff);
        z-index: 1;
        width: 100%;
        height: 100%;
    }

    .headBg img,
    .headBg mip-img {
        width: 100%;
        max-width: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    /* 应用背景图结束 */
    /* 展开开始 */
    .app-content {
        position: relative;
        overflow: hidden;
    }

    .app-content-more {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        background: #fff;
        text-align: center;
        box-shadow: 0 0 30px 50px #fff;
        padding-bottom: 20px;
    }

    .app-content-more span {
        display: inline-block;
        padding: 0px 24px;
        background: #d5f0ff;
        color: #008ee1;
        margin: 10px 0;
        border-radius: 20px;

        cursor: pointer;
        font-size: 15px;
        text-indent: 0;
    }

    /* 展开结束 */
    /* 更多说明开始 */
    .app-more-info {
        border: 1px solid #f1f2f6;
        border-top: none;
    }

    /* 更多说明结束 */
    /* 相关版本开始 */
    .app-version {
        border: 1px solid #f1f2f6;
        border-top: none;
    }

    .app-version dl {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        flex-wrap: wrap;
        padding-bottom: 15px;
        border-bottom: dashed 1px #f1f2f6;
    }

    .app-version dl dt {
        border-radius: 8px;
        flex-shrink: 0;
        overflow: hidden;
        width: 60px;
        margin-right: 10px;
    }

    .app-version dl dt img,
    .app-version dl dt mip-img {
        display: block;
        height: 60px;
        object-fit: cover;
        transition: all 0.3s ease-out 0s;
        width: 100%;
    }

    .app-version dl dd span {
        color: #999;
        font-size: 12px;
        display: inline-block;
    }

    .app-version dl dd a.applicationtitle {
        display: block;
        width: 100%;
    }

    .app-version dl dd a.btn {
        display: block;
        line-height: 35px;
        border-radius: 40px;
        padding: 0px 30px 0 30px;
        color: #fff;
        font-size: 12px;
        cursor: pointer;
        background: #d5f0ff;
        color: #008ee1;
        position: relative;
    }

    .app-version dl:hover dd a.btn {
        background-color: #008ee1;
        color: #fff;
        /* opacity: .7; */
    }

    .app-version dl dt {}

    .app-version dl dd:nth-child(2) {
        flex: 1;
    }

    .app-version dl dd a {
        display: block;
        font-size: 15px;
        padding-bottom: 5px;
    }

    .app-version dl dd:nth-child(4) {
        flex-basis: 100%;
        padding-top: 15px;
        line-height: 28px;
        text-indent: 2em;
        display: none;
    }

    .app-version dl dd h3 {
        padding: 0;
        margin: 0;
    }

    /* 相关版本结束 */
    /* 相关资讯开始 */
    .news-list-box .news-list {
        border: 1px solid #f1f2f6;
        padding: 15px 0;
    }

    .news-list-box .news-list .item {
        padding: 15px;
    }

    .news-list-box .news-list .item:hover {
        background-color: #f1f2f6;
        transition: all 0.3s;

        margin: 0 -0px;
    }

    .news-list-box .news-list .item:hover h2 a {
        color: #008ee1;
    }

    .app-news,
    .single-news .news-list {
        border: 1px solid #f1f2f6;
    }

    .single-app .app-news,
    .single-news .news-list {
        border-top: none;
    }

    .single-app .app-news.news-list ul li,
    .single-news .news-list ul li {
        padding: 15px 0;
    }

    .news-list ul {
        padding: 0px 0px 0px 0px;

        margin: 0 0;
    }

    .single-app .news-list ul {
        margin-top: -20px;
    }

    .news-list .item {
        border-bottom: 1px dashed #f1f2f6;
    }

    .news-list .item:last-child {
        margin-bottom: 0;
    }

    .news-list .item .uk-width-auto {
        width: 24.25%;
        max-height: 117px;
    }

    .news-list .item .item-thumb {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 8px;
    }

    .news-list .item h3,
    .news-list .item h2 {
        font-size: 16px;
    }

    .news-list .item a.itemcategory {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        color: #fff;
        font-size: 12px;
        left: 10px;
        line-height: 14px;
        padding: 4px 8px;
        position: absolute;
        text-decoration: none;
        top: 10px;
    }

    .news-list .item:hover .item-excerpt .itemtitle a {
        color: #008ee1;
    }

    .news-list .item .item-excerpt {}

    .news-list .item .item-excerpt p {
        line-height: 1.625;
    }

    .news-list .item .item-excerpt span,
    .news-list .item .item-excerpt span a {
        color: #999;
        font-size: 12px;
        line-height: 24px;
    }

    .news-list .item .item-excerpt span a:hover {
        color: #008ee1;
    }

    .news-list .itemmeta .itemapps,
    .news-list .itemmeta .itemappstag,
    .news-list .itemmeta .itemauthor {
        display: inline-block;
        margin-right: 15px;
    }

    .news-list .item .itemcontent .itemmeta .itemappstag a {
        font-size: 12px;
        color: #666;
        font-weight: normal;
    }

    .news-list .item .itemcontent .itemmeta .itemappstag a:hover {
        color: #008ee1;
    }

    .news-list .itemmeta .itemdate::before {
        content: "";
        color: #999;
    }

    .news-list .itemmeta .itemcategory {
        margin-right: 5px;
    }

    .news-list .itemmeta .itemcategory::before {
        content: "•";
        color: #999;
        margin: 0 5px;
    }

    .news-list .itemmeta .itemcategory {
        display: initial;
    }

    .news-list .item-2 .item-thumb {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        width: 100%;
    }

    .news-list .item-2 .item-thumb span {
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        transition: all 0.3s ease-out 0s;
        width: 24.25%;
    }

    .news-list .item-2 .item-thumb span:before {
        content: "";
        display: block;
        /*padding-top: 62.5%;*/
        /* 保持16:10比例 */
    }

    .news-list .item-2 .item-thumb span mip-img {
        position: absolute;
        /* 关键：覆盖容器 */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* 裁剪并填满 */
    }

    .news-list .item-2 span i {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-size: cover;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: all 0.3s ease-out 0s;
        width: 100%;
    }

    /* 相关资讯结束 */
    /* 侧边栏开始 */
    aside.aside {
        width: 330px;
    }

    aside .rel-category ul {
        margin: -5px 0 20px 0;
    }

    aside .rel-category ul {
        padding: 0;
        list-style: none;
        margin-bottom: 0;
        display: flex;
        flex-wrap: wrap;
    }

    aside .rel-category ul li {
        text-align: center;
        margin-bottom: 10px;
        flex-basis: 33.333%;
        overflow: hidden;
    }

    aside .rel-category ul li a {
        background: #f5f7f8;
        padding: 8px 20px;
        display: block;
        margin-top: 5px;
        margin-right: 5px;
        border-radius: 4px;
        font-size: 15px;
        color: #606266;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    aside .rel-category ul li a:hover,
    aside .rel-category ul li.active a {
        background: #008ee1;
        color: #fff;
    }

    /* 侧边栏排行开始 */
    .aside-rank ul.title {
        border: 1px solid #f1f2f6;
        border-bottom: none;
        margin-bottom: 0;
        padding-left: 0;
    }

    .aside-rank ul.title li {
        font-size: 18px;
        color: #303133;
        line-height: 1.2;
        font-weight: bold;
        width: 50%;
        background-color: #fafafa;
        position: relative;
        border-right: 1px solid #f6f6f6;
        border-left: 1px solid #f6f6f6;
        padding: 15px;
    }

    .aside-rank ul.title li span {
        display: block;

        text-align: center;
        cursor: pointer;
    }

    .aside-rank ul.title li.uk-active {
        background: #fff;
        color: #008ee1;
    }

    .aside-rank .uk-switcher {
        border: 1px solid #f1f2f6;
        border-top: none;
    }

    .aside-rank ul.title li.uk-active span::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #008ee1;
    }

    .aside-rank .rank ul li {
        border-bottom: 1px dashed #eee;
    }

    .aside-rank .rank ul li:last-child {
        border: none;
    }

    .aside-rank span.date-time {
        font-size: 12px;
    }

    /* 侧边栏资讯开始 */
    .aside-news ul.title {
        border: 1px solid #f1f2f6;
        border-bottom: none;
        margin-bottom: 0;
        padding-left: 0;
    }

    .aside-news ul.title li {
        font-size: 18px;
        color: #303133;
        line-height: 1.2;
        font-weight: bold;
        width: 50%;
        background-color: #fafafa;
        position: relative;
        border-right: 1px solid #f6f6f6;
        border-left: 1px solid #f6f6f6;
        padding: 15px;
    }

    .aside-category-news.aside-news ul,
    .aside-category-app.aside-rank ul {
        border: 1px solid #f1f2f6;
    }

    .aside-category-app.aside-rank ul {
        padding: 15px;
    }

    .aside-category-news.aside-news .module-title,
    .aside-category-app.aside-rank .module-title {
        padding-bottom: 10px;
        color: #303133;
        position: relative;
        font-size: 16px;
        margin-bottom: 0;
        line-height: 1.2;
        border: none;
    }

    .aside-news ul.title li span {
        display: block;

        text-align: center;
        cursor: pointer;
    }

    .aside-news ul.title li.uk-active {
        background: #fff;
        color: #008ee1;
    }

    .aside-news .uk-switcher {
        border: 1px solid #f1f2f6;
        border-top: none;
    }

    .aside-news ul.title li.uk-active span::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #008ee1;
    }

    .aside-news .aside-news-list-1 ul {}

    .aside-news-list.aside-news-list-1 li {
        position: relative;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item .item {
        border-bottom: 0;
        border-radius: 8px;
        display: block;
        overflow: hidden;
        padding: 0;
        width: 100%;
        margin: 0;
        line-height: 1.46;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item:before {
        content: "TOP 1";
        top: 0.5em;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item:before {
        background: linear-gradient(135deg, #f84975 10%, #f36);
        border: 0;
        border-radius: 8px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 500;
        height: auto;
        left: 0;
        line-height: 12px;
        padding: 3px 6px 3px 4px;
        position: absolute;
        text-align: center;
        width: auto;
        z-index: 1;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item {
        margin: 0 0 15px 0;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item .item-img {
        border-radius: 8px;
        width: 100%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        display: block;
        height: auto;
        transition: all 0.3s ease-out 0s;
        width: 100%;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item .item-img img,
    .aside-news-list.aside-news-list-1 li:first-child a.item .item-img mip-img {
        display: block;
        height: 125px;
        object-fit: cover;
        transition: all 0.3s ease-out 0s;
        width: 100%;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item .item-content {
        background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 30px 0px 15px 5px;
        position: absolute;
        width: 100%;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item .item-title {
        font-weight: 500;
        height: auto;
        margin: 0;
        max-height: 38px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-height: 1.4;
        color: #fff;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item .item-title a {
        color: #fff;
    }

    .aside-news-list.aside-news-list-1 li:first-child a.item .item-content .date-time {
        color: #fff;
    }

    .aside-news-list.aside-news-list-1 li a.item {
        align-items: flex-start;
        display: flex;
        margin: 0;
        overflow: hidden;
        margin: 15px 0;
        width: 100%;
        line-height: 1.46;
        position: relative;
    }

    .aside-news-list.aside-news-list-1 li:nth-child(2):before {
        background: linear-gradient(135deg, #ff7a66 10%, #ff2d2d);
        content: "TOP 2";
    }

    .aside-news-list.aside-news-list-1 li:nth-child(3):before {
        background: linear-gradient(135deg, #f59f55 10%, #ff6922);
        content: "TOP 3";
    }

    .aside-news-list.aside-news-list-1 li::before {
        background: linear-gradient(135deg, #f84975 10%, #f36);
        border: 0;
        border-radius: 8px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        color: #fff;
        display: block;
        font-size: 12px;
        font-weight: 500;
        height: auto;
        left: 0;
        line-height: 12px;
        padding: 3px 6px 3px 4px;
        position: absolute;
        text-align: center;
        width: auto;
        z-index: 1;
    }

    .aside-news-list.aside-news-list-1 li a.item .item-img {
        border-radius: 8px;
        flex-shrink: 0;
        overflow: hidden;
        width: 100px;
        margin-right: 10px;
    }

    .aside-news-list.aside-news-list-1 li a.item .item-img img,
    .aside-news-list.aside-news-list-1 li a.item .item-img mip-img {
        display: block;
        height: 64px;
        object-fit: cover;
        transition: all 0.3s ease-out 0s;
        width: 100%;
    }

    /* .aside-news-list.aside-news-list-1 li a.item .item-content {
	flex-shrink: 1;
  
	position: relative;
	width: calc(100% - 110px);
  } */

    .aside-news-list.aside-news-list-1 li a.item .item-title {
        /* height: 38px; */
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-height: 1.4;
    }

    .aside-news-list.aside-news-list-1 li a.item .item-title a {
        font-size: 14px;
    }

    .aside-news-list.aside-news-list-1 li a.item .item-title:hover a {
        color: #008ee1;
    }

    .aside-news-list.aside-news-list-1 li a.item .item-content .date-time {
        color: #909090;
        font-size: 12px;
        line-height: 16px;
    }

    /* 侧边栏最新资讯开始 */
    .aside-news-list-2 .item-thumb {
        display: block;
        width: 121px;
        height: 80px;
        overflow: hidden;
        border-radius: 8px;
    }

    .aside-news-list-2 .uk-width-expand {
        margin-left: 10px;
    }

    /* 侧边栏最新资讯结束 */
    /* 侧边栏资讯结束 */
    /* 侧边栏排行结束 */
    /* 侧边栏结束 */
    /* 文章结束 */
    /* 底部结束 */
    /* 首页最近更新结束 */
    /* 单页开始 */

    .page {}

    .page .page-menu {
        width: 200px;
    }

    .page .page-menu ul {
        padding: 0;
    }

    .page .page-menu ul li {
        margin-bottom: 10px;
    }

    .page .page-menu ul li a {
        display: block;
        line-height: 52px;
        color: #303133;
        border-radius: 8px;
        text-align: center;
    }

    .page .page-menu ul li a:hover,
    .page .page-menu ul .active a {
        background: #008ee1;
        color: #fff;
        border-radius: 4px;
    }

    .page .part-title {
        border-bottom: 1px solid #008ee1;
    }

    .page .page-content {
        min-height: 360px;
        padding: 20px 0;
    }

    .page .page-content,
    .page .page-content p {
        text-indent: 2em;
        font-size: 16px;
        line-height: 36px;
    }

    /* 单页结束 */
    /* 评论列表开始 */
    .comment-warp {}

    .comment-warp .comment-item {
        border-bottom: 1px solid var(--br-c);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .comment-item .user-info {
        display: flex;
        align-items: center;
    }

    .comment-item .user-info .avatar {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 10px;
        cursor: pointer;
        background-size: 100%;
    }

    .comment-item .user-info .name {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: normal;
        color: #606266;
        cursor: pointer;
    }

    .comment-item .user-info .name a {
        font-size: 16px;
    }

    .comment-item .user-info .grade {
        display: inline-block;
        background: var(--bg-c);
        font-size: 12px;
        padding: 2px 6px;
        border-radius: 3px;
        line-height: normal;
    }

    .comment-item .user-info .info {
        font-size: 14px;
        color: var(--md-c);
        line-height: normal;
    }

    .comment-item .user-info .info span {
        margin-right: 10px;
    }

    .comment-item .user-info .time {
        font-size: 14px;
        color: var(--md-c);
    }

    .comment-item .comment-content {
        padding-left: 55px;
        margin: 15px 0;
        font-size: 15px;
        line-height: 28px;
    }

    .comment-item .comment-content img,
    .comment-item .comment-content mip-img {
        margin-top: 15px;
        display: block;
        max-width: 50%;
        border-radius: 4px;
        max-height: 320px;
    }

    .comment-item .comment-content a p {
        padding: 0;
        margin: 0;
    }

    .comment-item .comment-foot {
        display: flex;
        align-items: center;
        padding-left: 55px;
        color: var(--md-c);
        font-size: 13px;
    }

    .comment-item .comment-foot .time {
        font-size: 14px;
    }

    .comment-item .comment-foot span {
        font-size: 13px;
        display: inline-block;
        margin-left: 30px;
    }

    .comment-item .comment-foot span:before {
        margin-right: 3px;
        font-size: 16px;
        color: #c0c4cc;
    }

    .comment-item .reply {
        color: var(--md-c);
        font-size: 13px;
    }

    /* 评论列表结束 */

    /* 标签详情页开始 */
    .single-tag-main {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .single-tag ul.title {
        border: 1px solid #f1f2f6;
        border-bottom: none;
        margin-bottom: 0;
        margin-top: 0;
        padding-left: 0;
    }

    .single-tag ul.title li {
        font-size: 18px;
        color: #303133;
        line-height: 1.2;
        font-weight: bold;
        width: 50%;
        background-color: #fafafa;
        position: relative;
        border-right: 1px solid #f6f6f6;
        border-left: 1px solid #f6f6f6;
        padding: 15px;
    }

    .single-tag ul.title li span {
        display: block;

        text-align: center;
        cursor: pointer;
    }

    .single-tag ul.title li.uk-active {
        background: #fff;
        color: #008ee1;
    }

    .single-tag .uk-switcher {
        border: 1px solid #f1f2f6;
    }

    .single-tag .news-list li {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .single-tag .app-list .item h2 {
        font-size: 15px;
    }

    .single-tag .app-list .item:hover h2 {
        color: #008ee1;
    }

    /* 卡片开始 */

    .read-card-box {
        position: relative;
        padding: 20px 30px;
        zoom: 1;
        max-width: 560px;
        overflow: hidden;
        text-indent: 0;
        margin: 0 auto;
        zoom: 1;
    }

    .read-card-box .wepCardtip {
        font-size: 16px;
        margin: 15px 0;
        color: #333;
        line-height: 32px;
        font-weight: bold;
        position: relative;
    }

    .read-card-box .wepCardtip::after {
        content: "广告";
        font-size: 10px;
        color: #e1e1e1;
        font-weight: normal;
        position: absolute;
        right: 0;
    }

    .wepCardbox:after {
        content: "\20";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .read-card-box .read-card-bg img,
    .read-card-box .read-card-bg mip-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: blur(20px);
        transform: scale(1.1);
        opacity: 1;
        border-radius: 4px;
    }

    .read-card-box .read-card-bg span {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        opacity: 0.2;
        z-index: 0;
        border-radius: 8px;
    }

    .read-card-box .read-card-icon {
        width: 100px;
        height: 100px;
        display: block;
        float: left;
        padding-right: 15px;
    }

    .read-card-box .read-card-icon img,
    .read-card-box .read-card-icon mip-img {
        width: 100%;
        border-radius: 16px;
        -webkit-box-shadow: 0 13px 15px rgba(31, 45, 61, 0.2);
        box-shadow: 0 13px 15px rgba(31, 45, 61, 0.2);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 0.25s, -webkit-box-shadow 0.25s;
        transition: -webkit-transform 0.25s, -webkit-box-shadow 0.25s;
        transition: transform 0.25s, box-shadow 0.25s;
        transition: transform 0.25s, box-shadow 0.25s, -webkit-transform 0.25s,
            -webkit-box-shadow 0.25s;
    }

    /* .read-card-box .read-card-info{
  
  width: 385px;
  
} */
    .read-card-box .read-card-info dl dt {
        padding-bottom: 10px;
        font-size: 22px;
        font-weight: bolder;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: 0;
        color: #000;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .read-card-box .read-card-info dl dd {
        color: #999;
        font-size: 14px;
        font-weight: normal;
        display: inline-block;
        padding-right: 10px;
    }

    .read-card-box .read-card-info dl dd .wepgstar {
        display: inline-block;
        margin-left: 0;
    }

    .read-card-box span.view-details-btn {
        position: absolute;
        bottom: 20px;
        height: 36px;
        line-height: 36px;
        font-size: 13.5px;
        padding: 0 30px;
        color: #fff;
        border-width: 0;
        border-color: #000;
        border-radius: 3.9px;
        background: #2386ea;
        z-index: 9999;
        text-align: center;
    }

    /* 卡片结束 */
    /* 标签详情页结束 */
    /*网盘按钮样式开始*/
    .download-button {
        margin: 15px 0;
        text-align: center;
    }

    .btn {
        text-indent: initial;
        display: inline-block;
        padding: 12px 24px;
        border-radius: 6px;
        text-decoration: none;
        font-weight: bold;
        color: white;
        transition: all 0.3s ease;
        position: relative;
    }

    .btn-baidu {
        background: linear-gradient(45deg, #2196F3, #1976D2);
        box-shadow: 0 2px 8px rgba(33, 150, 243, 0.3);
    }

    .btn-baidu:hover {
        background: linear-gradient(45deg, #1976D2, #1565C0);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4);
        color: white;
    }

    .btn-quark {
        background: linear-gradient(45deg, #FF6B35, #F7931E);
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
    }

    .btn-quark:hover {
        background: linear-gradient(45deg, #E55A2B, #E8851C);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4);
        color: white;
    }

    .quark-download {
        position: relative;
    }

    .qr-tooltip {
        position: absolute;
        top: -180px;
        left: 50%;
        transform: translateX(-50%);
        background: white;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 1000;
    }

    .qr-tooltip::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: 8px solid transparent;
        border-top-color: white;
    }

    .qr-tooltip img,
    .qr-tooltip mip-img {
        display: block;
        margin: 0 auto;
    }

    .qr-tooltip p {
        margin: 8px 0 0 0;
        text-align: center;
        font-size: 12px;
        color: #666;
    }

    .quark-download:hover .qr-tooltip {
        opacity: 1;
        visibility: visible;
    }

    .btn-quark {
        cursor: default;
    }

    /*网盘按钮样式结束*/
    mip-appdl .mip-appdl-closebutton {
        all: unset;
        /* 清除所有继承和非继承样式 */
        display: inline;
        /* 默认 display，具体元素可调整 */
        position: static;
        /* 默认 position */
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        background: none;
        z-index: auto;
        font-size: inherit;
    }

    .mip-layout-container,
    .mip-layout-fixed-height {
        display: inline !important;
        /* 默认 display 值为 inline，具体元素可能不同 */
        position: static !important;
        /* 默认 position 为 static */
    }

    mip-appdl .mip-appdl-pm10 {
        z-index: auto !important;
        /* 恢复默认层级 */
        -webkit-box-sizing: content-box !important;
        /* 恢复默认 box-sizing */
        box-sizing: content-box !important;
        /* 同上 */
        width: auto !important;
        /* 恢复默认宽度 */
        background: none !important;
        /* 清除背景 */
        overflow: visible !important;
        /* 恢复默认溢出 */
        left: auto !important;
        /* 清除 left */
        height: auto !important;
        /* 恢复默认高度 */
        margin: 0;
        padding: 5px 0;
    }

    mip-appdl .mip-appdl-downbtn {
        position: static !important;
        /* 取消 absolute 定位 */
        width: auto !important;
        /* 恢复默认宽度 */
        height: auto !important;
        /* 恢复默认高度 */
        line-height: normal !important;
        /* 恢复默认行高 */
        right: auto !important;
        /* 清除 right */
        top: auto !important;
        /* 清除 top */
        border: none !important;
        /* 清除边框 */
        border-radius: 0 !important;
        /* 清除圆角 */
        font-size: inherit !important;
        /* 恢复字体大小 */
    }

    @media only screen and (min-width: 1px) and (max-width: 992px) {
        article header .app-btn li {

            padding-bottom: 10px;
        }

        main.main.uk-container .single-app {
            margin: 0 -15px;
        }

        .breadcrumb {
            margin: 0 -15px;
            margin-top: 0 !important;
            padding: 10px 15px;
            background: #fafafa;
        }

        .breadcrumb li a {
            font-size: 12px;
        }

        .headBg {
            border-radius: 0;
        }

        .single-app article header {
            border: none;
        }

        .style-tab-one {
            margin: 20px 0px 0px 0px !important;
            border: none;

        }

        .index-apps .index-apps-list .item {
            width: 25%;
        }

        .recom-cat ul {
            overflow-x: scroll;
            white-space: nowrap;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        header.header .uk-container .logo a img,
        header.header .uk-container .logo a mip-img {
            width: 150px;
        }

        header.header .uk-container .logonav li {
            display: inline-block;
            margin-right: 15px;
            background: #f1f1f1;
            padding: 5px 10px;
            border-radius: 16px;

        }

        header.header .uk-container .logonav li a {
            color: #999;
        }

        .nav-bar {
            height: 50px;
            background: none;
            border-top: 1px solid #f5f7f8;
        }

        .nav-bar>ul {
            overflow-x: scroll;
            white-space: nowrap;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .nav-bar>ul>li {
            line-height: 50px;
        }

        .nav-bar>ul>li>a {
            padding: 0 10px;
            color: #333;
            font-size: 14px;
        }

        .nav-bar>ul>.active a:before,
        .nav-bar>ul>li>a:hover:before {
            content: "";
            width: 80%;
            height: 3px;
            background: #008ee1;
            position: absolute;
            left: 50%;
            bottom: 0;
            margin-left: -40%;
            border-radius: 4px;
        }

        .nav-bar>ul>.active a,
        .nav-bar>ul>li>a:hover {
            background: none;
            color: #008ee1;
            font-weight: bold;
        }

        .single-app article {
            flex: auto;
            margin-right: 0 !important;
        }

        .single-app aside {
            display: none;
        }

        .single-news {
            margin: 0 -15px !important;
        }

        .single-news article.uk-margin-right {
            margin-right: 0 !important;
        }

        .news-content-cardbox .view-details-btn {
            display: none;
        }

        .single-news .news-content .news-content-cardbox {
            border: none;
            padding: 0;
        }

        .comments {
            border: none;
        }

        .comments .module-title {
            margin-bottom: 0 !important;
        }

        .top-bar .uk-container {
            padding: 0;
        }

        .top-bar ul {
            margin: 0 !important;
            padding: 0 !important;
        }

        .search {
            margin: 0 10px;
        }

        .search form {
            width: 200px;
        }

        .search form input {
            border-left: 1px solid #cee3e9;
            border-radius: 16px;
        }

        .search form button {
            min-width: 50px;
            border-radius: 0px 16px 16px 0;
        }

        header.header .logo {
            padding: 0 15px !important;
        }

        .top-bar {
            padding-left: 15px;
        }

        .index-news-center {
            flex: none;
        }

        .index-news .index-news-right ul.top {
            margin-left: 0;
            padding-left: 0;
            margin: 0;
        }

        .index-news .index-news-right ul.top li {
            padding-right: 0;
            height: 121px;
            overflow: hidden;
            position: relative;
            flex-basis: inherit;
            margin-left: 0px;
        }

        .index-news .index-news-right ul.top h3 {
            margin: 5px 0 0 0;
            font-size: 14px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: #333;
            color: #fff;
            padding: 10px 0;
            width: 100%;
        }

        .index-news .index-news-right ul.top li img,
        .index-news .index-news-right ul.top li mip-img {
            width: 100%;
            max-height: inherit;
        }

        .app-info {
            margin-bottom: 15px;
        }

        .app-info .uk-margin-left {
            margin-left: 0px !important;
            max-width: 100%;
            overflow: hidden;
            padding-top: 10px;
        }

        .app-info .uk-margin-left ul {
            line-height: normal;
        }

        .app-info .uk-margin-left ul li {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 13px;
            text-align: left;
            line-height: 26px;
        }

        article header .app-btn li {
            margin: 0;
        }

        .category-catnamelist ul li {
            width: 25%;
        }

        .category-app-list .uk-width-auto {
            width: 50%;
        }

        .w320 {
            width: auto;
        }

        .page .page-menu {
            display: none;
        }

        .page .uk-width-expand {
            padding: 20px;
        }

        .single-news {
            margin: 0 -0px;
        }

        .single-news article header {
            background: #f6f6f6;
            margin: 10px 15px 15px 15px;
            padding: 15px !important;
        }

        .single-news article header,
        .single-news .news-content {
            border: none;
            padding-top: 0px;
        }

        .single-app article header .app-btn ul {
            margin-left: -10px;
        }

        .single-app article header .icon {
            width: 100px;
            height: 100px;
            margin: 0 auto;
            border: 4px solid rgba(255, 255, 255, .75);
            flex-shrink: 0;
            margin-left: -5px;
            margin-right: 5px;
        }

        .single-app article header h1 {
            margin: 0px 0 15px 0px;
            text-align: left;
            font-size: 21px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 21px;
        }

        .single-news article header h1 {
            font-size: 21px;
            line-height: 34px;
        }

        .single-app article header h1:after {
            content: "\20";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .category-catnamelist {
            margin-top: 10px !important;
        }

        .single-app article header .header {
            background: none;
        }

        .single-app article header .header:after {
            content: '';
            background: #fff;
        }

        .single-app article header .header:before {
            content: '';
            background: #fff;
            display: block;
            height: 76px;
            position: absolute;
            top: 30px;
            left: 40px;
            width: 95%;
            z-index: -9999;
            border-radius: 16px 16px 0 0;
            padding: 0;
            margin: 0px -30px;
        }

        .news-list .category-catnamelist ul {
            flex-wrap: nowrap;
            overflow-x: scroll;
            white-space: nowrap;
            display: flex;
        }

        .app-news.news-list ul li h3.uk-text-truncate {
            white-space: initial
        }

        .single-app article .app-bg-box {
            padding: 0;
        }

        .news-list-box .news-list {
            border: none;
        }

        .news-list-box .news-list .item {
            padding: 15px 0;
        }

        .news-list-box {
            margin-right: 0 !important;
        }

        .news-list-box .news-list .module-title {
            margin-left: 0 !important;
        }

        .single-news article.uk-margin-right {}

        .single-news .news-list {

            border: none;
        }

        .app-news,
        .single-news .news-list {
            border: none;
        }

        .category-catnamelist ul li a,
        .category-catnamelist ul li span {
            padding: 5px 10px !important;
        }

        .single-tag {
            padding: 15px 0;
        }

        .single-tag .news-list li {
            padding: 15px 0;
        }

        .news-list .item .uk-width-auto {
            max-height: 60px;

        }

        .recom .uk-flex-1 {
            min-width: 0;
            /* 防止 flex 压缩子元素 */
        }

        .recom ul li {
            flex: none;
            width: 25%;
        }

        .slide .uk-position-relative {
            overflow-x: auto;
            /* 横向滚动 */
            overflow-y: hidden;
            scroll-snap-type: x mandatory;
            /* 滑动吸附 */
            -webkit-overflow-scrolling: touch;
            /* iOS 平滑滚动 */
            width: 100%;
            /* 占满父宽 */
            height: 230px;
        }

        .slide ul {
            display: flex;
            /* 横向排列 */
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .slide ul li {
            flex: 0 0 100%;
            scroll-snap-align: start;
            height: 230px;
            position: relative;
            overflow: hidden;
        }

        .slide ul li img,
        .slide ul li mip-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* 填满容器 */

        }

        .slide ul li h3 {
            position: absolute;
            /* 绝对定位到图片上 */
            bottom: 0;
            /* 贴底部 */
            left: 0;
            right: 0;
            margin: 0;
            padding: 8px 12px;
            /* 内边距 */
            background: rgba(0, 0, 0, 0.6);
            /* 半透明黑色背景 */
            color: #fff;
            /* 白色文字 */
            font-size: 16px;
            z-index: 2;
            /* 确保在图片之上 */
            line-height: 1.4;
        }

        .footer .foot-cop {
            padding: 15px 0;
        }

        .footer .foot-cop a {
            margin: 0 auto;
        }

        /* .all-menu {
    display: none;
} */
        .index-news .index-news-center ul,
        .index-news-right ul.bottom,
        .phb-item {
            border: none;
        }

        .phb-item .module-title h3 {
            padding: 0;
        }

        .phb-item .module-title h2 {
            padding: 0 0 15px 0;
        }

        .page-phb .rank ul {
            padding: 15px 0;
        }

        .page-phb-box h1 {
            margin: 0 auto;
        }

        .single-news-info {
            font-size: 12px;
            overflow-x: scroll;
            white-space: nowrap;
            -ms-overflow-style: none;
            scrollbar-width: none;

        }

        .single-news-info::-webkit-scrollbar，.nav-bar>ul::-webkit-scrollbar,
        .recom-cat ul:last-child::-webkit-scrollbar {
            display: none;
        }

        .single-news article .app-bg-box {
            background: none;
            padding: 0 !important;
            margin: 15px !important;
        }

        .single-news article header .icon {
            width: 80px;
            height: 80px;
            margin-right: 15px;
        }

        .single-news article header .app-info .uk-margin-left ul li {
            text-align: left;
        }

        .app-info .uk-margin-left ul li a {

            background: #d5f0ff;
            color: #008ee1;
            padding: 5px 10px;
            border-radius: 4px;

        }

        .index-news .index-news-right {
            display: none;
        }

        article header .app-btn li a::before {
            display: none;
        }

        .index-upload .style-tab-one .style-tab-one-menu li span,
        .index-upload .style-tab-one .style-tab-one-menu li h2 {
            padding: 10px;
        }

        .qr-tooltip {
            display: none;
        }
    }

    @media (min-width: 768px) {}

    @media (max-width: 767px) {}

    .qmsg.qmsg-wrapper {
        position: fixed;
        top: 20px;
        left: 0;
        z-index: 1010;
        width: 100%;
        pointer-events: none;
        color: rgba(0, 0, 0, 0.55);
        font-size: 13px;
        font-variant: tabular-nums;
        font-feature-settings: "tnum"
    }

    .qmsg .qmsg-item {
        padding: 8px;
        text-align: center;
        animation-duration: .3s
    }

    .qmsg .qmsg-item .qmsg-content {
        text-align: left;
        position: relative;
        display: inline-block;
        padding: 10px 12px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        pointer-events: all;
        max-width: 80%;
        min-width: 80px
    }

    .qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] {
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon {
        display: inline-block;
        height: 16px
    }

    .qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon:first-child {
        margin-right: 8px
    }

    .qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon-close {
        cursor: pointer;
        color: rgba(0, 0, 0, 0.45);
        transition: color .3s;
        margin-left: 6px
    }

    .qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-icon-close:hover>svg path {
        stroke: #555
    }

    .qmsg .qmsg-item .qmsg-content [class^=qmsg-content-] .qmsg-count {
        display: inline-block;
        position: absolute;
        left: -8px;
        top: -8px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        height: 16px;
        line-height: 16px;
        border-radius: 3px;
        min-width: 16px;
        animation-duration: .3s
    }

    .qmsg .qmsg-item .qmsg-content-info {
        color: #909399
    }

    .qmsg .qmsg-item .qmsg-content-info .qmsg-count {
        background-color: #909399
    }

    .qmsg .qmsg-item .qmsg-content-warning {
        color: #e6a23c
    }

    .qmsg .qmsg-item .qmsg-content-warning .qmsg-count {
        background-color: #e6a23c
    }

    .qmsg .qmsg-item .qmsg-content-error {
        color: #f56c6c
    }

    .qmsg .qmsg-item .qmsg-content-error .qmsg-count {
        background-color: #f56c6c
    }

    .qmsg .qmsg-item .qmsg-content-success {
        color: #67c23a
    }

    .qmsg .qmsg-item .qmsg-content-success .qmsg-count {
        background-color: #67c23a
    }

    .qmsg .qmsg-item .qmsg-content-loading {
        color: #409eff
    }

    .qmsg .qmsg-item .qmsg-content-loading .qmsg-count {
        background-color: #409eff
    }

    .qmsg .animate-turn {
        animation: MessageTurn 1s linear infinite
    }

    @keyframes MessageTurn {
        0% {
            transform: rotate(0deg)
        }

        25% {
            transform: rotate(90deg)
        }

        50% {
            transform: rotate(180deg)
        }

        75% {
            transform: rotate(270deg)
        }

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

    @keyframes MessageMoveOut {
        0% {
            max-height: 150px;
            padding: 8px;
            opacity: 1
        }

        to {
            max-height: 0;
            padding: 0;
            opacity: 0
        }
    }

    @keyframes MessageMoveIn {
        0% {
            transform: translateY(-100%);
            transform-origin: 0 0;
            opacity: 0
        }

        to {
            transform: translateY(0);
            transform-origin: 0 0;
            opacity: 1
        }
    }

    @keyframes MessageShake {

        0%,
        100% {
            transform: translateX(0px);
            opacity: 1
        }

        25%,
        75% {
            transform: translateX(-4px);
            opacity: .75
        }

        50% {
            transform: translateX(4px);
            opacity: .25
        }
    }