:root {
    --color-white: #fff;
    --color-black: #000;
    --color-dark-gray: #333;
    --color-grey: #e0e0e0;
    --color-form-elements-border: #9e9e9e;
    --color-form-elements-border-hover: #212121;
    --color-disabled-text: #bfbfbf;
    --color-disabled-background: #e9e7e7;
    --color-disabled-border: #f0f0f0;
    --color-form-field: #f1f1f1;
    --color-border: #d7d7d7;
    --box-shadow-1: 0 1px 3px rgba(var(--color-black-rgb)/12%),0 1px 2px rgba(var(--color-black-rgb)/24%);
    --box-shadow-2: 0 3px 6px rgba(var(--color-black-rgb)/16%),0 3px 6px rgba(var(--color-black-rgb)/23%);
    --box-shadow-3: 0 10px 20px rgba(var(--color-black-rgb)/19%),0 6px 6px rgba(var(--color-black-rgb)/23%);
    --box-shadow-4: 0 14px 28px rgba(var(--color-black-rgb)/25%),0 10px 10px rgba(var(--color-black-rgb)/22%);
    --box-shadow-5: 0 19px 38px rgba(var(--color-black-rgb)/30%),0 15px 12px rgba(var(--color-black-rgb)/22%);
    --zindex-1: 1000;
    --zindex-2: 1100;
    --zindex-3: 1200;
    --zindex-4: 1300;
    --zindex-5: 1400;
    --z-index-top: 1401;
    --zindex-6: 1500;
    --zindex-7: 1600;
    --zindex-8: 1700;
    --zindex-9: 1800;
    --zindex-10: 1900;
    --backdrop-light: rgba(var(--color-white-rgb)/60%);
    --backdrop-dark: rgba(var(--color-black-rgb)/32%);
    --color-white-rgb: 255 255 255;
    --color-black-rgb: 0 0 0;
    --radius-base: .8rem;
    --radius-large: calc(var(--radius-base)*2);
    --radius-pill: calc(var(--radius-base)*25);
    --radius-round: 50%;
    --star-rating: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 45' overflow='visible' xml:space='preserve'%3E%3Cpath fill='none' d='M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23666666' d='M7.5,17.5l-1.3,3L5.9,21L5.4,21l-3.2,0.4l2.4,2.4l0.4,0.4l-0.1,0.5l-0.6,3.3L7,26.5l0.5-0.3L8,26.5l2.8,1.6 l-0.6-3.3l-0.1-0.5l0.4-0.4l2.4-2.4L9.6,21L9.1,21l-0.2-0.5L7.5,17.5 M7.5,15l2.3,5l5.3,0.7l-3.9,3.8l1,5.5l-4.6-2.7L2.9,30l1-5.5 L0,20.7L5.3,20L7.5,15z'/%3E%3Cpath fill='%23FEB42B' d='M2.9,15l4.6-2.7l4.6,2.7l-1-5.5L15,5.7L9.8,5L7.5,0L5.3,5L0,5.7l3.9,3.8L2.9,15z M12.2,35.4L9.8,35l-2.3-5 l-2.3,5L0,35.7l0,0l0,0l3.9,3.8l-1,5.5l0,0v0l4.6-2.7l4.6,2.7v0l0,0l-0.4-2.2l-0.6-3.2l2.4-2.4l1.4-1.4l0,0l0,0L12.2,35.4z M10.4,38.8l-0.4,0.4l0.1,0.5l0.6,3.3L8,41.5l-0.5-0.3v-8.7l1.3,3L9.1,36L9.6,36l3.2,0.4L10.4,38.8z'/%3E%3C/svg%3E");
    --color-success: #007b23;
    --color-success-light: #e5f1e8;
    --color-danger: #da1e28;
    --color-warning: #f59d27;
    --color-info: #8dcafc;
    --color-light: #d4e5ff;
    --color-dark: #333;
    --color-link: #06f;
    --color-grey: #666;
    --color-grey-light: #f7f7f7;
    --font-family-primary: 'Roboto',sans-serif;
    --font-size-base: 1.6rem;
    --line-height-large: 2;
    --line-height-base: 1.5;
    --line-height-small: 1.25;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --gutter-base: 1.6rem
}

html {
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--font-family-primary);
    font-size: 62.5%;
    line-height: var(--line-height-base)
}

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

body {
    margin: 0;
    color: var(--color-body-color);
    background: var(--color-body-background);
    padding-top: 0;
    font-size: var(--font-size-base);
    overflow: auto;
    overflow: overlay
}

.sk-tabs.sk-vertical .sk-menu nav ul {
    scrollbar-width: none
}

    .sk-tabs.sk-vertical .sk-menu nav ul:hover {
        scrollbar-width: thin
    }

@media(max-width:1024px) {
    .sk-tabs.sk-vertical.sk-mobile-horizontal {
        flex-direction: column
    }

        .sk-tabs.sk-vertical.sk-mobile-horizontal .sk-menu, .sk-tabs.sk-vertical.sk-mobile-horizontal .sk-menu nav ul {
            flex-direction: row
        }

        .sk-tabs.sk-vertical.sk-mobile-horizontal .sk-menu {
            border-bottom: .1rem solid var(--color-border);
            border-right: 0
        }

            .sk-tabs.sk-vertical.sk-mobile-horizontal .sk-menu nav ul {
                width: 100%;
                overflow-y: hidden;
                overflow-x: auto;
                overflow-x: overlay
            }

            .sk-tabs.sk-vertical.sk-mobile-horizontal .sk-menu li {
                height: 4.8rem
            }

            .sk-tabs.sk-vertical.sk-mobile-horizontal .sk-menu .sk-menu-indicator::before {
                border-left: 0;
                border-top: .2rem solid currentColor;
                height: 0;
                width: 100%
            }
}

a {
    color: var(--color-link);
    text-decoration: none
}

ul {
    padding: 0;
    margin: 0;
    list-style: none
}

b, strong {
    font-weight: var(--font-weight-bold,bolder)
}

blockquote {
    margin: 0 0 calc(var(--base-font-size)*.0625);
    font-size: calc(var(--base-font-size)*.125)
}

figure {
    margin: 0;
    border-radius: inherit
}

img, picture, video, canvas, svg {
    border: 0;
    display: block;
    max-width: 100%
}

figure img, figure .sk-icons {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%
}

p {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    margin-top: 0;
    margin-bottom: var(--gutter-base)
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: var(--line-height-base);
    margin: 0
}

button, input {
    overflow: visible;
    outline: 0
}

button, select {
    text-transform: none;
    outline: 0;
    border: 0
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

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

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

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

input[type=number] {
    -moz-appearance: textfield
}

input:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 30px var(--color-white) inset !important
}

input:autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 30px var(--color-white) inset !important
}

.sk-data-table {
    width: 100%;
    overflow-x: auto;
    overflow-x: overlay;
    font-size: 1.4rem
}

.flat-table table {
    margin: 0;
    --table-header-background: none;
    --table-border-width: 0
}

.flat-table tr:last-child td {
    border: 0
}

table {
    --table-border-width: .1rem;
    --table-header-background: #f6f8fc;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0
}

    table th {
        background: var(--table-header-background);
        color: var(--color-dark)
    }

    table td {
        color: var(--color-dark)
    }

    table td, table th {
        border: var(--table-border-width) solid var(--color-border);
        text-align: left;
        border-bottom: .1rem solid var(--color-border);
        padding: 1rem
    }

*::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    width: 5px;
    height: 0;
    border-radius: 13px;
    background-clip: padding-box
}

*::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px;
    color: transparent
}

*:hover::-webkit-scrollbar-thumb {
    color: rgba(0,0,0,.3)
}

* {
    scrollbar-color: rgba(0,0,0,.3) rgba(0,0,0,.1);
    scrollbar-width: thin
}

@media(max-width:768px) {
    *::-webkit-scrollbar {
        display: none
    }
}

body {
    padding: env(safe-area-inset-top,20px) env(safe-area-inset-right,20px) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,20px)
}

h1, h2, h3, h4, h5, h6, .sk-h1, .sk-h2, .sk-h3, .sk-h4, .sk-h5, .sk-h6 {
    margin-top: 0;
    font-weight: var(--font-weight-bold,700);
    line-height: 1.2
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: var(--gutter-base)
}

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

h1, .sk-h1 {
    font-size: 3.2rem
}

h2, .sk-h2 {
    font-size: 2.6rem
}

h3, .sk-h3 {
    font-size: 2.2rem
}

h4, .sk-h4 {
    font-size: 2rem
}

h5, .sk-h5 {
    font-size: 1.8rem
}

h6, .sk-h6 {
    font-size: var(--font-size-base,1.6rem)
}

@media(max-width:768px) {
    h1, .sk-h1 {
        font-size: 2.6rem
    }

    h2, .sk-h2 {
        font-size: 2.4rem
    }

    .sk-display-1 {
        font-size: 5.6rem
    }

    .sk-display-2 {
        font-size: 5.2rem
    }
}

.sk-display-1, .sk-display-2, .sk-display-3, .sk-display-4, .sk-display-5, .sk-display-6 {
    font-weight: var(--font-weight-medium,500)
}

.sk-display-1 {
    font-size: 6.2rem
}

.sk-display-2 {
    font-size: 5.6rem
}

.sk-display-3 {
    font-size: 5.2rem
}

.sk-display-4 {
    font-size: 5rem
}

.sk-display-5 {
    font-size: 4.8rem
}

.sk-display-6 {
    font-size: 4.6rem
}

.sk-lead {
    font-size: 2rem;
    font-size: calc(var(--font-size-base)*1.25);
    font-weight: var(--font-weight-regular,400)
}

small, .sk-small {
    font-size: 1.3rem
}

.sk-description-text {
    color: var(--color-text-muted);
    display: block
}

:root {
    --gutter-xsmall: calc(var(--gutter-base)*.25);
    --gutter-small: calc(var(--gutter-base)*.5);
    --gutter-large: calc(var(--gutter-base)*1.5);
    --gutter-xlarge: calc(var(--gutter-base)*3)
}

.sk-primary {
    color: var(--color-primary)
}

.sk-secondary {
    color: var(--color-secondary)
}

.sk-success {
    color: var(--color-success)
}

.sk-danger {
    color: var(--color-danger)
}

.sk-warning {
    color: var(--color-warning)
}

.sk-info {
    color: var(--color-info)
}

.sk-light {
    color: var(--color-light)
}

.sk-dark {
    color: var(--color-dark)
}

.sk-link {
    color: var(--color-link)
}

.sk-grey {
    color: var(--color-grey)
}

.sk-text-muted {
    color: var(--color-text-muted)
}

.sk-white {
    background-color: var(--color-white)
}

.sk-flex-align-start {
    align-items: flex-start !important
}

.sk-flex-align-end {
    align-items: flex-end !important
}

.sk-flex-align-center {
    align-items: center !important
}

.sk-flex-no-wrap {
    flex-wrap: nowrap !important
}

.sk-flex {
    display: flex !important
}

.sk-flex-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap
}

    .sk-flex-row.sk-no-wrap {
        flex-wrap: nowrap
    }

.sk-flex.align-center {
    align-items: center
}

.sk-flex-direction-row {
    flex-direction: row
}

.sk-flex-direction-column, .sk-flex-column {
    flex-direction: column
}

.sk-flex-justify-start {
    justify-content: flex-start !important
}

.sk-flex-justify-end {
    justify-content: flex-end !important
}

.sk-flex-justify-center {
    justify-content: center !important
}

.sk-flex-justify-between {
    justify-content: space-between !important
}

.sk-flex-justify-around {
    justify-content: space-around !important
}

.sk-flex-justify-evenly {
    justify-content: space-evenly !important
}

.sk-flex-align-start {
    align-items: flex-start !important
}

.sk-flex-align-end {
    align-items: flex-end !important
}

.sk-flex-align-center {
    align-items: center !important
}

.sk-flex-wrap {
    flex-wrap: wrap !important
}

.sk-flex-no-wrap {
    flex-wrap: nowrap !important
}

.sk-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important
}

.sk-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

    .sk-line-clamp.sk-line-2 {
        -webkit-line-clamp: 2
    }

    .sk-line-clamp.sk-line-3 {
        -webkit-line-clamp: 3
    }

    .sk-line-clamp.sk-line-4 {
        -webkit-line-clamp: 4
    }

.sk-text-start {
    text-align: left !important
}

.sk-text-center {
    text-align: center !important
}

.sk-text-end {
    text-align: right !important;
    margin-left: auto
}

.sk-text-nowrap {
    white-space: nowrap !important
}

.sk-text-break-word {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.sk-text-lowercase {
    text-transform: lowercase !important
}

.sk-text-uppercase {
    text-transform: uppercase !important
}

.sk-text-capitalize {
    text-transform: capitalize !important
}

.sk-line-through {
    text-decoration: line-through !important
}

.sk-underline {
    text-decoration: underline !important
}

.sk-hide {
    display: none !important
}

.sk-show {
    display: block !important
}

.sk-error-text {
    color: var(--color-danger)
}

.sk-success-text {
    color: var(--color-success)
}

.sk-neutral-text {
    color: var(--color-warning)
}

.sk-line-height-large {
    line-height: var(--line-height-large) !important
}

.sk-line-height-small {
    line-height: var(--line-height-small) !important
}

.sk-rupee:before {
    content: "₹";
    font-family: Arial,Helvetica,sans-serif;
    font-weight: var(--font-normal);
    font-size: 100%
}

.sk-required {
    color: var(--color-primary) !important
}

.sk-stretched-link {
    color: var(--color-link)
}

    .sk-stretched-link.sk-light {
        color: var(--color-text-muted)
    }

.sk-divider {
    border-bottom: .1rem solid rgb(var(--color-black-rgb)/15%);
    margin: var(--gutter-base) 0
}

.sk-divider-vertical {
    border-right: .1rem solid var(--color-border);
    margin: 0 var(--gutter-small);
    min-height: 100%
}

.no-scroll, .sk-disabled-scroll {
    overflow: hidden
}

.sk-disabled {
    opacity: .4;
    pointer-events: none
}

.sk-backdrop {
    content: '';
    position: fixed;
    background: var(--backdrop-dark);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    animation: fadeIn .4s cubic-bezier(.4,0,.2,1)
}

.sk-persistent .sk-backdrop {
    pointer-events: none
}

.sk-clickable, .sk-chat-list .sk-card {
    cursor: pointer
}

@media(min-width:768px) {
    .sk-web-hide {
        display: none !important
    }
}

@media(max-width:768px) {
    .sk-mobile-hide {
        display: none !important
    }
}

@media(max-width:992px) {
    .sk-x-scroll {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory
    }

        .sk-x-scroll * {
            white-space: normal
        }
}

.sk-padding-0 {
    padding: 0 !important
}

.sk-padding-top-0 {
    padding-top: 0 !important
}

.sk-padding-bottom-0 {
    padding-bottom: 0 !important
}

.sk-padding-xsmall {
    padding: var(--gutter-xsmall) !important
}

.sk-padding-small {
    padding: var(--gutter-small) !important
}

.sk-padding {
    padding: var(--gutter-base) !important
}

.sk-padding-large {
    padding: var(--gutter-large) !important
}

.sk-padding-xlarge {
    padding: var(--gutter-xlarge) !important
}

.sk-padding-start-0 {
    padding-left: 0 !important
}

.sk-padding-end-0 {
    padding-right: 0 !important
}

.sk-padding-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.sk-padding-x-xsmall {
    padding-right: var(--gutter-xsmall) !important;
    padding-left: var(--gutter-xsmall) !important
}

.sk-padding-x-small {
    padding-right: var(--gutter-small) !important;
    padding-left: var(--gutter-small) !important
}

.sk-padding-x {
    padding-right: var(--gutter-base) !important;
    padding-left: var(--gutter-base) !important
}

.sk-padding-x-large {
    padding-right: var(--gutter-large) !important;
    padding-left: var(--gutter-large) !important
}

.sk-padding-x-xlarge {
    padding-right: var(--gutter-xlarge) !important;
    padding-left: var(--gutter-xlarge) !important
}

.sk-padding-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.sk-padding-y-xsmall {
    padding-top: var(--gutter-xsmall) !important;
    padding-bottom: var(--gutter-xsmall) !important
}

.sk-padding-y-small {
    padding-top: var(--gutter-small) !important;
    padding-bottom: var(--gutter-small) !important
}

.sk-padding-y {
    padding-top: var(--gutter-base) !important;
    padding-bottom: var(--gutter-base) !important
}

.sk-padding-y-large {
    padding-top: var(--gutter-large) !important;
    padding-bottom: var(--gutter-large) !important
}

.sk-padding-y-xlarge {
    padding-top: var(--gutter-xlarge) !important;
    padding-bottom: var(--gutter-xlarge) !important
}

.sk-padding-top-xsmall {
    padding-top: var(--gutter-xsmall) !important
}

.sk-padding-top-small {
    padding-top: var(--gutter-small) !important
}

.sk-padding-top {
    padding-top: var(--gutter-base) !important
}

.sk-padding-top-large {
    padding-top: var(--gutter-large) !important
}

.sk-padding-top-xlarge {
    padding-top: var(--gutter-xlarge) !important
}

.sk-padding-bottom-xsmall {
    padding-bottom: var(--gutter-xsmall) !important
}

.sk-padding-bottom-small {
    padding-bottom: var(--gutter-small) !important
}

.sk-padding-bottom {
    padding-bottom: var(--gutter-base) !important
}

.sk-padding-bottom-large {
    padding-bottom: var(--gutter-large) !important
}

.sk-padding-bottom-xlarge {
    padding-bottom: var(--gutter-xlarge) !important
}

.sk-margin-start-auto {
    margin-left: auto !important
}

.sk-margin-end-auto {
    margin-right: auto !important
}

.sk-margin-start-0 {
    margin-left: 0 !important
}

.sk-margin-end-0 {
    margin-right: 0 !important
}

.sk-margin-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.sk-margin-x-xsmall {
    margin-right: var(--gutter-xsmall) !important;
    margin-left: var(--gutter-xsmall) !important
}

.sk-margin-x-small {
    margin-right: var(--gutter-small) !important;
    margin-left: var(--gutter-small) !important
}

.sk-margin-x {
    margin-right: var(--gutter-base) !important;
    margin-left: var(--gutter-base) !important
}

.sk-margin-x-large {
    margin-right: var(--gutter-large) !important;
    margin-left: var(--gutter-large) !important
}

.sk-margin-x-xlarge {
    margin-right: var(--gutter-xlarge) !important;
    margin-left: var(--gutter-xlarge) !important
}

.sk-margin-top-0 {
    margin-top: 0 !important
}

.sk-margin-bottom-0 {
    margin-bottom: 0 !important
}

.sk-margin-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.sk-margin-y-xsmall {
    margin-top: var(--gutter-xsmall) !important;
    margin-bottom: var(--gutter-xsmall) !important
}

.sk-margin-y-small {
    margin-top: var(--gutter-small) !important;
    margin-bottom: var(--gutter-small) !important
}

.sk-margin-y {
    margin-top: var(--gutter-base) !important;
    margin-bottom: var(--gutter-base) !important
}

.sk-margin-y-large {
    margin-top: var(--gutter-large) !important;
    margin-bottom: var(--gutter-large) !important
}

.sk-margin-y-xlarge {
    margin-top: var(--gutter-xlarge) !important;
    margin-bottom: var(--gutter-xlarge) !important
}

.sk-margin-top-xsmall {
    margin-top: var(--gutter-xsmall) !important
}

.sk-margin-top-small {
    margin-top: var(--gutter-small) !important
}

.sk-margin-top {
    margin-top: var(--gutter-base) !important
}

.sk-margin-top-large {
    margin-top: var(--gutter-large) !important
}

.sk-margin-top-xlarge {
    margin-top: var(--gutter-xlarge) !important
}

.sk-margin-bottom-xsmall {
    margin-bottom: var(--gutter-xsmall) !important
}

.sk-margin-bottom-small {
    margin-bottom: var(--gutter-small) !important
}

.sk-margin-bottom {
    margin-bottom: var(--gutter-base) !important
}

.sk-margin-bottom-large {
    margin-bottom: var(--gutter-large) !important
}

.sk-margin-bottom-xlarge {
    margin-bottom: var(--gutter-xlarge) !important
}

.sk-radius-x-0 {
    border-radius: 0 !important
}

.sk-radius {
    border-radius: var(--radius-base) !important
}

.sk-radius-large {
    border-radius: var(--radius-large) !important
}

.sk-radius-pill {
    border-radius: var(--radius-pill) !important
}

.sk-radius-round {
    border-radius: var(--radius-round) !important
}

.sk-elevation-0 {
    box-shadow: none !important
}

.sk-elevation-1 {
    box-shadow: var(--box-shadow-1) !important
}

.sk-elevation-2 {
    box-shadow: var(--box-shadow-2) !important
}

.sk-elevation-3 {
    box-shadow: var(--box-shadow-3) !important
}

.sk-elevation-4 {
    box-shadow: var(--box-shadow-4) !important
}

.sk-elevation-5 {
    box-shadow: var(--box-shadow-5) !important
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.sk-appbar {
    background-color: var(--color-white);
    width: 100%;
    display: flex;
    align-items: center;
    height: 5.6rem;
    border-bottom: .1rem solid var(--color-border);
    z-index: var(--zindex-3)
}

.sk-appbar-shadow {
    box-shadow: 0 0 .5rem 0 #bbb
}

.sk-appbar.sk-appbar-fixed {
    top: 0;
    position: sticky
}

.sk-appbar-row, .sk-title-bar {
    display: flex;
    width: 100%;
    align-items: center
}

.sk-title-bar {
    margin: var(--gutter-base) 0;
    height: 4rem
}

.sk-appbar-section, .sk-title-bar-section {
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto
}

.sk-appbar-align-start, .sk-title-bar-start {
    justify-content: flex-start
}

.sk-appbar-align-end {
    gap: 1rem
}

    .sk-appbar-align-end .sk-overflow-menu {
        display: flex
    }

.sk-appbar-align-end, .sk-title-bar-end {
    justify-content: flex-end
}

.sk-appbar .sk-h4 {
    font-size: 2rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0
}

.sk-title-bar .sk-title-bar-start {
    overflow: hidden;
    flex-wrap: wrap
}

    .sk-title-bar .sk-title-bar-start .sk-title {
        font-weight: var(--font-weight-bold);
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        flex-shrink: 0
    }

    .sk-title-bar .sk-title-bar-start .sk-sub-head:not(:empty) {
        font-size: 1.4rem;
        margin-top: .5rem;
        display: block;
        font-weight: normal;
        color: var(--color-text-muted);
        width: 100%;
        line-height: 120%
    }

.sk-title-bar .sk-title-bar-section .sk-button {
    white-space: nowrap
}

.sk-appbar-section.sk-appbar-align-start .sk-button + .sk-h4 {
    padding-left: 0
}

.sk-appbar-section.sk-appbar-align-start .sk-h4:first-child:not(:empty) {
    padding-left: var(--gutter-base)
}

.sk-appbar-logo {
    margin: 0 var(--gutter-base)
}

.sk-appbar .sk-logo svg {
    max-width: 7.5rem;
    margin-left: 1.2rem
}

.sk-appbar-logo img {
    object-fit: contain
}

@media(min-width:768px) {
    .sk-appbar {
        height: 6.4rem;
        padding: 0 var(--gutter-base)
    }

    .sk-appbar-logo {
        margin: 0 var(--gutter-base) 0 0
    }
}

@media(max-width:768px) {
    .sk-appbar {
        height: 5.6rem
    }
}

.sk-sticky {
    position: sticky !important
}

.sk-sticky-top-3 {
    top: 10.5rem;
    z-index: var(--zindex-1)
}

.sk-sticky-top-2 {
    top: 5.6rem;
    z-index: var(--zindex-2)
}

.sk-sticky-top-1 {
    top: 0;
    z-index: 10
}

@media(min-width:768px) {
    .sk-sticky-top-2 {
        top: 6.4rem
    }

    .sk-sticky-top-3 {
        top: 11.3rem
    }
}

.sk-empty-state {
    position: relative;
    display: none
}

    .sk-empty-state.sk-empty-state-bg {
        background-color: var(--color-white)
    }

.sk-overlay-content {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0,0,0,.82);
    color: var(--color-white);
    padding: 1.5rem
}

.sk-card .sk-overlay-content {
    border-radius: var(--radius-base)
}

.sk-empty-state .sk-empty-inner, .sk-overlay-content .sk-overlay-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    width: 100%
}

.sk-empty-state .sk-empty-inner {
    height: revert
}

@media(min-width:576px) {
    .sk-container {
        width: 100%;
        max-width: 132rem
    }
}

.sk-container, .sk-container-fluid {
    width: 100%;
    margin: 0 auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

.sk-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.2rem;
    margin-left: -1.2rem
}

[class^=sk-col-], [class^=sk-col] {
    position: relative;
    width: 100%;
    min-height: .1rem;
    padding-right: 1.2rem;
    padding-left: 1.2rem
}

.sk-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.sk-col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.sk-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.sk-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.sk-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.sk-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.sk-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.sk-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.sk-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.sk-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.sk-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.sk-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.sk-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.sk-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media(max-width:768px) {
    .sk-col-fluid {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.sk-loader {
    display: none;
    z-index: var(--zindex-7)
}

    .sk-loader .sk-loader-inner {
        height: 100%;
        width: 100%;
        z-index: 1;
        display: flex;
        align-items: center
    }

    .sk-loader.sk-loader-center .sk-loader-inner {
        justify-content: center
    }

.sk-loader-surface:after, .sk-loader-cover:after {
    content: '';
    background: rgba(var(--color-white-rgb)/70%);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: -1
}

.sk-loader.sk-loader-surface {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .sk-loader.sk-loader-surface .sk-loader-inner {
        justify-content: center
    }

.sk-loader.sk-loader-cover {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999
}

    .sk-loader.sk-loader-cover:after {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: -1
    }

    .sk-loader.sk-loader-cover .sk-loader-inner {
        justify-content: center
    }

.sk-loader.sk-loader-dark.sk-loader-cover:after {
    background: var(--backdrop-dark)
}

@keyframes sprocess-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sprocess-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes sprocess-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes sprocess-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes sprocess-color {
    100%,0% {
        stroke: #e53935
    }

    40% {
        stroke: #ff8a00
    }

    50% {
        stroke: #0050c8
    }

    90% {
        stroke: #157b11
    }
}

@-webkit-keyframes sprocess-color {
    100%,0% {
        stroke: #e53935
    }

    40% {
        stroke: #ff8a00
    }

    50% {
        stroke: #0050c8
    }

    90% {
        stroke: #157b11
    }
}

@keyframes sprocess-light-color {
    0% {
        stroke: var(--color-white)
    }

    100% {
        stroke: var(--color-white)
    }
}

@keyframes sprocess-dark-color {
    0% {
        stroke: var(--color-dark-1)
    }

    100% {
        stroke: var(--color-dark-1)
    }
}

.sk-loader-small .sk-loader-inner {
    margin-top: 1rem
}

.sk-spinner-loader {
    position: relative;
    width: 5rem;
    height: 5rem
}

.sk-loader-large .sk-spinner-loader {
    width: 6.4rem;
    height: 6.4rem
}

.sk-loader-small .sk-spinner-loader {
    width: 3.6rem;
    height: 3.6rem
}

.sk-spinner-loader .sk-circular {
    animation: sprocess-rotate 2s linear infinite;
    -webkit-animation: sprocess-rotate 2s linear infinite;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.sk-spinner-loader .sk-path {
    stroke-dasharray: 89,200;
    stroke-dashoffset: 0;
    animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-color 3s ease-in-out infinite;
    -webkit-animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-color 3s ease-in-out infinite;
    stroke-linecap: round;
    stroke-width: 3;
    stroke-miterlimit: 10
}

.sk-loader-light .sk-spinner-loader .sk-path {
    animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-light-color 3s ease-in-out infinite;
    -webkit-animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-light-color 3s ease-in-out infinite
}

.sk-loader-dark .sk-spinner-loader .sk-path {
    animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-dark-color 3s ease-in-out infinite;
    -webkit-animation: sprocess-dash 1.5s ease-in-out infinite,sprocess-dark-color 3s ease-in-out infinite
}

.sk-spinner-loader .sk-loader-image {
    padding: .5rem;
    border-radius: 2rem;
    background: var(--white)
}

@keyframes dotLoaderColor {
    0% {
        background-color: rgba(229,57,53,.8)
    }

    50%,100% {
        background-color: rgba(249,183,43,.8)
    }
}

@keyframes dotLoaderLight {
    0% {
        background-color: rgba(255,255,255,1)
    }

    50%,100% {
        background-color: rgba(255,255,255,.5)
    }
}

@keyframes dotLoaderDark {
    0% {
        background-color: rgba(51,51,51,1)
    }

    50%,100% {
        background-color: rgba(51,51,51,.5)
    }
}

.sk-dot-loader {
    position: relative;
    animation: dotLoaderColor 1s infinite linear alternate;
    animation-delay: .5s
}

    .sk-dot-loader, .sk-dot-loader::before, .sk-dot-loader::after {
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        background-color: rgba(249,183,43,.8);
        color: rgba(249,183,43,.8)
    }

.sk-loader-large .sk-dot-loader, .sk-loader-large .sk-dot-loader::before, .sk-loader-large .sk-dot-loader::after {
    width: 1.6rem;
    height: 1.6rem
}

.sk-loader-small .sk-dot-loader, .sk-loader-small .sk-dot-loader::before, .sk-loader-small .sk-dot-loader::after {
    width: .8rem;
    height: .8rem
}

.sk-dot-loader::before, .sk-dot-loader::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0
}

.sk-dot-loader::before {
    left: 3.8rem;
    animation: dotLoaderColor 1s infinite alternate;
    animation-delay: 0s
}

.sk-loader-large .sk-dot-loader::before {
    left: -2.2rem
}

.sk-loader-small .sk-dot-loader::before {
    left: 2.8rem
}

.sk-dot-loader::after {
    left: 1.8rem;
    animation: dotLoaderColor 1s infinite alternate;
    animation-delay: 1s
}

.sk-loader-large .sk-dot-loader::after {
    left: 2.2rem
}

.sk-loader-small .sk-dot-loader::after {
    left: 1.4rem
}

.sk-loader-light .sk-dot-loader {
    animation-name: dotLoaderLight;
    background-color: rgba(255,255,255,.5);
    color: rgba(255,255,255,.5)
}

    .sk-loader-light .sk-dot-loader::before, .sk-loader-light .sk-dot-loader::after {
        animation-name: dotLoaderLight;
        background-color: rgba(255,255,255,.5);
        color: rgba(255,255,255,.5)
    }

.sk-loader-dark .sk-dot-loader {
    animation-name: dotLoaderDark;
    background-color: rgba(51,51,51,.5);
    color: rgba(51,51,51,.5)
}

    .sk-loader-dark .sk-dot-loader::before, .sk-loader-dark .sk-dot-loader::after {
        animation-name: dotLoaderDark;
        background-color: rgba(51,51,51,.5);
        color: rgba(51,51,51,.5)
    }

.sk-button-group {
    display: flex;
    gap: 1rem
}

    .sk-button-group.sk-inline .sk-button {
        flex-shrink: 1
    }

    .sk-button-group.sk-block {
        flex-wrap: wrap
    }

        .sk-button-group.sk-inline, .sk-button-group.sk-inline .sk-button, .sk-button-group.sk-block, .sk-button.sk-block, .sk-button-group.sk-block .sk-button {
            width: 100%
        }

button, .sk-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: var(--radius-base);
    user-select: none;
    font-weight: var(--font-weight-medium,medium);
    overflow: visible;
    position: relative;
    font-size: var(--font-size-base);
    background-color: var(--color-white);
    border: .1rem solid transparent;
    color: var(--color-body-color);
    line-height: 1.5;
    font-size: 1.4rem;
    text-transform: capitalize;
    height: 3.8rem;
    min-width: 6.4rem;
    padding: 0 var(--gutter-base);
    flex-shrink: 0
}

    .sk-button:hover {
        box-shadow: var(--box-shadow-1)
    }

    .sk-button.sk-primary, .sk-badge.sk-primary, .sk-card.sk-primary {
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-on-primary)
    }

    .sk-button.sk-secondary, .sk-badge.sk-secondary, .sk-card.sk-secondary {
        background: var(--color-secondary);
        border-color: var(--color-secondary);
        color: var(--color-on-secondary)
    }

    .sk-button.sk-light, .sk-badge.sk-light, .sk-card.sk-light {
        background: var(--color-light);
        border-color: var(--color-light);
        color: var(--color-dark)
    }

    .sk-button.sk-dark, .sk-badge.sk-dark, .sk-card.sk-dark {
        background: var(--color-dark);
        border-color: var(--color-dark);
        color: var(--color-white)
    }

    .sk-button.sk-link, .sk-badge.sk-link, .sk-card.sk-link {
        background: var(--color-link);
        border-color: var(--color-link);
        color: var(--color-white)
    }

    .sk-button.sk-success, .sk-badge.sk-success, .sk-card.sk-success {
        background: var(--color-success);
        border-color: var(--color-success);
        color: var(--color-white)
    }

    .sk-button.sk-danger, .sk-badge.sk-danger, .sk-card.sk-danger {
        background: var(--color-danger);
        border-color: var(--color-danger);
        color: var(--color-white)
    }

    .sk-button.sk-warning, .sk-badge.sk-warning, .sk-card.sk-warning {
        background: var(--color-warning);
        border-color: var(--color-warning);
        color: var(--color-white)
    }

    .sk-button.sk-info, .sk-badge.sk-info, .sk-card.sk-info {
        background: var(--color-info);
        border-color: var(--color-info);
        color: var(--color-white)
    }

    .sk-button.sk-grey, .sk-badge.sk-grey, .sk-card.sk-grey {
        background: var(--color-grey);
        border-color: var(--color-grey);
        color: var(--color-body-color)
    }

    .sk-button.sk-semi-disabled {
        opacity: .5;
        pointer-events: none
    }

    .sk-button .sk-icons {
        fill: currentColor
    }

    .sk-button.sk-rounded {
        border-radius: 2.8rem
    }

    .sk-button.sk-disabled, .sk-button:disabled {
        opacity: .5;
        pointer-events: none;
        cursor: not-allowed;
        color: rgba(var(--color-black-rgb)/46%) !important;
        background-color: rgba(var(--color-black-rgb)/12%) !important;
        border-color: rgba(var(--color-black-rgb)/12%) !important
    }

    .sk-button[class*="-outline"].sk-disabled, .sk-button[class*="-outline"]:disabled {
        border: .1rem solid rgba(var(--color-black-rgb)/26%) !important
    }

    .sk-button[class*="-no-border"].sk-disabled, .sk-button[class*="-no-border"]:disabled {
        background: none !important
    }

    .sk-button[class*="-text"].sk-disabled, .sk-button[class*="-text"]:disabled {
        background-color: transparent !important
    }

    .sk-button.sk-round.sk-disabled .sk-icons, .sk-button.sk-round:disabled .sk-icons {
        fill: rgba(var(--color-black-rgb)/46%) !important
    }

    .sk-button.sk-shadow {
        box-shadow: var(--box-shadow-1)
    }

    .sk-button.sk-no-shadow:hover {
        box-shadow: none
    }

    .sk-button[class*="-outline"] {
        border-color: currentColor
    }

    .sk-button.sk-primary-outline {
        color: var(--color-primary)
    }

    .sk-button.sk-secondary-outline {
        color: var(--color-secondary)
    }

    .sk-button.sk-light-outline {
        border: .1rem solid var(--color-light);
        color: var(--color-dark)
    }

    .sk-button.sk-dark-outline {
        color: var(--color-dark)
    }

    .sk-button.sk-link-outline {
        color: var(--color-link)
    }

    .sk-button.sk-success-outline {
        color: var(--color-success)
    }

    .sk-button.sk-danger-outline {
        color: var(--color-danger)
    }

    .sk-button.sk-warning-outline {
        color: var(--color-warning)
    }

    .sk-button.sk-info-outline {
        color: var(--color-info)
    }

    .sk-button.sk-grey-outline {
        color: var(--color-grey)
    }

    .sk-button[class*="-text"]:hover::after {
        background: transparent
    }

    .sk-button.sk-primary-text {
        color: var(--color-primary);
        background: transparent
    }

        .sk-button.sk-primary-text .sk-icons {
            fill: currentColor
        }

    .sk-button.sk-secondary-text {
        color: var(--color-secondary);
        background: transparent
    }

        .sk-button.sk-secondary-text .sk-icons {
            fill: currentColor
        }

    .sk-button.sk-light-text {
        color: var(--color-light);
        background: transparent
    }

        .sk-button.sk-light-text .sk-icons {
            fill: currentColor
        }

    .sk-button.sk-dark-text {
        color: var(--color-dark);
        background: transparent
    }

        .sk-button.sk-dark-text .sk-icons {
            fill: currentColor
        }

    .sk-button.sk-button-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
        color: var(--color-link);
        background: transparent;
        box-shadow: none;
        min-width: unset
    }

        .sk-button.sk-button-link .sk-icons {
            fill: currentColor
        }

    .sk-button.sk-flat {
        box-shadow: none;
        background-color: transparent;
        color: var(--color-primary)
    }

        .sk-button.sk-flat:hover {
            background-color: var(--color-light)
        }

    .sk-button.sk-success-text {
        color: var(--color-success);
        background: transparent
    }

        .sk-button.sk-success-text .sk-icons {
            fill: currentColor
        }

    .sk-button.sk-danger-text {
        color: var(--color-danger);
        background: transparent
    }

        .sk-button.sk-danger-text .sk-icons {
            fill: currentColor
        }

    .sk-button.sk-warning-text {
        color: var(--color-warning);
        background: transparent
    }

        .sk-button.sk-warning-text .sk-icons {
            fill: currentColor
        }

    .sk-button.sk-info-text {
        color: var(--color-info);
        background: transparent
    }

        .sk-button.sk-info-text .sk-icons {
            fill: currentColor
        }

    .sk-button.sk-grey-text {
        color: var(--color-grey);
        background: transparent
    }

        .sk-button.sk-grey-text .sk-icons {
            fill: currentColor
        }

    .sk-button:not(.sk-round) {
        height: 3.8rem
    }

        .sk-button:not(.sk-round) .sk-icons svg {
            height: 2rem;
            width: 2rem
        }

    .sk-button .sk-icons {
        flex-shrink: 0
    }

    .sk-button:not(.sk-round) .sk-icons {
        font-size: 2.2rem;
        margin-right: .8rem
    }

    .sk-button:not(.sk-round).sk-disabled .sk-icons, .sk-button:not(.sk-round):disabled .sk-icons {
        fill: rgba(var(--color-black-rgb)/46%) !important
    }

    .sk-button.sk-round {
        border-radius: 50%;
        height: 3.8rem;
        width: 3.8rem;
        padding: 0;
        min-width: inherit
    }

        .sk-button.sk-round.sk-xlarge {
            height: 5.6rem;
            width: 5.6rem
        }

        .sk-button.sk-round.sk-large {
            height: 4.8rem;
            width: 4.8rem
        }

        .sk-button.sk-round.sk-small {
            height: 3.2rem;
            width: 3.2rem
        }

        .sk-button.sk-round.sk-xlarge .sk-icons {
            height: 2.4rem;
            width: 2.4rem
        }

        .sk-button.sk-round.sk-large .sk-icons {
            height: 2.2rem;
            width: 2.2rem
        }

        .sk-button.sk-round.sk-small .sk-icons {
            height: 1.8rem;
            width: 1.8rem
        }

        .sk-button.sk-round.sk-xsmall .sk-icons {
            height: 1.6rem;
            width: 1.6rem
        }

    .sk-button.sk-primary.sk-round {
        fill: var(--color-white)
    }

    .sk-button.sk-secondary.sk-round {
        fill: var(--color-dark)
    }

    .sk-button.sk-light.sk-round {
        fill: var(--color-dark)
    }

    .sk-button.sk-dark.sk-round {
        fill: var(--color-white)
    }

    .sk-button.sk-link.sk-round {
        fill: var(--color-white)
    }

    .sk-button.sk-success.sk-round {
        fill: var(--color-white)
    }

    .sk-button.sk-primary-outline.sk-round {
        fill: var(--color-primary)
    }

    .sk-button.sk-secondary-outline.sk-round {
        fill: var(--color-secondary)
    }

    .sk-button.sk-light-outline.sk-round {
        fill: var(--color-dark)
    }

    .sk-button.sk-dark-outline.sk-round {
        fill: var(--color-dark)
    }

    .sk-button.sk-link-outline.sk-round {
        fill: var(--color-link)
    }

    .sk-button.sk-success-outline.sk-round {
        fill: var(--color-success)
    }

    .sk-button.sk-xlarge:not(.sk-round) {
        padding: 0 2.4rem;
        font-size: 2rem;
        height: 5.6rem;
        min-width: 9.2rem
    }

        .sk-button.sk-xlarge:not(.sk-round) .sk-icons svg {
            height: 2.4rem;
            width: 2.4rem
        }

    .sk-button.sk-large:not(.sk-round) {
        padding: 0 2rem;
        font-size: 1.8rem;
        height: 4.8rem;
        min-width: 7.8rem
    }

        .sk-button.sk-large:not(.sk-round) .sk-icons svg {
            height: 2.2rem;
            width: 2.2rem
        }

    .sk-button.sk-medium:not(.sk-round) {
        padding: 0 var(--gutter-base);
        font-size: var(--font-size-base)
    }

        .sk-button.sk-medium:not(.sk-round) .sk-icons svg {
            height: 2rem;
            width: 2rem
        }

    .sk-button.sk-small:not(.sk-round) {
        padding: 0 1.2rem;
        font-size: 1.4rem;
        height: 3rem;
        min-width: 5rem
    }

        .sk-button.sk-small:not(.sk-round) .sk-icons svg {
            height: 1.8rem;
            width: 1.8rem
        }

    .sk-button.sk-xlarge:not(.sk-round) .sk-icons {
        font-size: 2.6rem
    }

    .sk-button.sk-large:not(.sk-round) .sk-icons {
        font-size: 2.4rem
    }

    .sk-button.sk-small:not(.sk-round) .sk-icons {
        font-size: 2rem
    }

    .sk-button.sk-fab {
        position: fixed;
        right: 4.4rem;
        bottom: 4.4rem;
        z-index: var(--zindex-1);
        box-shadow: var(--box-shadow-3);
        border-radius: 2.8rem
    }

.sk-fab + * {
    padding-bottom: 8rem
}

@media(max-width:768px) {
    .sk-button.sk-fab {
        bottom: 8rem
    }
}

@media(max-width:576px) {
    .sk-button.sk-large:not(.sk-round) {
        font-size: 1.6rem
    }

        .sk-button.sk-large:not(.sk-round) .sk-icons svg {
            width: 2rem;
            height: 2rem
        }

    .sk-button:not(.sk-round) {
        font-size: 1.4rem
    }

        .sk-button:not(.sk-round) .sk-icons svg {
            width: 1.8rem;
            height: 1.8rem
        }

    .sk-button.sk-small:not(.sk-round) {
        font-size: 1.2rem
    }

        .sk-button.sk-small:not(.sk-round) .sk-icons svg {
            width: 1.6rem;
            height: 1.6rem
        }
}

.sk-button .sk-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

    .sk-button .sk-loader:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: .3rem
    }

.sk-button .sk-spinner-loader {
    width: 2.4rem;
    height: 2.4rem
}

.sk-button.sk-xlarge .sk-spinner-loader {
    width: 3rem;
    height: 3rem
}

.sk-button.sk-xsmall .sk-spinner-loader {
    width: 2rem;
    height: 2rem
}

.sk-button.sk-primary .sk-loader:after {
    background-color: var(--color-primary)
}

.sk-button.sk-secondary .sk-loader:after {
    background-color: var(--color-secondary)
}

.sk-button .sk-loader.sk-loader-light:after {
    background-color: var(--color-primary)
}

.sk-button .sk-loader.sk-loader-dark:after {
    background-color: var(--color-primary)
}

.sk-button.sk-link .sk-loader:after {
    background-color: var(--color-link)
}

.sk-button.sk-success .sk-loader:after {
    background-color: var(--color-success)
}

.sk-button[class*="-outline"] .sk-loader:after {
    background-color: var(--color-white)
}

.sk-button[class*="round"] .sk-loader:after {
    border-radius: 50%
}

.sk-button .sk-dot-loader, .sk-button .sk-dot-loader::before, .sk-button .sk-dot-loader::after {
    width: .8rem;
    height: .8rem
}

    .sk-button .sk-dot-loader::before {
        left: -1.5rem
    }

    .sk-button .sk-dot-loader::after {
        left: 1.5rem
    }

.sk-button.sk-xsmall .sk-dot-loader, .sk-button.sk-xsmall .sk-dot-loader::before, .sk-button.sk-xsmall .sk-dot-loader::after {
    width: .5rem;
    height: .5rem
}

    .sk-button.sk-xsmall .sk-dot-loader::before {
        left: -1rem
    }

    .sk-button.sk-xsmall .sk-dot-loader::after {
        left: 1rem
    }

.sk-bottomsheet {
    position: fixed;
    height: 100%;
    box-sizing: border-box;
    display: none;
    z-index: var(--zindex-5)
}

    .sk-bottomsheet .sk-bottomsheet-container {
        display: flex;
        align-items: center;
        position: relative;
        width: auto;
        pointer-events: none
    }

    .sk-bottomsheet .sk-bottomsheet-inner {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: var(--color-white);
        width: 100%;
        height: auto;
        max-height: 100%;
        z-index: 1;
        position: fixed;
        bottom: 0;
        left: 0;
        pointer-events: auto;
        animation: slideInUp .3s cubic-bezier(.4,0,.2,1);
        box-shadow: 0 11px 15px -7px rgb(var(--color-black-rgb)/20%),0 24px 38px 3px rgb(var(--color-black-rgb)/14%),0 9px 46px 8px rgb(var(--color-black-rgb)/12%)
    }

    .sk-bottomsheet.show {
        display: block
    }

    .sk-bottomsheet .sk-bottomsheet-header {
        flex-shrink: 0
    }

    .sk-bottomsheet .sk-bottomsheet-body {
        position: relative;
        flex: 1 1 auto;
        scroll-behavior: smooth;
        padding: var(--gutter-base);
        overscroll-behavior: none;
        overflow-y: auto;
        overflow-y: overlay
    }

    .sk-bottomsheet .sk-bottomsheet-footer {
        position: sticky;
        bottom: 0;
        padding: var(--gutter-base);
        border-top: .1rem solid var(--color-border)
    }

.sk-form-group .sk-text-field {
    margin-bottom: 1.5rem
}

.sk-text-column {
    display: flex;
    gap: 1rem;
    margin-top: 3rem
}

fieldset {
    border: .1rem solid var(--color-border);
    border-radius: var(--radius-base);
    padding: var(--gutter-base);
    margin-bottom: var(--gutter-large);
    position: relative
}

legend {
    font-weight: var(--font-weight-medium);
    font-size: 1.8rem
}

textarea, .text-area textarea {
    border: .1rem solid rgba(var(--color-black-rgb)/42%);
    border-radius: var(--radius-base);
    height: 10rem;
    width: 100%;
    font-size: 1.6rem;
    color: var(--color-body-color);
    padding: 1.5rem;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    background: var(--color-white);
    margin-bottom: .5rem
}

    textarea:hover {
        border: .1rem solid var(--color-black)
    }

.text-area {
    position: relative
}

    .text-area > label {
        color: var(--color-dark);
        margin-bottom: .5rem;
        display: block
    }

    .text-area.label-inside {
        position: relative
    }

        .text-area.label-inside label {
            cursor: text;
            position: absolute;
            font-size: 1.2rem;
            top: 1rem;
            left: 1.6rem;
            color: var(--color-primary);
            z-index: 1
        }

    .text-area.border-label-over {
        position: relative
    }

        .text-area.border-label-over > label {
            cursor: text;
            position: absolute;
            font-size: 1.6rem;
            top: 1.8rem;
            color: var(--color-dark);
            z-index: 0;
            left: 1.5rem;
            transition: all .2s;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 90%;
            overflow: hidden;
            text-align: left
        }

        .text-area.border-label-over > textarea:focus + label, .text-area.border-label-over > textarea:valid + label, .text-area.border-label-over > textarea[disabled] + label, .text-area.border-label-over > textarea[readonly] + label {
            top: -.7rem;
            left: 1.5rem;
            background: var(--color-white);
            font-weight: normal;
            z-index: 55;
            font-size: 1.2rem;
            width: auto
        }

        textarea:focus, .text-area.label-inside > textarea:focus, .text-area.border-label-over > textarea:focus {
            border: .1rem solid var(--color-link)
        }

textarea:focus-visible {
    outline: 0
}

.sk-card-group {
    margin: var(--gutter-base) 0
}

    .sk-card-group .sk-card {
        margin-bottom: var(--gutter-base)
    }

.sk-card {
    background: var(--color-white);
    position: relative;
    border-radius: var(--radius-base);
    transition: .3s cubic-bezier(.4,0,.2,1);
    transition-property: color,background-color;
    will-change: color,background-color;
    margin-bottom: 2.4rem
}

    .sk-card.sk-card-outlined {
        border: .1rem solid var(--color-border);
        box-shadow: none
    }

    .sk-card.sk-box-shadow {
        box-shadow: var(--box-shadow-1)
    }

    .sk-card.sk-card-disabled {
        pointer-events: none;
        user-select: none;
        opacity: .6
    }

        .sk-card.sk-card-disabled * {
            filter: grayscale(1)
        }

        .sk-card.sk-card-disabled .sk-button {
            opacity: .5;
            pointer-events: none;
            cursor: not-allowed;
            color: rgba(var(--color-black-rgb)/46%) !important;
            background-color: rgba(var(--color-black-rgb)/12%) !important
        }

    .sk-card .sk-card-media:not(:empty) {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20rem
    }

    .sk-card .sk-chart-area:not(:empty) {
        width: 100%;
        height: 25rem;
        padding: 1.5rem 2rem 1.5rem 1.5rem;
        margin-bottom: 1.5rem
    }

    .sk-card .sk-chart-area > div {
        flex: 1 1 auto
    }

    .sk-card .sk-card-media img, .sk-card .sk-card-media iframe, .sk-card .sk-card-media video {
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: var(--radius-base) var(--radius-base) 0 0
    }

    .sk-card .sk-card-media .sk-avatar-title {
        font-size: 4.2rem;
        width: 7rem;
        height: 7rem;
        line-height: 7rem
    }

    .sk-card .sk-card-primary:not(:empty) {
        padding: var(--gutter-base)
    }

    .sk-card .sk-card-secondary:not(:empty) {
        padding: 0 var(--gutter-base) var(--gutter-base) var(--gutter-base)
    }

    .sk-card .sk-card-actions {
        display: flex;
        align-items: center
    }

        .sk-card .sk-card-actions:not(:empty) {
            padding: 0 var(--gutter-base) var(--gutter-base)
        }

.sk-surface, .sk-surface-outlined {
    background: var(--color-white);
    position: relative;
    border-radius: var(--radius-base);
    transition: .3s cubic-bezier(.4,0,.2,1);
    transition-property: color,background-color;
    will-change: color,background-color;
    margin-bottom: 2.4rem
}

.sk-surface-outlined {
    border: .1rem solid var(--color-border)
}

.sk-alert {
    display: flex;
    align-items: flex-start;
    gap: var(--gutter-base);
    border-radius: var(--radius-base);
    position: relative;
    padding: 1.6rem;
    margin-bottom: 1rem;
    color: #084298;
    background-color: var(--color-light);
    border: .1rem solid var(--color-border)
}

    .sk-alert.sk-alert-primary {
        color: #084298;
        background: #cfe2ff;
        border-color: #b6d4fe
    }

    .sk-alert.sk-alert-rounded {
        width: 3.8rem;
        height: 3.8rem;
        border-radius: 50%;
        padding: .5rem;
        flex-shrink: 0
    }

    .sk-alert .sk-icons {
        display: flex;
        align-items: center
    }

    .sk-alert.sk-primary {
        color: #084298;
        background: #cfe2ff;
        border-color: #b6d4fe
    }

    .sk-alert.sk-secondary {
        color: #41464b;
        background: #e2e3e5;
        border-color: #d3d6d8
    }

    .sk-alert.sk-success {
        color: #0f5132;
        background: #d1e7dd;
        border-color: #badbcc
    }

    .sk-alert.sk-danger {
        color: #842029;
        background: #f8d7da;
        border-color: #f5c2c7
    }

    .sk-alert.sk-warning {
        color: #664d03;
        background: #fff3cd;
        border-color: #ffecb5
    }

    .sk-alert.sk-info {
        color: #055160;
        background: #cff4fc;
        border-color: #b6effb
    }

    .sk-alert.sk-light {
        color: #636464;
        background: #fefefe;
        border-color: #fdfdfe
    }

    .sk-alert.sk-dark {
        color: #141619;
        background: #d3d3d4;
        border-color: #bcbebf
    }

.sk-switch, .sk-switch * {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sk-switch label {
        cursor: pointer;
        font-size: 1.4rem;
        color: var(--gray-600);
        display: flex;
        align-items: center
    }

        .sk-switch label input[type=checkbox] {
            opacity: 0;
            width: 0;
            height: 0
        }

    .sk-switch.sk-primary label input[type=checkbox]:checked + .lever {
        background-color: rgba(0 102 255/30%)
    }

    .sk-switch.sk-secondary label input[type=checkbox]:checked + .lever {
        background-color: #afe0c7
    }

    .sk-switch label input[type=checkbox]:checked + .lever:before, .sk-switch label input[type=checkbox]:checked + .lever:after {
        left: 1.8rem
    }

    .sk-switch.sk-primary label input[type=checkbox]:checked + .lever:after {
        background-color: var(--color-primary)
    }

    .sk-switch.sk-secondary label input[type=checkbox]:checked + .lever:after {
        background-color: var(--color-success)
    }

    .sk-switch label .lever {
        content: "";
        display: inline-block;
        position: relative;
        width: 3.6rem;
        height: 1.4rem;
        background-color: rgba(var(--color-black-rgb)/38%);
        border-radius: 1.5rem;
        margin-right: 1rem;
        -webkit-transition: background .3s ease;
        transition: background .3s ease;
        vertical-align: middle;
        margin: 0 1.3rem
    }

        .sk-switch label .lever:before, .sk-switch label .lever:after {
            content: "";
            position: absolute;
            display: inline-block;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            left: 0;
            top: -.3rem;
            -webkit-transition: left .3s ease,background .3s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;
            transition: left .3s ease,background .3s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;
            transition: left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease;
            transition: left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease
        }

        .sk-switch label .lever:before {
            background-color: rgba(38,166,154,.15)
        }

        .sk-switch label .lever:after {
            background-color: var(--color-white);
            -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
            box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
        }

.sk-overflow-menu {
    position: relative
}

    .sk-overflow-menu .sk-menu-trigger, .sk-select-event {
        z-index: 0
    }

.sk-overflow-list {
    display: none;
    background: var(--color-white);
    box-shadow: var(--box-shadow-1);
    border-radius: var(--radius-base);
    line-height: 1.5rem;
    list-style-type: none;
    color: var(--color-body-color);
    position: absolute;
    right: 1.5rem;
    min-width: max-content;
    z-index: var(--zindex-2);
    padding: .5rem 0;
    top: 100%
}

    .sk-overflow-list li {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: var(--gutter-small) var(--gutter-base);
        cursor: pointer;
        position: relative;
        width: 100%
    }

    .sk-overflow-list ul {
        flex-wrap: wrap
    }

    .sk-overflow-list li:hover {
        background: var(--color-light)
    }

    .sk-overflow-list .sk-divider {
        padding: 0 !important
    }

    .sk-overflow-list .sk-selected {
        background: var(--color-light);
        color: var(--color-link);
        font-weight: var(--font-weight-medium)
    }

.sk-overflow-menu.sk-overflow-menu-right .sk-overflow-list {
    right: 1.5rem
}

.sk-overflow-menu.sk-overflow-menu-left .sk-overflow-list {
    left: 1.5rem
}

.sk-overflow-list .sk-list-footer {
    position: sticky;
    bottom: 0;
    padding: var(--gutter-small) var(--gutter-base);
    background: var(--color-white);
    box-shadow: var(--box-shadow-2)
}

.sk-text-select .sk-overflow-list:has(.sk-list-footer) {
    padding-bottom: 0
}

.sk-overflow-list:has(.sk-list-footer) ul {
    margin-bottom: var(--gutter-small)
}

.sk-overflow-bottom .sk-overflow-header, .sk-overflow-bottom .sk-backdrop {
    display: none
}

@media(max-width:768px) {
    .sk-overflow-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: var(--zindex-3);
        background: var(--color-white);
        box-shadow: 0 .3rem 1rem rgb(0 0 0/60%);
        display: block
    }

        .sk-overflow-bottom .sk-overflow-list {
            position: static;
            box-shadow: none
        }

            .sk-overflow-bottom .sk-overflow-list li {
                line-height: 2;
                font-size: 1.6rem
            }

        .sk-overflow-bottom .sk-overflow-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: .1rem solid var(--color-border);
            padding: 1rem
        }

            .sk-overflow-bottom .sk-overflow-header .sk-button {
                background: transparent
            }

        .sk-overflow-bottom .sk-backdrop {
            display: block;
            z-index: -1
        }
}

.sk-top-layer {
    z-index: var(--z-index-top) !important
}

.sk-panel, .sk-drawer, .sk-gallery-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    outline: 0
}

.sk-drawer {
    z-index: var(--zindex-4)
}

.sk-panel, .sk-gallery-panel {
    z-index: var(--zindex-4)
}

    .sk-panel .sk-panel-container, .sk-drawer .sk-drawer-container {
        display: flex;
        align-items: center;
        height: 100%;
        min-height: 100%;
        margin: 0 auto;
        position: relative;
        width: auto;
        pointer-events: none
    }

    .sk-panel .sk-panel-inner, .sk-drawer .sk-drawer-inner {
        overflow: hidden;
        width: 100%;
        height: 100%;
        max-height: 100%;
        z-index: 1;
        pointer-events: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        background: var(--color-white)
    }

    .sk-gallery-panel .sk-gallery-inner {
        overflow: hidden;
        width: 100%;
        height: 100%;
        max-height: 100%;
        z-index: 1;
        pointer-events: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        background: var(--color-white)
    }

    .sk-panel .sk-panel-header:not(:empty), .sk-drawer .sk-drawer-header:not(:empty), .sk-gallery-panel .sk-gallery-header:not(:empty) {
        border-bottom: .1rem solid var(--color-border);
        flex-shrink: 0
    }

.sk-panel-header .sk-appbar, .sk-drawer-header .sk-appbar {
    border-bottom: 0
}

.sk-panel .sk-panel-body, .sk-drawer .sk-drawer-body, .sk-gallery-panel .sk-gallery-body {
    position: relative;
    flex: 1 1 auto;
    scroll-behavior: smooth;
    padding: var(--gutter-large);
    overscroll-behavior: none;
    overflow-y: auto;
    overflow-y: overlay
}

.sk-panel .sk-panel-footer:not(:empty), .sk-drawer .sk-drawer-footer:not(:empty), .sk-gallery-panel .sk-gallery-footer:not(:empty) {
    padding: var(--gutter-base);
    border-top: .1rem solid var(--color-border);
    flex-shrink: 0;
    position: relative
}

.sk-panel .sk-appbar, .sk-drawer .sk-appbar {
    z-index: auto
}

.sk-drawer .sk-drawer-container, .sk-drawer .sk-drawer-inner {
    height: 100%
}

.sk-drawer .sk-drawer-container {
    margin: 0
}

.sk-drawer.sk-drawer-right .sk-drawer-container {
    margin-left: auto
}

@media(min-width:768px) {
    .sk-panel .sk-panel-container {
        height: calc(100% - 3.5rem);
        min-height: calc(100% - 3.5rem);
        max-width: 60rem;
        margin: 1.6rem auto
    }

    .sk-panel .sk-panel-inner {
        height: auto;
        background-clip: padding-box;
        border: .1rem solid var(--color-border);
        border-radius: var(--radius-xlarge);
        outline: 0;
        box-shadow: var(--box-shadow-6)
    }

    .sk-drawer .sk-drawer-inner {
        border-radius: 0
    }

    .sk-panel .sk-appbar {
        border-radius: var(--radius-base) var(--radius-base) 0 0
    }

        .sk-panel .sk-appbar .sk-appbar-title {
            font-size: 2rem;
            font-weight: var(--font-weight-medium,500)
        }

    .sk-drawer .sk-drawer-container {
        max-width: 40rem
    }

    .sk-panel-xlarge .sk-panel-container, .sk-drawer-xlarge .sk-drawer-container {
        max-width: 114rem
    }

    .sk-panel-large .sk-panel-container, .sk-drawer-large .sk-drawer-container {
        max-width: 80rem
    }

    .sk-panel-small .sk-panel-container, .sk-drawer-small .sk-drawer-container {
        max-width: 30rem
    }

    .sk-panel-fullscreen .sk-panel-container {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .sk-panel-fullscreen .sk-panel-inner {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .sk-panel-fullscreen .sk-panel-body {
        overflow-y: auto;
        overflow-y: overlay
    }

    .sk-panel.sk-panel-onpage {
        position: static;
        display: block;
        z-index: auto;
        height: inherit
    }

        .sk-panel.sk-panel-onpage .sk-panel-container {
            height: auto;
            min-height: auto;
            max-width: 100%;
            margin: 0
        }

        .sk-panel.sk-panel-onpage .sk-backdrop {
            display: none
        }

        .sk-panel.sk-panel-onpage .sk-panel-inner {
            box-shadow: none;
            z-index: inherit
        }

    .sk-panel.sk-fixed-height > .sk-panel-container > .sk-panel-inner {
        height: inherit;
        max-height: 80vh;
        min-height: 60rem
    }

    .sk-panel.sk-fixed-height > .sk-panel-container > .sk-panel-inner {
        height: inherit;
        max-height: 80vh;
        min-height: 60rem
    }
}

.sk-dialog {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    outline: 0;
    z-index: var(--zindex-6)
}

    .sk-dialog .sk-dialog-container {
        display: flex;
        align-items: center;
        position: relative;
        width: auto;
        pointer-events: none;
        height: calc(100% - 3.5rem);
        min-height: calc(100% - 3.5rem);
        min-width: 28rem;
        max-width: max-content;
        margin: 1.6rem auto
    }

    .sk-dialog .sk-dialog-inner {
        overflow: hidden;
        width: 100%;
        max-height: 100%;
        z-index: 1;
        pointer-events: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        background-color: var(--color-white);
        height: auto;
        background-clip: padding-box;
        border: .1rem solid var(--color-border);
        border-radius: var(--radius-base);
        outline: 0;
        box-shadow: 0 24px 38px 3px rgb(0 0 0/14%),0 9px 46px 8px rgb(0 0 0/12%),0 11px 15px -7px rgb(0 0 0/20%)
    }

    .sk-dialog .sk-dialog-header {
        flex-shrink: 0;
        padding: var(--gutter-base)
    }

    .sk-dialog .sk-dialog-body {
        position: relative;
        flex: 1 1 auto;
        scroll-behavior: smooth;
        padding: 0 var(--gutter-base) var(--gutter-base) var(--gutter-base);
        overscroll-behavior: none;
        overflow-y: auto;
        overflow-y: overlay
    }

    .sk-dialog .sk-dialog-footer {
        padding: var(--gutter-base);
        flex-shrink: 0
    }

.sk-dialog-xlarge .sk-dialog-container {
    max-width: 60rem
}

.sk-dialog-large .sk-dialog-container {
    max-width: 50rem
}

.sk-floating-dialog {
    position: relative;
    display: inline-block
}

    .sk-floating-dialog .sk-dialog-container {
        z-index: 1;
        opacity: 0;
        display: none;
        visibility: hidden;
        transition-property: bottom,opacity;
        transition-duration: .3s;
        position: absolute;
        border-radius: .4rem;
        bottom: 0
    }

        .sk-floating-dialog .sk-dialog-container.sk-show {
            opacity: 1;
            visibility: visible;
            display: block;
            bottom: 100%;
            right: 0
        }

.sk-tooltip .sk-dialog-inner {
    display: block;
    padding: .4rem var(--gutter-small);
    font-size: 1.2rem
}

@media(max-width:576px) {
    .sk-dialog .sk-dialog-container {
        max-width: calc(100% - 3.2rem)
    }
}

.sk-toast {
    position: fixed;
    bottom: 8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    transform: translateY(0);
    transition: 800ms ease;
    z-index: var(--zindex-7)
}

    .sk-toast.sk-hide {
        transform: translateY(1000%);
        display: flex !important
    }

.sk-toast-container {
    background: var(--color-dark-gray);
    color: var(--color-white);
    min-width: 34rem;
    max-width: 67rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.4rem;
    padding: 1rem 2rem;
    border-radius: .4rem;
    box-shadow: 0 0 3px #00000048
}

.sk-toast-label {
    flex-grow: 1;
    line-height: 1.2
}

.sk-toast-container .sk-icons {
    font-size: 2rem
}

.sk-toast-action .sk-button:hover {
    box-shadow: none
}

@media(max-width:768px) {
    .sk-toast {
        margin: 0 1rem
    }
}

.sk-menu nav ul, .sk-menu.sk-scrollable nav {
    display: flex;
    position: relative;
    overflow-y: hidden;
    flex: 1 0 auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    will-change: transform
}

.sk-menu li {
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    font-weight: 500;
    overflow: visible;
    position: relative;
    font-size: var(--font-size-base);
    border: .1rem solid transparent;
    color: var(--color-body-color);
    height: 4.8rem;
    min-width: 6.4rem;
    padding: 0 var(--gutter-base);
    display: flex;
    line-height: 4.8rem;
    align-items: unset;
    background: none;
    border-radius: 0;
    flex: 1 0 auto
}

    .sk-menu li:only-child {
        flex: 0;
        min-width: revert;
        width: max-content
    }

    .sk-menu li:hover {
        background: var(--color-light);
        box-shadow: none
    }

    .sk-menu li.sk-active {
        color: var(--color-primary)
    }

    .sk-menu li a {
        color: inherit;
        display: flex;
        align-items: center;
        gap: 1rem;
        font-size: 1.4rem;
        text-transform: uppercase
    }

        .sk-menu li a figure {
            width: 3.4rem;
            height: 3.4rem
        }

.sk-menu-indicator {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

    .sk-menu-indicator::before {
        content: '';
        border-top: .2rem solid var(--color-primary);
        opacity: 0;
        align-self: flex-end;
        box-sizing: border-box;
        width: 100%
    }

.sk-menu li.sk-active .sk-menu-indicator::before {
    opacity: 1
}

.sk-menu.sk-scrollable nav {
    overflow: hidden
}

    .sk-menu.sk-scrollable nav ul {
        overflow-x: auto;
        overflow-x: overlay;
        max-width: 100%;
        scroll-behavior: smooth
    }

        .sk-menu.sk-scrollable nav ul::-webkit-scrollbar {
            display: none
        }

.sk-menu.sk-scrollable li {
    min-width: 9rem;
    flex: 0 0 auto
}

.sk-menu-nav {
    display: none
}

.sk-menu.sk-scrollable.sk-scroll-enabled nav ul {
    padding-left: 4rem;
    padding-right: 4rem
}

.sk-menu.sk-scrollable.sk-scroll-enabled .sk-menu-nav {
    display: block;
    position: absolute
}

    .sk-menu.sk-scrollable.sk-scroll-enabled .sk-menu-nav .sk-button {
        min-width: revert;
        width: 4rem
    }

    .sk-menu.sk-scrollable.sk-scroll-enabled .sk-menu-nav.sk-prev {
        left: 0
    }

    .sk-menu.sk-scrollable.sk-scroll-enabled .sk-menu-nav.sk-next {
        right: 0
    }

.sk-menu.sk-vertical ul {
    flex-direction: column
}

@media(max-width:768px) {
    .sk-menu.sk-scrollable .sk-menu-nav {
        display: none
    }

    .sk-menu.sk-scrollable.sk-scroll-enabled nav ul {
        padding: 0
    }

    .sk-menu li:hover {
        background: transparent
    }
}

.sk-tabs.sk-vertical .sk-menu {
    display: flex;
    flex-direction: column;
    flex: 0 0 30%;
    border-right: .1rem solid var(--color-border);
    border-bottom: 0
}

    .sk-tabs.sk-vertical .sk-menu nav ul {
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
        overflow-y: overlay;
        border-bottom: 0
    }

    .sk-tabs.sk-vertical .sk-menu li {
        line-height: var(--line-height-base);
        height: revert;
        justify-content: flex-start
    }

        .sk-tabs.sk-vertical .sk-menu li a {
            padding: var(--gutter-small)
        }

    .sk-tabs.sk-vertical .sk-menu .sk-menu-indicator {
        justify-content: flex-start
    }

        .sk-tabs.sk-vertical .sk-menu .sk-menu-indicator::before {
            border-top: 0;
            height: 100%;
            width: 0;
            border-left: .2rem solid currentColor
        }

.sk-tab-content {
    display: flex;
    flex-direction: column;
    height: inherit;
    position: relative;
    flex: 1 1 auto
}

.sk-tab-data {
    display: none;
    transition: opacity .15s linear;
    padding: var(--gutter-base)
}

    .sk-tab-data.sk-active {
        display: block
    }

.sk-tabs.sk-vertical {
    display: flex
}

.sk-chip {
    background: var(--color-white);
    color: rgba(0,0,0,.87);
    font-size: 1.4rem;
    height: 3.2rem;
    line-height: 3.2rem;
    display: inline-flex;
    position: relative;
    padding: 0 1rem;
    margin: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: var(--radius-pill);
    border: .1rem solid rgba(var(--color-black-rgb)/42%);
    user-select: none;
    cursor: pointer;
    vertical-align: middle;
    gap: .5rem
}

    .sk-chip.sk-chip-filled {
        border-color: transparent;
        background: var(--color-grey)
    }

    .sk-chip:hover::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(var(--color-black-rgb)/4%);
        border-radius: inherit
    }

.sk-chipset {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutter-small);
    margin: var(--gutter-base) 0;
    align-items: center
}

    .sk-chipset.sk-scrollable {
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .sk-chipset .sk-chip {
        flex-shrink: 0
    }

.sk-chip.sk-chip-selected {
    color: var(--color-primary);
    font-weight: var(--font-weight-medium);
    background: var(--color-border)
}

.sk-chip.sk-chip-filled.sk-chip-selected {
    border-color: transparent
}

.sk-chip span:not(.sk-icons) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 15rem
}

.sk-chip .sk-icons {
    font-size: 2rem
}

.sk-chip .sk-button {
    background: transparent;
    padding: 0;
    height: revert;
    min-width: revert
}

.sk-chip button .sk-icons svg {
    width: 1.8rem;
    height: 1.8rem;
    fill: var(--backdrop-dark)
}

.sk-chip .sk-icons svg {
    width: 2rem;
    height: 2rem;
    fill: currentColor
}

.sk-chip.sk-chip-shaped {
    border-radius: var(--radius-base)
}

.sk-chip.sk-xsmall {
    font-size: 1.2rem;
    height: 2rem;
    line-height: 2rem;
    padding: 0 .5rem
}

    .sk-chip.sk-xsmall .sk-icons {
        margin-left: -.2rem;
        margin-right: .2rem;
        font-size: var(--font-size-base)
    }

    .sk-chip.sk-xsmall .sk-button {
        margin-left: .2rem;
        margin-right: -.4rem
    }

    .sk-chip.sk-xsmall .sk-icons svg {
        width: 1.6rem;
        height: 1.6rem
    }

    .sk-chip.sk-xsmall .sk-button .sk-icons svg {
        width: .6rem;
        height: .6rem
    }

.sk-chip.sk-small {
    font-size: 1.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    padding: 0 .8rem
}

    .sk-chip.sk-small .sk-icons {
        margin-left: -.3rem;
        margin-right: .3rem;
        font-size: 1.6rem
    }

    .sk-chip.sk-small .sk-button {
        margin-right: -.3rem
    }

        .sk-chip.sk-small .sk-button .sk-icons svg {
            width: .8rem;
            height: .8rem
        }

.sk-chip.sk-large {
    font-size: 1.6rem;
    height: 4.6rem;
    line-height: 4.6rem;
    padding: 0 1.6rem
}

    .sk-chip.sk-large .sk-icons {
        margin-left: -.8rem;
        margin-right: .8rem;
        font-size: 2.4rem
    }

    .sk-chip.sk-large .sk-button {
        margin-left: .8rem;
        margin-right: -.8rem
    }

    .sk-chip.sk-large .sk-icons svg {
        width: 2.4rem;
        height: 2.4rem
    }

    .sk-chip.sk-large .sk-button .sk-icons svg {
        width: 1.2rem;
        height: 1.2rem
    }

.sk-chip .sk-button .sk-icons {
    margin: 0;
    color: var(--color-text-muted)
}

.sk-badge {
    border-radius: var(--radius-base);
    padding: .4rem;
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    line-height: .8rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    display: inline-flex;
    align-items: center;
    color: var(--color-white);
    background: var(--color-danger);
    user-select: none
}

    .sk-badge.sk-badge-large {
        font-size: 1.2rem;
        padding: 1rem
    }

    .sk-badge .sk-icons {
        margin-right: var(--gutter-small)
    }

.sk-button .sk-badge.sk-badge-small {
    padding: 0
}

.sk-badge.sk-badge-small .sk-icons {
    font-size: 1.4rem;
    margin: 0
}

.sk-badge-round {
    border-radius: var(--radius-pill)
}

.sk-badge-primary {
    background: var(--color-primary)
}

.sk-badge-secondary {
    background: var(--color-secondary)
}

.sk-badge-success {
    background: var(--color-success)
}

.sk-badge-danger {
    background: var(--color-danger)
}

.sk-badge-warning {
    background: var(--color-warning)
}

.sk-badge-info {
    background: var(--color-info)
}

.sk-badge-light {
    background: var(--color-light)
}

.sk-badge-dark {
    background: var(--color-dark)
}

.sk-radio .sk-radio-input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.sk-radio .sk-check-label:empty {
    padding: 0 0 2rem 0
}

.sk-radio .sk-check-label {
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    line-height: 2rem;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    user-select: none;
    color: var(--color-body-color)
}

.sk-checkbox .sk-check-label:empty {
    padding: 0;
    width: 2rem;
    height: 2rem
}

.sk-radio .sk-check-label:before, .sk-radio .sk-check-label:after {
    content: '';
    position: absolute;
    left: 0;
    width: 2rem;
    height: 2rem;
    z-index: 0;
    transition: .28s ease;
    border-radius: 50%
}

.sk-radio .sk-radio-input:not(:checked) + label:before {
    border: .2rem solid var(--color-dark)
}

.sk-radio .sk-radio-input:checked + label:before {
    border: .2rem solid var(--color-primary)
}

.sk-radio .sk-radio-input:checked + label:after {
    background-color: var(--color-primary);
    transform: scale(.5);
    border: .2rem solid var(--color-primary)
}

.sk-radio-group.sk-inline {
    overflow-x: auto;
    overflow-x: overlay;
    display: flex;
    gap: 1rem;
    position: relative;
    scroll-behavior: smooth;
    gap: var(--gutter-large)
}

    .sk-radio-group.sk-inline .sk-list {
        overflow-x: auto;
        overflow-x: overlay;
        display: flex;
        gap: 1rem;
        position: relative;
        scroll-behavior: smooth;
        white-space: nowrap;
        overflow-y: hidden
    }

.sk-radio .sk-radio-input:disabled:not(:checked) + label:before {
    border-color: #a7a7a7
}

.sk-radio .sk-radio-input:disabled:checked + label:before {
    border: .2rem solid #a7a7a7
}

.sk-radio .sk-radio-input:disabled:checked + label:after {
    background-color: #a7a7a7;
    border-color: #939393
}

.sk-radio .sk-radio-input:disabled + label, .sk-radio .sk-radio-input:disabled + label * {
    cursor: not-allowed;
    color: #939393
}

.sk-radio.sk-large .sk-check-label {
    padding-left: 3.4rem;
    line-height: 2.4rem
}

    .sk-radio.sk-large .sk-check-label:before, .sk-radio.sk-large .sk-check-label:after {
        width: 2.4rem;
        height: 2.4rem
    }

.sk-radio .sk-list-item {
    width: 100%
}

.sk-radio.sk-inline .sk-list-item {
    width: auto;
    flex: 0 0 auto
}

.sk-radio .sk-helper-text {
    color: var(--color-text-muted);
    font-size: 1.4rem;
    width: 100%;
    display: block
}

.sk-checkbox .item-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 2.5rem
}

.sk-checkbox .sk-list-item {
    width: 100%
}

.sk-checkbox .sk-check-input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.sk-checkbox .sk-check-label {
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    user-select: none;
    width: 100%;
    color: var(--color-body-color);
    word-break: break-word
}

.sk-checkbox .sk-check-input + label:before {
    border-radius: .1rem
}

.sk-checkbox .sk-check-input:checked + label:before {
    left: .1rem;
    width: .8rem;
    height: 1.3rem;
    border-top: 0 solid transparent;
    border-left: .2rem solid transparent;
    border-right: .2rem solid var(--color-white);
    border-bottom: .2rem solid var(--color-white);
    transform: rotateZ(37deg);
    transform-origin: 120% 100%
}

.sk-checkbox .sk-check-input + label:after {
    border-radius: var(--border-radius-2)
}

.sk-checkbox .sk-check-input + label:before, .sk-checkbox .sk-check-input + label:after {
    content: '';
    left: 0;
    position: absolute;
    transition: all .2s;
    z-index: 1
}

.sk-checkbox .sk-check-input:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: .3rem solid transparent;
    left: .6rem;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.sk-checkbox .sk-check-input:not(:checked) + label:after {
    height: 2rem;
    width: 2rem;
    background-color: transparent;
    border: .1rem solid var(--color-text-muted);
    z-index: 0;
    border-radius: .4rem
}

.sk-checkbox .sk-check-input:checked + label:after {
    width: 2rem;
    height: 2rem;
    border: .2rem solid var(--color-primary);
    background-color: var(--color-primary);
    z-index: 0;
    border-radius: .4rem
}

.sk-checkbox .sk-check-input:disabled {
    background-color: transparent;
    border: .2rem solid transparent
}

    .sk-checkbox .sk-check-input:disabled + label, .sk-checkbox .sk-check-input:disabled + label * {
        cursor: not-allowed;
        color: #939393
    }

.sk-checkbox .sk-check-input:checked:disabled + label:before {
    border-right: .2rem solid rgba(var(--color-black)/20%);
    border-bottom: .2rem solid rgba(var(--color-black)/20%)
}

.sk-checkbox .sk-check-input:disabled:not(:checked) + label:after {
    border-color: #a7a7a7
}

.sk-checkbox .sk-check-input:disabled:checked + label:after {
    background-color: var(--color-light);
    border-color: #a7a7a7
}

.sk-checkbox-group.sk-inline {
    overflow-x: auto;
    overflow-x: overlay;
    display: flex;
    gap: 1rem;
    position: relative;
    scroll-behavior: smooth;
    gap: var(--gutter-large)
}

.sk-checkbox.sk-large .sk-check-label {
    line-height: 2.4rem;
    padding-left: 3.4rem
}

.sk-checkbox.sk-large .sk-check-input:checked + label:after, .sk-checkbox.sk-large .sk-check-input:not(:checked) + label:after {
    height: 2.4rem;
    width: 2.4rem
}

.sk-checkbox.sk-large .sk-check-input:checked + label:before {
    height: 1.6rem;
    left: .3rem
}

.sk-checkbox .hint-text {
    color: var(--color-dark);
    font-size: 1.4rem;
    width: 100%;
    display: block;
    line-height: normal
}

.sk-bottom-nav {
    background-color: var(--color-white);
    display: flex;
    gap: 1rem;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: var(--zindex-1);
    align-items: center;
    box-shadow: 0 0 6px rgba(var(--color-black-rgb)/16%),0 3px 6px rgba(var(--color-black-rgb)/23%);
    left: 0
}

    .sk-bottom-nav .sk-button {
        height: 6.6rem;
        font-size: 1.3rem;
        font-weight: normal;
        color: var(--color-body-color);
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        flex-basis: 0;
        gap: .5rem;
        padding: 0;
        user-select: none;
        text-transform: none
    }

        .sk-bottom-nav .sk-button .sk-icons {
            margin: 0
        }

            .sk-bottom-nav .sk-button .sk-icons svg {
                fill: currentColor;
                margin: auto;
                height: 1.6rem;
                width: 1.6rem
            }

    .sk-bottom-nav .sk-bottom-nav-label {
        line-height: normal
    }

    .sk-bottom-nav .sk-active {
        color: var(--color-primary)
    }

    .sk-bottom-nav .sk-button.sk-disabled {
        border: 0;
        background: transparent !important
    }

    .sk-bottom-nav .sk-badge {
        position: absolute;
        top: .5rem;
        left: 50%;
        font-size: 1rem;
        padding: .4rem .4rem
    }

    .sk-bottom-nav .sk-button:hover {
        box-shadow: none
    }

body:has(.sk-bottom-nav) {
    padding-bottom: 6.6rem
}

@media(max-width:350px) {
    .sk-bottom-nav .sk-bottom-nav-label {
        font-size: 1.1rem
    }
}

[data-sk-tooltip] {
    position: relative;
    cursor: pointer
}

    [data-sk-tooltip]:hover:before {
        transform: translateX(-55%)
    }

    [data-sk-tooltip]:before {
        content: attr(data-sk-tooltip);
        position: absolute;
        bottom: 3rem;
        left: 0%;
        padding: .8rem;
        transform: translateX(-50%) scale(0);
        transition: transform .2s ease-in-out;
        transform-origin: top;
        background: var(--color-black);
        color: var(--color-white);
        border-radius: var(--border-radius-4);
        font-size: 1.2rem;
        font-family: var(--font-family-primary);
        z-index: 2
    }

button.sk-fab [data-sk-tooltip]:hover:before {
    transform: translate(-100%,-250%)
}

.sk-tooltip-rich {
    position: relative;
    display: inline-block
}

    .sk-tooltip-rich.sk-white .sk-tooltip-wrapper {
        background-color: var(--color-white);
        color: var(--color-black);
        box-shadow: 0 24px 38px 3px rgba(var(--color-black-rgb)/14%),0 9px 46px 8px rgba(var(--color-black-rgb)/12%),0 11px 15px -7px rgba(var(--color-black-rgb)/20%)
    }

    .sk-tooltip-rich .sk-tooltip-wrapper {
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: opacity .6s;
        position: absolute;
        color: var(--color-white);
        background-color: var(--color-black);
        border-radius: .4rem;
        padding: 1rem;
        width: max-content;
        max-width: 35rem
    }

    .sk-tooltip-rich .sk-tooltip-trigger {
        display: flex;
        align-items: center;
        color: var(--color-link);
        cursor: pointer;
        z-index: 1;
        font-weight: normal
    }

.sk-tooltip .sk-tooltip-inner {
    display: block;
    padding: .4rem var(--gutter-small);
    font-size: 1.2rem
}

.sk-tooltip-rich:hover .sk-tooltip-wrapper, .sk-tooltip-rich:hover .sk-tooltip-wrapper:hover {
    opacity: 1;
    visibility: visible;
    display: block
}

.sk-tooltip-inner ul {
    margin: 1rem 0 0
}

.sk-tooltip-inner li {
    padding-bottom: var(--gutter-small)
}

    .sk-tooltip-inner li:last-child {
        padding-bottom: 0
    }

.sk-tooltip-rich.sk-tooltip-top .sk-tooltip-wrapper {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.sk-tooltip-rich.sk-tooltip-right .sk-tooltip-wrapper {
    top: 50%;
    left: 100%;
    transform: translateX(50%);
    transform: translateY(-50%)
}

.sk-tooltip-rich.sk-tooltip-bottom .sk-tooltip-wrapper {
    top: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.sk-tooltip-rich.sk-tooltip-left .sk-tooltip-wrapper {
    top: 50%;
    right: 100%;
    transform: translateX(50%);
    transform: translateY(-50%)
}

.sk-tooltip-rich .sk-tooltip-inner p {
    color: var(--color-white);
    font-size: 1.2rem
}

    .sk-tooltip-rich .sk-tooltip-inner p:last-child {
        margin-bottom: 0
    }

    .sk-tooltip-rich .sk-tooltip-inner p:not(:last-child) {
        margin-bottom: .5rem
    }

.sk-tooltip-rich .sk-tooltip-inner ul {
    list-style-type: disc;
    text-align: left;
    list-style-position: initial;
    padding-left: var(--gutter-base)
}

.sk-tooltip.sk-tooltip-rich .sk-tooltip-wrapper {
    color: revert;
    background: transparent;
    bottom: 0
}

.sk-tooltip-rich.sk-tooltip-right .sk-tooltip-wrapper {
    top: -.7rem;
    transform: translateY(0);
    transform: translateX(0);
    left: 3rem;
    border: .1rem solid var(--color-border)
}

@media(max-width:1024px) {
    .sk-tooltip-rich {
        position: initial
    }

    .data-wrapper:has(.sk-tooltip-rich) {
        position: relative
    }

    .sk-tooltip-rich .sk-tooltip-wrapper {
        scale: 0;
        transition: scale,opacity .2s ease
    }

    .sk-tooltip-rich .sk-tooltip-trigger:hover + .sk-tooltip-wrapper {
        scale: 1
    }

    .sk-tooltip-rich.sk-tooltip-top .sk-tooltip-wrapper, .sk-tooltip-rich.sk-tooltip-right .sk-tooltip-wrapper, .sk-tooltip-rich.sk-tooltip-bottom .sk-tooltip-wrapper, .sk-tooltip-rich.sk-tooltip-left .sk-tooltip-wrapper {
        bottom: revert;
        left: 50%;
        top: revert;
        right: revert;
        transform: translateX(-50%)
    }
}

.sk-expansion-panels {
    padding: 0;
    border: .1rem solid rgba(var(--color-black)/15%);
    border-radius: var(--radius-base)
}

    .sk-expansion-panels .sk-expansion-inner {
        flex: 1 0 100%;
        max-width: 100%;
        position: relative;
        transition: .3s cubic-bezier(.25,.8,.5,1);
        border-top: .1rem solid rgba(var(--color-black)/15%)
    }

        .sk-expansion-panels .sk-expansion-inner:first-child {
            border-top: 0
        }

    .sk-expansion-panels .sk-expansion-header {
        align-items: center;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        display: flex;
        line-height: 1;
        outline: 0;
        padding: 1rem 1rem 1rem var(--gutter-base);
        position: relative;
        transition: min-height .3s cubic-bezier(.25,.8,.5,1);
        width: 100%;
        cursor: pointer
    }

    .sk-expansion-panels .sk-expansion-action {
        padding: 0;
        text-align: left;
        line-height: 1.25;
        width: 100%;
        justify-content: space-between;
        display: flex;
        font-weight: var(--font-weight-bold,bold)
    }

        .sk-expansion-panels .sk-expansion-action .sk-icons {
            flex-shrink: 0
        }

    .sk-expansion-panels .sk-expansion-content {
        display: none;
        padding: 0 var(--gutter-base) var(--gutter-base)
    }

.sk-expansion-inner.sk-active .sk-expansion-content {
    display: block
}

.sk-expansion-panels .sk-expansion-action .sk-icons svg {
    fill: var(--color-text-muted)
}

.sk-expansion-inner.sk-active .sk-expansion-action .sk-icons svg {
    transform: rotate(180deg)
}

.sk-ratings {
    display: flex;
    align-items: center;
    line-height: normal
}

    .sk-ratings .sk-star {
        margin-right: 1rem;
        color: #333;
        font-size: 1.4rem
    }

    .sk-ratings.sk-small [class*=star], .sk-ratings.sk-medium [class*="star"] {
        background-image: var(--star-rating),var(--star-rating),var(--star-rating),var(--star-rating),var(--star-rating);
        background-repeat: no-repeat;
        display: inline-block;
        overflow: hidden;
        text-indent: -300rem
    }

    .sk-ratings.sk-small [class*=star] {
        background-size: 1.5rem 4.5rem;
        width: 8.1rem;
        height: 1.5rem
    }

    .sk-ratings.sk-small .sk-star0 {
        background-position: center left,center left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
    }

    .sk-ratings.sk-small .sk-star0-5 {
        background-position: bottom left,center left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
    }

    .sk-ratings.sk-small .sk-star1 {
        background-position: top left,center left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
    }

    .sk-ratings.sk-small .sk-star1-5 {
        background-position: top left,bottom left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
    }

    .sk-ratings.sk-small .sk-star2 {
        background-position: top left,top left 1.6rem,center left 3.2rem,center left 4.8rem,center left 6.4rem
    }

    .sk-ratings.sk-small .sk-star2-5 {
        background-position: top left,top left 1.6rem,bottom left 3.2rem,center left 4.8rem,center left 6.4rem
    }

    .sk-ratings.sk-small .sk-star3 {
        background-position: top left,top left 1.6rem,top left 3.2rem,center left 4.8rem,center left 6.4rem
    }

    .sk-ratings.sk-small .sk-star3-5 {
        background-position: top left,top left 1.6rem,top left 3.2rem,bottom left 4.8rem,center left 6.4rem
    }

    .sk-ratings.sk-small .sk-star4 {
        background-position: top left,top left 1.6rem,top left 3.2rem,top left 4.8rem,center left 6.4rem
    }

    .sk-ratings.sk-small .sk-star4-5 {
        background-position: top left,top left 1.6rem,top left 3.2rem,top left 4.8rem,bottom left 6.4rem
    }

    .sk-ratings.sk-small .sk-star5 {
        background-position: top left,top left 1.6rem,top left 3.2rem,top left 4.8rem,top left 6.4rem
    }

    .sk-ratings.sk-medium [class*="star"] {
        background-size: 2rem 6rem;
        width: 11rem;
        height: 2rem
    }

    .sk-ratings.sk-medium .sk-star0 {
        background-position: center left,center left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star0-5 {
        background-position: bottom left,center left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star1 {
        background-position: top left,center left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star1-5 {
        background-position: top left,bottom left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star2 {
        background-position: top left,top left 2.2rem,center left 4.4rem,center left 6.6rem,center left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star2-5 {
        background-position: top left,top left 2.2rem,bottom left 4.4rem,center left 6.6rem,center left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star3 {
        background-position: top left,top left 2.2rem,top left 4.4rem,center left 6.6rem,center left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star3-5 {
        background-position: top left,top left 2.2rem,top left 4.4rem,bottom left 6.6rem,center left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star4 {
        background-position: top left,top left 2.2rem,top left 4.4rem,top left 6.6rem,center left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star4-5 {
        background-position: top left,top left 2.2rem,top left 4.4rem,top left 6.6rem,bottom left 8.8rem
    }

    .sk-ratings.sk-medium .sk-star5 {
        background-position: top left,top left 2.2rem,top left 4.4rem,top left 6.6rem,top left 8.8rem
    }

.sk-ratings-group {
    display: flex;
    align-items: center;
    gap: .5rem
}

    .sk-ratings-group.sk-inline {
        display: flex;
        align-items: center
    }

.sk-pagination {
    display: flex;
    width: 100%
}

    .sk-pagination ul {
        align-items: center;
        display: inline-flex;
        list-style-type: none;
        max-width: 100%;
        gap: 1rem;
        margin: var(--gutter-base) 0
    }

    .sk-pagination li {
        background: var(--color-white);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 3rem;
        min-width: 3rem;
        padding: 0 .5rem;
        font-size: 1.4rem;
        text-decoration: none;
        color: var(--color-text-muted);
        font-weight: 500;
        cursor: pointer;
        user-select: none;
        border-radius: var(--radius-base);
        border: .1rem solid var(--color-border)
    }

        .sk-pagination li.sk-active {
            background: var(--color-primary);
            color: var(--color-white);
            border-color: var(--color-primary);
            pointer-events: none
        }

        .sk-pagination li.dots {
            border: 0;
            font-weight: 700;
            pointer-events: none
        }

        .sk-pagination li a {
            color: inherit
        }

        .sk-pagination li:hover {
            background: var(--color-primary);
            color: var(--color-white)
        }

            .sk-pagination li:hover .sk-icons svg {
                fill: var(--color-white)
            }

    .sk-pagination .sk-icons {
        color: var(--color-text-muted)
    }

        .sk-pagination .sk-icons svg {
            fill: var(--color-text-muted);
            width: 2.4rem;
            height: 2.4rem
        }

.sk-carousel .sk-carousel-inner {
    display: flex;
    overflow-x: auto;
    overflow-x: overlay;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    gap: var(--gutter-base);
    scroll-padding-left: 10%;
    overflow-y: hidden
}

.sk-carousel .sk-carousel-item {
    max-width: 30rem;
    width: 80%;
    flex-shrink: 0;
    border: .1rem solid var(--color-border);
    border-radius: .5rem;
    scroll-snap-align: start;
    scroll-padding: 2rem
}

    .sk-carousel .sk-carousel-item .sk-card {
        margin-bottom: 0
    }

.sk-carousel.sk-carousel-center .sk-carousel-inner {
    max-width: 50rem;
    margin: 0 auto
}

.sk-carousel.sk-carousel-center .sk-carousel-item {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center
}

.sk-carousel.sk-carousel-center .sk-carousel-inner {
    scroll-padding-left: 0
}

.sk-carousel .sk-carousel-nav {
    justify-content: space-between;
    align-items: center
}

    .sk-carousel .sk-carousel-nav .sk-icons {
        cursor: pointer;
        font-size: 4.8rem;
        color: var(--color-text-muted);
        display: block
    }

    .sk-carousel .sk-carousel-nav .sk-prev, .sk-carousel .sk-carousel-nav .sk-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .sk-carousel .sk-carousel-nav .sk-prev {
        left: 0
    }

    .sk-carousel .sk-carousel-nav .sk-next {
        right: 0
    }

    .sk-carousel .sk-carousel-nav svg {
        cursor: pointer;
        width: 5rem;
        height: 5rem;
        padding: .8rem;
        fill: var(--color-light);
        background: rgba(var(--color-black-rgb)/20%);
        border-radius: var(--radius-pill)
    }

.sk-carousel .sk-carousel-dots {
    display: flex;
    justify-content: center;
    margin-top: var(--gutter-base)
}

    .sk-carousel .sk-carousel-dots .sk-dot {
        width: .6rem;
        height: .6rem;
        border: .1rem solid var(--color-text-muted);
        margin: .4rem;
        border-radius: 1rem;
        background-color: var(--color-white);
        cursor: pointer
    }

        .sk-carousel .sk-carousel-dots .sk-dot.sk-active {
            background-color: var(--color-dark)
        }

@media(min-width:768px) {
    .sk-carousel .sk-carousel-nav {
        display: flex
    }
}

.sk-gallery-panel .sk-gallery-header {
    padding: 1rem
}

.sk-gallery-panel .sk-gallery-inner {
    background-color: var(--color-body-color)
}

.sk-gallery-panel .sk-gallery-header:not(:empty) {
    border-bottom: 0
}

.sk-gallery-panel .sk-gallery-header .sk-icons {
    color: var(--color-white)
}

.sk-gallery-panel .sk-gallery-header button {
    background-color: transparent
}

    .sk-gallery-panel .sk-gallery-header button:hover {
        background-color: var(--color-white)
    }

        .sk-gallery-panel .sk-gallery-header button:hover svg {
            fill: var(--color-dark)
        }

    .sk-gallery-panel .sk-gallery-header button svg {
        fill: currentColor
    }

.sk-gallery-panel .sk-gallery-body {
    padding: var(--gutter-base);
    margin: 0;
    height: 100%
}

.sk-gallery-panel .sk-menu {
    position: fixed;
    top: 0;
    justify-content: center;
    width: calc(100% - 10rem);
    left: 0;
    right: 0;
    margin: 0 auto;
    border-bottom: 0
}

    .sk-gallery-panel .sk-menu ul {
        justify-content: center;
        border-bottom: 0
    }

    .sk-gallery-panel .sk-menu li {
        color: var(--color-light);
        height: 5.6rem;
        flex: initial;
        border-bottom: 0
    }

        .sk-gallery-panel .sk-menu li.sk-active {
            color: var(--color-white)
        }

        .sk-gallery-panel .sk-menu li:hover {
            background-color: transparent
        }

.sk-gallery-panel .sk-gallery-image {
    max-width: 100%;
    max-height: 100%
}

.sk-gallery-panel .sk-panel-footer {
    border-top: 0
}

.sk-gallery-panel .sk-carousel-nav .sk-icons:hover {
    background: var(--color-white);
    border-radius: 100%
}

    .sk-gallery-panel .sk-carousel-nav .sk-icons:hover svg {
        fill: var(--color-dark)
    }

.sk-gallery-panel .sk-carousel-video {
    width: 100%;
    height: 100%
}

.sk-gallery-panel .sk-menu nav {
    border-bottom: 0
}

.sk-gallery-panel .sk-carousel {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.sk-gallery-panel .sk-gallery-header {
    text-align: right
}

.sk-gallery-panel .sk-carousel .sk-carousel-item {
    border: 0;
    height: 100%
}

.sk-gallery-panel .sk-carousel .sk-carousel-inner {
    scroll-padding-left: 0;
    align-items: center;
    max-width: 100%
}

.sk-gallery-panel #videoContent .sk-carousel .sk-carousel-inner {
    max-width: 100%
}

.sk-gallery-panel .sk-tab-content {
    height: 100%;
    justify-content: center
}

.sk-gallery-panel .sk-carousel img {
    margin: auto;
    height: calc(100vh - 15rem);
    object-fit: contain;
    border-radius: var(--radius-base)
}

.sk-gallery-panel #videoContent .sk-carousel-item {
    height: calc(100vh - 15rem);
    max-width: 100%;
    width: 100%
}

.sk-gallery-panel .sk-gallery-body .sk-tabs {
    height: 100%
}

@media(min-width:768px) {
    .sk-gallery-panel .sk-gallery-header {
        padding: 1.2rem
    }

    .sk-gallery-panel .sk-menu li {
        height: 6.4rem
    }

    .sk-gallery-panel .sk-carousek-video {
        width: 80%;
        height: 80%
    }

    .sk-gallery-panel .sk-carousel .sk-carousel-inner {
        max-width: 75%
    }
}

.sk-list .sk-list-item {
    display: flex
}

.sk-list.sk-list-inline {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.sk-text-field, .sk-text-select, .sk-autocomplete, .sk-textarea {
    position: relative;
    margin-bottom: var(--gutter-base)
}

    .sk-textarea .sk-input {
        resize: none
    }

    .sk-text-field[disabled], .sk-text-select[disabled], .sk-autocomplete[disabled], .sk-textarea[disabled] {
        cursor: not-allowed
    }

        .sk-text-field[disabled] .sk-event-group, .sk-text-field[disabled] .sk-input, .sk-text-field[disabled] .sk-helper-line, .sk-text-select[disabled] .sk-event-group, .sk-text-select[disabled] select, .sk-text-select[disabled] .sk-helper-line, .sk-autocomplete[disabled] .sk-event-group, .sk-autocomplete[disabled] select, .sk-autocomplete[disabled] .sk-helper-line, .sk-textarea[disabled] .sk-event-group, .sk-textarea[disabled] .sk-input, .sk-textarea[disabled] .sk-helper-line {
            pointer-events: none;
            border-color: var(--color-disabled-text) !important
        }

        .sk-text-field[disabled] .sk-event-group, .sk-text-field[disabled] .sk-input, .sk-text-field[disabled] .sk-floating-label, .sk-text-field[disabled] .sk-required, .sk-text-field[disabled] .sk-helper-line, .sk-text-select[disabled] .sk-event-group, .sk-text-select[disabled] .sk-input, .sk-text-select[disabled] .sk-floating-label, .sk-text-select[disabled] .sk-required, .sk-text-select[disabled] select, .sk-text-select[disabled] .sk-helper-line, .sk-autocomplete[disabled] .sk-event-group, .sk-autocomplete[disabled] .sk-input, .sk-autocomplete[disabled] .sk-floating-label, .sk-autocomplete[disabled] .sk-required, .sk-autocomplete[disabled] select, .sk-autocomplete[disabled] .sk-helper-line, .sk-textarea[disabled] .sk-event-group, .sk-textarea[disabled] .sk-input, .sk-textarea[disabled] .sk-floating-label, .sk-textarea[disabled] .sk-required, .sk-textarea[disabled] .sk-helper-line {
            color: var(--color-disabled-text) !important
        }

        .sk-text-field[disabled] .sk-icons svg, .sk-text-select[disabled] .sk-icons svg, .sk-autocomplete[disabled] .sk-icons svg, .sk-textarea[disabled] .sk-icons svg {
            fill: var(--color-disabled-text) !important
        }

    .sk-text-select .sk-event-group, .sk-text-select select {
        cursor: pointer
    }

    .sk-text-field .sk-event-group, .sk-textarea .sk-event-group, .sk-text-select .sk-event-group, .sk-autocomplete .sk-event-group {
        border: .1rem solid rgba(var(--color-black-rgb)/42%);
        border-radius: var(--radius-base);
        width: 100%;
        font-size: var(--font-size-base);
        color: var(--color-body-color);
        text-overflow: ellipsis;
        position: relative;
        background: var(--color-white);
        display: flex;
        align-items: center;
        padding: 0 var(--gutter-base)
    }

        .sk-text-field .sk-event-group:hover, .sk-textarea .sk-event-group:hover, .sk-text-select .sk-event-group:hover, .sk-autocomplete .sk-event-group:hover {
            border-color: var(--color-black)
        }

    .sk-text-field .sk-event-group, .sk-text-select .sk-event-group, .sk-autocomplete .sk-event-group {
        height: 3.8rem
    }

    .sk-textarea .sk-event-group {
        height: 15rem
    }

    .sk-text-field .sk-input, .sk-textarea .sk-input, .sk-text-select select, .sk-text-select .sk-selected-text, .sk-autocomplete .sk-selected-text, .sk-autocomplete .sk-selected-text .sk-input {
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: inherit;
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        padding: 0
    }

    .sk-text-field.sk-large .sk-input, .sk-text-field.sk-xlarge .sk-input, .sk-text-select.sk-large select, .sk-text-select.sk-xlarge select, .sk-text-select.sk-xlarge .sk-selected-text, .sk-text-select.sk-large .sk-selected-text, .sk-autocomplete.sk-large .sk-selected-text, .sk-autocomplete.sk-large .sk-selected-text .sk-input, .sk-autocomplete.sk-xlarge .sk-selected-text, .sk-autocomplete.sk-xlarge .sk-selected-text .sk-input {
        font-size: var(--font-size-base)
    }

    .sk-text-field.sk-focus .sk-event-group, .sk-textarea.sk-focus .sk-event-group, .sk-text-select.sk-focus .sk-event-group, .sk-autocomplete.sk-focus .sk-event-group {
        border: .1rem solid var(--color-link)
    }

    .sk-text-field .sk-floating-label, .sk-textarea .sk-floating-label, .sk-text-select .sk-floating-label, .sk-autocomplete .sk-floating-label {
        position: absolute;
        left: var(--gutter-base);
        top: 50%;
        transform: translateY(-50%);
        color: var(--color-black);
        transition: all .2s;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: left;
        text-transform: inherit;
        pointer-events: none;
        z-index: 1
    }

    .sk-textarea .sk-event-group {
        padding: var(--gutter-base)
    }

    .sk-textarea .sk-floating-label {
        top: 15%
    }

    .sk-textarea .sk-input:focus-visible {
        outline: 0
    }

    .sk-text-field.sk-focus .sk-icons + .sk-input + .sk-floating-label, .sk-text-field.sk-valid .sk-icons + .sk-input + .sk-floating-label, .sk-text-field.sk-error .sk-icons + .sk-input + .sk-floating-label {
        left: var(--gutter-base)
    }

    .sk-text-field.sk-small.sk-focus .sk-icons + .sk-input + .sk-floating-label, .sk-text-field.sk-small.sk-valid .sk-icons + .sk-input + .sk-floating-label, .sk-text-field.sk-small.sk-error .sk-icons + .sk-input + .sk-floating-label {
        left: 1rem
    }

    .sk-text-field.sk-focus .sk-text-prefix + .sk-input + .sk-floating-label, .sk-text-field.sk-valid .sk-text-prefix + .sk-input + .sk-floating-label, .sk-text-field.sk-error .sk-text-prefix + .sk-input + .sk-floating-label {
        left: var(--gutter-base)
    }

    .sk-text-field .sk-text-prefix + .sk-input {
        padding-left: var(--gutter-base)
    }

    .sk-text-field.sk-small .sk-text-prefix + .sk-input {
        padding-left: 1rem
    }

    .sk-text-field.sk-focus .sk-floating-label, .sk-text-field.sk-valid .sk-floating-label, .sk-text-field.sk-error .sk-floating-label, .sk-textarea.sk-focus .sk-floating-label, .sk-textarea.sk-valid .sk-floating-label, .sk-textarea.sk-error .sk-floating-label, .sk-text-select.sk-focus .sk-floating-label, .sk-text-select.sk-valid .sk-floating-label, .sk-text-select.sk-error .sk-floating-label, .sk-autocomplete.sk-focus .sk-floating-label, .sk-autocomplete.sk-valid .sk-floating-label, .sk-autocomplete.sk-error .sk-floating-label {
        top: -.1rem;
        background: var(--color-white);
        font-weight: normal;
        z-index: 1;
        font-size: 1.2rem;
        padding: 0 .2rem;
        left: var(--gutter-base)
    }

    .sk-text-field.sk-focus .sk-floating-label, .sk-text-field.sk-focus.sk-valid .sk-floating-label, .sk-textarea.sk-focus .sk-floating-label, .sk-textarea.sk-focus.sk-valid .sk-floating-label, .sk-text-select.sk-focus .sk-floating-label, .sk-text-select.sk-focus.sk-valid .sk-floating-label, .sk-autocomplete.sk-focus .sk-floating-label, .sk-autocomplete.sk-focus.sk-valid .sk-floating-label {
        color: var(--color-link)
    }

    .sk-text-field.sk-valid .sk-floating-label, .sk-textarea.sk-valid .sk-floating-label, .sk-text-select.sk-valid .sk-floating-label, .sk-autocomplete.sk-valid .sk-floating-label {
        color: var(--color-black)
    }

    .sk-text-field.sk-error .sk-event-group, .sk-textarea.sk-error .sk-event-group, .sk-text-select.sk-error .sk-event-group, .sk-autocomplete.sk-error .sk-event-group {
        border: .2rem solid var(--color-danger)
    }

    .sk-text-field.sk-error .sk-floating-label, .sk-text-field.sk-focus.sk-error .sk-floating-label, .sk-textarea.sk-error .sk-floating-label, .sk-textarea.sk-focus.sk-error .sk-floating-label, .sk-text-select.sk-error .sk-floating-label, .sk-text-select.sk-focus.sk-error .sk-floating-label, .sk-autocomplete.sk-error .sk-floating-label, .sk-autocomplete.sk-focus.sk-error .sk-floating-label {
        color: var(--color-danger)
    }

.sk-helper-line {
    display: flex;
    align-items: center
}

    .sk-helper-line .sk-helper-text, .sk-helper-line .sk-error-text, .sk-helper-line .sk-char-counter {
        font-size: 1.2rem;
        letter-spacing: .04rem;
        margin-top: .3rem;
        display: none
    }

        .sk-helper-line .sk-error-text:empty, .sk-helper-line .sk-helper-text:empty, .sk-helper-line .sk-char-counter:empty {
            display: none
        }

    .sk-helper-line .sk-char-counter {
        margin-left: auto
    }

    .sk-helper-line .sk-error-text {
        color: var(--color-danger)
    }

.sk-text-field.sk-xlarge .sk-event-group, .sk-text-select.sk-xlarge .sk-event-group, .sk-autocomplete.sk-xlarge .sk-event-group {
    height: 5.6rem
}

.sk-text-field.sk-large .sk-event-group, .sk-text-select.sk-large .sk-event-group, .sk-autocomplete.sk-large .sk-event-group {
    height: 4.8rem
}

.sk-text-field.sk-small .sk-event-group, .sk-text-select.sk-small .sk-event-group, .sk-autocomplete.sk-small .sk-event-group {
    height: 3.2rem;
    padding: 0 var(--gutter-small)
}

.sk-text-field.sk-xlarge .sk-floating-label, .sk-text-field.sk-xlarge .sk-text-prefix, .sk-text-field.sk-large .sk-floating-label, .sk-text-field.sk-large .sk-text-prefix, .sk-text-select.sk-xlarge .sk-floating-label, .sk-text-select.sk-xlarge .sk-selected-text, .sk-text-select.sk-large .sk-floating-label, .sk-text-select.sk-large .sk-selected-text, .sk-autocomplete.sk-xlarge .sk-floating-label, .sk-autocomplete.sk-large .sk-floating-label, .sk-autocomplete.sk-large .sk-selected-text, .sk-autocomplete.sk-xlarge .sk-selected-text {
    font-size: var(--font-size-base)
}

.sk-text-field.sk-xlarge.sk-focus .sk-floating-label, .sk-text-field.sk-xlarge.sk-valid .sk-floating-label, .sk-text-field.sk-xlarge.sk-error .sk-floating-label, .sk-text-field.sk-large.sk-focus .sk-floating-label, .sk-text-field.sk-large.sk-valid .sk-floating-label, .sk-text-field.sk-large.sk-error .sk-floating-label, .sk-text-select.sk-xlarge.sk-focus .sk-floating-label, .sk-text-select.sk-xlarge.sk-valid .sk-floating-label, .sk-text-select.sk-xlarge.sk-error .sk-floating-label, .sk-text-select.sk-large.sk-focus .sk-floating-label, .sk-text-select.sk-large.sk-valid .sk-floating-label, .sk-text-select.sk-large.sk-error .sk-floating-label, .sk-autocomplete.sk-xlarge.sk-focus .sk-floating-label, .sk-autocomplete.sk-xlarge.sk-valid .sk-floating-label, .sk-autocomplete.sk-xlarge.sk-error .sk-floating-label, .sk-autocomplete.sk-large.sk-focus .sk-floating-label, .sk-autocomplete.sk-large.sk-valid .sk-floating-label, .sk-autocomplete.sk-large.sk-error .sk-floating-label {
    font-size: 1.2rem
}

.sk-text-field .sk-icons {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    user-select: none
}

    .sk-text-field .sk-icons + .sk-input {
        padding: 0 0 0 var(--gutter-base)
    }

.sk-text-field.sk-small .sk-icons + .sk-input {
    padding-left: 1rem
}

.sk-text-field .sk-text-prefix, .sk-text-select .sk-event-group > .sk-icons, .sk-autocomplete .sk-event-group > .sk-icons {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    user-select: none
}

.sk-text-field .sk-icons, .sk-text-select .sk-icons, .sk-autocomplete .sk-icons, .sk-textarea .sk-icons {
    color: #767676
}

    .sk-text-field .sk-icons:has(.sk-text) {
        cursor: pointer;
        width: 5.5rem;
        margin-left: calc(var(--gutter-base)*-1);
        border-right: .1rem solid;
        border-color: inherit;
        padding: 0
    }

    .sk-text-field .sk-icons svg, .sk-text-select .sk-icons svg, .sk-autocomplete .sk-icons svg, .sk-textarea .sk-icons svg {
        fill: #767676
    }

.sk-text-field[disabled] .sk-icons, .sk-text-select[disabled] .sk-icons, .sk-autocomplete[disabled] .sk-icons, .sk-textarea[disabled] .sk-icons {
    color: var(--color-disabled-text) !important
}

    .sk-text-field[disabled] .sk-icons svg, .sk-text-select[disabled] .sk-icons svg, .sk-autocomplete[disabled] .sk-icons svg, .sk-textarea[disabled] .sk-icons svg {
        fill: var(--color-disabled-text) !important
    }

.sk-text-select .sk-event-group .sk-icons {
    margin-right: -.5rem
}

.sk-text-select select + .sk-icons {
    position: absolute;
    right: var(--gutter-base);
    left: auto;
    pointer-events: none
}

.sk-text-field .sk-button .sk-icons {
    color: var(--color-link);
    margin: 0
}

    .sk-text-field .sk-button .sk-icons svg {
        fill: var(--color-link)
    }

.sk-text-field.sk-small .sk-icons svg {
    width: 2rem;
    height: 2rem
}

.sk-text-field .sk-icons + .sk-input + .sk-floating-label {
    left: 4.8rem
}

.sk-text-field.sk-small .sk-icons + .sk-input + .sk-floating-label {
    left: 3.8rem
}

.sk-text-field .sk-text-prefix + .sk-input + .sk-floating-label {
    left: 7.2rem
}

.sk-text-field .sk-text-prefix {
    border-right: .1rem solid var(--color-border);
    flex-shrink: 0;
    padding-right: var(--gutter-base)
}

.sk-text-field .sk-button {
    min-width: 0;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    flex-shrink: 0
}

.sk-text-field.sk-large .sk-button .sk-icons svg, .sk-text-field.sk-xlarge .sk-button .sk-icons svg {
    height: 2.4rem;
    width: 2.4rem
}

.sk-text-select select {
    margin: 0 calc(var(--gutter-base)*-1);
    padding: 0 var(--gutter-base)
}

.sk-text-select select, .sk-text-select .sk-selected-text {
    -webkit-appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1
}

.sk-text-select.sk-large select, .sk-text-select.sk-xlarge select {
    font-size: var(--font-size-base)
}

.sk-text-select .sk-overflow-list, .sk-autocomplete .sk-overflow-list {
    left: 0;
    min-width: 100%;
    max-width: 100%;
    max-height: 27rem;
    overflow: hidden;
    overflow-y: overlay
}

    .sk-text-select .sk-overflow-list li, .sk-autocomplete .sk-overflow-list li {
        font-size: 1.6rem;
        line-height: 1.2
    }

.sk-text-select.sk-small .sk-overflow-list, .sk-autocomplete.sk-small .sk-selected-text {
    top: 3.2rem
}

.sk-text-select .sk-overflow-list, .sk-autocomplete .sk-selected-text {
    top: 3.8rem
}

.sk-text-select.sk-large .sk-overflow-list, .sk-autocomplete.sk-large .sk-selected-text {
    top: 4.8rem
}

.sk-text-select.sk-xlarge .sk-overflow-list, .sk-autocomplete.sk-xlarge .sk-selected-text {
    top: 5.6rem
}

.sk-text-select .sk-chipset, .sk-autocomplete .sk-chipset {
    margin: 0
}

.sk-autocomplete .sk-selected-text {
    padding: 0
}

.sk-autocomplete .sk-chipset {
    margin: 0;
    padding: var(--gutter-small) 0
}

.sk-text-field .sk-icons + .sk-input + .sk-floating-label {
    left: 6.8rem
}

.sk-toast {
    position: fixed;
    bottom: 8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    transform: translateY(0);
    transition: 800ms ease
}

    .sk-toast.sk-hide {
        transform: translateY(1000%);
        display: flex !important
    }

.sk-toast-container {
    background: var(--color-dark-gray);
    color: var(--color-white);
    min-width: 34rem;
    max-width: 67rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.4rem;
    padding: 1rem 2rem;
    border-radius: .4rem;
    box-shadow: 0 0 3px #00000048
}

.sk-toast-label {
    flex-grow: 1;
    line-height: 1.2
}

.sk-toast-container .sk-icons {
    font-size: 2rem
}

.sk-toast-action .sk-button:hover {
    box-shadow: none
}

@media(max-width:768px) {
    .sk-toast {
        margin: 0 1rem
    }
}

progress {
    height: 1rem;
    width: 100%
}

    progress, progress[value]::-webkit-progress-bar {
        background-color: #eaeaea;
        border-radius: var(--radius-pill);
        border: 0 !important
    }

        progress, progress[value]::-webkit-progress-value {
            border-radius: var(--radius-pill);
            background-color: #eaeaea
        }

            progress[value]::-webkit-progress-value {
                background-color: #feb42b
            }

            progress::-moz-progress-bar {
                background-color: #feb42b;
                border-radius: var(--radius-pill)
            }

            progress.progress-moderate[value]::-webkit-progress-value {
                background-color: var(--color-primary)
            }

            progress::-moz-progress-bar {
                background-color: #feb42b;
                border-radius: var(--radius-pill)
            }

.progress-moderate {
    color: var(--color-primary)
}

progress.progress-good[value]::-webkit-progress-value {
    background-color: var(--color-success)
}

progress::-moz-progress-bar {
    background-color: #feb42b
}

.progress-good {
    color: var(--color-success)
}

progress.progress-poor[value]::-webkit-progress-value {
    background-color: var(--color-danger)
}

progress::-moz-progress-bar {
    background-color: #feb42b
}

.progress-poor {
    color: var(--color-danger)
}

.sk-text-select.sk-xlarge .sk-event-group .sk-icons:first-child {
    font-size: 2.4rem
}

.sk-text-select.sk-large .sk-event-group .sk-icons:first-child {
    font-size: 2.2rem
}

.sk-text-select.sk-small .sk-event-group .sk-icons:first-child {
    font-size: 1.6rem
}

.sk-text-select .sk-event-group .sk-icons:first-child {
    font-size: 2rem
}

.sk-text-select .sk-event-group .sk-icons ~ .sk-floating-label {
    left: 3rem
}

.sk-text-select.sk-valid .sk-event-group .sk-icons ~ .sk-floating-label, .sk-text-select.sk-focus .sk-event-group .sk-icons ~ .sk-floating-label {
    left: var(--gutter-base)
}

.sk-text-select select, .sk-text-select.sk-small .sk-selected-text {
    line-height: 1.6
}

.sk-text-field input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.sk-text-field input[type=date] + .sk-button {
    pointer-events: none;
    padding-left: 1rem
}

    .sk-text-field input[type=date] + .sk-button .sk-icons {
        font-size: 1.8rem
    }

@media(max-width:768px) {
    .sk-overflow-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: var(--zindex-3);
        background: var(--color-white);
        box-shadow: 0 .3rem 1rem rgb(0 0 0/60%);
        display: block
    }

        .sk-overflow-bottom .sk-overflow-list {
            height: 100%;
            position: static;
            box-shadow: none;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

    .sk-overflow-list .sk-list-label {
        font-weight: var(--font-weight-bold,bold);
        padding: var(--gutter-base)
    }

    .sk-overflow-bottom .sk-overflow-list li {
        line-height: 2;
        font-size: 1.6rem
    }

    .sk-overflow-bottom .sk-flex {
        padding: 1rem;
        align-items: center;
        justify-content: space-between;
        border-bottom: .1rem solid var(--color-border)
    }

        .sk-overflow-bottom .sk-flex .sk-button {
            background: transparent
        }

    .sk-overflow-bottom .sk-backdrop {
        z-index: -1;
        display: none
    }

    .sk-overflow-bottom :is(.sk-show) + .sk-backdrop {
        display: block
    }
}

.sk-no-scroll {
    overflow: hidden !important
}

.sk-otp {
    padding: 2.5rem 0;
    text-align: center;
    width: 100%
}

    .sk-otp p {
        margin: var(--gutter-base) 0
    }

    .sk-otp .otp-block {
        margin: 3rem 0 1rem;
        padding-left: var(--gutter-xlarge)
    }

    .sk-otp .otp-input {
        height: 6.5rem;
        margin: 0 auto;
        padding-left: 1.8rem;
        position: relative;
        width: 26rem
    }

        .sk-otp .otp-input .box-1 {
            left: 0
        }

        .sk-otp .otp-input .box-2 {
            left: 5.9rem
        }

        .sk-otp .otp-input .box-3 {
            left: 11.8rem
        }

        .sk-otp .otp-input .box-4 {
            left: 17.7rem
        }

        .sk-otp .otp-input span {
            border-bottom: .2rem solid var(--color-text-muted);
            height: 5rem;
            position: absolute;
            top: .6rem;
            width: 5rem
        }

        .sk-otp .otp-input .last-box {
            background: var(--color-white);
            border: 0;
            height: 5rem;
            position: absolute;
            right: 0;
            width: 3rem;
            z-index: 999
        }

    .sk-otp input {
        background-color: transparent;
        border: 0;
        color: var(--color-body-color);
        font-family: var(--font-family-primary);
        font-size: 2.6rem;
        font-weight: 600;
        height: 100%;
        letter-spacing: 4.4rem;
        position: relative;
        width: 100%;
        z-index: 50
    }

.sk-icons img {
    width: auto;
    height: 2.2rem
}

@media(max-width:1024px) {
    .sk-flex-mobile-reverse:has(.sk-col-fluid) {
        flex-direction: column-reverse
    }

    .sk-flex-mobile-reverse {
        flex-direction: row-reverse
    }
}

.sk-gallery-panel .sk-gallery-header {
    background: var(--color-dark)
}

.sk-gallery-panel .sk-gallery-body {
    background: var(--color-dark)
}

.country-code select {
    background: inherit;
    height: 100%
}

.language-selection {
    z-index: var(--zindex-4);
    cursor: pointer
}

.appbar-title-group {
    padding-left: var(--gutter-base)
}

.sk-panel .sk-appbar .sk-h6 {
    padding-left: var(--gutter-base)
}

.sticky-bottom {
    bottom: 0;
    background: var(--color-white);
    padding: var(--gutter-base);
    box-shadow: 0 -3px 3px rgba(var(--color-black-rgb)/12%);
    z-index: var(--zindex-1)
}

.gap-base {
    gap: var(--gutter-base)
}

.translated-ltr * {
    word-wrap: break-word
}

.translate-widget .skiptranslate .goog-te-gadget-simple {
    display: flex;
    border: .1rem solid var(--color-border);
    border-radius: var(--radius-base);
    padding: var(--gutter-small)
}

    .translate-widget .skiptranslate .goog-te-gadget-simple > span > a {
        display: flex
    }

iframe.skiptranslate {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: scroll
}

.skiptranslate iframe.skiptranslate {
    display: none !important
}

body {
    top: 0 !important
}

.translate-widget {
    border: .1rem solid var(--color-border);
    background: var(--color-white);
    border-radius: var(--radius-base);
    padding: var(--gutter-xsmall);
    cursor: pointer
}

.goog-te-gadget span {
    display: none
}

.goog-te-gadget {
    font-size: 0 !important;
    cursor: pointer
}

    .goog-te-gadget .goog-te-combo {
        cursor: pointer
    }

@media(max-width:768px) {
    .translate-widget {
        width: 14rem
    }

    .goog-te-gadget .goog-te-combo {
        width: 100%
    }
}

.business-info :is(.contact-card,.book-appointments) {
    gap: 1rem;
    flex-wrap: wrap;
    align-items: flex-start
}

.business-info .contact-card address, .business-info .contact-card .sk-overflow-menu {
    line-height: 1.4
}

.business-info :is(.contact-card,.book-appointments .sk-icons) {
    flex-shrink: 0
}

.business-info .contact-card a {
    color: var(--color-body-color)
}

    .business-info .contact-card a:hover {
        color: var(--color-link)
    }

.appointment-call {
    display: flex;
    align-items: center;
    gap: 1rem;
    line-height: 1
}

.hero-content .sk-button-group {
    margin-bottom: var(--gutter-large)
}

@media(max-width:768px) {
    .business-info :is(.contact-card,.book-appointments) {
        flex-wrap: nowrap
    }

    .appointment-call {
        flex-wrap: wrap
    }

        .appointment-call a {
            width: 100%
        }
}