@charset "UTF-8";:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

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

.h6,h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-bs-original-title],abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

.small,small {
    font-size: .875em
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}



a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,kbd,pre,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,td,tfoot,th,thead,tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

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

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

::file-selector-button {
    font: inherit
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size:4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

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

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

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

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

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

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

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

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

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

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

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

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

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

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

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

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

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

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

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

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:first-child) {
    border-top: 2px solid currentColor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end:.5rem}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end:.5rem}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end:.5rem}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control {
    padding: 1rem .75rem
}

.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(25,135,84,.9);
    border-radius: .25rem
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
}

.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}

.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43
}

.btn-check:focus+.btn-success,.btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}

.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}

.btn-success.disabled,.btn-success:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus+.btn-info,.btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
}

.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
}

.btn-info.disabled,.btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-warning,.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
}

.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
}

.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
}

.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
}

.btn-light.disabled,.btn-light:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus+.btn-dark,.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
}

.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
}

.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
}

.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus+.btn-outline-success,.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
}

.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus {
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #198754;
    background-color: transparent
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
}

.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
}

.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus {
    box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
}

.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus {
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
}

.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus {
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
}

.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus {
    box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link.disabled,.btn-link:disabled {
    color: #6c757d
}

.btn-group-lg>.btn,.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm>.btn,.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,.dropend,.dropstart,.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0,0,0,.15)
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover {
    color: #fff;
    background-color: rgba(255,255,255,.15)
}

.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #0d6efd
}

.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0,0,0,.15)
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,.nav-link:hover {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd
}

.nav-fill .nav-item,.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible!important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible!important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
}

.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0
}

.navbar-expand .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.55)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,.3)
}

.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.55)
}

.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
    color: rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.55)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255,255,255,.25)
}

.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.55);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.55)
}

.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -.25rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(.25rem - 1px)
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}



.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>li::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    opacity: 1
}

.btn-close.disabled,.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: .875rem;
    pointer-events: auto;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border-radius: .25rem
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow::after,.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem 1rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -.5rem;
    margin-right: -.5rem;
    margin-bottom: -.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0,0,0,.2);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0,0,0,.2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #0d6efd
}

.link-primary:focus,.link-primary:hover {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:focus,.link-secondary:hover {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:focus,.link-success:hover {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:focus,.link-info:hover {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:focus,.link-warning:hover {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:focus,.link-danger:hover {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:focus,.link-light:hover {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:focus,.link-dark:hover {
    color: #1a1e21
}

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

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    box-shadow: none!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translateX(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: 1px solid #dee2e6!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: 1px solid #dee2e6!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #0d6efd!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #198754!important
}

.border-info {
    border-color: #0dcaf0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #212529!important
}

.border-white {
    border-color: #fff!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

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

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

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

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

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

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

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

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

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

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

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

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

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

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

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

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

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

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

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

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

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

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

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

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,.5)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: .2rem!important
}

.rounded-2 {
    border-radius: .25rem!important
}

.rounded-3 {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-end {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-start {
    border-bottom-left-radius: .25rem!important;
    border-top-left-radius: .25rem!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

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

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

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

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

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

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

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

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

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

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

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

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

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

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

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

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

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

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

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

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

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

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

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

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

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

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

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

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

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

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

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

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

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

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

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

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

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

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

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

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

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

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

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

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

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

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

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

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

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

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

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

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

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

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

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

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

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

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

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

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

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

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

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

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

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

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

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

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

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

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

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

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

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

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

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

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

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

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

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

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a img,fieldset,img {
    border: none
}

input[type=email],input[type=tel],input[type=text],textarea {
    -webkit-appearance: none
}

button,input[type=submit] {
    cursor: pointer
}

button::-moz-focus-inner,input[type=submit]::-moz-focus-inner {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

button,input {
    margin: 0;
    padding: 0;
    border: 0
}

a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea {
    outline: 0
}

ol,ul {
    list-style-type: none
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

html {
    box-sizing: border-box
}

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

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,.nice-select:active,.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68,68,68,.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25),opacity .15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all .2s
}

.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.tooltipster-fall,.tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1);
    -moz-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -ms-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15);
    -o-transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15)
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    transition-property: opacity
}

.tooltipster-fade.tooltipster-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    transition-timing-function: cubic-bezier(0.23,0.635,0.495,2.4)
}

.tooltipster-fall {
    transition-property: top;
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15)
}

.tooltipster-fall.tooltipster-initial {
    top: 0!important
}

.tooltipster-fall.tooltipster-dying {
    transition-property: all;
    top: 0!important;
    opacity: 0
}

.tooltipster-slide {
    transition-property: left;
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.15)
}

.tooltipster-slide.tooltipster-initial {
    left: -40px!important
}

.tooltipster-slide.tooltipster-dying {
    transition-property: all;
    left: 0!important;
    opacity: 0
}

@-webkit-keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    -webkit-animation: tooltipster-fading .4s;
    animation: tooltipster-fading .4s
}

@-webkit-keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    -webkit-animation: tooltipster-rotating .6s;
    animation: tooltipster-rotating .6s
}

@-webkit-keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    -webkit-animation: tooltipster-scaling .6s;
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

.richText {
    position: relative;
    background-color: #fafafa;
    border: #efefef solid 1px;
    color: #333;
    width: 100%
}

.richText .richText-form {
    font-family: Calibri,Verdana,Helvetica,sans-serif
}

.richText .richText-form label {
    display: block;
    padding: 10px 15px
}

.richText .richText-form input[type=file],.richText .richText-form input[type=number],.richText .richText-form input[type=text],.richText .richText-form select {
    padding: 10px 15px;
    border: #999 solid 1px;
    min-width: 200px;
    width: 100%
}

.richText .richText-form select {
    cursor: pointer
}

.richText .richText-form button {
    margin: 10px 0;
    padding: 10px 15px;
    background-color: #3498db;
    border: none;
    color: #fafafa;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px
}

.richText .richText-toolbar {
    min-height: 20px;
    border-bottom: #efefef solid 1px
}

.richText .richText-toolbar .richText-length {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 13px;
    vertical-align: middle;
    line-height: 34px
}

.richText .richText-toolbar .richText-length .black {
    color: #000
}

.richText .richText-toolbar .richText-length .orange {
    color: orange
}

.richText .richText-toolbar .richText-length .red {
    color: red
}

.richText .richText-toolbar ul {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.richText .richText-toolbar ul li {
    float: left;
    display: block;
    list-style: none
}

.richText .richText-toolbar ul li a {
    display: block;
    padding: 10px 13px;
    border-right: #efefef solid 1px;
    cursor: pointer;
    transition: background-color .4s
}

.richText .richText-toolbar ul li a .fa,.richText .richText-toolbar ul li a .far,.richText .richText-toolbar ul li a .fas,.richText .richText-toolbar ul li a svg {
    pointer-events: none
}

.richText .richText-toolbar ul li a .richText-dropdown-outer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    cursor: default
}

.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
    position: relative;
    display: block;
    margin: 3% auto 0 auto;
    background-color: #fafafa;
    border: #efefef solid 1px;
    min-width: 100px;
    width: 300px;
    max-width: 90%;
    box-shadow: 0 0 5px 0 #333
}

.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
    position: absolute;
    top: 0;
    right: -23px;
    background: #fff;
    color: #333;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    width: 20px
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {
    list-style: none
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {
    display: block;
    float: none;
    font-family: Calibri,Verdana,Helvetica,sans-serif
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
    display: block;
    padding: 10px 15px;
    border-bottom: #efefef solid 1px
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
    background-color: #fff
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {
    margin: 10px 6px;
    float: left
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 #999
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%
}

.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown {
    padding: 10px 15px
}

.richText .richText-toolbar ul li a:hover {
    background-color: #fff
}

.richText .richText-toolbar ul li[data-disable=true] {
    opacity: .1
}

.richText .richText-toolbar ul li[data-disable=true] a {
    cursor: default
}

.richText .richText-toolbar ul li:not([data-disable=true]).is-selected .richText-dropdown-outer {
    display: block
}

.richText .richText-toolbar ul:after {
    display: block;
    content: "";
    clear: both
}

.richText .richText-toolbar:last-child {
    font-size: 12px
}

.richText .richText-toolbar:after {
    display: block;
    clear: both;
    content: ""
}

.richText .richText-editor {
    padding: 20px;
    background-color: #fff;
    border-left: #fff solid 2px;
    font-family: Calibri,Verdana,Helvetica,sans-serif;
    height: 300px;
    outline: 0;
    overflow-y: scroll;
    overflow-x: auto
}

.richText .richText-editor ol,.richText .richText-editor ul {
    margin: 10px 25px
}

.richText .richText-editor table {
    margin: 10px 0;
    border-spacing: 0;
    width: 100%
}

.richText .richText-editor table td,.richText .richText-editor table th {
    padding: 10px;
    border: #efefef solid 1px
}

.richText .richText-editor:focus {
    border-left: #3498db solid 2px
}

.richText .richText-initial {
    margin-bottom: -4px;
    padding: 10px;
    background-color: #282828;
    border: none;
    color: #3f3;
    font-family: Monospace,Calibri,Verdana,Helvetica,sans-serif;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    min-height: 400px;
    height: 400px
}

.richText .richText-help {
    float: right;
    display: block;
    padding: 10px 15px;
    cursor: pointer
}

.richText .richText-redo,.richText .richText-undo {
    float: left;
    display: block;
    padding: 10px 15px;
    border-right: #efefef solid 1px;
    cursor: pointer
}

.richText .richText-redo.is-disabled,.richText .richText-undo.is-disabled {
    opacity: .4
}

.richText .richText-help-popup a {
    color: #3498db;
    text-decoration: underline
}

.richText .richText-help-popup hr {
    margin: 10px auto 5px auto;
    border: none;
    border-top: #efefef solid 1px
}

.richText .richText-list.list-rightclick {
    position: absolute;
    background-color: #fafafa;
    border-right: #efefef solid 1px;
    border-bottom: #efefef solid 1px
}

.richText .richText-list.list-rightclick li {
    padding: 5px 7px;
    cursor: pointer;
    list-style: none
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47,0,0.74,0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22,0.61,0.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5,0,0.14,1);
    animation-timing-function: cubic-bezier(0.5,0,0.14,1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,0.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19,1,0.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

:root {
    --tagify-dd-color-primary: rgb(53, 149, 246);
    --tagify-dd-bg-color: white
}

.tagify {
    --tags-disabled-bg: #F1F1F1;
    --tags-border-color: #DDD;
    --tags-hover-border-color: #CCC;
    --tags-focus-border-color: #3595f6;
    --tag-bg: #E5E5E5;
    --tag-hover: #D3E2E2;
    --tag-text-color: black;
    --tag-text-color--edit: black;
    --tag-pad: 0.3em 0.5em;
    --tag-inset-shadow-size: 1.1em;
    --tag-invalid-color: #D39494;
    --tag-invalid-bg: rgba(211, 148, 148, 0.5);
    --tag-remove-bg: rgba(211, 148, 148, 0.3);
    --tag-remove-btn-color: black;
    --tag-remove-btn-bg: none;
    --tag-remove-btn-bg--hover: #c77777;
    --input-color: inherit;
    --tag--min-width: 1ch;
    --tag--max-width: auto;
    --tag-hide-transition: 0.3s;
    --placeholder-color: rgba(0, 0, 0, 0.4);
    --placeholder-color-focus: rgba(0, 0, 0, 0.25);
    --loader-size: .8em;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    border: 1px solid var(--tags-border-color);
    padding: 0;
    line-height: 0;
    cursor: text;
    outline: 0;
    position: relative;
    box-sizing: border-box;
    transition: .1s
}

@-webkit-keyframes tags--bump {
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes tags--bump {
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes rotateLoader {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotateLoader {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.tagify:hover {
    border-color: #ccc;
    border-color: var(--tags-hover-border-color)
}

.tagify.tagify--focus {
    transition: 0s;
    border-color: #3595f6;
    border-color: var(--tags-focus-border-color)
}

.tagify[disabled] {
    background: var(--tags-disabled-bg);
    -webkit-filter: saturate(0);
    filter: saturate(0);
    opacity: .5;
    pointer-events: none
}

.tagify[readonly].tagify--select {
    pointer-events: none
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) {
    cursor: default
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input {
    visibility: hidden;
    width: 0;
    margin: 5px 0
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div {
    padding: .3em .5em;
    padding: var(--tag-pad)
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before {
    background: linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
    box-shadow: none;
    -webkit-filter: brightness(0.95);
    filter: brightness(.95)
}

.tagify[readonly] .tagify__tag__removeBtn {
    display: none
}

.tagify--loading .tagify__input>br:last-child {
    display: none
}

.tagify--loading .tagify__input::before {
    content: none
}

.tagify--loading .tagify__input::after {
    content: "";
    vertical-align: middle;
    opacity: 1;
    width: .7em;
    height: .7em;
    width: var(--loader-size);
    height: var(--loader-size);
    border: 3px solid;
    border-color: #eee #bbb #888 transparent;
    border-radius: 50%;
    -webkit-animation: rotateLoader .4s infinite linear;
    animation: rotateLoader .4s infinite linear;
    content: ""!important;
    margin: -2px 0 -2px .5em
}

.tagify--loading .tagify__input:empty::after {
    margin-left: 0
}

.tagify+input,.tagify+textarea {
    position: absolute!important;
    left: -9999em!important;
    -webkit-transform: scale(0)!important;
    transform: scale(0)!important
}

.tagify__tag {
    display: inline-flex;
    align-items: center;
    margin: 5px 0 5px 5px;
    position: relative;
    z-index: 1;
    outline: 0;
    line-height: normal;
    cursor: default;
    transition: .13s ease-out
}

.tagify__tag>div {
    vertical-align: top;
    box-sizing: border-box;
    max-width: 100%;
    padding: .3em .5em;
    padding: var(--tag-pad,.3em .5em);
    color: #000;
    color: var(--tag-text-color,#000);
    line-height: inherit;
    border-radius: 3px;
    white-space: nowrap;
    transition: .13s ease-out
}

.tagify__tag>div>* {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    min-width: 1ch;
    max-width: auto;
    min-width: var(--tag--min-width,1ch);
    max-width: var(--tag--max-width,auto);
    transition: .8s ease,.1s color
}

.tagify__tag>div>[contenteditable] {
    outline: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text;
    margin: -2px;
    padding: 2px;
    max-width: 350px
}

.tagify__tag>div::before {
    content: "";
    position: absolute;
    border-radius: inherit;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    transition: 120ms ease;
    -webkit-animation: tags--bump .3s ease-out 1;
    animation: tags--bump .3s ease-out 1;
    box-shadow: 0 0 0 1.1em #e5e5e5 inset;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset
}

.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    box-shadow: 0 0 0 1.1em #d3e2e2 inset;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset
}

.tagify__tag--loading {
    pointer-events: none
}

.tagify__tag--loading .tagify__tag__removeBtn {
    display: none
}

.tagify__tag--loading::after {
    --loader-size: .4em;
    content: "";
    vertical-align: middle;
    opacity: 1;
    width: .7em;
    height: .7em;
    width: var(--loader-size);
    height: var(--loader-size);
    border: 3px solid;
    border-color: #eee #bbb #888 transparent;
    border-radius: 50%;
    -webkit-animation: rotateLoader .4s infinite linear;
    animation: rotateLoader .4s infinite linear;
    margin: 0 .5em 0 -.1em
}

.tagify__tag--flash div::before {
    -webkit-animation: none;
    animation: none
}

.tagify__tag--hide {
    width: 0!important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: .3s;
    transition: var(--tag-hide-transition, .3s);
    pointer-events: none
}

.tagify__tag--hide>div>* {
    white-space: nowrap
}

.tagify__tag.tagify--noAnim>div::before {
    -webkit-animation: none;
    animation: none
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span {
    opacity: .5
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
    box-shadow: 0 0 0 1.1em rgba(211,148,148,.5) inset!important;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;
    transition: .2s
}

.tagify__tag[readonly] .tagify__tag__removeBtn {
    display: none
}

.tagify__tag[readonly]>div::before {
    background: linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
    box-shadow: none;
    -webkit-filter: brightness(0.95);
    filter: brightness(.95)
}

.tagify__tag--editable>div {
    color: #000;
    color: var(--tag-text-color--edit,#000)
}

.tagify__tag--editable>div::before {
    box-shadow: 0 0 0 2px #d3e2e2 inset!important;
    box-shadow: 0 0 0 2px var(--tag-hover,#d3e2e2) inset!important
}

.tagify__tag--editable>.tagify__tag__removeBtn {
    pointer-events: none
}

.tagify__tag--editable>.tagify__tag__removeBtn::after {
    opacity: 0;
    -webkit-transform: translateX(100%) translateX(5px);
    transform: translateX(100%) translateX(5px)
}

.tagify__tag--editable.tagify--invalid>div::before {
    box-shadow: 0 0 0 2px #d39494 inset!important;
    box-shadow: 0 0 0 2px var(--tag-invalid-color,#d39494) inset!important
}

.tagify__tag__removeBtn {
    order: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    font: 14px/1 Arial;
    background: 0 0;
    background: var(--tag-remove-btn-bg,none);
    color: #000;
    color: var(--tag-remove-btn-color,#000);
    width: 14px;
    height: 14px;
    margin-right: 4.6666666667px;
    margin-left: auto;
    overflow: hidden;
    transition: .2s ease-out
}

.tagify__tag__removeBtn::after {
    content: "×";
    transition: .3s,color 0s
}

.tagify__tag__removeBtn:hover {
    color: #fff;
    background: #c77777;
    background: var(--tag-remove-btn-bg--hover,#c77777)
}

.tagify__tag__removeBtn:hover+div>span {
    opacity: .5
}

.tagify__tag__removeBtn:hover+div::before {
    box-shadow: 0 0 0 1.1em rgba(211,148,148,.3) inset!important;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
    transition: box-shadow .2s
}

.tagify:not(.tagify--mix) .tagify__input br {
    display: none
}

.tagify:not(.tagify--mix) .tagify__input * {
    display: inline;
    white-space: nowrap
}

.tagify__input {
    flex-grow: 1;
    display: inline-block;
    min-width: 110px;
    margin: 5px;
    padding: .3em .5em;
    padding: var(--tag-pad,.3em .5em);
    line-height: normal;
    position: relative;
    white-space: pre-wrap;
    color: inherit;
    color: var(--input-color,inherit);
    box-sizing: inherit
}

.tagify__input:focus {
    outline: 0
}

.tagify__input:focus::before {
    transition: .2s ease-out;
    opacity: 0;
    -webkit-transform: translatex(6px);
    transform: translatex(6px)
}

@supports (-ms-ime-align:auto) {
    .tagify__input:focus::before {
        display: none
    }
}

.tagify__input:focus:empty::before {
    transition: .2s ease-out;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    color: rgba(0,0,0,.25);
    color: var(--placeholder-color-focus)
}

@-moz-document url-prefix() {
    .tagify__input:focus:empty::after {
        display: none
    }
}

.tagify__input::before {
    content: attr(data-placeholder);
    height: 1em;
    line-height: 1em;
    margin: auto 0;
    z-index: 1;
    color: rgba(0,0,0,.4);
    color: var(--placeholder-color);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    position: absolute
}

.tagify__input::after {
    content: attr(data-suggest);
    display: inline-block;
    white-space: pre;
    color: #000;
    opacity: .3;
    pointer-events: none;
    max-width: 100px
}

.tagify__input .tagify__tag {
    margin: 0 1px
}

.tagify__input .tagify__tag>div {
    padding-top: 0;
    padding-bottom: 0
}

.tagify--mix {
    display: block
}

.tagify--mix .tagify__input {
    padding: 5px;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 1.5;
    display: block
}

.tagify--mix .tagify__input::before {
    height: auto;
    display: none;
    line-height: inherit
}

.tagify--mix .tagify__input::after {
    content: none
}

.tagify--select::after {
    content: ">";
    opacity: .5;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    font: 16px monospace;
    line-height: 8px;
    height: 8px;
    pointer-events: none;
    -webkit-transform: translate(-150%,-50%) scaleX(1.2) rotate(90deg);
    transform: translate(-150%,-50%) scaleX(1.2) rotate(90deg);
    transition: .2s ease-in-out
}

.tagify--select[aria-expanded=true]::after {
    -webkit-transform: translate(-150%,-50%) rotate(270deg) scaleY(1.2);
    transform: translate(-150%,-50%) rotate(270deg) scaleY(1.2)
}

.tagify--select .tagify__tag {
    position: absolute;
    top: 0;
    right: 1.8em;
    bottom: 0
}

.tagify--select .tagify__tag div {
    display: none
}

.tagify--select .tagify__input {
    width: 100%
}

.tagify--empty .tagify__input::before {
    transition: .2s ease-out;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    display: inline-block;
    width: auto
}

.tagify--mix .tagify--empty .tagify__input::before {
    display: inline-block
}

.tagify--invalid {
    --tags-border-color: #D39494
}

.tagify__dropdown {
    position: absolute;
    z-index: 9999;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    overflow: hidden
}

.tagify__dropdown[placement=top] {
    margin-top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
    border-top-width: 1.1px;
    border-bottom-width: 0
}

.tagify__dropdown[position=text] {
    box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
    font-size: .9em
}

.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
    border-width: 1px
}

.tagify__dropdown__wrapper {
    max-height: 300px;
    overflow: auto;
    background: #fff;
    background: var(--tagify-dd-bg-color);
    border: 1px solid #3595f6;
    border-color: var(--tagify-dd-color-primary);
    border-bottom-width: 1.33px;
    border-top-width: 0;
    box-shadow: 0 2px 4px -2px rgba(0,0,0,.2);
    transition: .25s cubic-bezier(0, 1, .5, 1)
}

.tagify__dropdown--initial .tagify__dropdown__wrapper {
    max-height: 20px;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em)
}

.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
    -webkit-transform: translateY(2em);
    transform: translateY(2em)
}

.tagify__dropdown__item {
    box-sizing: inherit;
    padding: .3em .5em;
    margin: 1px;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    outline: 0
}

.tagify__dropdown__item--active {
    background: #3595f6;
    background: var(--tagify-dd-color-primary);
    color: #fff
}

.tagify__dropdown__item.nice-select.open,.tagify__dropdown__item:active {
    -webkit-filter: brightness(105%);
    filter: brightness(105%)
}

.date-picker {
    width: 170px;
    height: 25px;
    padding: 0;
    border: 0;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Arial,sans-serif;
    font-weight: 700;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 2
}

.date-picker-wrapper {
    position: absolute;
    z-index: 1;
    border: 1px solid #bfbfbf;
    background-color: #efefef;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 20px;
    color: #aaa;
    font-family: Arial,sans-serif;
    box-shadow: 3px 3px 10px rgba(0,0,0,.5);
    box-sizing: initial
}

.dp-clearfix {
    clear: both;
    height: 0;
    font-size: 0
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    box-shadow: none;
    display: inline-block
}

.date-picker-wrapper.single-date {
    width: auto
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 12px
}

.date-picker-wrapper.no-topbar {
    padding-top: 12px
}

.date-picker-wrapper .footer {
    font-size: 11px;
    padding-top: 3px
}

.date-picker-wrapper b {
    color: #666;
    font-weight: 700
}

.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline
}

.date-picker-wrapper .month-name {
    text-transform: uppercase
}

.date-picker-wrapper .select-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.date-picker-wrapper .select-wrapper:hover {
    text-decoration: underline
}

.date-picker-wrapper .month-element {
    display: inline-block;
    vertical-align: middle
}

.date-picker-wrapper .select-wrapper select {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: -1px;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    outline: 0;
    opacity: .01
}

.date-picker-wrapper .month-wrapper {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background-color: #fff;
    padding: 5px;
    cursor: default;
    position: relative
}

.date-picker-wrapper .month-wrapper table {
    width: 190px;
    float: left
}

.date-picker-wrapper .month-wrapper table.month2 {
    width: 190px;
    float: left
}

.date-picker-wrapper .month-wrapper table td,.date-picker-wrapper .month-wrapper table th {
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    margin: 0;
    padding: 0
}

.date-picker-wrapper .month-wrapper table .day {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #ccc;
    cursor: default
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth,.date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #999;
    cursor: default
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #9cdbf7
}

.date-picker-wrapper .month-wrapper table .week-name {
    height: 20px;
    line-height: 20px;
    font-weight: 100;
    text-transform: uppercase
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help!important
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
    white-space: nowrap
}

.date-picker-wrapper .time label {
    white-space: nowrap
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #333;
    cursor: pointer
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #cdecfa
}

.date-picker-wrapper .month-wrapper table .day.lastMonth,.date-picker-wrapper .month-wrapper table .day.nextMonth {
    display: none
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #ffe684
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #70ccd5
}

.date-picker-wrapper table .caption {
    height: 40px
}

.date-picker-wrapper table .caption>th:first-of-type,.date-picker-wrapper table .caption>th:last-of-type {
    width: 27px
}

.date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev {
    padding: 0 5px;
    cursor: pointer
}

.date-picker-wrapper table .caption .next:hover,.date-picker-wrapper table .caption .prev:hover {
    background-color: #ccc;
    color: #fff
}

.date-picker-wrapper .gap {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 100%;
    background-color: red;
    font-size: 0;
    line-height: 0;
    float: left;
    top: -5px;
    margin: 0 10px -10px;
    visibility: hidden;
    height: 0
}

.date-picker-wrapper .gap .gap-lines {
    height: 100%;
    overflow: hidden
}

.date-picker-wrapper .gap .gap-line {
    height: 15px;
    width: 15px;
    position: relative
}

.date-picker-wrapper .gap .gap-line .gap-1 {
    z-index: 1;
    height: 0;
    border-left: 8px solid #fff;
    border-top: 8px solid #eee;
    border-bottom: 8px solid #eee
}

.date-picker-wrapper .gap .gap-line .gap-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid #fff
}

.date-picker-wrapper .gap .gap-line .gap-3 {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.date-picker-wrapper .gap .gap-top-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 1px;
    background-color: #eee;
    z-index: 3
}

.date-picker-wrapper .gap .gap-bottom-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 7px;
    background-color: #eee;
    z-index: 3
}

.date-picker-wrapper .selected-days {
    display: none
}

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0
}

.date-picker-wrapper .drp_top-bar .error-top,.date-picker-wrapper .drp_top-bar .normal-top {
    display: none
}

.date-picker-wrapper .drp_top-bar .default-top {
    display: block
}

.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none
}

.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
    color: #333
}

.date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0;
    top: 6px;
    padding: 3px 5px;
    margin: 0;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -moz-linear-gradient(top,#00adee,#0078a5);
    color: #fff;
    line-height: initial
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -moz-linear-gradient(top,#fff,#ededed)
}

.date-picker-wrapper .time {
    position: relative
}

.date-picker-wrapper.single-month .time {
    display: block
}

.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px
}

.date-picker-wrapper .time1 {
    width: 180px;
    padding: 0 5px;
    text-align: center
}

.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center
}

.date-picker-wrapper .time1 {
    float: left
}

.date-picker-wrapper .time2 {
    float: right
}

.date-picker-wrapper .hour {
    text-align: right
}

.minute {
    text-align: right
}

.date-picker-wrapper .hide {
    display: none
}

.date-picker-wrapper .first-date-selected,.date-picker-wrapper .last-date-selected {
    background-color: #49e!important;
    color: #fff!important
}

.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    display: none;
    background-color: #ff0;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,0.3));
    -moz-filter: drop-shadow(0 0 3px rgba(0,0,0,0.3));
    -ms-filter: drop-shadow(0 0 3px rgba(0,0,0,0.3));
    -o-filter: drop-shadow(0 0 3px rgba(0,0,0,0.3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3))
}

.date-picker-wrapper .date-range-length-tip:after {
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ff0;
    left: 50%;
    margin-left: -4px;
    bottom: -4px
}

.date-picker-wrapper.two-months.no-gap .month1 .next,.date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none
}

.date-picker-wrapper .week-number {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer
}

.date-picker-wrapper .week-number.week-number-selected {
    color: #49e;
    font-weight: 700
}

/*! nouislider - 11.0.3 - 2018-01-21 14:04:07 */
.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base,.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    position: absolute
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after,.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large,.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%,50%);
    transform: translate(50%,50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%,0);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0,50%);
    transform: translate(0,50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    right: 120%
}

body {
    min-width: 375px;
    background: #f4f4f4;
    font-family: Inter,sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -.01em;
    color: #1a1d1f
}

body.dark {
    background: #111315;
    color: #fcfcfc
}

body.no-scroll,html.no-scroll {
    height: calc(var(--vh,1vh) * 100);
    overflow: hidden
}

a {
    text-decoration: none
}

button {
    background: 0 0
}

button,input,textarea {
    font-family: Inter,sans-serif
}

img,svg {
    vertical-align: middle
}

.icon {
    width: 16px;
    height: 16px;
    fill: #1A1D1F
}

body.dark .some-icon {
    display: none
}

.some-icon-dark {
    display: none
}

body.dark .some-icon-dark {
    display: inline-block
}

.select {
    float: none;
    width: auto;
    height: 48px;
    padding: 0 48px 0 16px;
    background: 0 0;
    box-shadow: inset 0 0 0 2px #efefef;
    border-radius: 12px;
    border: none;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 48px;
    color: #1a1d1f
}

.select:after {
    display: none
}

.select:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.707 15.707l-.094.083a1 1 0 0 1-1.32-.083h0l-6-6-.083-.094a1 1 0 0 1 1.497-1.32h0L12 13.585l5.293-5.292.094-.083a1 1 0 0 1 1.32 1.497h0l-6 6z' fill='%236f767e'/%3E%3C/svg%3E") no-repeat 50% 50%/24px auto;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

body.dark .select {
    background: 0 0;
    box-shadow: inset 0 0 0 2px #272b30;
    -webkit-appearance: none;
    color: #6f767e
}

.select:hover {
    box-shadow: inset 0 0 0 2px #9a9fa5
}

body.dark .select:hover {
    box-shadow: inset 0 0 0 2px #33383f
}

.select.open {
    box-shadow: inset 0 0 0 2px #9a9fa5;
    background: #fff
}

body.dark .select.open {
    box-shadow: inset 0 0 0 2px #33383f;
    background: #111315;
    color: #fcfcfc
}

.select.open:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select .current {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select .list {
    right: 0;
    margin-top: 2px;
    padding: 8px 0;
    border-radius: 12px;
    background: #fff;
    border: none;
    box-shadow: inset 0 0 0 2px #efefef,0 4px 12px rgba(244,244,244,.1)
}

body.dark .select .list {
    background: #111315;
    box-shadow: inset 0 0 0 2px #33383f,0 4px 12px rgba(17,19,21,.1)
}

.select .option {
    min-height: auto;
    padding: 8px 16px;
    background: 0 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6f767e
}

.select .option.focus,.select .option.selected.focus,.select .option:hover {
    background: 0 0
}

.select .option.focus,.select .option:hover {
    font-weight: 600;
    color: #1a1d1f
}

body.dark .select .option.focus,body.dark .select .option:hover {
    color: #fcfcfc
}

.select .option.selected {
    font-weight: 600;
    color: #2a85ff
}

body.dark .select .option.selected {
    color: #2a85ff
}

.select_small {
    height: 40px;
    padding: 0 40px 0 16px;
    line-height: 40px
}

.select_small:before {
    width: 40px;
    background-size: 16px auto
}

.select_small .option {
    padding: 4px 16px
}

.select_up .list {
    top: auto;
    bottom: 100%;
    margin: 0 0 2px
}

.tooltip {
    display: inline-block;
    margin-left: 4px;
    cursor: pointer
}

.tooltipster-base .tooltipster-box {
    margin: 0!important;
    background: #272b30;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1),inset 0 0 1px #000
}

.tooltipster-base .tooltipster-content {
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    color: #f4f4f4
}

.tooltipster-base .tooltipster-arrow {
    display: none
}

.apexcharts-canvas .apexcharts-text {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.01em;
    fill: #9A9FA5
}

.apexcharts-canvas .apexcharts-gridline {
    stroke: #EFEFEF
}

body.dark .apexcharts-canvas .apexcharts-gridline {
    stroke: #272B30!important
}

.apexcharts-canvas .apexcharts-xcrosshairs.apexcharts-active,.apexcharts-canvas .apexcharts-ycrosshairs.apexcharts-active {
    stroke: rgba(111,118,126,0.5)
}

body.dark .apexcharts-canvas .apexcharts-xcrosshairs.apexcharts-active,body.dark .apexcharts-canvas .apexcharts-ycrosshairs.apexcharts-active {
    stroke: #6F767E
}

.apexcharts-canvas .apexcharts-marker {
    stroke-width: 0
}

.apexcharts-canvas .apexcharts-tooltip {
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1),inset 0 0 1px #000
}

.apexcharts-canvas .apexcharts-tooltip-title {
    margin-bottom: 8px;
    padding: 0
}

.apexcharts-canvas .apexcharts-tooltip-series-group {
    background: 0 0!important;
    padding: 0!important
}

.apexcharts-canvas .apexcharts-tooltip-y-group {
    padding: 0
}

.apexcharts-canvas .apexcharts-tooltip-marker {
    margin-right: 4px;
    border-radius: 4px
}

.apexcharts-canvas .apexcharts-tooltip-text {
    font-weight: 600;
    color: #fcfcfc
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {
    border-color: rgba(255,255,255,.12);
    background: #272b30
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: 0 0;
    border: none;
    color: #efefef
}

.apexcharts-canvas .apexcharts-legend.position-bottom.apexcharts-align-center,.apexcharts-canvas .apexcharts-legend.position-top.apexcharts-align-center {
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .apexcharts-canvas .apexcharts-legend.position-bottom.apexcharts-align-center,.apexcharts-canvas .apexcharts-legend.position-top.apexcharts-align-center {
        justify-content:center
    }
}

.apexcharts-canvas .apexcharts-legend-marker {
    border-radius: 4px!important
}

.apexcharts-canvas .apexcharts-legend-series {
    margin-top: 6px!important
}

.apexcharts-canvas .apexcharts-legend-text {
    font-weight: 600!important;
    color: #1a1d1f!important
}

body.dark .apexcharts-canvas .apexcharts-legend-text {
    color: #efefef!important
}

body.dark .apexcharts-canvas .apexcharts-pie-area {
    stroke: #1A1D1F
}

.slick-arrow {
    position: absolute;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 0;
    transition: all .2s
}

.slick-arrow svg {
    position: relative;
    z-index: 2
}

.slick-arrow path {
    fill: #6F767E;
    transition: fill .2s
}

.slick-arrow:hover {
    box-shadow: inset 0 0 0 2px #272b30
}

body.dark .slick-arrow:hover {
    box-shadow: inset 0 0 0 2px #efefef
}

body.dark .slick-arrow:hover path {
    fill: #272B30
}

.fancybox-caption__body {
    color: #6f767e
}

.fancybox-image {
    border-radius: 16px
}

.fancybox-infobar {
    font-size: 14px;
    font-weight: 700;
    color: #6f767e
}

.fancybox-bg {
    background: #1a1d1f
}

.fancybox-is-open .fancybox-bg {
    opacity: 1
}

.tagify {
    padding: 3px;
    background: #f4f4f4;
    border: none;
    border-radius: 6px
}

body.dark .tagify {
    background: #272b30
}

.tagify__tag>div::before {
    border-radius: 6px
}

.tagify__input::before {
    line-height: 1.4em
}

body.dark .tagify__input::before {
    color: #fcfcfc
}

.tagify__input::after {
    color: #9a9fa5
}

.tagify__input:focus:empty:before {
    color: #9a9fa5
}

.noUi-horizontal {
    height: 4px
}

.noUi-target {
    border: none;
    background: #efefef;
    box-shadow: none
}

body.dark .noUi-target {
    background: #272b30
}

.noUi-connect {
    background: #2a85ff
}

.noUi-handle {
    border: none;
    box-shadow: none;
    background: #fcfcfc;
    border-radius: 50%;
    cursor: pointer
}

.noUi-handle:after,.noUi-handle:before {
    display: none
}

.noUi-horizontal .noUi-handle {
    right: -12px;
    top: -6px;
    width: 16px;
    height: 16px;
    border: 2px solid #2a85ff;
    background: #fcfcfc;
    box-shadow: 0 1px 2px #2881ff,inset 0 2px 2px #fff
}

.noUi-tooltip {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    padding: 3px 10px;
    background: #272b30;
    border-radius: 8px;
    border: 1px solid rgba(252,252,252,.12);
    font-size: 12px;
    font-weight: 600;
    color: #fcfcfc;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

.noUi-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #272b30 transparent transparent transparent
}

body.dark .noUi-tooltip {
    background: #111315
}

body.dark .noUi-tooltip:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #111315 transparent transparent transparent
}

.noUi-handle:hover .noUi-tooltip {
    visibility: visible;
    opacity: 1
}

.noUi-horizontal .noUi-tooltip {
    bottom: 24px
}

.range_time .noUi-horizontal {
    height: 2px
}

.range_time .noUi-handle {
    top: -11px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -12px
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

.m-auto {
    margin: auto
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.align-baseline {
    align-items: baseline
}

@media only screen and (max-width: 1259px) {
    .desktop-hide {
        display:none!important
    }
}

.desktop-show {
    display: none!important
}

@media only screen and (max-width: 1259px) {
    .desktop-show {
        display:block!important
    }
}

@media only screen and (max-width: 1259px) {
    .desktop-text-right {
        text-align:right!important
    }
}

@media only screen and (max-width: 1023px) {
    .tablet-hide {
        display:none!important
    }
}

.tablet-show {
    display: none!important
}

@media only screen and (max-width: 1023px) {
    .tablet-show {
        display:block!important
    }
}

@media only screen and (max-width: 1023px) {
    .tablet-text-right {
        text-align:right!important
    }
}

@media only screen and (max-width: 767px) {
    .mobile-hide {
        display:none!important
    }
}

.mobile-show {
    display: none!important
}

@media only screen and (max-width: 767px) {
    .mobile-show {
        display:block!important
    }
}

@media only screen and (max-width: 767px) {
    .mobile-text-right {
        text-align:right!important
    }
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 80px
}

.h1,.h2,.h3,.h4 {
    font-family: Inter,sans-serif;
    font-weight: 600
}

.h1 {
    font-size: 64px;
    line-height: 1;
    letter-spacing: -.03em
}

.h2 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -.03em
}

.h3 {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .h3 {
        font-size:32px;
        line-height: 1.25;
        letter-spacing: -.03em
    }
}

.h4 {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -.03em
}

[class^=button] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    background: #2a85ff;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    color: #fcfcfc;
    transition: all .2s
}

[class^=button]:hover {
    background: #0069f6
}

[class^=button].disabled {
    opacity: .5;
    pointer-events: none
}

[class^=button] svg {
    fill: #FCFCFC;
    transition: all .2s
}

[class^=button]:not([class^=button-square]) svg:first-child {
    margin-right: 8px
}

[class^=button]:not([class^=button-square]) svg:last-child {
    margin-left: 8px
}

.button-stroke,.button-stroke-red {
    background: 0 0;
    box-shadow: 0 0 0 2px #efefef inset
}

body.dark .button-stroke,body.dark .button-stroke-red {
    box-shadow: 0 0 0 2px #272b30 inset
}

.button-stroke {
    color: #1a1d1f
}

.button-stroke svg {
    fill: #6F767E
}

body.dark .button-stroke {
    color: #fcfcfc
}

.button-stroke:hover {
    background: 0 0;
    box-shadow: 0 0 0 2px #1a1d1f inset
}

.button-stroke:hover svg {
    fill: #1A1D1F
}

body.dark .button-stroke:hover {
    box-shadow: 0 0 0 2px #efefef inset
}

body.dark .button-stroke:hover svg {
    fill: #FCFCFC
}

.button-stroke.active {
    background: #272b30;
    box-shadow: 0 0 0 2px #272b30 inset
}

.button-stroke.active svg {
    fill: #1A1D1F
}

.button-stroke-red {
    color: #ff6a55
}

.button-stroke-red svg {
    fill: #FF6A55
}

.button-stroke-red.active,.button-stroke-red:hover {
    background: #ff6a55;
    box-shadow: 0 0 0 2px #ff6a55 inset;
    color: #fcfcfc
}

.button-stroke-red.active svg,.button-stroke-red:hover svg {
    fill: #FCFCFC
}

.button-white {
    box-shadow: 0 0 0 2px #efefef inset;
    background: #fcfcfc;
    color: #1a1d1f
}

.button-white svg {
    fill: #1A1D1F
}

.button-white.active,.button-white:hover {
    box-shadow: 0 0 0 2px #1a1d1f inset;
    background: #fff;
    color: #1a1d1f
}

.button-white.active svg,.button-white:hover svg {
    fill: #1A1D1F
}

.button-small {
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 13px
}

.button-square-stroke {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    padding: 0;
    background: 0 0;
    box-shadow: 0 0 0 2px #efefef inset;
    transition: all .2s
}

.button-square-stroke svg {
    fill: #6F767E
}

body.dark .button-square-stroke {
    box-shadow: 0 0 0 2px #272b30 inset
}

.button-square-stroke:hover {
    background: #2a85ff;
    box-shadow: 0 0 0 2px #2a85ff inset
}

.button-square-stroke:hover svg {
    fill: #FCFCFC
}

.button-square-stroke.button-small {
    flex: 0 0 40px;
    width: 40px;
    height: 40px
}

[class^=status] {
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700
}

.status-green {
    background: #eafae5;
    color: #83bf6e
}

body.dark .status-green {
    background: rgba(131,191,110,.15)
}

.status-green-dark {
    background: #b5e4ca;
    color: #1a1d1f
}

.status-red {
    background: #ffe7e4;
    color: #ff6a55
}

body.dark .status-red {
    background: rgba(255,106,85,.15)
}

.status-red-dark {
    background: #ffbc99;
    color: #fcfcfc
}

.status-purple {
    background: #cabdff;
    color: #8e59ff
}

.status-blue {
    background: #b1e5fc;
    color: #2a85ff
}

.status-yellow {
    background: #ffd88d;
    color: #1a1d1f
}

[class^=title] {
    position: relative;
    display: inline-block;
    padding-left: 32px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    [class^=title] {
        font-size:18px
    }
}

[class^=title]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 32px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 4px
}

.title-red:before {
    background: #ffbc99
}

.title-blue:before {
    background: #b1e5fc
}

.title-purple:before {
    background: #cabdff
}

.title-yellow:before {
    background: #ffd88d
}

.title-green:before {
    background: #b5e4ca
}

.balance.negative,.balance.positive {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333
}

.balance.negative svg,.balance.positive svg {
    margin-right: 4px
}

.balance.negative {
    color: #ff6a55
}

.balance.negative svg {
    fill: #FF6A55
}

.balance.positive {
    color: #83bf6e
}

.balance.positive svg {
    fill: #83BF6E
}

.balance.background.negative,.balance.background.positive {
    height: 24px;
    padding: 0 4px;
    border-radius: 8px
}

.balance.background.positive {
    background: #eafae5
}

body.dark .balance.background.positive {
    background: rgba(234,250,229,.25)
}

.balance.background.negative {
    background: #ffe7e4
}

body.dark .balance.background.negative {
    background: rgba(255,216,211,.15)
}

.favorite {
    position: relative;
    width: 20px;
    height: 20px
}

.favorite .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    fill: #9A9FA5;
    transition: all .2s
}

.favorite .icon:nth-child(2) {
    z-index: 2;
    opacity: 0
}

.favorite:hover .icon {
    fill: #2A85FF
}

.favorite.active .icon {
    fill: #2A85FF
}

.favorite.active .icon:first-child {
    opacity: 0
}

.favorite.active .icon:nth-child(2) {
    opacity: 1
}

.page {
    padding: 96px 0 0 340px
}

@media only screen and (max-width: 1339px) {
    .page {
        padding:80px 0 0 300px
    }
}

@media only screen and (max-width: 1259px) {
    .page {
        padding-left:96px
    }
}

@media only screen and (max-width: 1023px) {
    .page {
        overflow:hidden
    }
}

@media only screen and (max-width: 767px) {
    .page {
        padding-left:0
    }
}

@media only screen and (max-width: 1339px) {
    .page__inner {
        padding:32px 24px
    }
}

@media only screen and (max-width: 767px) {
    .page__inner {
        padding:24px 16px
    }
}

.page__container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.page__container.wide {
    max-width: 100%
}

.page__title {
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .page__title {
        margin-bottom:16px
    }
}

.page__row {
    display: flex
}

@media only screen and (max-width: 1023px) {
    .page__row {
        display:block
    }
}

.page__row:not(:last-child) {
    margin-bottom: 8px
}

.page__col:first-child {
    flex: 0 0 calc(100% - 340px);
    width: calc(100% - 340px);
    padding-right: 8px
}

@media only screen and (max-width: 1339px) {
    .page__col:first-child {
        flex:0 0 calc(100% - 324px);
        width: calc(100% - 324px)
    }
}

@media only screen and (max-width: 1259px) {
    .page__col:first-child {
        flex:0 0 calc(100% - 312px);
        width: calc(100% - 312px)
    }
}

@media only screen and (max-width: 1023px) {
    .page__col:first-child {
        width:100%;
        margin-bottom: 8px;
        padding-right: 0
    }
}

.page__col:nth-child(2) {
    flex-shrink: 0;
    width: 340px
}

@media only screen and (max-width: 1339px) {
    .page__col:nth-child(2) {
        width:324px
    }
}

@media only screen and (max-width: 1259px) {
    .page__col:nth-child(2) {
        width:312px
    }
}

@media only screen and (max-width: 1023px) {
    .page__col:nth-child(2) {
        width:100%
    }
}

.page_simple {
    padding: 0
}

@media only screen and (max-width: 1339px) {
    .page_simple {
        padding:0
    }
}

@media only screen and (max-width: 1259px) {
    .page_simple {
        padding-left:0
    }
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 340px;
    padding: 24px;
    background: #fcfcfc;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.sidebar::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 1339px) {
    .sidebar {
        width:300px;
        padding: 16px
    }
}

@media only screen and (max-width: 1259px) {
    .sidebar {
        z-index:30;
        width: 96px;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .sidebar {
        width:100%;
        align-items: stretch;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }
}

body.dark .sidebar {
    background: #1a1d1f
}

.sidebar.visible {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width: 1259px) {
    .sidebar.active {
        align-items:stretch;
        width: 300px;
        box-shadow: 4px 0 32px rgba(17,19,21,.05)
    }

    .sidebar.active .sidebar__help,.sidebar.active .sidebar__item,.sidebar.active .sidebar__link {
        width: 100%;
        font-size: 15px
    }

    .sidebar.active .sidebar__help>.icon,.sidebar.active .sidebar__item>.icon {
        margin-right: 12px
    }

    .sidebar.active .sidebar__counter {
        display: block
    }

    .sidebar.active .sidebar__toggle {
        position: absolute;
        top: 16px;
        right: 16px
    }

    .sidebar.active .sidebar__toggle .icon {
        fill: #1A1D1F
    }

    .sidebar.active .sidebar__toggle .icon:first-child {
        display: none
    }

    .sidebar.active .sidebar__toggle .icon:nth-child(2) {
        display: inline-block
    }
}

@media only screen and (max-width: 767px) {
    .sidebar.active {
        width:100%
    }
}

.sidebar__logo {
    display: block;
    width: 150px;
    margin-top: 15px;
    margin-bottom: 40px
}

@media only screen and (max-width: 1339px) {
    .sidebar__logo {
        margin-bottom:24px
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__logo {
        margin-left:auto
    }
}

.sidebar__logo img {
    width: 100%
}

.sidebar__menu {
    display: flex;
    flex-direction: column;
    margin-bottom: auto
}

.sidebar__item:not(:last-child) {
    margin-bottom: 8px
}

.sidebar__head,.sidebar__help,.sidebar__item[href],.sidebar__link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 12px;
    border-radius: 12px;
    white-space: nowrap;
    font-family: Inter,sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    -webkit-tap-highlight-color: transparent;
    transition: background .2s,box-shadow .2s,color .2s
}

.sidebar__head .icon,.sidebar__help .icon,.sidebar__item[href] .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

@media only screen and (min-width: 1024px) {
    .sidebar__head:hover,.sidebar__help:hover,.sidebar__item[href]:hover {
        color:#1a1d1f
    }

    .sidebar__head:hover .icon,.sidebar__help:hover .icon,.sidebar__item[href]:hover .icon {
        fill: #1A1D1F
    }

    body.dark .sidebar__head:hover,body.dark .sidebar__help:hover,body.dark .sidebar__item[href]:hover {
        color: #fcfcfc
    }

    body.dark .sidebar__head:hover .icon,body.dark .sidebar__help:hover .icon,body.dark .sidebar__item[href]:hover .icon {
        fill: #FCFCFC
    }
}

.sidebar__help.active,.sidebar__item[href].active {
    color: #1a1d1f
}

.sidebar__help.active .icon,.sidebar__item[href].active .icon {
    fill: #1A1D1F
}

body.dark .sidebar__help.active,body.dark .sidebar__item[href].active {
    color: #fcfcfc
}

body.dark .sidebar__help.active .icon,body.dark .sidebar__item[href].active .icon {
    fill: #FCFCFC
}

@media only screen and (max-width: 1259px) {
    .sidebar__help,.sidebar__item[href] {
        width:48px;
        font-size: 0
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__help,.sidebar__item[href] {
        width:100%;
        font-size: 15px
    }
}

.sidebar__help .icon,.sidebar__item[href] .icon {
    margin-right: 12px
}

@media only screen and (max-width: 1259px) {
    .sidebar__help .icon,.sidebar__item[href] .icon {
        margin-right:0
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__help .icon,.sidebar__item[href] .icon {
        margin-right:12px
    }
}

.sidebar__help.active,.sidebar__item[href].active {
    background: #efefef;
    box-shadow: inset 0 -2px 1px rgba(0,0,0,.05),inset 0 1px 1px #fff
}

body.dark .sidebar__help.active,body.dark .sidebar__item[href].active {
    background: #272b30;
    box-shadow: inset 0 -2px 1px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.11)
}

.sidebar__item_dropdown.active .sidebar__body,.sidebar__item_dropdown.visible .sidebar__body {
    display: block
}

@media only screen and (max-width: 1259px) {
    .sidebar__item_dropdown.active .sidebar__body,.sidebar__item_dropdown.visible .sidebar__body {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__item_dropdown.active .sidebar__body,.sidebar__item_dropdown.visible .sidebar__body {
        display:block
    }
}

.sidebar__item_dropdown.active .sidebar__head>.icon:last-child,.sidebar__item_dropdown.visible:not(.wide) .sidebar__head>.icon:last-child {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width: 1259px) {
    .sidebar__item_dropdown.wide .sidebar__head {
        font-size:15px
    }
}

@media only screen and (max-width: 1259px) and (max-width:1259px) {
    .sidebar__item_dropdown.wide .sidebar__head>.icon:first-child {
        margin-right:12px
    }
}

@media only screen and (max-width: 1259px) and (max-width:1259px) {
    .sidebar__item_dropdown.wide .sidebar__head>.icon:last-child {
        display:inline-block
    }
}

@media only screen and (max-width: 1259px) {
    .sidebar__item_dropdown.wide .sidebar__add {
        display:flex
    }
}

@media only screen and (max-width: 1259px) {
    .sidebar__item_dropdown.wide.active .sidebar__head>.icon:last-child {
        -webkit-transform:rotate(180deg);
        transform: rotate(180deg)
    }
}

@media only screen and (max-width: 1259px) {
    .sidebar__item_dropdown.wide.active .sidebar__body {
        display:block
    }
}

.sidebar__top {
    position: relative
}

.sidebar__top.active .sidebar__head {
    background: #efefef;
    box-shadow: inset 0 -2px 1px rgba(0,0,0,.05),inset 0 1px 1px #fff;
    color: #1a1d1f
}

body.dark .sidebar__top.active .sidebar__head {
    background: #272b30;
    box-shadow: inset 0 -2px 1px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.11);
    color: #fcfcfc
}

@media only screen and (max-width: 1259px) {
    .sidebar__item.visible:not(.wide) .sidebar__head {
        background:#efefef;
        box-shadow: inset 0 -2px 1px rgba(0,0,0,.05),inset 0 1px 1px #fff;
        color: #1a1d1f
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__item.visible:not(.wide) .sidebar__head {
        background:0 0;
        box-shadow: none;
        color: #6f767e
    }
}

@media only screen and (max-width: 1259px) {
    body.dark .sidebar__item.visible:not(.wide) .sidebar__head {
        background:#272b30;
        box-shadow: inset 0 -2px 1px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.11);
        color: #fcfcfc
    }

    body.dark .sidebar__item.visible:not(.wide) .sidebar__head .icon {
        fill: #FCFCFC
    }
}

@media only screen and (max-width: 767px) {
    body.dark .sidebar__item.visible:not(.wide) .sidebar__head {
        background:0 0;
        box-shadow: none;
        color: #6f767e
    }

    body.dark .sidebar__item.visible:not(.wide) .sidebar__head .icon {
        fill: #6F767E
    }
}

@media only screen and (max-width: 1259px) {
    .sidebar__head {
        font-size:0
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__head {
        font-size:15px
    }
}

.sidebar__head .icon {
    transition: fill .2s,-webkit-transform .2s;
    transition: transform .2s,fill .2s;
    transition: transform .2s,fill .2s,-webkit-transform .2s
}

.sidebar__head .icon:first-child {
    margin-right: 12px
}

@media only screen and (max-width: 1259px) {
    .sidebar__head .icon:first-child {
        margin-right:0
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__head .icon:first-child {
        margin-right:12px
    }
}

.sidebar__head .icon:last-child {
    margin-left: auto
}

@media only screen and (max-width: 1259px) {
    .sidebar__head .icon:last-child {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__head .icon:last-child {
        display:inline-block
    }
}

.sidebar__add {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 48px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #efefef;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    transition: border-color .2s
}

@media only screen and (max-width: 1259px) {
    .sidebar__add {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__add {
        display:flex
    }
}

body.dark .sidebar__add {
    border-color: #33383f
}

.sidebar__add .icon {
    width: 10px;
    height: 10px;
    fill: #6F767E;
    transition: fill .2s
}

.sidebar__add:hover {
    border-color: #1a1d1f
}

.sidebar__add:hover .icon {
    fill: #1A1D1F
}

body.dark .sidebar__add:hover {
    border-color: #9a9fa5
}

body.dark .sidebar__add:hover .icon {
    fill: #9A9FA5
}

.sidebar__add.active {
    border-color: #9a9fa5
}

.sidebar__add.active .icon {
    fill: #9A9FA5
}

.sidebar__body {
    position: relative;
    display: none;
    padding-left: 36px
}

.sidebar__body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 23px;
    bottom: 32px;
    width: 2px;
    border-radius: 2px;
    background: #efefef
}

body.dark .sidebar__body:before {
    background: #272b30
}

.sidebar__link:before {
    content: "";
    position: absolute;
    top: 12px;
    left: -13px;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath d='M1 1v4a8 8 0 0 0 8 8h4' stroke='%23efefef' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto
}

body.dark .sidebar__link:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath d='M1 1v4a8 8 0 0 0 8 8h4' stroke='%23272B30' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")
}

.sidebar__link .icon {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    opacity: 0;
    fill: #1A1D1F;
    transition: opacity .2s
}

body.dark .sidebar__link .icon {
    fill: #FCFCFC
}

.sidebar__link:hover {
    color: #1a1d1f
}

body.dark .sidebar__link:hover {
    color: #fcfcfc
}

.sidebar__link.active {
    background: #efefef;
    box-shadow: inset 0 -2px 1px rgba(0,0,0,.05),inset 0 1px 1px #fff;
    color: #1a1d1f
}

body.dark .sidebar__link.active {
    background: #272b30;
    box-shadow: inset 0 -2px 1px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.11);
    color: #fcfcfc
}

.sidebar__link.active .icon {
    opacity: 1
}

.sidebar__counter {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    min-width: 24px;
    margin-left: auto;
    border-radius: 6px;
    text-align: center;
    line-height: 24px;
    color: #1a1d1f
}

.sidebar__toggle {
    display: none;
    width: 48px;
    height: 48px;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (max-width: 1259px) {
    .sidebar__toggle {
        display:inline-block
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__toggle {
        display:none
    }
}

.sidebar__toggle .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E
}

.sidebar__toggle .icon:nth-child(2) {
    display: none
}

.sidebar__close {
    display: none
}

@media only screen and (max-width: 767px) {
    .sidebar__close {
        display:block;
        position: absolute;
        top: 16px;
        left: 16px;
        width: 48px;
        height: 48px
    }

    .sidebar__close .icon {
        width: 24px;
        height: 24px;
        fill: #1A1D1F
    }

    body.dark .sidebar__close .icon {
        fill: #FCFCFC
    }
}

.sidebar__foot {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #f4f4f4
}

@media only screen and (max-width: 1259px) {
    .sidebar__foot {
        margin-top:12px;
        padding-top: 12px
    }
}

body.dark .sidebar__foot {
    border-color: #272b30
}

.sidebar .theme {
    margin-top: 16px
}

.sidebar__help .sidebar__counter {
    background: #cabdff
}

@media only screen and (max-width: 1259px) {
    .sidebar__help .sidebar__counter {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .sidebar__help .sidebar__counter {
        display:block
    }
}

@media only screen and (max-width: 1259px) {
    .sidebar+.overlay {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 25;
        background: rgba(244,244,244,.8);
        visibility: hidden;
        opacity: 0;
        transition: all .2s
    }

    body.dark .sidebar+.overlay {
        background: rgba(39,43,48,.9)
    }

    .sidebar+.overlay.active {
        visibility: visible;
        opacity: 1
    }
}

@media only screen and (max-width: 767px) {
    .sidebar+.overlay {
        display:none
    }
}

.theme {
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    font-size: 0
}

@media only screen and (max-width: 1259px) {
    .theme.wide .theme__input:checked+.theme__inner .theme__box:first-child {
        display:flex
    }

    .theme.wide .theme__inner {
        display: flex;
        padding: 4px 2px;
        border-radius: 20px
    }

    .theme.wide .theme__box {
        display: flex;
        height: 32px;
        border-radius: 16px;
        font-size: 15px
    }

    .theme.wide .theme__box .icon {
        margin-right: 8px
    }
}

.theme__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.theme__input:checked+.theme__inner {
    background: #111315
}

.theme__input:checked+.theme__inner .theme__box:first-child {
    background: 0 0;
    box-shadow: none;
    color: #6f767e
}

@media only screen and (max-width: 1259px) {
    .theme__input:checked+.theme__inner .theme__box:first-child {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .theme__input:checked+.theme__inner .theme__box:first-child {
        display:flex
    }
}

.theme__input:checked+.theme__inner .theme__box:first-child .icon {
    fill: #6F767E
}

.theme__input:checked+.theme__inner .theme__box:first-child:hover {
    color: #fcfcfc
}

.theme__input:checked+.theme__inner .theme__box:first-child:hover .icon {
    fill: #FCFCFC
}

.theme__input:checked+.theme__inner .theme__box:nth-child(2) {
    box-shadow: 0 4px 8px -4px rgba(0,0,0,.25),inset 0 -1px 1px rgba(0,0,0,.49),inset 0 2px 1px rgba(255,255,255,.06);
    background: #272b30;
    color: #fcfcfc
}

.theme__input:checked+.theme__inner .theme__box:nth-child(2) .icon {
    fill: #FCFCFC
}

@media only screen and (max-width: 1259px) {
    .theme__input:checked+.theme__inner .theme__box:nth-child(2) {
        display:flex
    }
}

.theme__inner {
    position: relative;
    display: flex;
    padding: 4px 2px;
    border-radius: 20px;
    background: #f4f4f4;
    transition: background .2s
}

@media only screen and (max-width: 1259px) {
    .theme__inner {
        display:block;
        padding: 2px;
        border-radius: 50%
    }
}

@media only screen and (max-width: 767px) {
    .theme__inner {
        display:flex;
        padding: 4px 2px;
        border-radius: 20px
    }
}

.theme__box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 calc(50% - 4px);
    height: 32px;
    margin: 2px;
    border-radius: 16px;
    font-size: 15px;
    transition: background .2s,box-shadow .2s,color .2s
}

@media only screen and (max-width: 1259px) {
    .theme__box {
        height:40px;
        border-radius: 50%;
        font-size: 0
    }
}

@media only screen and (max-width: 767px) {
    .theme__box {
        height:32px;
        border-radius: 16px;
        font-size: 15px
    }
}

.theme__box .icon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    transition: fill .2s
}

@media only screen and (max-width: 1259px) {
    .theme__box .icon {
        margin-right:0
    }
}

@media only screen and (max-width: 767px) {
    .theme__box .icon {
        margin-right:8px
    }
}

.theme__box:first-child {
    background: #fcfcfc;
    box-shadow: 0 4px 8px -4px rgba(0,0,0,.25),inset 0 -1px 1px rgba(0,0,0,.04),inset 0 2px 0 rgba(255,255,255,.25)
}

.theme__box:nth-child(2) {
    color: #6f767e
}

@media only screen and (max-width: 1259px) {
    .theme__box:nth-child(2) {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .theme__box:nth-child(2) {
        display:flex
    }
}

.theme__box:nth-child(2) .icon {
    fill: #6F767E
}

.theme__box:hover {
    color: #1a1d1f
}

.theme__box:hover .icon {
    fill: #1A1D1F
}

.help {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    width: 340px;
    padding: 24px 12px;
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

@media only screen and (max-width: 1339px) {
    .help {
        width:320px;
        padding: 16px 8px
    }
}

@media only screen and (max-width: 767px) {
    .help {
        width:100%
    }
}

body.dark .help {
    background: #111315
}

.help.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width: 1259px) {
    .help.active {
        box-shadow:4px 0 32px rgba(17,19,21,.05)
    }
}

.help__head {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    padding: 12px
}

.help__head>.icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: #1A1D1F
}

body.dark .help__head>.icon {
    fill: #FCFCFC
}

.help__close {
    margin-left: auto
}

.help__close .icon {
    width: 24px;
    height: 24px;
    fill: #1A1D1F;
    transition: fill .2s
}

body.dark .help__close .icon {
    fill: #FCFCFC
}

.help__close:hover .icon {
    fill: #2A85FF
}

body.dark .help__close:hover .icon {
    fill: #2A85FF
}

.help__list {
    margin-bottom: auto;
    padding: 24px 0;
    border-top: 1px solid #efefef
}

body.dark .help__list {
    border-color: rgba(111,118,126,.2)
}

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

.help__item {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    color: #1a1d1f;
    cursor: pointer;
    transition: all .2s
}

@media only screen and (max-width: 1339px) {
    .help__item {
        padding:6px
    }
}

body.dark .help__item {
    color: #fcfcfc
}

.help__item:hover {
    background: #f4f4f4;
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

body.dark .help__item:hover {
    background: #1a1d1f;
    box-shadow: none
}

.help__item:not(:last-child) {
    margin-bottom: 8px
}

.help__preview {
    flex-shrink: 0;
    width: 96px;
    height: 72px;
    margin-right: 16px
}

.help__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.help__title {
    margin-bottom: 8px
}

.help__line {
    display: flex;
    align-items: center
}

.help__status {
    margin-right: 4px;
    color: #1a1d1f
}

.help__user {
    display: flex;
    align-items: center;
    padding: 1px 8px 1px 1px;
    border: 1px solid #efefef;
    border-radius: 4px
}

body.dark .help__user {
    border-color: #272b30
}

.help__avatar {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    font-size: 0
}

.help__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px
}

.help__time {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    color: #6f767e
}

.help__link {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 12px;
    border-radius: 12px;
    color: #6f767e;
    transition: all .2s
}

.help__link .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.help__link>.icon {
    margin-right: 12px
}

.help__link:hover {
    color: #1a1d1f
}

.help__link:hover .icon {
    fill: #1A1D1F
}

body.dark .help__link:hover {
    color: #fcfcfc
}

body.dark .help__link:hover .icon {
    fill: #FCFCFC
}

.help__link:not(:last-child) {
    margin-bottom: 8px
}

@media only screen and (max-width: 1339px) {
    .help__link:not(:last-child) {
        margin-bottom:4px
    }
}

.help__arrow {
    margin-left: auto
}

.help__arrow .icon {
    width: 24px;
    height: 24px
}

.help__counter {
    flex-shrink: 0;
    min-width: 24px;
    margin-left: auto;
    border-radius: 6px;
    background: #ffbc99;
    text-align: center;
    line-height: 24px;
    color: #1a1d1f
}

.help+.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    background: rgba(244,244,244,.8);
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

body.dark .help+.overlay {
    background: rgba(39,43,48,.9)
}

.help+.overlay.active {
    visibility: visible;
    opacity: 1
}

.card {
    position: relative;
    padding: 24px;
    background: #fcfcfc;
    border-radius: 8px
}

@media only screen and (max-width: 767px) {
    .card {
        padding:16px
    }
}

body.dark .card {
    background: #1a1d1f
}

.card__head {
    display: flex;
    align-items: center;
    min-height: 40px;
    margin-bottom: 32px
}

@media only screen and (max-width: 767px) {
    .card__head {
        margin-bottom:24px
    }
}

@media only screen and (max-width: 767px) {
    .card__head_wide {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .card__head_wide .card__title {
        margin-bottom:16px
    }
}

.card__title {
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .card__title {
        padding-top:6px;
        padding-bottom: 6px
    }
}

.card__chart {
    width: auto
}

.card__chart_product-views {
    height: 274px;
    margin-left: -10px;
    margin-bottom: -10px
}

.card__chart_product-views-small {
    height: 172px;
    margin-left: -10px;
    margin-bottom: -10px
}

.card__chart_traffic-channel {
    height: 358px;
    margin-left: -10px
}

.card__chart_active-customers {
    height: 244px;
    margin-left: -10px;
    margin-bottom: -10px
}

.card__chart_top-country {
    height: 274px;
    margin-bottom: -10px
}

@media only screen and (max-width: 767px) {
    .card__chart_top-country {
        margin-top:-10px;
        margin-bottom: 0
    }
}

.card__chart_new-customers {
    height: 274px;
    margin-bottom: -10px
}

@media only screen and (max-width: 1023px) {
    .card__chart_new-customers {
        max-width:310px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .card__chart_new-customers {
        margin:-10px auto 0
    }
}

.card__chart_performance-by-day {
    height: 250px;
    margin-left: -15px;
    margin-bottom: -10px
}

.card__chart_product-sales {
    height: 335px;
    margin-left: -15px;
    margin-bottom: -15px
}

.card__full {
    width: 40px;
    height: 40px;
    margin-left: auto
}

.card__full .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.card__full:hover .icon {
    fill: #2A85FF
}

.card__sorting {
    display: flex;
    margin-left: auto
}

.card__sorting .card__link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px
}

.card__sorting .card__link .icon {
    width: 24px;
    height: 24px;
    fill: #9A9FA5;
    transition: fill .2s
}

.card__sorting .card__link:hover .icon {
    fill: #1A1D1F
}

body.dark .card__sorting .card__link:hover .icon {
    fill: #FCFCFC
}

.card__sorting .card__link.active {
    background: #fcfcfc;
    box-shadow: 0 4px 8px -4px rgba(0,0,0,.1),inset 0 -1px 1px rgba(0,0,0,.04),inset 0 2px 0 rgba(255,255,255,.25)
}

.card__sorting .card__link.active .icon {
    fill: #1A1D1F
}

body.dark .card__sorting .card__link.active {
    box-shadow: 0 4px 8px -4px rgba(0,0,0,.1),inset 0 -1px 1px rgba(0,0,0,.04),inset 0 2px 0 rgba(255,255,255,.05);
    background: #111315
}

body.dark .card__sorting .card__link.active .icon {
    fill: #FCFCFC
}

.card__sorting .card__link:not(:last-child) {
    margin-right: 12px
}

.card__nav {
    display: flex
}

@media only screen and (max-width: 767px) {
    .card__nav {
        width:100%
    }
}

.card__nav .card__link {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

@media only screen and (max-width: 767px) {
    .card__nav .card__link {
        flex:1
    }
}

.card__nav .card__link.active,.card__nav .card__link:hover {
    color: #1a1d1f
}

body.dark .card__nav .card__link.active,body.dark .card__nav .card__link:hover {
    color: #fcfcfc
}

.card__nav .card__link.active {
    background: #efefef
}

body.dark .card__nav .card__link.active {
    background: #272b30
}

.card__nav .card__link:not(:last-child) {
    margin-right: 8px
}

@media only screen and (max-width: 767px) {
    .card__nav .card__link:not(:last-child) {
        margin-right:0
    }
}

.card__legend {
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.card__indicator {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 700
}

.card__color {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 4px
}

.card:not(:last-child) {
    margin-bottom: 8px
}

.actions {
    position: relative;
    display: inline-block;
    z-index: 3
}

.actions__button {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background .2s
}

.actions__button .icon {
    width: 24px;
    height: 24px;
    transition: fill .2s;
    fill: #6F767E
}

.actions__button:hover .icon {
    fill: #2A85FF
}

body.dark .actions__button {
    background: #111315
}

body.dark .actions__button:hover .icon {
    fill: #2A85FF
}

.actions__body {
    position: absolute;
    top: calc(100% + 12px);
    right: -12px;
    width: 264px;
    z-index: 2;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid transparent;
    box-shadow: 0 40px 64px -12px rgba(0,0,0,.08),0 0 14px -4px rgba(0,0,0,.05),0 32px 48px -8px rgba(0,0,0,.1);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    transition: all .2s
}

body.dark .actions__body {
    background: #111315;
    border-color: #272b30
}

.actions__body:before {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 100%;
    width: 20px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto
}

body.dark .actions__body:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23272B30'/%3E%3C/svg%3E")
}

.actions__option {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.actions__option .icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: #6F767E;
    transition: fill .2s
}

.actions__option.selectioned,.actions__option:hover {
    background: #efefef;
    color: #1a1d1f
}

.actions__option.selectioned .icon,.actions__option:hover .icon {
    fill: #1A1D1F
}

body.dark .actions__option.selectioned,body.dark .actions__option:hover {
    background: 0 0;
    color: #fcfcfc
}

body.dark .actions__option.selectioned .icon,body.dark .actions__option:hover .icon {
    fill: #FCFCFC
}

.actions.active {
    z-index: 10
}

.actions.active .actions__button {
    background: #efefef
}

.actions.active .actions__button .icon {
    fill: #1A1D1F
}

body.dark .actions.active .actions__button {
    background: #272b30
}

body.dark .actions.active .actions__button .icon {
    fill: #FCFCFC
}

.actions.active .actions__body {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.actions_small .actions__button {
    width: 32px;
    height: 32px
}

.actions_small .actions__button .icon {
    width: 20px;
    height: 20px
}

.actions_small .actions__body {
    right: -8px
}

.actions_small .actions__body:before {
    right: 14px
}

.actions_up .actions__body {
    top: auto;
    bottom: calc(100% + 12px);
    box-shadow: 0 20px 32px -6px rgba(0,0,0,.08),0 0 7px -4px rgba(0,0,0,.05),0 16px 24px -4px rgba(0,0,0,.1)
}

.actions_up .actions__body:before {
    top: 100%;
    bottom: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header {
    position: fixed;
    top: 0;
    left: 340px;
    right: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    padding: 24px 40px;
    background: #fcfcfc;
    box-shadow: inset 1px 0 0 #f4f4f4,inset 0 -1px 0 #efefef
}

@media only screen and (max-width: 1339px) {
    .header {
        left:300px;
        padding: 16px 24px
    }
}

@media only screen and (max-width: 1259px) {
    .header {
        left:96px
    }
}

@media only screen and (max-width: 767px) {
    .header {
        left:0;
        padding: 16px 24px 16px 16px
    }
}

body.dark .header {
    background: #1a1d1f;
    box-shadow: inset 1px 0 0 #111315,inset 0 -1px 0 #111315
}

.header__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .header__burger {
        display:flex
    }
}

.header__burger:after,.header__burger:before {
    content: "";
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: #6f767e
}

.header__burger:before {
    margin-bottom: 6px
}

.header__control {
    display: flex;
    align-items: center;
    margin-left: auto
}

@media only screen and (max-width: 767px) {
    .header__control {
        margin-left:0
    }
}

.header__control .header__button:not(:last-child),.header__item:not(:last-child),.header__search:not(:last-child) {
    margin-right: 24px
}

.header__search {
    display: none;
    width: 48px;
    height: 48px
}

@media only screen and (max-width: 767px) {
    .header__search {
        display:inline-block
    }
}

.header__search .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.header__search.active .icon {
    fill: #1A1D1F
}

body.dark .header__search.active .icon {
    fill: #FCFCFC
}

@media only screen and (max-width: 1023px) {
    .header__control .header__button {
        display:none
    }
}

.header__control .header__button .icon {
    width: 24px;
    height: 24px
}

.header__item {
    position: relative
}

@media only screen and (max-width: 767px) {
    .header__item {
        position:static
    }
}

.header__item.active .header__body {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.header__item_messages.active .header__head .icon,.header__item_notifications.active .header__head .icon {
    fill: #1A1D1F
}

body.dark .header__item_messages.active .header__head .icon,body.dark .header__item_notifications.active .header__head .icon {
    fill: #FCFCFC
}

.header__head {
    width: 48px;
    height: 48px
}

.header__item_messages .header__head,.header__item_notifications .header__head {
    position: relative
}

.header__item_messages .header__head .icon,.header__item_notifications .header__head .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.header__item_messages .header__head:hover .icon,.header__item_notifications .header__head:hover .icon {
    fill: #1A1D1F
}

body.dark .header__item_messages .header__head:hover .icon,body.dark .header__item_notifications .header__head:hover .icon {
    fill: #FCFCFC
}

.header__item_messages .header__head.active:before,.header__item_notifications .header__head.active:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #ff6a55
}

body.dark .header__item_messages .header__head.active:before,body.dark .header__item_notifications .header__head.active:before {
    border-color: #1a1d1f
}

.header__item_user .header__head {
    border-radius: 50%;
    -webkit-tap-highlight-color: transparent
}

.header__item_user .header__head img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.header__body {
    position: absolute;
    top: calc(100% + 18px);
    border: 1px solid transparent;
    border-radius: 16px;
    box-shadow: 0 40px 64px -12px rgba(0,0,0,.08),0 0 14px -4px rgba(0,0,0,.05),0 32px 48px -8px rgba(0,0,0,.1);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    transition: all .2s
}

@media only screen and (max-width: 1339px) {
    .header__body {
        top:calc(100% + 15px)
    }
}

@media only screen and (max-width: 767px) {
    .header__body {
        top:100%;
        left: 16px
    }
}

body.dark .header__body {
    background: #111315;
    border-color: #272b30
}

.header__body:before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 20px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto
}

body.dark .header__body:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23111315'/%3E%3C/svg%3E")
}

.header__item_messages .header__body {
    right: -12px;
    width: 392px;
    padding: 12px 24px 24px
}

@media only screen and (max-width: 767px) {
    .header__item_messages .header__body {
        right:16px;
        width: auto;
        padding: 12px 16px 20px
    }
}

.header__item_messages .header__body:before {
    right: 26px
}

@media only screen and (max-width: 767px) {
    .header__item_messages .header__body:before {
        right:165px
    }
}

.header__item_notifications .header__body {
    right: -92px;
    width: 392px;
    padding: 12px 24px 24px
}

@media only screen and (max-width: 1339px) {
    .header__item_notifications .header__body {
        right:-72px
    }
}

@media only screen and (max-width: 767px) {
    .header__item_notifications .header__body {
        right:16px;
        width: auto;
        padding: 12px 16px 20px
    }
}

.header__item_notifications .header__body:before {
    right: 105px
}

@media only screen and (max-width: 1339px) {
    .header__item_notifications .header__body:before {
        right:84px
    }
}

@media only screen and (max-width: 767px) {
    .header__item_notifications .header__body:before {
        right:92px
    }
}

.header__item_user .header__body {
    right: -20px;
    width: 280px;
    padding: 16px
}

@media only screen and (max-width: 1339px) {
    .header__item_user .header__body {
        right:0;
        border-radius: 12px
    }
}

@media only screen and (max-width: 767px) {
    .header__item_user .header__body {
        right:16px;
        width: auto;
        padding: 12px 16px 20px
    }
}

.header__item_user .header__body:before {
    right: 33px
}

@media only screen and (max-width: 1339px) {
    .header__item_user .header__body:before {
        right:13px
    }
}

@media only screen and (max-width: 767px) {
    .header__item_user .header__body:before {
        right:21px
    }
}

.header__top {
    display: flex;
    align-items: center;
    margin: 0 -12px 12px 0
}

@media only screen and (max-width: 767px) {
    .header__top {
        margin-right:-8px
    }
}

.header__title {
    margin-right: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .header__title {
        font-size:18px
    }
}

.header .actions__button {
    background: #efefef
}

body.dark .header .actions__button {
    background: #272b30
}

body.dark .header .actions__button .icon {
    fill: #FCFCFC
}

.header__list {
    margin: 0 -12px
}

@media only screen and (max-width: 767px) {
    .header__item_messages .header__list {
        margin:0 -8px
    }
}

.header__message,.header__notification {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px;
    transition: background .2s
}

.header__message:after,.header__notification:after {
    content: "";
    position: absolute;
    right: 12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #9a9fa5;
    transition: background .2s
}

.header__message:not(:last-child):before,.header__notification:not(:last-child):before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 1px;
    background: #efefef
}

@media only screen and (max-width: 767px) {
    .header__message:nth-child(n+3),.header__notification:nth-child(n+3) {
        display:none
    }
}

@media only screen and (max-width: 639px) {
    .header__message:nth-child(n+3),.header__notification:nth-child(n+3) {
        display:flex
    }
}

@media only screen and (max-width: 639px) {
    .header__message:nth-child(n+6),.header__notification:nth-child(n+6) {
        display:none
    }
}

.header__message {
    border-radius: 12px
}

@media only screen and (max-width: 767px) {
    .header__message {
        padding:8px
    }
}

.header__message:hover {
    background: #efefef
}

body.dark .header__message:hover {
    background: #272b30
}

@media only screen and (max-width: 767px) {
    .header__message:hover {
        background:0 0
    }
}

.header__message:hover .header__avatar.online:before {
    border-color: #efefef
}

@media only screen and (max-width: 767px) {
    .header__message:hover .header__avatar.online:before {
        border-color:#fff
    }
}

body.dark .header__message:hover .header__avatar.online:before {
    border-color: #272b30
}

@media only screen and (max-width: 767px) {
    body.dark .header__message:hover .header__avatar.online:before {
        border-color:#111315
    }
}

.header__message:after {
    top: 20px
}

@media only screen and (max-width: 767px) {
    .header__message:after {
        top:14px
    }
}

.header__message.new:after {
    background: #2a85ff
}

.header__message:not(:last-child) {
    margin-bottom: 8px
}

body.dark .header__message:not(:last-child):before {
    background: 0 0
}

.header__notification {
    border-radius: 8px
}

.header__notification:hover {
    background: #f4f4f4
}

@media only screen and (max-width: 767px) {
    .header__notification:hover {
        background:0 0
    }
}

.header__notification:hover .icon {
    border-color: #f4f4f4
}

body.dark .header__notification:hover {
    background: #33383f
}

body.dark .header__notification:hover .icon {
    border-color: #33383f
}

.header__notification:after {
    top: 18px
}

.header__notification.new:after {
    background: #2a85ff
}

body.dark .header__notification:not(:last-child):before {
    background: #272b30
}

.header__avatar {
    position: relative;
    flex-shrink: 0
}

.header__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.header__item_messages .header__avatar {
    width: 56px;
    height: 56px
}

@media only screen and (max-width: 767px) {
    .header__item_messages .header__avatar {
        width:48px;
        height: 48px
    }
}

.header__item_messages .header__avatar.online:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
    background: #83bf6e;
    border-radius: 50%;
    transition: border-color .2s
}

body.dark .header__item_messages .header__avatar.online:before {
    border-color: #111315
}

.header__item_notifications .header__avatar {
    width: 48px;
    height: 48px
}

.header__icon {
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    transition: border-color .2s
}

body.dark .header__icon {
    border-color: #111315
}

.header__icon img {
    width: 12px;
    height: 12px
}

.header__details {
    padding-left: 12px
}

.header__item_messages .header__details {
    flex: 0 0 calc(100% - 56px);
    width: calc(100% - 56px)
}

.header__item_notifications .header__details {
    flex: 0 0 calc(100% - 48px);
    width: calc(100% - 48px)
}

.header__line {
    display: flex;
    align-items: center;
    padding-right: 24px
}

.header__item_messages .header__line {
    margin-bottom: 4px
}

.header__subtitle {
    font-weight: 700;
    color: #1a1d1f
}

body.dark .header__subtitle {
    color: #fcfcfc
}

.header__item_messages .header__subtitle {
    margin-right: auto
}

.header__item_notifications .header__subtitle {
    margin-right: 4px
}

.header__login {
    font-weight: 500;
    color: #9a9fa5
}

.header__item_messages .header__login {
    margin-left: 16px
}

.header__item_notifications .header__login {
    margin-right: auto
}

.header__time {
    margin-left: 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.header__content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #6f767e
}

.header__item_messages .header__content {
    padding-right: 40px
}

.header__item_notifications .header__content strong {
    font-weight: 700;
    color: #1a1d1f
}

body.dark .header__item_notifications .header__content strong {
    color: #fcfcfc
}

.header__body .header__button {
    width: 100%;
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .header__body .header__button {
        margin-top:16px
    }
}

.header__nav:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 767px) {
    .header__nav:not(:last-child) {
        margin-bottom:8px;
        padding-bottom: 8px
    }
}

body.dark .header__nav:not(:last-child) {
    border-color: #272b30
}

.header__link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

.header__link .icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: #6F767E;
    transition: fill .2s
}

.header__link.active,.header__link:hover {
    color: #1a1d1f
}

.header__link.active .icon,.header__link:hover .icon {
    fill: #1A1D1F
}

body.dark .header__link.active,body.dark .header__link:hover {
    color: #fcfcfc
}

body.dark .header__link.active .icon,body.dark .header__link:hover .icon {
    fill: #FCFCFC
}

.header__link.active {
    background: #f4f4f4
}

body.dark .header__link.active {
    background: 0 0
}

.header__link.color {
    color: #8e59ff
}

.header__link.color .icon {
    fill: #8E59FF
}

body.dark .header__link.color {
    color: #8e59ff
}

body.dark .header__link.color .icon {
    fill: #8E59FF
}

.header__link.color:hover {
    opacity: .8
}

.header__btns {
    display: none;
    align-items: center;
    margin-left: auto
}

@media only screen and (max-width: 767px) {
    .header__btns {
        margin-left:0
    }
}

.header__btns .header__button {
    white-space: nowrap
}

.header__btns .header__link {
    margin-right: 32px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    color: #1a1d1f;
    transition: color .2s
}

body.dark .header__btns .header__link {
    color: #fcfcfc
}

@media only screen and (max-width: 767px) {
    .header__btns .header__link {
        margin-right:24px
    }
}

.header__btns .header__link:hover {
    color: #2a85ff
}

body.dark .header__btns .header__link:hover {
    color: #2a85ff
}

.header.unauthorized .header__control {
    display: none
}

.header.unauthorized .header__btns {
    display: flex
}

.search {
}

@media only screen and (max-width: 767px) {
    .search {
        position:absolute;
        left: 0;
        right: 0;
        top: 80px;
        width: 100%;
        padding: 12px 16px;
        background: #fff;
        box-shadow: 0 8px 12px rgba(17,19,21,.05);
        visibility: hidden;
        opacity: 0;
        transition: all .2s
    }

    body.dark .search {
        background: #111315;
    }
}

.search.active .search__result,.search.active .search__start {
    visibility: hidden;
    opacity: 0
}

.search.active .search__close,.search.active .search__direction {
    visibility: visible;
    opacity: 1
}

.search.active .search__body {
}

@media only screen and (max-width: 767px) {
    .search.visible {
        visibility:visible;
        opacity: 1
    }
}

.search__head {
}

.search__direction,.search__head .search__close,.search__result,.search__start {
}

.search__direction .icon,.search__head .search__close .icon,.search__result .icon,.search__start .icon {
    ill .2s
}

.search__start {
}

.search__start .icon {
}

.search__start:hover .icon {
    fill: #1A1D1F
}

.search__result {
    right: 8px;
    width: 56px;
    height: 32px;
    background: #fff;
    border-radius: 8px;
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.05),inset 0 -1px 1px rgba(0,0,0,.04),inset 0 2px 0 rgba(255,255,255,.25);
    font-size: 16px;
    font-weight: 600;
    color: #1a1d1f
}

body.dark .search__result {
    background: #1a1d1f;
    box-shadow: inset 0 -1px 2px rgba(0,0,0,.05),inset 0 -1px 1px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.08);
    color: #fcfcfc
}

@media only screen and (max-width: 767px) {
    .search__result {
        display:none
    }
}

.search__result:hover {
    color: #2a85ff
}

.search__direction {
    left: 10px
}

.search__direction .icon {
    fill: #2A85FF
}

.search__direction:hover {
    -webkit-transform: translate(-2px,-50%);
    transform: translate(-2px,-50%)
}

.search__head .search__close {
    right: 10px;
    width: 32px;
    height: 32px
}

.search__head .search__close .icon {
    fill: #9A9FA5
}

.search__head .search__close:hover .icon {
    fill: #FF6A55
}

.search__direction,.search__head .search__close {
    visibility: hidden;
    opacity: 0
}

.search__input {
    width: 100%;
    height: 48px;
    padding: 0 68px 0 42px;
    background: #f4f4f4;
    border: 2px solid transparent;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #1a1d1f;
    transition: all .2s
}

body.dark .search__input {
    background: #272b30;
    color: #fcfcfc
}

.search__input::-webkit-input-placeholder {
    color: #9a9fa5
}

.search__input::-moz-placeholder {
    color: #9a9fa5
}

.search__input:-ms-input-placeholder {
    color: #9a9fa5
}

.search__input::-ms-input-placeholder {
    color: #9a9fa5
}

.search__input::placeholder {
    color: #9a9fa5
}

.search__input:focus {
    border-color: #2a85ff;
    background: #fff
}

body.dark .search__input:focus {
    background: #111315
}

.search__body {
    
    (0,0,0,.05),0 32px 48px -8px rgba(0,0,0,.1);
}

@media only screen and (max-width: 767px) {
    .search__body {
        top:100%;
        left: 0;
        right: 0;
        max-height: calc(100vh - 152px);
        padding: 16px 8px;
        border-radius: 0;
        border-top: 1px solid #efefef;
        box-shadow: 0 12px 32px rgba(17,19,21,.05);
        overflow: auto
    }
}

body.dark .search__body {
}

.search__box:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #efefef
}

body.dark .search__box:not(:last-child) {
    border-color: #272b30
}

@media only screen and (max-width: 767px) {
    .search__box:not(:last-child) {
        margin-bottom:16px;
        padding-bottom: 16px
    }
}

.search__category {
}

.search__item,.search__suggestion {
}

.search__link {
}

.search__link:hover .search__title {
    color: #2a85ff
}

.search__suggestion:hover .search__title {
    color: #2a85ff
}

.search__suggestion:hover .search__arrow {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.search__preview {
}

.search__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.search__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 16px;
    border-radius: 50%;
    border: 2px solid #cabdff
}

.search__icon .icon {
    width: 24px;
    height: 24px;
    fill: #1A1D1F
}

body.dark .search__icon .icon {
    fill: #FCFCFC
}

.search__details {
    flex-grow: 1
}

.search__content {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.search__item .search__content {
    margin-bottom: 4px
}

.search__title {
    color: #1a1d1f;
    transition: color .2s
}

body.dark .search__title {
    color: #fcfcfc
}

.search__suggestion .search__title {
    margin-bottom: 4px
}

.search__remove {
    flex-shrink: 0;
    margin-left: 24px
}

.search__remove .icon {
    width: 24px;
    height: 24px;
    fill: #9A9FA5;
    transition: fill .2s
}

.search__remove:hover .icon {
    fill: #FF6A55
}

.search__arrow {
    margin-left: 24px;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.search__arrow .icon {
    width: 24px;
    height: 24px;
    fill: #9A9FA5
}

.overview__nav {
    display: flex;
    margin-bottom: 32px;
    padding: 8px;
    background: #f4f4f4;
    border-radius: 20px
}

@media only screen and (max-width: 767px) {
    .overview__nav {
        margin-bottom:24px
    }
}

body.dark .overview__nav {
    background: rgba(17,19,21,.5)
}

.overview__link {
    display: flex;
    padding: 20px;
    flex: 0 0 50%;
    border-radius: 12px;
    color: #1a1d1f;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s
}

@media only screen and (max-width: 1419px) {
    .overview__link {
        padding:20px 16px
    }
}

@media only screen and (max-width: 767px) {
    .overview__link {
        display:block
    }
}

body.dark .overview__link {
    color: #fcfcfc
}

.overview__link.active {
    background: #fcfcfc;
    box-shadow: 0 4px 8px -4px rgba(0,0,0,.25),inset 0 -1px 1px rgba(0,0,0,.04),inset 0 2px 0 rgba(255,255,255,.25)
}

body.dark .overview__link.active {
    background: #272b30;
    box-shadow: 0 4px 8px -4px rgba(0,0,0,.25),inset 0 -1px 1px rgba(0,0,0,.04),inset 0 2px 0 rgba(255,255,255,.06)
}

.overview__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 16px;
    border-radius: 50%
}

@media only screen and (max-width: 767px) {
    .overview__icon {
        display:none
    }
}

.overview__icon .icon {
    width: 24px;
    height: 24px
}

.overview__subtitle {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.overview .tooltip .icon {
    fill: #9A9FA5
}

.overview__counter {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em
}

@media only screen and (max-width: 1419px) {
    .overview__counter {
        font-size:40px;
        line-height: 48px
    }
}

.overview .balance {
    margin: -12px -12px 0 auto
}

@media only screen and (max-width: 767px) {
    .overview .balance {
        margin:4px 0 0
    }
}

body.dark .overview .balance {
    background: #272b30!important
}

.overview__item {
    display: none
}

.overview__chart {
    width: auto;
    height: 238px;
    margin: 0 0 -10px -10px
}

@media only screen and (max-width: 767px) {
    .overview__chart {
        height:206px
    }
}

.overview__chart_snapshot {
    height: 329px;
    margin-left: -10px
}

@media only screen and (max-width: 1023px) {
    .overview__chart_snapshot {
        height:300px
    }
}

.users__head {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .users__button {
        margin-left:16px
    }
}

.users__button span {
    margin-left: 4px
}

@media only screen and (max-width: 767px) {
    .users__button span {
        display:none
    }
}

.users__info {
    max-width: 240px;
    margin-right: auto;
    font-weight: 500;
    color: #6f767e
}

.users__info strong {
    font-weight: 600;
    color: #1a1d1f
}

body.dark .users__info strong {
    color: #fcfcfc
}

.users__list {
    display: flex
}

.users__all,.users__item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 32px 16px;
    flex: 0 0 25%;
    text-align: center;
    color: #1a1d1f;
    transition: color .2s
}

@media only screen and (max-width: 767px) {
    .users__all,.users__item {
        flex:0 0 33.333%;
        padding: 16px 8px
    }
}

body.dark .users__all,body.dark .users__item {
    color: #fcfcfc
}

.users__all:hover,.users__item:hover {
    color: #2a85ff
}

.users__item {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.23077
}

@media only screen and (max-width: 639px) {
    .users__item:nth-child(n+3) {
        display:none
    }
}

.users__all {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077
}

.users__avatar,.users__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 12px
}

.users__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.users__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #efefef;
    border-radius: 50%;
    background: #efefef;
    transition: all .2s
}

.users__icon .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

body.dark .users__icon {
    background: #272b30;
    border-color: #272b30
}

.users__all:hover .users__icon {
    border-color: #2a85ff;
    background: 0 0
}

.users__all:hover .users__icon .icon {
    fill: #2A85FF
}

.tips__info {
    margin-bottom: 24px;
    font-weight: 500;
    color: #6f767e
}

.tips__list {
    display: flex;
    flex-wrap: wrap;
    margin: -32px -16px 0
}

@media only screen and (max-width: 767px) {
    .tips__list {
        display:block;
        margin: 0
    }
}

.tips__item {
    display: flex;
    align-items: center;
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
    margin: 32px 16px 0;
    color: #1a1d1f;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .tips__item {
        width:100%;
        margin: 0
    }
}

body.dark .tips__item {
    color: #fcfcfc
}

.tips__item:hover .tips__icon {
    background: #efefef
}

body.dark .tips__item:hover .tips__icon {
    background: #272b30
}

@media only screen and (max-width: 767px) {
    .tips__item:not(:last-child) {
        margin-bottom:24px
    }
}

.tips__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid #efefef;
    margin-right: 12px;
    transition: background .2s
}

.tips__icon .icon {
    width: 24px;
    height: 24px;
    fill: #272B30
}

body.dark .tips__icon {
    border-color: #272b30
}

body.dark .tips__icon .icon {
    fill: #FCFCFC
}

.tips__details {
    flex-grow: 1
}

.tips__title {
    margin-bottom: 8px
}

.tips__line {
    display: flex;
    align-items: center
}

.tips__status {
    margin-right: 4px;
    color: #1a1d1f
}

.tips__user {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px 1px 1px;
    border: 1px solid #efefef;
    border-radius: 4px
}

body.dark .tips__user {
    border-color: #272b30
}

.tips__avatar {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    font-size: 0
}

.tips__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px
}

.tips__action {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    color: #6f767e
}

.media__content {
    margin-bottom: 16px;
    font-weight: 500;
    color: #6f767e
}

.media__btns {
    display: flex;
    margin: 0 -8px
}

@media only screen and (max-width: 767px) {
    .media__btns {
        margin:0 -6px
    }
}

.media__button {
    flex: 0 0 calc(33.333% - 16px);
    width: calc(33.333% - 16px);
    margin: 0 8px
}

@media only screen and (max-width: 767px) {
    .media__button {
        flex:0 0 calc(33.333% - 12px);
        width: calc(33.333% - 12px);
        margin: 0 6px;
        font-size: 0
    }

    .media__button .icon {
        margin: 0!important
    }
}

.media__button .icon {
    width: 24px;
    height: 24px
}

.popular__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 24px;
    border-bottom: 1px solid #efefef;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

body.dark .popular__head {
    border-color: #272b30
}

.popular__list {
    margin: 0 -12px
}

.popular__item {
    display: flex;
    align-items: center;
    padding: 12px;
    color: #1a1d1f;
    cursor: pointer
}

body.dark .popular__item {
    color: #fcfcfc
}

.popular__item:hover .popular__title {
    color: #2a85ff
}

.popular__item:not(:last-child) {
    margin-bottom: 12px
}

.popular__preview {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    margin-right: 12px;
    border-radius: 8px;
    overflow: hidden
}

.popular__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popular__title {
    flex-grow: 1;
    padding-right: 16px;
    transition: color .2s
}

.popular__details {
    flex-shrink: 0;
    text-align: right
}

.popular__button {
    width: 100%;
    margin-top: 12px
}

.review__item {
    display: flex;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #efefef
}

body.dark .review__item {
    border-color: #272b30
}

.review__avatar {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 12px
}

.review__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.review__details {
    flex-grow: 1
}

.review__line {
    display: flex;
    align-items: center
}

.review__user {
    margin-right: auto
}

.review__title {
    font-weight: 700
}

.review__login {
    margin-left: 5px;
    font-weight: 500;
    color: #9a9fa5
}

.review__time {
    margin-left: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.review__product {
    margin-bottom: 8px;
    font-weight: 500;
    color: #9a9fa5
}

.review__product strong {
    font-weight: 700;
    color: #1a1d1f
}

body.dark .review__product strong {
    color: #fcfcfc
}

.review__content {
    margin-bottom: 16px;
    font-weight: 500;
    color: #1a1d1f
}

body.dark .review__content {
    color: #fcfcfc
}

.review__control {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.review__link .icon {
    width: 20px;
    height: 20px;
    fill: #9A9FA5;
    transition: fill .2s
}

.review__link:hover .icon {
    fill: #2A85FF
}

.review__button {
    width: 100%
}

.refund__item {
    display: flex
}

.refund__item:not(:last-child) {
    margin-bottom: 12px
}

.refund__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 12px;
    background: #ffe7e4
}

.refund__icon .icon {
    width: 24px;
    height: 24px;
    fill: #FF6A55
}

.refund__content {
    font-weight: 500;
    color: #6f767e
}

.refund__content strong {
    font-weight: 600;
    color: #1a1d1f
}

body.dark .refund__content strong {
    color: #fcfcfc
}

.refund__button {
    width: 100%;
    margin-top: 24px
}

.popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    min-width: 320px;
    padding: 20px 10px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    overflow: auto;
    z-index: 999;
    -webkit-tap-highlight-color: transparent
}

.popup.visible {
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.popup.animation .popup__wrap {
    opacity: 1
}

.popup__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(244,244,244,.8)
}

body.dark .popup__overlay {
    background: rgba(39,43,48,.9)
}

.popup__wrap {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 26px 24px 24px;
    margin: auto;
    opacity: 0;
    background: #fcfcfc;
    border-radius: 16px;
    box-shadow: 0 0 14px -4px rgba(0,0,0,.05),0 32px 48px -8px rgba(0,0,0,.1);
    transition: opacity .5s
}

body.dark .popup__wrap {
    background: #1a1d1f
}

@media only screen and (max-width: 767px) {
    .popup__wrap {
        box-shadow:none
    }
}

.popup:not(.popup_product) .popup__wrap {
    max-width: 408px
}

.popup__close {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #efefef;
    transition: background .2s
}

.popup__close .icon {
    width: 20px;
    height: 20px;
    fill: #33383F;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s,-webkit-transform .25s
}

body.dark .popup__close {
    background: #272b30
}

body.dark .popup__close .icon {
    fill: #FCFCFC
}

.popup__close:hover .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.popup_product {
    padding: 120px 24px 24px
}

@media only screen and (max-width: 767px) {
    .popup_product {
        padding:88px 16px 24px
    }
}

.popup_product .popup__overlay {
    background: #f4f4f4
}

body.dark .popup_product .popup__overlay {
    background: #111315
}

.popup_product .popup__wrap {
    position: static;
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 0;
    border-radius: 8px;
    z-index: 2;
    box-shadow: none
}

@media only screen and (max-width: 1259px) {
    .popup_product .popup__wrap {
        background:0 0
    }
}

.popup_post:not(.popup_product) .popup__wrap,.popup_success:not(.popup_product) .popup__wrap {
    max-width: 560px
}

.popup_refunds:not(.popup_product) .popup__wrap {
    max-width: 896px
}

@media only screen and (max-width: 767px) {
    .popup_refunds:not(.popup_product) .popup__wrap {
        padding:28px 16px 16px
    }
}

.product__wrapper {
    position: relative;
    width: 100%;
    max-width: 1020px;
    background: #fcfcfc;
    border-radius: 8px
}

@media only screen and (max-width: 1259px) {
    .product__wrapper {
        max-width:calc(100% - 88px)
    }
}

@media only screen and (max-width: 767px) {
    .product__wrapper {
        max-width:100%
    }
}

body.dark .product__wrapper {
    background: #1a1d1f
}

.product__details {
    padding: 24px;
    flex-grow: 1
}

@media only screen and (max-width: 767px) {
    .product__details {
        padding:16px;
        overflow: hidden
    }
}

.product__comments {
    display: none;
    flex-shrink: 0;
    width: 472px
}

@media only screen and (max-width: 1259px) {
    .product__comments {
        width:600px
    }
}

@media only screen and (max-width: 1023px) {
    .product__comments {
        width:100%
    }
}

.product__next {
    position: absolute;
    left: calc(100% + 24px);
    bottom: 256px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 50%
}

@media only screen and (max-width: 1259px) {
    .product__next {
        left:auto;
        right: -88px;
        bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .product__next {
        display:none
    }
}

body.dark .product__next {
    background: #272b30
}

.product__next .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.product__next:hover .icon {
    fill: #2A85FF
}

.product__control {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .product__control {
        top:16px;
        left: 16px;
        right: 16px
    }
}

body.dark .product__control .product__button {
    background: #1a1d1f;
    box-shadow: inset 0 0 0 2px #272b30;
    color: #fcfcfc
}

body.dark .product__control .product__button:hover {
    background: #272b30
}

.product__close {
    width: 36px;
    height: 36px;
    margin-left: auto;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    font-size: 0
}

.product__close .icon {
    width: 20px;
    height: 20px;
    fill: #33383F;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

body.dark .product__close {
    background: #1a1d1f
}

body.dark .product__close .icon {
    fill: #FCFCFC
}

.product__close:hover .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.product__head {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
    .product__head {
        flex-wrap:wrap;
        margin-bottom: 32px
    }
}

.product__nav {
    display: flex;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .product__nav {
        width:100%;
        margin: 0 0 16px
    }
}

.product__link {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

@media only screen and (max-width: 767px) {
    .product__link {
        flex:1
    }
}

.product__link.active,.product__link:hover {
    color: #1a1d1f
}

body.dark .product__link.active,body.dark .product__link:hover {
    color: #fcfcfc
}

.product__link.active {
    background: #efefef
}

body.dark .product__link.active {
    background: #272b30
}

.product__link:not(:last-child) {
    margin-right: 8px
}

@media only screen and (max-width: 767px) {
    .product__link:not(:last-child) {
        margin-right:0
    }
}

.product__btns {
    display: flex;
    align-items: center
}

.product__favorite {
    margin-right: 16px
}

.product__favorite .icon {
    width: 24px;
    height: 24px;
    fill: #FF6A55
}

.product__favorite:hover {
    box-shadow: inset 0 0 0 1px #ff6a55;
    background: #ff6a55;
    color: #fcfcfc
}

body.dark .product__favorite:hover {
    box-shadow: inset 0 0 0 1px #ff6a55
}

.product__favorite:hover .icon {
    fill: #FCFCFC
}

@media only screen and (max-width: 1023px) {
    .product__buy {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .product__buy {
        flex-grow:1
    }
}

.product__buy .icon {
    width: 24px;
    height: 24px
}

.product__inner {
    display: inline-flex;
    align-items: center
}

.product__inner span {
    margin-left: 4px
}

@media only screen and (max-width: 1023px) {
    .product__inner span {
        display:none
    }
}

.product__price {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #4493fc;
    box-shadow: 1px 0 0 0 #186fe3;
    line-height: 48px
}

@media only screen and (max-width: 1023px) {
    .product__price {
        margin-right:16px;
        padding-right: 16px
    }
}

@media only screen and (max-width: 767px) {
    .product__price {
        margin-right:12px;
        padding-right: 12px
    }
}

.product__title {
    margin-bottom: 12px
}

@media only screen and (max-width: 767px) {
    .product__title {
        font-size:24px
    }
}

.product__info {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #6f767e
}

@media only screen and (max-width: 767px) {
    .product__info {
        font-size:18px
    }
}

@media only screen and (max-width: 767px) {
    .product__info {
        font-size:14px
    }
}

.product__line {
    display: flex;
    align-items: center
}

.product__author {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6f767e
}

.product__author span {
    margin-left: 4px;
    color: #1a1d1f
}

body.dark .product__author span {
    color: #fcfcfc
}

.product__author .product__avatar {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px
}

.product__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.product__rating {
    display: flex;
    align-items: center;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

.product__rating .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #FFC554
}

.product__counter {
    margin-left: 4px;
    color: #6f767e
}

.product__gallery {
    position: relative;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .product__gallery {
        margin-top:32px
    }
}

.product__gallery .product__button {
    position: absolute;
    left: 12px;
    bottom: 12px;
    pointer-events: none
}

@media only screen and (max-width: 767px) {
    .product__gallery .product__button {
        bottom:5px
    }
}

body.dark .product__gallery .product__button {
    box-shadow: inset 0 0 0 2px #272b30;
    background: #1a1d1f;
    color: #fcfcfc
}

body.dark .product__gallery .product__button:hover {
    background: #272b30
}

.product__preview {
    display: block;
    cursor: pointer
}

.product__preview img {
    width: 100%;
    border-radius: 12px
}

.product__preview:not(:first-child) {
    display: none
}

.product__row {
    display: flex;
    margin-top: 40px
}

@media only screen and (max-width: 1023px) {
    .product__row {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .product__row {
        margin-top:32px
    }
}

.product__col:first-child {
    flex-grow: 1;
    padding-right: 64px
}

@media only screen and (max-width: 1259px) {
    .product__col:first-child {
        padding-right:48px
    }
}

@media only screen and (max-width: 1023px) {
    .product__col:first-child {
        padding-right:0
    }
}

.product__col:nth-child(2) {
    flex-shrink: 0;
    width: 308px
}

@media only screen and (max-width: 1023px) {
    .product__col:nth-child(2) {
        width:100%;
        margin-top: 32px
    }
}

.product__subtitle {
    margin-bottom: 32px
}

@media only screen and (max-width: 1023px) {
    .product__subtitle {
        margin-bottom:24px
    }
}

@media only screen and (max-width: 767px) {
    .product__subtitle {
        margin-bottom:12px
    }
}

.product__content {
    font-weight: 500;
    color: #33383f
}

.product__content p:not(:last-child) {
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .product__features {
        margin-top:12px
    }
}

.product__features li {
    position: relative;
    padding-left: 40px;
    color: #33383f
}

body.dark .product__features li {
    color: #efefef
}

.product__features li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.707 6.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0l-3.586-3.586a1 1 0 0 1 1.414-1.414l3.586 3.586a1 1 0 0 0 1.414 0l8.586-8.586a1 1 0 0 1 1.414 0z' fill='%23b5e4ca'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto
}

.product__features li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 767px) {
    .product__features li:not(:last-child) {
        margin-bottom:16px;
        padding-bottom: 16px
    }
}

body.dark .product__features li:not(:last-child) {
    border-color: #272b30
}

.product__panel {
    position: absolute;
    top: 16px;
    left: calc(100% + 24px);
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 1259px) {
    .product__panel {
        top:0;
        left: auto;
        right: -88px
    }
}

@media only screen and (max-width: 767px) {
    .product__panel {
        display:none
    }
}

.product__brand:not(:last-child),.product__panel .product__avatar:not(:last-child),.product__share:not(:last-child) {
    margin-bottom: 24px
}

.product__brand,.product__panel .product__avatar,.product__share {
    flex-shrink: 0;
    width: 64px;
    height: 64px
}

.product__brand {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff
}

body.dark .product__brand {
    background: #272b30
}

.product__brand img {
    max-height: 32px
}

.product__number {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 20px;
    padding: 0 4px;
    background: #1a1d1f;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #fcfcfc
}

body.dark .product__number {
    background: #fcfcfc;
    color: #1a1d1f
}

.product__share {
    background: #fff;
    border-radius: 50%
}

body.dark .product__share {
    background: #272b30
}

.product__share .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.product__share:hover .icon {
    fill: #2A85FF
}

.product.active .product__wrapper {
    display: flex;
    max-width: 1440px
}

@media only screen and (max-width: 1259px) {
    .product.active .product__wrapper {
        max-width:100%;
        margin-right: 0
    }
}

.product.active .product__details {
    flex: 0 0 calc(100% - 472px);
    width: calc(100% - 472px)
}

@media only screen and (max-width: 1259px) {
    .product.active .product__details {
        display:none
    }
}

.product.active .product__comments {
    display: block
}

.product.active .product__next,.product.active .product__panel {
    display: none
}

.hit {
    margin-top: 64px;
    padding-top: 64px;
    border-top: 1px solid #efefef
}

@media only screen and (max-width: 1023px) {
    .hit {
        margin-top:48px;
        padding-top: 48px
    }
}

@media only screen and (max-width: 767px) {
    .hit {
        margin-top:32px;
        padding-top: 32px
    }
}

body.dark .hit {
    border-color: #272b30
}

.hit__head {
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

.hit__title {
    margin-right: auto
}

.hit__button .icon {
    width: 24px;
    height: 24px
}

.hit__wrapper {
    margin: 0 -12px
}

@media only screen and (max-width: 767px) {
    .hit__wrapper {
        margin:0
    }
}

.hit .summary {
    margin: 0 12px
}

.hit__slider {
    padding-bottom: 48px
}

@media only screen and (max-width: 767px) {
    .hit .slick-list {
        margin:0 -296px 0 -8px
    }
}

.hit .slick-arrow {
    bottom: 0
}

body.dark .hit .slick-arrow:hover {
    box-shadow: inset 0 0 0 2px #272b30
}

body.dark .hit .slick-arrow:hover path {
    fill: #FCFCFC
}

.hit .slick-prev {
    left: calc(50% - 48px)
}

.hit .slick-next {
    right: calc(50% - 48px)
}

.summary .checkbox,.summary__control,.summary__preview:after {
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.summary__preview {
    position: relative;
    height: 200px;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden
}

.summary__preview:after,.summary__preview:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s
}

.summary__preview:after {
    background: rgba(17,19,21,.8)
}

.summary__preview:before {
    z-index: 2;
    border: 2px solid transparent;
    border-radius: 12px;
    pointer-events: none
}

.summary__preview img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.summary__preview .checkbox {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3
}

@media only screen and (max-width: 1023px) {
    .summary__preview .checkbox {
        display:none
    }
}

.summary__preview .checkbox .checkbox__tick {
    border-color: #2a85ff
}

.summary__control {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: flex;
    align-items: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.summary__button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fcfcfc
}

.summary__button .icon {
    width: 20px;
    height: 20px;
    fill: #6F767E;
    transition: fill .2s
}

.summary__button:hover .icon {
    fill: #2A85FF
}

.summary__button:not(:last-child) {
    margin-right: 16px
}

.summary__line {
    display: flex;
    align-items: flex-start
}

.summary__title {
    margin-right: auto
}

.summary__empty,.summary__price {}

.summary__price {
}

body.dark .summary__price {
}

.summary__empty {
    background: #efefef
}

body.dark .summary__empty {
    background: #272b30;
    color: #fcfcfc
}

.summary__date {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6f767e
}

@media only screen and (max-width: 767px) {
    .summary__date {
        margin-top:2px
    }
}

.summary__date .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #6F767E
}

.summary__rating {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

@media only screen and (max-width: 767px) {
    .summary__rating {
        margin-top:4px
    }
}

.summary__rating .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #FFC554
}

.summary__rating_empty {
    color: #6f767e
}

.summary__rating_empty .icon {
    fill: #6F767E
}

.summary__counter {
    margin-left: 4px;
    color: #6f767e
}

.summary:hover .checkbox,.summary:hover .summary__control,.summary:hover .summary__preview:after {
    visibility: visible;
    opacity: 1
}

.summary.active .checkbox {
    visibility: visible;
    opacity: 1
}

.summary.active .summary__preview:before {
    border-color: #2a85ff
}

.editor__label {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383f
}

body.dark .editor__label {
    color: #efefef
}

.editor .tooltip {
    position: relative;
    top: -1px
}

.editor .tooltip .icon {
    fill: #9A9FA5
}

.editor .richText {
    background: #f4f4f4;
    border: 2px solid rgba(154,159,165,.25);
    border-radius: 12px
}

body.dark .editor .richText {
    background: #111315;
    border-color: rgba(154,159,165,.15)
}

.editor .richText-toolbar {
    border: none;
    padding: 0 3px
}

.editor .richText-toolbar ul li {
    margin: 6px
}

@media only screen and (max-width: 767px) {
    .editor .richText-toolbar ul li {
        margin:3px
    }
}

.editor .richText-toolbar ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: 0 0!important;
    transition: color .2s
}

.editor .richText-toolbar ul li a:hover {
    color: #2a85ff
}

body.dark .editor .richText-toolbar ul li a {
    color: #9a9fa5
}

body.dark .editor .richText-toolbar ul li a:hover {
    color: #fcfcfc
}

.editor .richText-toolbar:first-child {
    padding-right: 100px;
    background: #fcfcfc;
    border-radius: 10px 10px 0 0
}

body.dark .editor .richText-toolbar:first-child {
    background: #272b30
}

@media only screen and (max-width: 767px) {
    .editor .richText-toolbar:first-child {
        padding-right:85px
    }
}

.editor .richText-toolbar:last-child {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px
}

.editor .richText-redo,.editor .richText-undo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 6px;
    padding: 0;
    border: none;
    transition: color .2s
}

@media only screen and (max-width: 767px) {
    .editor .richText-redo,.editor .richText-undo {
        margin:3px
    }
}

body.dark .editor .richText-redo,body.dark .editor .richText-undo {
    color: #9a9fa5
}

.editor .richText-redo:not(.is-disabled):hover,.editor .richText-undo:not(.is-disabled):hover {
    color: #2a85ff
}

body.dark .editor .richText-redo:not(.is-disabled):hover,body.dark .editor .richText-undo:not(.is-disabled):hover {
    color: #fcfcfc
}

.editor .richText-help {
    display: none
}

.editor .richText-editor {
    min-height: 122px;
    max-height: 200px;
    height: auto;
    padding: 12px;
    border: none!important;
    background: 0 0;
    border-radius: 0 0 10px 10px;
    font-family: Inter,sans-serif;
    color: #33383f
}

body.dark .editor .richText-editor {
    color: #fcfcfc
}

.editor .richText-dropdown {
    z-index: 2
}

.editor__wrap {
    position: relative
}

.editor__wrap .richText {
    padding-bottom: 60px
}

.editor__wrap .richText-editor {
    min-height: 60px
}

.editor__button {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 1
}

.answer {
    display: none;
    position: relative;
    margin-top: 28px;
    padding-left: 60px
}

@media only screen and (max-width: 767px) {
    .answer {
        padding-left:52px
    }
}

.answer:before {
    content: "";
    position: absolute;
    top: -23px;
    left: -45px;
    width: 33px;
    height: 44px;
    border-bottom-left-radius: 12px;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: #efefef
}

@media only screen and (max-width: 767px) {
    .answer:before {
        left:-37px
    }
}

body.dark .answer:before {
    border-color: #33383f
}

.answer__avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px
}

.answer__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.answer__details {
    flex-grow: 1
}

.answer__details textarea {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 360px;
    height: 19px;
    min-height: 19px;
    padding: 0;
    resize: none;
    background: 0 0;
    border: none;
    font-size: 15px;
    font-weight: 600;
    color: #272b30
}

@media only screen and (max-width: 767px) {
    .answer__details textarea {
        padding-right:8px
    }
}

body.dark .answer__details textarea {
    color: #fcfcfc
}

.answer__details textarea::-webkit-input-placeholder {
    color: rgba(17,19,21,.5)
}

.answer__details textarea::-moz-placeholder {
    color: rgba(17,19,21,.5)
}

.answer__details textarea:-ms-input-placeholder {
    color: rgba(17,19,21,.5)
}

.answer__details textarea::-ms-input-placeholder {
    color: rgba(17,19,21,.5)
}

.answer__details textarea::placeholder {
    color: rgba(17,19,21,.5)
}

body.dark .answer__details textarea::-webkit-input-placeholder {
    color: #6f767e
}

body.dark .answer__details textarea::-moz-placeholder {
    color: #6f767e
}

body.dark .answer__details textarea:-ms-input-placeholder {
    color: #6f767e
}

body.dark .answer__details textarea::-ms-input-placeholder {
    color: #6f767e
}

body.dark .answer__details textarea::placeholder {
    color: #6f767e
}

.answer__btns {
    display: flex;
    margin-top: 16px
}

body.dark .answer__button:nth-child(2) {
    background: #1a1d1f;
    box-shadow: inset 0 0 0 2px #1a1d1f
}

body.dark .answer__button:nth-child(2):hover {
    background: #111315;
    box-shadow: inset 0 0 0 2px #111315
}

.answer__button:not(:last-child) {
    margin-right: 8px
}

.comments {
    padding: 24px;
    border-left: 1px solid #efefef
}

@media only screen and (max-width: 767px) {
    .comments {
        padding:16px 16px 24px
    }
}

body.dark .comments {
    border-color: #111315
}

.comments__head {
    display: flex;
    align-items: center;
    height: 48px
}

.comments__title {
    display: flex;
    align-items: center;
    margin-right: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .comments__title {
        font-size:18px
    }
}

.comments__counter {
    flex-shrink: 0;
    min-width: 38px;
    margin-right: 12px;
    padding: 0 6px;
    border-radius: 8px;
    background: #cabdff;
    text-align: center;
    line-height: 36px
}

body.dark .comments__counter {
    color: #1a1d1f
}

.comments__close {
    flex-shrink: 0;
    width: 36px;
    height: 36px
}

.comments__close .icon {
    width: 20px;
    height: 20px;
    fill: #33383F;
    transition: fill .2s
}

body.dark .comments__close .icon {
    fill: #FCFCFC
}

.comments__close:hover .icon {
    fill: #2A85FF
}

.comments .editor {
    margin-top: 24px
}

.comments__list {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .comments__list {
        margin-top:24px
    }
}

.comments__answer,.comments__item {
    display: flex
}

.comments__item .comments__avatar {
    width: 48px;
    height: 48px
}

.comments__item .comments__details {
    flex: 0 0 calc(100% - 48px);
    width: calc(100% - 48px);
    padding-left: 16px
}

.comments__item:not(:first-child) {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #efefef
}

body.dark .comments__item:not(:first-child) {
    border-color: #272b30
}

.comments__answer {
    margin-top: 32px;
    padding: 24px 0 0 64px;
    border-top: 1px solid #efefef
}

body.dark .comments__answer {
    border-color: #272b30
}

.comments__answer .comments__avatar {
    width: 32px;
    height: 32px
}

.comments__answer .comments__details {
    flex: 0 0 calc(100% - 32px);
    width: calc(100% - 32px);
    padding-left: 16px
}

.comments__avatar {
    flex-shrink: 0
}

.comments__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.comments__line {
    display: flex;
    align-items: center
}

.comments__author {
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.comments__time {
    margin-left: 8px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #9a9fa5
}

.comments__rating {
    display: flex;
    align-items: center;
    margin-left: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

.comments__rating .icon {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    fill: #FFC554
}

.comments__login {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    font-weight: 500;
    color: #6f767e
}

.comments__content {
    margin-top: 12px;
    font-weight: 500;
    color: #33383f
}

body.dark .comments__content {
    color: #fcfcfc
}

.comments__content strong {
    font-weight: 600
}

.comments__control {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.comments__favorite,.comments__reply {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.23077;
    color: #9a9fa5;
    transition: color .2s
}

.comments__favorite .icon,.comments__reply .icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    fill: #9A9FA5;
    transition: fill .2s
}

.comments__favorite.active,.comments__favorite:hover,.comments__reply.active,.comments__reply:hover {
    color: #1a1d1f
}

.comments__favorite.active .icon,.comments__favorite:hover .icon,.comments__reply.active .icon,.comments__reply:hover .icon {
    fill: #1A1D1F
}

body.dark .comments__favorite.active,body.dark .comments__favorite:hover,body.dark .comments__reply.active,body.dark .comments__reply:hover {
    color: #fcfcfc
}

body.dark .comments__favorite.active .icon,body.dark .comments__favorite:hover .icon,body.dark .comments__reply.active .icon,body.dark .comments__reply:hover .icon {
    fill: #FCFCFC
}

.comments__favorite:not(:last-child),.comments__reply:not(:last-child) {
    margin-right: 24px
}

.comments__favorite .icon:nth-child(2) {
    display: none
}

.comments__favorite.active .icon:first-child {
    display: none
}

.comments__favorite.active .icon:nth-child(2) {
    display: inline-block
}

.share__head,.share__preview {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #efefef
}

body.dark .share__head,body.dark .share__preview {
    border-color: #272b30
}

.share__head {
    padding-right: 50px
}

.share__title {
    position: 40px
}

.share__field {
    position: relative;
    margin-bottom: 24px
}

.share__icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    pointer-events: none
}

.share__icon .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E
}

.share__input {
    width: 100%;
    height: 40px;
    padding: 0 60px 0 44px;
    border-radius: 8px;
    background: #f4f4f4;
    font-size: 15px;
    font-weight: 600;
    color: #9a9fa5
}

body.dark .share__input {
    background: #272b30
}

.share__copy {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    color: #2a85ff;
    transition: opacity .2s
}

.share__copy:hover {
    opacity: .8
}

.share__preview img {
    width: 100%;
    border-radius: 12px
}

.share__btns {
    display: flex;
    margin: 0 -8px
}

.share__button {
    flex-grow: 1;
    margin: 0 8px
}

.share__button .icon {
    width: 24px;
    height: 24px
}

.stock__list {
    display: flex;
    margin: 0 -6px
}

@media only screen and (max-width: 1023px) {
    .stock__list {
        margin:0 -24px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .stock__list::-webkit-scrollbar {
        display: none
    }

    .stock__list:after,.stock__list:before {
        content: "";
        flex-shrink: 0;
        width: 24px;
        height: 1px
    }
}

@media only screen and (max-width: 767px) {
    .stock__list {
        margin:0 -16px
    }

    .stock__list:after,.stock__list:before {
        width: 16px
    }
}

.stock__item {
    display: block;
    flex: 0 0 calc(33.333% - 12px);
    width: calc(33.333% - 12px);
    margin: 0 6px;
    padding: 32px;
    border-radius: 12px;
    color: #1a1d1f
}

@media only screen and (max-width: 1023px) {
    .stock__item {
        flex:0 0 295px;
        width: 295px;
        margin: 0
    }

    .stock__item:not(:last-child) {
        margin-right: 12px
    }
}

@media only screen and (max-width: 767px) {
    .stock__item {
        flex:0 0 285px;
        width: 285px
    }
}

body.dark .stock__item {
    color: #efefef
}

body.dark .stock__item:nth-child(odd) {
    background: rgba(167,170,247,.15)!important
}

body.dark .stock__item:nth-child(2n) {
    background: rgba(177,229,252,.1)!important
}

.stock__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #1a1d1f
}

.stock__icon .icon {
    width: 24px;
    height: 24px;
    fill: #FCFCFC
}

body.dark .stock__icon {
    background: #fcfcfc
}

body.dark .stock__icon .icon {
    fill: #1A1D1F
}

.stock__line {
    display: flex
}

.stock__category {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #33383f
}

body.dark .stock__category {
    color: #efefef
}

.stock .tooltip .icon {
    fill: #33383F
}

body.dark .stock .tooltip .icon {
    fill: #EFEFEF
}

.stock__counter {
    margin-bottom: 4px;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em
}

.stock__indicator {
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    padding: 4px;
    background: #fcfcfc;
    color: #6f767e
}

body.dark .stock__indicator {
    background: #1a1d1f
}

.stock__indicator span {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333
}

.stock__chart {
    width: 80px;
    height: 80px;
    margin-left: auto
}

.activity__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .activity__table {
        display:block
    }
}

.activity__row {
    display: table-row
}

@media only screen and (max-width: 767px) {
    .activity__row {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .activity__row:first-child {
        display:none
    }
}

.activity__row:first-child .activity__col {
    padding-bottom: 24px;
    border-bottom: 1px solid #efefef;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

body.dark .activity__row:first-child .activity__col {
    border-color: #272b30
}

.activity__row:not(:first-child) .activity__col {
    padding-top: 24px
}

@media only screen and (max-width: 767px) {
    .activity__row:not(:first-child) .activity__col {
        padding:0
    }
}

.activity__row:not(:first-child) .activity__col:first-child {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6f767e
}

@media only screen and (max-width: 1419px) {
    .activity__row:not(:first-child) .activity__col:first-child {
        font-size:12px
    }
}

@media only screen and (max-width: 1023px) {
    .activity__row:not(:first-child) .activity__col:first-child {
        font-size:14px
    }
}

.activity__row:nth-child(2) .activity__col {
    padding-top: 32px
}

@media only screen and (max-width: 767px) {
    .activity__row:nth-child(2) .activity__col {
        padding-top:0
    }
}

@media only screen and (max-width: 767px) {
    .activity__row:not(:last-child):not(:first-child) {
        margin-bottom:24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #efefef
    }

    body.dark .activity__row:not(:last-child):not(:first-child) {
        border-color: #272b30
    }
}

.activity__row:not(:last-child):not(:first-child) .activity__col {
    padding-bottom: 16px;
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 767px) {
    .activity__row:not(:last-child):not(:first-child) .activity__col {
        padding-bottom:0;
        border: none
    }
}

body.dark .activity__row:not(:last-child):not(:first-child) .activity__col {
    border-color: #272b30
}

.activity__col {
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .activity__col {
        display:flex;
        align-items: center
    }
}

.activity__col:not(:last-child) {
    padding-right: 16px
}

@media only screen and (max-width: 767px) {
    .activity__col:not(:last-child) {
        margin-bottom:8px;
        padding-right: 0
    }
}

.activity__label {
    display: none
}

@media only screen and (max-width: 767px) {
    .activity__label {
        display:block;
        flex-shrink: 0;
        width: 116px;
        padding-right: 12px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #6f767e
    }
}

.activity__item {
    display: inline-flex;
    align-items: center
}

.activity__counter {
    padding: 0 6px;
    border-radius: 6px;
    cursor: pointer
}

body.dark .activity__counter {
    color: #1a1d1f
}

.activity__counter:hover+.balance {
    visibility: visible;
    opacity: 1
}

.activity .balance {
    margin-left: 6px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

@media only screen and (max-width: 1259px) {
    .activity .balance {
        visibility:visible;
        opacity: 1;
        font-size: 11px
    }
}

@media only screen and (max-width: 1023px) {
    .activity .balance {
        font-size:12px
    }
}

.activity__nav {
    display: none;
    margin-top: 32px
}

@media only screen and (max-width: 767px) {
    .activity__nav {
        display:flex
    }
}

.activity__link {
    flex: 1;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

.activity__link.active,.activity__link:hover {
    color: #1a1d1f
}

body.dark .activity__link.active,body.dark .activity__link:hover {
    color: #fcfcfc
}

.activity__link.active {
    background: #efefef
}

body.dark .activity__link.active {
    background: #272b30
}

.form {
    position: relative;
    width: 360px
}

.form__input {
    width: 100%;
    height: 40px;
    padding: 0 20px 0 44px;
    background: #f4f4f4;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #1a1d1f
}

body.dark .form__input {
    background: #272b30;
    color: #fcfcfc
}

.form__input::-webkit-input-placeholder {
    color: #9a9fa5
}

.form__input::-moz-placeholder {
    color: #9a9fa5
}

.form__input:-ms-input-placeholder {
    color: #9a9fa5
}

.form__input::-ms-input-placeholder {
    color: #9a9fa5
}

.form__input::placeholder {
    color: #9a9fa5
}

.form__button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 44px;
    padding-right: 4px
}

.form__button .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.form__button:hover .icon {
    fill: #2A85FF
}

.checkbox {
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.checkbox__inner {
    display: flex
}

.checkbox__inner:hover .checkbox__tick {
    border-color: #2a85ff
}

.checkbox__tick {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 2px solid rgba(111,118,126,.4);
    transition: all .2s
}

.checkbox__tick:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 17px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' viewBox='0 0 17 12'%3E%3Cpath d='M16.707.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0L.293 6.707A1 1 0 0 1 .735 5.02a1 1 0 0 1 .973.273l3.586 3.586a1 1 0 0 0 1.414 0L15.293.293a1 1 0 0 1 1.414 0z' fill='%23fcfcfc' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
    opacity: 0;
    transition: opacity .2s
}

.checkbox__text {
    flex-grow: 1;
    padding-left: 16px;
    font-size: 15px;
    line-height: 1.71429;
    font-weight: 600;
    color: #1a1d1f
}

body.dark .checkbox__text {
    color: #fcfcfc
}

.checkbox__input:checked+.checkbox__inner .checkbox__tick {
    background: #2a85ff;
    border-color: #2a85ff
}

.checkbox__input:checked+.checkbox__inner .checkbox__tick:before {
    opacity: 1
}

.checkbox_reverse .checkbox__inner {
    flex-direction: row-reverse
}

.checkbox_reverse .checkbox__text {
    padding: 0 16px 0 0
}

.radio {
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.radio__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.radio__inner {
    display: flex
}

.radio__inner:hover .radio__tick {
    border-color: #2a85ff
}

.radio__tick {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid rgba(111,118,126,.4);
    transition: all .2s
}

.radio__tick:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fcfcfc;
    box-shadow: 0 2px 3px rgba(0,0,0,.25),inset 0 -1px 2px #dedede;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.radio__text {
    flex-grow: 1;
    padding-right: 16px;
    line-height: 1.71429;
    color: #1a1d1f
}

body.dark .radio__text {
    color: #fcfcfc
}

.radio__input:checked+.radio__inner .radio__tick {
    background: #2a85ff;
    border-color: #2a85ff
}

.radio__input:checked+.radio__inner .radio__tick:before {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1)
}

.control {
    display: flex;
    align-items: center
}

.control__button {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-right: 24px;
    border-radius: 50%;
    background: #fcfcfc
}

@media only screen and (max-width: 1023px) {
    .control__button {
        display:none
    }
}

body.dark .control__button {
    background: #1a1d1f
}

.control__button .icon {
    width: 20px;
    height: 20px;
    fill: #6F767E;
    transition: fill .2s
}

.control__button:hover .icon {
    fill: #2A85FF
}

.control .actions__button {
    width: 36px;
    height: 36px;
    background: #fcfcfc
}

body.dark .control .actions__button {
    background: #1a1d1f
}

.control .actions__button:hover .icon {
    fill: #2A85FF
}

.control .actions__button .icon {
    fill: #6F767E
}

.control .actions.active .actions__button {
    background: #fcfcfc
}

body.dark .control .actions.active .actions__button {
    background: #1a1d1f
}

.control .actions__body:before {
    right: 19px
}

body.dark .control .actions__body:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23111315'/%3E%3C/svg%3E")
}

.control .actions__option:first-child,.control .actions__option:nth-child(2) {
    display: none
}

@media only screen and (max-width: 1023px) {
    .control .actions__option:first-child,.control .actions__option:nth-child(2) {
        display:flex
    }
}

.products__head {
    display: flex;
    align-items: center;
    margin-bottom: 44px
}

@media only screen and (max-width: 1023px) {
    .products__head {
        margin-bottom:32px
    }
}

@media only screen and (max-width: 767px) {
    .products__head {
        flex-wrap:wrap;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 1419px) {
    .products__head .form {
        width:300px
    }
}

@media only screen and (max-width: 1023px) {
    .products__head .form {
        width:250px
    }
}

@media only screen and (max-width: 767px) {
    .products__head .form {
        width:100%;
        margin: 16px 0 0
    }
}

.products__title {
    margin-right: 24px
}

@media only screen and (max-width: 767px) {
    .products__title {
        margin-right:0
    }
}

.products__indicators {
    display: none;
    align-items: center
}

@media only screen and (max-width: 1023px) {
    .products__indicators {
        display:none
    }
}

.products__indicators .products__button {
    margin-right: 8px
}

.products__counter {
    margin-left: 16px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.84615
}

.products__select {
    min-width: 154px;
    margin-left: auto
}

@media only screen and (max-width: 767px) {
    .products__select {
        width:100%;
        margin-top: 16px
    }
}

@media only screen and (max-width: 767px) {
    body.dark .products__select .select {
        background:#272b30;
        box-shadow: inset 0 0 0 2px #272b30;
        color: #fcfcfc
    }
}

.products__nav {
    display: flex;
    margin-left: auto
}

@media only screen and (max-width: 1023px) {
    .products__nav {
        display:none
    }
}

.products__link {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

.products__link.active,.products__link:hover {
    color: #1a1d1f
}

body.dark .products__link.active,body.dark .products__link:hover {
    color: #fcfcfc
}

.products__link.active {
    background: #efefef
}

body.dark .products__link.active {
    background: #272b30
}

.products__link:not(:last-child) {
    margin-right: 8px
}

.products__tab {
    display: none
}

.products__wrapper {
    margin: 0 -12px
}

@media only screen and (max-width: 1023px) {
    .products__wrapper {
        margin:0
    }
}

.products__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .products__table {
        display:block
    }
}

.products__row {
    display: table-row
}

@media only screen and (max-width: 1023px) {
    .products__row {
        position:relative;
        display: block
    }
}

@media only screen and (max-width: 1023px) {
    .products__row:first-child {
        display:none
    }
}

.products__row:first-child .products__col {
    padding: 0 12px 16px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.products__row:not(:first-child) {
    transition: background .2s
}

.products__row:not(:first-child) .products__col:not(:first-child):not(:nth-child(2)) {
    padding-top: 20px
}

@media only screen and (max-width: 1023px) {
    .products__row:not(:first-child) .products__col:not(:first-child):not(:nth-child(2)) {
        padding-top:0
    }
}

@media only screen and (min-width: 1024px) {
    .products__row:not(:first-child):hover {
        background:#f4f4f4
    }

    body.dark .products__row:not(:first-child):hover {
        background: #272b30
    }

    .products__row:not(:first-child):hover .products__number,.products__row:not(:first-child):hover .products__status {
        background: #fcfcfc
    }

    body.dark .products__row:not(:first-child):hover .products__number {
        background: #33383f
    }

    body.dark .products__row:not(:first-child):hover .products__status {
        background: #1a1d1f
    }

    .products__row:not(:first-child):hover .control {
        visibility: visible;
        opacity: 1
    }
}

@media only screen and (max-width: 1023px) {
    .products__row:not(:last-child) {
        margin-bottom:24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #efefef
    }

    body.dark .products__row:not(:last-child) {
        border-color: #272b30
    }
}

.products__col {
    position: relative;
    display: table-cell;
    padding: 16px 12px;
    vertical-align: top;
    color: #1a1d1f
}

@media only screen and (max-width: 1023px) {
    .products__col {
        position:static;
        display: flex;
        align-items: center;
        padding: 0
    }
}

body.dark .products__col {
    color: #fcfcfc
}

.products__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #efefef
}

body.dark .products__col:after {
    background: #272b30
}

@media only screen and (max-width: 1023px) {
    .products__col:after {
        display:none
    }
}

.products__col:first-child {
    width: 56px;
    border-radius: 8px 0 0 8px;
    font-size: 0
}

@media only screen and (max-width: 1023px) {
    .products__col:first-child {
        display:none
    }
}

.products__col:first-child:after {
    left: 12px
}

@media only screen and (max-width: 1023px) {
    .products__col:nth-child(4) {
        display:none
    }
}

.products__col:last-child {
    border-radius: 0 8px 8px 0
}

.products__col:last-child:after {
    right: 12px
}

@media only screen and (max-width: 1023px) {
    .products__col:not(:first-child):not(:last-child) {
        margin-bottom:12px
    }
}

.products__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #1a1d1f;
    transition: color .2s
}

@media only screen and (max-width: 767px) {
    .products__item {
        align-items:stretch
    }
}

body.dark .products__item {
    color: #fcfcfc
}

.products__item:hover {
    color: #2a85ff
}

body.dark .products__item:hover {
    color: #2a85ff
}

.products__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .products__preview {
        width:104px
    }
}

.products__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.products__subtitle {
    max-width: 170px;
    margin-bottom: 4px
}

@media only screen and (max-width: 1023px) {
    .products__subtitle {
        max-width:100%;
        margin-bottom: 8px;
        padding-right: 42px;
        font-size: 18px;
        line-height: 1.33333;
        letter-spacing: -.02em
    }
}

@media only screen and (max-width: 1023px) {
    .products__wrap {
        display:flex;
        align-items: center
    }
}

.products__category {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .products__category {
        font-size:15px
    }
}

body.dark .products__category {
    color: #9a9fa5
}

.products__sales {
    display: inline-flex;
    align-items: center
}

.products__number,.products__price {
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    background: #efefef;
    transition: background .2s
}

body.dark .products__number,body.dark .products__price {
    background: #33383f;
    color: #fcfcfc
}

.products__price {
    display: none
}

@media only screen and (max-width: 1023px) {
    .products__price {
        display:inline-block;
        margin-right: 12px
    }
}

.products .balance {
    margin-left: 8px
}

.products__box {
    display: flex;
    align-items: center
}

.products__line {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 8px;
    margin-left: 8px
}

@media only screen and (max-width: 1259px) {
    .products__line {
        width:36px
    }
}

@media only screen and (max-width: 1023px) {
    .products__line {
        width:44px
    }
}

.products__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px
}

.products__progress_views {
    background: #2a85ff
}

.products__progress_likes {
    background: #8e59ff
}

.products__status {
    transition: background .2s
}

.products .control {
    position: absolute;
    left: 12px;
    bottom: 16px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

@media only screen and (max-width: 1023px) {
    .products .control {
        top:0;
        left: auto;
        right: 0;
        bottom: auto;
        visibility: visible;
        opacity: 1
    }
}

.products__label {
    display: none
}

@media only screen and (max-width: 1023px) {
    .products__label {
        display:block;
        flex-shrink: 0;
        width: 124px;
        padding-right: 20px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #6f767e
    }
}

.products__foot {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.products__arrow {
    width: 40px;
    height: 40px;
    border: 2px solid #efefef;
    border-radius: 50%;
    transition: border-color .2s
}

body.dark .products__arrow {
    border-color: transparent
}

.products__arrow .icon {
    width: 20px;
    height: 20px;
    fill: #6F767E;
    transition: fill .2s
}

.products__arrow:hover {
    border-color: #efefef
}

.products__arrow:hover .icon {
    fill: #1A1D1F
}

body.dark .products__arrow:hover {
    border-color: #272b30
}

body.dark .products__arrow:hover .icon {
    fill: #FCFCFC
}

.products__arrow:not(:last-child) {
    margin-right: 8px
}

.statistics__wrapper {
    margin: 0 -12px
}

@media only screen and (max-width: 1023px) {
    .statistics__wrapper {
        margin:0
    }
}

.statistics__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .statistics__table {
        display:block
    }
}

.statistics__row {
    display: table-row
}

@media only screen and (max-width: 1023px) {
    .statistics__row {
        display:block
    }
}

@media only screen and (max-width: 1023px) {
    .statistics__row:first-child {
        margin-bottom:24px
    }
}

.statistics__row:first-child .statistics__col {
    padding: 0 12px 16px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .statistics__row:first-child .statistics__col {
        padding:0
    }
}

@media only screen and (max-width: 1023px) {
    .statistics__row:first-child .statistics__col:nth-child(2) {
        display:none
    }
}

.statistics__row:not(:first-child) {
    transition: background .2s
}

@media only screen and (max-width: 1023px) {
    .statistics__row:not(:first-child) {
        position:relative;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #efefef
    }

    body.dark .statistics__row:not(:first-child) {
        border-color: #272b30
    }
}

@media only screen and (min-width: 1024px) {
    .statistics__row:not(:first-child):hover {
        background:#f4f4f4
    }

    body.dark .statistics__row:not(:first-child):hover {
        background: #272b30
    }

    .statistics__row:not(:first-child):hover .control {
        visibility: visible;
        opacity: 1
    }
}

.statistics__col {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding: 16px 12px;
    color: #1a1d1f
}

@media only screen and (max-width: 1023px) {
    .statistics__col {
        position:static;
        display: block;
        padding: 0
    }
}

.statistics__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #efefef
}

body.dark .statistics__col:after {
    background: #272b30
}

@media only screen and (max-width: 1023px) {
    .statistics__col:after {
        display:none
    }
}

.statistics__col:first-child {
    width: 56px;
    border-radius: 8px 0 0 8px;
    font-size: 0
}

@media only screen and (max-width: 1023px) {
    .statistics__col:first-child {
        display:none
    }
}

.statistics__col:first-child:after {
    left: 12px
}

.statistics__col:nth-child(2) {
    width: 300px
}

@media only screen and (max-width: 1023px) {
    .statistics__col:nth-child(2) {
        width:100%
    }
}

.statistics__col:last-child {
    border-radius: 0 8px 8px 0
}

.statistics__col:last-child:after {
    right: 12px
}

.statistics__control {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1023px) {
    .statistics__control {
        display:block
    }
}

.statistics__info {
    margin-right: auto
}

@media only screen and (max-width: 1023px) {
    .statistics__info {
        display:none
    }
}

.statistics__indicators {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 0 -24px
}

@media only screen and (max-width: 1419px) {
    .statistics__indicators {
        margin-left:-12px
    }
}

@media only screen and (max-width: 1023px) {
    .statistics__indicators {
        margin-left:-24px
    }
}

.statistics__indicators .statistics__legend {
    position: relative;
    margin: 8px 0 0 24px;
    padding-left: 24px
}

@media only screen and (max-width: 1419px) {
    .statistics__indicators .statistics__legend {
        margin-left:12px
    }
}

@media only screen and (max-width: 1259px) {
    .statistics__indicators .statistics__legend {
        padding-left:18px
    }
}

@media only screen and (max-width: 1023px) {
    .statistics__indicators .statistics__legend {
        margin-left:24px;
        padding-left: 24px
    }
}

.statistics__indicators .statistics__color {
    position: absolute;
    top: 2px;
    left: 0
}

.statistics__color {
    width: 12px;
    height: 12px;
    border-radius: 4px
}

.statistics__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #1a1d1f;
    transition: color .2s
}

@media only screen and (max-width: 767px) {
    .statistics__item {
        align-items:stretch
    }
}

body.dark .statistics__item {
    color: #fcfcfc
}

.statistics__item:hover {
    color: #2a85ff
}

body.dark .statistics__item:hover {
    color: #2a85ff
}

.statistics__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .statistics__preview {
        width:104px
    }
}

.statistics__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.statistics__product {
    max-width: 170px;
    margin-bottom: 4px
}

@media only screen and (max-width: 1023px) {
    .statistics__product {
        max-width:100%;
        margin-bottom: 8px;
        padding-right: 42px;
        font-size: 18px;
        line-height: 1.33333;
        letter-spacing: -.02em
    }
}

.statistics__date {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.statistics__line {
    display: flex;
    margin: 11px 0 0 -1px
}

@media only screen and (max-width: 1023px) {
    .statistics__line {
        margin-top:20px
    }
}

.statistics__box {
    position: relative;
    height: 12px;
    margin-left: 1px;
    border-radius: 2px;
    cursor: pointer
}

.statistics__box:hover .statistics__tooltip {
    visibility: visible;
    opacity: 1
}

.statistics__tooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 8px;
    background: #272b30;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 4px 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1),inset 0 0 1px #000;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1;
    visibility: hidden;
    opacity: 0;
    transition: .2s
}

.statistics__subtitle {
    margin-bottom: 8px;
    white-space: nowrap;
    color: #efefef
}

.statistics__tooltip .statistics__legend {
    display: flex;
    align-items: center;
    color: #fcfcfc
}

.statistics__tooltip .statistics__color {
    flex-shrink: 0;
    margin-right: 4px
}

.statistics .control {
    position: absolute;
    left: 12px;
    bottom: 16px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

@media only screen and (max-width: 1023px) {
    .statistics .control {
        top:0;
        left: auto;
        right: 0;
        bottom: auto;
        visibility: visible;
        opacity: 1
    }
}

.statistics__foot {
    margin-top: 20px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .statistics__foot {
        margin-top:0
    }
}

.switch {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    font-size: 0
}

.switch__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.switch__input:checked+.switch__inner .switch__box {
    background: #2a85ff
}

.switch__input:checked+.switch__inner .switch__box:before {
    -webkit-transform: translate(24px,-50%);
    transform: translate(24px,-50%);
    background: #fcfcfc
}

.switch__inner {
    position: relative;
    display: inline-block;
    transition: all .2s
}

.switch__box {
    position: relative;
    display: block;
    width: 48px;
    height: 24px;
    background: #f4f4f4;
    border-radius: 12px;
    transition: all .2s
}

body.dark .switch__box {
    background: #111315
}

.switch__box:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fcfcfc;
    box-shadow: 0 2px 4px rgba(0,0,0,.2),inset 0 2px 2px #fff,inset 0 -1px 1px rgba(0,0,0,.1);
    transition: all .2s
}

body.dark .switch__box:before {
    background: #272b30;
    box-shadow: 0 2px 4px rgba(0,0,0,.2),inset 0 1px 2px rgba(255,255,255,.1),inset 0 -1px 1px rgba(0,0,0,.1)
}

.field__label {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383f
}

body.dark .field__label {
    color: #efefef
}

.field .tooltip {
    position: relative;
    top: -1px
}

.field .tooltip .icon {
    fill: #9A9FA5
}

.field__wrap {
    position: relative
}

.field__input {
    width: 100%;
    height: 48px;
    padding: 0 10px;
    border-radius: 12px;
    border: 2px solid transparent;
    background: #f4f4f4;
    font-family: Inter,sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #1a1d1f;
    transition: all .2s
}

body.dark .field__input {
    border-color: #272b30;
    background: #272b30;
    color: #fcfcfc
}

.field__input::-webkit-input-placeholder {
    color: #6f767e
}

.field__input::-moz-placeholder {
    color: #6f767e
}

.field__input:-ms-input-placeholder {
    color: #6f767e
}

.field__input::-ms-input-placeholder {
    color: #6f767e
}

.field__input::placeholder {
    color: #6f767e
}

body.dark .field__input::-webkit-input-placeholder {
    color: #9a9fa5
}

body.dark .field__input::-moz-placeholder {
    color: #9a9fa5
}

body.dark .field__input:-ms-input-placeholder {
    color: #9a9fa5
}

body.dark .field__input::-ms-input-placeholder {
    color: #9a9fa5
}

body.dark .field__input::placeholder {
    color: #9a9fa5
}

.field__input:focus {
    border-color: #9a9fa5;
    background: #fff
}

body.dark .field__input:focus {
    border-color: #33383f;
    background: #111315
}

.field__copy,.field__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px
}

.field__copy .icon,.field__icon .icon {
    width: 24px;
    height: 24px
}

.field__icon {
    left: 0;
    pointer-events: none
}

.field__icon .icon {
    fill: #6F767E
}

.field__copy {
    right: 0
}

.field__copy .icon {
    fill: #6F767E;
    transition: fill .2s
}

.field__copy:hover .icon {
    fill: #2A85FF
}

.field__currency {
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    padding-top: 1px;
    border-radius: 10px 0 0 10px;
    background: #f4f4f4;
    color: #1a1d1f
}

body.dark .field__currency {
    background: #272b30;
    color: #6f767e
}

.field_icon .field__input {
    padding-left: 48px
}

.field_currency .field__input {
    padding-left: 58px;
    background: 0 0;
    border-color: #efefef
}

.field_currency .field__input:focus {
    border-color: #9a9fa5
}

body.dark .field_currency .field__input {
    border-color: #272b30
}

body.dark .field_currency .field__input:focus {
    border-color: #33383f
}

.field_copy .field__input {
    padding-right: 48px
}

.field.error .field__icon .icon {
    fill: #FF6A55
}

.field.error .field__wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a1 1 0 0 0 1-1V9a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1zm7.675 2.504L12.87 5.563a1 1 0 0 0-1.738 0L4.327 17.504A1 1 0 0 0 5.196 19h13.61a1 1 0 0 0 .869-1.495zM14.607 4.573c-1.151-2.019-4.062-2.019-5.213 0L2.589 16.514C1.45 18.514 2.894 21 5.196 21h13.61c2.302 0 3.746-2.486 2.606-4.485L14.607 4.573z' fill-rule='evenodd' fill='%23ff6a55'/%3E%3Cpath d='M13 17a1 1 0 1 1-2 0 1 1 0 1 1 2 0z' fill='%23ff6a55'/%3E%3C/svg%3E") no-repeat 50% 50%/24px auto
}

.field.error .field__input {
    padding-right: 48px;
    background: rgba(255,188,153,.25);
    border-color: transparent;
    color: #ff6a55
}

body.dark .field.error .field__input:focus {
    border-color: #ff6a55;
    color: #ff6a55
}

.field.error .field__input::-webkit-input-placeholder {
    color: #ff6a55
}

.field.error .field__input::-moz-placeholder {
    color: #ff6a55
}

.field.error .field__input:-ms-input-placeholder {
    color: #ff6a55
}

.field.error .field__input::-ms-input-placeholder {
    color: #ff6a55
}

.field.error .field__input::placeholder {
    color: #ff6a55
}

.field.success .field__wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.707 6.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0l-3.586-3.586a1 1 0 0 1 1.414-1.414l3.586 3.586a1 1 0 0 0 1.414 0l8.586-8.586a1 1 0 0 1 1.414 0z' fill='%2383bf6e'/%3E%3C/svg%3E") no-repeat 50% 50%/24px auto
}

.field.success .field__input {
    padding-right: 48px;
    background: #fff;
    border-color: #9a9fa5
}

body.dark .field.success .field__input {
    background: #111315
}

.file__label {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383f
}

body.dark .file__label {
    color: #efefef
}

.file .tooltip {
    position: relative;
    top: -1px
}

.file .tooltip .icon {
    fill: #9A9FA5
}

.file__wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    border-radius: 12px;
    background: #f4f4f4;
    overflow: hidden
}

body.dark .file__wrap {
    background: #272b30
}

.file__input {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 340px;
    opacity: 0
}

.file__input:hover+.file__box {
    border-color: #6f767e
}

body.dark .file__input:hover+.file__box {
    border-color: #33383f
}

.file__box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    border: 2px solid #efefef;
    border-radius: 12px;
    background: #fcfcfc;
    box-shadow: 0 12px 13px -6px rgba(0,0,0,.04);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    transition: border-color .2s
}

body.dark .file__box {
    background: #1a1d1f;
    border-color: #272b30;
    box-shadow: 0 4px 4px rgba(0,0,0,.25),0 12px 13px -6px rgba(0,0,0,.04),inset 0 2px 4px #31353b
}

.file__box .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

body.dark .file__box .icon {
    fill: #FCFCFC
}

.create__row {
    display: flex
}

@media only screen and (max-width: 1023px) {
    .create__row {
        display:block
    }
}

.create__col:first-child {
    flex: 0 0 calc(100% - 340px);
    width: calc(100% - 340px);
    padding-right: 8px
}

@media only screen and (max-width: 1259px) {
    .create__col:first-child {
        flex:0 0 calc(100% - 296px);
        width: calc(100% - 296px)
    }
}

@media only screen and (max-width: 1023px) {
    .create__col:first-child {
        width:100%;
        padding: 0
    }
}

.create__col:nth-child(2) {
    flex-shrink: 0;
    width: 340px
}

@media only screen and (max-width: 1259px) {
    .create__col:nth-child(2) {
        width:296px
    }
}

@media only screen and (max-width: 1023px) {
    .create__col:nth-child(2) {
        width:auto
    }
}

.create__card:not(:last-child) {
    margin-bottom: 8px
}

.create .card__button .icon {
    width: 24px;
    height: 24px
}

.create .editor:not(:last-child),.create .file:not(:last-child),.create__card>.field:not(:last-child) {
    margin-bottom: 32px
}

@media only screen and (max-width: 1259px) {
    .create .editor:not(:last-child),.create .file:not(:last-child),.create__card>.field:not(:last-child) {
        margin-bottom:24px
    }
}

.create__group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 -6px -12px
}

@media only screen and (max-width: 767px) {
    .create__group {
        display:block;
        margin: 0
    }
}

.create__group .field {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
    margin: 0 6px 12px
}

@media only screen and (max-width: 767px) {
    .create__group .field {
        width:100%;
        margin: 12px 0 0
    }
}

.create__line {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #efefef
}

body.dark .create__line {
    border-color: #272b30
}

.create__info {
    margin-right: auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383f
}

body.dark .create__info {
    color: #efefef
}

.create .tooltip {
    position: relative;
    top: -1
}

.create .tooltip .icon {
    fill: #9A9FA5
}

.create .switch {
    margin-left: 12px
}

.create__fieldset {
    display: flex;
    margin: 0 -6px
}

.create__fieldset .field {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
    margin: 0 6px
}

.create__fieldset .field__label {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1.33333;
    font-weight: 700;
    color: #6f767e
}

.create__label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383f
}

body.dark .create__label {
    color: #efefef
}

.create__list {
    display: flex;
    flex-wrap: wrap;
    margin: -4px -16px 32px 0
}

@media only screen and (max-width: 1259px) {
    .create__list {
        margin-bottom:24px
    }
}

.create__list .checkbox {
    flex: 0 0 calc(33.33% - 16px);
    width: calc(33.33% - 16px);
    margin: 16px 16px 0 0
}

@media only screen and (max-width: 767px) {
    .create__list .checkbox {
        flex:0 0 calc(50% - 16px);
        width: calc(50% - 16px)
    }
}

.create__top {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.create__top .create__label {
    margin-right: auto
}

.create__counter {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.23077;
    color: #9a9fa5
}

.create__counter span {
    color: #1a1d1f
}

body.dark .create__counter span {
    color: #fcfcfc
}

.create__preview {
    position: sticky;
    top: 102px
}

@media only screen and (max-width: 1339px) {
    .create__preview {
        top:86px
    }
}

@media only screen and (max-width: 1023px) {
    .create__preview {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 50;
        display: flex;
        padding: 64px 16px;
        overflow: auto;
        background: #f4f4f4;
        visibility: hidden;
        opacity: 0;
        transition: all .2s
    }

    body.dark .create__preview {
        background: #111315
    }

    .create__preview.visible {
        visibility: visible;
        opacity: 1
    }
}

@media only screen and (max-width: 1259px) {
    .create__preview .card {
        padding:16px
    }
}

@media only screen and (max-width: 1023px) {
    .create__preview .card {
        max-width:340px;
        margin: auto
    }
}

.create__preview .card__head {
    margin-bottom: 24px
}

.create__close {
    position: absolute;
    top: 32px;
    left: 32px;
    display: none
}

@media only screen and (max-width: 1023px) {
    .create__close {
        display:inline-block
    }
}

.create__close .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E
}

.create__photo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

.create__photo img {
    width: 100%;
    border-radius: 12px
}

.create__flex {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px
}

.create__subtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .create__subtitle {
        font-size:18px
    }
}

.create__price {
    flex-shrink: 0;
    margin-left: 12px;
    padding: 0 8px;
    background: #b5e4ca;
    border-radius: 6px;
    line-height: 32px;
    font-weight: 700
}

body.dark .create__price {
    color: #1a1d1f
}

.create__user {
    display: flex;
    align-items: center
}

.create__avatar {
    position: relative;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px
}

.create__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.create__text {
    font-weight: 500;
    color: #6f767e
}

.create__text span {
    font-weight: 600;
    color: #1a1d1f
}

body.dark .create__text span {
    color: #fcfcfc
}

.panel {
    position: relative;
    display: flex;
    align-items: center;
    margin: auto -40px -40px;
    padding: 60px 40px 20px
}

@media only screen and (max-width: 1339px) {
    .panel {
        margin:auto -24px -32px;
        padding: 44px 24px 20px
    }
}

@media only screen and (max-width: 767px) {
    .panel {
        display:block;
        margin: auto -16px -24px;
        padding: 40px 16px 16px
    }
}

.panel:before {
    content: "";
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #fcfcfc;
    box-shadow: inset 1px 0 0 #f4f4f4
}

@media only screen and (max-width: 1339px) {
    .panel:before {
        top:24px
    }
}

body.dark .panel:before {
    background: #1a1d1f;
    box-shadow: inset 1px 0 0 #111315
}

.panel__info {
    margin-right: auto;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

@media only screen and (max-width: 767px) {
    .panel__info {
        margin:0 0 24px
    }
}

.panel__info .icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: #6F767E
}

.panel__info span {
    color: #1a1d1f
}

body.dark .panel__info span {
    color: #fcfcfc
}

.panel__note {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    background: #272b30;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    color: #f4f4f4
}

.panel__note>.icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #83BF6E
}

.panel__note span {
    position: relative;
    top: -2px;
    margin-left: 4px
}

.panel .close {
    margin-left: 20px
}

.panel .close .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.panel .close:hover .icon {
    fill: #FCFCFC
}

.panel__btns {
    display: flex;
    align-items: center;
    margin-left: auto
}

.panel__btns .panel__button {
    margin-right: 8px
}

@media only screen and (max-width: 767px) {
    .panel__btns .panel__button {
        flex-grow:1
    }
}

.panel__btns .panel__button .icon {
    width: 24px;
    height: 24px
}

.panel .actions__button {
    width: 48px;
    height: 48px;
    border: 2px solid #efefef;
    border-radius: 12px;
    transition: all .2s
}

.panel .actions__button .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #6F767E
}

.panel .actions__button:hover {
    background: #efefef
}

.panel .actions__button:hover .icon {
    fill: #1A1D1F
}

body.dark .panel .actions__button {
    border-color: #272b30;
    background: 0 0
}

.panel .actions__option:first-child {
    display: none
}

@media only screen and (max-width: 1023px) {
    .panel .actions__option:first-child {
        display:flex
    }
}

.panel .actions__body {
    right: 0
}

.panel .actions__body:before {
    right: 14px
}

.loader {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    font-size: 4px;
    -webkit-animation: loader 1.1s infinite ease;
    animation: loader 1.1s infinite ease;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

body.dark .loader {
    -webkit-animation-name: loader-white;
    animation-name: loader-white
}

.loader_white {
    -webkit-animation-name: loader-white;
    animation-name: loader-white
}

@-webkit-keyframes loader {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #777e90,1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.5),-1.8em -1.8em 0 0 rgba(119,126,144,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.7),1.8em -1.8em 0 0 #777e90,2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.5),1.8em -1.8em 0 0 rgba(119,126,144,.7),2.5em 0 0 0 #777e90,1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.5),2.5em 0 0 0 rgba(119,126,144,.7),1.75em 1.75em 0 0 #777e90,0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.5),1.75em 1.75em 0 0 rgba(119,126,144,.7),0 2.5em 0 0 #777e90,-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.5),0 2.5em 0 0 rgba(119,126,144,.7),-1.8em 1.8em 0 0 #777e90,-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.5),-1.8em 1.8em 0 0 rgba(119,126,144,.7),-2.6em 0 0 0 #777e90,-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.5),-2.6em 0 0 0 rgba(119,126,144,.7),-1.8em -1.8em 0 0 #777e90
    }
}

@keyframes loader {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #777e90,1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.5),-1.8em -1.8em 0 0 rgba(119,126,144,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.7),1.8em -1.8em 0 0 #777e90,2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.5),1.8em -1.8em 0 0 rgba(119,126,144,.7),2.5em 0 0 0 #777e90,1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.5),2.5em 0 0 0 rgba(119,126,144,.7),1.75em 1.75em 0 0 #777e90,0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.5),1.75em 1.75em 0 0 rgba(119,126,144,.7),0 2.5em 0 0 #777e90,-1.8em 1.8em 0 0 rgba(119,126,144,.2),-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.5),0 2.5em 0 0 rgba(119,126,144,.7),-1.8em 1.8em 0 0 #777e90,-2.6em 0 0 0 rgba(119,126,144,.2),-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.5),-1.8em 1.8em 0 0 rgba(119,126,144,.7),-2.6em 0 0 0 #777e90,-1.8em -1.8em 0 0 rgba(119,126,144,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(119,126,144,.2),1.8em -1.8em 0 0 rgba(119,126,144,.2),2.5em 0 0 0 rgba(119,126,144,.2),1.75em 1.75em 0 0 rgba(119,126,144,.2),0 2.5em 0 0 rgba(119,126,144,.2),-1.8em 1.8em 0 0 rgba(119,126,144,.5),-2.6em 0 0 0 rgba(119,126,144,.7),-1.8em -1.8em 0 0 #777e90
    }
}

@-webkit-keyframes loader-white {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.5),-1.8em -1.8em 0 0 rgba(255,255,255,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.5),1.8em -1.8em 0 0 rgba(255,255,255,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.5),2.5em 0 0 0 rgba(255,255,255,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.5),1.75em 1.75em 0 0 rgba(255,255,255,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.5),0 2.5em 0 0 rgba(255,255,255,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.5),-1.8em 1.8em 0 0 rgba(255,255,255,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.5),-2.6em 0 0 0 rgba(255,255,255,.7),-1.8em -1.8em 0 0 #fff
    }
}

@keyframes loader-white {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.5),-1.8em -1.8em 0 0 rgba(255,255,255,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.5),1.8em -1.8em 0 0 rgba(255,255,255,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.5),2.5em 0 0 0 rgba(255,255,255,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.5),1.75em 1.75em 0 0 rgba(255,255,255,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.5),0 2.5em 0 0 rgba(255,255,255,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.5),-1.8em 1.8em 0 0 rgba(255,255,255,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 rgba(255,255,255,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.5),-2.6em 0 0 0 rgba(255,255,255,.7),-1.8em -1.8em 0 0 #fff
    }
}

.schedule__wrapper {
    margin: 0 -12px
}

@media only screen and (max-width: 1023px) {
    .schedule__wrapper {
        margin:0
    }
}

.schedule__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .schedule__table {
        display:block
    }
}

.schedule__row {
    display: table-row
}

@media only screen and (max-width: 1023px) {
    .schedule__row:first-child {
        display:none
    }
}

.schedule__row:first-child .schedule__col {
    padding: 0 12px 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.schedule__row:not(:first-child) {
    transition: background .2s
}

@media only screen and (max-width: 1023px) {
    .schedule__row:not(:first-child) {
        position:relative;
        display: block;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #efefef
    }

    body.dark .schedule__row:not(:first-child) {
        border-color: #272b30
    }
}

@media only screen and (min-width: 1260px) {
    .schedule__row:not(:first-child):hover {
        background:#f4f4f4
    }

    body.dark .schedule__row:not(:first-child):hover {
        background: #272b30
    }

    .schedule__row:not(:first-child):hover .schedule__control {
        visibility: visible;
        opacity: 1
    }
}

.schedule__col {
    position: relative;
    display: table-cell;
    padding: 16px 12px;
    vertical-align: middle;
    color: #1a1d1f
}

@media only screen and (max-width: 1023px) {
    .schedule__col {
        display:block;
        position: static;
        padding: 0
    }
}

.schedule__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #efefef
}

body.dark .schedule__col:after {
    background: #272b30
}

@media only screen and (max-width: 1023px) {
    .schedule__col:after {
        display:none
    }
}

.schedule__col:first-child {
    width: 56px;
    border-radius: 8px 0 0 8px;
    font-size: 0
}

@media only screen and (max-width: 1023px) {
    .schedule__col:first-child {
        display:none
    }
}

.schedule__col:first-child:after {
    left: 12px
}

.schedule__col:last-child {
    padding-right: 164px;
    border-radius: 0 8px 8px 0;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .schedule__col:last-child {
        padding:0
    }
}

.schedule__col:last-child:after {
    right: 12px
}

@media only screen and (max-width: 1023px) {
    .schedule__col:not(:nth-child(2)) {
        display:none
    }
}

.schedule__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: color .2s
}

@media only screen and (max-width: 767px) {
    .schedule__item {
        align-items:stretch
    }
}

body.dark .schedule__item {
    color: #fcfcfc
}

.schedule__item:hover {
    color: #2a85ff
}

.schedule__item .schedule__date,.schedule__item .schedule__empty,.schedule__item .schedule__price {
    display: none
}

@media only screen and (max-width: 1023px) {
    .schedule__item .schedule__empty,.schedule__item .schedule__price {
        display:inline-block
    }
}

@media only screen and (max-width: 1023px) {
    .schedule__item .schedule__date {
        display:flex;
        align-items: center;
        margin-bottom: 8px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #9a9fa5
    }

    .schedule__item .schedule__date .icon {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        fill: #9A9FA5
    }
}

.schedule__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .schedule__preview {
        width:104px;
        height: 116px
    }
}

.schedule__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.schedule__product {
    max-width: 170px;
    margin-bottom: 4px;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .schedule__product {
        max-width:100%;
        margin-bottom: 8px;
        padding-right: 44px;
        font-size: 18px;
        line-height: 1.33333;
        letter-spacing: -.02em
    }
}

.schedule__link {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

@media only screen and (max-width: 1023px) {
    .schedule__link {
        display:none
    }
}

.schedule__empty,.schedule__price {
    flex-shrink: 0;
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    line-height: 32px;
    font-weight: 700
}

.schedule__price {
    background: #b5e4ca
}

body.dark .schedule__price {
    color: #1a1d1f
}

.schedule__empty {
    background: #efefef
}

body.dark .schedule__empty {
    background: #272b30;
    color: #fcfcfc
}

.schedule__control {
    position: absolute;
    top: 50%;
    right: 12px;
    display: flex;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

@media only screen and (max-width: 1259px) {
    .schedule__control {
        visibility:visible;
        opacity: 1
    }
}

@media only screen and (max-width: 1023px) {
    .schedule__control {
        display:none
    }
}

.schedule__control .schedule__button {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fcfcfc
}

@media only screen and (max-width: 1259px) {
    .schedule__control .schedule__button {
        background:#efefef
    }
}

body.dark .schedule__control .schedule__button {
    background: #1a1d1f
}

@media only screen and (max-width: 1259px) {
    body.dark .schedule__control .schedule__button {
        background:#272b30
    }
}

.schedule__control .schedule__button .icon {
    width: 20px;
    height: 20px;
    fill: #6F767E;
    transition: fill .2s
}

.schedule__control .schedule__button:hover .icon {
    fill: #2A85FF
}

.schedule__control .schedule__button:not(:last-child) {
    margin-right: 16px
}

.schedule .actions {
    display: none
}

@media only screen and (max-width: 1023px) {
    .schedule .actions {
        display:block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2
    }

    .schedule .actions.active {
        z-index: 10
    }
}

body.dark .schedule .actions__button {
    background: 0 0
}

.schedule__foot {
    margin-top: 20px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .schedule__foot {
        margin-top:0
    }
}

.schedule__foot .schedule__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.drafts .card__head {
    margin-bottom: 44px
}

@media only screen and (max-width: 1023px) {
    .drafts .card__head {
        margin-bottom:32px
    }
}

@media only screen and (max-width: 767px) {
    .drafts .card__head {
        flex-wrap:wrap;
        margin-bottom: 24px
    }
}

.drafts .card__title {
    margin-right: 24px
}

@media only screen and (max-width: 1023px) {
    .drafts .form {
        width:300px
    }
}

@media only screen and (max-width: 767px) {
    .drafts .form {
        width:100%;
        margin-top: 16px;
        order: 3
    }
}

.drafts__tab {
    display: none
}

.drafts__list {
    display: flex;
    flex-wrap: wrap;
    margin: -32px -12px 0
}

@media only screen and (max-width: 639px) {
    .drafts__list {
        display:block;
        margin: 0 -8px
    }
}

.drafts .summary {
    flex: 0 0 calc(33.333% - 24px);
    width: calc(33.333% - 24px);
    margin: 32px 12px 0
}

@media only screen and (max-width: 1023px) {
    .drafts .summary {
        flex:0 0 calc(50% - 24px);
        width: calc(50% - 24px)
    }
}

@media only screen and (max-width: 639px) {
    .drafts .summary {
        width:100%;
        margin: 0
    }

    .drafts .summary:not(:last-child) {
        margin-bottom: 32px
    }
}

.drafts__foot {
    margin-top: 44px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .drafts__foot {
        margin-top:32px
    }
}

.drafts__foot .drafts__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.calendar__title {
    padding-right: 48px
}

.calendar__note {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #efefef;
    font-weight: 500;
    color: #6f767e
}

body.dark .calendar__note {
    border-color: #272b30
}

.calendar__list {
    margin-top: 24px
}

.calendar__item {
    display: block
}

@media only screen and (max-width: 1259px) {
    .calendar__item {
        position:relative
    }
}

@media only screen and (max-width: 767px) {
    .calendar__item {
        position:static
    }
}

.calendar__item.active .calendar__head {
    border-color: #2a85ff;
    box-shadow: 0 8px 16px rgba(0,0,0,.05)
}

.calendar__item.active .calendar__head .icon {
    fill: #1A1D1F
}

body.dark .calendar__item.active .calendar__head .icon {
    fill: #FCFCFC
}

.calendar__item.active .calendar__body {
    visibility: visible;
    opacity: 1
}

.calendar__item:not(:last-child) {
    margin-bottom: 8px
}

.calendar__head {
    display: flex;
    min-height: 68px;
    padding: 14px;
    border-radius: 12px;
    border: 2px solid #efefef;
    cursor: pointer;
    transition: all .2s
}

.calendar__head .icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 12px;
    fill: #6F767E;
    transition: fill .2s
}

body.dark .calendar__head {
    border-color: #272b30
}

.calendar__head:hover {
    border-color: #2a85ff
}

body.dark .calendar__head:hover {
    border-color: #2a85ff
}

.calendar__category {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #6f767e
}

.calendar__value {
    width: 100%;
    height: 24px;
    background: 0 0;
    border: none;
    box-shadow: none;
    pointer-events: none;
    font-family: Inter,sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #1a1d1f
}

body.dark .calendar__value {
    color: #fcfcfc
}

.calendar__body {
    position: absolute;
    top: 0;
    left: calc(100% + 8px);
    background: #fcfcfc;
    box-shadow: 0 0 14px -4px rgba(0,0,0,.05),0 32px 48px -8px rgba(0,0,0,.1);
    border-radius: 16px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

@media only screen and (max-width: 1259px) {
    .calendar__body {
        top:100%;
        left: 0;
        right: 0;
        z-index: 3
    }
}

@media only screen and (max-width: 767px) {
    .calendar__body {
        top:50%;
        left: 12px;
        right: 12px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

body.dark .calendar__body {
    background: #1a1d1f
}

@media only screen and (max-width: 767px) {
    body.dark .calendar__body {
        box-shadow:inset 0 0 0 1px #272b30
    }
}

.calendar__item_date .calendar__body {
    padding: 10px 0 24px;
    text-align: center
}

.calendar__item_time .calendar__body {
    width: 280px;
    padding: 24px
}

@media only screen and (max-width: 1259px) {
    .calendar__item_time .calendar__body {
        width:auto
    }
}

.calendar__date {
    padding: 24px 12px
}

@media only screen and (max-width: 1259px) {
    .calendar__date {
        width:100%;
        text-align: center
    }
}

.calendar__time {
    max-height: 360px;
    overflow: auto
}

@media only screen and (max-width: 1259px) {
    .calendar__time {
        max-height:240px
    }
}

@media only screen and (max-width: 767px) {
    .calendar__time {
        max-height:360px
    }
}

.calendar__time li {
    padding: 0 12px;
    border-radius: 4px;
    line-height: 40px;
    color: #6f767e;
    cursor: pointer;
    transition: all .2s
}

.calendar__time li.active,.calendar__time li:hover {
    background: #efefef;
    color: #1a1d1f
}

body.dark .calendar__time li.active,body.dark .calendar__time li:hover {
    background: #272b30;
    color: #fcfcfc
}

.calendar__foot {
    margin: 6px 20px 0;
    padding-top: 16px;
    border-top: 1px solid #efefef;
    text-align: right
}

body.dark .calendar__foot {
    border-color: #272b30
}

.calendar__foot .calendar__button:not(:last-child) {
    margin-right: 8px
}

.calendar__top {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 23px;
    border-bottom: 1px solid #efefef
}

body.dark .calendar__top {
    border-color: #272b30
}

.calendar__subtitle {
    margin-right: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .calendar__subtitle {
        font-size:18px
    }
}

.calendar__close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #efefef;
    font-size: 0
}

.calendar__close .icon {
    width: 20px;
    height: 20px;
    fill: #33383F;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

body.dark .calendar__close {
    background: #272b30
}

body.dark .calendar__close .icon {
    fill: #FCFCFC
}

.calendar__close:hover .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.calendar__btns {
    margin-top: 24px;
    text-align: right
}

.date-picker-wrapper {
    padding: 0;
    border: none;
    border-radius: 24px;
    box-shadow: 0 40px 32px -24px rgba(15,15,15,.12);
    background: 0 0;
    z-index: 20;
    overflow: hidden;
    font-family: Inter,sans-serif
}

@media only screen and (max-width: 767px) {
    .date-picker-wrapper {
        width:262px!important;
        padding: 0 19px
    }
}

body.dark .date-picker-wrapper {
    background: 0 0
}

.date-picker-wrapper.single-month .month-wrapper {
    width: 252px!important;
    padding: 0 19px
}

@media only screen and (max-width: 767px) {
    .date-picker-wrapper.single-month .month-wrapper {
        margin:0 5px;
        padding: 0
    }
}

.date-picker-wrapper.single-month .month-wrapper table {
    width: 100%!important
}

@media only screen and (min-width: 768px) {
    .date-picker-wrapper.two-months .month-wrapper {
        display:flex;
        width: 600px!important
    }

    .date-picker-wrapper.two-months .month-wrapper table {
        flex: 0 0 calc(50% - 48px);
        width: calc(50% - 48px);
        margin: 0 24px
    }
}

.date-picker-wrapper.single-date .day {
    border-radius: 50%!important
}

.date-picker-wrapper.single-date .day.first-date-selected:before,.date-picker-wrapper.single-date .day.last-date-selected:before {
    display: none
}

.date-picker-wrapper .month-wrapper {
    background: 0 0;
    border: none;
    box-shadow: none
}

.date-picker-wrapper .month-wrapper table {
    display: block
}

@media only screen and (max-width: 767px) {
    .date-picker-wrapper .month-wrapper table {
        width:100%
    }
}

.date-picker-wrapper .month-wrapper table tbody,.date-picker-wrapper .month-wrapper table thead {
    display: block;
    width: 100%
}

.date-picker-wrapper .month-wrapper table tr {
    display: flex;
    align-items: center;
    height: 36px
}

.date-picker-wrapper .month-wrapper table td,.date-picker-wrapper .month-wrapper table th {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex: 1;
    font-weight: 500
}

.date-picker-wrapper .month-wrapper table thead tr:first-child {
    height: 36px
}

.date-picker-wrapper .month-wrapper table thead tr:first-child th:first-child,.date-picker-wrapper .month-wrapper table thead tr:first-child th:nth-child(3) {
    flex: 0 0 24px
}

.date-picker-wrapper .month-wrapper table .caption,.date-picker-wrapper .month-wrapper table .week-name {
    height: auto
}

.date-picker-wrapper .month-wrapper table .week-name {
    height: 40px
}

.date-picker-wrapper .month-wrapper table .week-name th {
    height: auto
}

.date-picker-wrapper .month-wrapper table .day {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 0;
    transition: background .2s,color .2s
}

.date-picker-wrapper .month-wrapper table .day.valid.toMonth {
    color: #1a1d1f
}

body.dark .date-picker-wrapper .month-wrapper table .day.valid.toMonth {
    color: #fcfcfc
}

.date-picker-wrapper .month-wrapper table .day:hover {
    background: #6f767e;
    color: #f4f4f4!important
}

body.dark .date-picker-wrapper .month-wrapper table .day:hover {
    background: #fcfcfc;
    color: #111315!important
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background: #272b30;
    border-radius: 0
}

body.dark .date-picker-wrapper .month-wrapper table .day.checked {
    background: #fcfcfc;
    color: #111315!important
}

.date-picker-wrapper .month-wrapper table .day.hovering {
    border-radius: 0;
    background: #efefef!important;
    color: #1a1d1f!important
}

body.dark .date-picker-wrapper .month-wrapper table .day.hovering {
    background: #fcfcfc!important;
    color: #111315!important
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background: #2a85ff!important;
    color: #fcfcfc!important
}

body.dark .date-picker-wrapper .month-wrapper table .day.real-today {
    background: #2a85ff!important;
    color: #111315!important
}

.date-picker-wrapper .month-wrapper table .day.day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.day.real-today.hovering {
    background: #2a85ff
}

.date-picker-wrapper .month-wrapper table .day.first-date-selected,.date-picker-wrapper .month-wrapper table .day.last-date-selected {
    position: relative;
    border-radius: 50%!important;
    background: #1a1d1f!important;
    color: #fcfcfc!important
}

body.dark .date-picker-wrapper .month-wrapper table .day.first-date-selected,body.dark .date-picker-wrapper .month-wrapper table .day.last-date-selected {
    background: #272b30!important;
    color: #f4f4f4!important
}

.date-picker-wrapper .month-wrapper table .day.first-date-selected:before,.date-picker-wrapper .month-wrapper table .day.last-date-selected:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 50%;
    background: #272b30
}

body.dark .date-picker-wrapper .month-wrapper table .day.first-date-selected:before,body.dark .date-picker-wrapper .month-wrapper table .day.last-date-selected:before {
    background: #fcfcfc
}

.date-picker-wrapper .month-wrapper table .day.first-date-selected:before {
    right: 0
}

.date-picker-wrapper .month-wrapper table .day.last-date-selected:before {
    left: 0
}

.date-picker-wrapper .month-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
    text-transform: capitalize;
    color: #1a1d1f
}

@media only screen and (max-width: 767px) {
    .date-picker-wrapper .month-name {
        font-size:18px
    }
}

body.dark .date-picker-wrapper .month-name {
    color: #fcfcfc
}

.date-picker-wrapper .month-element:not(:last-child) {
    margin-right: 5px
}

.date-picker-wrapper .week-name {
    font-size: 14px;
    color: #6f767e
}

.date-picker-wrapper .week-name th {
    font-weight: 500;
    text-transform: capitalize
}

.date-picker-wrapper .gap {
    display: none
}

.date-picker-wrapper table .caption .next:hover,.date-picker-wrapper table .caption .prev:hover {
    background: 0 0
}

.date-picker-wrapper table .caption .next:hover path,.date-picker-wrapper table .caption .prev:hover path {
    fill: #2A85FF
}

.date-picker-wrapper .footer {
    display: none
}

.released__wrapper {
    margin: 0 -12px
}

@media only screen and (max-width: 1023px) {
    .released__wrapper {
        margin:0
    }
}

.released__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .released__table {
        display:block
    }
}

.released__row {
    display: table-row
}

@media only screen and (max-width: 1023px) {
    .released__row:first-child {
        display:none
    }
}

.released__row:first-child .released__col {
    padding: 0 12px 16px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.released__row:not(:first-child) {
    transition: background .2s
}

@media only screen and (max-width: 1023px) {
    .released__row:not(:first-child) {
        position:relative;
        display: block;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #efefef
    }

    body.dark .released__row:not(:first-child) {
        border-color: #272b30
    }
}

@media only screen and (min-width: 1024px) {
    .released__row:not(:first-child):hover {
        background:#f4f4f4
    }

    body.dark .released__row:not(:first-child):hover {
        background: #272b30
    }

    .released__row:not(:first-child):hover .number,.released__row:not(:first-child):hover .status {
        background: #fcfcfc
    }

    body.dark .released__row:not(:first-child):hover .number,body.dark .released__row:not(:first-child):hover .status {
        background: #33383f
    }
}

.released__row:not(:first-child) .released__col:not(:first-child):not(:nth-child(2)) {
    padding-top: 20px
}

@media only screen and (max-width: 1023px) {
    .released__row:not(:first-child) .released__col:not(:first-child):not(:nth-child(2)) {
        padding-top:0
    }
}

@media only screen and (max-width: 1023px) {
    .released__row:last-child .released__col {
        padding-bottom:0
    }

    .released__row:last-child .released__col:after {
        display: none
    }
}

.released__col {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding: 16px 12px;
    color: #1a1d1f
}

@media only screen and (max-width: 1023px) {
    .released__col {
        position:static;
        display: flex;
        align-items: center;
        padding: 0
    }
}

body.dark .released__col {
    color: #fcfcfc
}

.released__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #efefef
}

@media only screen and (max-width: 1023px) {
    .released__col:after {
        display:none
    }
}

body.dark .released__col:after {
    background: #272b30
}

.released__col:first-child {
    width: 56px;
    border-radius: 8px 0 0 8px;
    font-size: 0
}

@media only screen and (max-width: 1023px) {
    .released__col:first-child {
        display:none
    }
}

.released__col:first-child:after {
    left: 12px
}

@media only screen and (max-width: 1023px) {
    .released__col:nth-child(3) {
        display:none
    }
}

.released__col:last-child {
    border-radius: 0 8px 8px 0
}

.released__col:last-child:after {
    right: 12px
}

@media only screen and (max-width: 1023px) {
    .released__col:not(:first-child):not(:last-child) {
        margin-bottom:12px
    }
}

.released__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #1a1d1f;
    transition: color .2s
}

@media only screen and (max-width: 767px) {
    .released__item {
        align-items:stretch
    }
}

body.dark .released__item {
    color: #fcfcfc
}

.released__item:hover {
    color: #2a85ff
}

body.dark .released__item:hover {
    color: #2a85ff
}

.released__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .released__preview {
        width:104px
    }
}

.released__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.released__product {
    max-width: 170px;
    margin-bottom: 4px
}

@media only screen and (max-width: 1023px) {
    .released__product {
        max-width:100%;
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 1.33333;
        letter-spacing: -.02em
    }
}

@media only screen and (max-width: 1023px) {
    .released__wrap {
        display:flex;
        align-items: center
    }
}

.released__category {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .released__category {
        font-size:15px
    }
}

.released__sales {
    display: inline-flex;
    align-items: center
}

.released__number,.released__price {
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    background: #efefef;
    transition: background .2s
}

body.dark .released__number,body.dark .released__price {
    background: #33383f
}

.released__price {
    display: none
}

@media only screen and (max-width: 1023px) {
    .released__price {
        display:inline-block;
        margin-right: 12px
    }
}

.released__status {
    transition: background .2s
}

.released__rating {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

.released__rating .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #FFC554
}

.released__rating_empty {
    white-space: nowrap;
    color: #6f767e
}

.released__rating_empty .icon {
    fill: #6F767E
}

.released__counter {
    margin-left: 4px;
    color: #6f767e
}

.released .balance {
    margin-left: 8px
}

.released__box {
    display: flex;
    align-items: center
}

.released__line {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 12px;
    margin-left: 8px
}

.released__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px;
    background: #2a85ff
}

.released__label {
    display: none
}

@media only screen and (max-width: 1023px) {
    .released__label {
        display:block;
        flex-shrink: 0;
        width: 124px;
        padding-right: 20px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #6f767e
    }
}

.released__foot {
    margin-top: 32px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .released__foot {
        margin-top:24px
    }
}

.released__foot .released__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.recall .card__head {
    margin-bottom: 44px
}

@media only screen and (max-width: 1023px) {
    .recall .card__head {
        margin-bottom:32px
    }
}

@media only screen and (max-width: 767px) {
    .recall .card__head {
        flex-wrap:wrap;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .recall .form {
        width:320px
    }
}

@media only screen and (max-width: 767px) {
    .recall .form {
        width:100%
    }
}

.recall .card__title {
    margin-right: 24px
}

@media only screen and (max-width: 1023px) {
    .recall .card__title {
        margin-right:auto
    }
}

@media only screen and (max-width: 767px) {
    .recall .card__title {
        margin:0 0 16px
    }
}

.recall__wrapper {
    margin: 0 -12px
}

@media only screen and (max-width: 1023px) {
    .recall__wrapper {
        margin:0
    }
}

.recall__row {
    position: relative;
    display: flex
}

.recall__row:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0;
    right: 12px;
    height: 1px;
    background: #efefef
}

@media only screen and (max-width: 1023px) {
    .recall__row:after {
        display:none
    }
}

body.dark .recall__row:after {
    background: #272b30
}

.recall__row:first-child {
    align-items: center;
    padding: 0 12px 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .recall__row:first-child {
        display:none
    }
}

.recall__row:not(:first-child) {
    padding: 16px 12px;
    border-radius: 8px;
    transition: background .2s
}

@media only screen and (max-width: 1023px) {
    .recall__row:not(:first-child) {
        display:block;
        margin-bottom: 16px;
        padding: 0 0 16px;
        border-radius: 0;
        border-bottom: 1px solid #efefef
    }

    body.dark .recall__row:not(:first-child) {
        border-color: #272b30
    }
}

@media only screen and (min-width: 1260px) {
    .recall__row:not(:first-child):hover {
        background:#efefef
    }

    body.dark .recall__row:not(:first-child):hover {
        background: #272b30
    }

    .recall__row:not(:first-child):hover .recall__control {
        visibility: visible;
        opacity: 1
    }
}

.recall__row:not(:first-child).active .recall__control {
    display: none
}

@media only screen and (max-width: 1023px) {
    .recall__row:not(:first-child).active .recall__control {
        display:flex
    }
}

.recall__row:not(:first-child).active .answer {
    display: block!important
}

@media only screen and (min-width: 1024px) {
    .recall__row:not(:first-child).active {
        box-shadow:0 4px 4px rgba(0,0,0,.05);
        background: #fff
    }

    body.dark .recall__row:not(:first-child).active {
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
        background: #272b30
    }
}

.recall__col:first-child {
    flex-shrink: 0;
    width: 24px;
    font-size: 0
}

@media only screen and (max-width: 1023px) {
    .recall__col:first-child {
        display:none
    }
}

.recall__col:nth-child(2) {
    flex-grow: 1;
    padding: 0 32px
}

@media only screen and (max-width: 1023px) {
    .recall__col:nth-child(2) {
        padding:0
    }
}

.recall__col:last-child {
    flex-shrink: 0;
    width: 268px
}

@media only screen and (max-width: 1023px) {
    .recall__col:last-child {
        display:none
    }
}

.recall__item {
    display: flex;
    align-items: center
}

.recall__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px
}

.recall__preview img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.recall__product {
    margin-bottom: 4px;
    font-weight: 700;
    color: #1a1d1f
}

body.dark .recall__product {
    color: #fcfcfc
}

.recall__category {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.recall__box {
    display: flex
}

.recall__avatar {
    position: relative;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 20px
}

@media only screen and (max-width: 767px) {
    .recall__avatar {
        margin-right:12px
    }
}

.recall__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.recall__details {
    flex-grow: 1
}

.recall__line {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.recall__author {
    margin-right: auto;
    font-weight: 700
}

.recall__time {
    margin-left: 24px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.recall__content {
    color: #33383f
}

body.dark .recall__content {
    color: #fcfcfc
}

.recall__control {
    display: flex;
    align-items: center;
    margin: 12px 0 -4px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

@media only screen and (max-width: 1259px) {
    .recall__control {
        visibility:visible;
        opacity: 1
    }
}

.recall__button {
    flex-shrink: 0
}

.recall__button .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.recall__button:hover .icon {
    fill: #2A85FF
}

.recall__button.active .icon {
    fill: #1A1D1F
}

body.dark .recall__button.active .icon {
    fill: #FCFCFC
}

.recall .favorite .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E
}

.recall .favorite:hover .icon {
    fill: #2A85FF
}

.recall .favorite.active .icon {
    fill: #2A85FF
}

body.dark .recall .favorite.active .icon {
    fill: #2A85FF
}

.recall .favorite:not(:last-child),.recall__button:not(:last-child) {
    margin-right: 32px
}

.recall__foot {
    margin-top: 24px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .recall__foot {
        margin-top:0
    }
}

.recall__foot .recall__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.smile {
    display: inline-block;
    position: relative
}

.smile__head .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.smile__head:hover .icon {
    fill: #2A85FF
}

.smile__body {
    position: absolute;
    width: 264px;
    padding: 4px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 14px -4px rgba(0,0,0,.05),0 32px 48px -8px rgba(0,0,0,.1);
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

@media only screen and (max-width: 767px) {
    .smile__body {
        max-width:168px
    }
}

body.dark .smile__body {
    background: #1a1d1f;
    box-shadow: 0 0 14px -4px rgba(0,0,0,.05),0 32px 48px -8px rgba(0,0,0,.3)
}

.smile__list {
    display: flex;
    flex-wrap: wrap
}

.smile__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: background .2s
}

.smile__item img {
    width: 100%
}

.smile__item:hover {
    background: #efefef
}

body.dark .smile__item:hover {
    background: #272b30
}

.smile.active .smile__head .icon {
    fill: #1A1D1F
}

body.dark .smile.active .smile__head .icon {
    fill: #FCFCFC
}

.smile.active .smile__body {
    visibility: visible;
    opacity: 1
}

.smile_right .smile__body {
    top: 50%;
    left: calc(100% + 10px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .smile_right .smile__body {
        top:auto;
        left: 50%;
        bottom: calc(100% + 10px);
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

.smile_up .smile__body {
    left: 50%;
    bottom: calc(100% + 10px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 767px) {
    .total .card__head {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .total .card__title {
        margin-bottom:16px
    }
}

.total__details {
    margin-bottom: 32px
}

@media only screen and (max-width: 767px) {
    .total__details {
        margin-bottom:24px;
        text-align: center
    }
}

.total__title {
    margin-bottom: 4px
}

.total__line {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 700;
    color: #9a9fa5
}

@media only screen and (max-width: 767px) {
    .total__line {
        justify-content:center
    }
}

.total .balance {
    margin-right: 4px
}

.total__chart {
    width: auto;
    height: 238px;
    margin: 0 0 -10px -10px
}

.total .users {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #efefef
}

@media only screen and (max-width: 767px) {
    .total .users {
        margin-top:24px;
        padding-top: 24px
    }
}

body.dark .total .users {
    border-color: #272b30
}

@media only screen and (max-width: 767px) {
    .promote .card__head .button {
        display:none
    }
}

.promote__list {
    display: flex;
    flex-wrap: wrap;
    margin: -32px -16px 0
}

@media only screen and (max-width: 767px) {
    .promote__list {
        display:block;
        margin: 0
    }
}

.promote .summary {
    flex: 0 0 calc(50% - 32px);
    width: calc(50% - 32px);
    margin: 32px 16px 0
}

@media only screen and (max-width: 767px) {
    .promote .summary {
        width:100%;
        margin: 0
    }

    .promote .summary:not(:last-child) {
        margin-bottom: 24px
    }
}

.promote .media {
    margin: 32px 0 16px;
    padding-top: 32px;
    border-top: 1px solid #efefef
}

@media only screen and (max-width: 767px) {
    .promote .media {
        margin-top:24px;
        padding-top: 24px
    }
}

body.dark .promote .media {
    border-color: #272b30
}

.device__chart {
    width: auto;
    height: 230px
}

@media only screen and (max-width: 1023px) {
    .device__chart {
        max-width:310px;
        margin: 0 auto
    }
}

.device__legend {
    display: flex;
    justify-content: space-between;
    margin-top: 32px
}

.device__legend .icon {
    width: 24px;
    height: 24px;
    margin-bottom: 12px
}

.device__indicator_mobile .icon {
    fill: #8E59FF
}

.device__indicator_tablet .icon {
    fill: #83BF6E
}

.device__indicator_desktop .icon {
    fill: #2A85FF
}

.device__title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

.device__percent {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .device__percent {
        font-size:18px
    }
}

.message__item {
    display: flex
}

.message__item:not(:last-child) {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 767px) {
    .message__item:not(:last-child) {
        margin-bottom:24px
    }
}

body.dark .message__item:not(:last-child) {
    border-color: #272b30
}

.message__avatar {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 12px
}

.message__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.message__details {
    flex-grow: 1
}

.message__line {
    display: flex;
    align-items: center
}

.message__user {
    margin-right: auto
}

.message__title {
    font-weight: 700
}

.message__login {
    font-weight: 500;
    color: #9a9fa5
}

.message__time {
    margin-left: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.message__content {
    font-weight: 500;
    color: #1a1d1f
}

body.dark .message__content {
    color: #fcfcfc
}

.message__button {
    width: 100%;
    margin-top: 32px
}

.customer .card__head {
    margin-bottom: 44px
}

@media only screen and (max-width: 1023px) {
    .customer .card__head {
        margin-bottom:32px
    }
}

@media only screen and (max-width: 767px) {
    .customer .card__head {
        flex-wrap:wrap;
        margin-bottom: 24px
    }
}

.customer .card__head .form {
    margin-right: auto
}

@media only screen and (max-width: 1023px) {
    .customer .card__head .form {
        width:250px
    }
}

@media only screen and (max-width: 767px) {
    .customer .card__head .form {
        width:100%;
        margin: 0 0 16px
    }
}

.customer .card__title {
    margin-right: 24px
}

@media only screen and (max-width: 767px) {
    .customer .card__title {
        margin:0 0 16px
    }
}

.customer .filters {
    margin-left: 8px
}

@media only screen and (max-width: 1023px) {
    .customer .filters {
        display:none
    }
}

.customer__details {
    display: none
}

.customer__wrapper {
    margin: 0 -12px
}

@media only screen and (max-width: 1023px) {
    .customer__wrapper {
        margin:0
    }
}

.customer__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .customer__table {
        display:block
    }
}

.customer__row {
    display: table-row
}

@media only screen and (max-width: 1023px) {
    .customer__row:first-child {
        display:none
    }
}

.customer__row:first-child .customer__col {
    padding: 0 12px 16px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.customer__row:not(:first-child) {
    transition: all .2s
}

@media only screen and (max-width: 1023px) {
    .customer__row:not(:first-child) {
        display:flex;
        align-items: center;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #efefef
    }
}

body.dark .customer__row:not(:first-child) {
    border-color: #272b30
}

@media only screen and (min-width: 1024px) {
    .customer__row:not(:first-child):hover {
        background:#f4f4f4
    }

    body.dark .customer__row:not(:first-child):hover {
        background: #272b30
    }

    .customer__row:not(:first-child):hover .price {
        background: #fcfcfc
    }

    body.dark .customer__row:not(:first-child):hover .price {
        background: #111315
    }
}

.customer__row:last-child .customer__col:after {
    display: none
}

.customer__row.active {
    background: #efefef!important
}

body.dark .customer__row.active {
    background: #272b30!important;
    box-shadow: inset 0 -2px 1px rgba(0,0,0,.05),inset 0 1px 1px rgba(255,255,255,.08)
}

.customer__row.active .customer__col:first-child {
    border-radius: 12px 0 0 12px
}

.customer__row.active .customer__col:nth-child(2) {
    padding-right: 40px;
    border-radius: 0 12px 12px 0
}

.customer__row.active .customer__col:nth-child(2):before {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M8.293 17.293a1 1 0 0 0 1.414 1.414l-1.414-1.414zM15 12l.707.707a1 1 0 0 0 0-1.414L15 12zM9.707 5.293a1 1 0 1 0-1.414 1.414l1.414-1.414zm0 13.414l6-6-1.414-1.414-6 6 1.414 1.414zm6-7.414l-6-6-1.414 1.414 6 6 1.414-1.414z' fill='%236f767e'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto
}

.customer__col {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding: 16px 12px;
    color: #1a1d1f
}

@media only screen and (max-width: 1023px) {
    .customer__col {
        display:block;
        padding: 0
    }
}

body.dark .customer__col {
    color: #fcfcfc
}

.customer__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #efefef
}

@media only screen and (max-width: 1023px) {
    .customer__col:after {
        display:none
    }
}

body.dark .customer__col:after {
    background: #272b30
}

.customer__col:first-child {
    width: 56px;
    border-radius: 8px 0 0 8px;
    font-size: 0
}

@media only screen and (max-width: 1023px) {
    .customer__col:first-child {
        display:none
    }
}

.customer__col:first-child:after {
    left: 12px
}

@media only screen and (max-width: 1023px) {
    .customer__col:nth-child(5) {
        margin-left:auto;
        padding-left: 16px
    }
}

@media only screen and (max-width: 1023px) {
    .customer__col:nth-child(3),.customer__col:nth-child(4),.customer__col:nth-child(6),.customer__col:nth-child(7) {
        display:none
    }
}

.customer__col:last-child {
    border-radius: 0 8px 8px 0
}

.customer__col:last-child:after {
    right: 12px
}

.customer__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: color .2s
}

.customer__item:hover {
    color: #2a85ff
}

.customer__item .customer__email {
    display: none
}

@media only screen and (max-width: 1023px) {
    .customer__item .customer__email {
        display:block;
        font-size: 13px;
        line-height: 1;
        color: #9a9fa5
    }
}

.customer__avatar {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden
}

.customer__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.customer__user {
    max-width: 160px;
    margin-bottom: 4px
}

.customer__login {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .customer__login {
        display:none
    }
}

body.dark .customer__login {
    color: #9a9fa5
}

.customer__email {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .customer__col>.customer__email {
        display:none
    }
}

.customer__lifetime {
    display: inline-flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .customer__lifetime {
        flex-direction:column;
        align-items: flex-end
    }
}

.customer__price {
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    background: #efefef;
    transition: backround .2s
}

body.dark .customer__price {
    background: #272b30
}

.customer .balance {
    margin-left: 8px
}

@media only screen and (max-width: 767px) {
    .customer .balance {
        margin:4px 0 0
    }
}

.customer__foot {
    margin-top: 32px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .customer__foot {
        margin-top:24px
    }
}

.customer__foot .customer__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

@media only screen and (max-width: 1023px) {
    .customer.active .card__head {
        display:none
    }
}

.customer.active .customer__inner {
    display: flex
}

.customer.active .customer__container {
    flex-shrink: 0;
    width: 360px
}

@media only screen and (max-width: 1419px) {
    .customer.active .customer__container {
        width:350px
    }
}

@media only screen and (max-width: 1259px) {
    .customer.active .customer__container {
        width:320px
    }
}

@media only screen and (max-width: 1023px) {
    .customer.active .customer__container {
        display:none
    }
}

.customer.active .customer__row:hover {
    background: 0 0
}

body.dark .customer.active .customer__row:hover {
    background: 0 0
}

.customer.active .customer__col:not(:first-child):not(:nth-child(2)) {
    display: none
}

.customer.active .customer__col:nth-child(2):after {
    right: 12px
}

.customer.active .customer__details {
    display: block
}

.filters {
    position: relative
}

.filters__head .icon {
    width: 24px;
    height: 24px
}

.filters__body {
    position: absolute;
    top: -24px;
    right: -24px;
    z-index: 30;
    width: 408px;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 0 14px -4px rgba(0,0,0,.05),0 32px 48px -8px rgba(0,0,0,.1);
    background: #fcfcfc;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

@media only screen and (max-width: 767px) {
    .filters__body {
        position:fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: auto;
        overflow: auto
    }
}

body.dark .filters__body {
    background: #1a1d1f
}

.filters__top {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.filters__title {
    margin-right: auto
}

.filters__close {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #efefef;
    margin-left: 24px
}

.filters__close .icon {
    width: 20px;
    height: 20px;
    fill: #1A1D1F;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

body.dark .filters__close {
    background: #272b30
}

body.dark .filters__close .icon {
    fill: #FCFCFC
}

.filters__close:hover .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.filters .form {
    width: 100%;
    margin-bottom: 24px
}

.filters__item:not(:last-child) {
    margin-bottom: 24px
}

.filters .field__label,.filters__label {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6f767e
}

.filters .checkbox:not(:last-child) {
    margin-bottom: 12px
}

.filters__range {
    margin: 20px 0
}

.filters__box {
    position: relative
}

.filters__box .select {
    padding-left: 48px
}

.filters__box .icon {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 10;
    pointer-events: none;
    width: 24px;
    height: 24px;
    fill: #FFD88D
}

.filters__btns {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px
}

.filters__btns .filters__button:not(:last-child) {
    margin-right: 12px
}

.filters__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 28;
    background: rgba(244,244,244,.8);
    visibility: hidden;
    opacity: 0;
    transition: all .2s
}

body.dark .filters__overlay {
    background: rgba(39,43,48,.9)
}

.filters.active .filters__body,.filters.active .filters__overlay {
    visibility: visible;
    opacity: 1
}

.details {
    position: relative;
    flex-grow: 1;
    padding: 60px 0 0 48px
}

@media only screen and (max-width: 1419px) {
    .details {
        padding:48px 0 0 48px
    }
}

@media only screen and (max-width: 1023px) {
    .details {
        padding:0
    }
}

.details__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #efefef
}

@media only screen and (max-width: 1023px) {
    .details__close {
        top:-90px;
        background: #fcfcfc;
        box-shadow: 0 4px 4px rgba(0,0,0,.05)
    }
}

@media only screen and (max-width: 767px) {
    .details__close {
        top:-70px
    }
}

.details__close .icon {
    width: 20px;
    height: 20px;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

body.dark .details__close {
    background: #272b30
}

body.dark .details__close .icon {
    fill: #FCFCFC
}

.details__close:hover .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.details .editor,.details__head {
    margin-bottom: 48px
}

@media only screen and (max-width: 1339px) {
    .details .editor,.details__head {
        margin-bottom:32px
    }
}

.details__head {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .details__head {
        display:block
    }
}

.details__user {
    display: flex;
    align-items: center;
    margin-right: 24px
}

@media only screen and (max-width: 767px) {
    .details__user {
        margin:0 0 24px
    }
}

.details__avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 24px
}

@media only screen and (max-width: 1419px) {
    .details__avatar {
        width:64px;
        height: 64px;
        margin-right: 16px
    }
}

.details__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.details__man {
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .details__man {
        font-size:18px
    }
}

.details__login {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.details__btns {
    display: flex;
    align-items: center;
    margin-left: auto
}

.details__btns .details__button .icon {
    width: 24px;
    height: 24px
}

@media only screen and (max-width: 767px) {
    .details__btns .details__button {
        flex-grow:1
    }
}

@media only screen and (max-width: 1419px) {
    .details__btns .details__button:first-child {
        width:48px;
        padding: 0;
        font-size: 0
    }

    .details__btns .details__button:first-child .icon:last-child {
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .details__btns .details__button:first-child {
        width:auto;
        padding: 0 20px;
        font-size: 15px
    }

    .details__btns .details__button:first-child .icon:last-child {
        margin-left: 8px
    }
}

.details__btns .details__button:not(:last-child) {
    margin-right: 8px
}

.details__line {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #1a1d1f;
    transition: color .2s
}

.details__line .icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    fill: #6F767E;
    transition: fill .2s
}

body.dark .details__line {
    color: #fcfcfc
}

.details__line:hover {
    color: #2a85ff
}

.details__line:hover .icon {
    fill: #2A85FF
}

.details__socials {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #efefef
}

@media only screen and (max-width: 767px) {
    .details__socials {
        padding:16px 0
    }
}

body.dark .details__socials {
    border-color: #272b30
}

.details__social .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.details__social:hover .icon {
    fill: #2A85FF
}

.details__social:not(:last-child) {
    margin-right: 32px
}

.details__line:not(:last-child),.details__socials:not(:last-child) {
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .details__line:not(:last-child),.details__socials:not(:last-child) {
        margin-bottom:16px
    }
}

.details .history {
    margin-top: 48px
}

@media only screen and (max-width: 1339px) {
    .details .history {
        margin-top:32px
    }
}

.history__label {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383f
}

body.dark .history__label {
    color: #efefef
}

.history .tooltip {
    position: relative;
    top: -1
}

.history .tooltip .icon {
    fill: #9A9FA5
}

.history__inner {
    margin: 0 -12px
}

@media only screen and (max-width: 767px) {
    .history__inner {
        margin:0
    }
}

.history__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .history__table {
        display:block
    }
}

.history__row {
    display: table-row;
    cursor: pointer;
    transition: background .2s
}

@media only screen and (max-width: 767px) {
    .history__row {
        display:block;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #efefef
    }

    body.dark .history__row {
        border-color: #272b30
    }
}

@media only screen and (max-width: 767px) {
    .history__row:first-child {
        display:none
    }
}

.history__row:first-child .history__col {
    padding-top: 0;
    padding-bottom: 24px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

@media only screen and (min-width: 768px) {
    .history__row:not(:first-child):hover {
        background:#f4f4f4
    }

    body.dark .history__row:not(:first-child):hover {
        background: #272b30
    }
}

.history__col {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 12px;
    color: #1a1d1f
}

@media only screen and (max-width: 767px) {
    .history__col {
        display:block;
        padding: 0
    }
}

body.dark .history__col {
    color: #fcfcfc
}

.history__col:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #efefef
}

@media only screen and (max-width: 767px) {
    .history__col:after {
        display:none
    }
}

body.dark .history__col:after {
    background: #272b30
}

.history__col:first-child {
    border-radius: 8px 0 0 8px
}

.history__col:first-child:after {
    left: 12px
}

@media only screen and (max-width: 767px) {
    .history__col:not(:first-child) {
        display:none
    }
}

.history__col:last-child {
    border-radius: 0 8px 8px 0
}

.history__col:last-child:after {
    right: 12px
}

.history__item {
    display: flex;
    align-items: center;
    cursor: pointer
}

.history__item .history__price {
    display: none
}

@media only screen and (max-width: 767px) {
    .history__item .history__price {
        display:inline-block;
        margin-top: 8px
    }
}

.history__preview {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin-right: 16px;
    border-radius: 8px;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .history__preview {
        width:104px;
        height: 112px;
        margin-right: 20px
    }
}

.history__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.history__product {
    max-width: 200px;
    margin-bottom: 4px
}

@media only screen and (max-width: 767px) {
    .history__product {
        max-width:100%
    }
}

.history__link {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.history__price {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 6px;
    background: #b5e4ca;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

body.dark .history__price {
    color: #1a1d1f
}

.history__date {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6f767e
}

.history__foot {
    margin-top: 20px;
    text-align: center
}

.history__foot .history__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.quality__list {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .quality__list {
        display:block
    }
}

.quality__item {
    display: block;
    padding: 0 32px 0 64px;
    color: #1a1d1f
}

@media only screen and (max-width: 1339px) {
    .quality__item {
        padding:0 32px 0 32px
    }
}

@media only screen and (max-width: 1023px) {
    .quality__item {
        padding:0
    }
}

@media only screen and (max-width: 767px) {
    .quality__item {
        display:flex;
        flex-direction: row-reverse;
        width: 100%
    }
}

body.dark .quality__item {
    color: #fcfcfc
}

.quality__item:not(:first-child) {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #efefef
}

@media only screen and (max-width: 767px) {
    .quality__item:not(:first-child) {
        margin-top:24px;
        padding-top: 24px;
        border-width: 1px 0 0
    }
}

body.dark .quality__item:not(:first-child) {
    border-color: #272b30
}

.quality__item:first-child {
    padding-left: 0
}

.quality__item:last-child {
    padding-right: 0
}

.quality__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    border-radius: 50%
}

@media only screen and (max-width: 767px) {
    .quality__icon {
        margin:0 0 0 auto
    }
}

.quality__icon .icon {
    width: 24px;
    height: 24px;
    fill: #1A1D1F
}

.quality__label {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.quality .tooltip .icon {
    fill: #6F767E
}

.quality__counter {
    min-width: 146px;
    margin-bottom: 8px;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em
}

@media only screen and (max-width: 1023px) {
    .quality__counter {
        min-width:auto;
        font-size: 40px
    }
}

@media only screen and (max-width: 767px) {
    .quality__counter {
        font-size:48px
    }
}

.quality__indicator {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    color: #6f767e
}

body.dark .quality__indicator {
    background: #272b30
}

.quality__indicator span {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333
}

.press .card__head {
    margin-bottom: 44px
}

@media only screen and (max-width: 1023px) {
    .press .card__head {
        margin-bottom:32px
    }
}

@media only screen and (max-width: 767px) {
    .press .card__head {
        flex-wrap:wrap;
        margin-bottom: 24px
    }

    .press .card__head .card__title {
        width: 100%;
        margin: 0 0 16px
    }
}

.press .card__button {
    margin-left: 16px
}

.press__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .press__table {
        display:block
    }
}

.press__row {
    display: table-row
}

@media only screen and (max-width: 1023px) {
    .press__row:first-child {
        display:none
    }
}

.press__row:first-child .press__col {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .press__row:not(:first-child) {
        display:block;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #efefef
    }

    body.dark .press__row:not(:first-child) {
        border-color: #272b30
    }
}

.press__row:not(:first-child) .press__col:not(:first-child) {
    padding-top: 32px
}

@media only screen and (max-width: 1023px) {
    .press__row:not(:first-child) .press__col:not(:first-child) {
        padding-top:0
    }
}

.press__row:not(:last-child) .press__col {
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 1023px) {
    .press__row:not(:last-child) .press__col {
        border:none
    }
}

body.dark .press__row:not(:last-child) .press__col {
    border-color: #272b30
}

.press__col {
    display: table-cell;
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (max-width: 1023px) {
    .press__col {
        display:flex;
        align-items: center;
        padding: 0
    }
}

.press__col:not(:last-child) {
    padding-right: 24px
}

@media only screen and (max-width: 1023px) {
    .press__col:not(:last-child) {
        margin-bottom:12px;
        padding-top: 0
    }
}

.press__item {
    display: flex;
    align-items: center
}

.press__preview {
    position: relative;
    flex-shrink: 0;
    width: 136px;
    height: 112px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .press__preview {
        width:112px;
        height: 96px;
        margin-right: 16px
    }
}

.press__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.press__icon {
    position: absolute;
    top: 4px;
    left: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #fcfcfc;
    box-shadow: 0 2px 6px rgba(0,0,0,.1)
}

body.dark .press__icon {
    box-shadow: 0 2px 6px rgba(0,0,0,.36);
    background: #111315
}

.press__icon .icon {
    fill: #6F767E
}

.press__post {
    max-width: 160px;
    margin-bottom: 12px;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .press__post {
        max-width:100%;
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .press__post {
        font-size:15px
    }
}

.press__socials {
    display: flex
}

.press__social {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #efefef;
    transition: all .2s
}

.press__social .icon {
    width: 20px;
    height: 20px;
    fill: #1A1D1F;
    transition: fill .2s
}

body.dark .press__social {
    background: #272b30
}

body.dark .press__social .icon {
    fill: #FCFCFC
}

.press__social:hover {
    background: #2a85ff
}

.press__social:hover .icon {
    fill: #FCFCFC
}

body.dark .press__social:hover {
    background: #2a85ff
}

body.dark .press__social:hover .icon {
    fill: #FCFCFC
}

.press__social:not(:last-child) {
    margin-right: 12px
}

.press__distribution {
    font-size: 15px;
    font-weight: 600;
    color: #1a1d1f
}

.press__label {
    display: none
}

@media only screen and (max-width: 1023px) {
    .press__label {
        display:block;
        flex-shrink: 0;
        width: 156px;
        padding-right: 20px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.23077;
        color: #6f767e
    }
}

@media only screen and (max-width: 767px) {
    .press__label {
        width:128px
    }
}

@media only screen and (max-width: 1023px) {
    .press__cell {
        display:flex;
        align-items: center
    }
}

.press__box {
    display: flex;
    align-items: center
}

.press__number {
    padding: 0 7px;
    border-radius: 6px;
    background: #efefef;
    line-height: 24px
}

body.dark .press__number {
    background: #272b30
}

.press__line {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 12px;
    margin-left: 8px
}

@media only screen and (max-width: 1023px) {
    .press__line {
        margin-left:12px
    }
}

.press__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px
}

.press__progress_red {
    background: #ff6a55
}

.press__progress_green {
    background: #83bf6e
}

.press__progress_blue {
    background: #2a85ff
}

.press .balance {
    margin-top: 8px;
    padding: 4px;
    border-radius: 4px
}

@media only screen and (max-width: 1023px) {
    .press .balance {
        margin:0 0 0 4px
    }
}

body.dark .press .balance {
    background: #272b30
}

.press__foot {
    margin-top: 20px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .press__foot {
        margin-top:0
    }
}

.press__foot .press__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.post__title {
    margin-bottom: 24px
}

.post__list {
    display: flex;
    margin-bottom: 24px
}

.post__avatar {
    position: relative;
    width: 48px;
    height: 48px
}

.post__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.post__avatar:not(:last-child) {
    margin-right: 24px
}

.post__social {
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #fcfcfc;
    background: #2a85ff
}

body.dark .post__social {
    border-color: #1a1d1f
}

.post__social .icon {
    width: 12px;
    height: 12px;
    fill: #FCFCFC
}

.post__textarea {
    width: 100%;
    height: 132px;
    background: 0 0;
    border: none;
    box-shadow: none;
    resize: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #1a1d1f
}

@media only screen and (max-width: 767px) {
    .post__textarea {
        font-size:18px
    }
}

body.dark .post__textarea {
    color: #fcfcfc
}

.post__textarea::-webkit-input-placeholder {
    color: rgba(111,118,126,.4)
}

.post__textarea::-moz-placeholder {
    color: rgba(111,118,126,.4)
}

.post__textarea:-ms-input-placeholder {
    color: rgba(111,118,126,.4)
}

.post__textarea::-ms-input-placeholder {
    color: rgba(111,118,126,.4)
}

.post__textarea::placeholder {
    color: rgba(111,118,126,.4)
}

body.dark .post__textarea::-webkit-input-placeholder {
    color: #9a9fa5
}

body.dark .post__textarea::-moz-placeholder {
    color: #9a9fa5
}

body.dark .post__textarea:-ms-input-placeholder {
    color: #9a9fa5
}

body.dark .post__textarea::-ms-input-placeholder {
    color: #9a9fa5
}

body.dark .post__textarea::placeholder {
    color: #9a9fa5
}

.post__info {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .post__info {
        font-size:18px
    }
}

.post__preview img {
    width: 100%;
    border-radius: 8px
}

.post__foot {
    display: flex;
    align-items: center;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #efefef
}

body.dark .post__foot {
    border-color: #272b30
}

.post__files {
    display: flex;
    margin-right: auto
}

.post__file {
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.post__file input {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 120px;
    opacity: 0
}

.post__file input:hover+.post__icon {
    background: #efefef;
    cursor: pointer
}

.post__file input:hover+.post__icon .icon {
    fill: #1A1D1F
}

body.dark .post__file input:hover+.post__icon {
    background: #272b30
}

body.dark .post__file input:hover+.post__icon .icon {
    fill: #FCFCFC
}

.post__file.active .post__icon {
    background: #efefef
}

.post__file:not(:last-child) {
    margin-right: 16px
}

.post__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition: all .2s
}

.post__icon .icon {
    width: 20px;
    height: 20px;
    fill: #6F767E;
    transition: fill .2s
}

.post__button .icon {
    width: 24px;
    height: 24px
}

.notification__row {
    display: flex;
    align-items: flex-start
}

@media only screen and (max-width: 1023px) {
    .notification__row {
        display:block
    }
}

.notification__col:first-child {
    flex: 0 0 calc(100% - 340px);
    width: calc(100% - 340px);
    padding-right: 8px
}

@media only screen and (max-width: 1259px) {
    .notification__col:first-child {
        flex:0 0 calc(100% - 300px);
        width: calc(100% - 300px)
    }
}

@media only screen and (max-width: 1023px) {
    .notification__col:first-child {
        width:100%;
        padding-right: 0
    }
}

.notification__col:nth-child(2) {
    flex-shrink: 0;
    width: 340px;
    position: sticky;
    top: 102px
}

@media only screen and (max-width: 1339px) {
    .notification__col:nth-child(2) {
        top:86px
    }
}

@media only screen and (max-width: 1259px) {
    .notification__col:nth-child(2) {
        width:300px
    }
}

@media only screen and (max-width: 1023px) {
    .notification__col:nth-child(2) {
        display:none
    }
}

.notification .actions {
    margin-left: 16px
}

body.dark .notification .actions__button {
    background: #272b30
}

.notification .select {
    min-width: 105px
}

.notification__item {
    position: relative;
    display: flex;
    padding: 12px;
    border-radius: 12px;
    transition: background .2s
}

@media only screen and (max-width: 767px) {
    .notification__item {
        padding:0;
        border-radius: 0
    }
}

@media only screen and (min-width: 768px) {
    .notification__item:hover {
        background:#f4f4f4
    }

    body.dark .notification__item:hover {
        background: #272b30
    }
}

.notification__item:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #9a9fa5;
    transition: background .2s
}

@media only screen and (max-width: 767px) {
    .notification__item:after {
        display:none
    }
}

.notification__item.new:after {
    background: #2a85ff
}

.notification__item:not(:last-child) {
    margin-bottom: 41px
}

@media only screen and (max-width: 767px) {
    .notification__item:not(:last-child) {
        margin-bottom:24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #efefef
    }

    body.dark .notification__item:not(:last-child) {
        border-color: #272b30
    }
}

.notification__item:not(:last-child):before {
    content: "";
    position: absolute;
    top: calc(100% + 20px);
    left: 12px;
    right: 12px;
    height: 1px;
    background: #efefef
}

@media only screen and (max-width: 767px) {
    .notification__item:not(:last-child):before {
        display:none
    }
}

body.dark .notification__item:not(:last-child):before {
    background: #272b30
}

.notification__avatar {
    position: relative;
    flex-shrink: 0;
    width: 64px;
    height: 64px
}

.notification__avatar>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.notification__icon {
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #fff
}

body.dark .notification__icon {
    border-color: #1a1d1f
}

.notification__icon img {
    width: 16px
}

.notification__details {
    flex: 0 0 calc(100% - 64px);
    width: calc(100% - 64px);
    padding-left: 12px
}

.notification__line {
    display: flex;
    align-items: center;
    padding-right: 24px
}

.notification__subtitle {
    margin-right: 4px;
    font-weight: 700;
    color: #1a1d1f
}

body.dark .notification__subtitle {
    color: #fcfcfc
}

.notification__login {
    margin-right: auto;
    font-weight: 500;
    color: #9a9fa5
}

.notification__time {
    margin-left: 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.notification__content {
    font-weight: 500;
    color: #6f767e
}

.notification__content strong {
    font-weight: 700;
    color: #1a1d1f
}

body.dark .notification__content strong {
    color: #fcfcfc
}

.notification__comment {
    margin-top: 8px;
    font-weight: 500
}

.notification__control {
    display: flex;
    align-items: center;
    margin-top: 8px
}

.notification__action {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    color: #1a1d1f;
    transition: color .2s
}

body.dark .notification__action {
    color: #fcfcfc
}

.notification__action:hover {
    color: #2a85ff
}

.notification__action:not(:last-child) {
    margin-right: 24px
}

.notification__action_favorite span {
    display: none
}

.notification__action_favorite.active {
    color: #2a85ff
}

.notification__action_favorite.active span {
    display: inline
}

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

.notification .checkbox:not(:last-child),.notification .radio:not(:last-child) {
    margin-bottom: 16px
}

.notification__btns {
    display: flex;
    margin: 32px -6px 0
}

.notification__btns .notification__button {
    width: calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    margin: 0 6px
}

.notification__variants {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #efefef
}

body.dark .notification__variants {
    border-color: #272b30
}

.notification__foot {
    margin-top: 32px;
    text-align: center
}

.notification__foot .notification__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.settings {
    display: flex;
    align-items: flex-start;
    padding: 24px;
    border-radius: 8px;
    background: #fcfcfc
}

@media only screen and (max-width: 1023px) {
    .settings {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .settings {
        padding:24px 16px
    }
}

body.dark .settings {
    background: #1a1d1f
}

.settings__menu {
    position: sticky;
    top: 116px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 280px
}

@media only screen and (max-width: 1259px) {
    .settings__menu {
        width:210px
    }
}

@media only screen and (max-width: 1023px) {
    .settings__menu {
        display:none
    }
}

.settings__link {
    padding: 8px 16px;
    border-radius: 8px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

.settings__link:not(:last-child) {
    margin-bottom: 8px
}

.settings__link.active,.settings__link:hover {
    color: #1a1d1f
}

body.dark .settings__link.active,body.dark .settings__link:hover {
    color: #fcfcfc
}

.settings__link.active {
    background: #efefef
}

body.dark .settings__link.active {
    background: #272b30
}

.settings__wrapper {
    flex-grow: 1;
    padding-left: 32px
}

@media only screen and (max-width: 1023px) {
    .settings__wrapper {
        padding-left:0
    }
}

.settings__wrapper>.settings__button {
    margin-top: 48px
}

@media only screen and (max-width: 1023px) {
    .settings__wrapper>.settings__button {
        margin-top:32px
    }
}

.settings__wrapper>.select {
    display: none
}

@media only screen and (max-width: 1023px) {
    .settings__wrapper>.select {
        display:block;
        margin-bottom: 32px
    }
}

@media only screen and (max-width: 767px) {
    .settings__wrapper>.select {
        margin-bottom:24px
    }
}

body.dark .settings__wrapper>.select {
    background: #272b30;
    box-shadow: 0 0 0 #272b30 inset
}

.settings__item {
    position: relative
}

.settings__item:not(:last-child) {
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 1023px) {
    .settings__item:not(:last-child) {
        margin-bottom:32px;
        padding-bottom: 32px
    }
}

body.dark .settings__item:not(:last-child) {
    border-color: #272b30
}

.settings__title {
    margin-bottom: 32px;
    line-height: 40px
}

.settings__anchor {
    position: absolute;
    top: -116px;
    left: 0;
    right: 0
}

@media only screen and (max-width: 1023px) {
    .settings__anchor {
        top:-106px
    }
}

@media only screen and (max-width: 767px) {
    .settings__anchor {
        top:-90px
    }
}

.settings__profile {
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

@media only screen and (max-width: 1023px) {
    .settings__profile {
        margin-bottom:24px
    }
}

@media only screen and (max-width: 767px) {
    .settings__profile>.settings__button {
        display:none
    }
}

.settings__avatar {
    position: relative;
    flex-shrink: 0;
    width: 96px;
    height: 96px;
    margin-right: 32px
}

@media only screen and (max-width: 767px) {
    .settings__avatar {
        width:80px;
        height: 80px;
        margin-right: 16px
    }
}

.settings__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.settings__remove {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fcfcfc;
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
    font-size: 0
}

@media only screen and (max-width: 767px) {
    .settings__remove {
        display:inline-block
    }
}

.settings__file {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .settings__file {
        margin-right:0
    }
}

.settings__file input {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 160px;
    opacity: 0
}

@media only screen and (max-width: 767px) {
    .settings__file .settings__button {
        padding:0 10px
    }
}

.settings__file .settings__button .icon {
    width: 24px;
    height: 24px
}

.settings__fieldset>.field:not(:last-child) {
    margin-bottom: 32px
}

@media only screen and (max-width: 1023px) {
    .settings__fieldset>.field:not(:last-child) {
        margin-bottom:24px
    }
}

.settings__row {
    display: flex;
    margin: 0 -8px
}

@media only screen and (max-width: 767px) {
    .settings__row {
        display:block;
        margin: 0
    }
}

.settings__row .field {
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
    margin: 0 8px
}

@media only screen and (max-width: 767px) {
    .settings__row .field {
        width:100%;
        margin: 0
    }

    .settings__row .field:not(:last-child) {
        margin-bottom: 24px
    }
}

.settings__row:not(:last-child) {
    margin-bottom: 32px
}

@media only screen and (max-width: 1023px) {
    .settings__row:not(:last-child) {
        margin-bottom:24px
    }
}

.settings__line {
    display: flex;
    padding-bottom: 16px
}

.settings__line:not(:last-child) {
    margin-bottom: 32px;
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 1023px) {
    .settings__line:not(:last-child) {
        margin-bottom:24px
    }
}

body.dark .settings__line:not(:last-child) {
    border-color: #272b30
}

.settings__label {
    margin-right: 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #33383f
}

body.dark .settings__label {
    color: #efefef
}

.settings .tooltip {
    position: relative;
    top: -1px
}

.settings .tooltip .icon {
    fill: #9A9FA5
}

.settings .switch {
    margin-left: auto
}

.settings__top {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #efefef
}

body.dark .settings__top {
    border-color: #272b30
}

.settings__top .settings__label {
    margin-right: 24px
}

.settings__top .settings__button {
    margin-left: auto
}

.settings__email {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

.settings__content {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

.packages {
    padding: 48px;
    background: #fcfcfc;
    border-radius: 8px
}

@media only screen and (max-width: 1259px) {
    .packages {
        padding:32px
    }
}

@media only screen and (max-width: 767px) {
    .packages {
        padding:24px
    }
}

body.dark .packages {
    background: #1a1d1f
}

.packages__group {
    display: flex;
    flex-wrap: wrap;
    margin: -80px -80px 0
}

@media only screen and (max-width: 1419px) {
    .packages__group {
        margin:-64px -64px 0
    }
}

@media only screen and (max-width: 1023px) {
    .packages__group {
        display:block;
        margin: 0
    }
}

.packages__item {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    margin-top: 80px;
    padding: 0 80px
}

@media only screen and (max-width: 1419px) {
    .packages__item {
        margin-top:64px;
        padding: 0 64px
    }
}

@media only screen and (max-width: 1023px) {
    .packages__item {
        margin:0;
        padding: 0
    }
}

.packages__item:nth-child(odd) {
    border-right: 1px solid #efefef
}

@media only screen and (max-width: 1023px) {
    .packages__item:nth-child(odd) {
        border:none
    }
}

body.dark .packages__item:nth-child(odd) {
    border-color: #272b30
}

@media only screen and (max-width: 1023px) {
    .packages__item:not(:last-child) {
        margin-bottom:48px;
        padding-bottom: 48px;
        border-bottom: 1px solid #efefef
    }

    body.dark .packages__item:not(:last-child) {
        border-color: #272b30
    }
}

.packages__top {
    display: flex;
    align-items: center;
    min-height: 40px;
    margin-bottom: 24px
}

.packages__recommended {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    margin-left: 18px;
    padding: 0 14px;
    border-radius: 20px;
    background: #b5e4ca;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.84615
}

body.dark .packages__recommended {
    color: #1a1d1f
}

.packages__content {
    margin-bottom: 24px;
    color: #6f767e
}

.packages__line {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 24px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #efefef
}

body.dark .packages__line {
    border-color: #272b30
}

.packages__percent {
    margin-right: 24px
}

.packages__note {
    max-width: 190px;
    margin-right: auto;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.packages .tooltip {
    margin-left: 24px
}

@media only screen and (max-width: 767px) {
    .packages .tooltip {
        display:none
    }
}

.packages .tooltip .icon {
    width: 24px;
    height: 24px;
    fill: #9A9FA5
}

.packages__list {
    flex-grow: 1
}

.packages__list li {
    position: relative;
    padding-left: 40px;
    color: #33383f
}

body.dark .packages__list li {
    color: #efefef
}

.packages__list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.707 6.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0l-3.586-3.586a1 1 0 0 1 1.414-1.414l3.586 3.586a1 1 0 0 0 1.414 0l8.586-8.586a1 1 0 0 1 1.414 0z' fill='%23b5e4ca'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto
}

.packages__list li:not(:last-child) {
    margin-bottom: 24px
}

.packages__button {
    width: 100%;
    margin-top: 72px
}

@media only screen and (max-width: 1023px) {
    .packages__button {
        margin-top:48px
    }
}

.packages:not(:last-child) {
    margin-bottom: 40px
}

.faq__title {
    margin-bottom: 24px
}

.faq__container {
    display: flex;
    padding: 48px;
    border-radius: 8px;
    background: #fcfcfc
}

@media only screen and (max-width: 1259px) {
    .faq__container {
        padding:32px
    }
}

@media only screen and (max-width: 1023px) {
    .faq__container {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .faq__container {
        padding:24px
    }
}

body.dark .faq__container {
    background: #1a1d1f
}

.faq__sidebar {
    flex-shrink: 0;
    width: 224px
}

@media only screen and (max-width: 1023px) {
    .faq__sidebar {
        width:100%;
        margin-bottom: 32px
    }
}

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

@media only screen and (max-width: 1023px) {
    .faq__menu {
        display:none
    }
}

.faq__link {
    padding: 8px 16px;
    border-radius: 8px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

.faq__link:not(:last-child) {
    margin-bottom: 8px
}

.faq__link.active,.faq__link:hover {
    color: #1a1d1f
}

body.dark .faq__link.active,body.dark .faq__link:hover {
    color: #fcfcfc
}

.faq__link.active {
    background: #efefef
}

body.dark .faq__link.active {
    background: #272b30
}

.faq .select {
    display: none
}

@media only screen and (max-width: 1023px) {
    .faq .select {
        display:block
    }
}

body.dark .faq .select {
    background: #272b30;
    box-shadow: inset 0 0 0 2px #272b30
}

.faq__wrapper {
    flex-grow: 1;
    padding-left: 64px
}

@media only screen and (max-width: 1259px) {
    .faq__wrapper {
        padding-left:48px
    }
}

@media only screen and (max-width: 1023px) {
    .faq__wrapper {
        padding-left:0
    }
}

.faq__tab {
    display: none
}

.faq__item.active .faq__head .icon,.faq__item:hover .faq__head .icon {
    fill: #1A1D1F
}

body.dark .faq__item.active .faq__head .icon,body.dark .faq__item:hover .faq__head .icon {
    fill: #FCFCFC
}

.faq__item.active .faq__head .icon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.faq__item:not(:last-child) {
    margin-bottom: 24px
}

.faq__head {
    position: relative;
    display: flex;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef;
    color: #33383f;
    cursor: pointer;
    transition: color .2s;
    -webkit-tap-highlight-color: transparent
}

body.dark .faq__head {
    border-color: #272b30;
    color: #fcfcfc
}

.faq__head .icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-left: 24px;
    fill: #6F767E;
    transition: all .2s
}

.faq__subtitle {
    flex-grow: 1
}

.faq__body {
    display: none;
    padding-top: 24px;
    font-weight: 500;
    color: #6f767e
}

.messages {
    display: flex;
    height: 776px;
    padding: 12px;
    border-radius: 8px;
    background: #fcfcfc
}

@media only screen and (max-width: 1419px) {
    .messages {
        height:700px
    }
}

@media only screen and (max-width: 1023px) {
    .messages {
        display:block;
        height: calc(100vh - 218px);
        padding: 0
    }

    .messages.active .messages__users {
        display: none
    }

    .messages.active .messages__messenger {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .messages {
        height:calc(100vh - 184px)
    }
}

body.dark .messages {
    background: #1a1d1f
}

.messages__users {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 340px;
    margin-right: 12px;
    padding: 12px
}

@media only screen and (max-width: 1259px) {
    .messages__users {
        width:310px
    }
}

@media only screen and (max-width: 1023px) {
    .messages__users {
        width:100%;
        height: 100%;
        margin-right: 0;
        padding: 24px 32px
    }
}

@media only screen and (max-width: 767px) {
    .messages__users {
        padding:16px
    }
}

.messages__nav {
    display: flex;
    margin-bottom: 36px;
    padding: 4px;
    border-radius: 20px;
    background: #f4f4f4
}

@media only screen and (max-width: 1259px) {
    .messages__nav {
        margin-bottom:24px
    }
}

@media only screen and (max-width: 767px) {
    .messages__nav {
        margin-bottom:16px
    }
}

body.dark .messages__nav {
    background: #111315
}

.messages__link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50%;
    height: 32px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    -webkit-tap-highlight-color: transparent;
    transition: color .2s
}

.messages__link .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #6F767E;
    transition: fill .2s
}

.messages__link.active,.messages__link:hover {
    color: #1a1d1f
}

.messages__link.active .icon,.messages__link:hover .icon {
    fill: #1A1D1F
}

body.dark .messages__link.active,body.dark .messages__link:hover {
    color: #fcfcfc
}

body.dark .messages__link.active .icon,body.dark .messages__link:hover .icon {
    fill: #FCFCFC
}

.messages__link.active {
    box-shadow: 0 4px 8px -4px rgba(0,0,0,.25),inset 0 -1px 1px rgba(0,0,0,.04),inset 0 2px 0 rgba(255,255,255,.25);
    background: #fcfcfc
}

body.dark .messages__link.active {
    box-shadow: 0 4px 8px -4px rgba(0,0,0,.25),inset 0 -1px 1px rgba(0,0,0,.49),inset 0 2px 1px rgba(255,255,255,.06);
    background: #272b30
}

.messages__list {
    max-height: 100%;
    margin: 0 -12px 16px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 767px) {
    .messages__list {
        margin:0 -8px 16px
    }
}

.messages__item {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .2s;
    -webkit-tap-highlight-color: transparent
}

@media only screen and (max-width: 767px) {
    .messages__item {
        padding:8px
    }
}

.messages__item.active,.messages__item:hover {
    background: #efefef
}

body.dark .messages__item.active,body.dark .messages__item:hover {
    background: #272b30
}

.messages__item.new .messages__head:after {
    background: #2a85ff
}

.messages__item.online .messages__avatar {
    position: relative
}

.messages__item.online .messages__avatar:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #83bf6e;
    border: 4px solid #fcfcfc;
    transition: border-color .2s
}

body.dark .messages__item.online .messages__avatar:before {
    border-color: #1a1d1f
}

.messages__item.online:hover .messages__avatar:before {
    border-color: #efefef
}

body.dark .messages__item.online:hover .messages__avatar:before {
    border-color: #272b30
}

.messages__item:not(:last-child) {
    margin-bottom: 8px
}

@media only screen and (max-width: 767px) {
    .messages__item:not(:last-child) {
        margin-bottom:0
    }
}

.messages__avatar {
    flex-shrink: 0;
    width: 56px;
    height: 56px
}

.messages__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.messages__details {
    flex: 0 0 calc(100% - 56px);
    max-width: calc(100% - 56px);
    padding-left: 12px
}

.messages__head {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.messages__head:after {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 12px;
    border-radius: 50%;
    background: #9a9fa5;
    transition: background .2s
}

.messages__man {
    margin-right: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700
}

.messages__time {
    flex-shrink: 0;
    margin-left: 24px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.messages__content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #6f767e
}

.messages .form {
    width: 100%;
    margin-top: auto
}

@media only screen and (max-width: 1023px) {
    .messages__messenger {
        display:none
    }
}

.messenger {
    flex-grow: 1;
    border: 1px solid #efefef;
    border-radius: 12px
}

@media only screen and (max-width: 1023px) {
    .messenger {
        height:100%;
        border: none
    }
}

body.dark .messenger {
    border-color: #272b30
}

.messenger__wrapper {
    position: relative;
    height: calc(100% - 104px);
    padding: 96px 24px
}

@media only screen and (max-width: 1023px) {
    .messenger__wrapper {
        height:calc(100% - 88px)
    }
}

@media only screen and (max-width: 767px) {
    .messenger__wrapper {
        height:calc(100% - 72px);
        padding: 64px 16px 72px
    }
}

.messenger__wrapper>.messenger__button {
    position: absolute;
    top: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 767px) {
    .messenger__wrapper>.messenger__button {
        top:12px
    }
}

.messenger__list {
    max-height: 100%;
    flex-grow: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.messenger__panel {
    padding: 24px;
    border-radius: 12px 12px 0 0;
    background: #f4f4f4
}

@media only screen and (max-width: 1023px) {
    .messenger__panel {
        background:0 0;
        box-shadow: inset 0 -1px 0 0 #efefef
    }
}

@media only screen and (max-width: 767px) {
    .messenger__panel {
        padding:16px
    }
}

body.dark .messenger__panel {
    background: #272b30
}

@media only screen and (max-width: 1023px) {
    body.dark .messenger__panel {
        background:0 0;
        box-shadow: inset 0 -1px 0 0 #272b30
    }
}

.messenger__line {
    display: flex;
    align-items: center
}

.messenger__line .messenger__man {
    margin-right: auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .messenger__line .messenger__man {
        font-size:18px
    }
}

.messenger__close {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 12px
}

@media only screen and (max-width: 1023px) {
    .messenger__close {
        display:inline-block
    }
}

.messenger__close .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E
}

@media only screen and (max-width: 1023px) {
    body.dark .messenger__close {
        background:#272b30
    }
}

.messenger__parameters {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px
}

@media only screen and (max-width: 1419px) {
    .messenger__parameters {
        margin-top:8px
    }
}

@media only screen and (max-width: 1023px) {
    .messenger__parameters {
        display:none
    }
}

.messenger__parameter {
    margin-left: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    font-weight: 500;
    color: #6f767e
}

.messenger__parameter span {
    font-weight: 700;
    color: #33383f
}

body.dark .messenger__parameter span {
    color: #fcfcfc
}

.messenger__parameter:not(:first-child) {
    position: relative;
    padding-left: 14px
}

.messenger__parameter:not(:first-child):before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 2px;
    height: 12px;
    border-radius: 2px;
    background: rgba(111,118,126,.51)
}

.messenger .actions__button {
    background: #fcfcfc!important
}

body.dark .messenger .actions__button {
    background: rgba(17,19,21,.5)!important
}

@media only screen and (max-width: 1023px) {
    body.dark .messenger .actions__button {
        background:#272b30!important
    }
}

body.dark .messenger .actions__body:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23111315'/%3E%3C/svg%3E")
}

@media only screen and (max-width: 1023px) {
    body.dark .messenger .actions__body:before {
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='none' viewBox='0 0 20 10'%3E%3Cpath d='M6.927 1.687L0 10h20l-6.927-8.313a4 4 0 0 0-6.146 0z' fill='%23272B30'/%3E%3C/svg%3E")
    }
}

.messenger__item {
    display: flex
}

.messenger__item:not(:last-child) {
    margin-bottom: 32px
}

.messenger__avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px
}

.messenger__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.messenger__details {
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    padding-left: 16px
}

.messenger__head {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.messenger__head .messenger__man {
    color: #6f767e
}

.messenger__time {
    margin-left: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.messenger__content {
    font-weight: 500
}

.messenger__content a {
    font-weight: 600;
    color: #2a85ff
}

.messenger__send {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .messenger__send {
        left:16px;
        right: 16px;
        bottom: 16px
    }
}

.messenger .smile,.messenger__file {
    flex-shrink: 0;
    margin-right: 24px
}

@media only screen and (max-width: 767px) {
    .messenger .smile,.messenger__file {
        margin-right:12px
    }
}

.messenger__file {
    position: relative;
    overflow: hidden
}

.messenger__file input {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 140px;
    opacity: 0
}

.messenger__file .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.messenger__file input:hover+svg {
    fill: #1A1D1F
}

body.dark .messenger__file input:hover+svg {
    fill: #2A85FF
}

.messenger__form {
    position: relative;
    flex-grow: 1
}

.messenger__input {
    width: 100%;
    height: 48px;
    padding: 0 96px 0 10px;
    border-radius: 12px;
    border: 2px solid #efefef;
    background: #f4f4f4;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #1a1d1f
}

.messenger__input::-webkit-input-placeholder {
    color: #6f767e
}

.messenger__input::-moz-placeholder {
    color: #6f767e
}

.messenger__input:-ms-input-placeholder {
    color: #6f767e
}

.messenger__input::-ms-input-placeholder {
    color: #6f767e
}

.messenger__input::placeholder {
    color: #6f767e
}

.messenger__input:focus {
    border-color: rgba(42,133,255,.35);
    background: #fff
}

body.dark .messenger__input {
    background: #272b30;
    border-color: #272b30;
    color: #fcfcfc
}

body.dark .messenger__input:focus {
    background: #111315
}

.messenger__form .messenger__button {
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.creators {
    padding: 24px;
    border-radius: 8px;
    background: #fcfcfc;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .creators {
        padding:16px
    }
}

body.dark .creators {
    background: #1a1d1f
}

.creators__head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 767px) {
    .creators__head {
        display:block
    }
}

body.dark .creators__head {
    border-color: #272b30
}

.creators__nav {
    display: flex;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .creators__nav {
        margin:0 0 20px
    }
}

.creators__link {
    padding: 8px 16px;
    text-align: center;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

@media only screen and (max-width: 767px) {
    .creators__link {
        flex-grow:1
    }
}

.creators__link.active,.creators__link:hover {
    color: #1a1d1f
}

body.dark .creators__link.active,body.dark .creators__link:hover {
    color: #fcfcfc
}

.creators__link.active {
    background: #efefef
}

body.dark .creators__link.active {
    background: #272b30
}

.creators__link:not(:last-child) {
    margin-right: 8px
}

.creators__info {
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.creators__item {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #efefef
}

body.dark .creators__item {
    border-color: #272b30
}

.creators__top {
    display: flex;
    align-items: center
}

.creators__user {
    display: flex;
    align-items: center;
    margin-right: auto
}

.creators__avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 16px
}

@media only screen and (max-width: 767px) {
    .creators__avatar {
        width:64px;
        height: 64px
    }
}

.creators__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.creators__line {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.creators__man {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .creators__man {
        font-size:18px
    }
}

.creators__number {
    margin-left: 6px;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 700
}

body.dark .creators__number {
    color: #1a1d1f
}

.creators__parameters {
    display: flex;
    margin-left: -12px
}

.creators__parameter {
    margin-left: 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.creators__parameter span {
    color: #6f767e
}

.creators__parameter:not(:first-child) {
    position: relative;
    padding-left: 14px
}

.creators__parameter:not(:first-child):before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 2px;
    height: 8px;
    border-radius: 2px;
    background: #efefef
}

body.dark .creators__parameter:not(:first-child):before {
    background: #272b30
}

.creators__btns {
    display: flex;
    margin-left: 24px
}

@media only screen and (max-width: 767px) {
    .creators__btns {
        display:none
    }
}

.creators__btns .creators__button span {
    display: none
}

.creators__btns .creators__button:not(:last-child) {
    margin-right: 8px
}

.creators__btns .creators__button:first-child.active {
    background: #efefef;
    box-shadow: inset 0 0 0 3px #efefef
}

.creators__btns .creators__button:first-child.active span {
    display: inline
}

body.dark .creators__btns .creators__button:first-child.active {
    background: 0 0;
    box-shadow: 0 0 0 2px #6f767e inset
}

.creators__products {
    display: flex;
    margin: 24px -24px 0;
    overflow: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch
}

.creators__products::-webkit-scrollbar {
    display: none
}

.creators__products:after,.creators__products:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 1px
}

.creators__product {
    position: relative;
    flex-shrink: 0;
    width: 212px;
    height: 166px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer
}

.creators__product img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.creators__product:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17,19,21,.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Crect width='36' height='36' rx='18' fill='%23fcfcfc'/%3E%3Cpath d='M19.077 22.827c-.325.325-.325.853 0 1.178s.853.325 1.178 0l4.827-4.827c.651-.651.651-1.706 0-2.357l-4.827-4.827c-.325-.325-.853-.325-1.178 0s-.325.853 0 1.178l3.994 3.994H11.333c-.46 0-.833.373-.833.833s.373.833.833.833h11.738l-3.994 3.994z' fill='%236f767e'/%3E%3C/svg%3E") no-repeat 50% 50%/36px auto;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.creators__product:hover:before {
    visibility: visible;
    opacity: 1
}

.creators__product:not(:last-child) {
    margin-right: 12px
}

.creators__foot {
    padding: 12px 0;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .creators__foot {
        padding:0
    }
}

.creators__foot .creators__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.indicators {
    background: #fcfcfc;
    border-radius: 8px
}

body.dark .indicators {
    background: #1a1d1f
}

.indicators__table {
    display: table;
    width: 100%
}

.indicators__row {
    display: table-row
}

.indicators__row:first-child .indicators__col {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

@media only screen and (max-width: 767px) {
    .indicators__row:first-child .indicators__col {
        padding:16px
    }
}

.indicators__row:nth-child(2n) .indicators__col {
    background: rgba(239,239,239,.35)
}

body.dark .indicators__row:nth-child(2n) .indicators__col {
    background: rgba(17,19,21,.5)
}

.indicators__col {
    display: table-cell;
    padding: 16px;
    white-space: nowrap
}

@media only screen and (max-width: 1259px) {
    .indicators__col {
        padding:16px 8px
    }
}

@media only screen and (max-width: 767px) {
    .indicators__col {
        padding-left:16px
    }
}

.indicators__col:first-child {
    padding-left: 24px;
    color: #6f767e
}

@media only screen and (max-width: 1259px) {
    .indicators__col:first-child {
        font-size:13px
    }
}

@media only screen and (max-width: 767px) {
    .indicators__col:first-child {
        padding-left:16px
    }
}

.indicators__col:last-child {
    padding-right: 24px
}

@media only screen and (max-width: 767px) {
    .indicators__col:nth-child(3n+1) {
        display:none
    }
}

.indicators .tooltip {
    position: relative;
    top: -1px
}

.indicators .tooltip .icon {
    fill: #9A9FA5
}

.indicators__box {
    display: flex;
    align-items: center
}

.indicators__line {
    position: relative;
    flex-shrink: 0;
    width: 44px;
    height: 12px;
    margin-left: 8px
}

.indicators__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px
}

.indicators__progress_blue {
    background: #2a85ff
}

.indicators__progress_purple {
    background: #8e59ff
}

.indicators .counter {
    padding: 0 7px;
    border-radius: 6px;
    background: #efefef
}

body.dark .indicators .counter {
    background: #272b30
}

.indicators .balance {
    margin-top: 10px
}

.link__title {
    margin-bottom: 16px;
    color: #6f767e
}

.link__fieldset {
    margin-bottom: 32px
}

.link__fieldset .field,.link__fieldset .select {
    margin-bottom: 12px
}

.link__box:not(:last-child) {
    margin-bottom: 32px
}

.link__label {
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    font-weight: 500;
    color: #6f767e
}

.link__line {
    display: flex;
    align-items: center
}

.link__list {
    display: flex;
    margin-right: auto
}

.link__avatar {
    position: relative;
    width: 48px;
    height: 48px
}

.link__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.link__avatar:not(:last-child) {
    margin-right: 24px
}

.link__icon {
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #2a85ff
}

body.dark .link__icon {
    border-color: #1a1d1f
}

.link__icon .icon {
    width: 12px;
    height: 12px;
    fill: #FCFCFC
}

.link__button .icon {
    width: 24px;
    height: 24px
}

.login {
    position: relative;
    display: flex;
    min-height: calc(var(--vh,1vh) * 100);
    background: #fcfcfc
}

body.dark .login {
    background: #1a1d1f
}

.login__col {
    padding: 96px 24px
}

@media only screen and (max-width: 767px) {
    .login__col {
        padding-bottom:32px
    }
}

.login__col:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 400px;
    background: #f4f4f4
}

@media only screen and (max-width: 1023px) {
    .login__col:first-child {
        display:none
    }
}

body.dark .login__col:first-child {
    background: #111315
}

.login__col:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1
}

.login__wrap {
    max-width: 212px
}

.login__preview {
    max-width: 180px;
    margin: 0 auto 40px
}

.login__preview img {
    width: 100%
}

.login__subtitle {
    margin-bottom: 48px;
    text-align: center
}

.login__list li {
    position: relative;
    padding-left: 36px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6f767e
}

.login__list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-2 0a8 8 0 1 1-16 0 8 8 0 0 1 8-8 7.98 7.98 0 0 1 5.942 2.644L11 13.586l-2.793-2.793a1 1 0 0 0-1.414 1.414L9.586 15a2 2 0 0 0 2.828 0l6.687-6.687C19.676 9.416 20 10.67 20 12z' fill='%2383bf6e'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto
}

.login__list li:not(:last-child) {
    margin-bottom: 20px
}

.login__logo {
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 2;
    width: 48px
}

.login__logo img {
    width: 100%
}

.login__info {
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

@media only screen and (max-width: 1023px) {
    .login__info {
        padding-left:80px
    }
}

@media only screen and (max-width: 767px) {
    .login__info {
        right:24px
    }
}

.login__info a {
    font-weight: 700;
    color: #1a1d1f;
    transition: color .2s
}

body.dark .login__info a {
    color: #fcfcfc
}

.login__info a:hover {
    color: #2a85ff
}

.login__wrapper {
    max-width: 296px
}

@media only screen and (max-width: 767px) {
    .login__wrapper {
        max-width:100%
    }
}

.login__title {
    margin-bottom: 32px
}

.login__top {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 2px solid #efefef
}

body.dark .login__top {
    border-color: #272b30
}

.login__text {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

.login__btns {
    display: flex;
    margin: 0 -4px
}

.login__btns .login__button {
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 0 4px;
    padding: 0 16px
}

.login__btns .login__button img {
    margin-right: 10px
}

.login__fieldset .login__button {
    width: 100%
}

.login .field {
    margin-bottom: 12px
}

.login__note {
    margin-top: 32px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #9a9fa5
}

.login__code {
    display: none
}

.login__row {
    display: flex;
    margin: 0 -6px
}

.login__field {
    flex: 0 0 calc(25% - 12px);
    width: calc(25% - 12px);
    margin: 0 6px
}

.login__field input {
    width: 100%;
    height: 72px;
    padding: 0 6px;
    border-radius: 12px;
    border: 2px solid transparent;
    background: #efefef;
    text-align: center;
    font-family: Inter,sans-serif;
    font-size: 48px;
    font-weight: 600;
    color: #1a1d1f;
    transition: all .2s
}

.login__field input:focus {
    border-color: #9a9fa5;
    background: #fff
}

body.dark .login__field input {
    background: #272b30;
    color: #fcfcfc
}

body.dark .login__field input:focus {
    background: 0 0
}

.login__field input.error {
    background: rgba(255,188,153,.25);
    border-color: transparent;
    color: #ff6a55
}

.login__error {
    display: none;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #ff6a55
}

.login__code .login__button {
    width: 100%;
    margin-top: 12px
}

.login__code .login__button .loader {
    display: none;
    margin-right: 16px
}

.entry {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(var(--vh,1vh) * 100);
    padding: 48px;
    background: #fcfcfc
}

@media only screen and (max-width: 767px) {
    .entry {
        padding:24px
    }
}

body.dark .entry {
    background: #1a1d1f
}

.entry__wrapper {
    max-width: 296px
}

@media only screen and (max-width: 767px) {
    .entry__wrapper {
        max-width:100%
    }
}

.entry__logo {
    display: inline-block;
    width: 48px;
    margin-bottom: 32px
}

.entry__logo img {
    width: 100%
}

.entry__title {
    margin-bottom: 32px
}

.entry__top {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 2px solid #efefef
}

@media only screen and (max-width: 767px) {
    .entry__top {
        margin-bottom:24px;
        padding-bottom: 24px
    }
}

body.dark .entry__top {
    border-color: #272b30
}

.entry__text {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

.entry__btns {
    display: flex;
    margin: 0 -4px
}

.entry__btns .entry__button {
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 0 4px;
    padding: 0 16px
}

.entry__btns .entry__button img {
    margin-right: 10px
}

.entry__fieldset .entry__button {
    width: 100%
}

.entry .field {
    margin-bottom: 12px
}

.entry__note {
    margin-top: 32px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #9a9fa5
}

@media only screen and (max-width: 767px) {
    .entry__note {
        margin-top:24px
    }
}

.entry__info {
    margin-top: 32px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

@media only screen and (max-width: 767px) {
    .entry__info {
        margin-top:24px
    }
}

.entry__info a {
    font-weight: 700;
    color: #1a1d1f;
    transition: color .2s
}

body.dark .entry__info a {
    color: #fcfcfc
}

.entry__info a:hover {
    color: #2a85ff
}

body.dark .entry__info a:hover {
    color: #2a85ff
}

.income__list {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 1023px) {
    .income__list {
        display:block
    }
}

.income__item {
    display: block;
    padding: 0 32px 0 64px;
    color: #1a1d1f
}

@media only screen and (max-width: 1339px) {
    .income__item {
        padding-left:48px
    }
}

@media only screen and (max-width: 1259px) {
    .income__item {
        padding:0 32px 0 24px
    }
}

@media only screen and (max-width: 1023px) {
    .income__item {
        display:flex;
        padding: 0
    }
}

.income__item:not(:first-child) {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #efefef
}

@media only screen and (max-width: 1023px) {
    .income__item:not(:first-child) {
        margin-top:16px;
        padding-top: 16px;
        border-width: 1px 0 0
    }
}

body.dark .income__item:not(:first-child) {
    border-color: #272b30
}

.income__item:first-child {
    padding-left: 0
}

.income__item:last-child {
    padding-right: 0
}

.income__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    border-radius: 50%
}

@media only screen and (max-width: 1023px) {
    .income__icon {
        margin:0 16px 0 0
    }
}

.income__icon .icon {
    width: 24px;
    height: 24px;
    fill: #1A1D1F
}

.income__label {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.income .tooltip .icon {
    fill: #6F767E
}

.income__counter {
    min-width: 238px;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em
}

@media only screen and (max-width: 1339px) {
    .income__counter {
        min-width:200px
    }
}

@media only screen and (max-width: 1023px) {
    .income__counter {
        min-width:auto;
        font-size: 40px
    }
}

@media only screen and (max-width: 767px) {
    .income__counter {
        font-size:32px
    }
}

body.dark .income__counter {
    color: #fcfcfc
}

.income__indicator {
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
    padding: 4px;
    color: #6f767e
}

body.dark .income__indicator {
    background: #272b30;
    border-radius: 8px
}

.income__indicator span {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333
}

.countries__item {
    display: flex;
    align-items: center;
    color: #33383f
}

body.dark .countries__item {
    color: #efefef
}

.countries__item:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef
}

body.dark .countries__item:not(:last-child) {
    border-color: #272b30
}

.countries__flag {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    border-radius: 50%;
    background: #efefef
}

body.dark .countries__flag {
    background: #272b30
}

.countries__price {
    margin-left: auto;
    padding-left: 20px;
    color: #1a1d1f
}

body.dark .countries__price {
    color: #fcfcfc
}

.earning {
    padding-bottom: 24px;
    background: #fcfcfc;
    border-radius: 8px
}

body.dark .earning {
    background: #1a1d1f
}

.earning__table {
    display: table;
    width: 100%
}

.earning__row {
    display: table-row
}

.earning__row:first-child .earning__col {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

.earning__row:nth-child(2n) .earning__col {
    background: rgba(239,239,239,.35)
}

body.dark .earning__row:nth-child(2n) .earning__col {
    background: rgba(39,43,48,.3)
}

.earning__col {
    display: table-cell;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

.earning__col:first-child {
    padding-left: 24px;
    white-space: nowrap;
    color: #6f767e
}

@media only screen and (max-width: 767px) {
    .earning__col:first-child {
        padding-left:16px
    }
}

@media only screen and (max-width: 767px) {
    .earning__col:nth-child(2) {
        display:none
    }
}

.earning__col:last-child {
    padding-right: 24px
}

@media only screen and (max-width: 767px) {
    .earning__col:last-child {
        padding-right:16px
    }
}

.earning__status {
    font-size: 14px;
    line-height: 28px;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .refunds .card__head {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .refunds .card__title {
        margin:0 0 16px
    }
}

.refunds .card__nav {
    display: flex;
    margin-left: auto
}

.refunds .card__nav .card__link {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

@media only screen and (max-width: 767px) {
    .refunds .card__nav .card__link {
        flex:1
    }
}

.refunds .card__nav .card__link.active,.refunds .card__nav .card__link:hover {
    color: #1a1d1f
}

body.dark .refunds .card__nav .card__link.active,body.dark .refunds .card__nav .card__link:hover {
    color: #fcfcfc
}

.refunds .card__nav .card__link.active {
    background: #efefef
}

body.dark .refunds .card__nav .card__link.active {
    background: #272b30
}

.refunds .card__nav .card__link:not(:last-child) {
    margin-right: 4px
}

@media only screen and (max-width: 767px) {
    .refunds .card__nav .card__link:not(:last-child) {
        margin-right:0
    }
}

.refunds__wrapper {
    margin: 0 -12px
}

@media only screen and (max-width: 767px) {
    .refunds__wrapper {
        margin:0
    }
}

.refunds__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .refunds__table {
        display:block
    }
}

.refunds__row {
    display: table-row
}

@media only screen and (max-width: 767px) {
    .refunds__row {
        display:flex
    }
}

@media only screen and (max-width: 767px) {
    .refunds__row:first-child {
        margin-bottom:24px
    }
}

.refunds__row:first-child .refunds__col {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

.refunds__row:not(:first-child) {
    cursor: pointer;
    transition: background .2s
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child) {
        align-items:flex-start
    }
}

.refunds__row:not(:first-child) .refunds__col {
    position: relative;
    vertical-align: top;
    padding: 16px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #1a1d1f
}

body.dark .refunds__row:not(:first-child) .refunds__col {
    color: #fcfcfc
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child) .refunds__col {
        padding:0
    }
}

.refunds__row:not(:first-child) .refunds__col:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background: #efefef
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child) .refunds__col:after {
        display:none
    }
}

body.dark .refunds__row:not(:first-child) .refunds__col:after {
    background: #272b30
}

.refunds__row:not(:first-child) .refunds__col:first-child:after {
    left: 12px
}

.refunds__row:not(:first-child) .refunds__col:not(:first-child) {
    padding-top: 22px
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child) .refunds__col:not(:first-child) {
        padding:0
    }
}

.refunds__row:not(:first-child) .refunds__col:last-child:after {
    right: 12px
}

@media only screen and (min-width: 768px) {
    .refunds__row:not(:first-child):hover {
        background:#f4f4f4
    }

    body.dark .refunds__row:not(:first-child):hover {
        background: #272b30
    }
}

@media only screen and (max-width: 767px) {
    .refunds__row:not(:first-child):not(:last-child) {
        margin-bottom:16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #efefef
    }

    body.dark .refunds__row:not(:first-child):not(:last-child) {
        border-color: #272b30
    }
}

.refunds__col {
    display: table-cell;
    padding: 4px 12px 16px
}

@media only screen and (max-width: 767px) {
    .refunds__col {
        padding:0
    }
}

.refunds__col:first-child {
    border-radius: 8px 0 0 8px
}

@media only screen and (max-width: 767px) {
    .refunds__col:first-child {
        margin-right:auto
    }
}

@media only screen and (max-width: 767px) {
    .refunds__col:nth-child(2) {
        display:none
    }
}

@media only screen and (max-width: 1023px) {
    .refunds__col:nth-child(3) {
        display:none
    }
}

.refunds__col:last-child {
    border-radius: 0 8px 8px 0
}

.refunds__item {
    display: flex;
    align-items: center
}

.refunds__item .refunds__new,.refunds__item .refunds__progress {
    display: none
}

@media only screen and (max-width: 767px) {
    .refunds__item .refunds__new,.refunds__item .refunds__progress {
        display:inline-block
    }
}

.refunds__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden
}

.refunds__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.refunds__product {
    max-width: 170px;
    margin-bottom: 4px;
    font-size: 15px
}

.refunds__category {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

@media only screen and (max-width: 767px) {
    .refunds__category {
        display:none
    }
}

.refunds__new,.refunds__progress {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    white-space: nowrap
}

body.dark .refunds__new,body.dark .refunds__progress {
    color: #111315
}

.refunds__new {
    background: #b5e4ca
}

.refunds__progress {
    background: #cabdff
}

.refunds__user {
    display: flex;
    align-items: center;
    margin-top: -2px
}

@media only screen and (max-width: 767px) {
    .refunds__user {
        font-size:0
    }
}

.refunds__avatar {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px
}

@media only screen and (max-width: 767px) {
    .refunds__avatar {
        margin-right:0
    }
}

.refunds__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.refunds__foot {
    margin-top: 12px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .refunds__foot {
        margin-top:32px
    }
}

.refunds__foot .refunds__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.description__title {
    margin-bottom: 24px
}

.description__row {
    display: flex
}

@media only screen and (max-width: 1023px) {
    .description__row {
        display:block
    }
}

.description__col {
    flex: 0 0 50%
}

.description__col:first-child {
    padding: 24px;
    border-radius: 12px;
    background: rgba(244,244,244,.5)
}

@media only screen and (max-width: 1023px) {
    .description__col:first-child {
        margin-bottom:48px
    }
}

@media only screen and (max-width: 767px) {
    .description__col:first-child {
        margin-bottom:32px;
        padding: 16px
    }
}

body.dark .description__col:first-child {
    background: #272b30
}

.description__col:nth-child(2) {
    padding: 30px 0 0 24px
}

@media only screen and (max-width: 1023px) {
    .description__col:nth-child(2) {
        padding:0
    }
}

.description__product {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.description__preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden
}

.description__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.description__subtitle {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .description__subtitle {
        font-size:18px
    }
}

.description__category {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.description__new,.description__progress {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    white-space: nowrap
}

.description__new {
    background: #b5e4ca
}

body.dark .description__new {
    color: #1a1d1f
}

.description__progress {
    background: #cabdff
}

.description__parameters li {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid rgba(17,19,21,.1)
}

body.dark .description__parameters li {
    border-color: rgba(111,118,126,.15)
}

.description__label {
    margin-right: auto;
    padding-right: 12px;
    color: #6f767e
}

.description .tooltip {
    position: relative;
    top: -1px
}

.description .tooltip .icon {
    fill: #6F767E
}

.description__no,.description__yes {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    white-space: nowrap
}

body.dark .description__no,body.dark .description__yes {
    color: #1a1d1f
}

.description__yes {
    background: #b5e4ca
}

.description__no {
    background: #ffbc99
}

.description__content {
    text-align: right
}

.description__btns {
    display: flex;
    margin: 24px -4px 0
}

.description__btns .description__button {
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
    margin: 0 4px
}

@media only screen and (max-width: 767px) {
    .description__btns .description__button {
        padding:0 8px
    }
}

body.dark .description__btns .description__button:first-child {
    background: #111315;
    box-shadow: inset 0 0 0 2px #111315
}

body.dark .description__btns .description__button:first-child:hover {
    box-shadow: inset 0 0 0 2px #fcfcfc
}

.description__box:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(17,19,21,.1)
}

.description__info {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .description__info {
        font-size:18px
    }
}

.description__list li {
    position: relative;
    padding-left: 36px;
    font-weight: 500;
    color: #33383f
}

body.dark .description__list li {
    color: #efefef
}

.description__list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.707 6.293a1 1 0 0 1 0 1.414l-8.586 8.586a3 3 0 0 1-4.243 0l-3.586-3.586a1 1 0 0 1 1.414-1.414l3.586 3.586a1 1 0 0 0 1.414 0l8.586-8.586a1 1 0 0 1 1.414 0z' fill='%23b5e4ca'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto
}

.description__list li:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef
}

body.dark .description__list li:not(:last-child) {
    border-color: #272b30
}

.description__comment {
    margin-bottom: 12px;
    font-weight: 500;
    color: #33383f
}

body.dark .description__comment {
    color: #efefef
}

.description__user {
    display: flex;
    align-items: center
}

.description__avatar {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px
}

.description__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.description .editor {
    margin-top: 32px
}

@media only screen and (max-width: 767px) {
    .description .editor {
        margin-top:24px
    }
}

.balance {
    display: flex
}

@media only screen and (max-width: 1023px) {
    .balance {
        display:block
    }
}

.balance__list {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    margin-right: 64px
}

@media only screen and (max-width: 1259px) {
    .balance__list {
        margin-right:48px
    }
}

@media only screen and (max-width: 1023px) {
    .balance__list {
        display:block;
        margin: 0 0 32px
    }
}

.balance__item {
    display: flex;
    padding: 0 64px;
    border-right: 1px solid #efefef;
    color: #1a1d1f
}

@media only screen and (max-width: 1419px) {
    .balance__item {
        padding:0 48px
    }
}

@media only screen and (max-width: 1339px) {
    .balance__item {
        padding:0 32px
    }
}

@media only screen and (max-width: 1023px) {
    .balance__item {
        padding:0;
        border: none
    }
}

body.dark .balance__item {
    border-color: #272b30;
    color: #fcfcfc
}

.balance__item:first-child {
    padding-left: 0
}

@media only screen and (max-width: 1023px) {
    .balance__item:not(:last-child) {
        margin-bottom:24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #efefef
    }

    body.dark .balance__item:not(:last-child) {
        border-color: #272b30
    }
}

.balance__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 24px;
    border-radius: 50%
}

.balance__icon .icon {
    width: 24px;
    height: 24px;
    fill: #1A1D1F
}

.balance__label {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #6f767e
}

.balance .tooltip .icon {
    fill: #6F767E
}

.balance__counter {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em
}

@media only screen and (max-width: 1339px) {
    .balance__counter {
        font-size:40px
    }
}

.balance__button {
    flex-shrink: 0
}

@media only screen and (max-width: 767px) {
    .balance__button {
        width:100%
    }
}

.success {
    padding: 60px 0 24px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .success {
        padding:32px 0 16px
    }
}

.success__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 128px;
    height: 128px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #b5e4ca;
    font-size: 48px
}

.success__info {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #33383f
}

@media only screen and (max-width: 767px) {
    .success__info {
        font-size:18px
    }
}

body.dark .success__info {
    color: #efefef
}

.success__price {
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .success__price {
        font-size:40px
    }
}

.success__text {
    margin-bottom: 20px;
    color: #6f767e
}

.success__text span {
    color: #1a1d1f
}

body.dark .success__text span {
    color: #fcfcfc
}

.payout__wrapper {
    margin: 0 -24px;
    background: #fcfcfc
}

@media only screen and (max-width: 767px) {
    .payout__wrapper {
        margin:0 -16px
    }
}

body.dark .payout__wrapper {
    background: 0 0
}

.payout__table {
    display: table;
    width: 100%
}

.payout__row {
    display: table-row
}

.payout__row:first-child .payout__col {
    padding-top: 12px;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

.payout__row:nth-child(2n) .payout__col {
    background: rgba(239,239,239,.35)
}

body.dark .payout__row:nth-child(2n) .payout__col {
    background: rgba(39,43,48,.5)
}

.payout__col {
    display: table-cell;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

@media only screen and (max-width: 767px) {
    .payout__col {
        padding:12px
    }
}

.payout__col:first-child {
    padding-left: 24px;
    color: #6f767e
}

@media only screen and (max-width: 767px) {
    .payout__col:first-child {
        padding-left:16px
    }
}

.payout__col:last-child {
    padding-right: 24px
}

@media only screen and (max-width: 767px) {
    .payout__col:last-child {
        padding-right:16px;
        text-align: right
    }
}

@media only screen and (max-width: 767px) {
    .payout__col:nth-child(2),.payout__col:nth-child(3) {
        display:none
    }
}

.payout__status {
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    color: #1a1d1f
}

@media only screen and (max-width: 767px) {
    .transactions .card__head {
        flex-wrap:wrap
    }

    .transactions .card__head .card__title {
        width: 100%;
        flex-grow: 1;
        margin: 0 0 16px
    }
}

.transactions .card__button {
    margin-left: 16px
}

@media only screen and (max-width: 767px) {
    .transactions .card__button {
        flex-grow:1
    }
}

.transactions__wrapper {
    margin: 0 -24px;
    background: #fcfcfc
}

@media only screen and (max-width: 767px) {
    .transactions__wrapper {
        margin:0 -16px
    }
}

body.dark .transactions__wrapper {
    background: 0 0
}

.transactions__table {
    display: table;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .transactions__table {
        display:block
    }
}

.transactions__row {
    display: table-row
}

@media only screen and (max-width: 1023px) {
    .transactions__row {
        display:flex;
        flex-direction: column;
        padding: 16px 24px
    }
}

@media only screen and (max-width: 767px) {
    .transactions__row {
        padding:16px
    }
}

@media only screen and (max-width: 1023px) {
    .transactions__row:first-child {
        display:none
    }
}

.transactions__row:first-child .transactions__col {
    padding-top: 8px;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .transactions__row:nth-child(2n) {
        background:rgba(239,239,239,.35)
    }

    body.dark .transactions__row:nth-child(2n) {
        background: rgba(39,43,48,.5)
    }
}

.transactions__row:nth-child(2n) .transactions__col {
    background: rgba(239,239,239,.35)
}

@media only screen and (max-width: 1023px) {
    .transactions__row:nth-child(2n) .transactions__col {
        background:0 0
    }
}

body.dark .transactions__row:nth-child(2n) .transactions__col {
    background: rgba(39,43,48,.5)
}

@media only screen and (max-width: 1023px) {
    body.dark .transactions__row:nth-child(2n) .transactions__col {
        background:0 0
    }
}

.transactions__col {
    display: table-cell;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429
}

@media only screen and (max-width: 1023px) {
    .transactions__col {
        display:flex;
        align-items: center;
        padding: 0
    }
}

.transactions__col:first-child {
    padding-left: 24px
}

@media only screen and (max-width: 1023px) {
    .transactions__col:first-child {
        padding-left:0
    }
}

@media only screen and (max-width: 1023px) {
    .transactions__col:nth-child(2) {
        align-items:flex-start;
        order: -1;
        padding-bottom: 12px;
        border-bottom: 1px solid #efefef
    }

    body.dark .transactions__col:nth-child(2) {
        border-color: #272b30
    }
}

@media only screen and (max-width: 1023px) {
    .transactions__col:nth-child(3) {
        display:none
    }
}

.transactions__col:last-child {
    padding-right: 24px
}

@media only screen and (max-width: 1023px) {
    .transactions__col:last-child {
        padding-right:0
    }
}

@media only screen and (max-width: 1023px) {
    .transactions__col:not(:last-child) {
        margin-bottom:12px
    }
}

.transactions__status {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    color: #1a1d1f
}

.transactions__details {
    display: none
}

@media only screen and (max-width: 1023px) {
    .transactions__details {
        display:block;
        margin-right: auto;
        padding-right: 16px
    }
}

.transactions__product {
    color: #33383f
}

body.dark .transactions__product {
    color: #efefef
}

.transactions__invoice {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33333;
    font-weight: 500;
    color: #6f767e
}

.transactions__amount_negative {
    color: #ff6a55
}

.transactions__foot {
    padding: 12px 0;
    text-align: center
}

.transactions__foot .transactions__button .loader {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: 0 18px 0 8px
}

.transactions__label {
    display: none;
    margin-right: auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
    color: #6f767e
}

@media only screen and (max-width: 1023px) {
    .transactions__label {
        display:block
    }
}

.shop__background {
    height: 400px;
    margin: -40px -40px 0
}

@media only screen and (max-width: 1339px) {
    .shop__background {
        margin:-32px -24px 0
    }
}

@media only screen and (max-width: 1259px) {
    .shop__background {
        height:320px
    }
}

@media only screen and (max-width: 767px) {
    .shop__background {
        height:252px;
        margin: -24px -16px 0
    }
}

.shop__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.shop .card {
    max-width: 1200px;
    margin: -64px auto 0
}

@media only screen and (max-width: 767px) {
    .shop .card {
        margin-top:-188px
    }
}

.shop__profile {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #efefef
}

@media only screen and (max-width: 1259px) {
    .shop__profile {
        margin-bottom:32px;
        padding-bottom: 32px
    }
}

@media only screen and (max-width: 1023px) {
    .shop__profile {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .shop__profile {
        margin-bottom:32px;
        padding-bottom: 32px
    }
}

body.dark .shop__profile {
    border-color: #272b30
}

.shop__details {
    display: flex;
    align-items: center;
    flex-grow: 1
}

@media only screen and (max-width: 1023px) {
    .shop__details {
        margin-bottom:16px
    }
}

@media only screen and (max-width: 767px) {
    .shop__details {
        margin-bottom:12px
    }
}

.shop__avatar {
    position: relative;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 16px
}

.shop__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.shop__add {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #2a85ff;
    font-size: 0;
    transition: background .2s
}

.shop__add .icon {
    fill: #FFFFFF
}

.shop__add:hover {
    background: #1176ff
}

@media only screen and (max-width: 767px) {
    .shop__man {
        font-size:20px
    }
}

.shop__info {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #6f767e
}

@media only screen and (max-width: 767px) {
    .shop__info {
        font-size:18px
    }
}

@media only screen and (max-width: 767px) {
    .shop__info {
        margin-top:4px;
        font-size: 15px
    }
}

.shop__contacts {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 40px
}

@media only screen and (max-width: 1023px) {
    .shop__contacts {
        margin-left:0
    }
}

.shop__socials {
    display: flex;
    align-items: center
}

.shop__social .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.shop__social:hover .icon {
    fill: #2A85FF
}

.shop__social:not(:last-child) {
    margin-right: 32px
}

.shop__contacts .shop__button {
    margin-left: 32px
}

@media only screen and (max-width: 1023px) {
    .shop__contacts .shop__button {
        margin-left:auto
    }
}

@media only screen and (max-width: 767px) {
    .shop__contacts .shop__button {
        min-width:132px
    }
}

.shop__control {
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

@media only screen and (max-width: 767px) {
    .shop__control {
        flex-wrap:wrap
    }
}

.shop__nav {
    display: flex;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .shop__nav {
        width:100%;
        margin: 0 0 16px
    }
}

.shop__nav .shop__link {
    padding: 8px 16px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #6f767e;
    transition: all .2s
}

@media only screen and (max-width: 767px) {
    .shop__nav .shop__link {
        flex-grow:1
    }
}

.shop__nav .shop__link.active,.shop__nav .shop__link:hover {
    color: #1a1d1f
}

body.dark .shop__nav .shop__link.active,body.dark .shop__nav .shop__link:hover {
    color: #fcfcfc
}

.shop__nav .shop__link.active {
    background: #efefef
}

body.dark .shop__nav .shop__link.active {
    background: #272b30
}

.shop__nav .shop__link:not(:last-child) {
    margin-right: 8px
}

@media only screen and (max-width: 767px) {
    .shop__nav .shop__link:not(:last-child) {
        margin-right:0
    }
}

@media only screen and (max-width: 767px) {
    .shop__select {
        flex-grow:1
    }
}

.shop .filters {
    margin-left: 16px
}

@media only screen and (max-width: 767px) {
    .shop .filters {
        margin-left:12px
    }
}

.shop__products {
    display: flex;
    flex-wrap: wrap;
    margin: -32px -12px 0
}

@media only screen and (max-width: 639px) {
    .shop__products {
        display:block;
        margin: 0
    }
}

.shop .summary {
    flex: 0 0 calc(33.333% - 24px);
    width: calc(33.333% - 24px);
    margin: 32px 12px 0
}

@media only screen and (max-width: 1023px) {
    .shop .summary {
        flex:0 0 calc(50% - 24px);
        width: calc(50% - 24px)
    }
}

@media only screen and (max-width: 639px) {
    .shop .summary {
        width:100%;
        margin: 24px 0 0
    }
}

.shop__foot {
    margin-top: 40px;
    text-align: center
}

@media only screen and (max-width: 1339px) {
    .shop__foot {
        margin-top:32px
    }
}

@media only screen and (max-width: 767px) {
    .shop__foot {
        margin-top:24px
    }
}

.follower {
    display: flex;
    align-items: flex-start;
    padding-bottom: 24px
}

.follower:not(:last-child) {
    margin-bottom: 24px;
    border-bottom: 1px solid #efefef
}

body.dark .follower:not(:last-child) {
    border-color: #272b30
}

.follower__details {
    display: flex;
    padding-right: 24px;
    flex-grow: 1
}

@media only screen and (max-width: 1023px) {
    .follower__details {
        padding-right:0
    }
}

.follower__avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 16px
}

@media only screen and (max-width: 767px) {
    .follower__avatar {
        width:64px;
        height: 64px
    }
}

.follower__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.follower__man {
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -.02em
}

@media only screen and (max-width: 767px) {
    .follower__man {
        font-size:18px
    }
}

.follower__list {
    display: flex;
    align-items: center
}

.follower__counter {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.23077;
    color: #9a9fa5
}

.follower__counter span {
    color: #6f767e
}

.follower__counter:not(:first-child) {
    position: relative;
    margin-left: 12px;
    padding-left: 14px
}

.follower__counter:not(:first-child):before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 2px;
    height: 8px;
    border-radius: 2px;
    background: #efefef
}

body.dark .follower__counter:not(:first-child):before {
    background: #272b30
}

.follower__gallery {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    width: 480px;
    margin: -12px -6px 0 0
}

@media only screen and (max-width: 1023px) {
    .follower__gallery {
        display:none
    }
}

.follower__preview {
    flex: 0 0 calc(33.333% - 12px);
    width: calc(33.333% - 12px);
    height: 116px;
    margin: 12px 6px 0
}

.follower__preview img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover
}

.follower__preview:nth-child(n+4) {
    display: none
}

.follower__btns {
    display: flex;
    margin-top: 16px
}

.follower__btns .follower__button_follow span {
    display: none
}

.follower__btns .follower__button_follow.active {
    box-shadow: inset 0 0 0 2px #efefef;
    background: #efefef
}

body.dark .follower__btns .follower__button_follow.active {
    box-shadow: inset 0 0 0 2px #33383f;
    background: #272b30
}

.follower__btns .follower__button_follow.active span {
    display: inline
}

.follower__btns .follower__button:not(:last-child) {
    margin-right: 8px
}

.publisher_search {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.publisher_search .ht_navbar_end {
    width: auto
}

.publisher_list {
    margin: 12px -12px 0;
    display: flex
}

.publisher_list .publisher_card {
    flex: 0 0 calc(16.66666667% - 24px);
    width: calc(16.66666667% - 24px);
    margin: 12px 12px 0;
    background: 0 0;
    transition: all .5s;
    border-radius: .625rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    border: none;
    overflow: hidden
}

.publisher_list .publisher_card .summary__preview {
    margin-bottom: 0
}

.publisher_list .publisher_card .summary__line {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px
}

.publisher_list .publisher_card .summary__line .summary__title {
    margin: 0
}

.publisher_list .publisher_card:hover .summary__control,.publisher_list .publisher_card:hover .summary__preview:after {
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .publisher_list .publisher_card {
        flex:0 0 auto!important;
        width: calc(25% - 24px)!important
    }

    .publisher_search {
        flex-wrap: wrap;
        margin-bottom: 24px
    }

    .publisher_search .form {
        width: 100%
    }

    .publisher_search .ht_navbar_end {
        padding: 0
    }
}

@media only screen and (max-width: 639px) {
    .publisher_list .publisher_card {
        flex:unset!important;
        width: 100%!important
    }

    .publisher_search .ht_navbar_end {
        width: 100%;
        flex-direction: column
    }

    .publisher_search .ht_navbar_end li {
        width: 100%
    }

    .publisher_search .ht_navbar_end>li:first-child {
        margin-right: 0
    }

    .publisher_search .ht_navbar_end li a {
        width: 100%
    }

    .publisher_search .ht_navbar_end li a.new_publisher {
        margin-left: 0;
        margin-top: 12px
    }
}

@media (max-width: 800px) {
    .iframeTwitch {
        max-height:300px
    }
}

ul.bagisListesi {
    display: flex;
    align-items: center;
    justify-content: space-between
}

ul.bagisListesi li a {
    background: 0 0;
    box-shadow: 0 0 0 2px #efefef inset;
    display: inline-block;
    padding: 0 20px;
    border-radius: 6px;
    line-height: 32px;
    font-weight: 500;
    font-size: 12px;
    color: #1a1d1f
}

body.dark .bagisListesi a {
    color: #fff
}

.streamer_profile_page .entry__fieldset .field {
    margin-bottom: 15px
}

.streamer_profile_page .faq__tab img {
    border-radius: 10px
}

body.dark .streamer_profile_page .faq__item.balance_page textarea {
    background: #1c1f24;
    color: #fff
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4!important;
    grid-row: 1/4!important;
    grid-template-columns: 1fr 99fr 1fr;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px hsla(0deg,0%,0%,.075),0 1px 2px hsla(0deg,0%,0%,.075),1px 2px 4px hsla(0deg,0%,0%,.075),1px 3px 8px hsla(0deg,0%,0%,.075),2px 4px 16px hsla(0deg,0%,0%,.075);
    pointer-events: all
}

.swal2-popup.swal2-toast>* {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: .5em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: 700
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: 0;
    margin-top: .5em;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-toast-animate-success-line-tip .75s;
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-toast-animate-success-line-long .75s;
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: swal2-toast-show .5s;
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: swal2-toast-hide .1s forwards;
    animation: swal2-toast-hide .1s forwards
}

.swal2-container {
    display: grid;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto);
    grid-template-rows: minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation {
    background: rgba(0,0,0,.4)
}

.swal2-container.swal2-backdrop-hide {
    background: 0 0!important
}

.swal2-container.swal2-bottom-start,.swal2-container.swal2-center-start,.swal2-container.swal2-top-start {
    grid-template-columns: minmax(0,1fr) auto auto
}

.swal2-container.swal2-bottom,.swal2-container.swal2-center,.swal2-container.swal2-top {
    grid-template-columns: auto minmax(0,1fr) auto
}

.swal2-container.swal2-bottom-end,.swal2-container.swal2-center-end,.swal2-container.swal2-top-end {
    grid-template-columns: auto auto minmax(0,1fr)
}

.swal2-container.swal2-top-start>.swal2-popup {
    align-self: start
}

.swal2-container.swal2-top>.swal2-popup {
    grid-column: 2;
    align-self: start;
    justify-self: center
}

.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup {
    grid-column: 3;
    align-self: start;
    justify-self: end
}

.swal2-container.swal2-center-left>.swal2-popup,.swal2-container.swal2-center-start>.swal2-popup {
    grid-row: 2;
    align-self: center
}

.swal2-container.swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center
}

.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: end
}

.swal2-container.swal2-bottom-left>.swal2-popup,.swal2-container.swal2-bottom-start>.swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end
}

.swal2-container.swal2-bottom>.swal2-popup {
    grid-column: 2;
    grid-row: 3;
    justify-self: center;
    align-self: end
}

.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup {
    grid-column: 3;
    grid-row: 3;
    align-self: end;
    justify-self: end
}

.swal2-container.swal2-grow-fullscreen>.swal2-popup,.swal2-container.swal2-grow-row>.swal2-popup {
    grid-column: 1/4;
    width: 100%
}

.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1/4;
    align-self: stretch
}

.swal2-container.swal2-no-transition {
    transition: none!important
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0,100%);
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem
}

.swal2-popup:focus {
    outline: 0
}

.swal2-popup.swal2-loading {
    overflow-y: hidden
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .8em 1em 0;
    color: inherit;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
}

.swal2-loader {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: .25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 transparent #2778c4 transparent
}

.swal2-styled {
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px transparent;
    font-weight: 500
}

.swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(112,102,224,.5)
}

.swal2-styled.swal2-deny {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #dc3741;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-deny:focus {
    box-shadow: 0 0 0 3px rgba(220,55,65,.5)
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(110,120,129,.5)
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: 0 0 0 3px rgba(100,150,200,.5)
}

.swal2-styled:focus {
    outline: 0
}

.swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-footer {
    justify-content: center;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em
}

.swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto!important;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.swal2-timer-progress-bar {
    width: 100%;
    height: .25em;
    background: rgba(0,0,0,.2)
}

.swal2-image {
    max-width: 100%;
    margin: 2em auto 1em
}

.swal2-close {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s,box-shadow .1s;
    border: none;
    border-radius: 5px;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end
}

.swal2-close:hover {
    transform: none;
    background: 0 0;
    color: #f27474
}

.swal2-close:focus {
    outline: 0;
    box-shadow: inset 0 0 0 3px rgba(100,150,200,.5)
}

.swal2-close::-moz-focus-inner {
    border: 0
}

.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea {
    margin: 1em 2em 3px
}

.swal2-file,.swal2-input,.swal2-textarea {
    box-sizing: border-box;
    width: auto;
    transition: border-color .1s,box-shadow .1s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: 0 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px transparent;
    color: inherit;
    font-size: 1.125em
}

.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror {
    border-color: #f27474!important;
    box-shadow: 0 0 2px #f27474!important
}

.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)
}

.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder {
    color: #ccc
}

.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder {
    color: #ccc
}

.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder {
    color: #ccc
}

.swal2-range {
    margin: 1em 2em 3px;
    background: #fff
}

.swal2-range input {
    width: 80%
}

.swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

.swal2-range input,.swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

.swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: 0 0;
    font-size: 1.125em
}

.swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: 0 0;
    color: inherit;
    font-size: 1.125em
}

.swal2-checkbox,.swal2-radio {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

.swal2-checkbox label,.swal2-radio label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-checkbox input,.swal2-radio input {
    flex-shrink: 0;
    margin: 0 .4em
}

.swal2-input-label {
    display: flex;
    justify-content: center;
    margin: 1em auto 0
}

.swal2-validation-message {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

.swal2-validation-message::before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: .25em solid transparent;
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark .5s;
    animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-warning.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
    -webkit-animation: swal2-animate-i-mark .5s;
    animation: swal2-animate-i-mark .5s
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-info.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
    -webkit-animation: swal2-animate-i-mark .8s;
    animation: swal2-animate-i-mark .8s
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-question.swal2-icon-show {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
    -webkit-animation: swal2-animate-question-mark .8s;
    animation: swal2-animate-question-mark .8s
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165,220,134,.3);
    border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: 0 0;
    font-weight: 600
}

.swal2-progress-steps li {
    display: inline-block;
    position: relative
}

.swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: #add8e6;
    color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

.swal2-no-war {
    display: flex;
    position: fixed;
    z-index: 1061;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.375em;
    background: #20232a;
    color: #fff;
    text-align: center
}

.swal2-no-war a {
    color: #61dafb;
    text-decoration: none
}

.swal2-no-war a:hover {
    text-decoration: underline
}

@-webkit-keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@-webkit-keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@-webkit-keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

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

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

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

@-webkit-keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@-webkit-keyframes swal2-animate-i-mark {
    0% {
        transform: rotateZ(45deg);
        opacity: 0
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: .4
    }

    50% {
        transform: rotateZ(15deg);
        opacity: .8
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotateZ(45deg);
        opacity: 0
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: .4
    }

    50% {
        transform: rotateZ(15deg);
        opacity: .8
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto!important
}

body.swal2-no-backdrop .swal2-container {
    background-color: transparent!important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px rgba(0,0,0,.4)
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll!important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static!important
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: transparent;
    pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%,-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

:root {
    --sticky-header-bg: rgb(255 255 255);
    --sticky-header-border: rgba(0, 0, 0, 0.08)
}

body.dark.modern {
    --sticky-header-bg: rgb(30 32 41);
    --sticky-header-border: rgba(58, 59, 93, 0.5)
}

:root {
    --table-wrapper-bg: #f8f9fa;
    --table-bg: #ffffff;
    --table-header-bg: #f1f3f5;
    --row-hover-bg: #f8f9fa;
    --text-primary-table: #212529;
    --text-secondary-table: #6c757d;
    --border-color-table: #dee2e6;
    --accent-color-table: #007bff;
    --accent-hover-color-table: #0056b3;
    --status-success-bg-table: rgba(40, 167, 69, 0.15);
    --status-success-text-table: #218838;
    --status-danger-bg-table: rgba(220, 53, 69, 0.15);
    --status-danger-text-table: #c82333;
    --status-pending-bg-table: rgba(0, 123, 255, 0.15);
    --status-pending-text-table: #0069d9
}

body.dark {
    --table-wrapper-bg: #1e2029;
    --table-bg: #2a2d3a;
    --table-header-bg: #313543;
    --row-hover-bg: #353a4a;
    --text-primary-table: #f0f0f0;
    --text-secondary-table: #a0a8c4;
    --border-color-table: #3a3f5a;
    --accent-color-table: #0d6efd;
    --accent-hover-color-table: #0b5ed7;
    --status-success-bg-table: rgba(76, 175, 80, 0.2);
    --status-success-text-table: #5dd261;
    --status-danger-bg-table: rgba(244, 67, 54, 0.2);
    --status-danger-text-table: #ff6b6b;
    --status-pending-bg-table: rgba(0, 169, 255, 0.2);
    --status-pending-text-table: #3db9ff
}

.modern-summary {
    --card-bg: #ffffff;
    --card-border-color: #e9ecef;
    --title-color: #212529;
    --label-color: #6c757d;
    --value-color: #212529;
    --divider-color: #f1f3f5;
    --alert-info-bg: rgba(13, 202, 240, 0.1);
    --alert-info-text: #0c849c;
    --alert-info-border: rgba(13, 202, 240, 0.2);
    --status-success-bg: rgba(40, 167, 69, 0.1);
    --status-success-text: #1a7431;
    --status-danger-bg: rgba(220, 53, 69, 0.1);
    --status-danger-text: #a51c2a;
    --status-pending-bg: rgba(0, 123, 255, 0.1);
    --status-pending-text: #0069d9
}

body.dark.modern .modern-summary {
    --card-bg: #2a2d3a;
    --card-border-color: #3a3f5a;
    --title-color: #ffffff;
    --label-color: #a0a8c4;
    --value-color: #f0f0f0;
    --divider-color: #313543;
    --alert-info-bg: rgba(13, 110, 253, 0.15);
    --alert-info-text: #7abfff;
    --alert-info-border: rgba(13, 110, 253, 0.3);
    --status-success-bg: rgba(76, 175, 80, 0.15);
    --status-success-text: #5dd261;
    --status-danger-bg: rgba(220, 53, 69, 0.15);
    --status-danger-text: #ff6b6b;
    --status-pending-bg: rgba(0, 169, 255, 0.15);
    --status-pending-text: #3db9ff
}

body {
    --main-bg: #f0f2f5;
    --component-bg-gradient: linear-gradient(145deg, #ffffff, #f9f9f9);
    --accent-hover-color: #0056b3;
    --component-bg: #ffffff;
    --component-hover-bg: #f8f9fa;
    --border-color: #e9ecef;
    --status-success: #28a745;
    --status-danger: #dc3545;
    --card-border: #f0f2f5;
    --text-value: #212529;
    --text-label: #6c757d;
    --color-primary: #007bff;
    --color-primary-bg: rgba(0, 123, 255, 0.1);
    --color-primary-glow: rgba(0, 123, 255, 0.2);
    --color-success: #198754;
    --color-success-bg: rgba(25, 135, 84, 0.1);
    --color-success-glow: rgba(25, 135, 84, 0.2);
    --color-warning: #ffc107;
    --color-warning-bg: rgba(255, 193, 7, 0.1);
    --color-warning-glow: rgba(255, 193, 7, 0.2);
    --accent-glow: rgba(0, 123, 255, 0.2);
    --footer-bg: #f8f9fa;
    --footer-card-bg: #ffffff;
    --footer-border-color: #dee2e6;
    --footer-text-primary: #212529;
    --footer-text-secondary: #6c757d;
    --footer-accent-color: #007bff;
    --footer-bg-blur-1: rgba(0, 123, 255, 0.1);
    --footer-bg-blur-2: rgba(111, 66, 193, 0.07);
    --footer-bg-sosyal: #c4c3c7;
    --card-border-color: #e9ecef;
    --section-bg: transparent;
    --nav-bg: rgba(255, 255, 255, 0.7);
    --nav-border-color: rgba(0, 0, 0, 0.08);
    --tab-bg: rgba(0, 0, 0, 0.04);
    --tab-hover-bg: rgba(0, 0, 0, 0.08);
    --tab-text-color: #495057;
    --card-bg: #ffffff;
    --bg-blur-1: rgba(111, 66, 193, 0.15);
    --page-bg: #f4f7f9;
    --text-secondary: #6c757d;
    --glow-gradient: radial-gradient(circle at 50% 50%, rgba(0, 123, 255, 0.1), transparent 70%);
    --bg-blur-2: rgba(40, 167, 69, 0.1);
    --input-bg: #f8f9fa;
    --accent-color: #007bff;
    --accent-gradient: linear-gradient(45deg, #007bff, #6f42c1);
    --breadcrumb-bg: rgba(255, 255, 255, 0.6);
    --breadcrumb-border: rgba(0, 0, 0, 0.08);
    --breadcrumb-text-active: #212529;
    --breadcrumb-text-link: #6c757d;
    --breadcrumb-text-hover: #007bff;
    --breadcrumb-separator: #adb5bd
}

body.dark.modern {
    --main-bg: #1e2029;
    --component-bg: #2a2d3a;
    --component-hover-bg: #313543;
    --status-success: #5dd261;
    --status-danger: #ff6b6b;
    --text-value: #ffffff;
    --text-label: #a0a8c4;
    --color-primary: #0d6efd;
    --color-primary-bg: rgba(13, 110, 253, 0.15);
    --color-primary-glow: rgba(13, 110, 253, 0.3);
    --color-success: #5dd261;
    --color-success-bg: rgba(76, 175, 80, 0.15);
    --color-success-glow: rgba(76, 175, 80, 0.3);
    --color-warning: #ffca2c;
    --color-warning-bg: rgba(255, 193, 7, 0.15);
    --color-warning-glow: rgba(255, 193, 7, 0.3);
    --footer-bg: #16181e;
    --footer-card-bg: rgba(42, 45, 58, 0.6);
    --footer-border-color: rgba(58, 59, 93, 0.5);
    --footer-text-primary: #ffffff;
    --footer-text-secondary: #a0a8c4;
    --footer-accent-color: #0d6efd;
    --footer-bg-blur-1: rgba(13, 110, 253, 0.15);
    --footer-bg-blur-2: rgba(111, 66, 193, 0.1);
    --footer-bg-sosyal: #2a2d3a;
    --nav-bg: rgba(30, 32, 41, 0.75);
    --nav-border-color: rgba(58, 59, 93, 0.5);
    --tab-bg: rgba(42, 45, 58, 0.7);
    --tab-hover-bg: rgba(59, 62, 82, 0.9);
    --glow-gradient: radial-gradient(circle at 50% 50%, rgba(13, 110, 253, 0.15), transparent 70%);
    --breadcrumb-bg: rgba(42, 45, 58, 0.7);
    --breadcrumb-border: rgba(58, 59, 93, 0.5);
    --breadcrumb-text-active: #f0f0f0;
    --breadcrumb-text-link: #a0a8c4;
    --breadcrumb-text-hover: #ffffff;
    --breadcrumb-separator: #4a4f6a;
    --component-bg-gradient: linear-gradient(145deg, #2e3241, #262936);
    --border-color: #3a3f5a;
    --accent-hover-color: #338bff;
    --accent-color: #0d6efd
}

:root {
    --warning-color: #ffc107;
    --price-tag-bg: #e9ecef
}

body.dark.modern {
    --warning-color: #ffca2c;
    --price-tag-bg: #1e2029
}

:root {
    --tab-nav-bg: #ffffff;
    --tab-nav-border: #dee2e6;
    --tab-item-bg-hover: #f8f9fa
}

body.dark.modern {
    --tab-nav-bg: #2a2d3a;
    --tab-nav-border: #3a3f5a;
    --tab-item-bg-hover: #313543
}

:root {
    --tab-bar-bg: rgba(255, 255, 255, 0.6);
    --tab-bar-border: rgba(0, 0, 0, 0.08);
    --tab-text-active: #007bff;
    --tab-hover-border: rgba(0, 123, 255, 0.3)
}

body.dark.modern {
    --tab-bar-bg: rgba(42, 45, 58, 0.7);
    --tab-bar-border: rgba(58, 59, 93, 0.5);
    --tab-text-color: #a0a8c4;
    --tab-text-active: #0d6efd;
    --tab-hover-border: rgba(13, 110, 253, 0.4)
}

:root {
    --list-page-bg: #f4f7f9;
    --list-card-bg: rgba(255, 255, 255, 0.6);
    --list-card-border: rgba(0, 0, 0, 0.08);
    --list-text-primary: #212529;
    --list-text-secondary: #6c757d;
    --list-input-bg: #f8f9fa;
    --list-accent-color: #007bff;
    --list-accent-gradient: linear-gradient(45deg, #007bff, #6f42c1);
    --list-danger-bg: rgba(220, 53, 69, 0.1);
    --list-danger-text: #dc3545;
    --list-warning-text: #ffc107;
    --list-bg-blur-1: rgba(0, 123, 255, 0.15);
    --list-bg-blur-2: rgba(40, 167, 69, 0.1)
}

body.dark.modern {
    --list-page-bg: #16181e;
    --list-card-bg: rgba(42, 45, 58, 0.7);
    --list-card-border: rgba(58, 59, 93, 0.5);
    --list-text-primary: #f0f0f0;
    --list-text-secondary: #a0a8c4;
    --list-input-bg: #1e2029;
    --list-accent-color: #0d6efd;
    --list-accent-gradient: linear-gradient(45deg, #0d6efd, #8f62ea);
    --list-danger-bg: rgba(220, 53, 69, 0.15);
    --list-danger-text: #ff6b6b;
    --list-warning-text: #ffca2c;
    --list-bg-blur-1: rgba(13, 110, 253, 0.2);
    --list-bg-blur-2: rgba(76, 175, 80, 0.15)
}

:root {
    --content-card-bg: rgba(255, 255, 255, 0.6);
    --content-card-border: rgba(0, 0, 0, 0.08);
    --content-text-primary: #212529;
    --content-text-secondary: #495057;
    --content-accent-color: #007bff;
    --content-bg-blur-1: rgba(0, 123, 255, 0.1);
    --content-bg-blur-2: rgba(40, 167, 69, 0.08)
}

body.dark.modern {
    --content-card-bg: rgba(42, 45, 58, 0.7);
    --content-card-border: rgba(58, 59, 93, 0.5);
    --content-text-primary: #ffffff;
    --content-text-secondary: #a0a8c4;
    --content-accent-color: #0d6efd;
    --content-bg-blur-1: rgba(13, 110, 253, 0.15);
    --content-bg-blur-2: rgba(76, 175, 80, 0.15)
}

:root {
    --star-color: #ffc107
}

body.dark.modern {
    --section-bg: #16181e;
    --card-border-color: rgba(58, 59, 93, 0.5)
}

:root {
    --pagination-bg: rgba(255, 255, 255, 0.6);
    --pagination-border: rgba(0, 0, 0, 0.08);
    --pagination-item-hover-bg: #e9ecef;
    --pagination-text: #6c757d;
    --pagination-active-text: #ffffff;
    --pagination-active-bg: linear-gradient(45deg, #007bff, #6f42c1)
}

body.dark.modern {
    --pagination-bg: rgba(42, 45, 58, 0.7);
    --pagination-border: rgba(58, 59, 93, 0.5);
    --pagination-item-hover-bg: #313543;
    --pagination-text: #a0a8c4;
    --pagination-active-text: #ffffff;
    --pagination-active-bg: linear-gradient(45deg, #0d6efd, #8f62ea)
}

:root {
    --mobile-nav-bg: rgba(255, 255, 255, 0.7);
    --mobile-nav-border: rgba(0, 0, 0, 0.08);
    --mobile-nav-text: #6c757d;
    --mobile-nav-active: #007bff;
    --mobile-badge-bg: #dc3545
}

body.dark.modern {
    --mobile-nav-bg: rgba(30, 32, 41, 0.75);
    --mobile-nav-border: rgba(58, 59, 93, 0.5);
    --mobile-nav-text: #a0a8c4;
    --mobile-nav-active: #0d6efd;
    --mobile-badge-bg: #ff6b6b
}

:root {
    --btn-primary-bg: linear-gradient(45deg, #007bff, #5a00ff);
    --btn-primary-glow: rgba(0, 123, 255, 0.4);
    --btn-secondary-text: #495057;
    --btn-secondary-hover-bg: #dee2e6;
    --btn-secondary-hover-text: #212529
}

body.dark.modern {
    --btn-primary-bg: linear-gradient(45deg, #0d6efd, #8f62ea);
    --btn-primary-glow: rgba(13, 110, 253, 0.3);
    --btn-secondary-text: #a0a8c4;
    --btn-secondary-hover-bg: #4a4f6a;
    --btn-secondary-hover-text: #ffffff
}

:root {
    --header-bg: rgba(255, 255, 255, 0.7);
    --header-border: #e9ecef;
    --dropdown-bg: #ffffff;
    --dropdown-shadow: rgba(0, 0, 0, 0.1);
    --icon-btn-bg: #f8f9fa;
    --icon-btn-border: #dee2e6;
    --icon-btn-text: #495057;
    --icon-btn-hover-bg: #e9ecef;
    --icon-btn-hover-text: #007bff;
    --badge-bg: #dc3545
}

body.dark.modern {
    --accent-glow: rgba(13, 110, 253, 0.3);
    --header-bg: rgba(30, 32, 41, 0.75);
    --header-border: rgba(58, 59, 93, 0.5);
    --dropdown-bg: #222531;
    --dropdown-shadow: rgba(0, 0, 0, 0.3);
    --icon-btn-bg: #2a2d3a;
    --icon-btn-border: #3a3f5a;
    --icon-btn-text: #a0a8c4;
    --icon-btn-hover-bg: #313543;
    --icon-btn-hover-text: #ffffff;
    --badge-bg: #ff6b6b
}

:root {
    --search-bg: #f0f2f5;
    --search-border: #dee2e6;
    --search-text-primary: #212529;
    --search-text-secondary: #6c757d;
    --search-accent-color: #007bff
}

body.dark.modern {
    --search-bg: #2a2d3a;
    --search-border: #3a3f5a;
    --search-text-primary: #f0f0f0;
    --search-text-secondary: #a0a8c4;
    --search-accent-color: #0d6efd
}

:root {
    --hero-overlay-bg: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
    --hero-text-primary: #212529
}

body.dark.modern {
    --hero-overlay-bg: linear-gradient(90deg, rgba(22, 24, 30, 0.95) 0%, rgba(22, 24, 30, 0.7) 50%, transparent 100%);
    --hero-text-primary: #ffffff
}

:root {
    --text-primary2: #212529;
    --text-secondary2: #6c757d;
    --danger-color: #dc3545
}

body.dark.modern {
    --page-bg: #16181e;
    --card-bg: rgba(42, 45, 58, 0.7);
    --card-border: rgba(58, 59, 93, 0.5);
    --text-primary2: #f0f0f0;
    --text-secondary2: #a0a8c4;
    --input-bg: #222531;
    --danger-color: #ff6b6b;
    --bg-blur-1: rgba(13, 110, 253, 0.2);
    --bg-blur-2: rgba(76, 175, 80, 0.15)
}

:root {
    --panel-bg: #ffffff;
    --panel-border: #e9ecef;
    --panel-text: #212529;
    --btn-danger-bg: #dc3545;
    --btn-success-bg: #28a745
}

body.dark.modern {
    --panel-bg: #2a2d3a;
    --panel-border: #3a3f5a;
    --panel-text: #f0f0f0;
    --btn-danger-bg: #ff6b6b;
    --btn-success-bg: #5dd261
}

:root {
    --modal-text-primary: #212529;
    --modal-text-secondary: #6c757d;
    --modal-btn-confirm-bg: #dc3545;
    --modal-btn-cancel-bg: #e9ecef;
    --modal-btn-cancel-text: #495057;
    --modal-btn-cancel-hover-bg: #dee2e6
}

body.dark.modern {
    --modal-text-primary: #f0f0f0;
    --modal-text-secondary: #a0a8c4;
    --modal-btn-confirm-bg: #ff6b6b;
    --modal-btn-cancel-bg: #3a3f5a;
    --modal-btn-cancel-text: #a0a8c4;
    --modal-btn-cancel-hover-bg: #4a4f6a
}

:root {
    --modal-bg: rgb(255 255 255);
    --modal-border: rgba(0, 0, 0, 0.08);
    --text-primary: #212529;
    --btn-secondary-bg: #e9ecef;
    --btn-secondary-border: #dee2e6
}

body.dark.modern {
    --modal-bg: rgb(30 32 41);
    --modal-border: rgba(58, 59, 93, 0.5);
    --text-primary: #f0f0f0;
    --text-secondary: #a0a8c4;
    --accent-gradient: linear-gradient(45deg, #0d6efd, #8f62ea);
    --btn-secondary-bg: #3a3f5a;
    --btn-secondary-border: #4a4f6a
}

:root {
    --similar-card-bg: #ffffff;
    --similar-card-border: #e9ecef;
    --similar-title-color: #212529;
    --similar-price-color: #007bff
}

body.dark.modern {
    --similar-card-bg: #2a2d3a;
    --similar-card-border: #3a3f5a;
    --similar-title-color: #f0f0f0;
    --similar-price-color: #0d6efd
}

:root {
    --story-border-start: #ff8c00;
    --story-border-end: #ff5722
}

body.dark.modern {
    --story-border-start: #8f62ea;
    --story-border-end: #0d6efd
}

:root {
    --accent-orange: #ff8c00;
    --accent-green: #28a745
}

body.dark.modern {
    --accent-orange: #f0ad4e;
    --accent-green: #5dd261
}

:root {
    --section-border-color: #e9ecef;
    --participant-card-bg: #f8f9fa;
    --participant-text-primary: #212529;
    --participant-text-secondary: #6c757d
}

body.dark.modern {
    --section-border-color: #3a3f5a;
    --participant-card-bg: #222531;
    --participant-text-primary: #f0f0f0;
    --participant-text-secondary: #a0a8c4
}

:root {
    --filter-card-bg: rgba(255, 255, 255, 0.7);
    --filter-card-border: rgba(0, 0, 0, 0.08);
    --filter-input-bg: #f8f9fa;
    --filter-accent: #ff9a39
}

body.dark.modern {
    --filter-card-bg: rgba(42, 45, 58, 0.7);
    --filter-card-border: rgba(58, 59, 93, 0.5);
    --filter-input-bg: #222531;
    --filter-accent: #f0ad4e
}

:root {
    --seller-card-bg: #f8f9fa;
    --seller-card-border: #e9ecef;
    --seller-text-primary: #212529;
    --seller-text-secondary: #6c757d;
    --seller-accent-orange: #ff8c00;
    --seller-accent-blue: #007bff;
    --status-online: #28a745
}

body.dark.modern {
    --seller-card-bg: #222531;
    --seller-card-border: #3a3f5a;
    --seller-text-primary: #f0f0f0;
    --seller-text-secondary: #a0a8c4;
    --seller-accent-orange: #f0ad4e;
    --seller-accent-blue: #0d6efd;
    --status-online: #5dd261
}

:root {
    --share-bg: #f8f9fa;
    --share-border: #e9ecef;
    --share-text: #6c757d;
    --share-icon-hover-bg: #e9ecef;
    --share-icon-hover-text: #007bff
}

body.dark.modern {
    --share-bg: #222531;
    --share-border: #3a3f5a;
    --share-text: #a0a8c4;
    --share-icon-hover-bg: #313543;
    --share-icon-hover-text: #ffffff
}

:root {
    --section-border: #e9ecef;
    --section-title-color: #212529;
    --empty-state-bg: #f8f9fa;
    --empty-state-text: #6c757d
}

body.dark.modern {
    --section-border: #3a3f5a;
    --section-title-color: #f0f0f0;
    --empty-state-bg: #222531;
    --empty-state-text: #a0a8c4
}

:root {
    --profile-card-bg: rgba(255, 255, 255, 0.7);
    --profile-card-border: rgba(0, 0, 0, 0.08);
    --profile-text-primary: #212529;
    --profile-text-secondary: #6c757d;
    --profile-status-online: #28a745;
    --profile-tab-bg: #e9ecef;
    --profile-tab-active-bg: linear-gradient(45deg, #007bff, #6f42c1)
}

body.dark.modern {
    --profile-card-bg: rgba(42, 45, 58, 0.7);
    --profile-card-border: rgba(58, 59, 93, 0.5);
    --profile-text-primary: #f0f0f0;
    --profile-text-secondary: #a0a8c4;
    --profile-status-online: #5dd261;
    --profile-tab-bg: #222531;
    --profile-tab-active-bg: linear-gradient(45deg, #0d6efd, #8f62ea)
}

:root {
    --slider-bg: #ffffff;
    --slider-border: #e9ecef;
    --slider-text-primary: #212529;
    --slider-text-secondary: #ffffff;
    --slider-overlay-bg: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 50%)
}

body.dark.modern {
    --slider-bg: #2a2d3a;
    --slider-border: #3a3f5a;
    --slider-text-primary: #f0f0f0;
    --slider-text-secondary: #e0e0e0;
    --slider-overlay-bg: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 60%)
}

:root {
    --card-bg-glass: rgba(255, 255, 255, 0.7);
    --card-border-glass: rgba(0, 0, 0, 0.08)
}

body.dark.modern {
    --card-bg-glass: rgba(42, 45, 58, 0.7);
    --card-border-glass: rgba(58, 59, 93, 0.5)
}

:root {
    --accordion-bg: #ffffff;
    --accordion-border: #e9ecef;
    --accordion-hover-bg: #f8f9fa;
    --accordion-active-bg: #f8f9fa;
    --accordion-text-primary: #212529;
    --accordion-text-secondary: #6c757d
}

body.dark.modern {
    --accordion-bg: #2a2d3a;
    --accordion-border: #3a3f5a;
    --accordion-hover-bg: #313543;
    --accordion-active-bg: #222531;
    --accordion-text-primary: #f0f0f0;
    --accordion-text-secondary: #a0a8c4
}

:root {
    --form-section-bg: #f8f9fa;
    --form-section-border: #e9ecef;
    --form-text-primary: #212529;
    --form-text-secondary: #6c757d;
    --form-input-bg: #ffffff;
    --form-btn-secondary-bg: #6c757d
}

body.dark.modern {
    --form-section-bg: #222531;
    --form-section-border: #3a3f5a;
    --form-text-primary: #f0f0f0;
    --form-text-secondary: #a0a8c4;
    --form-input-bg: #1b1f29;
    --form-btn-secondary-bg: #4a4f6a
}

:root {
    --alert-info-bg: rgba(40, 167, 69, 0.1);
    --alert-info-text: #1a7431;
    --alert-info-border: rgba(40, 167, 69, 0.2)
}

body.dark.modern {
    --alert-info-bg: rgba(76, 175, 80, 0.15);
    --alert-info-text: #5dd261;
    --alert-info-border: rgba(76, 175, 80, 0.3)
}

:root {
    --popup-bg: rgba(255, 255, 255, 0.7);
    --popup-border: #e9ecef;
    --popup-input-bg: #f8f9fa
}

body.dark.modern {
    --popup-bg: rgba(42, 45, 58, 0.8);
    --popup-border: #3a3f5a;
    --popup-input-bg: #222531
}

:root {
    --status-success-bg: rgba(40, 167, 69, 0.1);
    --status-success-text: #1a7431;
    --status-danger-bg: rgba(220, 53, 69, 0.1);
    --status-danger-text: #a51c2a
}

body.dark.modern {
    --status-success-bg: rgba(76, 175, 80, 0.15);
    --status-success-text: #5dd261;
    --status-danger-bg: rgba(220, 53, 69, 0.15);
    --status-danger-text: #ff6b6b
}

:root {
    --status-pending-bg: rgba(255, 193, 7, 0.15);
    --status-pending-text: #b98900;
    --status-process-bg: rgba(13, 110, 253, 0.15);
    --status-process-text: #0069d9;
    --status-half-bg: rgba(111, 66, 193, 0.15);
    --status-half-text: #6f42c1
}

body.dark.modern {
    --status-pending-bg: rgba(255, 193, 7, 0.15);
    --status-pending-text: #ffca2c;
    --status-process-bg: rgba(13, 110, 253, 0.2);
    --status-process-text: #3db9ff;
    --status-half-bg: rgba(111, 66, 193, 0.2);
    --status-half-text: #be9ff6
}

:root {
    --modal-card-bg: #e9ecef
}

body.dark.modern {
    --modal-card-bg: #222531
}

:root {
    --accordion-body-bg: #f8f9fa
}

body.dark.modern {
    --accordion-body-bg: #222531
}

:root {
    --form-info-text: #6c757d;
    --form-secondary-btn-bg: #6c757d;
    --form-outline-btn-border: #3a3f5a;
    --form-outline-btn-text: #a0a8c4
}

body.dark.modern {
    --form-info-text: #a0a8c4;
    --form-secondary-btn-bg: #4a4f6a;
    --form-outline-btn-border: #4a4f6a;
    --form-outline-btn-text: #a0a8c4
}

:root {
    --tab-active-bg: #ffffff;
    --tab-active-text: #007bff;
    --alert-success-bg: #d4edda;
    --alert-success-text: #1a7431
}

body.dark.modern {
    --tab-active-bg: #2a2d3a;
    --tab-active-text: #0d6efd;
    --alert-success-bg: rgba(76, 175, 80, 0.15);
    --alert-success-text: #5dd261
}

.price_filter {
    margin-top: 15px
}

.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: #232323 none repeat scroll 0 0;
    border: medium;
    border-radius: 20px;
    height: 8px;
    margin-bottom: 20px;
    margin-left: auto
}

.price_filter .ui-slider-range {
    background: #ff8503 none repeat scroll 0 0;
    border-radius: 0
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
    height: 15px;
    width: 15px;
    top: 0;
    margin-top: -4px;
    background: #fff;
    border-radius: 50px;
    margin-left: 0;
    border: 3px solid #ff8503
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all:focus {
    outline: 0;
    box-shadow: none
}

.price_slider_amount {
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #080808;
    padding: 14px 25px;
    height: 65px;
    margin: 0 0 25px
}

.price_slider_amount>span {
    font-size: 15px;
    font-weight: 500;
    color: #bababa;
    text-transform: uppercase;
    margin-right: 9px
}

.price_slider_amount>input[type=text] {
    height: auto;
    margin-left: 0;
    text-align: left;
    width: 120px;
    flex-grow: 1;
    border: none;
    font-size: 15px;
    color: #bababa;
    font-weight: 500;
    background: 0 0;
    padding: 0
}

.price_filter>input[type=submit] {
    text-transform: uppercase;
    transition: all .3s ease-out 0s;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #ff8503;
    font-weight: 600;
    justify-content: center;
    border: none;
    min-width: 123px;
    padding: 16px 33px
}

.price_filter>input[type=submit]:hover {
    color: #fff;
    background: #232323;
    border-color: #232323
}

@media only screen and (max-width: 1023px) {
    .page {
        overflow:initial
    }
}

.border-circle {
    border-radius: 10px
}

body.dark .modal-content {
    background: var(--background-dark);
    border-color: #323948
}

.shop__nav2.anabaslik {
    z-index: 2
}



body.dark .payout__row:nth-child(2n) .payout__col {
    background: rgb(39 43 48 / 0%)
}

.shop .card {
    margin: 0
}

.shop__products {
    display: flow;
    padding-bottom: 0
}

body.dark .settings {
    background: var(--background-dark)
}

.header__item_user .header__body {
    width: 250px;
    padding: 6px
}

.header__body {
    border-radius: 12px;
    box-shadow: 0
}

.section--2 {
    padding: 10px 0
}

.status-blue {
    background: #0ff
}

.status-green-dark {
    background: var(--theme-color)
}

.status-blue {
    background: #0ff
}

.payout__wrapper {
    background: #fcfcfc00
}

.payout__status {
    display: block
}

@media (max-width: 768px) {
    .payout__wrapper {
        display:flex;
        flex-direction: column;
        padding: 0;
        overflow: hidden
    }

    .payout__row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 8px
    }

    .payout__row>div {
        flex: 1 1 45%;
        margin: 5px 0;
        text-align: center;
        font-size: 14px
    }

    .payout__row .detail-button,.payout__row .status {
        flex: 1 1 100%;
        text-align: center;
        margin-top: 5px
    }

    .page__container {
        padding: 6px
    }
}

.page__container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}

@media only screen and (max-width: 992px) {
    .product_card {
        padding-left:5px;
        padding-right: 5px;
        flex-basis: auto;
        margin-bottom: 6px
    }
}

@media only screen and (max-width: 767px) {
    .top-product .product-item {
        width:100%!important
    }
}

body.dark.modern .profilusticon {
    background-color: #606060
}

.abtnbenz {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    transition: all .2s
}

.top-navigation {
    display: flex;
    justify-content: end
}

.top-navigation .top-link {
    margin: 0 8px
}

.top-navigation .top-link a {
    color: #3b3b3b;
    font-weight: 700;
    font-size: 12px
}

@media only screen and (max-width: 992px) {
    .top-navigation {
        display:none
    }

    .product-favorite-add .favorite-heart-icon.favorited-heart-icon {
        color: #fff
    }

    .wrap_deff {
        bottom: 70px!important
    }

    .__jivoMobileButton {
        bottom: 70px!important
    }

    body {
        overflow-x: hidden;
        max-width: 100%;
        min-width: 100%
    }
}

.for-story {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 0 0
}

.story-container {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.story-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover
}

@media (max-width: 768px) {
    .mobustmenu {
        display:flex!important;
        justify-content: space-around
    }

    .for-story {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        overflow: auto;
        justify-content: flex-start
    }

    .story-container {
        width: 70px;
        height: 70px;
        margin: 0
    }
}

.mb-2 {
    margin-bottom: .5rem!important
}

@keyframes coursel {
    from {
        transform: rotateZ(0)
    }

    to {
        transform: rotateZ(360deg)
    }
}



body.dark .topmenbal.topbalalan {
    background: #333c50;
    border: 1px solid #425172;
    box-shadow: 0 3px 5px #00000026
}

.topmenbal.topbalalan {
    display: flex;
    align-items: center;
    margin-top: 0!important;
    gap: 6px;
    background: #fff;
    padding: 0;
    border-radius: 25px;
    margin: 0 0
}

.topbalalan a {
    border-radius: 999px;
    background: #f07134;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin: -2px 0
}

.topbalalan a i {
    color: #fff
}

.topbalalan span {
    color: #f07134;
    font-weight: 500;
    font-size: 12px
}

[class^=button] {
    font-weight: 500;
    border-radius: 8px
}

.cart_desktop_element i {
    font-size: 20px
}

.header_top_menu_right i {
    font-size: 15px
}

.ml-0 {
    margin-left: 0!important
}

.pl-0 {
    padding-left: 0
}

.users__button {
    font-size: 14px;
    background-color: rgba(255,255,255,.08);
    padding: 0 15px;
    border-radius: 10px
}

.header__item.mr-0 {
    margin-right: 10px!important;
    margin-left: 10px!important
}

.girisspasn {
    line-height: 17px;
    margin-right: 10px;
    margin-left: 7px
}

body.dark.modern .userilanpaz {
    border: 1px solid var(--theme-color)!important;
    background: var(--theme-color) 00!important;
    color: #fff!important
}

.userilanpaz {
    border: 1px solid var(--theme-color)!important;
    background: var(--theme-color)!important;
    color: #fff!important
}

body.dark.modern .userilanpaz:hover {
    background: rgba(255,255,255,.1)!important;
    color: #fff!important
}

.userilanpaz:hover {
    background: rgba(255,255,255,.1)!important;
    color: var(--theme-color)!important
}

.header__item_user .header__head {
    border-radius: 12px;
    padding: 6px 30px;
    border: 1px solid var(--theme-color);
    box-shadow: 0
}

.button-hovmen {
    border: 1px solid #000
}

.button-hovmen:hover {
    border: 1px solid var(--theme-color)!important;
    background: var(--theme-color)!important;
    color: #fff!important;
    box-shadow: 0
}

.button-hovmen2 {
    border: 1px solid #000
}

.button-hovmen2:hover {
    border: 1px solid var(--theme-color)!important;
    background: var(--theme-color)!important;
    color: #fff!important;
    box-shadow: 0
}

body.dark .header__link {
    color: #fff
}

.header__body:before,body.dark .header__body:before {
    background-image: none
}

.header__nav .header__link i {
    font-size: 15px;
    margin-right: 7px
}

.header__link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 25px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
    transition: all .2s
}

.profilusticon {
    background-color: #fff;
    width: 17px;
    height: 17px;
    transform: rotate(45deg);
    position: absolute;
    top: -10px;
    left: calc(50% - 9px);
    border-left: 2px solid #c1c1c1;
    border-top: 2px solid #c1c1c1;
    z-index: -1
}

body.dark .katepazar li a {
    background-color: #dcdcdc47;
    color: #fff
}

.subkatepazar li {
    margin: 4px;
    margin-right: 0
}

.subkatepazar {
    list-style: none;
    padding: 5px 0 0 20px
}

.katepazar li a {
    background-color: #dcdcdc47;
    color: #000;
    border: 2px solid #a9a9a94a;
    transition: all .15s ease 0s;
    border-radius: 6px;
    overflow: hidden;
    display: block
}

.katepazar img {
    object-fit: cover;
    margin-right: 5px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    background: #3e4b6f
}

.katepazar {
    list-style: none;
    max-height: 290px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 5px 0 0;
    margin: 8px 0 0
}

.katepazar::-webkit-scrollbar {
    width: 5px
}

.katepazar::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px
}

.katepazar::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

body.dark .pborderdiv {
    border: 2px solid #2a2d3a!important
}

.pborderdiv {
    border: 2px solid #fff!important
}

.fcp_box p,.messages__man,.messenger__line .messenger__man {
    text-transform: capitalize
}

body.dark .button-stroke,body.dark .button-stroke-red {
    box-shadow: 0 0 0 2px transparent inset!important
}

.owl-populerkate .owl-nav {
    position: absolute;
    top: -80px;
    left: 90%;
    display: block!important;
    margin-top: 30px
}

@media screen and (max-width: 992px) {
    .owl-populerkate .owl-nav {
        left:72%
    }
}

.owl-populerkate .owl-nav button {
    height: 33px;
    width: 33px;
    background: var(--theme-color)!important;
    border-radius: 100%!important;
    color: #00fbfb!important
}

.owl-populerkate .owl-nav button:hover {
    border-color: #2d9cdb!important;
    color: #2d9cdb!important;
    background: var(--theme-color) ad!important
}

.shop__nav .shop__link {
    color: #fff;
    background: var(--6,linear-gradient(180deg,#303740 0,#36455a 100%))
}

.shop__nav .shop__link.active {
    background: #2d9cdb!important
}

.mr-2 {
    margin-right: 1rem
}

body.dark.modern {
    background: #171a21
}

.header__body {
    border: 2px solid #c1c1c1
}

body.dark .sidebar {
    background: #24263a;
    border-right: 1px solid #181a20
}

body.dark .sidebar__foot {
    border-color: #181a20
}

.sidebar__foot {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #181a20
}

body.dark .sidebar__help.active,body.dark .sidebar__item[href].active {
    background: 0 0;
    box-shadow: none;
    color: #e2e4e9!important
}

.header {
    z-index: 20;
    display: flex
}

body.dark .header {
    background: 0 0
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    border-right: 1px solid rgba(255,255,255,.1);
    flex-direction: column;
    padding: 24px;
    background: #fcfcfc;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

body.dark .header__link.active,body.dark .header__link:hover {
    display: flex;
    flex-flow: row wrap;
    cursor: pointer;
    background: rgba(255,255,255,.04);
    color: #fff;
    transition: all .15s ease-in-out 0s;
    text-align: left;
    border-radius: 8px;
    color: var(--theme-color)
}

.header__link.active,.header__link:hover {
    display: flex;
    flex-flow: row wrap;
    cursor: pointer;
    background: rgba(255,255,255,.04);
    color: #fff;
    transition: all .15s ease-in-out 0s;
    text-align: left;
    border-radius: 8px;
    color: var(--theme-color)
}

.balance_title {
    margin-right: auto;
    font-size: 20px;
    font-weight: 500;
    padding-left: 12px;
    line-height: 1.6;
    letter-spacing: -.02em
}

body.dark .user_button {
    border-color: #fff;
    background: rgba(255,255,255,.04);
    color: rgb(255 255 255);
    padding: 6px 30px
}

body.dark .user_button:hover {
    background: rgba(255,255,255,.1);
    color: #fff
}

.header__btns .icon {
    width: 24px;
    height: 24px;
    fill: #6F767E;
    transition: fill .2s
}

.header__btns .icon:hover {
    width: 24px;
    height: 24px;
    fill: #fff;
    transition: fill .2s
}

@media (max-width: 728px) {
    .header_top_main .header__item_user {
        width:auto
    }

    .header_top_main .header__item_user button.header__head:before {
        content: '\f406';
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 24px;
        color: #6f767e;
        width: 24px;
        height: 24px
    }

    body.dark .header_top_menu_mobile_content .sidebar__menu {
        background: var(--background-dark);
        border-top: 1px solid #1a1d1f45;
        padding-top: 5px;
        border-bottom: 1px solid #1a1d1f45;
        box-shadow: rgb(100 100 111 / 20%) 1px 7px 29px 0;
        display: flex;
        overflow: hidden;
        -webkit-transition: max-height 1s;
        -moz-transition: max-height 1s;
        -ms-transition: max-height 1s;
        -o-transition: max-height 1s;
        transition: max-height 1s;
        max-height: 0
    }

    .header_top_main .header__item_user button.header__head {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 24px;
        font-size: 0;
        margin-right: 1.5rem
    }

    .scard_summary_boxes_item_value {
        display: flex;
        align-items: center
    }

    .right_sm_blog_card {
        margin-bottom: 1rem!important;
        height: auto!important;
        min-height: 250px!important
    }

    .big_blog_card,.right_blog_cards {
        width: 100%!important
    }

    .last_blog,div.blog_view_vertical {
        flex-direction: column
    }

    .summary__preview {
        width: 100%
    }

    .blog_view_vertical div.summary {
        width: 100%!important;
        flex: 0 0 100%!important;
        margin: 0 0 2rem!important;
        padding: 0!important
    }

    .blog_slider_title {
        width: 90%!important
    }

    .blog_slider_title h2 {
        font-size: 1.4rem!important
    }

    .product_page {
        padding-top: calc(80px + 4rem)
    }
}

.apexcharts-text tspan,.apexcharts-tooltip * {
    font-family: inherit
}

.apexcharts-inner,.category_list_box_title {
    position: relative
}

@media (max-width: 728px) {
    .shop_card .scard_summary_similar {
        margin-left:0;
        margin-top: 1rem;
        width: 100%!important
    }

    .shop_card .shop_card_start {
        width: 100%;
        flex-direction: column
    }

    .shop_card .scard_summary_boxes_prices {
        margin-top: .5rem
    }

    .shop_card .shop_card_summary {
        width: 100%
    }

    .shop_card .shop_card_img {
        height: 400px;
        width: 100%;
        margin-bottom: 1rem;
        padding-left: 1rem
    }

    .shop_card {
        flex-direction: column
    }

    .right_sm_blog_card {
        margin-bottom: 1rem!important;
        height: auto!important;
        min-height: 250px!important
    }

    .big_blog_card,.right_blog_cards {
        width: 100%!important
    }

    .last_blog,div.blog_view_vertical {
        flex-direction: column
    }

    .summary__preview {
        width: 100%
    }

    .blog_view_vertical div.summary {
        width: 100%!important;
        flex: 0 0 100%!important;
        margin: 0 0 2rem!important;
        padding: 0!important
    }

    .blog_slider_title {
        width: 90%!important
    }

    .blog_slider_title h2 {
        font-size: 1.4rem!important
    }

    .product_page {
        padding-top: calc(80px + 4rem)
    }

    .cart_page .schedule__col label.checkbox,.cart_price_div {
        margin-bottom: 1rem
    }

    .schedule__preview {
        width: 100%;
        height: auto
    }

    .cart_page .schedule__details .schedule__price {
        display: none
    }

    .cart_page .schedule__item {
        flex-direction: column
    }

    .cart_page .panel {
        display: block!important
    }

    .cart_price_div {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%
    }

    .cart_page .schedule__row {
        border: 1px solid;
        padding: .5rem;
        flex-wrap: wrap
    }

    .cart_page .schedule__row:not(:first-child)>div.schedule__col_date {
        text-align: center!important;
        justify-content: center!important;
        margin: 0!important;
        padding: 0!important;
        width: 100%!important
    }

    .cart_page .schedule__col {
        display: block!important
    }
}

.header_top_slogan h1 {
    font-size: .875rem
}

.header_top_menu .container,.header_top_navbar>.container {
    align-items: center
}

.header_top_menu .container>li.dropdown {
    margin-right: 1rem
}

.cart_page .schedule__row .cart_price_div .schedule__col {
    width: auto
}

.cart_page .schedule__row:not(:first-child)>.schedule__col:last-child {
    width: 35%
}

img {
    max-width: 100%
}

.apexcharts-canvas {
    position: relative;
    user-select: none
}

.apexcharts-canvas ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px
}

.apexcharts-canvas ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.apexcharts-canvas.apexcharts-theme-dark {
    background: #343f57
}

.legend-mouseover-inactive {
    transition: .15s ease all;
    opacity: .2
}

.apexcharts-series-collapsed {
    opacity: 0
}

.apexcharts-tooltip {
    border-radius: 5px;
    box-shadow: 2px 2px 6px -4px #999;
    cursor: default;
    font-size: 14px;
    left: 62px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 20px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 12;
    transition: .15s ease all
}

.apexcharts-tooltip.apexcharts-active {
    opacity: 1;
    transition: .15s ease all
}

.apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid #e3e3e3;
    background: rgba(255,255,255,.96)
}

.apexcharts-tooltip.apexcharts-theme-dark {
    color: #fff;
    background: rgba(30,30,30,.8)
}

.apexcharts-tooltip-title {
    padding: 6px;
    font-size: 15px;
    margin-bottom: 4px
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #eceff1;
    border-bottom: 1px solid #ddd
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background: rgba(0,0,0,.7);
    border-bottom: 1px solid #333
}

.apexcharts-tooltip-text-value,.apexcharts-tooltip-text-z-value {
    display: inline-block;
    margin-left: 5px;
    font-weight: 600
}

.apexcharts-tooltip-text-z-label:empty,.apexcharts-tooltip-text-z-value:empty {
    display: none
}

.apexcharts-tooltip-marker {
    width: 12px;
    height: 12px;
    position: relative;
    top: 0;
    margin-right: 10px;
    border-radius: 50%
}

.apexcharts-tooltip-series-group {
    padding: 0 10px;
    display: none;
    text-align: left;
    justify-content: left;
    align-items: center
}

.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
    opacity: 1
}

.apexcharts-tooltip-series-group.apexcharts-active,.apexcharts-tooltip-series-group:last-child {
    padding-bottom: 4px
}

.apexcharts-tooltip-series-group-hidden {
    opacity: 0;
    height: 0;
    line-height: 0;
    padding: 0!important
}

.apexcharts-tooltip-y-group {
    padding: 6px 0 5px
}

.apexcharts-tooltip-candlestick {
    padding: 4px 8px
}

.apexcharts-tooltip-candlestick>div {
    margin: 4px 0
}

.apexcharts-tooltip-candlestick span.value {
    font-weight: 700
}

.apexcharts-tooltip-rangebar {
    padding: 5px 8px
}

.apexcharts-tooltip-rangebar .category {
    font-weight: 500;
    color: #777
}

.apexcharts-tooltip-rangebar .series-name {
    font-weight: 700;
    display: block;
    margin-bottom: 5px
}

.apexcharts-xaxistooltip {
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #eceff1;
    border: 1px solid #90a4ae;
    transition: .15s ease all
}

.apexcharts-xaxistooltip.apexcharts-theme-dark {
    background: rgba(0,0,0,.7);
    border: 1px solid rgba(0,0,0,.5);
    color: #fff
}

.apexcharts-xaxistooltip:after,.apexcharts-xaxistooltip:before {
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.apexcharts-xaxistooltip:after {
    border-color: rgba(236,239,241,0);
    border-width: 6px;
    margin-left: -6px
}

.apexcharts-xaxistooltip:before {
    border-color: rgba(144,164,174,0);
    border-width: 7px;
    margin-left: -7px
}

.apexcharts-xaxistooltip-bottom:after,.apexcharts-xaxistooltip-bottom:before {
    bottom: 100%
}

.apexcharts-xaxistooltip-top:after,.apexcharts-xaxistooltip-top:before {
    top: 100%
}

.apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #eceff1
}

.apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #90a4ae
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after,.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
    border-bottom-color: rgba(0,0,0,.5)
}

.apexcharts-xaxistooltip-top:after {
    border-top-color: #eceff1
}

.apexcharts-xaxistooltip-top:before {
    border-top-color: #90a4ae
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after,.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
    border-top-color: rgba(0,0,0,.5)
}

.apexcharts-xaxistooltip.apexcharts-active {
    opacity: 1;
    transition: .15s ease all
}

.apexcharts-yaxistooltip {
    opacity: 0;
    padding: 4px 10px;
    pointer-events: none;
    color: #373d3f;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    background: #eceff1;
    border: 1px solid #90a4ae
}

.apexcharts-yaxistooltip.apexcharts-theme-dark {
    background: rgba(0,0,0,.7);
    border: 1px solid rgba(0,0,0,.5);
    color: #fff
}

.apexcharts-yaxistooltip:after,.apexcharts-yaxistooltip:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.apexcharts-yaxistooltip:after {
    border-color: rgba(236,239,241,0);
    border-width: 6px;
    margin-top: -6px
}

.apexcharts-yaxistooltip:before {
    border-color: rgba(144,164,174,0);
    border-width: 7px;
    margin-top: -7px
}

.apexcharts-yaxistooltip-left:after,.apexcharts-yaxistooltip-left:before {
    left: 100%
}

.apexcharts-yaxistooltip-right:after,.apexcharts-yaxistooltip-right:before {
    right: 100%
}

.apexcharts-yaxistooltip-left:after {
    border-left-color: #eceff1
}

.apexcharts-yaxistooltip-left:before {
    border-left-color: #90a4ae
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after,.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
    border-left-color: rgba(0,0,0,.5)
}

.apexcharts-yaxistooltip-right:after {
    border-right-color: #eceff1
}

.apexcharts-yaxistooltip-right:before {
    border-right-color: #90a4ae
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after,.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
    border-right-color: rgba(0,0,0,.5)
}

.apexcharts-yaxistooltip.apexcharts-active {
    opacity: 1
}

.apexcharts-yaxistooltip-hidden {
    display: none
}

.apexcharts-xcrosshairs,.apexcharts-ycrosshairs {
    pointer-events: none;
    opacity: 0;
    transition: .15s ease all
}

.apexcharts-xcrosshairs.apexcharts-active,.apexcharts-ycrosshairs.apexcharts-active {
    opacity: 1;
    transition: .15s ease all
}

.apexcharts-ycrosshairs-hidden {
    opacity: 0
}

.apexcharts-selection-rect {
    cursor: move
}

.svg_select_boundingRect,.svg_select_points_rot {
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.apexcharts-selection-rect+g .svg_select_boundingRect,.apexcharts-selection-rect+g .svg_select_points_rot {
    opacity: 0;
    visibility: hidden
}

.apexcharts-selection-rect+g .svg_select_points_l,.apexcharts-selection-rect+g .svg_select_points_r {
    cursor: ew-resize;
    opacity: 1;
    visibility: visible
}

.svg_select_points {
    fill: #efefef;
    stroke: #333;
    rx: 2
}

.apexcharts-canvas.apexcharts-zoomable .hovering-zoom {
    cursor: crosshair
}

.apexcharts-canvas.apexcharts-zoomable .hovering-pan {
    cursor: move
}

.apexcharts-menu-icon,.apexcharts-pan-icon,.apexcharts-reset-icon,.apexcharts-selection-icon,.apexcharts-toolbar-custom-icon,.apexcharts-zoom-icon,.apexcharts-zoomin-icon,.apexcharts-zoomout-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 24px;
    color: #6e8192;
    text-align: center
}

.apexcharts-menu-icon svg,.apexcharts-reset-icon svg,.apexcharts-zoom-icon svg,.apexcharts-zoomin-icon svg,.apexcharts-zoomout-icon svg {
    fill: #6E8192
}

.apexcharts-selection-icon svg {
    fill: #444;
    transform: scale(.76)
}

.apexcharts-theme-dark .apexcharts-menu-icon svg,.apexcharts-theme-dark .apexcharts-pan-icon svg,.apexcharts-theme-dark .apexcharts-reset-icon svg,.apexcharts-theme-dark .apexcharts-selection-icon svg,.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg,.apexcharts-theme-dark .apexcharts-zoom-icon svg,.apexcharts-theme-dark .apexcharts-zoomin-icon svg,.apexcharts-theme-dark .apexcharts-zoomout-icon svg {
    fill: #f3f4f5
}

.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg,.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {
    fill: #008FFB
}

.apexcharts-theme-light .apexcharts-menu-icon:hover svg,.apexcharts-theme-light .apexcharts-reset-icon:hover svg,.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg {
    fill: #333
}

.apexcharts-menu-icon,.apexcharts-selection-icon {
    position: relative
}

.apexcharts-reset-icon {
    margin-left: 5px
}

.apexcharts-menu-icon,.apexcharts-reset-icon,.apexcharts-zoom-icon {
    transform: scale(.85)
}

.apexcharts-zoomin-icon,.apexcharts-zoomout-icon {
    transform: scale(.7)
}

.apexcharts-zoomout-icon {
    margin-right: 3px
}

.apexcharts-pan-icon {
    transform: scale(.62);
    position: relative;
    left: 1px;
    top: 0
}

.apexcharts-pan-icon svg {
    fill: #fff;
    stroke: #6E8192;
    stroke-width: 2
}

.apexcharts-pan-icon.apexcharts-selected svg {
    stroke: #008FFB
}

.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
    stroke: #333
}

.apexcharts-toolbar {
    position: absolute;
    z-index: 11;
    max-width: 176px;
    text-align: right;
    border-radius: 3px;
    padding: 0 6px 2px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.apexcharts-menu {
    background: #fff;
    position: absolute;
    top: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
    right: 10px;
    opacity: 0;
    min-width: 110px;
    transition: .15s ease all;
    pointer-events: none
}

.apexcharts-menu.apexcharts-menu-open {
    opacity: 1;
    pointer-events: all;
    transition: .15s ease all
}

.apexcharts-menu-item {
    padding: 6px 7px;
    font-size: 12px;
    cursor: pointer
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #eee
}

.apexcharts-theme-dark .apexcharts-menu {
    background: rgba(0,0,0,.7);
    color: #fff
}

@media screen and (max-width: 768px) {
    .slider_right {
        margin-left:0!important
    }

    .slider_left {
        margin-right: 0!important
    }
}

@media screen and (min-width: 768px) {
    .apexcharts-canvas:hover .apexcharts-toolbar {
        opacity:1
    }
}

.apexcharts-canvas .apexcharts-element-hidden,.apexcharts-datalabel.apexcharts-element-hidden,.apexcharts-hide .apexcharts-series-points {
    opacity: 0
}

.apexcharts-datalabel,.apexcharts-datalabel-label,.apexcharts-datalabel-value,.apexcharts-datalabels,.apexcharts-pie-label {
    cursor: default;
    pointer-events: none
}

.apexcharts-pie-label-delay {
    opacity: 0;
    animation-name: opaque;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease
}

.apexcharts-annotation-rect,.apexcharts-area-series .apexcharts-area,.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-gridline,.apexcharts-line,.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,.apexcharts-radar-series path,.apexcharts-radar-series polygon,.apexcharts-toolbar svg,.apexcharts-tooltip .apexcharts-marker,.apexcharts-zoom-rect {
    pointer-events: none
}

.apexcharts-marker {
    transition: .15s ease all
}

@keyframes opaque {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes resizeanim {
    from,to {
        opacity: 0
    }
}

.resize-triggers {
    animation: 1ms resizeanim;
    visibility: hidden;
    opacity: 0
}

.contract-trigger:before,.resize-triggers,.resize-triggers>div {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.resize-triggers>div {
    background: #eee;
    overflow: auto
}

.contract-trigger:before {
    width: 200%;
    height: 200%
}

.product_cart_button svg {
    margin-left: .3rem;
    margin-right: .3rem;
    width: 24px;
    height: 24px;
    fill: #2a85ff
}

.product_cart_button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-weight: 500;
    font-size: .85rem;
    width: auto;
    height: 40px;
    background: #fcfcfc;
    border-radius: 6px;
    padding: .4rem .6rem
}

.loading_product,.product_cart_button.loading span,.product_cart_button.loading svg {
    display: none
}

.product_cart_button.loading .loading_product {
    display: block;
    height: 30px;
    position: static;
    object-fit: contain;
    width: 30px
}

.product_cart_button.loading {
    padding: 0 1.2rem;
    background: #fff;
    align-items: center;
    height: 45px
}

.summary.active .summary__preview:before {
    display: none
}

.summary_cart_count {
    position: absolute;
    right: 11px;
    top: -3px;
    background: #fafafa;
    z-index: 9;
    padding: .8rem .6rem;
    border-radius: 6px;
    color: #2a85ff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 550;
    line-height: normal
}

.summary_cart_count svg {
    color: #2a85ff;
    fill: #2a85ff;
    margin-right: .3rem
}

.alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 20px;
    border-left: 4px solid transparent;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
    transition: all .3s ease-in-out;
    background-color: #ffeaea;
    color: #78261f
}

.alert-danger {
    border-left-color: #e3342f
}

.alert-success {
    background-color: #d2f4e8;
    color: #0f6848;
    border-left-color: #38c172
}

body.dark .alert {
    background-color: #2e2e2e;
    color: #f1f1f1
}

body.dark .alert-danger {
    border-left-color: #ff4d4f
}

body.dark .alert-success {
    background-color: #233c33;
    color: #a3f9cb;
    border-left-color: #38c172
}

.alert .close {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: 0 0;
    border: none;
    font-size: 18px;
    color: inherit;
    cursor: pointer;
    opacity: .7;
    line-height: 1;
    font-family: Arial,sans-serif;
    font-weight: 700;
    padding: 0;
    margin: 0;
    transition: .2s ease-in-out
}

.alert .close:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.2)
}

.modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 22px;
    background: 0 0;
    border: none;
    color: #999;
    opacity: 1
}

.modal .close:hover {
    color: #000
}

body.dark .modal .close:hover {
    color: #fff
}

.alertMessage {
    position: fixed;
    top: 100px;
    right: 15px;
    background: #d5d5d5;
    padding: .85rem .7rem;
    border-radius: 12px;
    font-weight: 400;
    font-size: .85rem;
    z-index: 99999!important
}

.alertMessage.alert_success {
    background: var(--theme-color);
    color: #fff
}

.product_card.loading .summary__control,.product_card.loading .summary__preview:after {
    visibility: visible;
    opacity: 1
}

.header_cart_open {
    position: absolute;
    right: 120px;
    min-width: 355px;
    background: #fff;
    z-index: 9999;
    width: auto;
    top: 100%;
    display: none;
    padding-top: 4px;
    margin-top: -15px;
    display: none;
    border-radius: 10px
}

.header_cart_products {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    margin-top: .8rem
}

.header_cart_product {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

.header_cart_product_image {
    border: 1px solid #dedede;
    display: flex;
    padding: .4rem .2rem;
    height: 80px;
    width: 80px
}

.header_cart_product_image img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.header_cart_product_details {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    width: 100%
}

.header_cart_product_summary {
    display: inline-block;
    width: 100%
}

.header_cart_product_category {
    font-weight: 700;
    margin-right: .4rem;
    border-right: 1px solid #e6e6e6;
    padding-right: .4rem;
    float: left
}

.header_cart_product_title {
    font-weight: 400;
    width: 100%
}

.header_cart_product_quantity {
    color: silver;
    font-weight: 300;
    font-size: .825rem
}

.header_cart_product_price {
    color: #424350;
    font-weight: 300
}

.header_cart_footer {
    display: flex
}

.header_cart_footer .header_cart_btn {
    border: 1px solid #9495a0;
    width: 100%;
    display: flex;
    color: #7a7b86!important;
    padding: .5rem 0;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    margin-top: .5rem
}

.header_cart_footer .header_cart_btn_order {
    background: #424350;
    width: 100%;
    display: flex;
    color: #fff;
    padding: .5rem 0;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-top: .5rem;
    cursor: pointer
}

.header_cart_footer_item {
    padding: 0 .2rem;
    width: 50%
}

.header_cart.active .header_cart_open {
    display: block
}

.header_cart {
    position: relative
}

.header_cart_open_wrapper {
    display: flex;
    flex-direction: column;
    border: 1px solid #e6e6e6;
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 7%);
    padding: 1rem;
    color: #000!important
}

.header_cart_passive {
    display: none!important
}

.share__input {
    padding-right: 78px!important
}

.blog_inner .product__next {
    left: inherit;
    position: fixed;
    right: 15px;
    bottom: inherit;
    top: calc(50% + 32px);
    z-index: 99999!important
}

.blog_inner .product__nav {
    flex-direction: column
}

.blog_inner .product__head {
    align-items: flex-start
}

.product_breadcrumb {
    display: flex;
    margin-bottom: 1rem
}

.product_breadcrumb ol {
    display: flex;
    padding: 1rem 0;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-weight: 700
}

.product_breadcrumb a {
    color: #eee;
    font-weight: 300
}

.product__favorite.active {
    box-shadow: inset 0 0 0 1px #ff6a55;
    background: #ff6a55;
    color: #fcfcfc
}

.product__favorite.active svg {
    fill: #fff
}

.summary_category_icon {
    display: flex
}

.summary_category_icon_item {
    padding: 0 5px
}

.summary_category_icon img {
    width: 18px;
    height: 18px
}

.summary_footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: .5rem
}

.summary_footer .summary__rating {
    margin: 0
}

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

.summary_discount {
    margin-right: .5rem
}

.summary__price_old {
    text-align: right;
    text-decoration: line-through;
    font-size: 13px;
    color: #9b8b35
}

.summary_price_box .summary__price {
}

.urunrating {
    margin-bottom: 5px
}

.urunrating i {
    color: #f59e29;
    font-size: 16px
}

body.dark .vertical_product_card .summary__title,body.dark .vertical_product_card .summary__title a {
    color: #fff;
    font-size: 1rem
}

.dark .summary__title,.dark .summary__title a {
    color: #fff!important
}

.w-100 {
    width: 100%
}

.mw-100 {
    max-width: 100%
}

.sepetnewbtn {
    color: #fff;
    background: #2386cf;
    border-radius: 100%;
    padding: 7px 7px;
    font-size: 11px;
    float: right
}

.summary__title,.summary__title a {
    color: #1a1d1f
}

.product_view_button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-weight: 500;
    font-size: .85rem;
    width: auto;
    height: 45px;
    background: #fcfcfc;
    border-radius: 6px;
    padding: .4rem .6rem;
    margin-right: .5rem
}

.product_view_button svg {
    margin-right: .3rem;
    width: 20px;
    height: 20px
}

.shop__background {
    position: relative
}

.product_breadcrumb_page {
    padding-left: 1rem;
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: 0;
    background: #272b3094;
    display: flex;
    align-items: center
}

@media (max-width: 728px) {
    .right_sm_blog_card {
        margin-bottom:1rem!important;
        height: auto!important;
        min-height: 250px!important
    }

    .big_blog_card,.right_blog_cards {
        width: 100%!important
    }

    .last_blog,div.blog_view_vertical {
        flex-direction: column
    }

    .summary__preview {
        width: 100%
    }

    .blog_view_vertical div.summary {
        width: 100%!important;
        flex: 0 0 100%!important;
        margin: 0 0 2rem!important;
        padding: 0!important
    }

    .blog_slider_title {
        width: 90%!important
    }

    .blog_slider_title h2 {
        font-size: 1.4rem!important
    }

    .product_page {
        padding-top: calc(80px + 4rem)
    }
}

.product__content .shop__socials {
    margin-top: 1.5rem
}

.product_page .shop__contacts {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end
}

.product_page .summary_price_box {
    margin-top: 1rem
}

.product_page .summary_discount span {
    font-size: 1rem;
    padding: .4rem .5rem
}

.product_page .summary_price_box .summary__price {
    font-size: 1.5rem
}

.product_page .shop__contacts .product_cart_button.loading {
    height: 50px!important
}

.product_page .shop__contacts .product_cart_button {
    margin-right: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    background: #fff;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    color: #2a85ff;
    transition: all .2s
}

.product_page .shop__contacts .button.details__button {
    color: #fff
}

.product_page .shop__info {
    font-size: 16px;
    font-weight: 400;
    width: 80%
}

@media (max-width: 768px) {
    .product_page .shop__info {
        width:100%
    }
}

.invoice_download {
    background: #eee;
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    color: #6448d5
}

.hit {
    padding-top: 1rem;
    margin-top: 2rem
}

.product_info_gallery.owl-carousel .owl-nav {
    position: absolute;
    top: calc(50% - 20px);
    margin: 0;
    width: 100%
}

.product_info_gallery.owl-carousel .owl-nav button.owl-next,.product_info_gallery.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    z-index: 9999;
    background: 0 0!important;
    color: #8f8f8f!important;
    font-size: 28px;
    width: 28px;
    height: 28px;
    display: flex
}

.product_info_gallery.owl-carousel .owl-nav button.owl-prev {
    left: -30px;
    justify-content: center;
    align-items: center
}

.product_info_gallery.owl-carousel .owl-nav button.owl-next {
    right: -30px;
    justify-content: center;
    align-items: center
}

.big-spot__gradient-1 {
    background: linear-gradient(7deg,#18212c,rgba(24,33,44,.65) 30%,rgba(24,33,44,0) 50%)
}

.product_info_gallery .owl-dots {
    margin-top: 1rem
}

.black_slider .slider_footer,.black_slider .slider_title {
    color: #fff
}

.sidebar__head>a {
    color: #6f767e;
    width: 100%;
    display: flex
}

.schedule__minus_btn {
    border-bottom-left-radius: 5px!important;
    border-top-left-radius: 5px!important;
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important
}

.schedule__plus_btn {
    border-bottom-right-radius: 5px!important;
    border-top-right-radius: 5px!important;
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.schedule__minus_btn,.schedule__plus_btn {
    background-color: #323948;
    width: 24px;
    height: 100%;
    color: #fff
}

.alanorta {
    align-items: center!important;
    display: flex!important
}

.sale_box {
    padding: 3px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 14px;
    border-radius: 4px;
    display: flex;
    gap: 6px;
    align-items: center;
    width: 100%;
    margin-top: 8px
}

.store-avatar {
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    font-weight: 700;
    vertical-align: top;
    width: 64px;
    height: 64px;
    font-size: 22px;
    color: #fff;
    background-color: var(--theme-color) 00;
    border: 2px solid #009688
}

.sale_box .store-info {
    display: flex;
    flex-direction: column
}

.sale_box .store-info span {
    color: var(--theme-color);
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis
}

.sale_box .store-info .prod-fdb {
    color: #636363
}

.sale_box .store-info span {
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis
}

.store-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 999px
}

.schedule__quantity_calc {
    display: flex
}

.panelkenar {
    background-color: var(--nav-bg)!important;
    border-bottom: 1px solid var(--nav-border-color)!important;
    padding: 10px 0!important;
    border-radius: 12px;
    border-top: 1px solid var(--nav-border-color)!important;
    border-right: 2px solid var(--nav-border-color)!important;
    border-left: 2px solid var(--nav-border-color)!important
}

.pr-0 {
    padding-right: 0
}

.urunicbass {
    display: inline-block;
    padding: 1px 7px;
    margin-bottom: 10px;
    color: #5e5e5e;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
    background-color: rgb(244 244 244);
    position: absolute;
    top: -10px;
    border-radius: 6px
}

body.dark .sale_box .store-info .prod-fdb {
    color: #fff
}

body.dark .urunicbass {
    background-color: rgb(56 58 79);
    color: #fff
}

.schedule__plus {
    margin-right: 0;
    font-size: 1rem
}

.schedule__plus_btn {
    border-radius: 3px 0 0 3px
}

.schedule__minus {
    margin-left: 0
}

.schedule__minus_btn {
    border-radius: 0 3px 3px 0;
    font-size: 1rem
}

.schedule__quantity_calc .schedule__quantity {
    border-radius: 0;
    text-align: center
}

.schedule__quantity {
    background: #f5f5f5;
    border: 3px solid #606060;
    flex-shrink: 0;
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    line-height: 32px;
    font-size: 1rem;
    font-weight: 700
}

.sidebar__head>a>img,.sidebar__item_icon img {
    height: 24px;
    margin-right: 12px;
    opacity: .5
}

.category_page .shop__avatar img {
    border-radius: 8px;
    height: auto!important
}

.category_content_text {
    font-weight: 400
}

.category_content_text p {
    font-weight: 500;
    color: #6f767e;
    font-size: 1.1rem;
    margin-bottom: 20px
}

.category_content_text h3 {
    font-weight: 500;
    color: #fcfcfc;
    font-size: 1.3rem;
    margin-bottom: 20px
}

.product__content h3 {
    font-weight: 500;
    color: #fcfcfc;
    font-size: 1.3rem;
    margin-bottom: 20px
}

.shop__avatar {
    position: relative;
    flex-shrink: 0;
    width: 160px;
    height: auto
}

.text-center {
    text-align: center!important
}

.modal-content .close-btn:hover {
    background-color: var(--theme-color);
    color: #fff
}

@media (max-width: 575.98px) {
    .modal-content .close-btn {
        right:0;
        top: 0;
        border-radius: .3rem;
        z-index: 1
    }
}

body.dark .field__input {
    border-color: #383a4f;
    background: #171a21
}

.header__head {
    width: auto;
    font-weight: 600
}

button.header__head .icon-profile-circle {
    margin-left: 8px
}

.dark .header__head {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all .2s;
    border-color: #fff!important
}

@media (max-width: 768px) {
    .header__head {
        border-radius:10px;
        width: 40px!important;
        height: 40px
    }

    .users__button {
        margin-left: 0
    }
}

a {
    text-decoration: none
}

.field__select {
    background-color: #f4f4f4;
    height: 48px;
    padding: 0 10px;
    border-radius: 12px;
    border: 2px solid transparent
}

.w-full {
    width: 100%
}

iframe {
    max-width: 100%
}

.contact_page .packages__list li {
    padding-left: 0
}

.contact_page .packages__list li:before {
    display: none
}

.contact_page .packages__list a {
    color: #3e68a0
}

.card_button {
    color: #fff!important;
    background: linear-gradient(272.13deg,rgba(206,15,80,.5) 0,rgba(254,17,45,.5) 100%),#dd364d!important
}

.card_button .icon {
    width: 24px;
    height: 24px;
    fill: #fff;
    transition: fill .2s
}

.header__item:not(:last-child) {
    margin-right: 0
}

.header__search:not(:last-child) {
    margin-right: 24px
}

.search__details {
    width: 50%;
    display: inline-block;
    flex: inherit;
    max-width: 50%;
    line-height: normal
}

.search__item .summary__price_old span {
    font-size: .8rem
}

.orderPopup_title {
    border-bottom: 1px solid #dedede;
    padding-bottom: 1rem
}

.orderPopup_title span {
    font-size: 1.3rem;
    font-weight: 700
}

.orderPopup_desc {
    margin-top: 1rem;
    font-size: .9rem
}

.orderPopup_desc p {
    color: #6f767e;
    margin: 0
}

.orderPopup_Form {
    margin-top: 1rem
}

.orderPopup_Form .success {
    padding: 1rem 0
}

.orderPopup_Form .field__wrap label {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    font-size: .875rem;
    color: #6f767e;
    margin-bottom: .5rem
}

.cart_page .card__head {
    justify-content: space-between
}

.text-success {
    color: #42c87e!important
}

.header_cart_btn,.slider_title a {
    color: #fff!important
}

.btn-success {
    background-color: var(--theme-color);
    border-color: #dd7317
}

.btn-success:hover {
    color: var(--theme-color);
    background-color: #14121100;
    border-color: var(--theme-color)
}

.btn-info {
    background-color: #19c5e9;
    border-color: 19c5e9
}

.headbtnalan i {
    background: #00000030;
    padding: 4px;
    border-radius: 100%;
    margin-left: 6px
}

.headbtnalan {
    padding: 0 15px;
    font-size: 13px;
    border-radius: 12px;
    line-height: 1.6;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    margin-top: 5px
}

.slider_button {
    cursor: pointer
}

body.dark .product_page .summary_price_box .summary__price {
    color: #fff
}

.schedule__product a {
    color: #fcfcfc
}

.schedule__product a:hover {
    color: #0a58ca
}

.slider_price {
    display: flex;
    align-items: center;
    padding: 0 1rem 0 00;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff
}

@media (min-width: 720px) {
    .pcgizle {
        display:none!important
    }
}

@media (max-width: 720px) {
    .mobgizle {
        display:none!important
    }

    .sidebar__foot_mobile {
        display: block!important
    }

    .header_about_btn {
        display: none
    }

    .js-tabs .shop__control .shop__nav {
        flex-direction: column
    }
}

.sidebar__foot_mobile {
    display: none
}

.slider_footer_start {
    display: flex
}

body.dark .orderPopup_title {
    border-bottom: 1px solid #dedede24
}

body.dark .field__select {
    background: #212529;
    color: #fff!important
}

.product_single_tabs {
    display: flex;
    border: none
}

.product_single_tabs .nav-item {
    border: none
}

.product_single_tabs .nav-item .nav-link.active {
    color: #1a1d1f;
    border: none!important;
    background: #efefef
}

.product_single_tabs .nav-item .nav-link {
    padding: 8px 16px;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: #6f767e;
    border: none!important;
    transition: all .2s
}

.product_page .shop__control {
    flex-direction: column;
    align-items: flex-start
}

.product_page .product__comments {
    width: 100%;
    border-left: none
}

.product_page .tab-content {
    padding-top: 1.5rem;
    width: 100%
}

.product_page .shop__control .hit {
    width: 100%
}

.product_page .shop__control .hit .hit__head {
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.editor__wrap .rating {
    position: absolute;
    left: 9rem;
    bottom: 12px;
    z-index: 1;
    box-shadow: none!important;
    background: 0 0;
    padding: 0!important;
    margin: 0!important;
    height: 40px
}

.editor__wrap .rating i {
    font-size: 18px!important
}

.editor__wrap .rating i:hover {
    color: #ffc107!important
}

.notify_btn {
    color: #fff
}

.nobg_category {
    padding-top: 1rem
}

.nobg_category .shop__background {
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-direction: column
}

.nobg_category .shop__background .product_breadcrumb_page {
    position: static;
    top: 0
}

.nobg_category .shop__tabs {
    margin-top: 0!important
}

body.dark .product_single_tabs .nav-item .nav-link.active {
    background: #272b30;
    color: #fff
}

.product__content,.product__content p {
    color: #94999f
}

.header_cart_btn span {
    font-weight: 400!important
}

#headerCartCount {
    font-weight: 700!important
}

.summary_category_icon_item_white,body.dark .summary_category_icon_item_normal {
    display: none!important
}

body.dark .summary_category_icon_item_white {
    display: block!important
}

.sidebar__menu .icon_white,body.dark .sidebar__menu .icon_black {
    display: none!important
}

body.dark .sidebar__menu .icon_white {
    display: block!important
}

.filters__body {
    position: fixed;
    right: 75px;
    top: inherit;
    bottom: 15px
}

.filters__group {
    max-height: 313px;
    overflow: hidden;
    overflow-y: scroll
}

.filters__group::-webkit-scrollbar {
    height: 5px!important;
    width: 5px
}

.filters__group::-webkit-scrollbar-track {
    border-radius: 10px!important;
    background: rgb(112 112 112 / .1);
    webkit-box-shadow: inset 0 0 6px #707070!important
}

.filters__group::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: rgb(112 112 112 / .2)!important;
    webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)!important
}

button.button-stroke.settings__button {
    margin-right: 10px;
    padding: .8rem .6rem
}

.product_page .shop__contacts .product_cart_button:hover {
    opacity: .8
}

.page_single,.page_single p {
    color: #000
}

.table_no_empty h4 {
    font-size: 1.2rem;
    font-weight: 700
}

body.dark .payment_history_tabs .nav-tabs {
    background: #111315
}

.payment_history_tabs .nav-tabs {
    border: none;
    width: auto;
    display: inline-flex;
    display: flex;
    margin-bottom: 36px;
    padding: 4px;
    border-radius: 20px;
    background: #f4f4f4
}

.payment_history_tabs .nav-tabs .nav-item .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50%;
    height: 32px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: #6f767e;
    -webkit-tap-highlight-color: transparent;
    transition: color .2s
}

body.dark .payment_history_tabs .nav-tabs .nav-item .nav-link.active {
    color: #fff
}

.header__line {
    flex-direction: row;
    flex-wrap: wrap
}

.payment_history_tabs .nav-tabs .nav-item .nav-link.active {
    box-shadow: 0 4px 8px -4px rgb(0 0 0 / 25%),inset 0 -1px 1px rgb(0 0 0 / 4%),inset 0 2px 0 rgb(255 255 255 / 25%);
    background: #fcfcfc
}

#calculatorPrice {
    margin-right: .5rem
}

.paymentMethod_service_Label,body.dark .paymentMethod_service_Label {
    text-align: left;
    width: 100%;
    display: flex;
    margin: .5rem 0 1rem;
    border-radius: 6px;
    padding: .5rem;
    font-size: .87rem;
    font-weight: 500
}

body.dark .paymentMethod_service_Label {
    color: #1a1d1f;
    background: #b5e4ca
}

.paymentMethod_service_Label {
    background: #e6eff0
}

.coupon_completed {
    background: #d8ede3
}

.coupon_danger {
    background: #c9cbce
}

.hidden {
    display: none!important
}

.coupon_active_input {
    text-decoration: line-through
}

body.dark .payment_history_tabs .nav-tabs .nav-item .nav-link.active {
    box-shadow: 0 4px 8px -4px rgb(0 0 0 / 25%),inset 0 -1px 1px rgb(0 0 0 / 49%),inset 0 2px 1px rgb(255 255 255 / 6%);
    background: #272b30
}

body.dark .payment_history_tabs .nav-tabs .nav-item .nav-link {
    border-color: transparent
}

body.dark .payment_history_tabs .nav-tabs {
    border-color: #556171
}

body.dark .header_cart_open {
    background: #111315;
    color: #fff;
    border-color: #272b30!important
}

body.dark .header_cart_footer .header_cart_btn,body.dark .header_cart_product_price {
    color: #fff!important
}

body.dark .header_cart_open_wrapper {
    color: #fff!important;
    border: none
}

body.dark .header_cart_product_image,body.dark .header_cart_products {
    border-color: #dedede40
}

body.dark .product__content,body.dark .product__content p {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 20px
}

body.dark .product__content h3 {
    font-weight: 500;
    color: #fcfcfc;
    font-size: 1.3rem;
    margin-bottom: 20px
}

body.dark .product__content h2 {
    font-weight: 500;
    color: #fcfcfc;
    font-size: 1.3rem;
    margin-bottom: 20px
}

.product__content h2 {
    font-weight: 500;
    color: var(--bs-dark);
    font-size: 1.3rem;
    margin-bottom: 20px
}

body.dark .page_single .product__title {
    color: #ccd3dc!important
}

.discount_message {
    display: flex;
    padding-top: .25rem;
    font-size: .875rem
}

.discount_message.true {
    color: #31c27d
}

.discount_labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: .5rem
}

.discount_message.false {
    color: #c23131
}

.discount_close {
    color: #6c757d;
    cursor: pointer
}

@media only screen and (max-width: 1259px) {
    .sidebar__logo {
        display:none
    }

    .search {
        width: 100%;
        visibility: visible;
        opacity: 1;
        top: 0;
        position: relative
    }
}

.cart_mobile_element {
    display: none
}

@media (max-width: 768px) {
    .messages {
        display:flex;
        background: 0 0;
        width: 100%;
        flex-direction: column;
        height: auto
    }

    .messages__link {
        width: auto!important;
        flex: inherit!important;
        margin-left: 0;
        justify-content: flex-start;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .messages.active .messages__users {
        display: block;
        margin: 0 0 2rem!important;
        background: #ffffff00;
        max-width: 100%;
        border-radius: 12px;
        padding: 16px 8px
    }

    .messages.active .messages__messenger {
        background: #ffffff00
    }

    .jbetween a {
        margin-top: 1rem;
        color: #fff!important
    }

    .jbetween {
        flex-direction: column
    }

    .search.visible {
        width: 100%
    }

    .cart_btn_mobile {
        width: 50px
    }

    .messenger__send_message {
        margin-bottom: 2rem;
        margin-top: 1.5rem
    }

    .messenger__send.mb-2 .file {
        width: 100%!important;
        padding: 0 15px!important;
        margin-bottom: 1rem
    }

    .messenger__form {
        width: 100%!important;
        justify-content: center!important;
        margin-bottom: 1rem
    }

    .messenger__form button {
        width: 50%
    }

    .messenger__send.mb-2 {
        flex-direction: column-reverse!important;
        padding: 0!important;
        justify-content: center!important;
        align-items: center!important
    }

    .messenger__send {
        position: static;
        margin-bottom: 2rem;
        margin-bottom: 0
    }

    .header__search {
        margin-right: 0!important
    }

    body.dark .register_btn {
        background: 0 0;
        border: 1px solid #6f767e;
        color: #6f767e
    }

    .messages__details {
        width: 100%;
        max-width: 100%
    }

    .messages__item {
        width: 100%
    }

    .messages__list {
        padding-right: 16px;
        padding-left: 16px
    }

    .messages__nav {
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        background: 0 0
    }

    .register_btn {
        border: 1px solid #6f767e;
        background: #6f767e;
        color: #fff
    }

    .sidebar.active .sidebar__logo {
        display: block!important
    }

    .mobile_hidden {
        display: none!important
    }

    .cart_mobile_element {
        display: block!important
    }

    .cart_desktop_element {
        display: none!important
    }

    .sidebar.active .sidebar__menu {
        padding-top: 30px
    }

    .sidebar.active .desktop_hidden {
        display: block!important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 48px;
        margin: .5rem 0
    }

    .cart_mobile_element svg {
        width: 24px;
        height: 24px
    }
}

.hbm_search,.header_top_main {
    position: relative
}

.desktop_hidden {
    display: none!important
}

.jbetween,.payment_history_tab_wrapper {
    display: flex
}

.jbetween {
    justify-content: space-between;
    align-items: center
}

.messenger__wrapper {
    height: calc(100% - 94px)!important;
    padding: 10px 24px!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.messenger__list {
    max-height: calc(100% - 300px);
    display: flex;
    flex-direction: column;
    overflow-x: hidden
}

.filters__range {
    width: calc(100% - 20px);
    margin: auto auto auto 5px;
    padding-left: 0
}

.messages__details {
    width: 100%;
    max-width: 100%;
    flex: inherit
}

.messages__item {
    width: 100%
}

.media__button i {
    color: #6f767e;
    margin-right: 8px
}

.product__content li,.product__content ul {
    list-style: disc
}

.product__content ul {
    padding-left: 1rem
}

.cart_page button[disabled],.orderPopup_Form button[disabled] {
    opacity: .5;
    cursor: none;
    pointer-events: none
}

@media (max-width: 728px) {
    .cart_page .schedule__col label.checkbox,.cart_price_div {
        margin-bottom:1rem
    }

    .schedule__preview {
        width: 100%;
        height: auto
    }

    .cart_page .schedule__preview img {
        object-fit: cover
    }

    .cart_page .schedule__details .schedule__price {
        display: none
    }

    .cart_page .schedule__item {
        flex-direction: column
    }

    .cart_page .panel {
        display: block!important
    }

    .cart_price_div {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%
    }

    div.cart_page .schedule__row:not(:first-child)>div.schedule__col:last-child {
        text-align: center;
        display: flex;
        width: 100%!important
    }

    div.cart_page .schedule__row .cart_price_div>.schedule__col:first-child .schedule__quantity_calc>div {
        height: 100%;
        align-items: center;
        display: flex
    }

    div.cart_page .schedule__row .cart_price_div>.schedule__col:first-child .schedule__quantity_calc {
        justify-content: flex-start;
        width: 100%;
        display: inline-flex;
        margin-left: 0;
        height: 40px;
        align-items: center
    }

    div.cart_page .schedule__row .cart_price_div>.schedule__col:first-child {
        justify-content: flex-start!important;
        align-items: flex-start!important;
        display: flex;
        margin-left: 0
    }

    div.cart_page .schedule__row:first-child .schedule__col:first-child>.checkbox {
        margin: 0
    }

    div.cart_page .schedule__row:first-child {
        align-items: center
    }

    div.cart_page .schedule__row:first-child .schedule__col:first-child {
        width: auto!important;
        display: flex!important;
        align-items: center!important
    }

    div.cart_page .schedule__row:first-child .schedule__col {
        width: 25%!important;
        height: 100%;
        height: 55px;
        align-items: center;
        font-size: .7rem;
        line-height: 50px
    }

    div.cart_page .schedule__row .cart_price_div {
        width: 100%!important;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column!important;
        margin-bottom: 1rem
    }

    .cart_page .schedule__row:not(:first-child)>.schedule__col:nth-child(2) .schedule__product a {
        text-align: center!important;
        justify-content: center;
        width: 100%;
        margin-bottom: 1rem
    }

    div.cart_page .schedule__row:not(:first-child)>.schedule__col:nth-child(2) {
        width: 85%!important;
        text-align: center;
        justify-content: center;
        align-items: center
    }

    .cart_page .schedule__row:not(:first-child)>.schedule__col:first-child {
        width: 15%!important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .cart_page .panel__btns a,.cart_page .panel__btns button {
        margin-bottom: .5rem;
        width: 100%
    }

    .cart_page .schedule__row .cart_price_div .schedule__col .schedule__price {
        margin-top: 0!important;
        height: 40px;
        justify-content: center;
        align-items: center;
        display: flex;
        font-size: .9rem!important
    }

    .cart_page .schedule__row .cart_price_div .schedule__col {
        width: 100%!important;
        padding: 0!important;
        text-align: center
    }
}

.cart_page .schedule__row .cart_price_div {
    padding: 0 1rem
}

.cart_page .schedule__row:not(:first-child)>.schedule__col:nth-child(2) .schedule__product {
    margin: 0;
    text-align: center;
    padding: 0
}

.cart_page .schedule__row:not(:first-child)>.schedule__col:nth-child(2) .schedule__product a {
    font-size: .8rem;
    width: 100%;
    display: flex;
    margin-top: .5rem;
    text-align: left
}

.cart_page .schedule__row .cart_price_div .schedule__col .schedule__price {
    font-size: .85rem;
    margin-top: .5rem;
    width: max-content;
    background-color: var(--price-tag-bg)
}

.cart_page .schedule__row:not(:first-child)>.schedule__col:nth-child(2) {
    width: 25%!important
}

.cart_page .schedule__row:not(:first-child)>.schedule__col {
    width: auto!important
}

.cart_page .schedule__row:not(:first-child)>div.schedule__col:last-child .schedule__date {
    font-size: .8rem
}

.cart_page .schedule__row:not(:first-child)>div.schedule__col:last-child {
    width: 35%!important
}

.cart_page .schedule__row:not(:first-child) {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.cart_page .schedule__row {
    border-bottom: 1px solid #dede;
    padding: .5rem
}

.cart_page .schedule__col:nth-child(2) {
    width: calc(25% - 14px)
}

.cart_page .schedule__col {
    display: block!important
}

.page_top_header {
    padding: 0
}

body.dark .header_top_menu_right>li>a {
    color: #fff
}

body.dark .header_top {
    border-color: transparent;
    background: 0 0
}

.header_top,.header_top_menu {
    border-bottom: 0 solid #dedede
}

.header_top_main {
    box-shadow: none!important;
    padding: 0;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
    align-items: inherit;
    flex-direction: column
}

.header_top,.header_top_navbar {
    align-items: center;
    display: flex
}

.header_top {
    font-size: 12px
}

body.dark .header_top_slogan h1 {
    color: #fff
}

.header_top_menu_right>li>a,.header_top_slogan h1 {
    color: #606060
}

body.dark.modern .header_top_colon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.header_top_colon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #606060
}

.header_top_navbar {
    height: 80px;
    border-bottom: 0 solid #ebebeb
}

body.dark .header_top_navbar {
    background: 0 0
}

.header_top_menu {
    display: flex;
    height: 50px;
    background: #fff;
    border-top: 1px solid #dedede
}

body.dark .header_top_menu {
    border-color: transparent;
    box-shadow: 0 1px 0 0 transparent
}

.header_top_menu .container {
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: space-between;
    max-width: 1200px
}

.header_top_navbar>.container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0
}

.header_top_menu_right>li {
    padding: 0 .5rem
}

.header_top_menu .container>li.dropdown {
    list-style: none;
    margin-left: 1rem
}

.header_top_menu_right .dropdown-menu {
    padding: 0
}

.header_top_menu_right .dropdown-menu>li a {
    font-size: .875rem;
    font-weight: 500;
    padding: .6rem 1rem
}

.header_top_menu li.dropdown a.dropdown-toggle {
    color: #1a1a1a
}

.header_top_menu_right {
    color: #6f767e;
    display: flex
}

body.dark .header_top_menu li.dropdown a.dropdown-toggle {
    color: #eee
}

body.dark .header_top_menu li.dropdown ul.dropdown-menu {
    background: #191a27
}

.header_top_menu li.dropdown ul.dropdown-menu li a:hover {
    text-shadow: 0 0 6px rgb(237 238 251 / 68%);
    border-bottom: 1px solid #5962ca;
    color: #edeefb
}

body.dark .header_top_menu li.dropdown ul.dropdown-menu li a {
    color: #fff
}

.header_top_menu li.dropdown ul.dropdown-menu li a {
    font-size: .85rem;
    background: 0 0;
    border-bottom: 1px solid transparent;
    transition: .5s all ease
}

.ht_navbar_start {
    width: 25%
}

.ht_navbar_search {
}

.header_top_navbar .navbar-brand img {
    height: 70px
}

@media (max-width: 768px) {
    .header_top_navbar .navbar-brand img {
        height:50px
    }
}

.header_top_navbar .ht_navbar_search .search {
    z-index: 99
}

.ht_navbar_search .search {
}

.ht_navbar_end {
    display: flex;
    list-style: none;
    width: 40%;
    justify-content: flex-end;
    align-items: center
}

.ht_navbar_end>li:first-child {
    margin-right: .5rem
}

body.dark .ht_navbar_end>li>.dropdown-item {
    color: #fff
}

.ht_navbar_end>li>.dropdown-item {
    border-radius: 6px;
    font-weight: 600
}

.ht_navbar_end .theme__inner {
    background: 0 0
}

.ht_navbar_end li.add_product {
    margin: 0;
    padding: 0
}

.ht_navbar_end li.add_product .dropdown-menu.show {
    background: #fff
}

.ht_navbar_end li.add_product .dropdown-menu li:first-child a {
    border-radius: 0
}

.ht_navbar_end li.add_product .dropdown-menu li:last-child a {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.ht_navbar_end li.add_product>a {
    border: 1px solid #dedede;
    border-radius: .6rem;
    font-size: .875rem;
    font-weight: 600
}

.ht_navbar_end li.add_product .dropdown-menu li:last-child {
    border: none
}

.ht_navbar_end li.add_product .dropdown-menu {
    padding: 0;
    margin: 0!important;
    margin-block-start:0!important;margin-block-end:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0!important;border: none;
    border-radius: 0 0 6px 6px
}

.ht_navbar_end li.add_product .dropdown-menu a {
    color: #373738;
    font-size: .9rem;
    font-weight: 500;
    padding: .5rem 1rem;
    border-bottom: 1px solid #dedede
}

.ht_navbar_end li.add_product .dropdown-menu li:last-child a {
    border: none
}

body.dark .ht_navbar_end li.add_product a:hover {
    background: #404257;
    color: #fff
}

body.dark .ht_navbar_end li.add_product>a {
    font-weight: 700;
    font-size: .875rem;
    padding: .5rem 1rem;
    background: #404257;
    color: #fff;
    border: 1px solid #404257
}

.ht_navbar_end .theme_switch {
    margin-left: 1rem
}

.ht_navbar_end .theme_switch .theme__box .icon {
    margin-right: 0
}

.ht_navbar_end .theme_switch .theme__box {
    min-width: 32px
}

.ht_navbar_end .theme__input:checked+.theme__inner {
    background: 0 0
}

body.dark .search__start:hover svg {
    fill: #6F767E
}

.header_top_menu .sidebar__menu {
    flex-direction: row;
    width: 100%
}

.header_top_menu .sidebar__body {
    display: none!important
}

.sidebar__item {
    margin: 0!important
}

.header_top_menu li.dropdown a.dropdown-toggle i {
    margin-right: .5rem
}

.header_top_menu .sidebar__head>a {
    color: #d9dae9
}

.header_top_menu .sidebar__head>svg {
    fill: #d9dae9
}

.blog_card_text .blog_card_details svg,.product_order_card .schedule_product_btn button.product_cart_button svg {
    fill: #fff
}

.header_top_menu .sidebar__head a img {
    transition: .5s all ease
}

.header_top_menu .sidebar__head:hover a img {
    opacity: 1;
    transition: .5s all ease
}

.header_big_menu {
    padding: 1.5rem 0;
    display: none;
    border-bottom: 1px solid #dedede;
    background: #fff;
    transition: .5s all ease
}

body.dark .header_big_menu {
    background: #1a1d1f;
    border-color: transparent
}

.header_big_menu.open {
    display: block
}

.header_big_menu .container {
    padding: 0
}

.header_big_menu_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem
}

body.dark .hbm_search input {
    color: #eee;
    background: #272b30
}

body.dark .hbm_search input::placeholder {
    color: #8a8d9e
}

.hbm_search input::placeholder {
    color: #3f425742
}

.hbm_search input {
    padding: 7px 28px 5px 12px;
    border: 0 solid;
    border-radius: 3px;
    background: #fff;
    color: #3f4257;
    appearance: none!important;
    outline: 0!important
}

.hbm_search i {
    position: absolute;
    right: 15px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #8a8d9e
}

.header_big_menu_content ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.header_big_menu_content ul li {
    width: calc(25% - 4px);
    float: left;
    margin: 2px
}

body.dark .header_big_menu_content ul li a {
    color: #fff;
    background: 0 0
}

.header_big_menu_content ul li a:hover {
    background: #f4f4f4;
    color: #323448;
    border: 1px solid
}

body.dark .header_big_menu_content ul li a:hover {
    background: #111315;
    color: #fff
}

.header_big_menu_content ul li a {
    transition: .5s all ease;
    font-size: .9rem;
    border-radius: 6px;
    padding: .45rem .5rem;
    align-items: center;
    display: flex;
    color: #2e3139;
    border: 1px solid #333;
    margin-bottom: .3rem;
    margin-right: .5rem;
    background: #fff
}

.header_big_menu_content ul li a img {
    height: 30px;
    width: 30px;
    object-fit: cover;
    border-radius: 3px;
    margin-right: .4rem
}

body.dark .hbm_all_link a {
    color: #fff
}

.hbm_all_link a {
    color: #000
}

.hbm_all_link a i {
    margin-left: .5rem
}

.notCategoryShowing {
    display: none
}

.notCategoryShowing.active {
    display: flex
}

#shop_js_tab_wrapper .js-tabs-item {
    display: none
}

.border-radius-0 {
    border-radius: 0!important
}

.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1.5rem 0;
    background: #fff;
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: 0 0 4px -1px rgba(0,0,0,.18);
    width: auto;
    margin: auto
}

.pagination .page-item .page-link {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 0;
    line-height: 35px;
    text-align: center;
    margin: 0 4px;
    font-size: .85rem;
    font-weight: 400;
    color: #1f1f1f;
    border-radius: 100%;
    border: 1px solid transparent;
    transition: all .2s ease-in-out
}

.pagination .page-item.active .page-link {
    background: var(--theme-color);
    color: #fff;
    font-weight: 700;
    transform: translateY(-1px)
}

.pagination .page-item.disabled {
    opacity: .4;
    pointer-events: none
}

body.dark .pagination {
    background: #2a2d3a;
    box-shadow: 0 0 4px -1px rgba(255,255,255,.08)
}

body.dark .pagination .page-item .page-link {
    background: #3b4b67;
    border-color: #2230477a;
    color: #fff
}

body.dark .pagination .page-item.active .page-link {
    background: var(--theme-color);
    color: #fff;
    font-weight: 700;
    transform: translateY(-1px);
    color: #fff
}

.summary__date .icon,.summary__date i {
    width: 16px;
    height: 16px;
    font-size: 16px
}

body.dark .summary_description p {
    color: #fff
}

.summary_icons {
    display: flex
}

.summary__date i {
    margin-right: .5rem
}

.summary__date {
    font-size: .85rem;
    margin-right: 1rem
}

.phone_row {
    display: flex
}

.phone_row .col-md-3 {
    width: auto;
    max-width: 25%
}

.phone_row .col-md-9 {
    max-width: 75%
}

body.dark .product__wrapper {
    background: var(--background-dark)
}



.product__share .icon {
    width: 24px;
    height: 24px;
    fill: var(--theme-color);
    transition: fill .2s
}

.shop__products {
    margin: 0
}

.shop__products::-webkit-scrollbar {
    height: 5px
}

.shop__products::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.shop__products::-webkit-scrollbar-track {
    background: #3a3f4e
}

body.dark.modern .btn-success2 {
    border: 2px solid var(--theme-color)!important;
    background: 0 0;
    color: #fff!important;
    transition: background .2s ease-out!important;
    max-width: 98%;
    margin-top: 0;
    position: relative;
    top: 0
}

.btn-success2 {
    background: azure;
    color: #000!important;
    transition: background .2s ease-out!important;
    max-width: 98%;
    margin-top: 0;
    position: relative;
    top: 0;
    border-radius: 12px;
    box-shadow: 0;
    border: 2px solid var(--theme-color)!important
}

body.dark.modern .btn-success2:hover {
    background: var(--theme-color);
    color: #fff!important;
    transition: background .2s ease-out!important
}

.btn-success2:hover {
    background: var(--theme-color);
    color: #fff!important;
    transition: background .2s ease-out!important
}

.modern_shop_product {
    padding-top: 0;
    display: flex
}

.vertical_product_card .product_card:hover .summary_category_icon .summary_category_icon_item_normal {
    display: none!important
}

.vertical_product_card .product_card:hover .summary_category_icon .summary_category_icon_item_white {
    display: block!important
}

.vertical_product_card .product_card .product_cart_button {
    font-size: 0
}

.vertical_product_card .product_card .product_view_button svg {
    margin-right: 0
}

.product_order_card {
    /* flex-direction: column; */
    /* padding: 0 0; */
}

.product_order_card .product_card {
    width: 100%;
    flex: 0 0 100%
}

.ht_navbar_end .header_cart .cart_btn_mobile {
    color: #fff!important;
    padding: .375rem .75rem
}

.product_order_card .schedule__row {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding: 1rem 0
}

.product_order_card .schedule__row .schedule__col {
    width: 30%;
    font-size: .875rem;
    border: none;
    margin: 0
}

.product_order_card .schedule__product .product_note {
    font-weight: 400
}

.product_order_card .schedule__product {
    margin: 0;
    margin-bottom: 4px;
    max-width: inherit;
    width: auto;
    font-size: 1rem;
    flex-direction: column;
    display: flex
}

.product_order_card .summary__price {
    font-size: 1.5rem
}

.product_order_card .schedule__details {
    display: flex;
    width: calc(77% - 80px)
}

.product_order_card .schedule_discount {
    display: flex;
    width: 25%
}

.product_order_card .cart_price_div {
    width: 20%
}

.product_order_card .schedule_product_btn {
    width: 25%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 1.5rem
}

.product_order_card .schedule__col:first-child:after {
    display: none
}

.product_order_card .summary_discount_box {
    background: #e62727;
    border-radius: .4rem;
    padding: .5rem .7rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-direction: column;
    margin-right: 1rem
}

.product_order_card .summary_discount_box .summary_discount {
    margin: 0
}

.product_order_card .summary_discount_box .summary_discount span {
    background: 0 0;
    color: inherit
}

.product_order_card .summary__price_old {
    text-align: left
}

.product_order_card .schedule__plus button {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.product_order_card .schedule__minus button {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.product_order_card .schedule__minus button,.product_order_card .schedule__plus button {
    width: 45px
}

.product_order_card .schedule__quantity {
    width: 70%;
    text-align: center;
    height: 45px;
    align-items: center;
    display: flex;
    font-weight: 800;
    justify-content: center;
    color: #1c1c1c;
    font-size: 1rem
}

.product_order_card .schedule_product_btn button.product_cart_button:hover {
    background: #019c71;
    transition: .5s all ease
}

.product_order_card .schedule_product_btn button.product_cart_button {
    background: var(--theme-color);
    color: #fff;
    transition: .5s all ease
}

.product_order_card .product_view_button {
    background: #2b85ff;
    margin-left: 1rem;
    color: #fff;
    padding: .4rem 1rem;
    border-radius: 7px
}

.product_order_card .product_view_button svg {
    fill: #fff;
    margin: 0
}

.cart_page .schedule__row:not(:first-child) {
    display: flex;
    width: 100%;
    min-width: 100%
}

.cart_page .schedule__row .cart_price_div {
    display: flex;
    height: auto;
    width: calc(19% - 14px);
    flex-direction: row!important;
    align-items: flex-end;
    position: relative;
    margin: 0 auto 0 0;
    margin-right: 0!important;
    padding-left: 0
}

.cart_page .schedule__row:not(:first-child)>.schedule__col {
    height: auto;
    display: flex;
    align-items: center
}

.cart_page .schedule__row:not(:first-child)>.schedule__col:first-child {
    width: 56px
}

.cart_page .schedule__table {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: none
}

.cart_page .schedule__row .cart_price_div .schedule__col {
    padding: 0 10px
}

.cart_page .schedule__row:not(:first-child)>.schedule__col:last-child {
    width: 10%!important
}

body.dark .cart_page .schedule__row:first-child>.schedule__col {
    border-color: #dedede2b!important
}

.cart_page .schedule__row:first-child>.schedule__col {
    border-bottom: 1px solid #dedede!important;
    border-radius: 0!important;
    padding-bottom: 10px
}

.cart_page .schedule__row:first-child {
    display: flex;
    border: none;
    align-items: flex-end
}

.cart_page .schedule__row:first-child .schedule__col:first-child {
    width: 56px
}

.cart_page .schedule__row:first-child .schedule__col:nth-child(2) {
    width: calc(25% - 14px)
}

.cart_page .schedule__row:first-child .schedule__col:nth-child(3) {
    width: calc(19% - 14px)
}

.cart_page .schedule__row:first-child .schedule__col:nth-child(4) {
    width: calc(20% - 14px);
    text-align: center
}

.cart_page .schedule__row:first-child .schedule__col {
    width: calc(19% - 56px)
}

.cart_page .cart_price_div .schedule__col:after {
    display: none
}

.cart_page .cart_price_div:first-child:after {
    left: 12px
}

body.dark .cart_page .cart_price_div:after {
    opacity: 0
}

.cart_page .cart_price_div:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    height: 1px;
    background: #efefef
}

.faq__title {
    font-size: 1.4rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: .5rem;
    font-weight: 800
}

body.dark .faq__title {
    border-color: #272b30
}

.product_content_tab_view {
    border: 1px solid #dedede;
    border-radius: .6rem;
    padding: 1.5rem 1rem .5rem
}

.product_content_tab_view .shop__link {
    background: #6f767e;
    color: #fff
}

.product_content_tab_view .shop__nav {
    margin-bottom: 1.5rem
}

.product_content_tab_view .category_content_text .faq__title {
    border: none;
    padding: 0;
    margin: 0
}

.faq__body {
    display: none;
    padding-top: .6rem;
    font-weight: 500
}

.faq__tab .faq__item.active:last-child .faq__head {
    border-color: #efefef
}

body.dark .faq__tab .faq__item.active:last-child .faq__head {
    border-color: #272b30
}

.faq__tab .faq__item:last-child .faq__head {
    border-color: transparent
}

footer .sidebar__head>a {
    color: #fff;
    font-size: 1.3rem
}

footer .sidebar__head a>svg,footer .sidebar__head>svg {
    display: none!important
}

footer .sidebar__body {
    padding: 0;
    display: block
}

footer .sidebar__body .sidebar__link:Before,footer .sidebar__body:before {
    display: none
}

body.dark footer .sidebar__body .sidebar__link:hover {
    color: var(--theme-color)!important
}

footer .sidebar__body .sidebar__link {
    font-size: .75rem;
    font-weight: 300;
    height: auto;
    padding-bottom: .5rem
}

body.dark .footer_company .navbar-brand img.some-icon {
    display: none!important
}

.footer_company .navbar-brand img.some-icon-dark {
    height: 40px;
    display: none
}

.footer_company .navbar-brand img.some-icon {
    height: 40px;
    display: none!important;
    display: block!important
}

body.dark .footer_company .navbar-brand img.some-icon-dark {
    display: block!important
}

.fcp_box {
    display: flex
}

.fcp_box a:hover {
    color: rgb(0 0 0)
}

.fcp_box a {
    width: 100%;
    padding: 0;
    padding-bottom: .5rem;
    border-radius: 6px;
    color: rgb(255 255 255 / 70%);
    transition: .5s all ease;
    font-weight: 100;
    font-size: .75rem
}

.empty_pmethods_icon i,body.dark .sidebar__item[href]:hover>span {
    color: #fff
}

.fcp_box p {
    font-size: .875rem
}

.fcp_box a i {
    margin-right: .5rem
}

body.loading_active {
    position: relative
}

.page_loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    z-index: 9999;
    opacity: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: none
}

.page_loading svg {
    margin-left: .3rem;
    margin-right: .3rem;
    width: 4rem;
    height: 4rem;
    fill: #2a85ff
}

body.loading_active .page_loading {
    display: flex
}

body.loading_active .page_loading .loading_product {
    display: block;
    position: static;
    object-fit: contain
}

.static_boxes_page:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.static_boxes_page:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

body.dark .static_boxes_page:nth-child(2n) {
    background: #24263a;
    border: 1px solid #181a20
}

body.dark .static_boxes_page {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    color: #fff;
    width: 100%;
    padding: 3rem 1.5rem;
    background: var(--background-dark);
    border: 1px solid #181a20
}

.static_boxes_page:nth-child(2n) {
    background: #fcfcfc;
    border: 1px solid rgba(0,0,0,.125)
}

.static_boxes_page {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    width: 100%;
    padding: 3rem 1.5rem;
    background: #fcfcfc;
    border: 1px solid rgba(0,0,0,.125)
}

.empty_pmethods,.static_boxes_page_img {
    justify-content: center;
    display: flex;
    text-align: center
}

.static_boxes_page_img {
    padding: 0;
    align-items: center;
    width: 40%
}

.static_boxes_page_img img {
    width: 80%
}

.static_boxes_page_text {
    padding: 0 15px;
    line-height: normal;
    width: 60%;
    color: #6f767e;
    font-size: 1.1rem;
    margin-bottom: 20px
}

.static_boxes_page_text h2 {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 20px
}

.page_single .product__wrapper {
    max-width: 100%
}

.static_boxes_page:nth-child(2n) {
    flex-direction: row-reverse
}

.ht_navbar_end .header_cart {
    margin-right: 1.5rem
}

.header_top_menu .theme_switch {
    z-index: 9
}

.header__item_user .header__body {
    z-index: 10
}

.empty_pmethods {
    align-items: center;
    flex-direction: column
}

.empty_pmethods .empty_pmethods_icon {
    width: 48px;
    height: 48px;
    display: flex;
    background: #4f7ed6;
    border-radius: 100%;
    font-size: 1.5rem;
    justify-content: center;
    align-items: center;
    text-align: center
}

.isicon {
    left: 16px;
    top: 16px;
    position: absolute;
    padding: 10px;
    background: #171a21;
    border-radius: 100%
}

.cart_page .schedule__col:after,.header_top_menu .sidebar__menu>.sidebar__item .sidebar__item_icon {
    display: none
}

.popup_success:not(.popup_product) .popup__wrap {
    max-width: 620px;
    min-width: 620px
}

.sidebar__head,.sidebar__help,.sidebar__link,body.dark .sidebar__item[href] {
    color: #888a8c!important
}

body.dark .cart_page .schedule__row:first-child {
    border-color: transparent
}

body.dark .cart_page .schedule__row:not(:first-child) {
    border-color: hwb(0deg 87% 13% / 17%)
}

body.dark .header_top_menu .sidebar__menu>.sidebar__item {
    color: #eee!important
}

body.dark .header_top_menu .theme__input:checked+.theme__inner {
    background: #1a1d1f;
    padding: 4px 8px
}

.header_top_menu .theme__inner {
    padding: 4px 8px!important
}

.header_top_navbar .header__item.active .header__body {
    z-index: 19
}

.header_top_menu .sidebar__menu>.sidebar__item {
    color: #25273a!important
}

.sidebar__head,.sidebar__link:hover,body.dark footer .sidebar__item[href]:hover,body.dark footer.sidebar__help {
    color: #fff!important
}

body.dark.modern .form-control {
    background-color: #161920;
    color: #fff
}

.form-control {
    color: #161920
}

.btn-yeni {
    border: 2px solid #3493c8!important;
    background: 0 0;
    color: #fff!important;
    transition: background .2s ease-out!important
}

@media (max-width: 768px) {
    .popup_success:not(.popup_product) .popup__wrap {
        max-width:90%;
        min-width: auto
    }
}

@media (max-width: 480px) {
    .popup_success:not(.popup_product) .popup__wrap {
        max-width:95%
    }
}

@media (max-width: 728px) {
    .product_order_card .schedule__row .schedule__col .schedule__item .schedule__details {
        flex-direction:column;
        width: 100%;
        padding: .5rem 0
    }

    .product_order_card .schedule__row .schedule__col .schedule__item {
        flex-direction: column;
        width: 100%
    }

    .product_order_card .schedule_discount {
        width: 50%;
        padding: 0;
        margin-bottom: 1rem
    }

    .product_order_card .schedule_product_btn {
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem
    }

    .product_order_card .cart_price_div {
        width: 40%
    }

    .category_page .schedule__row .schedule__col {
        display: flex;
        width: 100%;
        padding-left: 0
    }

    .media__button i {
        font-size: 1rem
    }

    .all_categories_top i {
        display: none
    }

    .all_categories_top {
        order: 1;
        width: 60%;
        margin-left: 0!important
    }

    .header_big_menu_content ul>li>a {
        height: 100%
    }

    .header_big_menu_content ul>li {
        width: 50%;
        margin: 0;
        min-height: 70px;
        padding: 10px
    }

    .header_big_menu_content ul {
        flex-direction: row;
        flex-wrap: wrap
    }

    .header_big_menu_top .hbm_all_link {
        padding: 1rem 0 .5rem
    }

    .header_big_menu_top .hbm_search i {
        right: 30px!important
    }

    .header_big_menu_top>.hbm_search input {
        width: 100%
    }

    .header_big_menu_top>.hbm_search {
        width: 100%;
        padding: 0 15px
    }

    .header_big_menu_top {
        flex-direction: column;
        margin-bottom: 0
    }

    .header_top_navbar .ht_navbar_search .search {
        top: 120px
    }

    .header_top {
        padding: 0 10px
    }

    .header_top_menu .container {
        max-width: 100%;
        width: 100%;
        display: flex;
        padding: 0 15px;
        position: relative
    }

    .header_top_menu.switch_menu .header_top_menu_mobile_content .sidebar__menu {
        flex-direction: column;
        max-height: 400px
    }

    .header_top_menu.switch_menu .header_top_menu_mobile_content {
        display: block
    }

    .header_top_menu_mobile_content .sidebar__menu {
        background: #fefefe;
        border-top: 1px solid #dedede;
        padding-top: 5px;
        border-bottom: 1px solid #dedede;
        box-shadow: rgb(100 100 111 / 20%) 1px 7px 29px 0;
        display: flex;
        overflow: hidden;
        -webkit-transition: max-height 1s;
        -moz-transition: max-height 1s;
        -ms-transition: max-height 1s;
        -o-transition: max-height 1s;
        transition: max-height 1s;
        max-height: 0
    }

    .header_top_menu_mobile_content {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        height: 400px;
        z-index: 9999;
        left: 0
    }

    .header_top_menu .theme_switch {
        order: 2
    }

    .header_top_menu_mobile_switch {
        display: block!important
    }

    .product_order_card .schedule__row {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 1rem;
        padding: 0;
        flex-wrap: wrap
    }
}

.header_top_menu_mobile_switch {
    display: none
}

.header_top_menu .all_categories_top {
    order: 1
}

.header_top_menu .theme_switch {
    order: 3
}

.header_top_menu .header_top_menu_mobile_content {
    order: 2
}

.shop_card {
    display: flex;
    background: 0 0;
    margin-bottom: 1.5rem;
    position: relative
}

.shop_card_img {
    padding: 0 1rem 0 .5rem;
    width: 38%
}

.shop_card_img img {
    width: 100%;
    object-fit: cover;
    border-radius: 8px
}

.shop_card_summary {
    width: 67%;
    padding: 0 12px 24px;
    background: 0 0;
    border-radius: 8px;
    display: flex
}

.scard_summary_boxes {
    display: flex;
    flex-direction: column;
    width: 100%
}

.scard_summary_boxes_item {
    display: flex;
    padding: .7rem 1rem;
    border: 1px solid #dedede;
    margin-bottom: .8rem;
    border-radius: 6px
}

body.dark .scard_summary_boxes_item {
    border-color: #181a20;
    width: 100%
}

.scard_summary_boxes_item_title {
    margin-right: 1rem;
    width: 36%;
    font-weight: 700;
    font-size: .875rem
}

.scard_summary_boxes_item_value {
    font-size: .875rem
}

body.dark .scard_summary_boxes_item .scard_summary_boxes_item_value span {
    background: #272b30
}

.scard_summary_boxes_item_value span {
    background: #eee;
    padding: .4rem;
    border-radius: 6px;
    margin-right: .5rem
}

.scard_summary_boxes_prices .summary_price_box {
    border: 1px solid #b3e4c9;
    padding: .55rem 1.2rem;
    border-radius: 8px;
    width: auto;
    display: flex;
    margin: 0 0 1rem
}

.scard_summary_boxes_prices {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column
}

.scard_summary_boxes_btns {
    display: flex;
    width: 100%
}

body.dark .scard_summary_boxes_btns .product_cart_button:hover {
    background: #191c20;
    border-color: #272b31;
    transition: .6s all ease
}

body.dark .scard_summary_boxes_btns .product_cart_button {
    background: #272b31;
    border-color: #191c20;
    color: #fff;
    transition: .6s all ease
}

.scard_summary_boxes_btns .product_cart_button {
    border: 1px solid #dedede;
    margin-right: 1rem;
    height: 48px;
    width: 50%;
    font-weight: 800;
    display: flex;
    align-items: center
}

.scard_summary_boxes_btns .details__button {
    transition: .5s all ease;
    width: 50%;
    border: 1px solid rgba(0,0,0,.125)
}

.scard_summary_similar {
    padding: 0 10px;
    width: 30%!important
}

.scard_summary_similar_title {
    display: flex;
    padding: .8rem 0;
    width: 100%;
    line-height: normal;
    border-radius: 8px;
    height: 60px
}

.scard_summary_similar_title span {
    border-bottom: 1px solid #2b85ff;
    width: 100%;
    padding: 0 1rem .9rem
}

.scard_summary_similar_product .summary_price_box .summary__price {
    font-size: .8rem;
    display: flex
}

.scard_summary_similar_product {
    max-height: 380px;
    overflow-x: scroll
}

body.dark .scard_summary_similar_product .product_card:hover {
    background: #272b30
}

body.dark .scard_summary_similar_product .product_card {
    background: #393d43;
    border-color: #1b1d1f
}

.scard_summary_similar_product .product_card {
    display: flex;
    width: 93%;
    flex: 0 0 100%;
    margin: 0 auto .8rem;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #dedede;
    padding: .5rem 0;
    border-radius: 14px;
    background: #fff;
    transition: .6s all ease;
    height: 82px
}

.scard_summary_similar_product .product_card .summary_discount {
    display: none!important
}

.shop_card_start {
    width: 70%;
    display: flex;
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.125);
    margin: -64px auto 0
}

.scard_summary_similar_product .product_card .summary__preview>img {
    position: static;
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 10px
}

.scard_summary_similar_product .product_card .summary_price_box {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.scard_summary_similar_product .product_card .summary__title a {
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left
}

.scard_summary_similar_product .product_card .summary__title {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .85rem;
    font-weight: 700
}

.scard_summary_similar_product .product_card .summary__preview .summary__control,.scard_summary_similar_product .product_card .summary__preview:after,.scard_summary_similar_product .product_card .summary__preview:before {
    display: none!important
}

.scard_summary_similar_product .product_card .summary__preview {
    height: auto;
    width: 80px;
    border-radius: 0;
    padding-left: 1rem;
    margin: 0!important
}

.scard_summary_similar_product .product_card .summary__line {
    width: calc(100% - 80px - .5rem);
    padding: 0 1rem 0 .7rem;
    justify-content: center;
    align-items: center
}

.scard_summary_similar_product .product_card .summary_footer {
    display: none
}

.scard_summary_similar_product .product_card:hover {
    background: 0 0;
    transition: .6s all ease
}

.product_modern_title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product_modern_title .shop__social .icon {
    width: 22px;
    height: 22px
}

.product_modern_title h1 {
    font-weight: 700;
    font-size: 1.35rem
}

body.dark .shop_card_bg {
    background: var(--background-dark)
}

.shop_card_bg {
    display: flex;
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.125)
}

.shop_card_bg .shop__control {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
    padding: 24px
}

.shop_card_bg .shop__control .tab-content {
    padding: 10px
}

.shop_card_bg .product__content {
    padding-top: 1rem;
    color: #5b5b5b;
    font-weight: 400;
    padding-right: 1rem
}

.shop_card_bg .product__content h2 {
    padding-top: 1rem;
    color: #111315;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 20px;
    padding-right: 1rem
}

.shop_card_bg .product__content p {
    color: #6f767e;
    font-size: 1.1rem;
    margin-bottom: 20px
}

.shop_card_bg .product__content p strong {
    font-weight: 400
}

.product__content .faq__body {
    background: 0 0!important;
    border-radius: 8px;
    padding: 0 0
}

.product__content .faq__head {
    background: 0 0!important;
    padding: .5rem 1rem!important;
    margin: 0;
    border-radius: 0!important;
    margin-bottom: 0!important;
    font-weight: 600!important
}

.product__content .faq__item {
    background: 0 0;
    padding: .5rem;
    border-radius: 8px;
    margin-bottom: 12px
}

body.dark .product__content .faq__item {
    background: #262b31
}

body.dark .shop_card_start {
    background: #24263a;
    border: 1px solid #181a20
}

body.dark .product__content .faq__body {
    background: #1a1d1f!important
}

body.dark .faq__item.active .faq__head .icon {
    fill: #7c8087
}

body.dark .faq__item:hover .faq__head .icon {
    fill: #9a9da2
}

.modern_shop_product .product__content .faq__item {
    padding-left: 0!important
}

body.dark .product_page .modern_shop_product .shop_card_summary .summary_price_box .summary__price {
    color: #fff!important
}

.pcontent_faq_title {
    font-weight: 700;
    font-size: 1.35rem;
    color: #000;
    border-bottom: 1px solid #dedede;
    padding-bottom: .5rem;
    margin-top: 1.5rem!important;
    display: flex;
    margin-bottom: 1rem;
    width: 100%
}

body.dark .pcontent_faq_title {
    color: #fff!important;
    border-color: #272b30
}

body.dark .modern_shop_product .product__content .faq__item {
    background: 0 0;
    color: #fff!important
}

.schedule__col_details {
    width: calc(36% - 14px);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    position: relative
}

.schedule__col_date {
    padding-right: 0;
    border-radius: 0 8px 8px 0;
    color: #6f767e;
    width: calc(20% - 14px);
    text-align: center
}

.schedule__row_contains {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.custom-product-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.1)
}

.custom-product-image {
    border-radius: 8px
}

.custom-category-icons {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 10px
}

.custom-category-icon-item img {
    width: 24px;
    height: 24px
}

.custom-product-bottom {
    text-align: center;
    margin-top: 10px
}

.custom-product-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.custom-price-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px
}

.custom-old-price {
    text-decoration: line-through;
    color: #888
}

.custom-current-price {
    font-weight: 700;
    color: #28a745
}

.custom-add-to-cart-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color .3s ease
}

.custom-add-to-cart-button:hover {
    background-color: #0056b3
}

.product__wrapper {
    position: relative;
    width: 100%;
    max-width: 1020px;
    background: #fcfcfc;
    border-radius: 8px
}

.custom-cart-count svg {
    width: 20px;
    height: 20px
}

.custom-product-card:hover .custom-cart-count {
    background-color: #1859bc;
    transform: scale(1.1);
    transition: all .3s ease
}

@media (max-width: 768px) {
    .custom-cart-count {
        top:5px;
        right: 5px;
        padding: 4px 8px;
        font-size: 10px
    }

    .custom-cart-count svg {
        width: 14px;
        height: 14px
    }
}

.custom-product-title {
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.custom-current-price {
    height: 30px;
    line-height: 30px
}

.custom-product-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.1)
}

.custom-cart-count {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #69a015;
    color: #fff;
    padding: 1px;
    border-radius: 22%;
    font-size: 13px
}

.custom-product-title {
    font-size: 13px;
    font-weight: 500 color: #333;
    margin-bottom: 10px
}

.custom-price-box .custom-old-price {
    text-decoration: line-through;
    color: #888;
    font-size: 14px
}

body.dark.modern .custom-price-box .custom-current-price {
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.custom-price-box .custom-current-price {
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.custom-add-to-cart-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color .3s ease
}

.custom-add-to-cart-button:hover {
    background-color: #0056b3
}

.custom-product-card {
    position: relative;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    overflow: hidden
}

.custom-product-card:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,.5)
}

.custom-product-preview:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(-135deg,#c8e6fa 0,transparent 50%);
    background-size: 200%;
    transition: .4s transform cubic-bezier(.06, .92, 1, 1),.4s background cubic-bezier(.15, .67, .58, 1);
    pointer-events: none
}

.custom-product-preview:hover:before {
    transform: scale(1.1);
    background-position: 50%
}

body.dark.modern .custom-product-name {
    color: #e0e0e0
}

body.dark.modern .custom-price {
    color: #fff
}

body.dark.modern .custom-price-old {
    color: red;
    text-decoration: line-through
}

.custom-product-name {
    color: #000;
    white-space: normal!important;
    overflow: visible!important;
    text-overflow: unset!important;
    display: block;
    line-height: 1.4
}

.custom-price {
    color: #070
}

.custom-price-old {
    color: #700;
    text-decoration: line-through
}

.schedule__col_details .field input {
    background: #f2f2f6
}

body.dark .schedule__col_details .field input {
    background: #272b30
}

.schedule__col_details .alert {
    margin-top: 1rem;
    background: #f2f2f6;
    color: #272b31;
    margin-bottom: 0;
    width: 100%
}

.schedule__col_details .field {
    width: 86%;
    margin-top: 1rem;
    padding: 0 .5rem
}

body.dark .schedule__col_details .field label {
    color: #fffc9
}

.schedule__col_details .field label {
    font-size: .875rem;
    margin-bottom: .25rem;
    padding-left: .25rem
}

.cart_page .schedule__row:first-child .schedule__col.schedule__col_note {
    text-align: center;
    width: calc(36% - 14px)!important
}

.cart_order_note {
    padding-top: 1px;
    font-size: .8rem
}

body.dark .schedule__row:not(:first-child):hover .schedule__row_contains .cart_order_note {
    background: #1a1e22
}

.schedule__col_details .schedule__control {
    top: calc(50% + 6px)
}

.payment_history_item {
    margin-bottom: .5rem
}

.payment_history_item span:first-child {
    font-weight: 400
}

.payment_history_item span:last-child {
    font-weight: 700
}

body .product_page .scard_summary_similar .summary_price_box .summary__price {
    font-size: .875rem;
    font-weight: 400
}

.scard_summary_similar>.card {
    margin: 0
}

.product_page .scard_summary_similar .summary_price_box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.product_page .scard_summary_similar .summary_discount span {
    font-size: .8rem;
    margin-bottom: .5rem!important
}

.product_page .scard_summary_similar .summary__price_old {
    display: none
}

body.dark .page_loading {
    background: 0 0
}

@media (min-width: 30em) {
    .filepond--item {
        width:calc(50% - .5em)
    }
}

@media (min-width: 50em) {
    .filepond--item {
        width:calc(33.33% - .5em)
    }
}

.filepond--root {
    max-height: 10em
}

.demo-filepond-wrapper {
    position: relative;
    max-width: 20rem
}

.filepond_div>* {
    flex: 1
}

.filepond--item {
    width: calc(100% - .5em)
}

.filepond--credits {
    display: none!important
}

.shop__background {
    height: 400px;
    margin: auto
}

.js_tab_active {
    display: block!important
}

.category_page .faq__wrapper {
    padding-left: 0
}

.category_page .faq.js-tabs {
    margin-top: 1.5rem
}

.category_about .h3 {
    font-size: 1.4rem
}

.category_about p {
    font-weight: 400
}

.messenger__form_submit {
    position: absolute;
    right: 8px;
    bottom: 12px
}

.header__item_messages .header__avatar {
    width: 38px;
    height: 38px
}

.messages__avatar {
    width: 42px;
    height: 42px
}

#shop_js_tab_wrapper .js-tabs-item,#shop_js_tab_wrapper2 .js-tabs-item,.pazarcontent .js-tabs-item {
    display: none
}

@media (min-width: 1430px) {
    .shop__background {
        height:350px;
        margin: auto;
        margin-top: 0
    }

    .container {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 10px
    }

    .owl-item.active {
        width: 1400px
    }

    .header_top_navbar>.container {
        display: flex;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0
    }

    .header_top_menu .container {
        display: flex;
        align-items: left;
        padding: 0;
        justify-content: space-between;
        max-width: 1400px
    }

    .shop .card {
        max-width: 1400px;
        margin: 0
    }
}

.drafts .summary {
    flex: 0 0 calc(20% - 24px);
    width: auto!important;
    margin: 12px 12px 0
}

.ml-1 {
    margin-left: .5rem
}

.ml-2 {
    margin-left: 1rem
}

.button:hover {
    background: #fff;
    color: #212529
}

.product_order_card .schedule__row {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding: 1rem 0
}

body.dark .product_order_card .schedule__row {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #272b30;
    padding: 1rem 0
}

.gallery_box {
    position: relative;
    height: 200px;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden
}

.gallery_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.product_info_gallery.owl-carousel.owl-theme.owl-loaded.owl-drag {
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    margin-bottom: 24px
}

body.dark .product_info_gallery.owl-carousel.owl-theme.owl-loaded.owl-drag {
    background: #24263a;
    padding: 24px;
    border-radius: 8px;
    margin-bottom: 24px
}

body.dark .modern_title {
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    background: #1a1d1f;
    width: 100%;
    padding-right: 1rem
}

.modern_title {
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding-right: 1rem
}

.pcontent_faq_title .icon {
    width: 24px;
    height: 24px;
    margin-right: .5rem
}

body.dark .pcontent_faq_title .icon {
    width: 24px;
    height: 24px;
    margin-right: .5rem;
    fill: #fff
}

.product__content li {
    margin-left: 1rem
}

.w_full_imp {
    width: 100%!important
}

.messenger__send.mb-2 {
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    left: inherit;
    flex-direction: row-reverse;
    bottom: 178px;
    height: auto;
    left: 0;
    flex-direction: row-reverse;
    right: 0;
    padding: 0 40px;
    padding-bottom: 15px;
    align-items: flex-end;
    padding-right: 0;
    bottom: 0;
    background: #24263a00;
    position: static;
    margin-top: 0!important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.messenger__form {
    flex-grow: inherit;
    width: auto;
    display: flex;
    width: 60%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-right: 10px
}

.messenger__form button {
    position: static!important;
    transform: none!important
}

.messenger__send.mb-2 .file {
    margin-top: 1rem;
    width: 40%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.messenger__send.mb-2 .file .file__label {
    margin-bottom: 5px
}

.faq__body p,.faq__body span {
    font-family: Inter,sans-serif!important;
    font-size: .85rem
}

.slider_is_sale {
    color: #fff!important
}

.support_send_form {
    position: relative;
    display: flex;
    flex-direction: column
}

.page__inner.product_page {
    padding-top: 100px
}

@media only screen and (max-width: 767px) {
    .users__button span {
        display:inline
    }

    body.dark .search {
        background-color: rgb(30 32 41 / 0%) !important;
    }
}

@media (max-width: 992px) {
    footer .sidebar__body .sidebar__link {
        font-size:.75rem;
        padding-left: 0;
        padding-right: 0
    }

    .fcp_box {
        font-size: .75rem
    }

    .footer-middle {
        margin-bottom: 50px
    }

    .header_top_colon {
        text-align: center
    }

    .header_top_menu_right {
        justify-content: center
    }

    .header_top_navbar {
        height: auto;
        padding: 10px 5px;
        position: relative
    }

    .header_top_navbar>.container {
        display: block;
        text-align: center
    }

    .ht_navbar_start {
        width: auto
    }

    .ht_navbar_search .header__search {
        width: auto;
        position: absolute;
        top: 12px;
        right: 45px
    }

    .ht_navbar_end {
        width: auto;
        justify-content: space-between;
        margin-top: 12px;
        padding: 0 15px
    }

    .ht_navbar_end li:first-child a {
        margin: 0
    }

    .ht_navbar_end .header_cart {
        margin-right: 0;
        margin-left: 25px
    }

    .header_top_menu {
        height: auto;
        margin-bottom: 0
    }

    .header_top_main.header {
        margin-top: 0
    }
}

@media(min-width: 992px) {
    .header_top_menu .container {
        justify-content:flex-start
    }

    .header_top_menu .theme_switch {
        width: 100%;
        display: flex;
        justify-content: flex-end
    }
}

.theme__inner {
    margin-top: 0
}

body.dark .theme__inner {
    position: relative;
    display: flex;
    padding: 5px;
    background: #333c50;
    transition: background .2s
}

.menustsagtt {
    margin-top: 14px
}

body.dark .vertical_product_card .product_card .summary_category_icon {
    border-bottom: none;
    --myColor1: rgb(33 32 60) 35%;
    --myColor2: #272a52;
    display: none
}

.vertical_product_card .product_card .summary_category_icon {
    border-bottom: none;
    --myColor1: rgb(33 32 60) 35%;
    --myColor2: #272a52;
    display: none
}

.button-yeni {
    color: #606060;
    width: 50px;
    border-color: var(--theme-color);
    height: 50px;
    margin: 2px;
    box-shadow: 0
}

.button {
    color: #606060;
    width: 75%;
    border-color: var(--theme-color);
    height: 40px
}

.ht_navbar_end li.add_product {
    margin: 0;
    padding: 0
}

.button:hover {
    transition: all .15s ease-in-out 0s;
    transform-origin: center center
}

.product__panel {
    left: calc(100% - 75px)
}

@media (min-width: 1200px) {
    body {
        overflow-x:hidden
    }
}

@media only screen and (max-width: 1023px) {
    .faq__menu {
        display:flex!important
    }
}

@media (min-width: 768px) {
    .col-md-2 {
        flex:0 0 auto;
        width: 16.66666%
    }
}

@media (min-width: 1430px) {
    .col-md-2 {
        flex:0 0 auto;
        width: 16.666%
    }
}

@media only screen and (max-width: 767px) {
    .shop__man {
        font-size:2rem;
        text-align: left
    }
}

.shop__socials {
    display: none;
    align-items: center
}

.shop__control {
    display: flow;
    align-items: center;
    margin-bottom: 0
}

.shop__nav {
    display: contents;
    margin-right: auto
}

.js-tabs .shop__control .shop__nav {
    flex-direction: column;
    margin-bottom: 0
}

.shop__info {
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #6f767e;
    max-width: 60%
}

body.dark .packages {
    background: var(--background-dark);
    border: 1px solid #181a20
}

.shop__wrap {
    padding: 1rem 0 0 8px;
    max-width: 100%
}

.shop__contacts {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    float: right
}

body.dark .messages {
    background: 0 0!important
}

.user-name-icon {
    position: relative;
    display: inline-block;
    background: var(--theme-color);
    border-radius: 50%;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    vertical-align: top;
    text-align: center;
    line-height: 56px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 5px
}

.summary_prices_inner {
}

.income__indicator.balance.positive {
    margin-bottom: 8px
}

.messenger {
    flex-grow: 1;
    border: 1px solid #181a20;
    border-radius: 12px
}

body.dark .scard_summary_boxes_prices .summary_price_box {
    border: 1px solid #b3e4c9;
    padding: .55rem 1.2rem;
    border-radius: 8px;
    display: flex;
    border-color: #181a20;
    margin: 0 0 1rem;
    width: 100%;
    align-items: flex-start
}

.media__content.limits {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 20px;
    padding: 8px
}

.details__button svg.icon.icon-basket {
    color: #fff;
    fill: white);
    transition: all .2s;
    width: 20px!important;
    height: 20px!important
}

.search__input {
    padding: 0 68px 0 10px
}

.search__start {
}

.search__start .icon {}

.header_top {
    height: 60px
}

.users__button i {
    margin-right: 5px;
    font-size: 17px
}

body.dark .header_top {
    background: #2a2c41
}

body.dark .header_top_navbar {
    background: #25283b
}

body.dark.modern .header_top {
    background: var(--background-dark)
}

body.dark.modern .header_top_navbar {
    background: var(--background-dark);
    border-color: #171a21!important;
    border-bottom: 0 solid #ebebeb
}

body.dark.modern .header_top_menu {
    background: var(--background-dark);
    border-bottom: 0 solid var(--background-dark)
}

.theme__input:checked+.theme__inner {
    background: #f4f4f4
}

body.dark .header_top_menu li.dropdown a.dropdown-toggle {
    color: #1a1a1a
}

.details__button svg.icon.icon-basket {
    color: #000;
    fill: black
}

body.dark .gl-tab a.active {
    color: rgb(226 229 255)!important;
    border-color: rgb(85 153 216)
}

.gl-tab a.active,.gl-tab a:hover {
    border-color: rgb(52 158 255);
    color: rgb(35 35 35)
}

body.dark .gl-tab a {
    color: rgb(188 190 212)!important
}

.gl-tab a {
    float: left;
    color: rgb(105 105 105)!important;
    border: none;
    border-bottom: 2px solid rgb(0 0 0/0%);
    line-height: 38px;
    cursor: pointer;
    background: 0 0!important;
    padding: 0 5px
}

.gl-tab a span {
    padding: 0 20px;
    display: block
}

gl-tab a i {
    margin-right: 5px
}

.urunanask {
    margin: 0;
    margin-bottom: 25px;
    padding: 10px 10px 10px
}

.urunanask:before {
    content: "";
    position: absolute;
    top: 0
}

body.dark .pazarcontent .pazarurunalan-Main {
    background: rgb(33 38 48)!important;
    border: 1px solid #2f3144;
    box-shadow: 0 4px 3px 0 rgb(35 37 56)!important
}

body.dark .kcerceve .pazarurunalan-Main {
    border: 8px solid #3b3f6c!important
}

.kcerceve .pazarurunalan-Main {
    border: 8px solid #eceff2!important
}

.rcerceve .pazarurunalan-Image-1 {
    animation: rainbow_border_animation 4s ease-in-out infinite;
    border: 4px solid
}

@keyframes rainbow_border_animation {
    0%,100% {
        border-color: #ff7d00
    }

    25% {
        border-color: #e5c79f
    }

    50% {
        border-color: #ff7d00
    }

    75% {
        border-color: #f0b073
    }
}

@keyframes rainbow_text_animation {
    0%,100% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 0
    }
}

.rbaslik .pazarurunalan-Title {
    background: linear-gradient(to right,#ff7d00,#e5c79f,#ff7d00,#f0b073);
    animation: rainbow_text_animation 3s ease-in-out infinite;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 400% 100%;
    color: transparent
}

.kbaslik .pazarurunalan-Title {
    font-weight: 900
}

.pazarcontent .pazarurunalan-Main {
    background: rgba(241,241,241,.32);
    border-radius: 6px;
    position: relative;
    padding-top: 130px;
    padding-bottom: 5px;
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 5px 0 rgba(33,33,33,.09)
}

.pazarurunalan-Main {
    background-color: #fff!important;
    border: 1px solid #ddd;
    border-radius: 6px!important;
    display: block;
    box-shadow: 0 5px 30px rgb(0 0 0/5%)!important
}

.postImageBox img {
    transition: .3s linear
}

img.pazarurunalan-Image-1 {
    object-fit: cover!important
}

.pazarurunalan-Image-1 {
    width: calc(100% - 10px);
    height: 120px;
    border-radius: 5px;
    background-size: cover!important;
    position: absolute;
    top: 5px;
    left: 5px
}

body.dark .pazarurunalan-Price {
    color: #f5f6ff;
    text-shadow: 1px 1px 0 #232539;
    background: linear-gradient(45deg,#565b90,#7881d8)
}

.pazarurunalan-Price {
    display: inline;
    background: #fff;
    position: absolute;
    right: 5px;
    top: 110px;
    padding: 3px 9px;
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.06);
    font-weight: 900;
    font-size: 13px;
    color: #4b7fa7;
    transition: .1s linear
}

body.dark .pazarurunalan-Category {
    background: unset
}

.pazarurunalan-Category {
    display: inline;
    background: #fff;
    position: absolute;
    left: 5px;
    top: 101px;
    padding: 0;
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.06);
    font-weight: 900;
    font-size: 13px;
    color: #4b7fa7
}

.pazarurunalan-Category img {
    width: 35px;
    height: 35px;
    border-radius: 6px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.06);
    transition: .1s linear
}

body.dark .pazarurunalan-Title {
    color: #d7d8e6
}

.pazarurunalan-Title {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    height: unset;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    word-break: break-all;
    margin-top: 5px;
    white-space: normal;
    height: 46px
}

.pazarurunalan-Title {
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
    padding-top: 10px;
    height: 30px;
    color: #656565;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body.dark .pazarurunalan-ItemDesc {
    color: #979aae
}

.pazarurunalan-ItemDesc {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: gray;
    white-space: normal;
    line-height: 14px;
    margin: 5px 0;
    word-break: break-all;
    height: 28px
}

.pazarurunalan-ItemDesc {
    font-size: 12px;
    padding: 0 15px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 14px;
    margin: 5px 0;
    word-break: break-all;
    height: 28px
}

body.dark .pazarurunalan-Publisher {
    border-color: #323550
}

body.dark .pazarurunalan-Publisher {
    background: linear-gradient(6deg,#4c528e,#25273a 70%)
}

body.dark.modern .pazarurunalan-Publisher {
    background: linear-gradient(6deg,#2a2d3a,#25273a 70%)
}

.pazarurunalan-Publisher {
    background: 0 0;
    border-top: 1px solid #f5f5f5;
    color: gray;
    font-size: 12px;
    margin-top: 5px
}

.pazarurunalan-Publisher {
    padding: 6px 10px;
    background: linear-gradient(6deg,#d2dbe2,#fbfbfb 70%);
    margin-bottom: -5px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer
}

.pazarurunalan-Publisher img {
    width: 25px;
    border-radius: 4px;
    height: 25px;
    font-size: 0!important
}

body.dark .pazarurunalan-Publisher span.PublisherName {
    color: #d7d8e6
}

.pazarurunalan-Publisher span.PublisherName {
    display: inline-block;
    width: calc(100% - 20px - 25px);
    padding-left: 5px;
    color: #757575;
    font-size: 13px;
    height: 24px;
    top: 2.93px;
    position: relative
}

body.dark .pazarurunalan-Publisher span.PublisherName small {
    color: #979aae
}

.pazarurunalan-Publisher span.PublisherName small {
    display: block;
    font-size: 9px;
    line-height: 6px;
    letter-spacing: 1px;
    color: #b1b1b1
}

body.dark .panel:before {
    background: #24263a;
    box-shadow: inset 1px 0 0 #24263a
}

.panel:before {
    background: var(--background-dark);
    box-shadow: inset 1px 0 0 var(--background-dark);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.anabanneralan1 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px
}

.anabanneralan2 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 190px
}

.anabanneralan3 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 190px;
    margin-top: 20px
}

@media only screen and (max-width: 639px) {
    .anabanneralan1,.anabanneralan2,.anabanneralan3 {
        display:none
    }
}

.anashopna .shop__link:not(:last-child) {
    margin-right: 0
}

.anashopna .shop__link {
    border-radius: 0;
    padding: 15px 16px!important;
    width: 100%
}

.anashopna {
    width: 100%;
    justify-content: space-around
}

.owl-theme .owl-nav {
    margin-top: 0!important
}

.promote__list {
    margin: 0
}

body.dark .button-square-stroke,body.dark .button-stroke,body.dark .button-stroke-red,body.dark .select {
    background: #272b30
}

.button-square-stroke,.select {
    background: #efefef
}

.foot {
    background: #fff
}

.publisher_list .publisher_card {
    background: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 220px;
    margin: 0
}

.publisher_list .publisher_card .summary__line {
    padding-top: 16px;
    padding-bottom: 0
}

.btn-orange {
    background-color: var(--theme-color)!important;
    border-color: var(--theme-color)!important;
    color: #fff
}

.btn-primary {
    border-color: var(--theme-color)!important
}

.text-genel {
    color: var(--theme-color)
}

.btn-primary {
    color: #fff;
    background-color: var(--theme-color)!important;
    border-color: var(--theme-color)!important;
    height: 40px
}

.star-rating {
    display: flex;
    margin: 0;
    padding: 0
}

.productyataylist .product-image {
    display: flex;
    align-items: center;
    justify-content: center
}

body.dark .kateyanalanmen {
    background-color: var(--background-dark);
    color: #fff
}

.kateyanalanmen {
    font-weight: 500;
    color: #000;
    padding-left: 15px!important;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0
}

.kateyanalanmen.active {
    background: var(--theme-color);
    color: #fff!important;
    box-shadow: 0
}

body.dark.modern .kateyanalanmen.active {
    background: var(--theme-color);
    color: #fff!important
}

@media only screen and (max-width: 992px) {
    .search-f {
        padding-left:20px;
        padding-right: 20px
    }

    .productyataylist {
        flex-direction: column
    }

    .productyataylist .bottom-block {
        align-items: center;
        padding: 0;
        flex-wrap: wrap
    }

    .productyataylist .product-detail {
        width: 100%
    }

    .productyataylist .bottom-block .statistic-actions {
        width: 100%
    }

    .productyataylist .bottom-block .market-actions .market-action {
        width: 100%
    }

    .productyataylist .pimg-base {
        width: 100%;
        height: 100%
    }

    .productyataylist .product-image {
        background-size: contain
    }

    .productyataylist .product-info {
        flex: 1 1
    }

    .productyataylist .bottom-block button {
        width: 100%
    }

    .productyataylist .product-detail {
        height: 260px;
        padding: 0
    }

    .m-container .row>* {
        padding: 0
    }

    .productyataylist {
        padding: 10px!important
    }

    .category-products .product-base {
        flex-basis: auto!important
    }

    .product-name-detailed {
        flex-wrap: wrap;
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block
    }

    .product-name-detailed img {
        margin-top: 5px
    }
}

.streamer {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc((100% - 2.5rem)/ 6);
    height: 200px;
    border-radius: 4px
}

.streamer .streamer-box {
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    background-color: rgba(0,0,0,.6);
    text-align: center;
    -webkit-box-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    display: flex!important;
    flex-direction: column!important;
    text-align: center!important;
    width: 100%!important;
    -webkit-box-flex: 1!important;
    flex-grow: 1!important;
    overflow: hidden!important
}

.streamer .streamer-box img {
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    margin-bottom: 5px
}

.ilangenelbilgi {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
    padding-top: 8px
}

.ilangenelbilgi .ilanozel {
    display: flex;
    border: 1px solid #cacaca40;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    width: 100%;
    box-shadow: 0 3px 8px #00000021
}

body.dark.modern .ilangenelbilgi .ilanozel .detail-row-left {
    width: 138px;
    font-size: 12px;
    padding: 9px;
    background: var(--background-dark);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff
}

.ilangenelbilgi .ilanozel .detail-row-left {
    width: 138px;
    font-size: 12px;
    padding: 9px;
    background: #f9f9f9;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #606060
}

.ilangenelbilgi .ilanozel i {
    font-weight: 300;
    width: 16px;
    margin-right: 4px
}

.ilangenelbilgi .ilanozel .detail-row-right {
    word-break: break-all;
    font-weight: 500;
    font-size: 13px;
    padding: 9px
}

body.dark .ilangenelbilgi .ilanozel {
    background-color: #171a21
}

body.dark .ilanaltalani {
    background: #24263a;
    border-color: #24263a
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: var(--theme-color)
}

.nav-link {
    color: var(--theme-color)
}

.ilanaltalani {
    background-color: #fff;
    background: linear-gradient(45deg,#fff,#e7e7e7);
    box-shadow: #0c0c0d21 0 5px 6px;
    border: 1px solid #ddd!important;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    line-height: 3
}

.ilanaltalani .variant-name i {
    margin-right: 5px
}

.ilanaltalani .variant-name {
    font-size: 13px
}

.ilanaltalani .variant-value {
    font-size: 13px;
    font-weight: 500
}

.cardgrbg {
    background: linear-gradient(to bottom,#fff,#e9e9e9)
}

body.dark .cardgrbg {
    background: linear-gradient(to bottom,#343648,#24263a78)
}

body.dark.modern .cardgrbg {
    background: linear-gradient(to bottom,#171a21,#171a2100)
}

.cardborder {
    border-radius: 8px
}

.cekiliskatilan {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    max-height: 400px;
    overflow-y: auto;
    padding: 8px;
    font-family: Inter,-apple-system,Helvetica Neue,sans-serif
}

.cekiliskatilan .katilim {
    color: #212121;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    position: relative;
    border: 2px solid #d5d5d5;
    width: 100%;
    text-align: center
}

.katilim-info {
    display: flex;
    width: 100%;
    flex: 1 1
}

.cekiliskatilan .katilim .isim {
    background: #fff;
    color: #363636;
    padding: 5px;
    text-shadow: none;
    font-weight: 500;
    max-width: 100%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.cekiliskatilan .katilim .tarih {
    background: #e4e4e4;
    color: #363636;
    padding: 5px;
    max-width: 100%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

body.dark .yansagmenuorta {
    background: #272d39;
    border-left: 1px solid #3b4558;
    border-top: 1px solid #3b4558;
    border-bottom: 1px solid #3b4558
}

.yansagmenuorta {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    background: #fff;
    z-index: 999999;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    box-shadow: #00000042 0 0 15px;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    padding-left: 5px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.yansagmenuorta a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-right: 3px solid transparent;
    transition: all .15s ease-in-out;
    color: #fff
}

.yansagmenuorta a span {
    display: flex;
    width: 40px;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    width: 100%
}

.yansagmenuorta a span i {
    font-size: 22px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center
}

.rainbow_text_animated {
    background: linear-gradient(to right,#ff7d00,#e5c79f,#ff7d00,#f0b073);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation .8s ease-in-out infinite;
    background-size: 400% 100%;
    color: transparent!important;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 12px;
    border-radius: 12px;
    white-space: nowrap;
    font-family: Inter,sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: #6f767e;
    -webkit-tap-highlight-color: transparent;
    transition: background .2s,box-shadow .2s,color .2s
}

.menyen {
    background-color: rgb(255 154 57);
    color: #fff;
    display: block;
    padding: 0 5px;
    font-size: .5em;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    position: absolute;
    top: -2px;
    left: -5px;
    border-top-left-radius: 1em!important;
    transition: all 1.5s ease 0s;
    z-index: 1
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 0
    }
}

.theme__box {
    flex: none
}

.storylist {
    max-width: 1333px!important;
    overflow: hidden;
    display: block
}

.stories .story-item {
    display: inline-block;
    border-radius: 50%;
    transition: box-shadow .2s;
    position: relative;
    box-shadow: #0000007d 0 0 3px
}

.stories .story-item .story-bg {
    border-radius: 999px;
    background-image: linear-gradient(180deg,#ee7d19 65%,#23b8f8);
    animation: coursel 4s infinite;
    animation-timing-function: linear;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: filter .2s
}

.stories .story-item:hover .story-bg {
    filter: brightness(2.5)
}

.stories .story-item img {
    transform: scale(.92);
    width: 68px;
    height: 68px;
    border-radius: 999px;
    background-size: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.swiper-sld {
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
    border-radius: 1em;
    transform: translate3d(0,0,0)
}

.swiper-sld .swiper-wrapper {
    display: flex
}

.swiper-sld .swiper-slide {
    flex: none;
    width: 100%;
    max-width: 1000px;
    transition: filter 1s,opacity 1s;
    padding: 0 1em
}

.swiper-sld .swiper-slide .img {
    display: block;
    width: 100%;
    max-width: 1000px;
    position: relative;
    overflow: hidden;
    background: var(--body-background-color,#fff);
    border-radius: 1em;
    transform: translate3d(0,0,0);
    aspect-ratio: 1000/360
}

.swiper-sld .swiper-slide img {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.swiper-sld .swiper-slide:not(.swiper-slide-active) {
    opacity: .25;
    filter: grayscale(1);
    pointer-events: none
}

.swiper-sld .swiper-slide-active {
    position: relative;
    z-index: 2
}

.swiper-sld .swiper-slide-active img {
    transform: scale(1.03);
    transition: linear 6s
}

.swiper-sld .swiper-button {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    gap: 2em;
    pointer-events: none
}

.swiper-sld .swiper-button::after {
    content: '';
    display: block;
    flex: none;
    width: 100%;
    max-width: 1000px
}

.swiper-sld .swiper-button-next,.swiper-sld .swiper-button-prev {
    flex: auto;
    pointer-events: initial;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-sld .swiper-button-next::after,.swiper-sld .swiper-button-prev::after {
    display: block;
    font-size: 1.3em;
    width: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s;
    color: #fff
}

.swiper-sld .swiper-button-next:hover::after,.swiper-sld .swiper-button-prev:hover::after {
    opacity: 1
}

.swiper-sld .swiper-button-prev {
    order: -1
}

.swiper-sld .swiper-button-next {
    order: 1
}

.swiper-sld .swiper-pagination {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: .5em;
    position: absolute;
    inset-inline: 0;
    inset-block-end: 1.5em;
    z-index: 1;
    height: 0;
    margin-inline:auto;width: calc(100% - 6em);
    max-width: 25em;
    box-sizing: border-box
}

.swiper-sld .swiper-pagination-bullet {
    flex: 1;
    display: block;
    height: 5px;
    min-width: 1em;
    padding: 1px;
    box-sizing: border-box;
    border-radius: 1em;
    background: rgba(255 255 255/50%);
    backdrop-filter: blur(1em);
    cursor: pointer;
    transition: width .3s
}

.swiper-sld .swiper-pagination-bullet::before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    border-radius: 1em;
    background-color: var(--SiteTHM)
}

.swiper-sld .swiper-pagination-bullet-active {
    flex: 2;
    background: #fff
}

.swiper-sld .swiper-pagination-bullet-active::before {
    animation: pagination 6s linear
}

@keyframes pagination {
    100% {
        width: calc(100% - 2px)
    }
}

@media only screen and (max-width: 1000px) {
    .swiper-sld .swiper-button {
        display:none
    }
}

@media only screen and (max-width: 480px) {
    .swiper-sld .swiper-slide .img {
        aspect-ratio:1000/360
    }

    .swiper-sld .swiper-slide-active img {
        transform: scale(1.05);
        object-fit: cover
    }

    .swiper-sld .swiper-pagination {
        pointer-events: none;
        inset-block-end: 1em
    }

    .swiper-sld .swiper-pagination-bullet {
        flex: none;
        min-width: unset;
        width: 5px
    }

    .swiper-sld .swiper-pagination-bullet-active {
        width: 2em
    }
}

@media only screen and (max-width: 480px) {
    .swiper-sld {
        height:auto;
        overflow: hidden
    }

    .swiper-sld .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto
    }

    .swiper-sld .swiper-slide .img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block
    }

    .swiper-sld .swiper-slide img {
        max-width: 100%;
        height: auto
    }

    .swiper-sld .swiper-slide-active img {
        transform: scale(1.05)
    }
}

@media (max-width: 768px) {
    .for-story {
        flex-direction:row;
        flex-wrap: wrap;
        align-items: center;
        overflow: auto
    }

    .story-container {
        width: 70px;
        height: 70px;
        margin: 0
    }
}

.back-image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 650px;
    z-index: -1;
    background-size: cover;
    background-position: top center;
    opacity: .8;
    transition: all .4s cubic-bezier(.09, .53, .79, .74);
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.back-image:after {
    content: '';
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgb(38 40 44) 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.back-image:before {
    content: '';
    background: radial-gradient(circle,#292c34 0,rgba(255,255,255,0) 50%,#292c34 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.summary_bottom {
    padding: 8px
}

body.dark.modern .summary_bottom {
    padding: 8px;
    background: linear-gradient(95deg,#2e2f32 13%,rgb(58 54 54 / 88%) 36%,#3e3e3e 50%);
    height: 100%
}

body.dark .lang-down {
    color: #fff
}

.lang-down {
    color: #000
}

.lang-down {
    top: 10px;
    position: relative
}

body.dark.modern .dropdown-menu {
    background: #171a21;
    border-radius: 0;
    border: 0
}

.dropdown-menu {
    background: #f9f9f9;
    border-radius: 0;
    border: 0
}

.preferences-container {
    padding: 10px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 274px
}

.preferences-container>:not(:last-child) {
    margin-bottom: 10px
}

.preferences-container>:last-child {
    margin-bottom: -5px
}

body.dark.modern .preferences-container .pref-head {
    margin: 10px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center
}

.preferences-container .pref-head {
    margin: 10px 0;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center
}

body.dark.modern .preferences-container p {
    margin: 0 0 10px;
    color: #fff;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 13px;
    text-align: center
}

.preferences-container p {
    margin: 0 0 10px;
    color: #000;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 13px;
    text-align: center
}

.preferences-container .preference-input-area {
    position: relative
}

.preferences-container .preference-input-area label {
    display: block;
    color: rgb(255 255 255 / 87%);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 5px
}

body.dark.modern .preferences-container .preference-input-area .preference-input {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 42px;
    padding: 10px 10px 10px 15px;
    background-color: #fff;
    border: 1px solid rgb(71 71 71);
    border-radius: 3px;
    outline: 0;
    overflow: hidden;
    transition-property: border-color,box-shadow;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
    margin: 0;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: var(--background-dark);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(0, 0, 0, 0.54)'><path d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'></path></svg>");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: calc(75% - 6px);
    color: #bebebe
}

.preferences-container .preference-input-area .preference-input {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 42px;
    padding: 10px 10px 10px 15px;
    background-color: #fff;
    border: 1px solid rgb(172 172 172);
    border-radius: 3px;
    outline: 0;
    overflow: hidden;
    transition-property: border-color,box-shadow;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
    margin: 0;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(0, 0, 0, 0.54)'><path d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'></path></svg>");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: calc(75% - 6px);
    color: #343434
}

.preferences-container .preference-input-area .preference-input:focus {
    border-color: #2f82fb;
    box-shadow: rgb(166 219 243 / 87%) 0 0 4px
}

.preferences-container .preference-button {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: normal;
    padding-left: 24px;
    padding-right: 24px;
    background-color: red;
    border: 1px solid rgb(101 101 101);
    color: rgb(255 255 255);
    height: 42px;
    width: 100%;
    opacity: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0
}

.preferences-container .preference-button.pref-ok {
    display: block;
    text-align: center;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: normal;
    padding-left: 24px;
    padding-right: 24px;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: #fff;
    height: 42px;
    width: 100%;
    opacity: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0
}

.swiper-sld .swiper-pagination {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: .5em;
    position: absolute;
    inset-inline: 0;
    inset-block-end: 1.5em;
    z-index: 1;
    height: 0;
    margin-inline:auto;width: calc(100% - 6em);
    max-width: 25em;
    box-sizing: border-box
}

.swiper-sld .swiper-pagination-bullet {
    flex: 1;
    display: block;
    height: 5px;
    min-width: 1em;
    padding: 1px;
    box-sizing: border-box;
    border-radius: 1em;
    background: rgba(255 255 255/50%);
    backdrop-filter: blur(1em);
    cursor: pointer;
    transition: width .3s
}

.swiper-sld .swiper-pagination-bullet::before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    border-radius: 1em;
    background-color: #a855f7
}

.swiper-sld .swiper-pagination-bullet-active {
    flex: 2;
    background: #fff
}

.swiper-sld .swiper-pagination-bullet-active::before {
    animation: pagination 6s linear
}

@keyframes pagination {
    100% {
        width: calc(100% - 2px)
    }
}

@media only screen and (max-width: 480px) {
    .swiper-sld .swiper-slide .img {
        aspect-ratio:1000/360
    }

    .swiper-sld .swiper-slide-active img {
        transform: scale(1.05)
    }

    .swiper-sld .swiper-pagination {
        pointer-events: none;
        inset-block-end: 1em
    }

    .swiper-sld .swiper-pagination-bullet {
        flex: none;
        min-width: unset;
        width: 5px
    }

    .swiper-sld .swiper-pagination-bullet-active {
        width: 2em
    }
}

.dark #cartModal .text-header {
    color: #fff!important
}

.text-header {
    margin-top: 10px;
    margin-bottom: 0
}

.modal-content {
    padding: 0;
    display: flex
}

.cart-modal-name {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    margin-left: 1rem;
    color: var(--text);
    font-size: .875rem;
    margin-bottom: 1rem
}

span.category-name {
    font-size: .875rem;
    font-weight: 300
}

span.product-name {
    font-size: .875rem;
    font-weight: 700
}

.gunalan {
    width: 50px!important;
    max-width: 50px!important
}

.darkalan {
    display: none;
    width: 50px!important;
    max-width: 50px!important
}

.dark .gunalan {
    display: none
}

.dark .darkalan {
    display: block
}

.header_top_menu_mobile_content .sidebar__menu i {
    margin-right: 7px
}

body.dark.modern .header_top {
    background-color: var(--nav-bg)!important;
    border-bottom: 0 solid var(--nav-border-color)!important;
    padding: 10px 0!important
}

body.dark.modern .header_top_navbar {
    background-color: var(--nav-bg)!important;
    border-bottom: 0 solid var(--nav-border-color)!important;
    padding: 10px 0!important
}

body.dark .theme__inner {
    position: relative;
    display: flex;
    padding: 0;
    border-radius: 38px;
    background: #333c50;
    transition: background .2s
}

.theme__inner {
    border-radius: 38px
}

@media (pointer: none),(pointer:coarse) {
    .container-fluid {
        -ms-overflow-style:none;
        scrollbar-width: none
    }

    .swiper-sld {
        scrollbar-width: none
    }
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    outline: 0
}

body.dark.modern.cardsearchcate .form-control {
    border: 1px solid #7280a9;
    background-color: #1e1f22;
    color: #c7c7c7
}

body.dark.modern.cardsearchcate {
    box-shadow: 7px 7px 15px -5px #0000008c!important;
    border: 1px solid #474747!important;
    background-color: #313338!important;
    border-radius: 5px
}

.btn-secondary {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

body.dark.modern.cardsearchcate .form-control {
    border: 1px solid #7280a9;
    background-color: #1e1f22;
    color: #c7c7c7
}

body.dark.modern.cardsearchcate {
    box-shadow: 7px 7px 15px -5px #0000008c!important;
    border: 1px solid #474747!important;
    background-color: #313338!important;
    border-radius: 5px
}

.btn-secondary {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.shop__avatar {
    position: relative;
    flex-shrink: 0;
    width: 160px;
    height: auto;
    margin-top: 0
}

@media (max-width: 768px) {
    .shop__avatar {
        width:80%;
        max-width: 100%;
        margin: 0;
        margin-top: 0;
        text-align: center
    }

    .shop__avatar img {
        width: 100%;
        height: auto;
        max-height: 150px;
        object-fit: contain
    }

    .shop__avatar h1,.shop__avatar h2,.shop__avatar p {
        font-size: 14px;
        line-height: 1.2;
        margin-top: 10px
    }
}

.shop__man {
    font-size: 18px
}

.kattetitle {
    font-size: 1.2em;
    font-weight: 400;
    padding-bottom: 15px;
    background: linear-gradient(90deg,rgba(0,0,0,0),#fff,rgba(0,0,0,0)) center bottom/100% 1px no-repeat
}

.p-4 {
    padding: 1.5rem!important
}

body.dark .header__body {
    background-color: #1f232d;
    border: 0 solid var(--background-dark)
}

.container-fluid {
    width: 95vw;
    max-width: 1400px
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

.butonyeni {
    position: relative;
    z-index: 2;
    user-select: none;
    font-family: "Motiva Sans",Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    padding: 4px 14px;
    background: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    border-radius: 10px
}

.butonyeni:hover {
    background: #fccf03;
    color: #fff
}

body.dark.modern .yenigiris .link-text:hover {
    text-decoration: underline
}

button.mobgizle {
    background: 0 0;
    border: none;
    padding: 0;
    color: #495065;
    cursor: pointer
}

button.users__button {
    font-weight: 500
}

.sidebar__link {
    padding: 0
}

.fa-duotone,.fad {
    position: relative;
    font-weight: 900;
    letter-spacing: normal
}

.footeryeni .baryeni2 h3 {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin: 0
}

.nav-item .septadet2 {
    position: absolute;
    top: -11px;
    right: 22px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    padding: 0 0;
    font-size: 12px;
    width: 22px;
    height: 22px
}

.dropdown-toggle::after {
    content: none
}

.cogi {
    right: 20px;
    top: 25px;
    position: absolute;
    padding: 10px;
    border-radius: 100%;
    color: #6f767e
}

.fa-circle {
    font-size: 7px;
    margin-right: 5px
}

.isyan {
    margin-left: 50px
}

.durumicon {
    float: right
}

.yansagmenuorta:not(:has(a)) {
    display: none
}

.theme_switch {
    display: flex;
    justify-content: center;
    align-items: center
}

.theme {
    position: relative;
    width: 60px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    user-select: none
}

.theme__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.theme__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 99px;
    background-color: #f0f0f0;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    transition: background-color .3s ease
}

.theme__input:checked~.theme__inner {
    background-color: #f9f9f900
}

@media only screen and (max-width: 1259px) {
    .theme.wide .theme__box {
        display:flex;
        height: 20px;
        border-radius: 16px;
        font-size: 15px
    }
}

.theme__input:checked+.theme__inner .theme__box:first-child .icon {
    fill: var(--theme-color)
}

.remember-me {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #606060;
    cursor: pointer
}

.remember-me input {
    margin-right: 5px
}

body.dark .remember-me {
    color: #fff
}

.mobile-sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 10px 0;
    background: var(--sticky-header-bg)!important;
    border-bottom: 1px solid var(--sticky-header-border)!important;
    transform: translateY(-100%);
    transition: transform .3s ease-in-out
}

.mobile-sticky-header.isSticky {
    transform: translateY(0)
}

.mobile-sticky-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.mobile-sticky-header__logo img {
    height: 30px
}

.mobile-sticky-header__actions .user-menu__action-btn {
    padding: 8px 16px!important;
    font-size: 13px!important;
    height: auto!important
}

@media (min-width: 992px) {
    .mobile-sticky-header {
        display:none!important
    }
}

.mobile-sticky-header__actions .user-menu__auth-actions {
    display: flex;
    align-items: center;
    gap: 10px
}

.mobile-sticky-header__actions .user-menu__action-btn {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 8px 16px!important;
    height: auto!important;
    border-radius: 8px!important;
    font-size: 13px!important;
    font-weight: 600!important;
    text-decoration: none!important;
    border: 1px solid transparent!important;
    transition: all .2s ease!important
}

.mobile-sticky-header__actions .user-menu__action-btn--secondary {
    background-color: var(--input-bg,#f8f9fa)!important;
    color: var(--text-secondary,#6c757d)!important;
    border-color: var(--header-border,#e9ecef)!important
}

.mobile-sticky-header__actions .user-menu__action-btn--secondary:hover {
    border-color: var(--text-primary,#212529)!important;
    color: var(--text-primary,#212529)!important
}

.mobile-sticky-header__actions .user-menu__action-btn--primary {
    background: var(--accent-gradient,linear-gradient(45deg,#007bff,#6f42c1))!important;
    color: #fff!important
}

.mobile-sticky-header__actions .user-menu__action-btn--primary:hover {
    transform: translateY(-2px);
    opacity: .9
}

body.dark .buttonpazar {
    color: #fff;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
    border-color: var(--theme-color)
}

body.dark .buttonpazar {
    background: 0 0;
    border: 1px solid #fff;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px;
    color: #fff
}

body.dark.modern .userilanpazar {
    border: 1px solid var(--theme-color)!important;
    background: var(--theme-color) 00!important;
    color: #fff!important;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px
}

.userilanpazar {
    border: 1px solid var(--theme-color)!important;
    background: var(--theme-color)!important;
    color: #fff!important;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px
}

body.dark.modern .userilanpazar:hover {
    background: rgba(255,255,255,.1);
    color: #fff!important;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px
}

.userilanpazar :hover {
    background: rgba(255,255,255,.1)!important;
    color: var(--theme-color)!important;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 8px
}

.product-name-detailed {
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    max-width: 200px;
    font-size: 16px
}

.product-name-detailed a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000
}

body.dark .product-name-detailed a {
    color: #fff
}

.urun-blok {
    margin-bottom: 35px;
    margin-top: 20px
}

body.dark.modern .urun-karti {
    border: 1px solid var(--theme-color);
    border-radius: 10px;
    padding: 10px;
    background-color: var(--background-dark);
    position: relative;
    font-size: 0
}

.urun-karti {
    border-radius: 10px;
    padding: 10px;
    background-color: #e8e8e8;
    position: relative;
    font-size: 0;
    border: 1px solid var(--theme-color)
}

body.dark.modern .teslimat-etiketi {
    border: 1px solid #e74907;
    background-color: var(--theme-color);
    color: #fff
}

.teslimat-etiketi {
    position: absolute;
    top: -17.5px;
    left: 135px;
    height: 34px;
    line-height: 34px;
    border-radius: 100px;
    padding: 0 15px;
    font-size: 14px;
    font-family: system-ui;
    color: #fff;
    border: 1px solid #e74907;
    background-color: var(--theme-color)
}

.ikon {
    margin-right: 7.5px
}

.urun-gorsel {
    margin-bottom: 0;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.gorsel-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-size: cover;
    background-position: center
}

.urun-detay-alani {
    display: inline-block;
    vertical-align: middle;
    padding: 0 25px
}

.urun-bilgisi {
    display: inline-block;
    vertical-align: middle;
    padding-right: 60px
}

.urun-baslik {
    font-family: system-ui;
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px
}

body.dark.modern .urun-baslik a {
    font-family: system-ui;
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px
}

.urun-baslik a {
    font-family: system-ui;
    font-size: 16px;
    color: #606060;
    margin-bottom: 5px
}

.urun-aciklama {
    font-family: system-ui;
    font-size: 15px;
    color: #737e92
}

.urun-aciklama {
    margin-top: .5em;
    opacity: 1.5;
    font-size: 12px;
    background-size: 200% auto;
    background-image: linear-gradient(230deg,#c58dff 0,#ff6f9e 40%,#ff6f9e 60%,#fff800 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: flex
}

body.dark.modern .indirim-alani {
    background-color: #0d2c1d;
    color: #00ff87;
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    padding: 7.5px 5px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    font-family: system-ui
}

.indirim-alani {
    border: 1px solid #1aad64;
    background-color: #1aad6452;
    color: #606072;
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
    padding: 7.5px 5px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    font-family: system-ui
}

.indirim-alani span {
    font-size: 18px;
    font-weight: 700
}

.urun-fiyat {
    width: 150px;
    display: inline-block;
    vertical-align: middle
}

.eski-fiyat {
    font-family: system-ui;
    font-size: 14px;
    color: #888;
    text-decoration: line-through;
    display: block
}

body.dark.modern .yeni-fiyat {
    font-family: system-ui;
    font-size: 20px;
    color: #fff
}

.yeni-fiyat {
    font-family: system-ui;
    font-size: 20px;
    color: #606060
}

.adet-secimi {
    width: 145px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #383838;
    border-radius: 8px;
    background-color: #101010;
    height: 45px;
    margin-right: 15px;
    text-align: center;
    padding: 0 5px
}

.btn-arttir,.btn-azalt {
    display: inline;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    background-color: #2d2c2c33;
    border-radius: 8px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    transition-duration: .5s
}

body.dark.modern .adet-input {
    width: calc(100% - 70px);
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.adet-input {
    width: calc(100% - 70px);
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border: none;
    font-size: 16px;
    color: #606060;
    text-align: center
}

.urun-butonu {
    display: inline-block;
    vertical-align: middle;
    width: 230px;
    font-size: 0
}

@media (max-width: 768px) {
    .urun-butonu .butonlar {
        display:flex;
        justify-content: center
    }
}

.sepete-ekle-btn {
    width: calc(100% - 70px);
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    height: 45px;
    background-color: #00e076;
    border-radius: 8px;
    padding: 0 5px;
    font-size: 0;
    text-align: center;
    transition-duration: .5s
}

.sepete-ekle-btn .yazi {
    font-size: 16px;
    font-family: sans-serif;
    color: #fff;
    margin-left: 5px
}

.hemen-al-btn {
    width: 55px;
    height: 45px;
    border-radius: 8px;
    border: 1px solid rgba(208,216,232,.2);
    line-height: 43px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    transition-duration: .5s
}

.urun-fiyat-ve-butonu {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.adet-secimi input {
    width: 50px;
    text-align: center
}

@media (max-width: 768px) {
    .urun-karti {
        display:flex;
        flex-direction: column;
        align-items: center;
        font-size: initial
    }

    .teslimat-etiketi {
        left: 10px;
        transform: scale(.9);
        font-size: 13px
    }

    .urun-gorsel {
        width: 100%;
        height: auto;
        max-width: 200px;
        margin-bottom: 15px
    }

    .urun-detay-alani {
        width: 100%;
        padding: 10px 0;
        text-align: center
    }

    .urun-bilgisi {
        width: 100%;
        padding: 0
    }

    .urun-baslik a {
        font-size: 16px
    }

    .urun-aciklama {
        display: flex;
        flex-direction: column
    }

    .indirim-alani {
        margin-top: 10px
    }

    .urun-fiyat {
        width: auto;
        margin-top: 10px;
        text-align: center
    }

    .adet-secimi {
        width: 100%;
        margin: 10px 0;
        justify-content: center
    }

    .urun-butonu {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }

    .btn-arttir,.btn-azalt {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .adet-input {
        width: 60px
    }

    .product_cart_button,.sepete-ekle-btn {
        width: 100%!important;
        margin: 0 auto;
        font-size: 16px
    }

    .hemen-al-btn {
        width: 100%;
        margin-top: 10px
    }
}

@media (max-width: 768px) {
    .urun-karti {
        display:flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .urun-gorsel {
        width: 100px!important;
        height: 100px!important;
        margin-bottom: 10px;
        display: block!important
    }

    .adet-secimi,.urun-butonu,.urun-detay-alani,.urun-fiyat {
        width: 100%!important;
        text-align: center;
        padding: 10px 0
    }

    .urun-detay-alani {
        padding: 0 15px!important
    }

    .indirim-alani {
        margin: 10px auto
    }

    .teslimat-etiketi {
        position: relative;
        left: auto;
        top: auto;
        margin: 10px auto;
        display: inline-block
    }
}

.urun-karti {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid var(--theme-color)
}

.urun-butonu,.urun-detay-alani,.urun-fiyat,.urun-gorsel {
    display: inline-block;
    vertical-align: middle
}

.urun-butonu {
    margin-left: auto;
    text-align: right
}

.urun-fiyat-wrapper {
    display: flex;
    align-items: center;
    gap: 10px
}

body.dark.modern .copy-wrap {
    background: #1e2a38;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff
}

.copy-wrap {
    background: #0d6efd;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff
}

.copy-btn a {
    margin-left: 10px;
    color: #fff;
    font-size: 18px
}

#epin-toast {
    transition: all .5s ease
}

.epin-container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box
}

.epin-list-container {
    background: #fff;
    padding: 0;
    border-radius: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px
}

.epin-item-line {
    word-break: break-word
}

body.dark.modern .epin-list-container {
    background: #1e1e2f
}

body.dark.modern .list-group-item {
    background: #252538;
    color: #eaeaea;
    border-color: #3a3a50
}

body.dark.modern .copy-wrap {
    background: #2a2a3a;
    color: #fff
}

@media (max-width: 768px) {
    .modal-dialog {
        top:10%;
        width: 95vw;
        text-align: left
    }

    .modal-body {
        left: -3%
    }
}

.epin-container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box
}

.epin-list-container {
    background: #fff;
    padding: 0;
    border-radius: 6px;
    overflow-x: auto;
    max-height: 400px
}

.epin-item-line {
    word-break: break-word;
    font-size: 14px;
    padding: 10px
}

.copy-btn a {
    margin-left: 10px;
    color: #fff;
    font-size: 18px
}

@media (max-width: 768px) {
    .copy-wrap {
        align-items:flex-start
    }

    .copy-btn {
        margin-top: 10px
    }

    .epin-item-line {
        font-size: 13px;
        padding: 8px 10px
    }

    .copy-btn a {
        font-size: 16px
    }
}

body.dark.modern .epin-list-container {
    background: #1e1e2f00
}

body.dark.modern .list-group-item {
    background: var(--background-dark);
    color: #eaeaea;
    border-color: #3a3a50
}

body.dark.modern .copy-wrap {
    background: #2a2a3a00;
    color: #fff
}

body.dark.modern .payment-summary {
    background-color: #171a21;
    padding: 30px;
    border-radius: 10px;
    margin-top: 20px;
    color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.3)
}

.payment-summary {
    background-color: #f4f4f4;
    padding: 30px;
    border-radius: 10px;
    margin-top: 20px;
    color: #606060;
    box-shadow: 0 0 15px rgba(0,0,0,.3)
}

.payment-summary h5 {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 20px;
    color: var(--theme-color)
}

.payment-summary .row {
    row-gap: 15px
}

.payment-summary .summary-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding: 10px 0
}

.payment-summary .summary-item:last-child {
    border-bottom: none
}

.payment-summary .summary-item span:first-child {
    font-weight: 500
}

.payment-summary .summary-item span:last-child {
    font-weight: 500;
    text-align: right
}

.wallet_status .btn-sm {
    font-size: 13px;
    padding: 5px 10px
}

.btn-danger-yeni {
    background-color: transparent;
    color: #ff4d4f;
    border: 1px solid #ff4d4f;
    font-weight: 500;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 14px;
    transition: all .3s ease
}

.btn-danger-yeni:hover {
    background-color: #ff4d4f;
    color: #fff;
    border-color: #ff4d4f;
    box-shadow: 0 0 10px rgba(255,77,79,.6)
}

@media screen and (max-width: 576px) {
    .payment-summary {
        padding:20px
    }

    .payment-summary h5 {
        font-size: 18px;
        text-align: center
    }

    .payment-summary .summary-item {
        flex-direction: column;
        align-items: flex-start
    }

    .payment-summary .summary-item span {
        width: 100%;
        font-size: 14px
    }

    .wallet_status {
        text-align: center;
        margin-top: 10px
    }

    .btn-danger-yeni {
        width: 100%;
        padding: 10px;
        font-size: 15px;
        margin-top: 10px
    }
}

.invoice_download {
    background-color: #007bff;
    color: #fff!important;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    transition: .3s ease
}

.invoice_download:hover {
    background-color: #0056b3
}

.status-green-dark {
    background-color: #28a745;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    display: inline-block;
    text-align: center
}

.status-red-dark {
    background-color: #dc3545;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    display: inline-block;
    text-align: center
}

.status-blue {
    background-color: #ffc107;
    color: #212529;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    display: inline-block;
    text-align: center
}

.mini-car {
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 5px;
    font-weight: 550;
    margin-bottom: 1rem;
    padding: 15px;
    font-size: 14px;
    margin-top: 1rem
}

.carda {
    border: 1px solid #000!important
}

.radio-label {
    cursor: pointer
}

input[type=radio].hd {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

input[type=radio]:checked~.radio-label .carda {
    background-color: #ff9a39;
    color: #000
}

.schedule__col:last-child {
    color: #fff
}

.listing-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem
}

.listing-card-wrapper {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0,0,0,.1);
    overflow: hidden;
    position: relative;
    transition: border .2s ease;
    border: 1px solid #ccc;
    margin-left: 13px
}

.listing-card-wrapper:hover {
    border-color: #4c6395
}

.listing-server-name {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background: radial-gradient(circle,rgba(255,255,255,.4),#24242c);
    padding: 2px 6px;
    border-radius: 6px;
    z-index: 2;
    border: 1px solid #5a5a5a;
    text-shadow: 0 0 1px #000
}

.listing-item {
    font-family: Inter,sans-serif;
    position: relative
}

.listing-preview {
    height: 245px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    color: #fff;
    border-bottom: 1px solid #eee
}

.listing-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.listing-type {
    font-size: 11px;
    display: flex;
    flex-direction: column
}

.listing-icon img {
    width: 100%;
    object-fit: contain;
    max-height: 140px
}

.listing-rarity {
    font-size: 10px;
    font-weight: 700
}

.listing-name {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin: 8px 0
}

.listing-separator {
    height: 1px;
    background: #2cb7ef;
    box-shadow: 0 4px 13px 3px rgba(255,255,255,.08);
    margin: 6px 0
}

.listing-properties {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 11px
}

.property-bonus,.property-defense,.property-normal {
    display: flex;
    justify-content: space-between
}

.property-bonus {
    color: #26aa5e
}

.property-defense {
    color: #5a8881
}

.listing-details-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    background: #f5f5f5;
    border-top: 1px solid #ddd
}

.listing-category img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 4px
}

.listing-tag {
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px;
    background-color: #14894c
}

.listing-price {
    font-size: 13px;
    font-weight: 500;
    background: var(--theme-color);
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    text-align: center;
    border: 2px solid #606060
}

.listing-text {
    padding: 8px 10px;
    border-bottom: 1px solid #e2e2e2
}

.listing-text .title {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.listing-text .description {
    font-size: 12px;
    color: #474747;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: lowercase
}

.listing-seller {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px
}

.listing-seller img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 999px
}

.seller-details {
    display: flex;
    flex-direction: column;
    margin-left: 6px
}

.status-dot.offline {
    background-color: #787878;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px
}

.rating .score {
    font-size: 12px;
    font-weight: 500
}

@media (max-width: 1280px) {
    .listing-card-wrapper {
        width:calc((100% - 2rem)/ 3)
    }
}

@media (max-width: 912px) {
    .listing-card-wrapper {
        width:calc((100% - 1rem)/ 2)
    }
}

@media (max-width: 600px) {
    .listing-card-wrapper {
        width:100%
    }
}

body.dark.modern .listing-card-wrapper {
    background-color: var(--background-dark);
    border-color: #323948
}

@media (min-width: 601px) {
    body.dark.modern .listing-card-wrapper {
        margin-left:13px
    }
}

body.dark.modern .listing-preview {
    color: #fff;
    border-bottom: 1px solid #2e3541
}

body.dark.modern .listing-details-flex {
    background: #1c1f25;
    border-top: 1px solid #2e3541
}

body.dark.modern .listing-text {
    border-bottom: 1px solid #2e3541
}

body.dark.modern .listing-text .title {
    color: #fff
}

body.dark.modern .listing-text .description {
    color: #c6c6c6
}

body.dark.modern .listing-tag {
    background-color: #267857
}

body.dark.modern .listing-price {
    background: var(--theme-color);
    border: 2px solid #fff
}

body.dark.modern .listing-category img {
    border: 2px solid #434d60
}

body.dark.modern .listing-seller {
    background-color: #1e222b
}

body.dark.modern .seller-details .name {
    color: #fff
}

body.dark.modern .rating .score {
    color: #ddd
}

body.dark.modern .status-dot.offline {
    background-color: #aaa
}

.listing-seller a,.listing-text a {
    color: inherit;
    text-decoration: none
}

.listing-seller a:hover,.listing-text a:hover {
    color: var(--theme-color)
}

a {
    color: inherit;
    text-decoration: none
}

@media (max-width: 600px) {
    .listing-card-wrapper {
        width:100%;
        margin-left: 0!important
    }

    .listing-details-flex {
        flex-direction: row;
        align-items: flex-start;
        gap: 0
    }

    .listing-category img {
        width: 24px;
        height: 24px
    }

    .listing-price {
        font-size: 12px;
        padding: 4px 8px
    }

    .listing-tag {
        font-size: 11px;
        padding: 4px 8px
    }

    .listing-text .title {
        font-size: 14px;
        white-space: normal
    }

    .listing-text .description {
        font-size: 13px;
        white-space: normal
    }

    .listing-seller {
        flex-direction: row;
        align-items: center;
        gap: 10px
    }

    .seller-details {
        margin-left: 0
    }

    .listing-icon img {
        max-height: 140px;
        object-fit: contain
    }
}

@media (max-width: 600px) {
    .row--area.pazarcontent {
        display:flex;
        flex-wrap: wrap;
        gap: .5rem
    }

    .listing-card-wrapper {
        width: calc(50% - 8px);
        margin: 0;
        display: flex;
        flex-direction: column
    }

    .listing-preview {
        height: auto;
        padding: 5px
    }

    .listing-text .description,.listing-text .title {
        white-space: normal;
        overflow: visible;
        text-overflow: unset
    }

    .listing-seller {
        flex-direction: row;
        justify-content: space-between;
        gap: 5px
    }

    .listing-text {
        padding: 5px 8px
    }
}

@media (max-width: 600px) {
    .row--area.pazarcontent {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 4px
    }

    .row--area.pazarcontent>.col-6,.row--area.pazarcontent>.col-md-3,.row--area.pazarcontent>.col-sm-6,.row--area.pazarcontent>.col-xs-6 {
        flex: 0 0 48%!important;
        max-width: 48%!important;
        padding: 0!important;
        margin-bottom: 10px
    }

    .listing-card-wrapper {
        width: 100%!important;
        margin-left: 4px!important
    }
}

.listing-preview {
    height: auto;
    min-height: 160px;
    padding: 8px
}

.status-dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 0
}

.status-dot.online {
    background-color: #28a745
}

.status-dot.offline {
    background-color: #ccc
}

.seller-box {
    display: flex;
    align-items: center;
    gap: 10px
}

.seller-box img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #3d3d3d
}

.seller-info {
    display: flex;
    flex-direction: column;
    line-height: 1.2
}

.seller-name {
    font-size: 13px;
    font-weight: 500
}

.seller-status {
    font-size: 11px;
    color: #ccc;
    display: flex;
    align-items: center;
    gap: 4px
}

.seller-status.online span {
    color: #28a745;
    font-weight: 500
}

.seller-status.offline span {
    color: #bbb;
    font-weight: 500
}

@media (max-width: 600px) {
    .listing-card-wrapper {
        width:calc(50% - 8px);
        margin-left: 0!important
    }
}

@media (min-width: 1281px) {
    .listing-card-wrapper {
        width:calc((100% - 48px)/ 4)
    }
}

@media (min-width: 1281px) {
    .listing-card-wrapper {
        width:calc((93% - 48px)/ 4)
    }
}

@media (max-width: 1280px) and (min-width:913px) {
    .listing-card-wrapper {
        width:calc((100% - 32px)/ 3)
    }
}

@media (max-width: 912px) and (min-width:601px) {
    .listing-card-wrapper {
        width:calc((100% - 16px)/ 2)
    }
}

@media (max-width: 600px) {
    .listing-card-wrapper {
        width:calc(50% - 8px);
        margin-left: 0!important
    }
}

@media (max-width: 600px) {
    .listing-grid {
        display:flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between
    }

    .listing-card-wrapper {
        width: calc(50% - 4px)!important;
        margin: 0!important;
        box-sizing: border-box
    }

    .listing-preview {
        height: auto!important;
        padding: 8px
    }

    .listing-text .description,.listing-text .title {
        white-space: normal!important;
        overflow: visible!important;
        text-overflow: unset!important
    }

    .listing-seller {
        flex-direction: row;
        gap: 6px
    }
}

.show-more-wrapper {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px
}

.show-more-btn {
    background-color: var(--theme-color);
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: background .3s
}

.show-more-btn:hover {
    background-color: #00782f
}

body.dark.modern .show-more-btn {
    background-color: #1e7d3e;
    color: #fff
}

body.dark.modern .show-more-btn:hover {
    background-color: #166433
}

@media (max-width: 768px) {
    .show-more-btn {
        width:90%;
        font-size: 14px
    }
}

.allbtn {
    text-align: center;
    margin: 20px 0
}

.allbtn--btn {
    background-color: var(--theme-color);
    color: #fff;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color .3s ease
}

.allbtn--btn:hover {
    background-color: #0c4e27
}

@media (max-width: 768px) {
    .allbtn--btn {
        width:90%;
        font-size: 14px;
        padding: 10px 20px
    }
}

body.dark .allbtn--btn {
    background-color: var(--theme-color);
    color: #fff
}

body.dark .allbtn--btn:hover {
    background-color: #0c4e27
}

.listing-card-wrapper.kcerceve {
    border: 3px solid #3b3f6c;
    border-radius: 8px
}

.listing-card-wrapper.rcerceve {
    animation: rc-rainbow-border 4s ease-in-out infinite;
    border: 3px solid;
    border-radius: 8px
}

@keyframes rc-rainbow-border {
    0%,100% {
        border-color: #2196f3
    }

    25% {
        border-color: red
    }

    50% {
        border-color: var(--theme-color)
    }

    75% {
        border-color: #f44336
    }
}

.title a.rbaslik {
    background-image: linear-gradient(-225deg,#f5f5f5 0,#c58dff 29%,#ff6f9e 67%,#fff800 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 400% 100%;
    color: transparent;
    animation: rb-rainbow-text 3s ease-in-out infinite
}

@keyframes rb-rainbow-text {
    0%,100% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 0
    }
}

.title a.kbaslik {
    font-weight: 900
}

body.dark .popup__wrap {
    background: var(--card-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 12px!important
}

.auth-divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: #ccc;
    margin: 20px 0;
    font-size: 14px
}

.auth-divider::after,.auth-divider::before {
    content: "";
    flex: 1;
    border-top: 1px solid #ebebeb
}

.auth-divider::before {
    margin-right: 10px
}

.auth-divider::after {
    margin-left: 10px
}

.auth-social-grid {
    display: grid!important;
    grid-template-columns: repeat(auto-fill,minmax(250px,0fr));
    gap: 8px;
    margin: 30px
}

.auth-social-btn a {
    justify-content: flex-start
}

@media (max-width: 576px) {
    .auth-social-grid {
        grid-template-columns:1fr
    }

    .auth-social-grid .auth-social-btn {
        width: 100%!important;
        max-width: 100%!important;
        justify-self: center
    }

    .auth-social-btn a {
        justify-content: center
    }
}

.auth-social-btn {
    background-color: #171a21;
    border: 1px solid #323948;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    transition: all .2s ease-in-out;
    width: 100%;
    max-width: 100%
}

.auth-social-btn a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    justify-content: center
}

.field__currency {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 48px;
    background: #2a2a2a;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 8px 8px 0;
    font-weight: 500;
    font-size: 14px;
    pointer-events: none;
    z-index: 2
}

.odeme-bank-card {
    background: #fff;
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 1px 6px rgba(0,0,0,.05)
}

body.dark .odeme-bank-card {
    background: #202020;
    box-shadow: 0 1px 8px rgba(255,255,255,.03)
}

.odeme-label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #555
}

body.dark .odeme-label {
    color: #ccc
}

.odeme-input-wrap {
    position: relative;
    margin-bottom: 16px
}

.odeme-input {
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    padding-right: 56px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    color: #111
}

body.dark .odeme-input {
    background-color: #171a21;
    border: 1px solid #444;
    color: #fff
}

.odeme-currency {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    background: #eee;
    color: #111;
    border-radius: 0 8px 8px 0;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

body.dark .odeme-currency {
    background: #2a2a2a;
    color: #fff
}

.odeme-file input[type=file] {
    width: 100%;
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 8px
}

body.dark .odeme-file input[type=file] {
    background: #111;
    border: 1px solid #444;
    color: #fff
}

.odeme-bank-card {
    padding: 8px;
    border-radius: 12px;
    background: #f2f2f2;
    color: #111;
    margin-bottom: 16px
}

body.dark .odeme-bank-card {
    background: #1c1c1c;
    color: #eee
}

.odeme-label {
    font-weight: 500;
    color: #333;
    font-size: 14px;
    margin-bottom: 4px
}

body.dark .odeme-label {
    color: #ccc
}

.odeme-btn-group {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.odeme-btn-secondary {
    background-color: #c63737;
    color: #fff;
    padding: 10px 16px;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    transition: .3s
}

.odeme-btn-secondary:hover {
    background-color: #a02a2a;
    box-shadow: 0
}

.odeme-btn-primary {
    background-color: transparent;
    border: 2px solid #ee7d19;
    color: #ee7d19;
    padding: 10px 16px;
    border-radius: 6px;
    font-weight: 500;
    transition: .3s
}

.odeme-btn-primary:hover {
    background-color: #ee7d19;
    color: #fff;
    box-shadow: 0
}

.odeme-banka-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 180px;
    padding: 10px 0
}

.odeme-info-row {
    display: flex;
    flex-direction: column
}

.odeme-info-label {
    font-size: 13px;
    font-weight: 500;
    color: #666;
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: .4px
}

body.dark .odeme-info-label {
    color: #aaa
}

.odeme-info-value {
    font-size: 15px;
    font-weight: 500;
    color: #222
}

body.dark .odeme-info-value {
    color: #fff
}

@media (max-width: 768px) {
    .odeme-banka-info-grid {
        grid-template-columns:1fr
    }
}

.odeme-error {
    font-size: 13px;
    color: #ff4d4f;
    margin-top: 4px
}

@media (max-width: 768px) {
    .settings__menu {
        display:flex;
        flex-direction: column;
        gap: 10px
    }

    .settings__link {
        display: block;
        width: 100%;
        text-align: center
    }
}

body.dark .settings__link.active {
    background: #171a21
}

.topbar__menu {
    display: flex;
    align-items: center;
    gap: 18px;
    list-style: none;
    padding: 0;
    margin: 0
}

.topbar__menu__item a {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    text-decoration: none;
    transition: color .3s ease
}

.topbar__menu__item a:hover {
    color: #f9a533
}

.balance-button {
    display: flex;
    align-items: center
}

.balance-button a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    margin-right: 6px
}

.theme-toggle {
    display: flex;
    align-items: center;
    margin-left: 12px
}

.topbar__menu {
    display: flex;
    align-items: center;
    list-style: none;
    padding-left: 0;
    gap: 15px
}

.topbar__menu__item a {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    transition: color .3s ease
}

.topbar__menu__item a:hover {
    color: #fc0
}

.icon-rotate {
    transition: transform .6s ease
}

.icon-rotate:hover {
    transform: rotate(360deg)
}

.theme-toggle {
    margin-left: 10px
}

.balance-button__wrap {
    display: flex;
    align-items: center;
    gap: 6px
}

body.dark.modern .topbar__menu__item a {
    color: #fff
}

body.dark.modern .topbar__menu__item a:hover {
    color: #f39c12
}

body:not(.dark).modern .topbar__menu__item a {
    color: #333
}

body:not(.dark).modern .topbar__menu__item a:hover {
    color: #000
}

.topbar {
    background-color: #1c1e22;
    padding: 10px 0;
    color: #fff
}

.topbar__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    margin: auto;
    padding: 0 15px
}

.language-switcher {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer
}

.theme-toggle {
    display: flex;
    align-items: center
}

.theme-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px
}

.theme-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%
}

.theme-switch input:checked+.slider {
    background-color: #2196f3
}

.theme-switch input:checked+.slider:before {
    transform: translateX(20px)
}

@media (max-width: 767px) {
    .topbar__container {
        flex-direction:row;
        justify-content: space-between
    }

    .topbar__left,.topbar__right {
        flex: 1
    }

    .topbar__left {
        justify-content: flex-start
    }

    .topbar__right {
        justify-content: flex-end
    }
}

.slider_type_1 {
    margin-bottom: 30px;
    padding-bottom: 0
}

.slider_type_1 .owl-carousel {
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

@media (max-width: 768px) {
    .slider_type_1 {
        margin-bottom:15px
    }

    .slider_type_1 .owl-carousel .item img {
        margin-bottom: 0;
        display: block;
        width: 100%;
        height: auto
    }
}

.owl-carousel .owl-item img {
    border-radius: 12px
}

.slider-right-banners .banner-box {
    width: 100%;
    height: 166px;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 10px
}

.slider-right-banners .banner-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.banner-box {
    width: 100%;
    height: 90px;
    overflow: hidden;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

.banner-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.banner-box-sol {
    width: 100%;
    height: 160px;
    overflow: hidden;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

.banner-box {
    transition: transform .3s ease,box-shadow .3s ease
}

@media (hover: hover) {
    .banner-box:hover {
        transform:translateY(-5px);
        box-shadow: 0 6px 12px rgba(0,0,0,.15)
    }
}

.banner-box-sol {
    transition: transform .3s ease,box-shadow .3s ease
}

@media (hover: hover) {
    .banner-box-sol:hover {
        transform:translateY(-3px);
        box-shadow: 0 6px 12px rgba(0,0,0,.15)
    }
}

.owl-carousel .owl-item,.owl-carousel .owl-item .item {
    transition: transform .3s ease,box-shadow .3s ease;
    margin-top: 2px;
    overflow: hidden;
    border-radius: 12px!important
}

@media (hover: hover) {
    .owl-carousel .owl-item,.owl-carousel .owl-item .item:hover {
        transform:translateY(-3px)
    }
}

.banner-box-sol img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

@media (min-width: 768px) {
    .banner-left {
        margin-top:30px;
        object-fit: contain
    }

    .banner-right {
        margin-top: 30px;
        object-fit: contain
    }

    .slider-right-banners {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .slider-right-banners img {
        height: calc(50% - 10px);
        object-fit: cover;
        border-radius: 10px
    }

    .banner-right-top {
        margin-bottom: 20px
    }
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: flow!important
}

@media (min-width: 768px) {
    .col-md-6 {
        flex:0 0 auto;
        width: 75%
    }
}

.owl-carousel.owl-loaded {
    display: flow!important;
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

.owl-dots {
    display: flex!important;
    justify-content: center
}

.slider-container-row .owl-carousel .item img {
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

@media (min-width: 768px) {
    .slider-type-4-fix {
        display:flex;
        align-items: center;
        height: 100%
    }

    .slider-left-banners {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%
    }

    .slider-left-banners img {
        object-fit: cover;
        border-radius: 10px;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .row.g-2>div {
        padding-left:4px;
        padding-right: 4px
    }

    .row.g-2 {
        margin-left: -4px;
        margin-right: -4px
    }
}

.owl-carousel .owl-dots {
    display: flex!important;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    gap: 6px;
    margin-top: 10px
}

.owl-carousel .owl-dot span {
    width: 12px!important;
    height: 12px!important;
    background: #ccc;
    border-radius: 50%;
    display: block!important;
    margin: 0!important;
    transition: all .3s ease
}

.owl-carousel .owl-dot.active span {
    background-color: var(--theme-color)!important
}

.slider-wrapper-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 10px 0;
    position: relative
}

.slider-center-area {
    flex: 1 1 auto;
    padding: 0 10px;
    position: relative;
    z-index: 1
}

.slider-left-banner,.slider-right-banner {
    width: 240px;
    max-width: 100%
}

.slider-left-banner {
    margin-right: 10px
}

.slider-right-banner {
    margin-left: 10px
}

.slider-left-banner img,.slider-right-banner img {
    width: 100%;
    border-radius: 10px
}

.slider-v2-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
    position: relative
}

.slider-v2-left-stack {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    width: 280px;
    max-width: 100%
}

.slider-v2-left-stack a {
    display: block;
    flex: 1;
    transition: transform .3s ease
}

.slider-v2-left-stack a:hover {
    transform: translateY(-5px)
}

.slider-v2-left-stack img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    display: block
}

.slider-v2-center {
    flex: 1;
    position: relative
}

.custom-empty-comment-box {
    padding: 20px;
    border-radius: 8px;
    background-color: transparent;
    color: #bbb
}

.custom-empty-icon {
    font-size: 2rem;
    color: #aaa
}

.custom-empty-title {
    margin-top: 10px;
    font-weight: 500;
    font-size: 18px;
    color: #606060
}

body.dark.modern .custom-empty-title {
    margin-top: 10px;
    font-weight: 500;
    font-size: 18px;
    color: #fff
}

.custom-empty-description {
    font-size: 14px;
    color: #bbb;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .custom-comment-grid {
        grid-template-columns:1fr
    }
}

.custom-comment-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    max-width: 900px;
    margin: 2rem auto;
    width: 100%
}

.custom-empty-comment-box {
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    background-color: transparent;
    color: #bbb;
    text-align: center
}

body,html {
    height: 100%;
    min-height: 100vh;
    padding: 0!important;
    margin: 0!important
}

body {
    display: flex!important;
    flex-direction: column!important;
    min-height: 100vh!important
}

.main-content {
    flex: 1 0 auto!important;
    min-height: 0!important;
    padding: 0!important;
    margin: 0!important
}

footer {
    flex-shrink: 0!important
}

.customTabs {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    overflow: hidden;
    z-index: 4
}

.customTabs .customTabsHeader {
    width: 100%;
    position: relative;
    display: grid;
    background: #f9f9f9;
    border-bottom: 0 solid #333444
}

body.dark.modern .customTabs .customTabsHeader {
    background: var(--background-dark);
    border-bottom: 1px solid #333444
}

.col-4.customTabs .customTabsHeader {
    grid-template-columns: repeat(4,25%)
}

.col-3.customTabs .customTabsHeader {
    grid-template-columns: repeat(3,33.3333333333%);
    box-shadow: 0
}

@media (max-width: 1199px) {
    .customTabs .customTabsHeader {
        grid-template-columns:repeat(1,100%)
    }

    .col-3.customTabs .customTabsHeader,.col-4.customTabs .customTabsHeader {
        grid-template-columns: repeat(1,100%)
    }
}

.customTabs .customTabsHeader .customTabsBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    color: #606060;
    padding: 15px 25px;
    border-right: 1px solid #171822;
    background: 0 0;
    cursor: pointer;
    font-family: inherit;
    transition: background .2s,color .2s;
    outline: 0
}

body.dark.modern .customTabs .customTabsHeader .customTabsBtn {
    color: #fff
}

@media (max-width: 1399px) {
    .customTabs .customTabsHeader .customTabsBtn {
        font-size:12px;
        padding: 10px 20px
    }
}

@media (max-width: 1199px) {
    .customTabs .customTabsHeader .customTabsBtn {
        font-size:12px;
        border-bottom: 1px solid #171822;
        border-right: none!important;
        justify-content: flex-start;
        padding: 10px 15px
    }

    .customTabs .customTabsHeader .customTabsBtn:first-child,.customTabs .customTabsHeader .customTabsBtn:nth-child(2),.customTabs .customTabsHeader .customTabsBtn:nth-child(3) {
        border-bottom: 1px solid #171822
    }

    .customTabs .customTabsHeader .customTabsBtn:last-child {
        border-right: 1px solid #171822!important
    }
}

.customTabs .customTabsHeader .customTabsBtn i,.customTabs .customTabsHeader .customTabsBtn iconify-icon {
    font-size: 20px
}

.customTabs .customTabsHeader .customTabsBtn:last-child {
    border-right: none
}

.customTabs .customTabsHeader .customTabsBtn.active {
    background: var(--theme-color);
    color: var(--background-light);
    font-weight: 500
}

.customTabs .customTabsHeader .customTabsBtn.active i,.customTabs .customTabsHeader .customTabsBtn.active iconify-icon {
    color: #fff
}

.customTabs .customTabsHeader .customTabsBtn:hover {
    background: var(--theme-color);
    color: #fff
}

body.customTabs .customTabsHeader .customTabsBtn:hover {
    background: var(--theme-color);
    color: #fff
}

.customTabs .customTabsHeader .customTabsBtn:hover i,.customTabs .customTabsHeader .customTabsBtn:hover iconify-icon {
    color: #fff
}

.customTabs .customTabsBody {
    width: 100%;
    position: relative
}

.customTabs .customTabsPane {
    width: 100%;
    position: relative;
    padding: 0;
    font-size: 14px;
    display: none;
    background: #f9f9f9
}

.customTabs .customTabsPane.active {
    display: block;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: var(--nav-bg)!important;
    border-bottom: 1px solid var(--nav-border-color)!important;
    padding: 10px 0!important;
    border-top: 1px solid var(--nav-border-color)!important;
    border-right: 2px solid var(--nav-border-color)!important;
    border-left: 2px solid var(--nav-border-color)!important
}

.customTabs .customTabsPane .customAlert.dark {
    background: #1c1d26
}

.customTabs .customTabsPane iframe {
    width: 100%
}

.product-info-box {
    background: #fff;
    box-shadow: 0;
    padding: 32px 24px 24px 24px;
    margin-bottom: 0;
    color: #23242b;
    border: 1px solid #e6e6ec;
    transition: background .3s,color .3s
}

body.dark.modern .product-info-box {
    background: var(--background-dark);
    color: #fff;
    border: 0 solid #36384c
}

.gmx-card {
    margin-bottom: 32px;
    color: #23242b;
    transition: background .3s,color .3s
}

body.dark.modern .gmx-card {
    background: #20212b;
    color: #fff;
    border: 0 solid #36384c
}

.product-info-box h2,.product-info-box h3 {
    color: var(--theme-color,#ff9a39);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 10px
}

.product-info-box p {
    font-size: 15px;
    color: inherit;
    margin-bottom: 10px
}

.product-info-box ol,.product-info-box ul {
    margin: 0 0 16px 16px;
    padding: 0 0 0 20px;
    color: inherit
}

.product-info-box strong {
    color: var(--theme-color,#ff9a39)
}

.product-info-box .pcontent_faq_title {
    color: var(--theme-color,#ff9a39);
    font-size: 18px;
    font-weight: 500;
    margin: 24px 0 14px 0
}

.product-info-note {
    background: #ffefe0;
    color: #c75c17;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 14px;
    margin: 16px 0 0 0;
    border-left: 4px solid #ff9a39
}

body.dark.modern .product-info-note {
    background: var(--background-dark);
    color: #ffbf00;
    border-left-color: #ffbf00
}

.bolges {
    font-weight: 100;
    line-height: 10px;
    font-size: 12px;
    margin-top: 12px;
    color: rgb(126 126 126)
}

.iconib {
    font-size: 25px;
    background: var(--theme-color);
    padding: 12px;
    border-radius: 15px;
    color: #fff
}

.bolgedeger {
    font-weight: 700;
    color: var(--theme-color)
}

.bolgealan {
    margin-top: 5px;
    margin-bottom: 5px
}

@media screen and (max-width: 992px) {
    .bolgealan {
        font-size:12px
    }
}

.bolgesalan {
    align-items: center!important;
    display: flex!important
}

body.dark .bolges,body.dark .bolgesalan p {
    color: #fff
}

.bolgesalan p {
    font-weight: 100;
    line-height: 12px;
    font-size: 12px;
    color: #000
}

.staralani {
    color: var(--theme-color);
    font-size: 17px;
    margin-left: 2px;
    margin-right: 2px
}

body.dark.modern .katurunhov:hover {
    background: #272834
}

body.dark.modern .katurunhov:hover {
    background: #272834
}

.bolgealan:hover {
    opacity: .7
}

.rating-summary {
    margin: 20px 0
}

.rating-bar-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin-bottom: 5px
}

.progress {
    height: 8px;
    background: #ddd;
    border-radius: 4px
}

.progress-bar {
    height: 8px;
    border-radius: 4px
}

.puan-daire {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #00d1b2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: #fff;
    font-family: Poppins,sans-serif;
    background: #1b1f2a
}

.puan-ortalama-sayi {
    font-size: 32px;
    font-weight: 700;
    color: #00d1b2
}

.puan-alt-metin {
    font-size: 14px;
    color: #ccc
}

.puan-yildizlar i {
    font-size: 14px
}

body.dark.modern .comment-wrap {
    position: relative;
    padding: 1em 1em 1em 5em;
    margin: 1em 0;
    background-color: #1d1f27;
    border-radius: 8px;
    display: flex;
    flex-direction: column
}

.comment-wrap {
    position: relative;
    padding: 1em 1em 1em 5em;
    margin: 1em 0;
    background-color: #f4f4f4;
    border-radius: 8px;
    display: flex;
    flex-direction: column
}

.comment-wrap {
    transition: transform .3s ease,box-shadow .3s ease
}

.comment-wrap:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,.2)
}

.katurunhov {
    transition: transform .3s ease,box-shadow .3s ease;
    border-radius: 12px;
    border: 1px solid var(--similar-card-border)!important
}

.katurunhov:hover {
    transform: translateY(-5px);
    box-shadow: 0
}

.comment-wrap figure.user-avatar.medium {
    position: absolute;
    top: 1em;
    left: 1em
}

.comment-wrap figure.user-avatar.medium img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.comment .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.text-header {
    font-weight: 500;
    font-size: 14px
}

.pin {
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 10px
}

.pin.tertiary {
    background-color: #ff9800;
    color: #fff
}

.pin.primary {
    background-color: #00c3ff;
    color: #fff
}

.timestamp {
    font-size: 12px;
    opacity: .8;
    margin-top: 4px
}

body.dark.modern .comment_made {
    display: flex;
    width: 100%;
    position: relative;
    padding: 20px;
    font-size: 14px;
    color: #c8c9d8;
    background: #272834;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: -4px 4px 4px 0 rgba(0,0,0,.15);
    word-wrap: break-word;
    word-break: break-all;
    align-items: center
}

.comment_made {
    display: flex;
    width: 100%;
    position: relative;
    padding: 20px;
    font-size: 14px;
    background: #f4f4f4;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: -4px 4px 4px 0 rgba(0,0,0,.15);
    word-wrap: break-word;
    word-break: break-all;
    align-items: center
}

.com_button {
    display: flex;
    gap: 5px;
    flex-direction: column
}

.button.small {
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #f39c12;
    color: #f39c12;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px
}

.button.small:hover {
    background-color: #f39c12;
    color: #fff
}

.fa-star.star_checked {
    color: #f1c40f
}

.comment-wrap.comments_sub {
    margin-left: 5em;
    border-left: 3px solid var(--theme-color)
}

.answer {
    background-color: #1f2330;
    border-radius: 6px;
    padding: 1em;
    margin-top: 1em
}

.answer__avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.answer__details textarea {
    width: 100%;
    min-height: 80px;
    resize: vertical;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ff9800;
    background-color: #2a2d3c;
    color: #fff
}

.answer__btns {
    display: flex;
    gap: 10px;
    margin-top: 10px
}

.reply-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    margin-top: 4px
}

.comment-textarea {
    width: 100%!important;
    min-height: 120px!important;
    padding: .75rem;
    border-radius: 8px;
    border: 1px solid #3a3a3a;
    color: #fff;
    resize: vertical;
    font-size: 14px
}

.comment-textarea::placeholder {
    color: #aaa
}

.gamex-comment-reply-box {
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 10px;
    border: 1px solid #444
}

@media (max-width: 768px) {
    .reply-avatar {
        width:40px;
        height: 40px
    }

    .comment-textarea {
        font-size: 13px
    }
}

.yorum-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px
}

.rating-stars .fa-star {
    color: #666
}

.rating-stars .star_checked {
    color: #ffc107
}

.yorumdate {
    border-left: 1px solid #3a3a3a;
    border-right: 1px solid #3a3a3a;
    padding: 0 10px;
    font-size: 13px
}

.yorum-author {
    font-weight: 500
}

.avatar-circle {
    width: 50px;
    height: 50px;
    background-color: #444;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase
}

@media (max-width: 767.98px) {
    .comment-wrap {
        flex-direction:column;
        padding: 15px;
        margin-bottom: 20px;
        background-color: #1c1d26;
        border-radius: 10px
    }

    .comment-wrap .row.comment {
        flex-direction: column
    }

    .comment-wrap figure.user-avatar.medium {
        margin-bottom: 10px;
        display: flex;
        justify-content: center
    }

    .avatar-circle {
        width: 50px;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        text-align: center;
        background: #555;
        color: #fff;
        font-weight: 700;
        border-radius: 50%;
        display: inline-block
    }

    .yorum-meta .rating-stars,.yorum-meta .yorum-author,.yorum-meta .yorumdate {
        font-size: 14px;
        display: block
    }

    .comment_made {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        background-color: #2b2c39;
        padding: 10px;
        border-radius: 6px;
        margin-bottom: 10px;
        font-size: 14px
    }

    .com_button {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .gamex-btn,.gamex-btn-tertiary {
        width: 100%;
        text-align: center;
        font-size: 14px
    }

    .gamex-btn-small span {
        margin: 0 5px!important;
        display: inline-block
    }

    .yorum-author,.yorumdate {
        word-break: break-word
    }
}

.payment_history_item {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #ddd
}

.payment_history_item:last-child {
    border-bottom: none
}

.payout__table {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #ccc
}

.payout__row:first-child {
    background-color: #f1f1f1;
    font-weight: 700;
    color: #222;
    padding: 15px
}

.payout__row {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
    font-size: 14px
}

.payout__row:last-child {
    border-bottom: none
}

.payout__col {
    flex: 1;
    padding: 5px 10px;
    word-wrap: break-word
}

.payout__status {
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 6px;
    display: inline-block;
    font-size: 13px
}

.status-green-dark {
    background-color: #28a745;
    color: #fff
}

.copy_item {
    background-color: #ffc107!important;
    color: #212529;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    margin-left: 8px;
    transition: background-color .3s ease;
    display: inline-block
}

.copy_item:hover {
    background-color: #e0a800!important;
    color: #fff;
    text-decoration: none
}

body.dark.modern .payment_history_item {
    border-bottom: 1px solid rgba(255,255,255,.05)
}

body.dark.modern .payout__table {
    border: 1px solid rgba(255,255,255,.1)
}

body.dark.modern .payout__row:first-child {
    background-color: #2a2a3d00;
    color: #fff
}

body.dark.modern .payout__row {
    border-bottom: 1px solid rgba(255,255,255,.05);
    color: #e0e0e0
}

body.dark.modern .payout__col {
    color: #e0e0e0
}

body.dark.modern .status-green-dark {
    background-color: #1f8a4d;
    color: #fff
}

body.dark.modern .copy_item {
    background-color: #f0ad4e!important;
    color: #fff
}

body.dark.modern .copy_item:hover {
    background-color: #ec971f!important;
    color: #fff
}

.payout__badge {
    display: inline-block;
    padding: 8px 12px;
    background-color: rgba(220,53,69,.15);
    color: #dc3545;
    border: 1px solid #dc3545;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    white-space: pre-line;
    max-width: 150px;
    word-wrap: break-word
}

.pill-switch {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 36px;
    border-radius: 36px;
    cursor: pointer;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.4);
    transition: background-color .4s ease;
    -webkit-tap-highlight-color: transparent
}

body.dark.modern .pill-switch {
    background-color: #34495e
}

.pill-switch__input {
    display: none
}

.pill-switch__fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(135deg,#ff9800,#ff5722);
    border-radius: 36px;
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275)
}

body.dark.modern .pill-switch__fill {
    transform: translateX(100%);
    background: linear-gradient(135deg,#8e44ad,#3498db)
}

.pill-switch__icons {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%
}

.pill-switch__icons svg {
    width: 18px;
    height: 18px;
    stroke: #ffffff;
    stroke-width: 2;
    transition: all .3s ease-in-out
}

body.dark.modern .pill-switch__icons svg {
    width: 18px;
    height: 18px;
    stroke: #ffffff;
    stroke-width: 2;
    transition: all .3s ease-in-out
}

body:not(.dark) .pill-switch__icons .icon-sun {
    opacity: 1;
    transform: rotate(0)
}

body:not(.dark) .pill-switch__icons .icon-moon {
    opacity: .6;
    stroke: #606060
}

body.dark.modern .pill-switch__icons .icon-sun {
    opacity: .6
}

body.dark.modern .pill-switch__icons .icon-moon {
    opacity: 1;
    transform: rotate(0)
}

.modern-balance-button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 34px;
    box-shadow: inset 0 0 8px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1);
    cursor: pointer;
    transition: background .3s ease,box-shadow .3s ease;
    color: #ffa533;
    font-weight: 500;
    font-size: 15px
}

body.dark.modern .modern-balance-button {
    background: linear-gradient(135deg,#2f3542,#57606f)
}

body.dark.modern .modern-balance-button:hover {
    background: linear-gradient(135deg,#3b4354,#68707f);
    box-shadow: inset 0 0 12px rgba(0,0,0,.25),0 3px 6px rgba(0,0,0,.15)
}

.modern-balance-button .balance-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffa533;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
    transition: background .3s ease
}

.modern-balance-button:hover .balance-icon {
    background: #ffb04d
}

.modern-balance-button .balance-text {
    color: #ffa533;
    transition: color .3s ease
}

.modern-balance-button:hover .balance-text {
    color: #ffb04d
}

.search-container {
    position: relative;
    width: 350px;
    max-width: 100%
}

.search-container__header {
    display: flex;
    align-items: center;
    position: relative
}

.search-container__input {
    width: 100%;
    height: 46px;
    border-radius: 10px;
    border: 2px solid;
    padding: 0 45px 0 45px;
    font-size: 15px;
    font-weight: 500;
    outline: 0;
    transition: all .25s ease-out
}

.search-container__button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    border: none;
    background: 0 0;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    z-index: 2
}

.search-container__body {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-top: 5px
}

body.dark.modern .search-container__body {
    background-color: #2c3e50;
    border-color: #444
}

.search-container__button--start {
    left: 0
}

.search-container__button--back {
    left: 0;
    opacity: 0;
    pointer-events: none
}

.search-container__button--close {
    right: 0;
    opacity: 0;
    pointer-events: none
}

body:not(.dark) .search-container__input {
    background-color: #e9ecef;
    border-color: #e9ecef;
    color: #495057
}

body:not(.dark) .search-container__input:focus {
    border-color: #007bff
}

body:not(.dark) .search-container__button {
    color: #495057
}

body.dark.modern .search-container__input {
    background-color: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.1);
    color: #e4e6eb
}

body.dark.modern .search-container__input:focus {
    border-color: #00bcd4
}

body.dark.modern .search-container__button {
    color: #e4e6eb
}

@media (max-width: 768px) {
    .modern-balance-button {
        width:auto;
        height: 36px;
        font-size: 10px;
        margin-left: 20px
    }
}

.dropdown-footer-link {
    display: block;
    padding: 12px 15px;
    margin: 8px;
    text-align: center;
    text-decoration: none!important;
    font-weight: 500;
    font-size: 14px;
    border-radius: 8px;
    transition: all .25s ease-out;
    box-shadow: 0
}

.dropdown-footer-link span {
    margin-right: 8px
}

body:not(.dark) .dropdown-footer-link {
    background-color: #f0f0f0;
    color: #333
}

body:not(.dark) .dropdown-footer-link:hover {
    background-color: #e5e5e5;
    color: #000
}

body.dark.modern .dropdown-footer-link {
    background-color: rgba(255,255,255,.1);
    color: #f5f5f5
}

body.dark.modern .dropdown-footer-link:hover {
    background-color: rgba(255,255,255,.15);
    color: #fff
}

.btn-warning:hover {
    background-color: #e6b800;
    color: #fff
}

div.datatabalan {
    background-color: var(--table-wrapper-bg);
    padding: 2px;
    border-radius: 12px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    transition: background-color .3s ease
}

table.datatablealan {
    width: 100%!important;
    border-collapse: collapse;
    border-style: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
    border-radius: 8px;
    overflow: hidden
}

table.datatablealan thead th {
    background-color: var(--table-header-bg-table);
    color: var(--text-secondary-table);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: left;
    padding: 16px;
    border-bottom: 2px solid var(--border-color-table);
    transition: background-color .3s ease,border-color .3s ease
}

table.datatablealan tbody tr {
    background-color: var(--table-bg-table);
    border-bottom: 1px solid var(--border-color-table);
    transition: background-color .3s ease,border-color .3s ease
}

table.datatablealan tbody tr:last-child {
    border-bottom: none
}

table.datatablealan tbody tr:hover {
    background-color: var(--row-hover-bg-table)
}

table.datatablealan td {
    padding: 16px;
    vertical-align: middle;
    color: var(--text-primary-table);
    font-size: 14px
}

table.datatablealan td:first-child {
    font-weight: 500
}

.payout__status {
    width: auto!important;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap
}

.status-green-dark {
    background-color: var(--status-success-bg-table);
    color: var(--status-success-text-table)
}

.status-red-dark {
    background-color: var(--status-danger-bg-table);
    color: var(--status-danger-text-table)
}

.status-blue {
    background-color: var(--status-pending-bg-table);
    color: var(--status-pending-text-table)
}

a.invoice_download {
    width: auto!important;
    background-color: var(--accent-color-table);
    color: #fff!important;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: background-color .2s ease;
    display: inline-flex;
    align-items: center
}

a.invoice_download:hover {
    background-color: var(--accent-hover-color-table);
    color: #fff!important
}

a.invoice_download i {
    margin-right: 6px
}

div.datatabalan .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--text-secondary-table)!important;
    border: 1px solid var(--border-color-table)!important;
    background-color: var(--table-bg)!important;
    margin: 0 4px!important;
    border-radius: 6px!important;
    font-size: 13px!important
}

div.datatabalan .dataTables_wrapper .dataTables_paginate .paginate_button.current,div.datatabalan .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff!important;
    background-color: var(--accent-color-table)!important;
    border: 1px solid var(--accent-color-table)!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: var(--text-primary-table)!important;
    border: 1px solid var(--accent-color-table)!important;
    background: var(--row-hover-bg-table)!important
}

.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length {
    color: var(--text-secondary-table)!important
}

.dataTables_wrapper .dataTables_filter input {
    background-color: var(--table-bg-table);
    border: 1px solid var(--border-color-table);
    color: var(--text-primary-table);
    border-radius: 6px;
    padding: 5px
}

.payout__table.pcgizle.mobgizle {
    display: none
}

@media (max-width: 992px) {
    div.datatabalan {
        padding:10px!important
    }

    table.datatablealan thead {
        display: none!important
    }

    table.datatablealan tbody tr {
        display: block!important;
        margin-bottom: 15px!important;
        border-radius: 8px!important;
        border: 1px solid var(--border-color-table,#3a3f5a)!important;
        box-shadow: 0 2px 5px rgba(0,0,0,.1)!important
    }

    table.datatablealan td {
        display: flex!important;
        justify-content: space-between!important;
        align-items: center!important;
        text-align: right!important;
        padding: 12px 15px!important;
        position: relative!important;
        border-bottom: 1px solid var(--border-color-table,#3a3f5a)!important
    }

    table.datatablealan td:last-child {
        border-bottom: none!important
    }

    table.datatablealan td::before {
        content: ""!important;
        display: none!important
    }

    table.datatablealan td,table.datatablealan td:nth-of-type(6),table.datatablealan td:nth-of-type(7) {
        text-align: left!important;
        display: block!important;
        padding-left: 15px!important
    }

    table.datatablealan td:nth-of-type(6),table.datatablealan td:nth-of-type(7) {
        text-align: center!important
    }
}

.modern-summary {
    background-color: var(--card-bg);
    border-radius: 16px;
    border: 1px solid var(--card-border-color);
    transition: all .3s ease
}

.modern-summary .summary-header {
    padding: 20px 25px;
    border-bottom: 1px solid var(--card-border-color)
}

.modern-summary .summary-header h5 {
    color: var(--title-color);
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 10px 0
}

.modern-summary .summary-status .status-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600
}

.modern-summary .status-badge.status-success {
    background-color: var(--status-success-bg);
    color: var(--status-success-text)
}

.modern-summary .status-badge.status-danger {
    background-color: var(--status-danger-bg);
    color: var(--status-danger-text)
}

.modern-summary .status-badge.status-pending {
    background-color: var(--status-pending-bg);
    color: var(--status-pending-text)
}

.modern-summary .summary-body {
    padding: 10px 25px
}

.modern-summary .summary-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px
}

@media (max-width: 768px) {
    .modern-summary .summary-grid {
        grid-template-columns:1fr;
        gap: 0
    }
}

.modern-summary .summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid var(--divider-color);
    font-size: 15px
}

.modern-summary .summary-column:last-child .summary-item:last-child {
    border-bottom: none
}

.modern-summary .summary-label {
    color: var(--label-color);
    display: flex;
    align-items: center;
    gap: 10px
}

.modern-summary .summary-label i {
    font-size: 14px
}

.modern-summary .summary-value {
    color: var(--value-color);
    font-weight: 500
}

.modern-summary .summary-footer {
    padding: 20px 25px;
    border-top: 1px solid var(--card-border-color)
}

.modern-summary .summary-alert {
    background-color: var(--alert-info-bg);
    border: 1px solid var(--alert-info-border);
    color: var(--alert-info-text);
    border-radius: 8px;
    padding: 15px;
    font-weight: 500
}

.empty-state-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 20px;
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

.empty-state-container::after,.empty-state-container::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: 0
}

.empty-state-container::before {
    width: 300px;
    height: 300px;
    background: rgba(13,110,253,.15);
    top: -50px;
    left: -100px
}

.empty-state-container::after {
    width: 250px;
    height: 250px;
    background: rgba(111,66,193,.1);
    bottom: -80px;
    right: -80px
}

.empty-state-card {
    background: var(--component-bg-gradient);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 50px;
    max-width: 550px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0,0,0,.1);
    transition: all .3s ease;
    z-index: 1
}

body.dark.modern .empty-state-card {
    box-shadow: 0 10px 40px rgba(0,0,0,.3)
}

.empty-state-animation {
    margin-bottom: 20px
}

.empty-state-animation lottie-player {
    width: 180px!important;
    height: 180px!important
}

.empty-state-title {
    color: var(--text-primary);
    font-size: 26px!important;
    font-weight: 700!important;
    margin: 0 0 12px 0!important
}

.empty-state-subtitle {
    color: var(--text-secondary)!important;
    font-size: 16px!important;
    max-width: 380px;
    line-height: 1.7;
    margin: 0 0 35px 0!important
}

.empty-state-cta {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 12px!important;
    background: var(--accent-gradient)!important;
    color: #fff!important;
    font-weight: 600!important;
    font-size: 16px!important;
    padding: 14px 32px!important;
    border-radius: 10px!important;
    text-decoration: none!important;
    border: none!important;
    box-shadow: 0 5px 15px var(--accent-glow)!important;
    transition: all .3s ease!important
}

.empty-state-cta:hover {
    transform: translateY(-4px) scale(1.05)!important;
    box-shadow: 0 8px 25px var(--accent-glow)!important;
    color: #fff!important
}

.empty-state-cta i {
    transition: transform .3s ease!important
}

.empty-state-cta:hover i {
    transform: translateX(5px)!important
}

.card.cardek {
    gap: 20px!important;
    background: var(--component-bg-gradient,linear-gradient(145deg,#2e3241,#262936))!important;
    padding: 20px!important;
    border-radius: 12px!important;
    border: 1px solid var(--card-border-color,#3a3f5a)!important;
    box-shadow: 0 5px 20px rgba(0,0,0,.1)!important;
    transition: all .3s ease!important;
    margin-top: 4px
}

.card.cardek:hover {
    transform: translateY(-3px)!important;
    box-shadow: 0 8px 25px rgba(0,0,0,.15)!important
}

body.dark.modern .card.cardek:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,.35)!important
}

.cardek .isicon {
    font-size: 20px!important;
    background: linear-gradient(135deg,#667eea,#764ba2);
    width: 50px!important;
    height: 50px!important;
    min-width: 50px;
    min-height: 50px;
    border-radius: 50%!important;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    color: wheat
}

.cardek .isyan {
    line-height: 1.4!important
}

.cardek .isyan h6:first-child {
    font-size: 22px!important;
    font-weight: 700!important;
    color: var(--text-primary,#f0f0f0)!important;
    margin: 0 0 4px 0!important
}

.cardek .isyan h6:last-child {
    font-size: 14px!important;
    font-weight: 500!important;
    color: var(--text-secondary,#a0a8c4)!important;
    margin: 0!important
}



.faq__sidebar .faq__menu,.faq__wrapper .faq__tab {
    position: relative;
    z-index: 2
}

.faq__sidebar .faq__menu {
    padding: 10px!important;
    position: sticky;
    top: 20px
}

.faq__sidebar .faq__link {
    background-color: transparent!important
}

.faq__sidebar .faq__link:hover {
    background-color: rgba(255,255,255,.05)!important;
    color: var(--text-primary)!important
}

.faq__sidebar .faq__link.selected {
    background: var(--accent-gradient)!important;
    color: #fff!important;
    box-shadow: 0 5px 15px -5px var(--accent-color)
}

.payment-form .form-header {
    padding: 0 0 25px 0;
    border-bottom: 1px solid var(--card-border-color)
}

.payment-form .form-body {
    padding: 30px 0
}

.payment-form .form-footer {
    padding: 25px 0 0 0;
    border-top: 1px solid var(--card-border-color)
}

.form-group label {
    color: var(--text-secondary);
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 14px
}

.odeme-input:focus {
    border-color: var(--accent-color)!important;
    box-shadow: 0 0 0 3px var(--accent-glow)!important
}

.input-with-currency {
    position: relative
}

.input-with-currency span {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-secondary)
}

@media (max-width: 992px) {
    .faq__container {
        grid-template-columns:1fr!important
    }

    .faq__sidebar {
        position: static;
        margin-bottom: 30px
    }

    .faq__wrapper .faq__tab {
        padding: 0!important
    }
}

.faq__container {
    position: relative!important;
    overflow: hidden!important;
    padding: 20px!important;
    background-color: var(--page-bg)!important;
    border: 1px solid var(--card-border-color);
    border-radius: 16px;
    box-shadow: 0 8px 30px -10px rgba(0,0,0,.1)
}

.faq__container::after,.faq__container::before {
    content: ''!important;
    position: absolute!important;
    border-radius: 50%!important;
    filter: blur(120px)!important;
    z-index: 0!important
}

.faq__container::before {
    width: 450px;
    height: 450px;
    background: var(--bg-blur-1)!important;
    top: -100px;
    left: -150px
}

.faq__container::after {
    width: 400px;
    height: 400px;
    background: var(--bg-blur-2)!important;
    bottom: -150px;
    right: -150px
}

.faq__container {
    display: grid!important;
    grid-template-columns: 300px 1fr;
    gap: 30px!important;
    align-items: flex-start!important
}

.faq__sidebar .faq__menu {
    background: 0 0!important;
    border: none!important;
    padding: 0!important;
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.faq__sidebar .faq__link {
    display: flex!important;
    align-items: center!important;
    padding: 14px 18px!important;
    color: var(--text-secondary)!important;
    font-weight: 500!important;
    font-size: 15px!important;
    text-decoration: none!important;
    background-color: var(--card-bg)!important;
    border: 1px solid var(--card-border-color)!important;
    border-radius: 10px!important;
    transition: all .2s ease!important
}

.faq__sidebar .faq__link:hover {
    border-color: var(--accent-color)!important;
    color: var(--text-primary)!important;
    transform: scale(1.02)
}

.faq__sidebar .faq__link.selected {
    background: var(--accent-gradient)!important;
    color: #fff!important;
    border-color: transparent!important;
    box-shadow: 0 5px 15px -5px var(--accent-color)
}

.faq__sidebar .faq__link.selected::before {
    color: #fff!important
}

.faq__wrapper .faq__tab {
    background-color: var(--card-bg)!important;
    border: 1px solid var(--card-border-color)!important;
    border-radius: 16px!important;
    padding: 10px!important;
    box-shadow: 0 8px 30px -10px rgba(0,0,0,.3)
}

.odeme-form-wrap .form-group label {
    display: block;
    color: var(--text-secondary);
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 14px
}

.odeme-form-wrap .odeme-input,.odeme-form-wrap select.odeme-input {
    width: 100%!important;
    background-color: var(--input-bg)!important;
    border: 1px solid var(--card-border-color)!important;
    color: var(--text-primary)!important;
    border-radius: 8px!important
}

.odeme-form-wrap .odeme-input:focus {
    outline: 0!important;
    border-color: var(--accent-color)!important;
    box-shadow: 0 0 0 3px var(--accent-glow)!important
}

.odeme-btn {
    width: 100%!important;
    background: var(--accent-gradient)!important;
    color: #fff!important;
    font-weight: 600!important;
    font-size: 16px!important;
    padding: 14px!important;
    border-radius: 10px!important;
    border: none!important;
    cursor: pointer;
    transition: all .3s ease!important
}

.odeme-btn:hover {
    box-shadow: 0 6px 20px var(--accent-glow)!important;
    transform: translateY(-3px)!important
}

@media (max-width: 992px) {
    .faq__container {
        grid-template-columns:1fr!important;
        margin-top: 8px
    }

    .faq__sidebar {
        position: static;
        margin-bottom: 30px
    }
}

.faq__sidebar {
    width: auto
}

.faq__link i {
    margin-right: 10px;
    font-size: 16px;
    min-width: 16px
}

.dashboard-stats-grid {
    display: grid!important;
    grid-template-columns: repeat(2,1fr)!important;
    gap: 25px!important
}

.stat-card {
    background-color: var(--card-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 16px!important;
    padding: 25px!important;
    display: flex!important;
    flex-direction: column!important;
    text-decoration: none!important;
    transition: all .3s cubic-bezier(.25, .8, .25, 1)!important;
    box-shadow: 0 4px 20px rgba(0,0,0,.05)!important
}

.stat-card:hover {
    transform: translateY(-8px)!important
}

.stat-card.theme-primary:hover {
    border-color: var(--color-primary)!important;
    box-shadow: 0 12px 30px -5px var(--color-primary-glow)!important
}

.stat-card.theme-success:hover {
    border-color: var(--color-success)!important;
    box-shadow: 0 12px 30px -5px var(--color-success-glow)!important
}

.stat-card.theme-warning:hover {
    border-color: var(--color-warning)!important;
    box-shadow: 0 12px 30px -5px var(--color-warning-glow)!important
}

.stat-card__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px
}

.stat-card__icon-wrapper {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px
}

.stat-card.theme-primary .stat-card__icon-wrapper {
    background-color: var(--color-primary-bg);
    color: var(--color-primary)
}

.stat-card.theme-success .stat-card__icon-wrapper {
    background-color: var(--color-success-bg);
    color: var(--color-success)
}

.stat-card.theme-warning .stat-card__icon-wrapper {
    background-color: var(--color-warning-bg);
    color: var(--color-warning)
}

.stat-card__body {
    margin-top: auto
}

.stat-card__value {
    font-size: 26px!important;
    font-weight: 700!important;
    color: var(--text-value)!important;
    margin: 0 0 5px 0!important
}

.stat-card__label {
    font-size: 14px!important;
    color: var(--text-label)!important;
    margin: 0!important
}

.stat-card__action-button {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: rgba(120,130,150,.1);
    color: var(--text-label);
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none;
    transition: all .2s ease
}

.stat-card:hover .stat-card__action-button {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
    color: #1e2029;
    transform: scale(1.1) rotate(180deg)
}

.stat-card--cta {
    align-items: center;
    justify-content: center;
    text-align: center;
    border-style: dashed!important;
    background: 0 0!important
}

.stat-card--cta .stat-card__header {
    justify-content: center;
    margin-bottom: 12px
}

.stat-card--cta .icon--cta {
    background-color: var(--color-primary-bg);
    color: var(--color-primary)
}

.stat-card--cta .stat-card__cta-title {
    font-size: 16px!important;
    font-weight: 600!important;
    color: var(--text-primary)!important;
    margin: 0!important
}

.stat-card--cta:hover {
    background: var(--card-bg)!important;
    border-style: solid!important
}

@media (max-width: 576px) {
    .dashboard-stats-grid {
        grid-template-columns:1fr!important;
        margin-top: 8px
    }
}

body {
    --card-bg-solid: #ffffff
}

body.dark.modern {
    --card-bg-solid: #2a2d3a
}

.point-converter-container {
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    z-index: 1
}

.converter-card {
    background: var(--card-bg);
    border: 1px solid var(--card-border-color);
    border-radius: 16px;
    box-shadow: 0 8px 30px -10px rgba(0,0,0,.1)
}

.converter-card {
    position: relative!important;
    overflow: hidden!important;
    z-index: 1
}

.converter-card::after,.converter-card::before {
    content: ''!important;
    position: absolute!important;
    border-radius: 50%!important;
    filter: blur(80px)!important;
    z-index: -1!important;
    opacity: .7!important
}

.converter-card::before {
    width: 250px!important;
    height: 250px!important;
    background: var(--bg-blur-1,rgba(13,110,253,.2))!important;
    top: -80px!important;
    left: -100px!important
}

.converter-card::after {
    width: 200px!important;
    height: 200px!important;
    background: var(--bg-blur-2,rgba(111,66,193,.15))!important;
    bottom: -70px!important;
    right: -70px!important
}

.converter-card .converter-footer,.converter-card .converter-grid,.converter-card .converter-header {
    position: relative;
    z-index: 2
}

.converter-header {
    padding: 25px 30px;
    border-bottom: 1px solid var(--card-border-color)
}

.converter-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0
}

.converter-title .points-value {
    color: #ffc107
}

.converter-rate {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 5px 0 0 0
}

.converter-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 20px;
    align-items: flex-end;
    padding: 30px
}

.form-group label {
    display: block;
    color: var(--text-secondary);
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 14px
}

.form-input.active-input {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px var(--accent-glow)
}

.form-input:disabled {
    cursor: not-allowed
}

.converter-icon {
    font-size: 20px;
    color: var(--text-secondary);
    padding-bottom: 35px
}

.converter-footer {
    padding: 0 30px 30px 30px;
    text-align: center
}

.alert-text {
    color: #ff6b6b;
    margin-bottom: 15px;
    font-weight: 500
}

.cta-button {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--accent-gradient);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 14px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: all .3s ease
}

.cta-button:hover {
    box-shadow: 0 6px 20px var(--accent-glow);
    transform: translateY(-3px)
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 20px;
    margin-top: 30px
}

.feature-card {
    background-color: var(--card-bg);
    border: 1px solid var(--card-border-color);
    border-radius: 12px;
    padding: 25px;
    text-align: center
}

.feature-icon {
    font-size: 24px;
    color: var(--accent-color);
    background-color: rgba(13,110,253,.1);
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.feature-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 5px 0
}

.feature-desc {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0
}

@media (max-width: 768px) {
    .converter-grid {
        grid-template-columns:1fr
    }

    .converter-icon {
        transform: rotate(90deg);
        padding-bottom: 0;
        margin: -10px 0
    }
}

@media (max-width: 768px) {
    .converter-grid {
        grid-template-columns:1fr!important;
        gap: 20px!important
    }

    .converter-icon {
        display: none!important
    }

    .converter-card,.feature-card {
        backdrop-filter: none!important;
        -webkit-backdrop-filter: none!important;
        background-color: var(--card-bg-solid)!important
    }
}


.page__inner3 {
    display: flex;
    flex-direction: column;
    padding: 12px
}

.page__inner4 {
    display: flex;
    flex-direction: column;
    padding: 12px;
}

.page__inner::after,.page__inner::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(150px);
    z-index: -1
}

.page__inner::before {
    width: 450px;
    height: 450px;
    background: var(--bg-blur-1);
    top: -100px;
    left: -150px
}

.page__inner::after {
    width: 400px;
    height: 400px;
    background: var(--bg-blur-2);
    bottom: -150px;
    right: -150px
}

.page__inner.foot {
    position: relative!important;
    overflow: hidden!important;
    background-color: var(--footer-bg)!important;
    padding: 60px 0 0 0!important
}

.page__inner.foot::after,.page__inner.foot::before {
    content: ''!important;
    position: absolute!important;
    border-radius: 50%!important;
    filter: blur(140px)!important;
    z-index: 0!important
}

.page__inner.foot::before {
    width: 500px;
    height: 500px;
    background: var(--footer-bg-blur-1)!important;
    bottom: -150px;
    left: -150px
}

.page__inner.foot::after {
    width: 400px;
    height: 400px;
    background: var(--footer-bg-blur-2)!important;
    bottom: -100px;
    right: -100px
}

footer {
    position: relative
}

footer .footer-middle {
    padding-bottom: 40px!important
}

footer .footer-middle>.container>.row {
    justify-content: center!important
}

.footer-main-logo-section {
    margin-bottom: 30px!important
}

.footer-main-logo-section img {
    max-height: 40px!important;
    width: auto!important
}

.dark .footer-main-logo-section .some-icon.lazy {
    display: none!important
}

.dark .footer-main-logo-section .some-icon-dark {
    display: inline-block!important
}


.news-item h4 a {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 500;
    transition: color .2s ease
}

.news-item h4 a:hover {
    color: var(--accent-color)
}

.news-item h4 a img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0
}

.news-item p {
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 8px
}

.news-item small {
    font-size: 12px
}




.gsc-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 22px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0
}

.gsc-title i {
    color: var(--accent-color)
}

.gsc-all-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--card-bg);
    border: 1px solid var(--card-border-color);
    color: var(--text-secondary);
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s ease
}

.gsc-all-button:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff
}

.game-showcase-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    overflow-x: auto
}

.gsc-tab-item {
    padding: 10px 20px;
    border-radius: 8px;
    background-color: var(--card-bg);
    color: var(--text-secondary);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: all .2s ease
}

.gsc-tab-item:hover {
    color: var(--text-primary);
    background-color: var(--component-hover-bg,#f1f3f5)
}

.gsc-tab-item.active {
    background: var(--accent-gradient);
    color: #fff;
    font-weight: 600
}

.game-card-new {
    background-color: var(--card-bg);
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid var(--card-border-color);
    box-shadow: 0 4px 15px rgba(0,0,0,.05);
    transition: all .3s ease
}

body.dark.modern .game-card-new {
    box-shadow: 0 4px 20px rgba(0,0,0,.2)
}

.game-card-new:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,.1)
}

body.dark.modern .game-card-new:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,.3)
}

.game-card__image-wrapper {
    aspect-ratio: 1/1;
    overflow: hidden
}

.game-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease
}

.game-card:hover .game-card__image {
    transform: scale(1.08)
}

.game-card__title {
    padding: 15px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary);
    text-align: center;
    background-color: var(--card-bg)
}



.gsc-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 22px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0
}

.gsc-title i {
    color: var(--accent-color)
}

.gsc-all-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--card-bg);
    border: 1px solid var(--card-border-color);
    color: var(--text-secondary);
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s ease
}

.gsc-all-button:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff
}

.game-showcase-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    overflow-x: auto
}

.gsc-tab-item {
    padding: 10px 20px;
    border-radius: 8px;
    background-color: var(--card-bg);
    color: var(--text-secondary);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: all .2s ease
}

.gsc-tab-item:hover {
    color: var(--text-primary);
    background-color: var(--component-hover-bg,#f1f3f5)
}

.gsc-tab-item.active {
    background: var(--accent-gradient);
    color: #fff;
    font-weight: 600
}



.carousel-header {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding: 0 10px
}

.carousel-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 22px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0
}

.carousel-title i {
    color: var(--accent-color)
}

.product-carousel-section .owl-carousel {
    position: relative;
    z-index: 2
}




.product-carousel-section .owl-nav button.owl-next:hover,.product-carousel-section .owl-nav button.owl-prev:hover {
    background-color: var(--accent-color)!important;
    color: #fff!important;
    border-color: var(--accent-color)!important
}

.product-carousel-section .owl-dots {
    text-align: center;
    margin-top: 25px!important
}

.product-carousel-section .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--card-border-color)!important;
    margin: 0 5px!important;
    transition: all .3s ease!important
}

.product-carousel-section .owl-dots .owl-dot.active {
    background-color: var(--accent-color)!important;
    transform: scale(1.2)
}

.carousel-header .carousel-nav {
    display: flex;
    gap: 10px
}

.product-carousel-section .owl-nav {
    position: absolute!important;
    top: -60px!important;
    right: 0!important;
    margin: 0!important;
    display: flex;
    gap: 10px
}

.product-carousel-section .owl-nav button.owl-next,.product-carousel-section .owl-nav button.owl-prev {
    width: 38px!important;
    height: 38px!important;
    border-radius: 50%!important;
    background-color: var(--card-bg,#2a2d3a)!important;
    border: 1px solid var(--card-border-color,#3a3f5a)!important;
    box-shadow: 0 2px 10px rgba(0,0,0,.1)!important;
    color: var(--text-secondary,#a0a8c4)!important;
    font-size: 0!important;
    transition: all .2s ease!important;
    margin: 0!important;
    transform: none!important
}

.product-carousel-section .owl-nav button.owl-next:hover,.product-carousel-section .owl-nav button.owl-prev:hover {
    background-color: var(--accent-color,#0d6efd)!important;
    color: #fff!important;
    border-color: var(--accent-color,#0d6efd)!important;
    transform: scale(1.1)!important
}

.product-carousel-section .owl-nav button.owl-next::before,.product-carousel-section .owl-nav button.owl-prev::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    display: block
}

.product-carousel-section .owl-nav button.owl-prev::before {
    content: '\f053'
}

.product-carousel-section .owl-nav button.owl-next::before {
    content: '\f054'
}

@media (max-width: 576px) {
    .product-carousel-section .owl-nav {
        display:none!important
    }
}

.main-category-nav,body.dark.modern .header-menu.mouseover {
    background-color: var(--nav-bg)!important
}

.header-menu.mouseover,.main-category-nav {
    border-bottom: 1px solid var(--nav-border-color)!important;
    padding: 10px 0!important
}

.header-menu ul {
    list-style: none!important;
    padding: 0 15px!important;
    margin: 0!important;
    display: flex!important;
    align-items: center!important;
    gap: 12px!important
}

.header-menu ul li {
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center
}

.header-menu ul li a {
    justify-content: center!important;
    width: 100%;
    border-radius: 8px!important
}

.header-menu ul li a:hover {
    transform: translateY(-5px) scale(1.03)!important;
    box-shadow: 0 10px 25px rgba(0,0,0,.3)!important;
    border-color: var(--accent-color)!important
}

.header-menu ul li a.active {
    background: var(--accent-gradient)!important;
    color: #fff!important;
    font-weight: 600!important;
    box-shadow: 0 4px 15px -5px var(--accent-color)
}

.header-menu ul li a.active i {
    color: #fff!important
}

.header-menu ul li a i {
    font-size: 16px;
    transition: color .2s ease
}

.header-menu .sidebar__item_icon {
    display: none!important
}

.header-menu ul li a {
    display: inline-flex!important;
    align-items: center!important;
    gap: 10px!important;
    background-color: var(--tab-bg)!important;
    color: var(--tab-text-color)!important;
    padding: 10px 20px!important;
    font-weight: 500!important;
    font-size: 14px!important;
    text-decoration: none!important;
    white-space: nowrap;
    border: 1px solid transparent!important;
    position: relative!important;
    z-index: 1!important;
    overflow: hidden!important;
    transition: all .2s ease!important
}

.header-menu ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: var(--tab-hover-bg,#f0f2f5);
    transition: transform .4s cubic-bezier(.7, 0, .2, 1);
    z-index: -1
}

.header-menu ul li a:hover::before {
    transform: translateX(-100%)
}

.header-menu ul li a:hover {
    color: var(--text-primary)!important
}

.header-menu ul li a.active {
    background: var(--accent-gradient)!important;
    color: #fff!important;
    font-weight: 600!important;
    box-shadow: 0 4px 15px -5px var(--accent-color)
}

.header-menu ul li a.active i {
    color: #fff!important
}

.header-menu ul li a i {
    font-size: 16px;
    transition: color .2s ease
}

.category-showcase {
    position: relative!important;
    padding: 40px 20px!important;
    background-color: var(--page-bg)!important;
    border-radius: 16px!important;
    overflow: hidden!important
}

.category-showcase::after,.category-showcase::before {
    content: ''!important;
    position: absolute!important;
    border-radius: 50%!important;
    filter: blur(150px)!important;
    z-index: 0!important
}

.category-showcase::after {
    width: 500px;
    height: 500px;
    background: var(--bg-blur-2)!important;
    bottom: -200px;
    right: -150px
}

.category-grid {
    position: relative;
    z-index: 1;
    display: grid!important;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr))!important;
    gap: 25px!important
}

.category-showcase::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg,transparent,rgba(0,242,255,.1),transparent);
    transform: rotate(50deg);
    animation: shine 4s infinite
}

@keyframes shine {
    0% {
        transform: rotate(50deg) translateX(-100%)
    }

    100% {
        transform: rotate(50deg) translateX(100%)
    }
}

@media (max-width: 576px) {
    .category-grid {
        grid-template-columns:repeat(2,1fr)!important;
        gap: 15px!important
    }

    .game-showcase-card {
        padding: 15px!important
    }

    .card-title {
        font-size: 14px!important
    }
}

.game-showcase-card {
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: 12px;
    background-color: var(--card-bg)!important;
    padding: 20px;
    border: 1px solid var(--card-border-color)!important;
    transition: all .3s ease!important;
    overflow: hidden
}

.game-showcase-card:hover {
    transform: translateY(-8px)!important;
    box-shadow: 0 15px 35px rgba(0,0,0,.2)!important;
    border-color: var(--accent-color)!important
}

.game-showcase-card .card-glow {
    position: absolute;
    top: var(--glow-y,50%);
    left: var(--glow-x,50%);
    transform: translate(-50%,-50%);
    width: 250px;
    height: 250px;
    background: var(--glow-gradient);
    opacity: 0;
    transition: opacity .3s ease
}

.game-showcase-card:hover .card-glow {
    opacity: 1
}

.game-showcase-card .card-border {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    opacity: 0;
    transition: opacity .3s ease
}

.game-showcase-card:hover .card-border {
    opacity: 1
}

@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false
}

@keyframes rotate-gradient-border {
    to {
        --angle: 360deg
    }
}

.game-showcase-card .card-border::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: conic-gradient(from var(--angle),var(--accent-color),var(--color-warning,#ffca2c),var(--color-success,#5dd261),var(--accent-color));
    animation: rotate-gradient-border 4s linear infinite
}

.category-page-container {
    position: relative!important;
    overflow: hidden!important;
    padding: 20px!important;
    background-color: var(--page-bg)!important;
    border-radius: 16px!important
}

.category-page-container::after,.category-page-container::before {
    content: ''!important;
    position: absolute!important;
    border-radius: 50%!important;
    filter: blur(150px)!important;
    z-index: 0!important
}

.category-page-container::before {
    width: 600px;
    height: 600px;
    background: var(--bg-blur-1)!important;
    top: -150px;
    left: -200px
}

.category-page-container::after {
    width: 500px;
    height: 500px;
    background: var(--bg-blur-2)!important;
    bottom: -200px;
    right: -150px
}

.category-info-sidebar {
    background: var(--card-bg);
    border: 1px solid var(--card-border-color);
    border-radius: 12px;
    padding: 25px;
    position: sticky;
    top: 20px
}

.category-info__title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 10px 0
}

.category-info__description {
    font-size: 15px;
    color: var(--text-secondary);
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--card-border-color)
}

.category-info__content {
    color: var(--text-secondary);
    line-height: 1.7
}

.category-info__content * {
    color: inherit!important
}

.subcategory-grid {
    position: relative;
    z-index: 1;
    display: grid!important;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr))!important;
    gap: 25px!important
}

.game-showcase-card {
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: 12px;
    background-color: var(--card-bg);
    padding: 20px;
    border: 1px solid var(--card-border-color);
    transition: transform .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out!important;
    overflow: hidden
}

.game-showcase-card:hover {
    transform: translateY(-8px)!important;
    box-shadow: 0 15px 35px rgba(0,0,0,.2)!important;
    border-color: var(--accent-color)!important
}

.card-content {
    position: relative;
    z-index: 2;
    text-align: center
}

.card-image-wrapper {
    aspect-ratio: 1/1;
    margin: 0 auto 15px auto;
    width: 80%
}

.card-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px
}

.card-title {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary)
}

@keyframes rotate-gradient-border {
    to {
        --angle: 360deg
    }
}

@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false
}

@media (max-width: 992px) {
    .category-page-container .row {
        flex-direction:column
    }
}

@media (max-width: 768px) {
    .category-page-container,.category-showcase {
        padding:20px 15px!important
    }

    .category-info-sidebar {
        position: static!important;
        margin-bottom: 30px
    }

    .category-grid,.subcategory-grid {
        grid-template-columns: repeat(2,1fr)!important;
        gap: 15px!important
    }

    .game-showcase-card {
        padding: 15px!important
    }

    .card-title {
        font-size: 14px!important
    }
}

.shop__products2.row {
    display: grid!important;
    grid-template-columns: repeat(3,1fr)!important;
    gap: 25px!important
}

.pro-card {
    background-color: var(--card-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 12px!important;
    display: flex;
    flex-direction: column;
    transition: all .3s ease;
    margin-bottom: 25px
}

.pro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,.2)
}

.pro-card__preview {
    position: relative;
    aspect-ratio: 1/1
}

.pro-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pro-card__cart-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: var(--accent-color);
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--card-bg);
    font-size: 14px
}

.pro-card__content {
    padding: 2px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: center
}

.pro-card__title a {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    display: block;
    margin-bottom: 15px
}

.pro-card__price-box {
    margin-bottom: 15px!important
}

.price-current {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 8px;
    background-color: var(--price-tag-bg);
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary)
}

.price-old {
    font-size: 13px;
    color: var(--text-secondary);
    text-decoration: line-through;
    display: block;
    margin-top: 5px
}

.pro-card__points {
    color: var(--warning-color);
    font-weight: 600;
    font-size: 14px;
    margin-top: 15px
}

.gamex-table-item.gamex-quantity {
    margin: 15px 0
}

.pro-card__footer {
    padding: 15px;
    border-top: 1px solid var(--card-border);
    margin-top: auto
}

.action-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    border: none!important
}

.custom-add-to-cart-button.action-button {
    background: var(--accent-gradient)!important;
    color: #fff!important
}

.action-button.is-disabled {
    background-color: var(--card-border)!important;
    color: var(--text-secondary)!important;
    cursor: not-allowed
}

@media (max-width: 992px) {
    .shop__products2.row {
        grid-template-columns:repeat(2,1fr)!important
    }
}

@media (max-width: 576px) {
    .shop__products2.row {
        gap:15px!important
    }
}

@keyframes aurora-flow {
    0% {
        transform: translate(0,0) scale(1) rotate(0)
    }

    50% {
        transform: translate(80px,40px) scale(1.2) rotate(180deg)
    }

    100% {
        transform: translate(0,0) scale(1) rotate(360deg)
    }
}

.auth-page-wrapper {
    width: 100%;
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background-color: var(--page-bg,#16181e);
    position: relative;
    overflow: hidden
}

.auth-page-wrapper::after,.auth-page-wrapper::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(180px);
    z-index: 1;
    animation: aurora-flow 30s infinite alternate
}

.auth-page-wrapper::before {
    width: 600px;
    height: 600px;
    background: var(--bg-blur-1,rgba(13,110,253,.2));
    top: -20%;
    left: -20%
}

.auth-page-wrapper::after {
    width: 500px;
    height: 500px;
    background: var(--bg-blur-2,rgba(111,66,193,.15));
    bottom: -20%;
    right: -20%;
    animation-direction: alternate-reverse
}

.auth-grid {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 50px;
    width: 100%;
    max-width: 1100px;
    z-index: 2
}

.auth-info-panel {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.auth-info-logo img {
    max-width: 150px
}

.auth-info-boxes {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.info-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--card-bg,rgba(42,45,58,.6));
    padding: 20px;
    border-radius: 12px;
    border: 1px solid var(--card-border-color,rgba(58,59,93,.5))
}

.info-card__icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0
}

.info-card__icon img {
    width: 100%;
    height: 100%
}

.info-card__title {
    color: var(--text-primary,#f0f0f0);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px 0
}

.info-card__desc {
    color: var(--text-secondary,#a0a8c4);
    font-size: 14px;
    margin: 0;
    line-height: 1.5
}

.auth-form-card {
    background: var(--card-bg,rgba(42,45,58,.6));
    border: 1px solid var(--card-border-color,rgba(58,59,93,.5));
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,.2)
}

.auth-tabs {
    display: flex!important;
    background: var(--input-bg,#1e2029)!important;
    padding: 5px!important;
    margin: 20px 20px 25px 20px!important;
    border-radius: 12px!important;
    border: 1px solid var(--card-border-color,#3a3f5a)!important
}

.auth-tab-item {
    flex: 1!important;
    text-align: center!important;
    padding: 12px!important;
    border-radius: 8px!important;
    text-decoration: none!important;
    color: var(--text-secondary,#a0a8c4)!important;
    font-weight: 600!important;
    font-size: 15px!important;
    background: 0 0!important;
    box-shadow: none!important;
    transform: none!important;
    transition: all .25s ease!important
}

.auth-tab-item:not(.active):hover {
    background: var(--card-bg,#2a2d3a)!important;
    color: var(--text-primary,#f0f0f0)!important
}

.auth-tab-item.active {
    background: var(--accent-gradient)!important;
    color: #fff!important;
    box-shadow: 0 4px 15px -5px var(--accent-color,#0d6efd)!important;
    transform: scale(1.03)!important
}

.auth-form-content {
    padding: 30px;
    padding-top: 10px
}

.form-group {
    margin-bottom: 20px
}

.form-label {
    color: var(--text-secondary);
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500
}

.input-wrapper {
    position: relative
}

.input-wrapper i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-secondary)
}

.form-input {
    width: 100%;
    background-color: var(--input-bg)!important;
    border: 1px solid var(--card-border-color)!important;
    color: var(--text-primary)!important;
    border-radius: 8px!important;
    padding: 14px 16px 14px 45px!important;
    font-size: 15px!important;
    font-weight: 500
}

.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px
}

.custom-checkbox {
    color: var(--text-secondary)
}

.form-link {
    color: var(--accent-color);
    text-decoration: none
}

.form-submit button {
    width: 100%;
    background: var(--accent-gradient);
    color: #fff;
    border: none;
    padding: 14px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 20px
}

.form-divider {
    text-align: center;
    color: var(--text-secondary);
    margin: 25px 0
}

.social-login-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px
}

@media (max-width: 992px) {
    .auth-grid {
        grid-template-columns:1fr!important
    }

    .auth-info-panel {
        display: none!important
    }
}

.auth-grid-single-column {
    width: 100%;
    max-width: 480px;
    z-index: 2
}

.auth-form-header {
    text-align: center;
    padding: 20px 30px 0 30px
}

.auth-form-logo {
    display: block;
    margin-bottom: 20px
}

.auth-form-logo img {
    max-height: 40px
}

.auth-form-title {
    font-size: 24px;
    color: var(--text-primary);
    font-weight: 600
}

.auth-form-subtitle {
    font-size: 15px;
    color: var(--text-secondary);
    margin-top: 10px
}

.info-card {
    transition: all .3s cubic-bezier(.25, .8, .25, 1)!important
}

.info-card:hover {
    transform: translateY(-10px)!important;
    border-color: var(--accent-color)!important;
    box-shadow: 0 15px 35px -5px var(--accent-glow)!important
}

.social-login-grid {
    display: grid!important;
    grid-template-columns: 1fr 1fr;
    gap: 15px!important
}

.social-login-btn a {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 10px!important;
    padding: 12px!important;
    border-radius: 8px!important;
    text-decoration: none!important;
    color: #fff!important;
    font-weight: 500!important;
    transition: opacity .2s ease!important
}

.social-login-btn a:hover {
    opacity: .9
}

.social-login-btn i {
    font-size: 18px
}

.social-login-btn.facebook-login a {
    background-color: #1877f2!important
}

.social-login-btn.twitter-login a {
    background-color: #1da1f2!important
}

.social-login-btn.google-login {
    grid-column: 1/-1;
    border-radius: 12px
}

.custom-detail-btn,.custom-disabled-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
    text-decoration: none;
    white-space: nowrap;
    min-width: 120px;
    box-sizing: border-box
}

.custom-detail-btn i,.custom-detail-btn svg,.custom-disabled-btn i,.custom-disabled-btn svg {
    margin-left: 8px;
    color: inherit;
    font-size: 1rem
}

.custom-detail-btn {
    background: linear-gradient(45deg,var(--color-warning),#ff9800);
    color: #fff;
    border: none;
    box-shadow: 0 4px 15px rgba(var(--color-warning-rgb,255,193,7),.3)
}

.custom-detail-btn:hover {
    opacity: .9;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--color-warning-rgb,255,193,7),.4)
}

body.dark.modern .custom-detail-btn {
    background: linear-gradient(45deg,var(--color-warning),var(--color-warning-glow));
    box-shadow: 0 4px 15px var(--color-warning-glow)
}

body.dark.modern .custom-detail-btn:hover {
    box-shadow: 0 6px 20px var(--color-warning-glow)
}

.category-sidebar {
    background: var(--card-bg)!important;
    border: 1px solid var(--card-border-color)!important;
    border-radius: 12px!important;
    overflow: hidden;
    top: 20px
}

.category-sidebar__header {
    position: relative;
    padding: 20px;
    display: flex;
    align-items: flex-end;
    min-height: 200px;
    color: #fff!important;
    min-height: 250px
}

.category-sidebar__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1
}

.category-sidebar__header-overlay {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,rgba(0,0,0,.85) 0,transparent 70%);
    z-index: 2
}

.category-sidebar__header-content {
    position: relative;
    z-index: 3
}

.category-sidebar__title {
    color: #fff!important;
    font-size: 24px!important;
    font-weight: 700!important;
    margin: 0!important;
    text-shadow: 0 2px 5px rgba(0,0,0,.5)
}

.category-sidebar__desc {
    color: rgba(255,255,255,.8)!important;
    font-size: 14px!important;
    margin: 5px 0 0 0!important
}

.category-sidebar__description {
    padding: 20px;
    border-bottom: 1px solid var(--card-border-color);
    color: var(--text-secondary);
    font-size: 15px;
    line-height: 1.6
}

.category-sidebar__description p {
    margin: 0
}

.category-sidebar__nav {
    padding: 10px
}

.category-sidebar__link {
    display: block!important;
    padding: 12px 15px!important;
    color: var(--text-secondary)!important;
    font-size: 15px!important;
    font-weight: 500!important;
    text-decoration: none!important;
    border-radius: 8px!important;
    margin-bottom: 5px;
    transition: all .2s ease;
    border: 1px solid transparent
}

.category-sidebar__link:last-child {
    margin-bottom: 0
}

.category-sidebar__link:hover {
    background-color: var(--component-hover-bg,#f1f3f5);
    color: var(--text-primary)!important;
    border-color: var(--card-border-color)
}

.category-sidebar__link.active {
    background: var(--accent-gradient)!important;
    color: #fff!important;
    font-weight: 600!important;
    border-color: transparent!important
}

.product-actions-group {
    display: flex!important;
    flex-direction: column!important;
    width: 100%;
    gap: 8px!important;
    white-space: nowrap
}

.product-actions-group .action-button {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 8px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    text-decoration: none!important;
    border: 1px solid transparent!important;
    transition: all .2s ease!important;
    font-size: 14px;
    cursor: pointer;
    width: 100%!important
}

.product-actions-group .add-to-cart {
    background: var(--btn-primary-bg)!important;
    color: #fff!important;
    flex-grow: 1!important
}

.product-actions-group .add-to-cart:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,.2)
}

.product-actions-group .details-btn {
    background: var(--btn-secondary-bg)!important;
    color: var(--btn-secondary-text)!important;
    border: 1px solid var(--btn-secondary-border)!important
}

.product-actions-group .details-btn:hover {
    background-color: var(--btn-secondary-hover-bg)!important;
    color: var(--text-primary)!important
}

.product-actions-group .is-disabled {
    background-color: var(--card-border,#e9ecef)!important;
    color: var(--text-secondary)!important;
    cursor: not-allowed;
    opacity: .7
}

.product-page-navigation {
    background-color: var(--tab-nav-bg);
    border: 1px solid var(--tab-nav-border);
    border-radius: 12px;
    padding: 8px;
    margin-bottom: 30px
}

.product-tabs-nav {
    display: flex;
    align-items: center;
    gap: 8px
}

.product-tab-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-grow: 1;
    padding: 12px;
    border-radius: 8px;
    color: var(--tab-text-color);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    border: 2px solid transparent;
    transition: all .2s ease
}

.product-tab-item:not(.active):hover {
    background-color: var(--tab-item-bg-hover);
    color: var(--text-primary,#212529)
}

.product-tab-item.active {
    background-color: var(--tab-item-bg-hover);
    color: var(--tab-text-active);
    font-weight: 600;
    border-bottom-color: var(--tab-text-active)
}

.product-tab-item i {
    font-size: 18px
}

@keyframes aurora-flow-subtle {
    0% {
        transform: translate(0,0) scale(1) rotate(0)
    }

    50% {
        transform: translate(20px,30px) scale(1.1) rotate(180deg)
    }

    100% {
        transform: translate(0,0) scale(1) rotate(360deg)
    }
}


.products__container {
    position: relative;
    overflow: hidden;
    padding: 20px;
    background-color: var(--list-page-bg);
    border-radius: 16px
}

.products__container::after,.products__container::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(150px);
    z-index: 0
}

.products__container::before {
    width: 600px;
    height: 600px;
    background: var(--list-bg-blur-1);
    top: -150px;
    left: -200px
}

.products__container::after {
    width: 500px;
    height: 500px;
    background: var(--list-bg-blur-2);
    bottom: -200px;
    right: -150px
}

/*.gamex-product-row {*/
/*    display: grid!important;*/
/*    grid-template-columns: 70px 2.5fr 1fr 1fr 1fr 1.5fr 2fr!important;*/
/*    align-items: center!important;*/
/*    gap: 15px!important;*/
/*    padding: 15px!important;*/
/*    margin-bottom: 12px!important;*/
/*    background: var(--list-card-bg)!important;*/
/*    border: 1px solid var(--list-card-border)!important;*/
/*    border-radius: 12px!important;*/
/*    transition: all .2s ease-in-out!important;*/
/*    position: relative;*/
/*    z-index: 1*/
/*}*/

/*.gamex-product-row:hover {*/
/*    transform: translateY(-4px);*/
/*    box-shadow: 0 8px 25px rgba(0,0,0,.2);*/
/*    border-color: var(--list-accent-color)!important*/
/*}*/

/*.gamex-image img {*/
/*    width: 60px;*/
/*    border-radius: 8px*/
/*}*/

/*.gamex-product-title {*/
/*    color: var(--list-text-primary);*/
/*    font-weight: 500;*/
/*    font-size: 14px*/
/*}*/

/*.urun-aciklama {*/
/*    color: var(--list-text-secondary);*/
/*    font-size: 13px;*/
/*    margin-top: 2px*/
/*}*/

/*.gamex-stock-yes {*/
/*    color: var(--status-success,#5dd261)*/
/*}*/

/*.gamex-stock-no {*/
/*    color: var(--status-danger,#ff6b6b)*/
/*}*/

/*.gamex-point-content {*/
/*    color: var(--warning-color,#ffca2c);*/
/*    font-weight: 600*/
/*}*/

/*.products-price-current,.sales-price {*/
/*    color: var(--list-text-primary);*/
/*    font-weight: 600;*/
/*    font-size: 16px*/
/*}*/

/*.list-price,.products-price-old {*/
/*    color: var(--list-text-secondary);*/
/*    text-decoration: line-through;*/
/*    font-size: 13px*/
/*}*/

.gamex-quantity-calc {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--list-input-bg);
    border-radius: 8px;
    border: 1px solid var(--list-card-border)
}

.gamex-qty-btn {
    width: 30px;
    height: 30px;
    border: none;
    background: 0 0;
    color: var(--list-text-secondary);
    font-size: 18px;
    cursor: pointer
}

.gamex-input-quantity {
    width: 40px;
    text-align: center;
    background: 0 0;
    border: none;
    color: var(--list-text-primary);
    font-weight: 600
}

.gamex-buy-sell {
    display: flex;
    gap: 8px;
    align-items: stretch
}

.gamex-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all .2s ease
}

.gamex-btn-primary {
    background: var(--accent-gradient);
    color: #fff!important;
    flex-grow: 1
}

.custom-detail-btn {
    background: var(--list-input-bg);
    color: var(--list-text-secondary)!important;
    border: 1px solid var(--list-card-border)
}

.gamex-btn-tertiary {
    background: var(--status-danger);
    color: #fff!important;
    opacity: .8
}

@media (max-width: 992px) {
    .gamex-product-row {
        grid-template-columns:60px 3fr 1.5fr 2fr!important;
        grid-template-areas: "image name quantity actions" "image price quantity actions";
        padding: 15px!important
    }

    .gamex-image {
        grid-area: image
    }

    .gamex-name {
        grid-area: name
    }

    .products-price {
        grid-area: price
    }

    .gamex-quantity {
        grid-area: quantity
    }

    .gamex-operation {
        grid-area: actions
    }

    .gamex-stock {
        display: none!important
    }
}

@media (max-width: 576px) {
    .gamex-product-row {
        grid-template-columns:1fr!important;
        grid-template-areas: "image" "name" "price" "quantity" "actions";
        text-align: center
    }

    .gamex-table-item,.products-price {
        justify-content: center!important
    }
}

#menu1,#menu2,#menu3 {
    background: var(--content-card-bg)!important;
    border: 1px solid var(--content-card-border)!important;
    border-radius: 12px!important;
    padding: 30px!important;
    color: var(--content-text-secondary)!important;
    line-height: 1.7!important;
    font-size: 15px!important;
    position: relative!important;
    overflow: hidden!important;
    z-index: 1
}

#menu1::after,#menu1::before,#menu2::after,#menu2::before,#menu3::after,#menu3::before {
    content: ''!important;
    position: absolute!important;
    border-radius: 50%!important;
    filter: blur(100px)!important;
    z-index: -1!important
}

#menu1::before,#menu2::before,#menu3::before {
    width: 250px;
    height: 250px;
    background: var(--content-bg-blur-1)!important;
    top: -50px;
    left: -80px
}

#menu1::after,#menu2::after,#menu3::after {
    width: 200px;
    height: 200px;
    background: var(--content-bg-blur-2)!important;
    bottom: -70px;
    right: -50px
}

.tab-content .tab-pane>* {
    position: relative;
    z-index: 2
}

#menu1 li,#menu1 p,#menu2 li,#menu2 p,#menu3 li,#menu3 p {
    color: var(--content-text-secondary)!important;
    margin-bottom: 1em!important
}

#menu1 h1,#menu1 h2,#menu1 h3,#menu1 h4,#menu1 h5,#menu1 h6,#menu1 strong,#menu2 h1,#menu2 h2,#menu2 h3,#menu2 h4,#menu2 h5,#menu2 h6,#menu2 strong,#menu3 h1,#menu3 h2,#menu3 h3,#menu3 h4,#menu3 h5,#menu3 h6,#menu3 strong {
    color: var(--content-text-primary)!important;
    margin-bottom: .8em
}

#menu1 ol,#menu1 ul,#menu2 ol,#menu2 ul,#menu3 ol,#menu3 ul {
    padding-left: 25px!important
}

.comments__title {
    color: var(--content-text-primary)!important
}

.yorumlar-bolumu {
    background-color: var(--section-bg)!important;
    padding: 30px!important;
    border-radius: 16px!important;
    margin-top: 30px!important;
    position: relative;
    overflow: hidden
}

.yorumlar-bolumu::after,.yorumlar-bolumu::before {
    content: ''!important;
    position: absolute!important;
    border-radius: 50%!important;
    filter: blur(150px)!important;
    z-index: 0!important
}

.yorumlar-bolumu::before {
    width: 500px;
    height: 500px;
    background: var(--bg-blur-1)!important;
    top: 0;
    right: -150px
}

.yorumlar-bolumu::after {
    width: 400px;
    height: 400px;
    background: var(--bg-blur-2)!important;
    bottom: -150px;
    left: -150px
}

.yorumlar-baslik {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--card-border-color)
}

.yorumlar-baslik-sol h5 {
    color: var(--text-primary)!important;
    font-size: 20px;
    font-weight: 600
}

.yorumlar-toplam {
    color: var(--text-secondary);
    font-weight: 500
}

.yorumlar-baslik i {
    margin-right: 10px;
    color: var(--accent-color)
}

.custom-empty-comment-box,.yorum-form-bolumu {
    position: relative;
    z-index: 1;
    width: 100%!important;
    margin-bottom: 25px!important
}

.custom-empty-comment-box {
    background: var(--card-bg);
    border: 1px solid var(--card-border-color);
    border-radius: 12px;
    padding: 40px;
    color: var(--text-secondary)
}

.custom-empty-icon i {
    font-size: 40px;
    opacity: .5
}

.custom-empty-title {
    color: var(--text-primary);
    margin-top: 15px;
    font-weight: 600
}

.yorum-form-karti {
    background: var(--card-bg);
    border: 1px solid var(--card-border-color);
    border-radius: 12px;
    padding: 25px;
    display: flex;
    gap: 20px;
    align-items: flex-start
}

.yorum-form-resim img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover
}

.yorum-form-icerik {
    width: 100%
}

.yorum-form-icerik .form-control {
    background-color: var(--input-bg)!important;
    border-color: var(--card-border-color)!important;
    color: var(--text-primary)!important;
    border-radius: 8px!important;
    padding: 12px 15px!important
}

.yorum-form-puan {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px
}

.yorum-gonder-btn {
    background: var(--accent-gradient);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.rating2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.rating2 input {
    display: none
}

.rating2 label {
    font-size: 24px;
    color: #4a4f6a;
    cursor: pointer;
    transition: color .2s ease;
    padding: 0 3px
}

.rating2 label:hover,.rating2 label:hover~label {
    color: var(--star-color)!important;
    opacity: .7
}

.rating2 input:checked~label {
    color: var(--star-color)!important;
    opacity: 1
}

.yorumlar-icerik {
    position: relative;
    z-index: 1
}

.yorum-karti {
    background: var(--card-bg);
    border: 1px solid var(--card-border-color);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px
}

.yorum-urun {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--card-border-color)
}

.urun-resim img {
    width: 50px;
    height: 50px;
    border-radius: 8px
}

.urun-detay h5 a {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none
}

.urun-detay h6 a {
    color: var(--text-secondary);
    font-size: 14px;
    text-decoration: none
}

.yorum-metin {
    padding: 15px 0;
    color: var(--text-secondary);
    line-height: 1.7
}

.yorum-detay {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 20px;
    font-size: 13px;
    color: var(--text-secondary)
}

.yorum-puan {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: auto
}

.yildizlar i {
    color: var(--star-color)
}

@media(max-width: 576px) {
    .yorum-form-karti {
        flex-direction:column;
        align-items: center;
        text-align: center
    }

    .yorum-form-bolumu {
        margin-bottom: 30px!important
    }
}

.pagination-wrapper .pagination {
    background: var(--pagination-bg)!important;
    border: 1px solid var(--pagination-border)!important;
    border-radius: 25px!important;
    padding: 8px!important;
    display: inline-flex!important
}

.pagination-wrapper .page-item {
    margin: 0 3px!important
}

.pagination-wrapper .page-link {
    border: none!important;
    background-color: transparent!important;
    color: var(--pagination-text)!important;
    font-weight: 600;
    width: 38px;
    height: 38px;
    border-radius: 50%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease
}

.pagination-wrapper .page-item:not(.active) .page-link:hover {
    background-color: var(--pagination-item-hover-bg)!important;
    color: var(--text-primary,#212529)!important
}

.pagination-wrapper .page-item.active .page-link {
    background: var(--pagination-active-bg)!important;
    color: var(--pagination-active-text)!important;
    transform: scale(1.1);
    box-shadow: 0 4px 15px -5px var(--accent-color)
}

.pagination-wrapper .page-item.disabled .page-link {
    opacity: .5;
    cursor: not-allowed
}

.mobile-bottom-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
    z-index: 1000;
    background-color: var(--mobile-nav-bg)!important;
    backdrop-filter: blur(15px)!important;
    -webkit-backdrop-filter: blur(15px)!important;
    border-top: 1px solid var(--mobile-nav-border)!important;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    padding: 5px 0
}

.mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-decoration: none;
    color: var(--mobile-nav-text);
    font-size: 11px;
    font-weight: 500;
    gap: 4px;
    transition: color .2s ease
}

.mobile-nav-item i {
    font-size: 22px;
    margin-bottom: 2px
}

.mobile-nav-item.active {
    color: var(--mobile-nav-active)
}

.mobile-nav-item__cart-wrapper {
    position: relative
}

.mobile-nav-item__badge {
    position: absolute;
    top: -2px;
    right: -8px;
    background-color: var(--mobile-badge-bg);
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991px) {
    .mobile-bottom-nav {
        display:flex!important
    }

    body {
        padding-bottom: 65px
    }
}

.auth-actions {
    display: flex!important;
    align-items: center!important;
    gap: 12px!important
}

.action-btn i {
    font-size: 16px!important
}

.action-btn--primary {
    color: #fff!important;
    background: var(--btn-primary-bg)!important;
    box-shadow: 0 4px 15px -5px rgba(0,0,0,.3)
}

.action-btn--primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px -5px var(--btn-primary-glow)!important
}

.action-btn--secondary {
    background-color: var(--btn-secondary-bg)!important;
    border-color: var(--btn-secondary-border)!important;
    color: var(--btn-secondary-text)!important
}

.action-btn--secondary:hover {
    background-color: var(--btn-secondary-hover-bg)!important;
    border-color: var(--btn-secondary-hover-bg)!important;
    color: var(--btn-secondary-hover-text)!important;
    transform: translateY(-3px);
    box-shadow: 0 7px 20px -5px var(--btn-primary-glow)!important
}

.header::after,.header::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    opacity: .6;
    filter: blur(100px);
    animation: aurora-flow 15s infinite alternate;
    z-index: -1
}

.header::before {
    width: 300px;
    height: 300px;
    background-color: #007bff;
    top: -50px;
    left: -50px
}

.header::after {
    width: 200px;
    height: 200px;
    background-color: #a855f7;
    bottom: -80px;
    right: 50px;
    animation-direction: alternate-reverse;
    animation-delay: 2s
}

body.dark.modern .header::before {
    background-color: #6366f1
}

body.dark.modern .header::after {
    background-color: #d8b4fe
}

@keyframes aurora-flow {
    0% {
        transform: translate(0,0) scale(1)
    }

    50% {
        transform: translate(50px,30px) scale(1.1)
    }

    100% {
        transform: translate(0,0) scale(1)
    }
}

.header::after,.header::before {
    display: none!important
}

@media (min-width: 768px) {
    .header::after,.header::before {
        content:'';
        display: block!important;
        position: absolute;
        border-radius: 50%;
        opacity: .6;
        filter: blur(100px);
        animation: aurora-flow 15s infinite alternate;
        z-index: -1
    }

    .header::before {
        width: 300px;
        height: 300px;
        background-color: #007bff;
        top: -50px;
        left: -50px
    }

    .header::after {
        width: 200px;
        height: 200px;
        background-color: #a855f7;
        bottom: -80px;
        right: 50px;
        animation-direction: alternate-reverse;
        animation-delay: 2s
    }

    body.dark.modern .header::before {
        background-color: #6366f1
    }

    body.dark.modern .header::after {
        background-color: #d8b4fe
    }
}

.header_cart {
    position: relative!important;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: 44px!important;
    height: 44px!important;
    background-color: var(--icon-btn-bg)!important;
    border: 1px solid var(--icon-btn-border)!important;
    color: var(--icon-btn-text)!important;
    border-radius: 8px!important;
    text-decoration: none!important;
    transition: all .2s ease!important
}

.header_cart:hover {
    background-color: var(--icon-btn-hover-bg)!important;
    color: var(--icon-btn-hover-text)!important;
    border-color: var(--accent-color)!important
}

.header_cart i {
    font-size: 20px!important;
    margin: 0!important
}

.septadet.sepetmiktar {
    position: absolute!important;
    top: -5px;
    right: -5px;
    min-width: 20px;
    height: 20px;
    background-color: var(--badge-bg)!important;
    color: #fff!important;
    border-radius: 50%!important;
    font-size: 11px!important;
    font-weight: 600!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid var(--header-bg,#1e2029)
}

@media (max-width: 991px) {
    .header_cart {
        display:none!important
    }
}

.notifications-list {
    max-height: 400px;
    overflow-y: auto
}

.notification-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 20px;
    text-decoration: none;
    transition: background-color .2s ease
}

.notification-item:not(:last-child) {
    border-bottom: 1px solid var(--header-border)
}

.notification-item:hover {
    background-color: var(--input-bg)
}

.notification-item.is-new {
    background-color: rgba(13,110,253,.05)
}

body.dark.modern .notification-item.is-new {
    background-color: rgba(13,110,253,.1)
}

.notification-item__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--input-bg);
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px
}

.notification-item.is-new .notification-item__icon {
    background-color: var(--accent-color);
    color: #fff
}

.notification-item__content {
    flex-grow: 1
}

.notification-item__title {
    color: var(--text-primary);
    font-weight: 500;
    font-size: 15px;
    margin: 0 0 5px 0
}

.notification-item__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-secondary)
}

.dot-separator {
    width: 3px;
    height: 3px;
    background-color: var(--text-secondary);
    border-radius: 50%
}

.notifications-dropdown__footer {
    padding: 10px;
    border-top: 1px solid var(--header-border);
    text-align: center
}

.footer-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: all .2s ease
}

.footer-link:hover {
    background-color: var(--input-bg);
    color: var(--text-primary)
}

.notifications-list__empty {
    padding: 40px 20px;
    text-align: center;
    color: var(--text-secondary)
}

.header-notifications .action-icon-btn:hover {
    color: var(--accent-color);
    border-color: var(--accent-color)
}

.header-notifications.dropdown-wrapper {
    position: relative!important;
    margin-right: 4px
}

.header-notifications .action-icon-btn {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: 44px!important;
    height: 44px!important;
    background-color: var(--icon-btn-bg,#2a2d3a)!important;
    border: 1px solid var(--icon-btn-border,#3a3f5a)!important;
    color: var(--icon-btn-text,#a0a8c4)!important;
    border-radius: 8px!important;
    text-decoration: none!important;
    transition: all .2s ease!important;
    position: relative
}

.header-notifications .action-icon-btn:hover {
    background-color: var(--icon-btn-hover-bg,#313543)!important;
    color: var(--icon-btn-hover-text,#fff)!important;
    border-color: var(--accent-color,#0d6efd)!important
}

.header-notifications .action-icon-btn i {
    font-size: 20px!important
}

.header-notifications .notification-dot {
    position: absolute!important;
    top: -5px;
    right: -5px;
    min-width: 20px;
    height: 20px;
    background-color: var(--badge-bg,#ff6b6b)!important;
    color: #fff!important;
    border-radius: 50%!important;
    font-size: 11px!important;
    font-weight: 600!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid var(--header-bg,#1e2029)
}

.action-icon-btn {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: 44px!important;
    height: 44px!important;
    background-color: var(--input-bg)!important;
    border: 1px solid var(--header-border)!important;
    color: var(--text-secondary)!important;
    border-radius: 8px!important;
    font-size: 18px!important;
    position: relative;
    text-decoration: none!important;
    transition: all .2s ease!important
}

.action-icon-btn:hover {
    color: var(--icon-btn-hover-text)!important;
    border-color: var(--accent-color)!important
}

.notification-dot {
    position: absolute!important;
    top: 5px;
    right: 5px;
    min-width: 18px;
    height: 18px;
    background-color: var(--badge-bg,#dc3545)!important;
    color: #fff!important;
    border-radius: 50%!important;
    font-size: 11px!important;
    font-weight: 600!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid var(--header-bg)
}

.notifications-dropdown {
    width: 360px!important;
    background-color: var(--dropdown-bg)!important;
    border: 1px solid var(--header-border)!important;
    border-radius: 12px!important;
    box-shadow: 0 10px 30px var(--dropdown-shadow)!important;
    margin-top: 15px!important;
    padding: 0!important;
    overflow: hidden!important
}

.notifications-dropdown__header {
    padding: 15px 20px!important;
    border-bottom: 1px solid var(--header-border)!important
}

.notifications-dropdown__title {
    margin: 0!important;
    font-size: 16px!important;
    font-weight: 600!important;
    color: var(--text-primary)!important
}

.notifications-list {
    max-height: 400px!important;
    overflow-y: auto!important
}

.notification-item {
    display: flex!important;
    align-items: flex-start!important;
    gap: 15px!important;
    padding: 15px 20px!important;
    text-decoration: none!important;
    transition: background-color .2s ease!important
}

.notification-item:not(:last-child) {
    border-bottom: 1px solid var(--header-border)!important
}

.notification-item:hover {
    background-color: var(--input-bg)!important
}

.notification-item.is-new {
    background-color: rgba(13,110,253,.05)!important
}

body.dark.modern .notification-item.is-new {
    background-color: rgba(13,110,253,.1)!important
}

.notification-item__avatar,.notification-item__icon {
    flex-shrink: 0!important;
    width: 40px!important;
    height: 40px!important;
    border-radius: 50%!important;
    background-color: var(--input-bg)!important;
    color: var(--text-secondary)!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size: 18px!important;
    overflow: hidden
}

.notification-item__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.notification-item.is-new .notification-item__icon {
    background-color: var(--accent-color)!important;
    color: #fff!important
}

.notification-item__content {
    flex-grow: 1!important
}

.notification-item__sender,.notification-item__title {
    color: var(--text-primary)!important;
    font-weight: 500!important;
    font-size: 15px!important;
    margin: 0 0 5px 0!important
}

.notification-item__header,.notification-item__meta {
    display: flex!important;
    justify-content: space-between;
    align-items: center!important;
    gap: 8px!important;
    font-size: 13px!important;
    color: var(--text-secondary)!important
}

.notification-item__message {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 5px 0 0 0
}

.dot-separator {
    width: 3px!important;
    height: 3px!important;
    background-color: var(--text-secondary)!important;
    border-radius: 50%!important
}

.notifications-dropdown__footer {
    padding: 10px!important;
    border-top: 1px solid var(--header-border)!important;
    text-align: center!important
}

.footer-link {
    display: inline-flex!important;
    align-items: center!important;
    gap: 8px!important;
    padding: 8px 12px!important;
    border-radius: 6px!important;
    color: var(--text-secondary)!important;
    text-decoration: none!important;
    font-weight: 500!important;
    transition: all .2s ease!important
}

.footer-link:hover {
    background-color: var(--input-bg)!important;
    color: var(--text-primary)!important
}

.notifications-list__empty {
    padding: 40px 20px!important;
    text-align: center!important;
    color: var(--text-secondary)!important
}

.user-menu-trigger {
    display: flex!important;
    align-items: center!important;
    gap: 10px!important;
    background-color: var(--input-bg,#2a2d3a)!important;
    padding: 6px 15px 6px 6px!important;
    border-radius: 25px!important;
    border: 1px solid var(--header-border,#3a3f5a)!important;
    cursor: pointer;
    text-decoration: none!important;
    transition: all .2s ease!important
}

.user-menu-trigger:hover {
    border-color: var(--accent-color,#0d6efd)!important
}

.user-menu-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--accent-gradient,linear-gradient(45deg,#0d6efd,#8f62ea));
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.user-menu-info {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    text-align: left
}

.user-menu-info__title {
    color: var(--text-primary);
    font-weight: 500;
    font-size: 14px
}

.user-menu-info__name {
    color: var(--text-secondary);
    font-size: 12px
}

.user-menu-arrow {
    color: var(--text-secondary);
    font-size: 12px;
    margin-left: 5px
}

.user-menu-dropdown {
    width: 260px!important;
    background-color: var(--dropdown-bg)!important;
    border: 1px solid var(--header-border)!important;
    border-radius: 12px!important;
    box-shadow: 0 10px 30px var(--dropdown-shadow)!important;
    margin-top: 10px!important;
    padding: 8px!important
}

.user-menu-nav {
    display: flex;
    flex-direction: column
}

.user-menu-nav__link {
    display: flex!important;
    align-items: center!important;
    gap: 12px!important;
    padding: 4px 4px!important;
    border-radius: 6px!important;
    color: var(--text-secondary)!important;
    text-decoration: none!important;
    font-weight: 500;
    font-size: 15px;
    transition: all .2s ease
}

.user-menu-nav__link:hover {
    background-color: var(--input-bg);
    color: var(--text-primary)
}

.user-menu-nav__link i {
    font-size: 20px;
    width: 22px;
    text-align: center
}

.user-menu-nav__divider {
    height: 1px;
    background-color: var(--header-border);
    margin: 8px 12px
}

.user-menu-nav__link.is-logout:hover {
    background-color: rgba(220,53,69,.1)!important;
    color: var(--danger-color,#dc3545)!important
}

.action-btn {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 10px 20px!important;
    height: 48px!important;
    border: 1px solid transparent!important;
    border-radius: 10px!important;
    font-size: 14px!important;
    font-weight: 600!important;
    text-decoration: none!important;
    transition: all .25s ease-out!important
}

.action-btn--bazar {
    color: #fff!important;
    background: var(--accent-gradient)!important;
    box-shadow: 0 4px 15px -5px rgba(0,0,0,.3)
}

.action-btn--bazar:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px -5px var(--accent-glow)!important
}

.ht_navbar_search {
}

.search {
}

.search__head {
}

.search__head:focus-within {
    border-color: var(--search-accent-color)!important;
    box-shadow: 0 0 0 3px rgba(13,110,253,.25)
}

.search__input {
    flex-grow: 1!important;
    background: 0 0!important;
    border: none!important;
    color: var(--search-text-primary)!important;
    font-size: 15px!important;
    height: 100%!important;
    padding: 0!important
}

.search__input:focus {
    outline: 0!important
}

.search__input::placeholder {
    color: var(--search-text-secondary)
}

.search__start {}

.search__start svg {
}

.search__start .icon-search {
}

.search__close,.search__direction {
    display: none!important
}

.search__body {
    t;
    ,0,.2);
}

.game_info {
    position: relative!important;
    padding: 40px 0!important;
    background-size: cover!important;
    background-position: center!important;
    border-radius: 16px!important;
    overflow: hidden!important
}

.game_info::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--hero-overlay-bg)!important;
    z-index: 1
}

.game_info .inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0 40px
}

.game_info .game_cover {
    flex-shrink: 0
}

.game_info .game_cover .cover {
    width: 120px;
    height: 120px;
    background: rgba(255,255,255,.1);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.2);
    padding: 10px
}

.game_info .game_cover .cover img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.game_info .info h1 {
    color: var(--hero-text-primary)!important;
    font-size: 42px!important;
    font-weight: 700!important;
    text-shadow: 0 2px 10px rgba(0,0,0,.5)
}

@media (max-width: 768px) {
    .game_info .inner {
        flex-direction:column;
        text-align: center;
        padding: 0 20px
    }

    .game_info .game_cover .cover {
        width: 100px;
        height: 100px
    }

    .game_info .info h1 {
        font-size: 32px!important
    }
}

@keyframes aurora-flow-cart {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(50px)
    }
}

.drafts.card {
    background-color: var(--page-bg)!important;
    padding: 25px!important;
    border-radius: 16px!important;
    border: none!important;
    position: relative;
    overflow: hidden
}

.drafts.card::after,.drafts.card::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(150px);
    z-index: 0;
    animation: aurora-flow-cart 20s infinite alternate
}

.drafts.card::before {
    width: 50vw;
    height: 50vh;
    background: var(--bg-blur-1);
    top: 0;
    left: 0
}

.drafts.card::after {
    width: 45vw;
    height: 45vh;
    background: var(--bg-blur-2);
    bottom: 0;
    right: 0;
    animation-direction: alternate-reverse
}

.card__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    margin-bottom: 20px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 12px;
    position: relative;
    z-index: 1
}

.card__title {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary2)!important
}

.card__title i {
    color: var(--accent-color)!important
}

.schedule__row[data-product-id] {
    background: var(--card-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 12px!important;
    padding: 15px 20px!important;
    margin-bottom: 15px!important;
    transition: all .2s ease;
    position: relative;
    z-index: 1
}

.schedule__row[data-product-id]:hover {
    border-color: var(--accent-color)!important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,.15)
}

.schedule__item {
    display: flex;
    align-items: center;
    gap: 15px
}

.schedule__preview img {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    object-fit: cover
}

.schedule__product a {
    color: var(--text-primary2)!important;
    font-weight: 500;
    text-decoration: none
}

.schedule__price {
    color: var(--text-secondary2)!important;
    font-size: 13px
}

.cart_price_div .schedule__price {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary2)!important
}

.schedule__quantity_calc {
    display: flex;
    align-items: center;
    background: var(--input-bg);
    border-radius: 8px;
    border: 1px solid var(--card-border)
}

.schedule__minus_btn,.schedule__plus_btn {
    width: 30px;
    height: 30px;
    border: none;
    background: 0 0;
    color: var(--text-secondary2);
    font-size: 18px;
    cursor: pointer
}

.schedule__quantity {
    width: 40px;
    text-align: center;
    background: 0 0;
    border: none;
    color: var(--text-primary2);
    font-weight: 600
}

.schedule__col_date .schedule__date {
    font-size: 14px;
    color: var(--text-secondary2)
}

.schedule__col_details .field__input {
    background: var(--input-bg)!important;
    border: 1px solid var(--card-border)!important;
    color: var(--text-primary2)!important;
    border-radius: 8px!important;
    padding: 10px 15px!important;
    width: 100%
}

.schedule__control .schedule__button {
    background: 0 0;
    border: none;
    color: var(--text-secondary2);
    font-size: 18px;
    cursor: pointer
}

.schedule__control .schedule__button:hover {
    color: var(--danger-color)
}

.checkbox__input {
    display: none
}

.checkbox__inner {
    width: 20px;
    height: 20px;
    border: 2px solid var(--card-border);
    background-color: var(--input-bg);
    border-radius: 6px;
    display: inline-block;
    position: relative;
    cursor: pointer
}

.checkbox__input:checked+.checkbox__inner .checkbox__tick {
    opacity: 1
}

.checkbox__tick {
    position: absolute;
    top: 1px;
    left: 5px;
    width: 6px;
    height: 12px;
    border: solid var(--accent-color);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .2s ease
}

@media (max-width: 768px) {
    .schedule__row_contains {
        flex-direction:column!important;
        align-items: center!important;
        padding: 10px!important;
        gap: 10px!important
    }

    .schedule__col {
        width: 100%!important;
        text-align: center!important
    }

    .checkbox {
        display: flex!important;
        justify-content: center!important;
        margin-bottom: 10px!important
    }

    .schedule__item {
        flex-direction: column!important;
        align-items: center!important;
        text-align: center!important
    }

    .schedule__preview img {
        width: 80px!important;
        height: auto!important;
        margin-bottom: 8px!important
    }

    .schedule__product a {
        font-size: 15px!important;
        font-weight: 600!important;
        display: block!important
    }

    .schedule__quantity_calc {
        display: flex!important;
        justify-content: center!important;
        margin-top: -3px!important;
        width: 100%!important
    }

    .cart_price_div {
        display: flex!important;
        flex-direction: column!important;
        align-items: center!important;
        gap: 6px!important;
        width: 100%!important
    }

    .schedule____price {
        text-align: center!important;
        font-size: 14px!important;
        width: 100%!important;
        margin-top: 4px!important
    }

    .schedule__price {
        font-size: 15px!important;
        font-weight: 600!important
    }

    .schedule__col_date {
        text-align: center!important;
        font-size: 13px!important;
        opacity: .9!important;
        margin-top: 4px!important
    }

    .schedule__control {
        display: flex!important;
        justify-content: center!important;
        margin-top: 12px!important;
        width: 100%!important
    }

    .cart_page .schedule__row .cart_price_div .schedule__col .schedule__price {
        width: inherit
    }

    .schedule__col_details {
        width: 100%!important
    }

    .schedule__control .schedule__button {
        margin-right: -27px
    }

    .schedule__product a {
        display: block!important;
        font-size: 16px!important;
        margin-top: 4px!important
    }

    .schedule__date {
        margin-top: 4px!important;
        font-size: 13px!important;
        text-align: center!important
    }
}

@media (max-width: 768px) {
    .popup__wrap {
        max-height:100vh!important;
        top: 0;
        transform: none!important;
        height: 100%!important;
        border-radius: 0!important
    }

    .popup {
        align-items: flex-start!important;
        justify-content: center!important;
        padding-top: 20px
    }

    .schedule__col_details .schedule__control {
        top: calc(85% + 6px)
    }
}

.panel {
    margin-top: 25px!important;
    width: 100%!important;
    background-color: var(--panel-bg)!important;
    border: 1px solid var(--panel-border)!important;
    box-shadow: 0 5px 25px rgba(0,0,0,.05)!important;
    padding: 20px!important;
    border-radius: 12px!important;
    display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;
    margin: 0
}

.panel__info {
    color: var(--panel-text);
    font-weight: 500;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px
}

.panel__info .icon {
    width: 20px;
    height: 20px;
    fill: var(--panel-text)
}

.panel__btns {
    display: flex;
    align-items: center;
    gap: 15px
}

.panel__btns .btn-confirm-cart,.panel__btns .cart-button {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 12px 22px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    text-decoration: none!important;
    border: none!important;
    color: #fff!important;
    cursor: pointer;
    transition: all .2s ease
}

.panel__btns .btn-confirm-cart:hover,.panel__btns .cart-button:hover {
    transform: translateY(-2px);
    opacity: .9
}

.panel__btns .btn-clear-cart {
    background-color: var(--btn-danger-bg)!important
}

.panel__btns .btn-confirm-cart {
    background: var(--accent-gradient)!important
}

.swal2-container.swal2-backdrop-show {
    background: rgba(0,0,0,.5)!important
}

.swal2-popup.swal2-modal {
    background: var(--modal-bg)!important;
    border: 1px solid var(--modal-border)!important;
    border-radius: 16px!important;
    box-shadow: 0 10px 40px rgba(0,0,0,.3)!important
}

.swal2-title {
    color: var(--modal-text-primary)!important;
    font-size: 22px!important;
    font-weight: 600!important
}

.swal2-html-container {
    color: var(--modal-text-secondary)!important;
    font-size: 16px!important
}

.swal2-actions {
    gap: 15px!important;
    margin-top: 25px!important
}

.swal2-styled {
    border: none!important;
    border-radius: 8px!important;
    padding: 12px 30px!important;
    font-weight: 600!important;
    box-shadow: none!important;
    transition: all .2s ease!important
}

.swal2-styled:focus {
    box-shadow: none!important
}

.swal2-styled:hover {
    transform: translateY(-2px);
    opacity: .9
}

.swal2-styled.swal2-confirm {
    background-color: var(--modal-btn-confirm-bg)!important;
    color: #fff!important
}

.swal2-styled.swal2-cancel {
    background-color: var(--modal-btn-cancel-bg)!important;
    color: var(--modal-btn-cancel-text)!important
}

.swal2-styled.swal2-cancel:hover {
    background-color: var(--modal-btn-cancel-hover-bg)!important
}

.modal-content {
    background-color: var(--modal-bg)!important;
    border: 1px solid var(--modal-border)!important;
    border-radius: 16px!important;
    box-shadow: 0 10px 40px rgba(0,0,0,.3)!important
}

.modal-header {
    border-bottom: 1px solid var(--modal-border)!important;
    padding: 15px 25px!important
}

.modal-header .modal-title {
    color: var(--text-primary)!important;
    font-size: 18px!important;
    font-weight: 600!important
}

.modal-header .btn-close,.modal-header .close {
    filter: var(--is-dark, invert(1))
}

body:not(.dark) {
    --is-dark: invert(0)
}

.modal-body {
    padding: 25px!important;
    color: var(--bs-body-bg)
}

.modal-body .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

.product-div {
    display: flex;
    align-items: center;
    gap: 15px
}

.product-div .primg {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    object-fit: cover
}

.cart-modal-name .category-name {
    display: block;
    font-size: 13px;
    color: var(--text-secondary)
}

.cart-modal-name .product-name {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary)
}

.cart-div {
    display: flex;
    gap: 10px
}

.cart-div .button.btn-primary {
    background: var(--accent-gradient)!important;
    color: #fff!important;
    border: none;
    padding: 10px 20px;
    border-radius: 8px
}

.cart-div .btn-grey {
    background: var(--btn-secondary-bg)!important;
    color: var(--text-secondary)!important;
    border: 1px solid var(--btn-secondary-border)!important;
    border-radius: 8px;
    padding: 10px 20px
}

.modal-body hr {
    border-color: var(--modal-border)!important;
    margin: 25px 0!important
}

.same-product-div h5 {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 20px
}

.same-product-div .product-list {
    gap: 15px
}

.same-product-div .product-item {
    background-color: var(--card-bg,#2a2d3a)!important;
    border: 1px solid var(--card-border,#3a3f5a)!important;
    border-radius: 10px!important;
    padding: 15px!important;
    transition: all .2s ease
}

.same-product-div .product-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 15px rgba(0,0,0,.2)
}

.same-product-div .product-item a {
    text-decoration: none
}

.same-product-div .product-info h6 {
    color: var(--text-primary)!important;
    font-size: 14px;
    margin: 10px 0
}

.same-product-div .product-price .price p {
    color: var(--accent-color)!important;
    font-weight: 600
}

.pro-card__preview {
    position: relative!important
}

.pro-card__cart-indicator {
    position: absolute!important;
    top: 12px;
    right: 12px;
    background-color: var(--status-success,#198754)!important;
    color: #fff!important;
    min-width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    padding: 0 5px;
    border: 2px solid var(--card-bg,#fff);
    z-index: 2
}

.pro-card__cart-indicator .fa-check {
    margin-right: 4px
}

.pro-card__cart-indicator .custom-cart-quantity[data-quantity="1"] {
    display: none
}

.pro-card__cart-indicator .custom-cart-quantity:not([data-quantity="1"])+.fa-check {
    display: none
}

.gmx-card {
    background: 0 0!important;
    padding: 20px!important;
    border-radius: 12px!important;
    border: 1px solid var(--nav-border-color,#3a3f5a)!important;
    margin-top: 30px
}

.gmx-card .card__head {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--card-border,#3a3f5a)
}

.gmx-card .card__title {
    font-size: 18px!important;
    font-weight: 600!important;
    color: var(--text-primary,#f0f0f0)!important
}

/*.custom-products-container.row {*/
/*    gap: 20px 0*/
/*}*/

/*.custom-product-card {*/
/*    background-color: var(--similar-card-bg)!important;*/
/*    border: 1px solid var(--similar-card-border)!important;*/
/*    border-radius: 12px!important;*/
/*    padding: 15px!important;*/
/*    transition: all .3s ease!important;*/
/*    display: flex!important;*/
/*    flex-direction: column!important*/
/*}*/

/*.custom-product-card:hover {*/
/*    transform: translateY(-5px);*/
/*    box-shadow: 0 8px 25px rgba(0,0,0,.2);*/
/*    border-color: var(--accent-color)*/
/*}*/

/*.custom-product-preview {*/
/*    aspect-ratio: 1/1;*/
/*    margin-bottom: 15px*/
/*}*/

/*.custom-product-image {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: contain*/
/*}*/

/*.custom-product-bottom {*/
/*    flex-grow: 1;*/
/*    display: flex;*/
/*    flex-direction: column*/
/*}*/

/*.custom-product-title a.custom-product-name {*/
/*    color: var(--similar-title-color)!important;*/
/*    font-size: 14px!important;*/
/*    font-weight: 500!important;*/
/*    text-decoration: none*/
/*}*/

/*.custom-product-line {*/
/*    margin-top: auto!important*/
/*}*/

/*.custom-product-price .price p.new {*/
/*    color: var(--similar-price-color)!important;*/
/*    font-weight: 600!important;*/
/*    font-size: 16px;*/
/*    margin-top: 10px*/
/*}*/

.modal-backdrop {
    position: static!important;
    background: 0 0!important;
    height: 0!important;
    display: none!important
}

body.modal-open {
    overflow: auto!important;
    padding-right: 0!important
}

.modal.show .modal-dialog {
    position: fixed!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    margin: 0!important;
    z-index: 9999;
    width: 100%
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate(-50%,-30%)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%)
    }
}

@media (max-width: 576px) {
    .modal.show .modal-dialog {
        width:95%!important;
        max-width: 95%!important
    }
}

.messages.active {
    display: flex!important;
    gap: 25px!important;
    background-color: var(--page-bg)!important;
    padding: 20px!important;
    border-radius: 16px!important;
    border: 1px solid var(--card-border)!important;
    height: 80vh!important
}

.messages__users {
    flex: 0 0 320px;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 12px;
    display: flex;
    flex-direction: column
}

.messages__nav {
    padding: 15px;
    border-bottom: 1px solid var(--card-border);
    background: 0!important
}

.messages__link {
    display: contents!important;
    padding: 10px 15px;
    border-radius: 8px;
    background: var(--input-bg)!important;
    color: var(--text-primary)!important;
    font-weight: 600;
    text-decoration: none;
    box-shadow: none!important
}

.messages__list {
    overflow-y: auto;
    padding: 10px
}

.messages__item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: background-color .2s ease
}

.messages__item a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%
}

.messages__item:hover {
    background-color: var(--input-bg)
}

.messages__item.active {
    background: var(--accent-gradient)!important
}

.messages__avatar img {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.messages__man {
    font-weight: 500;
    color: var(--text-primary)!important
}

.messages__item.active .messages__content,.messages__item.active .messages__man {
    color: #fff!important
}

.messages__content {
    font-size: 13px;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.messages__messenger {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background: var(--card-bg);
    border: 1px solid var(--card-border)!important;
    border-radius: 12px;
    overflow: hidden
}

.messenger__panel {
    padding: 15px 20px;
    border-bottom: 1px solid var(--card-border)
}

.messenger__line {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.messenger__man {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary)
}

.messenger__parameters {
    display: flex;
    gap: 20px;
    margin-top: 10px;
    font-size: 13px;
    color: var(--text-secondary)
}

.messenger__wrapper {
    flex-grow: 1;
    padding: 20px;
    overflow-y: auto
}

.messenger__item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    max-width: 80%
}

.messenger__details {
    padding: 12px 18px;
    border-radius: 12px
}

.messenger__item:not([align=right]) .messenger__details {
    background: var(--input-bg)
}

.messenger__item[align=right] {
    margin-left: auto;
    flex-direction: row-reverse
}

.messenger__item[align=right] .messenger__details {
    background: var(--accent-color);
    color: #fff
}

.messenger__item[align=right] .messenger__details * {
    color: #fff!important
}

.support_send_form {
    padding: 20px;
    border-top: 1px solid var(--card-border)
}

.messenger__input {
    width: 100%!important;
    min-height: 100px;
    background: var(--input-bg)!important;
    border: 1px solid var(--card-border)!important;
    color: var(--text-primary)!important;
    border-radius: 8px!important;
    padding: 12px!important
}

.messenger__send.mb-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px!important
}

.messenger__button {
    background: var(--accent-gradient);
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 600
}

@media (max-width: 992px) {
    .messages.active {
        flex-direction:column;
        height: auto;
        max-height: none
    }

    .messages__users {
        flex: 0 0 auto;
        max-height: 300px
    }

    .messages__messenger {
        height: 60vh
    }
}

.gms-stories-wrapper {
    padding: 10px 0;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none
}

.gms-stories-wrapper::-webkit-scrollbar {
    display: none
}

.gms-story-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 0 16px
}

.gms-story-item {
    width: 80px;
    flex-shrink: 0;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(255,255,255,.05);
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    transition: transform .3s ease,box-shadow .3s ease
}

.gms-story-item:hover {
    transform: scale(1.07);
    box-shadow: 0 0 0 3px var(--color-primary),0 4px 12px rgba(0,0,0,.2)
}

.gms-story-link {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.gms-story-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,rgba(13,110,253,.3),rgba(255,255,255,.05));
    z-index: 1;
    transition: background .3s ease
}

.gms-story-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    position: relative;
    border-radius: 50%;
    transition: opacity .2s ease
}

.gms-stories-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.gms-stories-wrapper::-webkit-scrollbar {
    display: none
}

.gms-story-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 0 16px
}

.gms-stories-wrapper {
    scroll-snap-type: x mandatory
}

.gms-story-item {
    scroll-snap-align: start
}

@media (max-width: 480px) {
    .gms-story-item {
        width:65px
    }
}

.modern-stories-container {
    padding: 20px 0
}

.stories-list {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 10px 15px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.stories-list::-webkit-scrollbar {
    display: none
}

.story-item-v2 {
    position: relative;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform .3s ease
}

.story-item-v2:hover {
    transform: scale(1.1)
}

.story-item-v2__border {
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient(45deg,var(--story-border-start),var(--story-border-end));
    animation: spin-border 4s linear infinite;
    transition: all .3s ease;
    pointer-events: none
}

.story-item-v2:hover .story-item-v2__border {
    transform: scale(1.05);
    animation-play-state: paused
}

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

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

.story-item-v2__image-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border: 3px solid var(--page-bg,#16181e);
    pointer-events: none
}

.story-item-v2__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 768px) {
    .story-item-v2 {
        width:70px;
        height: 70px
    }

    .stories-list {
        gap: 20px
    }
}

.item--box.ilanborder {
    background: var(--card-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 16px!important;
    padding: 20px!important;
    display: flex!important;
    flex-direction: column!important;
    transition: all .3s ease!important
}

.item--box.ilanborder:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,.2)
}

.item--box .head {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--card-border)
}

.item--box .head .image img {
    width: 55px!important;
    height: 55px!important;
    border-radius: 10px
}

.item--box .head .text h1 {
    font-size: 18px!important;
    font-weight: 600!important;
    color: var(--text-primary)!important
}

.item--box .body .row {
    justify-content: center
}

.item--box .body .btn-default.boxsh {
    background: 0 0!important;
    border: 1px solid var(--card-border)!important;
    color: var(--text-secondary)!important;
    border-radius: 8px!important;
    padding: 8px 5px!important;
    line-height: 1.4!important
}

.item--box .body .btn-default.boxsh b {
    color: var(--text-primary)
}

.icalan {
    border-top: 1px solid var(--card-border);
    margin-top: 15px;
    padding-top: 15px
}

.icalan img {
    width: 100%!important;
    max-width: 80px;
    margin: 0 auto 10px auto;
    display: block;
    border-radius: 8px
}

.icalan p {
    font-size: 13px;
    color: var(--text-secondary);
    text-align: center
}

#countdown1 {
    margin-top: 15px!important
}

#countdown1 .btn-default.boxsh {
    width: 60px
}

.item--box .body>.row:last-of-type {
    margin-top: 20px
}

.item--box .btn-success {
    background-color: var(--accent-green)!important;
    border: none!important
}

.item--box .btn-orange {
    background-color: var(--accent-orange)!important;
    border: none!important
}

.giveaway-card__actions {
    display: grid!important;
    grid-template-columns: 1fr 1fr!important;
    gap: 10px!important;
    margin-top: 20px!important
}

.giveaway-card__actions .action-button {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 12px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    text-decoration: none!important;
    border: 1px solid transparent!important;
    transition: all .2s ease!important
}

.giveaway-card__actions .action-button--primary {
    background: var(--btn-primary-bg)!important;
    color: #fff!important
}

.giveaway-card__actions .action-button--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--btn-primary-glow)
}

.giveaway-card__actions .action-button--primary:hover i {
    transform: translateX(3px)
}

.giveaway-card__actions .action-button--secondary {
    background: var(--btn-secondary-bg)!important;
    color: var(--btn-secondary-text)!important;
    border-color: var(--btn-secondary-border)!important
}

.giveaway-card__actions .action-button--secondary:hover {
    background-color: var(--btn-secondary-hover-bg)!important;
    color: var(--text-primary)!important
}

.giveaway-card__actions2 {
    display: grid!important;
    gap: 10px!important;
    margin-top: 20px!important
}

.giveaway-card__actions2 .action-button {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 12px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    text-decoration: none!important;
    border: 1px solid transparent!important;
    transition: all .2s ease!important
}

.giveaway-card__actions2 .action-button--primary {
    background: var(--btn-primary-bg)!important;
    color: #fff!important
}

.giveaway-card__actions2 .action-button--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--btn-primary-glow)
}

.giveaway-card__actions2 .action-button--primary:hover i {
    transform: translateX(3px)
}

.giveaway-card__actions2 .action-button--secondary {
    background: var(--btn-secondary-bg)!important;
    color: var(--btn-secondary-text)!important;
    border-color: var(--btn-secondary-border)!important
}

.giveaway-card__actions2 .action-button--secondary:hover {
    background-color: var(--btn-secondary-hover-bg)!important;
    color: var(--text-primary)!important
}

.giveaway-join-btn {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 10px!important;
    background: var(--accent-gradient)!important;
    color: #fff!important;
    padding: 12px 30px!important;
    border-radius: 10px!important;
    font-weight: 600!important;
    font-size: 16px!important;
    text-decoration: none!important;
    border: none!important;
    box-shadow: 0 5px 15px -5px var(--accent-glow)!important;
    transition: all .3s ease!important
}

.giveaway-join-btn:hover {
    transform: translateY(-3px) scale(1.05)!important;
    box-shadow: 0 8px 25px var(--accent-glow)!important;
    color: #fff!important
}

.giveaway-join-btn i {
    transition: transform .3s ease!important
}

.giveaway-join-btn:hover i {
    transform: rotate(-15deg)!important
}

.giveaway-participants-section {
    margin-top: 30px
}

.participants-section__title {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--section-border-color)
}

.participants-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    gap: 15px
}

.participant-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--participant-card-bg);
    padding: 12px 18px;
    border-radius: 8px;
    border: 1px solid var(--card-border)
}

.participant-card__name {
    color: var(--participant-text-primary);
    font-weight: 500;
    font-size: 15px
}

.participant-card__date {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--participant-text-secondary);
    font-size: 13px
}

.participants-section__empty {
    color: var(--text-secondary);
    padding: 20px;
    text-align: center;
    background-color: var(--card-bg);
    border-radius: 8px
}

.sidebar--area .search--area {
    background: var(--filter-card-bg)!important;
    border: 1px solid var(--filter-card-border)!important;
    border-radius: 12px!important;
    padding: 20px!important;
    margin-bottom: 25px
}

.sidebar--area .btn-orange {
    width: 100%;
    background: 0 0!important;
    border: none!important;
    color: var(--text-primary)!important;
    font-size: 16px!important;
    font-weight: 600!important;
    text-align: left;
    padding: 10px 0!important;
    border-bottom: 1px solid var(--filter-card-border);
    margin-bottom: 15px
}

.filter--inner .select--area label,.ilanlabela label {
    display: block;
    color: var(--text-secondary);
    font-size: 14px;
    margin-bottom: 8px
}

#katesearchinpt,.ilaninpc,.pr {
    background: var(--filter-input-bg)!important;
    border: 1px solid var(--filter-card-border)!important;
    color: var(--text-primary)!important;
    border-radius: 8px!important;
    padding: 12px 15px!important;
    width: 100%;
    height: auto!important
}

.form-check {
    display: flex;
    align-items: center;
    gap: 8px
}

.form-check-label {
    color: var(--text-secondary)
}

.price_filter .ui-slider {
    background: var(--filter-input-bg)!important;
    border-color: var(--filter-card-border)!important
}

.price_filter .ui-slider-range {
    background: var(--filter-accent)!important
}

.price_filter .ui-slider-handle {
    border-color: var(--filter-accent)!important
}

.price--filter {
    display: flex;
    gap: 10px
}

.price--filter .pr {
    text-align: center
}

.sidebar--area button[type=submit] {
    width: 100%!important;
    background: var(--accent-gradient)!important;
    color: #fff!important;
    border: none!important;
    border-radius: 8px!important;
    padding: 12px!important;
    font-weight: 600!important
}

.market-actions-panel {
    display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;
    background: var(--panel-bg)!important;
    border: 1px solid var(--panel-border)!important;
    border-radius: 12px!important;
    padding: 15px 20px!important;
    margin-bottom: 25px
}

.market-action-btn {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 10px 22px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    text-decoration: none!important;
    border: 1px solid transparent!important;
    transition: all .2s ease!important
}

.market-action-btn--primary {
    background: var(--accent-gradient)!important;
    color: #fff!important
}

.market-action-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px var(--accent-glow)
}

.market-action-btn--secondary {
    background: var(--input-bg)!important;
    color: var(--text-secondary)!important;
    border-color: var(--card-border)!important
}

.market-action-btn--secondary:hover {
    color: var(--text-primary)!important;
    border-color: var(--accent-color)!important
}

@media (max-width: 576px) {
    .market-actions-panel {
        flex-direction:column;
        gap: 15px
    }

    .market-action-btn {
        width: 100%
    }
}

.bazarcardspec {
    background: var(--card-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 16px!important;
    padding: 25px!important
}

.ilangenelbilgi {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.ilanozel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--input-bg);
    padding: 12px 18px;
    border-radius: 8px
}

.detail-row-left {
    color: var(--text-secondary);
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px
}

.detail-row-right {
    color: var(--text-primary);
    font-weight: 600
}

h2.text-center {
    font-size: 32px!important;
    font-weight: 700!important;
    color: var(--accent-orange)!important;
    margin: 25px 0!important
}

.btn.b-cstmb {
    background: var(--accent-gradient)!important;
    border: none!important;
    color: #fff!important;
    font-weight: 600!important;
    border-radius: 10px!important;
    padding: 12px 30px!important
}

.btn.btn-orange.border-circle {
    width: 100%;
    background: var(--input-bg)!important;
    color: var(--text-primary)!important;
    border: none!important;
    font-weight: 600!important
}

.verifycheck.checked {
    border-color: var(--status-success,#28a745);
    color: var(--status-success,#28a745)
}

.justify-content-center3 {
    background: var(--input-bg)!important;
    padding: 10px!important;
    color: var(--text-secondary)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap
}

.btn.btn-success2 {
    width: 100%;
    border: 1px solid var(--accent-color)!important;
    color: var(--accent-color)!important;
    background: 0 0!important
}

.btn.btn-success2:hover {
    background: var(--accent-color)!important;
    color: #fff!important
}

#pills-tab,.tabs {
    border-bottom: 1px solid var(--card-border)!important
}

#pills-tab .nav-link {
    color: var(--text-secondary)!important;
    border: none!important;
    border-bottom: 3px solid transparent!important;
    border-radius: 0!important
}

#pills-tab .nav-link.active {
    color: var(--accent-orange)!important;
    border-bottom-color: var(--accent-orange)!important;
    background: 0 0!important
}

#pills-tabContent {
    color: var(--text-secondary);
    padding-top: 20px
}

.col-xl-4 .cardgrbg {
    background-color: var(--seller-card-bg)!important;
    border: 1px solid var(--seller-card-border)!important;
    border-radius: 12px!important;
    padding: 20px!important;
    height: 100%!important;
    display: flex!important;
    flex-direction: column!important;
    gap: 15px!important
}

.card-body>a:first-child>.btn-orange {
    width: 100%;
    background: var(--input-bg)!important;
    color: var(--text-primary)!important;
    border: 1px solid var(--seller-card-border)!important;
    font-weight: 600!important;
    margin-bottom: 15px!important
}

.card-body>img {
    width: 50px!important;
    height: 50px!important;
    border-radius: 50%!important;
    float: left!important;
    margin-right: 15px!important;
    margin-top: 0!important
}

.card-body>a>h5 {
    color: var(--seller-text-primary)!important;
    margin-top: 5px!important;
    font-weight: 600
}

.user-online {
    background: var(--status-online)!important;
    color: #fff!important;
    font-size: 11px!important;
    padding: 3px 10px!important;
    border-radius: 20px!important;
    font-weight: 500
}

[style="clear:both"] {
    display: block!important
}

.saticiverfy {
    display: flex!important;
    gap: 10px;
    margin-top: 15px!important
}

.verifycheck {
    border: 1px solid var(--seller-card-border)!important
}

.cardgrbgsosyal {
    background-color: var(--share-bg)!important;
    border: 1px solid var(--share-border)!important;
    border-radius: 12px!important;
    margin-top: 20px!important
}

.cardgrbgsosyal .card-body {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 15px!important;
    padding: 8px!important
}

.card-body {
    padding: 0!important;
}

.cardgrbgsosyal h6 {
    color: var(--share-text)!important;
    font-weight: 600!important;
    font-size: 15px!important;
    margin: 0!important;
    padding-right: 15px;
    border-right: 1px solid var(--share-border)
}

.cardgrbgsosyal a {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: 40px;
    height: 40px;
    border-radius: 50%!important;
    background-color: transparent!important;
    color: var(--share-text)!important;
    font-size: 18px!important;
    text-decoration: none!important;
    transition: all .2s ease
}

.cardgrbgsosyal a:hover {
    background-color: var(--share-icon-hover-bg)!important;
    color: var(--share-icon-hover-text)!important;
    transform: translateY(-3px)
}

.ilan-public-room-head {
    color: var(--section-title-color)!important;
    font-size: 18px!important;
    font-weight: 600!important;
    padding-bottom: 15px!important;
    margin-bottom: 20px!important;
    border-bottom: 1px solid var(--section-border)!important
}

.ilan-public-room .alert {
    background-color: var(--empty-state-bg)!important;
    color: var(--empty-state-text)!important;
    border: 1px dashed var(--section-border)!important;
    border-radius: 10px!important;
    padding: 25px!important;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0!important
}

.info2 {
    background: var(--profile-card-bg)!important;
    border: 1px solid var(--profile-card-border)!important;
    border-radius: 16px!important;
    padding: 25px!important
}

.info2 img {
    width: 90px!important;
    height: 90px!important;
    border-radius: 50%!important;
    object-fit: cover!important
}

.info2 a h5 {
    color: var(--profile-text-primary)!important;
    font-size: 22px;
    font-weight: 600
}

.user-offline,.user-online {
    font-size: 13px;
    font-weight: 500
}

.user-online {
    color: var(--profile-status-online)
}

.user-offline {
    color: var(--profile-text-secondary)
}

.user-store-details {
    text-align: right!important;
    font-size: 14px;
    color: var(--profile-text-secondary)
}

.store-solds {
    display: flex;
    margin-top: 10px;
    justify-content: flex-end
}

.success-orders {
    color: var(--status-success,#28a745)
}

.failed-orders {
    color: var(--danger-color,#dc3545)
}

.profile-tabs {
    border-top: 1px solid var(--profile-card-border)!important;
    padding-top: 20px!important;
    margin-top: 20px!important;
    justify-content: center!important;
    gap: 10px
}

.profile-tab {
    background: var(--profile-tab-bg)!important;
    color: var(--profile-text-secondary)!important;
    border: none!important;
    border-radius: 8px!important;
    padding: 10px 20px!important;
    font-weight: 500;
    transition: all .2s ease
}

.profile-tab:hover {
    color: var(--profile-text-primary)!important
}

.profile-tab.active {
    background: var(--profile-tab-active-bg)!important;
    color: #fff!important;
    box-shadow: 0 4px 15px -5px var(--accent-color)
}

.product__details {
    background: var(--card-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 12px!important;
    padding: 30px!important
}

.product_breadcrumb {
    margin-bottom: 25px!important
}

.product__title.h4 {
    color: var(--text-primary)!important;
    font-size: 28px!important;
    font-weight: 700
}

.product__info {
    color: var(--text-secondary)!important;
    font-size: 16px;
    line-height: 1.6
}

.product__content {
    color: var(--text-secondary);
    line-height: 1.8;
    font-size: 16px
}

.product__content h2 {
    color: var(--text-primary);
    font-size: 22px;
    margin-top: 30px
}

.product__content ol,.product__content ul {
    padding-left: 20px
}

.product__content strong {
    color: var(--text-primary)
}

.product__content a {
    color: var(--accent-color)
}

.product__gallery {
    margin-top: 20px!important
}

.product__preview img {
    border-radius: 12px
}

.hit {
    margin-top: 40px!important;
    padding-top: 30px!important;
    border-top: 1px solid var(--card-border)!important
}

.hit__title {
    color: var(--text-primary)!important;
    font-size: 20px;
    font-weight: 600
}

.hit .summary {
    background: var(--page-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 10px;
    overflow: hidden
}

.hit .summary__title a {
    color: var(--text-primary)!important;
    text-decoration: none
}

.hit .summary__date {
    color: var(--text-secondary)
}

@media (max-width: 768px) {
    .product__title.h4 {
        font-size:24px!important
    }
}

.last_blog_slider {
    background-color: var(--slider-bg)!important;
    border: 1px solid var(--slider-border)!important;
    border-radius: 16px!important;
    padding: 20px!important;
    overflow: hidden;
    margin-bottom: 5px
}

#sync1 .item-blog-new {
    position: relative!important;
    aspect-ratio: 16/9;
    border-radius: 12px;
    overflow: hidden
}

#sync1 .blog_slider_img,#sync1 .blog_slider_img img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important
}

#sync1 .blog_slider_gradient {
    background: var(--slider-overlay-bg)!important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 20px 20px 20px
}

#sync1 .blog_slider_category a {
    display: inline-block;
    background-color: var(--accent-color)!important;
    color: #fff!important;
    padding: 5px 12px!important;
    border-radius: 20px!important;
    font-size: 13px!important;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 10px
}

#sync1 .blog_slider_title h2 {
    color: var(--slider-text-secondary)!important;
    font-size: 22px!important;
    font-weight: 600;
    text-shadow: 0 2px 5px rgba(0,0,0,.5)
}

.last_blog_slider_thumbnails {
    margin-top: 15px
}

#sync2 .item {
    padding: 4px;
    border-radius: 10px;
    border: 2px solid transparent;
    transition: border-color .3s ease
}

#sync2 .item img {
    border-radius: 8px!important;
    width: 100%!important;
    height: 80px!important;
    object-fit: cover
}

#sync2 .owl-item.current .item {
    border-color: var(--accent-color)!important
}

@media (max-width: 768px) {
    #sync1 .blog_slider_title h2 {
        font-size:18px!important
    }

    .last_blog_slider_thumbnails {
        display: none
    }
}

.card.promote {
    background: var(--card-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 16px!important;
    padding: 25px!important;
    margin-bottom: 5px
}

.card.promote .card__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--card-border)
}

.card.promote .card__title {
    color: var(--text-primary);
    font-size: 18px;
    font-weight: 600
}

.blog_viewer button {
    background: 0 0;
    border: 1px solid var(--card-border);
    color: var(--text-secondary);
    border-radius: 6px;
    padding: 5px 10px
}

.blog_viewer button.active {
    background: var(--accent-color);
    color: #fff;
    border-color: var(--accent-color)
}

.promote__list.blog_view_details {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.summary {
    display: flex;
    gap: 20px
}

.summary__preview {
    flex-shrink: 0;
    width: 150px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden
}

.summary__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.summary_details_box .summary__title a {
    color: var(--text-primary)!important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none
}

.summary_description p {
    color: var(--text-secondary);
    font-size: 14px
}

.summary_icons {
    display: flex;
    gap: 15px;
    margin-top: 10px;
    color: var(--text-secondary);
    font-size: 13px
}

.hit {
    margin-top: 30px
}

.hit .summary {
    flex-direction: column;
    gap: 10px
}

.hit .summary__preview {
    width: 100%;
    height: 150px
}

.hit .summary_details_box {
    display: none
}

.media {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--card-border)
}

.media__btns {
    display: flex;
    justify-content: center;
    gap: 15px
}

.media__button {
    display: inline-flex!important;
    align-items: center!important;
    gap: 8px!important;
    background: var(--social-btn-bg)!important;
    color: var(--social-btn-text)!important;
    padding: 10px 20px!important;
    border-radius: 8px!important;
    font-weight: 500;
    text-decoration: none!important;
    border: none!important
}

.media__button:hover {
    color: var(--accent-color)!important
}

@media (max-width: 768px) {
    .summary {
        flex-direction:column
    }

    .summary__preview {
        width: 100%;
        height: 180px
    }
}

.top-articles-card {
    background: var(--card-bg-glass)!important;
    border: 1px solid var(--card-border-glass)!important;
    border-radius: 12px!important;
    padding: 20px!important;
    height: 100%
}

.top-articles-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--card-border-glass)
}

.top-articles-card__header i {
    font-size: 18px;
    color: var(--accent-orange,#ff8c00)
}

.top-articles-card__title {
    font-size: 16px!important;
    font-weight: 600!important;
    color: var(--text-primary)!important;
    margin: 0!important
}

.top-articles-card__list {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.article-item {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none!important;
    padding: 10px;
    border-radius: 8px;
    transition: background-color .2s ease
}

.article-item:hover {
    background-color: var(--input-bg,#f8f9fa)
}

.article-item__image-wrapper {
    width: 65px;
    height: 65px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden
}

.article-item__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article-item__content {
    flex-grow: 1
}

.article-item__title {
    color: var(--text-primary)!important;
    font-size: 15px!important;
    font-weight: 500!important;
    line-height: 1.4!important;
    margin: 0 0 5px 0!important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.article-item__date {
    color: var(--text-secondary);
    font-size: 13px
}

.gamexfurset-wrapper {
    background: var(--component-bg);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 16px rgba(0,0,0,.1);
    transition: transform .3s ease,box-shadow .3s ease;
    display: flex;
    flex-direction: column
}

.gamexfurset-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0,0,0,.15)
}

.gamexfurset-active {
    border: 2px solid var(--accent-hover-color)
}

.gamexfurset-image {
    position: relative;
    padding: 10px;
    background: var(--card-bg);
    text-align: center
}

.gamexfurset-image img {
    max-width: 100%;
    border-radius: 8px;
    object-fit: cover
}

.gamexfurset-cart-count {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--status-success);
    color: #fff;
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 5px
}

.gamexfurset-controls {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.gamexfurset-add,.gamexfurset-view {
    background: var(--component-hover-bg);
    border: none;
    color: var(--text-value);
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: background .3s
}

.gamexfurset-add:hover,.gamexfurset-view:hover {
    background: var(--accent-hover-color);
    color: #fff
}

.gamexfurset-os-icons {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 10px
}

.gamexfurset-os-icon img {
    width: 20px;
    height: auto
}

.gamexfurset-content {
    padding: 15px 12px
}

.gamexfurset-title a {
    font-weight: 600;
    font-size: 15px;
    color: var(--text-value);
    text-decoration: none
}

.gamexfurset-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px
}

.gamexfurset-rating {
    color: gold;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px
}

.gamexfurset-pricing {
    text-align: right
}

.gamexfurset-old-price {
    font-size: 13px;
    color: #999;
    text-decoration: line-through
}

.gamexfurset-price {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-value)
}

@media (max-width: 768px) {
    .gamexfurset-wrapper {
        flex-direction:column
    }

    .gamexfurset-controls {
        flex-direction: column;
        gap: 8px
    }
}

.accordion.banka_havale {
    --bs-accordion-bg: transparent!important;
    --bs-accordion-border-color: var(--accordion-border)!important;
    --bs-accordion-btn-color: var(--accordion-text-primary)!important;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--accent-glow)!important;
    --bs-accordion-active-bg: var(--accordion-active-bg)!important;
    --bs-accordion-active-color: var(--accent-color)!important;
    --bs-accordion-btn-icon-transform: rotate(-90deg)
}

.accordion-item {
    background-color: var(--accordion-bg)!important;
    border: 1px solid var(--accordion-border)!important;
    border-radius: 12px!important;
    margin-bottom: 15px!important;
    overflow: hidden
}

.accordion-button {
    display: flex!important;
    align-items: center!important;
    gap: 15px!important;
    padding: 18px 20px!important;
    font-size: 16px!important;
    font-weight: 600!important
}

.accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 var(--accordion-border)!important
}

.accordion-button img {
    height: 32px;
    border-radius: 6px
}

.odeme-bank-card {
    background: 0 0!important;
    padding: 20px!important
}

.odeme-banka-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px
}

.odeme-info-label {
    color: var(--accordion-text-secondary);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 4px
}

.odeme-info-value {
    color: var(--accordion-text-primary);
    font-weight: 600;
    font-size: 15px;
    word-break: break-all
}

@media (max-width: 768px) {
    .odeme-banka-info-grid {
        grid-template-columns:1fr
    }
}

.odeme-bildir-content {
    background-color: var(--form-section-bg)!important;
    border: 1px solid var(--form-section-border)!important;
    border-radius: 12px!important;
    padding: 25px!important;
    margin-top: 20px!important;
    text-align: left!important
}

.odeme-btn-group {
    display: flex!important;
    gap: 15px!important;
    margin-bottom: 15px
}

.odeme-btn-primary,.odeme-btn-secondary {
    flex: 1;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    gap: 8px!important;
    padding: 10px 18px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    text-decoration: none!important;
    border: none!important;
    cursor: pointer;
    transition: all .2s ease!important
}

.odeme-btn-secondary {
    background-color: var(--form-btn-secondary-bg)!important;
    color: #fff!important
}

.odeme-btn-primary {
    background-color: var(--form-section-border)!important;
    color: var(--form-text-secondary)!important
}

.odeme-btn-primary:hover {
    color: var(--form-text-primary)!important
}

.odeme-aciklama {
    color: var(--form-text-secondary);
    font-size: 13px;
    text-align: center
}

.odeme-bildir-content .field {
    margin-bottom: 18px!important
}

.odeme-label {
    display: block;
    color: var(--form-text-secondary);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.odeme-input-wrap {
    position: relative
}

.odeme-input,.text_input {
    width: 100%!important;
    background: var(--form-input-bg)!important;
    border: 1px solid var(--form-section-border)!important;
    color: var(--form-text-primary)!important;
    border-radius: 8px!important;
    height: auto!important
}

.odeme-input[type=file] {
    padding: 10px!important
}

.text_input {
    font-weight: 600
}

.odeme-currency {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: var(--form-text-secondary)
}

@media (max-width: 576px) {
    .odeme-btn-group {
        flex-direction:column
    }
}

.btc_details_wallet {
    width: 100%!important;
    margin-top: 20px!important
}

.paymentMethod_service_Label {
    display: flex!important;
    align-items: center!important;
    gap: 15px!important;
    background-color: var(--alert-info-bg)!important;
    color: var(--alert-info-text)!important;
    border: 1px solid var(--alert-info-border)!important;
    padding: 18px 20px!important;
    border-radius: 12px!important;
    font-size: 15px!important;
    font-weight: 500!important;
    line-height: 1.6!important
}

.paymentMethod_service_Label::before {
    content: '\f058';
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 22px;
    opacity: .8
}

.popup__wrap {
    background: var(--popup-bg)!important;
    border: 1px solid var(--popup-border)!important;
    border-radius: 16px!important;
    box-shadow: 0 10px 40px rgba(0,0,0,.3)!important
}

.orderPopup_title {
    padding: 20px 25px!important;
    border-bottom: 1px solid var(--popup-border)!important;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.orderPopup_title span {
    color: var(--text-primary)!important;
    font-size: 18px!important;
    font-weight: 600!important
}

.popup__close {
    background: 0 0!important;
    border: none!important;
    font-size: 20px!important;
    color: var(--text-secondary)!important
}

.field {
    margin-bottom: 18px!important
}

.field label {
    display: block;
    color: var(--text-secondary)!important;
    font-size: 14px!important;
    font-weight: 500;
    margin-bottom: 8px
}

.field .field__input {
    width: 100%!important;
    background: var(--popup-input-bg)!important;
    border: 1px solid var(--popup-border)!important;
    color: var(--text-primary)!important;
    border-radius: 8px!important;
    padding: 12px 15px!important;
    height: auto!important
}

.field .row .col-md-4,.field .row .col-md-8 {
    padding: 0!important
}

.field .row {
    gap: 10px
}

#couponApply {
    background-color: var(--accent-color)!important;
    color: #fff!important;
    height: 48px!important;
    border: none!important
}

#order_complete_btn {
    width: 100%!important;
    background: var(--accent-gradient)!important;
    color: #fff!important;
    border: none!important;
    border-radius: 10px!important;
    padding: 14px!important;
    font-weight: 600;
    font-size: 16px;
    margin-top: 20px!important
}

.orders-page-container {
    background-color: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 30px;
    position: relative;
    overflow: hidden
}

.orders-page-container::after,.orders-page-container::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: 0
}

.orders-page-container::before {
    width: 400px;
    height: 400px;
    background: var(--bg-blur-1);
    top: -80px;
    left: -120px
}

.orders-page-container::after {
    width: 350px;
    height: 350px;
    background: var(--bg-blur-2);
    bottom: -100px;
    right: -100px
}

.orders-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
    position: relative;
    z-index: 1
}

.order-card {
    background: var(--component-bg);
    border: 1px solid var(--border-color);
    border-left-width: 4px;
    border-radius: 10px;
    padding: 20px;
    transition: all .3s ease
}

.order-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,.2)
}

.order-card.status-success {
    border-left-color: var(--status-success)
}

.order-card.status-danger {
    border-left-color: var(--status-danger)
}

.order-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color)
}

.product-title {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600
}

.order-id {
    color: var(--text-secondary);
    font-size: 13px
}

.status-badge {
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px
}

.status-success .status-badge {
    background-color: var(--status-success-bg);
    color: var(--status-success-text)
}

.status-danger .status-badge {
    background-color: var(--status-danger-bg);
    color: var(--status-danger-text)
}

.order-card__body {
    padding: 15px 0
}

.order-detail {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 8px 0
}

.detail-label {
    color: var(--text-secondary)
}

.detail-value {
    color: var(--text-primary);
    font-weight: 500
}

.order-card__footer {
    text-align: right
}

.details-button {
    background: var(--input-bg);
    color: var(--text-secondary);
    padding: 8px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all .2s ease
}

.order-card:hover .details-button {
    background: var(--accent-color);
    color: #fff
}

.details-button i {
    margin-left: 5px
}

@media (max-width: 992px) {
    .orders-grid {
        grid-template-columns:1fr
    }
}

.order-card.status-pending {
    border-left-color: var(--status-pending-text)!important
}

.order-card.status-process {
    border-left-color: var(--status-process-text)!important
}

.order-card.status-half {
    border-left-color: var(--status-half-text)!important
}

.status-pending .status-badge {
    background-color: var(--status-pending-bg)!important;
    color: var(--status-pending-text)!important
}

.status-process .status-badge {
    background-color: var(--status-process-bg)!important;
    color: var(--status-process-text)!important
}

.status-half .status-badge {
    background-color: var(--status-half-bg)!important;
    color: var(--status-half-text)!important
}

.modal-body .card.bg-primary {
    background-color: var(--modal-card-bg)!important;
    border: none!important;
    border-radius: 8px!important;
    padding: 15px!important
}

.modal-body .card.bg-primary small {
    font-size: 13px;
    color: var(--modal-text-secondary)!important;
    display: block;
    margin-bottom: 5px
}

.modal-body .card.bg-primary span {
    font-size: 15px;
    font-weight: 500;
    color: var(--modal-text-primary)!important
}

.modal-body .card.bg-primary span b {
    font-weight: 700
}

.modern-accordion {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.modern-accordion__item {
    background-color: var(--accordion-bg)!important;
    border: 1px solid var(--accordion-border)!important;
    border-radius: 12px!important;
    overflow: hidden;
    transition: all .3s ease
}

.modern-accordion__button {
    all: unset;
    display: flex!important;
    align-items: center!important;
    gap: 15px!important;
    width: 100%;
    padding: 18px 20px!important;
    font-size: 16px!important;
    font-weight: 600!important;
    color: var(--text-primary);
    cursor: pointer;
    transition: background-color .2s ease
}

.modern-accordion__button:hover {
    background-color: var(--accordion-hover-bg)
}

.modern-accordion__button[aria-expanded=true] {
    background-color: var(--accordion-hover-bg)
}

.bank-logo {
    height: 32px;
    border-radius: 6px
}

.accordion-arrow {
    margin-left: auto;
    transition: transform .3s ease
}

.modern-accordion__button[aria-expanded=true] .accordion-arrow {
    transform: rotate(-180deg)
}

.modern-accordion__body {
    padding: 25px;
    background-color: var(--accordion-body-bg);
    border-top: 1px solid var(--accordion-border)
}

.bank-details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px
}

.bank-detail-item {
    display: flex;
    flex-direction: column
}

.detail-item__label {
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 4px
}

.detail-item__value {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 15px
}

@media (max-width: 768px) {
    .bank-details-grid {
        grid-template-columns:1fr
    }
}

.bank-actions-group {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--accordion-border)
}

.action-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all .2s ease
}

.action-btn--secondary {
    background-color: var(--form-secondary-btn-bg)!important;
    color: #fff!important
}

.action-btn--primary-outline {
    background: 0 0!important;
    color: var(--form-outline-btn-text)!important;
    border: 1px solid var(--form-outline-btn-border)!important
}

.action-btn--primary-outline:hover {
    background: var(--input-bg)!important;
    color: var(--text-primary)!important
}

.form-info-text {
    color: var(--form-info-text);
    font-size: 13px;
    text-align: center;
    margin: 15px 0 0 0!important
}

.payment-notification-form {
    background-color: var(--page-bg)!important;
    border: 1px solid var(--accordion-border)!important;
    border-radius: 12px!important;
    padding: 25px!important;
    margin-top: 20px!important
}

.form-group {
    margin-bottom: 18px!important
}

.form-label {
    display: block;
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.form-input-file {
    width: 100%
}

.input-group-text {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.form-submit-btn {
    width: 100%!important;
    background: var(--accent-gradient)!important;
    color: #fff!important;
    border: none!important;
    border-radius: 10px!important;
    padding: 14px!important;
    font-weight: 600
}

.action-btn {
    position: relative;
    overflow: hidden
}

.action-btn i,.action-btn span {
    position: relative;
    z-index: 2
}

.action-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.modern-accordion__button {
    all: unset;
    display: flex!important;
    align-items: center!important;
    gap: 15px!important;
    width: 100%;
    padding: 18px 20px!important;
    font-size: 16px!important;
    font-weight: 600!important;
    color: var(--text-primary);
    cursor: pointer;
    transition: background-color .2s ease;
    position: relative
}

.modern-accordion__button:hover {
    background-color: var(--accordion-hover-bg)
}

.modern-accordion__button[aria-expanded=true] {
    background-color: var(--accordion-hover-bg)
}

.bank-logo {
    height: 32px;
    border-radius: 6px
}

.accordion-arrow {
    margin-left: auto;
    font-size: 14px;
    color: var(--text-secondary);
    transition: transform .3s ease
}

.modern-accordion__button[aria-expanded=true] .accordion-arrow {
    transform: rotate(-180deg)
}

.page__inner.category_page {
    background-color: var(--page-bg)!important;
    padding: 20px!important
}

.settings.cardek {
    background: var(--card-bg)!important;
    border: 1px solid var(--card-border)!important;
    border-radius: 16px!important;
    padding: 25px!important
}

.nav-tabs {
    background-color: var(--tab-bg)!important;
    border-radius: 10px!important;
    padding: 5px!important;
    border-bottom: none!important
}

.nav-tabs .nav-item .nav-link {
    color: var(--text-secondary)!important;
    border: none!important;
    border-radius: 8px!important;
    font-weight: 500
}

.nav-tabs .nav-link.active {
    background-color: var(--tab-active-bg)!important;
    color: var(--tab-active-text)!important;
    box-shadow: 0 4px 10px rgba(0,0,0,.1)
}

.settings__fieldset {
    padding-top: 20px
}

.field__label {
    color: var(--text-secondary);
    font-size: 14px;
    margin-bottom: 8px
}

.field__input {
    width: 100%!important;
    background: var(--input-bg)!important;
    border: 1px solid var(--card-border)!important;
    color: var(--text-primary)!important;
    border-radius: 8px!important;
    padding: 12px 15px!important;
    height: auto!important
}

.alert-success {
    background-color: var(--alert-success-bg)!important;
    color: var(--alert-success-text)!important;
    border-left: 4px solid var(--status-success,#28a745)!important;
    border-radius: 8px!important
}

.alert-success h4 {
    color: inherit!important
}

.filepond--root {
    font-family: inherit!important
}

.filepond--panel-root {
    background-color: var(--input-bg)!important
}

.settings__button {
    width: 100%!important;
    background: var(--accent-gradient)!important;
    color: #fff!important;
    border: none!important;
    border-radius: 10px!important;
    padding: 12px!important;
    font-weight: 600!important
}

@media (max-width: 768px) {
    .settings.cardek {
        padding:15px
    }

    .nav-tabs {
        flex-wrap: wrap
    }
}

.video-presentation-container {
    background-color: #1a1c23;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    border: 1px solid #2a2d3c;
    margin-top: 5px
}

.video-presentation-container .video-title {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #2a2d3c
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 8px
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.video-placeholder {
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden
}

@media (max-width: 576px) {
    .video-placeholder {
        aspect-ratio:38/9
    }
}

.video-placeholder .video-thumbnail {
    width: 100%;
    height: auto;
    display: block;
    transition: transform .3s ease
}

.video-placeholder:hover .video-thumbnail {
    transform: scale(1.05)
}

.play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70px;
    height: 70px;
    background-color: rgba(0,0,0,.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    transition: background-color .3s ease;
    pointer-events: none
}

.video-placeholder:hover .play-button-overlay {
    background-color: red
}

.video-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.85);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center
}

.video-lightbox-content {
    position: relative;
    width: 90%;
    max-width: 960px
}

.close-lightbox-button {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 35px;
    color: #fff;
    background: 0 0;
    border: none;
    cursor: pointer
}

.video-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background: #000
}

.video-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.category-image-link {
    width: 100%;
    display: inline-block;
    padding: 10px 0
}

.blur-image-placeholder {
    width: 100%;
    height: 200px;
    border-radius: 8px;
    background: linear-gradient(135deg,rgba(30,30,30,.6),rgba(50,50,50,.4));
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    border: 1px solid rgba(255,255,255,.05);
    position: relative
}

.blur-image-text {
    z-index: 1;
    padding: 0 10px
}

#cartModal {
    .text-header {
        color: black;
    }

    .text-header {
        /* color: white; */
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .modal-content {
        padding: 0rem;
        .modal-body {
            .top {
                justify-content: space-between;
                display: flex;
            }
        }
    }

    .product-div {
        display: flex;
        justify-content: space-between;
        img {
            max-width: 100px;
            padding: 5px;
            border-radius: 12px;
        }

        .cart-modal-name {
            display: flex;
            flex-direction: column;
            align-items: start;
            justify-content: center;
            margin-left: 1rem;
            color: var(--text);
            span.icon {
                color: #198754;
                font-size: 0.875rem;
                margin-bottom: 1rem;
            }

            span.category-name {
                font-size: 0.875rem;
                font-weight: 300;
            }

            span.product-name {
                font-size: 0.875rem;
                font-weight: 700;
            }
        }
    }

    .cart-div {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        a {
            width: 200px;
            height: 45px;
        }

        button {
        }
    }

    .same-product-div {
        .product-list {
            overflow: hidden;
            .product-item {
                width: calc(90% / 4);
                margin: 3px;
            }
        }
    }

    .btn-grey {
        background-color: #6c757d;
        color: #ffffff;
    }
}

@media screen and (max-width: 768px) {
    #cartModal .same-product-div {
        display: none;
    }
}

@media (max-width: 1024px) {
    #cartModal .same-product-div {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #cartModal .same-product-div {
        display: none;
    }
}

@media (max-width: 992px) {
    .modal-content .modal-body .same-product-div {
        display: none;
    }

    .top {
        flex-direction: column;
        justify-content: center !important;
        .cart-div {
            margin-top: 1rem;
            button {
                margin-top: 1rem;
            }
        }

        .product-div {
            justify-content: center !important;
        }
    }
}

.modal-header {
    border-bottom: 0px solid #dee2e6;
}

.skeleton-wrapper {
    position: relative !important;
    overflow: hidden !important;
}

.skeleton-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #313543;
    z-index: 2;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.skeleton-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background-image: linear-gradient( 90deg, rgba(50, 50, 50, 0) 0, rgba(255, 255, 255, 0.08) 30%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 70%, rgba(50, 50, 50, 0) 100% );
    z-index: 3;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.skeleton-wrapper .lazyload, .skeleton-wrapper .lazyloaded {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.skeleton-wrapper .lazyload {
    opacity: 0;
}

.skeleton-wrapper .lazyloaded {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.skeleton-wrapper:has(img.lazyloaded)::before, .skeleton-wrapper:has(img.lazyloaded)::after {
    opacity: 0;
    pointer-events: none;
    animation: none;
}

.story-item-v2__image-wrapper.skeleton-wrapper, .story-item-v2__image-wrapper.skeleton-wrapper::before {
    border-radius: 50% !important;
}

.card-image-wrapper.skeleton-wrapper, .card-image-wrapper.skeleton-wrapper::before {
    border-radius: 8px !important;
}

.game-showcase-card .card-image-wrapper.skeleton-wrapper, .game-showcase-card .card-image-wrapper.skeleton-wrapper::before {
    border-radius: 8px;
}

#smsActivation button svg {
    fill: white
}

span.btn.btn-primary {
    margin-top: 15px!important
}

.richText .richText-toolbar ul {
    display: none
}

.richText-toolbar {
    display: none
}

.editor__wrap .richText-editor {
    overflow-y: auto!important
}

.cart-update-button {
    height: auto;
    background: #f2f2f6;
    padding: 2px 5px 2px 5px;
    color: #000;
    margin-top: 10px!important;
    margin: 0 auto
}

.cart-page .schedule__col {
    width: 100%;
    height: 30px
}

.cart-page .schedule____price {
    top: -8px
}

.d-content {
    display: flex;
    align-items: center;
    width: 100%
}

.d-content .summary_price_box {
    margin: 0;
    width: 50%;
    margin-bottom: 10px
}

.d-content .product_order_card {
    margin-left: 1rem
}

.d-content .product_order_card .schedule__quantity {
    width: 180px
}

@media only screen and (max-width: 639px) {
    .d-content {
        flex-direction:column;
        width: 100%
    }

    .d-content .summary_price_box {
        width: 100%
    }

    .d-content .product_order_card {
        margin-left: 0;
        margin-top: 20px
    }

    .d-content .product_order_card .schedule__minus button,.d-content .product_order_card .schedule__plus button {
        width: 45px;
        height: 45px
    }
}

.cursor-pointer {
    cursor: pointer
}

.modal-xl .modal-content {
    height: calc(95vh)
}

@media only screen and (max-width: 767px) {
    .header {
        left:0;
        padding: 0
    }

    .shop__details {
        flex-direction: column
    }

    .xs-container {
        padding: 0 0!important
    }
}

.grid {
    display: grid
}

.category_list_box_img img {
    height: 70px;
    width: 200px;
    min-height: auto!important;
    border-radius: 15px
}

body.dark .background-dark {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #181a20;
    box-shadow: rgb(0 0 0 / 8%) 0 4px 16px
}

.background-dark {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: rgb(0 0 0 / 8%) 0 4px 16px
}

.newItem .product_card {
    width: auto!important
}

.newItem .summary__preview>img {
    height: auto!important;
    min-height: auto!important
}

@media (min-width: 640px) {
    .grid-cols-3 {
        grid-template-columns:repeat(3 ,minmax(0,1fr))
    }

    .gap0 {
        gap: 0
    }
}

@media (min-width: 1024px) {
    .grid-cols-4 {
        grid-template-columns:repeat(4 ,minmax(0,1fr))
    }

    .gap0 {
        gap: 0
    }
}

@media (min-width: 1440px) {
    .grid-cols-5 {
        grid-template-columns:repeat(5,minmax(0,1fr))
    }

    .gap0 {
        gap: 0
    }
}

@media (min-width: 1580px) {
    .gap0 {
        gap:0
    }

    .gap07 {
        gap: 1.5rem
    }

    .grid-cols-6 {
        grid-template-columns: repeat(7,minmax(0,1fr))
    }

    .container,.homeCard,.homeContainer,.page__container {
        max-width: 1400px!important
    }

    .header_top_navbar>.container {
        display: flex;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0
    }

    .container {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 10px
    }

    .header_top_menu .container {
        display: flex;
        align-items: left;
        padding: 0;
        max-width: 1400px;
        justify-content: flex-start
    }

    .page__container {
        max-width: 1400px
    }
}

.glide {
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.glide * {
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

.glide__slides,.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -ms-touch-action: pan-Y;
    touch-action: pan-Y;
    padding: 0;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide,.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows,.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__slides,.glide__track {
    overflow: visible
}

.glide__slide.big-spot-wrapper {
    opacity: .45;
    transition: opacity .45s
}

.glide__slide .big-spot__ribbon-position-wrapper {
    display: none
}

.glide__slide.glide__slide--active .big-spot__content {
    visibility: visible;
    opacity: 1;
    transition: visibility .75s,opacity .75s
}

.glide__slide.glide__slide--active.big-spot-wrapper {
    opacity: 1
}

.glide__slide.glide__slide--active .big-spot__ribbon-position-wrapper {
    display: block
}

.glide__slide.big-spot-wrapper.bs-will-be-active {
    opacity: 1
}

.glide__slide.big-spot-wrapper.bs-will-be-active .big-spot__content {
    visibility: visible;
    opacity: 1
}

.glide__slide.big-spot-wrapper.bs-will-be-active .big-spot__ribbon-position-wrapper {
    display: none
}

.glide__slide.big-spot-wrapper.bs-was-active {
    opacity: .45
}

.glide__slide.big-spot-wrapper.bs-was-active .big-spot__content {
    visibility: hidden;
    opacity: 0
}

.glide__slide .big-spot__content {
    visibility: hidden;
    opacity: 0;
    transition: visibility .75s,opacity .75s
}

.glide * {
    -moz-box-sizing: initial;
    box-sizing: initial
}

.glide>* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.big-spot__carousel-container {
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;
    height: 490px
}

.big-spot__carousel-items-wrapper {
    position: relative;
    height: 100%
}

.big-spot__carousel-item {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.big-spot__carousel-pages-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    height: 41px;
    width: 100%;
    text-align: center;
    white-space: nowrap
}

.carousel__page {
    display: inline-block;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto 5px;
    border-radius: 2px;
    width: 41px;
    height: 1px;
    cursor: pointer;
    background: var(--theme-section-pagination)
}

.carousel__page:after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 0;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 0 0;
    background: var(--theme-section-pagination);
    will-change: transform
}

.carousel__page:before {
    content: "";
    position: absolute;
    top: -15px;
    right: 0;
    bottom: -15px;
    left: 0
}

.carousel__arrow {
    position: absolute;
    cursor: pointer;
    fill: var(--theme-section-arrows);
    stroke: var(--theme-bg-primary)
}

.carousel__arrow:after {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px
}

.arrow-left {
    left: 8px;
    transform: scaleX(-1)
}

.arrow-right {
    right: 8px
}

.carousel__arrow-small {
    width: 13px;
    height: 13px
}

.glide__bullet--active {
    border: 1px solid var(--theme-section-pagination-active);
    height: 3px;
    background-color: transparent
}

.glide__bullet--active:after {
    transform: scaleX(1);
    background-color: var(--theme-section-pagination-active);
    transition: transform 4s ease-out
}

.big-spot__carousel-arrow-wrapper,.big-spots__arrows {
    display: none
}

.slide-hover {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer
}

.slide-hover--left {
    right: 50%
}

.slide-hover--right {
    left: 50%
}

@media (hover) {
    .big-spots-wrapper: hover .glide__bullet--active:after {
        transform:scaleX(0);
        transition: none
    }

    .slide-hover--left:hover,.slide-hover--left:hover~.slide-hover-container {
        transform: translate(24px)
    }

    .slide-hover--left:hover .big-spot-wrapper.bs-is-previous:not(.bs-will-be-active),.slide-hover--left:hover~.slide-hover-container .big-spot-wrapper.bs-is-previous:not(.bs-will-be-active) {
        opacity: .8
    }

    .slide-hover--left:hover~.slide-hover-container .slider-stays-in-place,.slide-hover--right:hover,.slide-hover--right:hover~.slide-hover-container {
        transform: translate(-24px)
    }

    .slide-hover--right:hover .big-spot-wrapper.bs-is-next:not(.bs-will-be-active),.slide-hover--right:hover~.slide-hover-container .big-spot-wrapper.bs-is-next:not(.bs-will-be-active) {
        opacity: .8
    }

    .slide-hover--right:hover~.slide-hover-container .slider-stays-in-place {
        transform: translate(24px)
    }

    .slide-hover-transition {
        transition: transform .3s
    }
}

@media (min-width: 768px) {
    .big-spot__carousel-container {
        height:490px
    }

    .arrow-left {
        margin-right: 16px
    }

    .arrow-right {
        margin-left: 16px
    }

    .carousel__arrow {
        position: relative
    }

    .big-spots__arrows {
        pointer-events: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        z-index: 1;
        left: 50%;
        width: 100%;
        height: 100%;
        padding: 0 1rem;
        transform: translateX(-50%);
        z-index: 9
    }

    .big-spots__arrow-wrapper {
        pointer-events: all;
        position: relative;
        cursor: pointer
    }

    .big-spots__arrow-wrapper:before {
        content: "";
        position: absolute;
        top: -5px;
        bottom: -5px;
        left: -5px;
        right: -5px
    }

    .big-spots__arrow-icon {
        width: 40px;
        height: 40px;
        color: #fff;
        border: none;
        border-radius: 100%;
        font-size: 40px;
        display: flex;
        justify-content: center;
        background: 0 0;
        align-items: center
    }

    /* transform: scaleX(-1) */
    .slide-hover {
        display: block
    }

    .slide-hover--left {
        margin-right: calc(.5 * 100vw - 16px)
    }

    .slide-hover--right {
        margin-left: calc(.5 * 100vw - 16px)
    }
}

@media (min-width: 1128px) {
    .slide-hover--left {
        margin-right:250px
    }
}

@media (min-width: 1324px) {
    .carousel__arrow-tap {
        display:none
    }

    .big-spot__carousel-arrow-wrapper {
        display: block;
        position: absolute;
        z-index: 2;
        top: calc(50% - 64px);
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .big-spot__carousel-arrow-wrapper:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 5px;
        right: -9px;
        width: 48px;
        height: 71px;
        background: rgba(0,0,0,.42)
    }

    .big-spot__carousel-arrow-wrapper:hover:after {
        background: rgba(26,26,26,.42)
    }

    .big-spot__carousel-arrow {
        position: relative;
        z-index: 2;
        top: 28px;
        width: 25px;
        height: 25px;
        fill: var(--theme-text-negative)
    }

    .big-spot__carousel-arrow-wrapper-left {
        left: -103px;
        transform: scaleX(-1)
    }

    .big-spot__carousel-arrow-wrapper-right {
        right: -103px
    }
}

@keyframes blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.glide>.glide__track,.glide__track>.glide__slides {
    margin-bottom: -10px;
    padding-bottom: 10px
}

.big-spot {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 3px;
    height: 100%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3)
}

.glide__slide {
    margin-left: 8px;
    width: calc(100% - 24px)
}

.big-spots-container {
    padding-bottom: 41px
}

.big-spot-height {
    height: 283px
}

.big-spot__gradient {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: linear-gradient(1deg,rgb(51 45 37 / 77%),rgb(51 45 37 / 46%) 30%,rgba(51,45,37,0) 50%);
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: filter .5s,opacity .5s;
    border-radius: 8px!important
}

.big-spot__background-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.big-spot__background {
    position: absolute;
    z-index: -2;
    left: 0;
    height: 100%;
    opacity: 1;
    will-change: transform;
    width: 100%;
    border-radius: 8px!important
}

.big-spot__background--animated {
    animation: zoomIn 50s forwards ease-out
}

.big-spot__background-source {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 8px!important
}

.big-spot__content {
    z-index: 1
}

.big-spot__body,.big-spot__container,.big-spot__content {
    position: relative;
    height: 100%
}

.big-spot__container {
    margin-right: 8px;
    margin-left: 8px
}

.big-spot__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.big-spot__logo-image {
    height: 161px
}

.big-spot__text {
    position: absolute;
    z-index: 1;
    bottom: 40px;
    width: 100%
}

.big-spot--dark .big-spot__price,.big-spot--dark .big-spot__title {
    color: #111
}

.big-spot--dark .big-spot__super-title {
    color: hsla(0,0%,7%,.5)
}

.big-spot--dark .big-spot__platforms-icon {
    fill: hsla(0,0%,7%,.5)
}

.big-spot--dark .big-spot__extra-info {
    color: #111
}

.big-spot--dark .big-spot__extra-info--secondary {
    color: hsla(0,0%,7%,.5)
}

.big-spot__title {
    padding-top: 16px;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 22px;
    text-align: left
}

.big-spot-wrapper--show-extra-info .big-spot__title {
    padding-top: 8px;
    padding-bottom: 24px
}

.big-spot__super-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: var(--theme-banners-text-secondary);
    font-weight: 600
}

.big-spot-wrapper--show-extra-info .big-spot__super-title {
    font-weight: 300
}

.big-spot__super-title-text {
    display: none
}

.big-spot__ribbon {
    margin-right: 8px
}

.big-spot-wrapper {
    position: relative
}

.big-spot__ribbon-position-wrapper {
    position: absolute;
    top: -7px;
    z-index: 2;
    left: 8px
}

.big-spot__ribbon-position-wrapper .big-spot__ribbon-wrapper {
    margin-left: 0
}

.big-spot__ribbon-wrapper {
    position: static
}

.big-spot .big-spot__ribbon-wrapper,.big-spot .big-spot__ribbon-wrapper * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.big-spot__action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    z-index: 1;
    bottom: 8px;
    right: 0;
    width: 100%;
    text-align: right;
    white-space: nowrap
}

.big-spot__action-left-side {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center
}

.big-spot__discount {
    display: inline-block;
    margin-right: 8px;
    border-radius: 3px;
    padding: 6px 8px;
    background-color: var(--theme-banners-accent);
    color: var(--theme-text-negative);
    font-weight: 700;
    font-size: 14px
}

.big-spot__discount--custom {
    margin-right: 0;
    background-color: transparent;
    color: var(--theme-banners-accent)
}

.big-spot__price {
    font-weight: 600;
    font-size: 18px;
    color: var(--theme-banners-text-primary)
}

.big-spot__button-content,.big-spot__price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.big-spot__button-content {
    position: relative
}

.big-spot__button {
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: var(--theme-button-shadow);
    min-height: 46px;
    color: var(--theme-button-primary-text);
    background: var(--theme-button-primary) padding-box,var(--theme-button-primary-border);
    border-top-color: var(--theme-button-primary-border-top);
    border-bottom-color: var(--theme-button-primary-border-bottom);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: auto;
    height: 32px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.big-spot__button:hover {
    background: var(--theme-button-primary-hover) padding-box,var(--theme-button-primary-hover-border);
    border-top-color: var(--theme-button-primary-hover-border-top)
}

.big-spot__button:active,.big-spot__button:hover {
    border-bottom-color: var(--theme-button-primary-hover-border-bottom)
}

.big-spot__button:active {
    background: var(--theme-button-primary-pressed) padding-box,var(--theme-button-primary-pressed-border);
    border-top-color: var(--theme-button-primary-pressed-border-top)
}

.big-spot__button:disabled {
    background: var(--theme-button-primary-disabled);
    border-color: var(--theme-button-primary-disabled-border)
}

.big-spot__button-redirecting .spinner-wrapper .spinner:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border-top: 3px solid hsla(0,0%,100%,.5);
    border-right: 3px solid #fff;
    width: 20px;
    height: 20px;
    animation: spin .5s linear infinite
}

.big-spot__button-redirecting .big-spot__button-text,.big-spot__button-redirecting .big-spot__in-cart-icon {
    visibility: hidden
}

.big-spot__button--custom {
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: var(--theme-button-shadow);
    color: var(--theme-button-accented-text);
    background: var(--theme-button-accented) padding-box,var(--theme-button-accented-border);
    border-top-color: var(--theme-button-accented-border-top);
    border-bottom-color: var(--theme-button-accented-border-bottom)
}

.big-spot__button--custom:hover {
    background: var(--theme-button-accented-hover) padding-box,var(--theme-button-accented-hover-border);
    border-top-color: var(--theme-button-accented-hover-border-top);
    border-bottom-color: var(--theme-button-accented-hover-border-bottom)
}

.big-spot__button--custom:active {
    background: var(--theme-button-accented-pressed) padding-box,var(--theme-button-accented-pressed-border);
    border-top-color: var(--theme-button-accented-pressed-border-top);
    border-bottom-color: var(--theme-button-accented-pressed-border-bottom)
}

.big-spot__button--custom:disabled {
    background: var(--theme-button-primary-disabled);
    border-color: var(--theme-button-accented-disabled-border)
}

.big-spot__button--custom .big-spot__button-content {
    padding: 0 10px
}

.big-spot__button--custom .big-spot__button-text {
    display: inline-block
}

.big-spot__add-to-cart-icon,.big-spot__in-cart-icon {
    margin: 0 8px;
    width: 14px;
    height: 14px;
    fill: var(--theme-button-primary-text)
}

.big-spot__button-text {
    margin-right: 8px;
    font-size: 14px;
    font-weight: 700
}

.big-spot__under-title {
    position: relative
}

.big-spot__platforms:nth-child(n) {
    display: inline-block;
    margin-right: 2px;
    margin-left: 8px
}

.big-spot__platforms-icon {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 12px;
    height: 13px;
    fill: var(--theme-banners-text-secondary)
}

.big-spot-wrapper--show-extra-info .big-spot__platforms-icon {
    width: 13px;
    height: 14px
}

.is-slider-not-initialized .glide__slide {
    width: calc(100vw - 24px);
    max-width: 1096px
}

.big-spots-header {
    margin-top: 16px
}

.big-spot__extra-info {
    font-size: 12px;
    line-height: 14px;
    color: var(--theme-banners-text-primary);
    margin-right: 8px
}

.big-spot__extra-info--secondary {
    color: var(--theme-banners-text-secondary)
}

@media (min-width: 375px) {
    .big-spot-height {
        height:382px
    }

    .big-spot__logo-image {
        height: auto
    }

    .big-spot__title {
        font-size: 20px;
        line-height: 25px
    }

    .big-spot__price {
        font-size: 22px
    }

    .big-spot__discount {
        font-size: 18px
    }

    .big-spot__button-text {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .big-spots-header {
        margin:16px auto;
        width: calc(100vw - 32px);
        max-width: 1096px
    }

    .big-spot {
        margin: 0 auto
    }

    .big-spot-height {
        height: 396px
    }

    .big-spot__logo {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -8px
    }

    .big-spot__platforms:nth-child(n) {
        margin-left: 0
    }

    .big-spot__text {
        bottom: 11px;
        margin-left: 8px;
        width: 50%
    }

    .big-spot__super-title {
        max-width: 80%;
        white-space: nowrap
    }

    .big-spot-wrapper--show-extra-info .big-spot__super-title {
        font-size: 16px
    }

    .big-spot__super-title-text {
        display: inline-block;
        margin-left: 14px
    }

    .big-spot__title {
        font-size: 22px;
        line-height: 36px;
        text-indent: -2px
    }

    .big-spot-wrapper--show-extra-info .big-spot__title {
        padding-bottom: 8px
    }

    .big-spot__ribbon-position-wrapper {
        left: 23px;
        top: -11px
    }

    .big-spot__ribbon-wrapper {
        margin-left: 0;
        border-radius: 2px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .big-spot__action {
        -ms-flex-pack: end;
        justify-content: flex-end;
        bottom: 16px;
        right: 8px;
        width: 50%
    }

    .big-spot--dark .big-spot__price {
        color: var(--theme-banners-text-primary)
    }

    .big-spot__price {
        margin-right: 24px;
        font-size: 22px
    }

    .big-spot__discount {
        font-size: 18px
    }

    .big-spot__button {
        height: 40px
    }

    .big-spot__add-to-cart-icon,.big-spot__in-cart-icon {
        margin-right: 8px;
        width: 16px;
        height: 16px
    }

    .big-spot__button-text {
        display: inline-block;
        font-size: 16px
    }

    .is-slider-not-initialized .glide__slide {
        width: calc(100vw - 2 * 32px)
    }

    .big-spot__extra-info {
        font-size: inherit
    }
}

@media (min-width: 1024px) {
    .big-spot__container {
        margin-right:auto;
        margin-left: auto
    }

    .big-spot__action {
        bottom: 32px;
        right: 32px;
        width: 45%
    }

    .big-spot__button {
        height: 49px
    }

    .big-spot__button-content {
        padding: 0 20px
    }

    .big-spot__button-text {
        font-size: 20px
    }

    .big-spot__discount,.big-spot__price {
        font-size: 28px
    }

    .big-spot__price {
        margin-right: 38px
    }

    .big-spot__discount {
        margin-right: 16px;
        padding: 10px 16px
    }

    .big-spot__discount:after {
        margin-left: 8px
    }

    .big-spot__add-to-cart-icon,.big-spot__in-cart-icon {
        width: 24px;
        height: 24px
    }

    .big-spot__title {
        font-size: 28px
    }

    .big-spot__text {
        bottom: 28px;
        left: 32px;
        margin-left: 0;
        width: 45%
    }
}

@media (min-width: 1152px) {
    .big-spot-wrapper {
        width:1096px
    }

    .big-spot-height {
        height: 420px
    }

    .big-spot__logo {
        top: 26px;
        margin-left: 0
    }
}

@media (max-width: 340px) {
    .big-spot__discount--custom {
        font-size:22px
    }
}

@media (min-width: 768px) {
    .glide__slide {
        width:calc(100vw - 2 * 32px)
    }

    .big-spots-container {
        position: relative
    }

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

    .is-slider-initialized .glide__slide:first-child {
        margin-left: 0
    }

    .is-slider-initialized .glide__slide:last-child {
        margin-right: 0
    }

    .is-slider-not-initialized .glide__slide {
        -ms-flex-order: 2
    }

    .is-slider-not-initialized .glide__slide:last-child {
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0
    }
}

@media (min-width: 1128px) {
    .big-spot-wrapper {
        width:1096px
    }

    .is-slider-not-initialized .glide__slide {
        width: calc(100vw - 16px)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.25)
    }
}

.slider_container {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9
}

.slider_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.5rem 2rem
}

.slider_title {
    font-size: 1.8rem;
    font-weight: 500
}

.slider_footer_right {
    display: flex
}

.slider_discount {
    display: inline-block;
    margin-right: 8px;
    border-radius: 7px;
    padding: 5px 5px;
    background-color: #b5e4ca;
    color: #1a1d1f;
    font-weight: 700;
    font-size: 24px;
    display: flex
}

.slider_button {
    border: 1px solid transparent;
    background: #fff;
    color: #2a85ff!important;
    height: 48px;
    padding: 0 20px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    display: flex;
    align-items: center;
    padding: 0 1.2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,.15);
    height: 50px!important
}

.slider_platform_icon img.summary_category_icon_item_normal {
    display: none!important
}

.slider_platform_icon img.summary_category_icon_item_white {
    display: block!important
}

.slider_platform_icon img {
    height: 12px;
    padding: 0 4px
}

.slider_platforms {
    display: flex
}

.slider_platform_icon {
    margin-right: .5rem;
    display: flex;
    align-items: center
}

@media(max-width: 720px) {
    .slider_price {
        font-size:1.2rem;
        padding-right: 0
    }

    .slider_footer_start {
        display: flex;
        align-items: center
    }

    .slider_footer_end {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .slider_discount {
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 35px;
        padding: 0 9px;
        margin-right: 6px
    }

    .slider_footer_right {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-right: .7rem;
        width: 100%
    }

    .slider_buttons {
        width: 100%
    }

    .slider_buttons a {
        width: auto;
        display: inline-flex;
        margin-top: .5rem;
        height: 35px;
        margin-top: 0
    }

    .slider_title {
        font-size: 1.1rem;
        width: 93%
    }

    .slider_footer {
        flex-direction: column;
        padding: 1rem .5rem;
        align-items: flex-start;
        margin-top: .5rem;
        margin-bottom: .5rem
    }
}

.big-spots-container .owl-carousel .owl-nav {
    position: absolute;
    top: calc(50% - 20px);
    margin: 0;
    width: 100%
}

.big-spots-container .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -30px;
    z-index: 9999;
    background: 0 0!important;
    color: #8f8f8f!important;
    font-size: 28px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center
}

.big-spots-container .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -30px;
    z-index: 9999;
    background: 0 0!important;
    color: #8f8f8f!important;
    font-size: 28px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center
}

.user_wallet {
    background: #3e4143f7;
    font-weight: 300
}

.owl-dots {
    margin-bottom: 15px
}

.owl-carousel .owl-item,.owl-carousel .owl-item .item {
    border-radius: 8px!important
}

.slider_type_2 {
    display: grid;
    grid-column-gap: 1.25rem;
    grid-template-columns: 1.444fr 6.5fr 1.444fr
}

.slider_type_2 .owl-carousel,.slider_type_3 .owl-carousel,.slider_type_4 .owl-carousel {
    overflow: hidden
}

.slider_left,.slider_right {
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
    border-radius: .625rem;
    overflow: hidden;
    display: block;
    display: block;
    transition: transform .3s
}

.slider_left img,.slider_right img {
    width: 100%;
    height: 100%;
    border-radius: .625rem
}

.slider_left {
    margin-right: 1.5rem
}

.slider_right {
    margin-left: 1.5rem
}

.slider_type_3,.slider_type_4 {
    display: flex
}

.slider_type_2 .owl-carousel,.slider_type_3 .owl-carousel,.slider_type_4 .owl-carousel {
    border-radius: .625rem
}

.slider_type_2 .owl-carousel .big-spot__gradient,.slider_type_3 .owl-carousel .big-spot__gradient,.slider_type_4 .owl-carousel .big-spot__gradient {
    border-radius: .625rem!important
}

.slider_type_2 .owl-carousel .big-spot__background,.slider_type_3 .owl-carousel .big-spot__background,.slider_type_4 .owl-carousel .big-spot__background {
    border-radius: .625rem!important
}

.slider_right .slider_mobile_img {
    display: none
}

.slider_left .slider_mobile_img {
    display: none
}

@media(max-width: 768px) {
    .slider_type_2,.slider_type_3,.slider_type_4 {
        flex-direction:column;
        display: flex;
        height: auto
    }

    .slider_right .slider_mobile_img {
        display: block
    }

    .slider_left .slider_mobile_img {
        display: block
    }

    .slider_right .slider_desktop_img {
        display: none
    }

    .slider_left .slider_desktop_img {
        display: none
    }

    .slider_type_2 .slider_left img,.slider_type_2 .slider_right img,.slider_type_3 .slider_left img,.slider_type_3 .slider_right img,.slider_type_4 .slider_left img,.slider_type_4 .slider_right img {
        height: auto!important
    }

    .slider_type_2 .owl-carousel,.slider_type_3 .owl-carousel,.slider_type_4 .owl-carousel {
        order: 2;
        height: 382px;
        margin: 1rem 0
    }

    .slider_type_2 .slider_left,.slider_type_3 .slider_left,.slider_type_4 .slider_left {
        order: 1;
        margin: 0
    }

    .slider_type_2 .slider_right,.slider_type_3 .slider_right,.slider_type_4 .slider_right {
        order: 3;
        margin: 0
    }
}