.no-pointer {
    pointer-events: none
}

@keyframes opacity-in {
    0% {
        opacity: 0;
        transform: scale(0.98)
    }

    100% {
        opacity: 1
    }
}

@keyframes opacity-out {
    0% {
        opacity: 1
    }

    100% {
        transform: scale(0.98);
        opacity: 0
    }
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: 1fr 99fr 1fr;
    padding: 1em;
    overflow-y: hidden;
    background: #1c2429;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
    pointer-events: all
}

.swal2-popup.swal2-toast>* {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    margin: 0.5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: .5em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: 0.5em 0 0;
    padding: 0.5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: 0.5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: bold
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: 0;
    margin-top: .5em;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    animation: opacity-in 0.2s
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: opacity-out 0.2s forwards
}

@use 'sass:math';.swal2-container {
    display: grid;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color 0.1s;
    -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation {
    background: rgba(22,28,32,0.75)
}

.swal2-container.swal2-backdrop-hide {
    background: transparent !important
}

.swal2-container.swal2-top-start,.swal2-container.swal2-center-start,.swal2-container.swal2-bottom-start {
    grid-template-columns: minmax(0, 1fr) auto auto
}

.swal2-container.swal2-top,.swal2-container.swal2-center,.swal2-container.swal2-bottom {
    grid-template-columns: auto minmax(0, 1fr) auto
}

.swal2-container.swal2-top-end,.swal2-container.swal2-center-end,.swal2-container.swal2-bottom-end {
    grid-template-columns: auto auto minmax(0, 1fr)
}

.swal2-container.swal2-top-start>.swal2-popup {
    align-self: start
}

.swal2-container.swal2-top>.swal2-popup {
    grid-column: 2;
    align-self: start;
    justify-self: center
}

.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup {
    grid-column: 3;
    align-self: start;
    justify-self: end
}

.swal2-container.swal2-center-start>.swal2-popup,.swal2-container.swal2-center-left>.swal2-popup {
    grid-row: 2;
    align-self: center
}

.swal2-container.swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center
}

.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: end
}

.swal2-container.swal2-bottom-start>.swal2-popup,.swal2-container.swal2-bottom-left>.swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end
}

.swal2-container.swal2-bottom>.swal2-popup {
    grid-column: 2;
    grid-row: 3;
    justify-self: center;
    align-self: end
}

.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup {
    grid-column: 3;
    grid-row: 3;
    align-self: end;
    justify-self: end
}

.swal2-container.swal2-grow-row>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup {
    grid-column: 1/4;
    width: 100%
}

.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1/4;
    align-self: stretch
}

.swal2-container.swal2-no-transition {
    transition: none !important
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #161c20;
    color: #CFD8DC;
    font-family: inherit;
    font-size: 1rem
}

.swal2-popup:focus {
    outline: none
}

.swal2-popup.swal2-loading {
    overflow-y: hidden
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 0.8em 1em 0;
    color: #ECEFF1;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2))
}

.swal2-loader {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    border-color: #ECEFF1 transparent #ECEFF1 transparent
}

.swal2-styled {
    margin: .3125em;
    padding: 0.625em 1.1em;
    transition: box-shadow 0.1s;
    box-shadow: 0 0 0 3px transparent;
    font-weight: 500
}

.swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: var(--primary-color, #2e8b57);
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px #37474F
}

.swal2-styled.swal2-deny {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #ea5455;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-deny:focus {
    box-shadow: 0 0 0 3px rgba(234,84,85,0.5)
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #6e7d88;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(110,125,136,0.5)
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: 0 0 0 1px #161c20,0 0 0 3px rgba(138,176,213,0.5)
}

.swal2-styled:focus {
    outline: none
}

.swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-footer {
    justify-content: center;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #555;
    color: #a3b4bc;
    font-size: 1em
}

.swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto !important;
    height: .25em;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.swal2-timer-progress-bar {
    width: 100%;
    height: .25em;
    background: #607D8B
}

.swal2-image {
    max-width: 100%;
    margin: 2em auto 1em
}

.swal2-close {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color 0.1s,box-shadow 0.1s;
    border: none;
    border-radius: 5px;
    background: rgba(0,0,0,0);
    color: #ccc;
    font-family: serif;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end
}

.swal2-close:hover {
    transform: none;
    background: rgba(0,0,0,0);
    color: tomato
}

.swal2-close:focus {
    outline: none;
    box-shadow: inset 0 0 0 3px rgba(100,150,200,0.5)
}

.swal2-close::-moz-focus-inner {
    border: 0
}

.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em 0.3em;
    padding: 0;
    overflow: auto;
    color: #CFD8DC;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox {
    margin: 1em 2em 0
}

.swal2-input,.swal2-file,.swal2-textarea {
    box-sizing: border-box;
    width: auto;
    transition: border-color 0.1s,box-shadow 0.1s;
    border: 1px solid transparent;
    border-radius: .1875em;
    background: #263238;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.06),0 0 0 3px transparent;
    color: #CFD8DC;
    font-size: 1.125em
}

.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror {
    border-color: tomato !important;
    box-shadow: 0 0 2px tomato !important
}

.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus {
    border: 1px solid #546E7A;
    outline: none;
    box-shadow: none
}

.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder {
    color: #ccc
}

.swal2-range {
    margin: 1em 2em 0;
    background: #161c20
}

.swal2-range input {
    width: 80%
}

.swal2-range output {
    width: 20%;
    color: #CFD8DC;
    font-weight: 600;
    text-align: center
}

.swal2-range input,.swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-input {
    height: 2.625em;
    padding: 0 0.75em
}

.swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: #263238;
    font-size: 1.125em
}

.swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: #263238;
    color: #CFD8DC;
    font-size: 1.125em
}

.swal2-radio,.swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: #161c20;
    color: #CFD8DC
}

.swal2-radio label,.swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-radio input,.swal2-checkbox input {
    flex-shrink: 0;
    margin: 0 .4em
}

.swal2-input-label {
    display: flex;
    justify-content: left;
    margin: 2rem 0 0 2.3rem
}

.swal2-validation-message {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: .625em;
    overflow: hidden;
    background: #263238;
    color: #CFD8DC;
    font-size: 1em;
    font-weight: normal
}

.swal2-validation-message::before {
    content: '!';
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: tomato;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto 0.6em;
    border: 0.25em solid transparent;
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none
}

.swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: tomato;
    color: tomato
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: tomato
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
    left: 1.0625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
    right: 1em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
    animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: 0.25em solid rgba(165,220,134,0.3);
    border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: inherit;
    font-weight: 600
}

.swal2-progress-steps li {
    display: inline-block;
    position: relative
}

.swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
    background: #49606c;
    color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: #49606c
}

.swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4
}

[class^='swal2'] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    animation: opacity-in 0.2s
}

.swal2-hide {
    animation: opacity-out 0.2s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(0.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0deg)
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(0.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(0.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg)
    }

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

body.swal2-no-backdrop .swal2-container {
    background-color: transparent !important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px rgba(22,28,32,0.75)
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: transparent;
    pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.download-toast .swal2-timer-progress-bar {
    background-color: var(--primary-color, #2e8b57);
    transform-origin: left;
    transition: transform .2s
}

.swal-percent {
    float: right
}

.success-toast .swal2-timer-progress-bar {
    background-color: #78a642
}

.error-toast .swal2-timer-progress-bar {
    background-color: tomato
}

.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder {
    color: #78909C
}

.swal2-input-label {
    font-size: 1.2rem;
    font-weight: 600
}

.swal2-toast {
    overflow: hidden
}

.swal-files-path {
    font-size: .875rem;
    color: #78909C;
    display: block
}

.swal-files-name {
    color: #B0BEC5
}

.swal-files-has-path {
    font-weight: 500
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ol,ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 600
}

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

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: 600
}

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

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #2e8b57;
    text-decoration: none
}

a:hover {
    color: #256f46;
    text-decoration: underline
}

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

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

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

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

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

a>code {
    color: inherit
}

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

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

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

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

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

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button,select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

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

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

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

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

textarea {
    resize: vertical
}

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

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

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

legend+* {
    clear: left
}

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

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

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

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

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

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

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blockquote-footer::before {
    content: "\2014\00A0"
}

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

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

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

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

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

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

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

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

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

.form-control:focus {
    color: #546E7A;
    background-color: #ECEFF1;
    border-color: #97c5ab;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(46,139,87,0.25)
}

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

.form-control::placeholder {
    color: #90A4AE;
    opacity: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-select:focus {
    border-color: #97c5ab;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(46,139,87,0.25)
}

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

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

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

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

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

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

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

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

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

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

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

.form-check-input:focus {
    border-color: #97c5ab;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(46,139,87,0.25)
}

.form-check-input:checked {
    background-color: #2e8b57;
    border-color: #2e8b57
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(255,255,255,0.1)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(255,255,255,0.1)
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-floating {
    position: relative
}

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

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

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

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

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

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

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

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

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

.form-floating>.form-control:-webkit-autofill ~ label {
    opacity: .65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #000;
    background-color: rgba(120,166,66,0.9);
    border-radius: .15rem
}

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

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

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
    border-color: #78a642;
    box-shadow: 0 0 0 .25rem rgba(120,166,66,0.25)
}

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

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

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

.was-validated .form-select:valid:focus,.form-select.is-valid:focus {
    border-color: #78a642;
    box-shadow: 0 0 0 .25rem rgba(120,166,66,0.25)
}

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

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

.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem rgba(120,166,66,0.25)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn-check:focus+.btn,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(46,139,87,0.25)
}

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

.btn-primary {
    color: #000;
    background-color: #2e8b57;
    border-color: #2e8b57
}

.btn-primary:hover {
    color: #000;
    background-color: #4d9c70;
    border-color: #439768
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    color: #000;
    background-color: #4d9c70;
    border-color: #439768;
    box-shadow: 0 0 0 .25rem rgba(39,118,74,0.5)
}

.btn-check:checked+.btn-primary,.btn-check:active+.btn-primary,.btn-primary:active,.btn-primary.active,.show>.btn-primary.dropdown-toggle {
    color: #000;
    background-color: #58a279;
    border-color: #439768
}

.btn-check:checked+.btn-primary:focus,.btn-check:active+.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(39,118,74,0.5)
}

.btn-primary:disabled,.btn-primary.disabled {
    color: #000;
    background-color: #2e8b57;
    border-color: #2e8b57
}

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

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

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

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

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

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

.btn-success {
    color: #000;
    background-color: #78a642;
    border-color: #78a642
}

.btn-success:hover {
    color: #000;
    background-color: #8cb35e;
    border-color: #86af55
}

.btn-check:focus+.btn-success,.btn-success:focus {
    color: #000;
    background-color: #8cb35e;
    border-color: #86af55;
    box-shadow: 0 0 0 .25rem rgba(102,141,56,0.5)
}

.btn-check:checked+.btn-success,.btn-check:active+.btn-success,.btn-success:active,.btn-success.active,.show>.btn-success.dropdown-toggle {
    color: #000;
    background-color: #93b868;
    border-color: #86af55
}

.btn-check:checked+.btn-success:focus,.btn-check:active+.btn-success:focus,.btn-success:active:focus,.btn-success.active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(102,141,56,0.5)
}

.btn-success:disabled,.btn-success.disabled {
    color: #000;
    background-color: #78a642;
    border-color: #78a642
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-outline-primary {
    color: #2e8b57;
    border-color: #2e8b57
}

.btn-outline-primary:hover {
    color: #000;
    background-color: #2e8b57;
    border-color: #2e8b57
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(46,139,87,0.5)
}

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

.btn-check:checked+.btn-outline-primary:focus,.btn-check:active+.btn-outline-primary:focus,.btn-outline-primary:active:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(46,139,87,0.5)
}

.btn-outline-primary:disabled,.btn-outline-primary.disabled {
    color: #2e8b57;
    background-color: transparent
}

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

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

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

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

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

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

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

.btn-outline-success:hover {
    color: #000;
    background-color: #78a642;
    border-color: #78a642
}

.btn-check:focus+.btn-outline-success,.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(120,166,66,0.5)
}

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

.btn-check:checked+.btn-outline-success:focus,.btn-check:active+.btn-outline-success:focus,.btn-outline-success:active:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(120,166,66,0.5)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-link {
    font-weight: 400;
    color: #2e8b57;
    text-decoration: none
}

.btn-link:hover {
    color: #256f46;
    text-decoration: underline
}

.btn-link:focus {
    text-decoration: underline
}

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

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

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

.fade {
    transition: opacity 0.15s linear
}

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

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

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

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

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

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

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

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .15rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 600
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    color: #1c5334;
    background-color: #d5e8dd;
    border-color: #c0dccd
}

.alert-primary .alert-link {
    color: #16422a
}

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

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #486428;
    background-color: #e4edd9;
    border-color: #d7e4c6
}

.alert-success .alert-link {
    color: #3a5020
}

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

.alert-info .alert-link {
    color: #04414d
}

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

.alert-warning .alert-link {
    color: #523e02
}

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

.alert-danger .alert-link {
    color: #6a1a21
}

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

.alert-light .alert-link {
    color: #4f5050
}

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

.alert-dark .alert-link {
    color: #101214
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .15rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(46,139,87,0.25);
    opacity: 1
}

.btn-close:disabled,.btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px)
}

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

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0,0,0,0.2);
    border-radius: 3px;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 0 solid #dee2e6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 0 solid #dee2e6;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

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

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #2e8b57
}

.link-primary:hover,.link-primary:focus {
    color: #58a279
}

.link-secondary {
    color: #6c757d
}

.link-secondary:hover,.link-secondary:focus {
    color: #565e64
}

.link-success {
    color: #78a642
}

.link-success:hover,.link-success:focus {
    color: #93b868
}

.link-info {
    color: #0dcaf0
}

.link-info:hover,.link-info:focus {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:hover,.link-warning:focus {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:hover,.link-danger:focus {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:hover,.link-light:focus {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:hover,.link-dark:focus {
    color: #1a1e21
}

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

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #2e8b57 !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #78a642 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

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

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

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

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

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

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

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

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

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

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

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

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

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

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

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

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

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

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

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

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

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

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

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

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

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

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

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

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

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

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

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

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

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

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

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

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

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

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

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

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

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

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

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

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: 600 !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

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

.text-end {
    text-align: right !important
}

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

.text-decoration-none {
    text-decoration: none !important
}

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

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

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

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

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

.text-wrap {
    white-space: normal !important
}

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

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

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,0.5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,0.5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: rgba(0,0,0,0) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .15rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .15rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .15rem !important;
    border-top-right-radius: .15rem !important
}

.rounded-end {
    border-top-right-radius: .15rem !important;
    border-bottom-right-radius: .15rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .15rem !important;
    border-bottom-left-radius: .15rem !important
}

.rounded-start {
    border-bottom-left-radius: .15rem !important;
    border-top-left-radius: .15rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

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

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

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

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

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

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

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

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

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

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

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

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

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

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

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

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

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

    .text-sm-end {
        text-align: right !important
    }

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

@media (min-width: 768px) {
    .float-md-start {
        float:left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

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

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

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

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

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

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

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

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

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

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

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

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

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

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

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

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

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

    .text-md-end {
        text-align: right !important
    }

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

@media (min-width: 992px) {
    .float-lg-start {
        float:left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

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

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

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

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

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

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

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

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

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

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

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

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

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

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

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

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

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

    .text-lg-end {
        text-align: right !important
    }

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

@media (min-width: 1200px) {
    .float-xl-start {
        float:left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

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

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

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

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

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

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

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

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

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

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

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

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

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

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

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

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

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

    .text-xl-end {
        text-align: right !important
    }

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

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

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

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

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

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

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

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

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

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

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

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

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

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

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

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

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

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

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

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

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

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

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

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

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

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

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

    .text-xxl-end {
        text-align: right !important
    }

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

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    height: 100%
}

#contextmenu .dropdown-header,.mime,.files-list .name,.files-list .ext-inner,.files-imagelist .name,.files-imagelist .ext-inner,.files-imagelist .title,.files-blocks .name,.files-blocks .title,.files-grid .name,.files-rows .name,.files-columns .name,.crumb,.sortbar-item-text,.menu-a,.pswp__search,.modal-title,.modal-info-mime {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.btn-icon,.context-button,.info-search-reset,.dropdown-menu,.files-a,.crumb-link,#files-sortbar,.menu-a {
    -webkit-user-select: none;
    user-select: none
}

.btn-icon,.context-button,.info-search-reset {
    cursor: pointer;
    border: none;
    padding: 0;
    color: inherit;
    background: transparent;
    -webkit-user-drag: none
}

.f-inline-block {
    display: inline-block
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

#topbar.topbar-spinner:after,.dropdown-lang-loading:before,.sidebar-spinner:before,.menu-spinner:before,.updating:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-style: solid;
    border-width: 2px;
    border-color: #CFD8DC;
    border-top-color: var(--primary-color, #2e8b57);
    border-radius: 50%;
    animation: rotate .75s linear infinite
}

.body-loading #sidebar,.body-loading #main {
    display: none
}

.btn-1 {
    color: #78909C;
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    margin-left: 1px;
    box-shadow: none !important
}

.btn-1:hover {
    color: #607D8B;
    background-color: #ECEFF1;
    border-color: rgba(0,0,0,0)
}

.btn-check:focus+.btn-1,.btn-1:focus {
    color: #607D8B;
    background-color: #ECEFF1;
    border-color: rgba(0,0,0,0);
    box-shadow: 0 0 0 .25rem rgba(120,144,156,0.5)
}

.btn-check:checked+.btn-1,.btn-check:active+.btn-1,.btn-1:active,.btn-1.active,.show>.btn-1.dropdown-toggle {
    color: #455A64;
    background-color: #CFD8DC;
    border-color: rgba(0,0,0,0)
}

.btn-check:checked+.btn-1:focus,.btn-check:active+.btn-1:focus,.btn-1:active:focus,.btn-1.active:focus,.show>.btn-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(120,144,156,0.5)
}

.btn-1:disabled,.btn-1.disabled {
    color: #fff;
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0)
}

.btn-files-light {
    color: #546E7A;
    background-color: #CFD8DC;
    border-color: rgba(0,0,0,0)
}

.btn-files-light:hover {
    color: #37474F;
    background-color: #B0BEC5;
    border-color: rgba(0,0,0,0)
}

.btn-check:focus+.btn-files-light,.btn-files-light:focus {
    color: #37474F;
    background-color: #B0BEC5;
    border-color: rgba(0,0,0,0);
    box-shadow: 0 0 0 .25rem rgba(84,110,122,0.5)
}

.btn-check:checked+.btn-files-light,.btn-check:active+.btn-files-light,.btn-files-light:active,.btn-files-light.active,.show>.btn-files-light.dropdown-toggle {
    color: #000;
    background-color: #d9e0e3;
    border-color: rgba(255,255,255,0.1)
}

.btn-check:checked+.btn-files-light:focus,.btn-check:active+.btn-files-light:focus,.btn-files-light:active:focus,.btn-files-light.active:focus,.show>.btn-files-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(84,110,122,0.5)
}

.btn-files-light:disabled,.btn-files-light.disabled {
    color: #000;
    background-color: #CFD8DC;
    border-color: rgba(0,0,0,0)
}

.btn-icon {
    padding: 7px;
    border-radius: 2px;
    touch-action: manipulation
}

.btn-icon:focus {
    outline: none
}

.is-icon {
    padding: 7px
}

.dropdown-menu {
    position: absolute;
    border-radius: 3px;
    background-image: linear-gradient(0deg, #1c2429, #263238);
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.3)
}

@media (hover: hover) and (pointer: fine) {
    .dropdown-menu {
        font-size:.875rem
    }
}

.dropdown-header {
    font-size: .875rem;
    color: #B0BEC5;
    border-radius: 3px 3px 0 0;
    background-color: #161c20
}

.dropdown-item {
    touch-action: manipulation;
    display: block;
    width: 100%;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
    padding: 0;
    color: #ECEFF1
}

.dropdown-item:hover {
    text-decoration: none
}

.dropdown-item:focus {
    outline: none
}

#contextmenu {
    display: none;
    position: fixed;
    z-index: 1600;
    padding: 2.5rem 0 .5rem
}

#contextmenu .dropdown-header {
    position: absolute;
    top: 0;
    width: 100%;
    padding: .6rem .6rem .6rem .8rem
}

#contextmenu .dropdown-header .svg-icon {
    float: right;
    height: 18px;
    margin: -1px -3px 0 0
}

#contextmenu .dropdown-item {
    color: #ECEFF1;
    padding: .2em 1rem .2em .8rem
}

@media (hover: hover) and (pointer: fine) {
    #contextmenu .dropdown-item {
        line-height:22px
    }
}

#contextmenu .dropdown-item:hover {
    background-color: rgba(0,0,0,0.5)
}

#contextmenu .dropdown-item:active {
    background-color: var(--primary-color, #2e8b57);
    color: white;
    transition: background-color .2s
}

#contextmenu .svg-marker {
    display: none
}

#contextmenu:before {
    position: absolute;
    border: solid 5px;
    left: calc(var(--offset) - 5px)
}

#contextmenu.cm-top:before {
    content: '';
    top: 100%;
    border-color: #1c2429 transparent transparent transparent
}

#contextmenu.cm-bottom:before {
    content: '';
    bottom: 100%;
    border-color: transparent transparent #1c2429 transparent
}

#contextmenu.cm-border {
    box-shadow: 0 0 0 5px #455A64,0 1rem 3rem rgba(0,0,0,0.3)
}

.context-button {
    transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 50%
}

.context-button:focus {
    outline: none
}

.context-button .svg-path-dots,.context-button .svg-path-minus {
    transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform-origin: center
}

.context-button .svg-path-minus {
    opacity: 0;
    transform: rotate(-90deg)
}

.context-button.cm-active {
    color: #ECEFF1 !important;
    background-color: #263238 !important
}

.context-button.cm-active .svg-path-dots {
    opacity: 0;
    transform: rotate(90deg)
}

.context-button.cm-active .svg-path-minus {
    opacity: 1;
    transform: rotate(0deg)
}

.context-fm {
    border-top: 1px solid #37474F;
    margin-top: 8px;
    padding-top: 8px
}

.fm-action {
    display: flex;
    align-items: center
}

.fm-action span:last-of-type {
    margin-right: 1em
}

.fm-action .svg-icon {
    order: 2;
    font-size: 18px;
    color: #B0BEC5;
    margin: 0 -5px 0 auto
}

.fm-action[data-action="delete"] .svg-icon {
    fill: tomato
}

.fm-action:active .svg-icon,.fm-action:hover .svg-icon {
    color: inherit
}

[data-lang]:first-letter,time:first-letter {
    text-transform: uppercase
}

.license-popup {
    background-color: white
}

.license-container {
    margin: 0;
    padding: 1.4rem 1.5rem 4px;
    font-size: 1rem;
    text-align: left;
    line-height: inherit;
    color: #37474F
}

.license-small {
    display: block;
    font-size: 14px;
    color: #607D8B
}

.license-header {
    font-size: 18px
}

#pay_pp {
    margin: 1rem 0 .5rem 0
}

#license_key {
    margin-bottom: 1rem
}

.license-features {
    border-top: 1px solid #ECEFF1;
    border-bottom: 1px solid #ECEFF1;
    padding: 10px 0 14px;
    margin: 12px 0 14px
}

@media (min-width: 576px) {
    .license-features {
        display:flex;
        flex-wrap: wrap
    }
}

.license-feature {
    font-size: .9375rem;
    line-height: 24px;
    flex: 50%
}

.license-feature .svg-check {
    color: #78a642;
    margin-right: 5px
}

.license-feature:last-child {
    color: #607D8B
}

#files-login-container {
    max-width: 360px;
    margin: 0 auto;
    padding: 10vh 0 50px
}

#files-login-container .form-control {
    background-color: #F8F9Fa;
    border: none
}

#files-login-container .form-control:focus {
    background-color: white
}

.header {
    font-weight: 200;
    text-align: center
}

.mylogin {
    position: absolute;
    bottom: 100%
}

.btn-login {
    width: 100%;
    margin-top: .5rem
}

.svg-icon {
    fill: currentColor
}

.svg-file_default,.svg-none {
    fill: #90A4AE
}

.svg-application {
    fill: #0064c8
}

.svg-archive {
    fill: #f8c560
}

.svg-audio {
    fill: #55617e
}

.svg-cd {
    fill: #e9967a
}

.svg-code {
    fill: #f19a3a
}

.svg-excel {
    fill: #94cba2
}

.svg-font,.svg-font .svg-file-icon {
    fill: #607D8B
}

.svg-image {
    fill: #8cbd61
}

.svg-image .svg-file-text-bg {
    fill: #72a645
}

.svg-panorama_variant {
    fill: #8cbd61
}

.svg-pdf {
    fill: #ca4d50
}

.svg-powerpoint {
    fill: #e67841
}

.svg-text {
    fill: #90A4AE
}

.svg-video {
    fill: #ec6068
}

.svg-word {
    fill: #0399e1
}

.svg-file-bg {
    fill: #e9e9e0
}

.svg-file-flip {
    fill: #d9d7ca
}

.svg-file-icon {
    fill: #c8bdb8
}

.svg-file-ext {
    fill: white;
    font-weight: 500;
    text-transform: uppercase;
    text-anchor: middle;
    font-size: 12px
}

.f_10 {
    font-size: 10px
}

.f_11 {
    font-size: 11px
}

.svg-folder-bg {
    fill: #FFA000
}

.svg-folder-fg {
    fill: #FFCA28
}

.svg-folder-symlink {
    fill: #ffe9a8
}

.svg-file-forbidden {
    fill: #dc3545
}

.svg-folder-forbidden {
    fill: tomato
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#main {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

#files-container {
    flex-grow: 1
}

#files-container.cm-active {
    background-color: #CFD8DC
}

#files {
    position: relative;
    z-index: 1;
    color: #546E7A
}

#files:empty {
    display: none
}

.files-lazy {
    opacity: 0
}

.files-img-placeholder {
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center
}

.files-img-placeholder:not(.files-lazy) {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><path fill='%23CFD8DC' d='M40 41H8c-2.2 0-4-1.8-4-4V11c0-2.2 1.8-4 4-4h32c2.2 0 4 1.8 4 4v26c0 2.2-1.8 4-4 4z'/><circle fill='%23ECEFF1' cx='35' cy='16' r='3'/><path fill='%2390A4AE' d='M20 16L9 32h22z'/><path fill='%23B0BEC5' d='M31 22l-8 10h16z'/></svg>");
    transition: opacity .3s
}

.files-a {
    display: block;
    position: relative;
    box-shadow: var(--box-shadow, none)
}

.files-a,.files-a:hover {
    color: inherit;
    text-decoration: none
}

.files-a:focus-visible {
    outline-color: #546E7A;
    z-index: 1
}

@media (hover: hover) {
    .files-a:focus,.files-a:active {
        transition:box-shadow .2s;
        z-index: 2
    }

    .files-a:hover {
        box-shadow: var(--hover-box-shadow, var(--box-shadow, none))
    }

    .files-a:active {
        box-shadow: var(--active-box-shadow, 0 0 0 3px #CFD8DC)
    }
}

.files-a.cm-active {
    z-index: 1;
    box-shadow: var(--cm-active-box-shadow, var(--active-box-shadow, 0 0 0 3px #CFD8DC))
}

@media (hover: none) {
    .files-a.cm-active {
        transition:box-shadow .15s
    }
}

.files-img,.files-svg {
    display: block;
    width: 100%;
    height: 100%
}

.files-img {
    object-fit: cover
}

.files-img-svg {
    object-fit: contain !important
}

.files-img-ico {
    object-fit: scale-down !important
}

.size,.dimensions,.exif,.date {
    white-space: nowrap
}

.flex {
    display: none;
    flex-basis: 100%
}

.date {
    overflow: hidden;
    text-overflow: ellipsis
}

.files-context {
    position: absolute;
    top: 0;
    right: 0;
    padding: var(--files-context-padding, 6px);
    border-radius: var(--files-context-border-radius, 0 0 0 3px);
    color: #90A4AE;
    display: none
}

.files-context:hover {
    color: var(--files-context-hover-color, #546E7A);
    background-color: var(--files-context-hover-background-color, #CFD8DC)
}

.files-context:active {
    box-shadow: 0 0 0 1px var(--files-context-hover-background-color, #CFD8DC)
}

.files-context.cm-active:active {
    box-shadow: 0 0 0 1px #263238
}

.files-a:hover .files-context,.files-context.cm-active {
    display: block
}

.files-a-img .svg-play {
    will-change: transform, opacity;
    color: #F8F9Fa;
    opacity: 0;
    position: absolute;
    z-index: 1;
    font-size: 36px;
    left: calc(50% - 18px);
    top: calc(50% - 18px);
    transition: opacity .3s, transform .3s, background-color .3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 50%
}

.files-a-img:hover .svg-play {
    color: white;
    background-color: #1c2429;
    transform: scale(1.15)
}

@media (hover: hover) {
    .files-a-img:active .svg-play {
        background-color:#ec6068;
        transform: scale(1.25)
    }
}

.files-a-loaded .svg-play {
    opacity: 1
}

.files-folder-preview {
    position: absolute;
    border: 2px solid white;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    background-color: white;
    object-fit: cover;
    opacity: 0;
    transition: opacity .2s
}

.files-icon-overlay {
    position: absolute;
    fill: #B0BEC5;
    z-index: 1;
    margin: 6px 0 0 8px
}

.files-a-loaded .files-icon-overlay {
    fill: #F8F9Fa;
    opacity: .9
}

#main {
    --list-date-flex: 3
}

.files-list .files-a {
    background-color: white;
    --hover-box-shadow: -2px 0 0 0 #B0BEC5, 2px 0 0 0 #CFD8DC;
    --active-box-shadow: 0 0 0 2px #CFD8DC
}

.files-list .files-a:nth-child(even) {
    background-color: #F8F9Fa
}

.files-list .files-a:hover {
    background-color: #ECEFF1
}

.files-list .files-a:focus,.files-list .files-a.cm-active {
    background-color: #ECEFF1;
    border-radius: 2px
}

.files-list .files-data {
    line-height: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    color: #607D8B;
    letter-spacing: -.01em
}

.files-list .files-svg,.files-list .files-img,.files-list .title,.files-list .fileperms,.files-list .mime,.files-list .exif,.files-list .files-folder-preview,.files-list .files-icon-overlay {
    display: none
}

.files-list .icon {
    order: 1
}

.files-list .name {
    order: 2;
    flex: 1;
    font-weight: 500;
    color: #455A64;
    padding-left: 7px;
    letter-spacing: 0
}

.files-list .gps {
    order: 3;
    margin-left: 5px;
    color: #B0BEC5
}

.files-list .gps:hover .svg-marker {
    transition: color .2s
}

.files-list .ext {
    text-transform: uppercase;
    order: 5;
    font-weight: 600;
    font-size: 12px
}

.files-list .ext-inner {
    display: inline-block;
    background-color: #ECEFF1;
    padding: 0 .5em;
    border-radius: 2px;
    max-width: 60px;
    float: right
}

@media (max-width: 767.98px) {
    .files-list {
        --files-context-padding: 8px
    }

    .files-list .files-a:hover .ext {
        opacity: 0
    }

    .files-list .files-a:not(:last-child) {
        margin-bottom: 1px
    }

    .files-list .files-data {
        padding: 8px 8px 8px 10px
    }
}

@media (max-width: 767.98px) and (hover: none) {
    .files-list .name {
        font-size:17px
    }
}

@media (max-width: 767.98px) {
    .files-list .ext {
        order:4
    }

    .files-list .ext-inner {
        margin-left: 10px
    }

    .files-list .flex {
        order: 6;
        display: block
    }

    .files-list .date {
        order: 7;
        margin-left: 31px
    }

    .files-list .size {
        order: 8
    }

    .files-list .dimensions {
        order: 9
    }

    .files-list .size:before,.files-list .dimensions:before {
        content: '|';
        color: #CFD8DC;
        margin: 0 10px
    }
}

@media (max-width: 575.98px) {
    .files-list .files-data {
        padding-left:7px
    }
}

@media (max-width: 374px) {
    .files-list .date {
        margin-left:2px
    }
}

@media (min-width: 768px) {
    .files-list {
        padding:20px;
        --files-context-border-radius: 0
    }

    .files-list:before {
        border-radius: 3px 3px 0 0
    }

    .files-list:after {
        border-radius: 0 0 3px 3px
    }

    .files-list:before,.files-list:after {
        content: '';
        display: block;
        height: 10px;
        background-color: white
    }

    .files-list .files-data {
        padding: 6px 0 6px 8px
    }

    .files-list .dimensions {
        order: 4;
        margin-left: .5rem
    }

    .files-list .ext {
        order: 5;
        flex-basis: 65px
    }

    .files-list .size {
        order: 6;
        font-weight: 500;
        margin-right: 20px;
        text-align: right;
        flex-basis: 100px
    }

    .files-list .date {
        order: 7;
        flex-basis: calc(155px + var(--list-date-flex) * 8px)
    }
}

@media (min-width: 768px) and (hover: hover) {
    .files-list .files-a {
        --files-context-padding: 5px
    }

    .files-list .files-data {
        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media (min-width: 768px) {
    .files-list .cm-active {
        --files-context-border-radius: 0 2px 2px 0
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .sidebar-closed .files-list:before,.sidebar-closed .files-list:after {
        height:20px
    }

    .sidebar-closed .files-list .files-data {
        padding-left: 15px
    }

    .sidebar-closed .files-list .dimensions {
        margin-left: 1rem
    }

    .sidebar-closed .files-list .ext {
        flex-basis: 70px
    }

    .sidebar-closed .files-list .size {
        margin-right: 30px;
        flex-basis: 110px
    }
}

@media (min-width: 1200px) {
    .files-list:before,.files-list:after {
        height:20px
    }

    .files-list .files-data {
        padding-left: 15px
    }

    .files-list .dimensions {
        margin-left: 1rem
    }

    .files-list .ext {
        flex-basis: 70px
    }

    .files-list .size {
        margin-right: 30px;
        flex-basis: 110px
    }
}

.files-list .svg-play {
    left: .5rem;
    opacity: 0
}

.files-list .files-a-img:hover .svg-play {
    opacity: 1;
    transition-delay: .1s;
    background-color: #ec6068
}

@media (hover: none), (max-width: 991.8px) {
    .files-list .svg-play {
        display:none
    }
}

@media (min-width: 1400px) {
    .sidebar-closed .files-list,.sidebar-closed .files-imagelist {
        max-width:var(--list-max-width, 1040px)
    }
}

@media (min-width: 1600px) {
    .files-list,.files-imagelist {
        max-width:var(--list-max-width, 1040px)
    }
}

@media (hover: hover) {
    .files-list .files-a:hover .files-data,.files-imagelist .files-a:hover .files-data {
        color:#546E7A
    }

    .files-list .files-a:hover .ext-inner,.files-imagelist .files-a:hover .ext-inner {
        background-color: #d5dde0
    }
}

.files-list .files-a.cm-active .files-data,.files-imagelist .files-a.cm-active .files-data {
    color: #546E7A
}

.files-list .files-a.cm-active .ext-inner,.files-imagelist .files-a.cm-active .ext-inner {
    background-color: #d5dde0
}

@media (hover: none) {
    .files-list .files-context,.files-imagelist .files-context,.files-blocks .files-context {
        background-color:#ECEFF1;
        color: #607D8B
    }
}

.files-imagelist {
    padding: 1px;
    --files-context-padding: 8px
}

.files-imagelist .files-a {
    display: flex;
    background-color: white;
    margin-bottom: 1px;
    overflow: hidden;
    --hover-box-shadow: -3px 0 0 0 #CFD8DC;
    --active-box-shadow: 0 0 0 2px #CFD8DC
}

.files-imagelist .files-a.cm-active,.files-imagelist .files-a:hover {
    background-color: #F8F9Fa
}

.files-imagelist .files-img,.files-imagelist .files-svg {
    width: 100px;
    background-color: rgba(0,0,0,0.02);
    flex-shrink: 0
}

.files-imagelist .files-svg {
    height: 100px
}

.files-imagelist .files-img {
    min-height: var(--imagelist-min-height, calc(100px / var(--ratio, 1)));
    height: var(--imagelist-height, 100px)
}

.files-imagelist .files-svg {
    padding: 15px 0
}

.files-imagelist .files-svg.svg-folder {
    padding: 10px 0
}

.files-imagelist .files-data {
    overflow: hidden;
    line-height: 24px;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    align-content: flex-start;
    padding: 8px 8px 10px 11px;
    color: #607D8B;
    letter-spacing: -.01em
}

.files-imagelist .icon,.files-imagelist .fileperms,.files-imagelist .mime,.files-imagelist .gps {
    display: none
}

.files-imagelist .name {
    order: 2;
    flex: 1;
    font-weight: 500;
    color: #455A64;
    padding-right: 1px;
    letter-spacing: 0
}

.files-imagelist .ext {
    text-transform: uppercase;
    order: 5;
    font-weight: 600;
    font-size: 12px
}

.files-imagelist .ext-inner {
    display: inline-block;
    background-color: #ECEFF1;
    padding: 0 .5em;
    border-radius: 2px;
    max-width: 60px;
    float: right
}

.files-imagelist .title,.files-imagelist .exif {
    flex-basis: 100%
}

.files-imagelist .title {
    order: 16;
    margin-top: 2px
}

.files-imagelist .exif {
    order: 17;
    color: #607D8B;
    margin-top: 3px;
    overflow: hidden
}

.files-imagelist .svg-cellphone,.files-imagelist .svg-camera,.files-imagelist .svg-marker {
    color: #B0BEC5
}

.files-imagelist .exif-item:after {
    color: #90A4AE
}

@media (max-width: 767.98px) {
    .files-imagelist .files-a:hover .ext {
        opacity:0
    }
}

@media (max-width: 767.98px) and (hover: none) {
    .files-imagelist .name {
        font-size:17px
    }
}

@media (max-width: 767.98px) {
    .files-imagelist .ext {
        order:4
    }

    .files-imagelist .flex {
        order: 6;
        display: block
    }

    .files-imagelist .date {
        order: 7
    }

    .files-imagelist .size {
        order: 8
    }

    .files-imagelist .dimensions {
        order: 9;
        margin-right: -5px
    }

    .files-imagelist .size:before,.files-imagelist .dimensions:before {
        content: '|';
        color: #CFD8DC;
        margin: 0 10px
    }
}

@media (max-width: 575.98px) {
    .files-imagelist .date {
        flex-basis:100%
    }

    .files-imagelist .exif,.files-imagelist .title {
        display: none
    }

    .files-imagelist .size:before {
        content: none
    }
}

@media (min-width: 768px) {
    .files-imagelist {
        --files-context-padding: 9px
    }

    .files-imagelist .files-data {
        padding: 10px 0 13px 14px
    }

    .files-imagelist .dimensions {
        order: 4;
        margin-left: .5rem;
        color: #78909C
    }

    .files-imagelist .ext {
        order: 5;
        flex-basis: 65px
    }

    .files-imagelist .size {
        order: 6;
        font-weight: 500;
        margin-right: 20px;
        text-align: right;
        flex-basis: 100px
    }

    .files-imagelist .date {
        order: 7;
        flex-basis: calc(160px + var(--list-date-flex) * 9px)
    }
}

@media (min-width: 992px) {
    .files-imagelist {
        padding:20px
    }

    .files-imagelist .files-a {
        border-radius: 3px
    }

    .sidebar-closed .files-imagelist .ext {
        flex-basis: 70px
    }

    .sidebar-closed .files-imagelist .size {
        margin-right: 30px;
        flex-basis: 110px
    }
}

@media (min-width: 1200px) {
    .files-imagelist .ext {
        flex-basis:70px
    }

    .files-imagelist .size {
        margin-right: 30px;
        flex-basis: 110px
    }
}

.files-imagelist .svg-play {
    left: 32px
}

.files-imagelist .files-folder-preview {
    max-width: 54px;
    min-width: 41px;
    min-height: 41px;
    max-height: 54px;
    left: 50px;
    transform: translateX(-50%) translateY(-50%);
    top: 63px
}

.files-blocks {
    padding: 1px
}

.files-blocks .files-a {
    height: var(--blocks-height, 140px);
    display: flex;
    margin-bottom: 1px;
    overflow: hidden;
    background-color: white;
    --files-context-padding: 10px
}

.files-blocks .files-a:hover .name {
    margin-right: 32px
}

.files-blocks .files-img {
    object-fit: var(--img-object-fit, cover)
}

.files-blocks .files-img,.files-blocks .files-svg {
    width: var(--blocks-height, 140px);
    flex-shrink: 0;
    background-color: #F8F9Fa
}

.files-blocks .files-svg {
    padding: calc(var(--blocks-height, 140px) / 8)
}

.files-blocks .files-data {
    padding: 10px 10px 5px 15px;
    overflow: hidden;
    width: 100%
}

.files-blocks .fileperms,.files-blocks .mime,.files-blocks .ext,.files-blocks .icon,.files-blocks .exif,.files-blocks .gps {
    display: none
}

.files-blocks .name,.files-blocks .title,.files-blocks .dimensions,.files-blocks .size,.files-blocks .date {
    display: block
}

.files-blocks .name {
    font-weight: 500;
    order: 1;
    color: #455A64
}

.files-blocks .title {
    color: #607D8B;
    margin: -1px 0 1px 0
}

.files-blocks .title,.files-blocks .dimensions,.files-blocks .size,.files-blocks .date {
    line-height: 23px
}

@media (max-width: 374px) {
    .files-blocks .files-data {
        padding-left:10px
    }
}

@media (min-width: 576px) {
    .files-blocks {
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(var(--blocks-width, calc(340px + 2%)), 1fr));
        grid-auto-rows: 1fr;
        padding: var(--blocks-space, calc(.9vw + 5px));
        grid-gap: var(--blocks-space, calc(.9vw + 5px))
    }

    .files-blocks .files-a {
        margin: 0;
        border-radius: var(--blocks-border-radius, 3px);
        --box-shadow: 0 1px 0 0 #CFD8DC
    }
}

@media (min-width: 1400px) {
    .files-blocks {
        padding:var(--blocks-space, 20px);
        grid-gap: var(--blocks-space, 20px)
    }
}

.files-blocks .svg-play {
    left: calc(var(--blocks-height, 140px)/2 - 18px)
}

.files-blocks .files-folder-preview {
    max-width: 70px;
    min-width: 53px;
    min-height: 53px;
    max-height: 70px;
    left: 70px;
    transform: translateX(-50%) translateY(-50%);
    top: 86px
}

.files-grid {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-size, 160px), 1fr));
    grid-auto-rows: 1fr;
    padding: var(--grid-space, calc((8vw + var(--grid-size, 160px)) / 900 * var(--grid-space-factor, 50)));
    grid-gap: var(--grid-space, calc((8vw + var(--grid-size, 160px)) / 900 * var(--grid-space-factor, 50)))
}

.files-grid .files-a {
    border-radius: var(--grid-border-radius, 3px)
}

.files-grid::before {
    content: '';
    width: 0;
    padding-bottom: var(--grid-height, 100%)
}

.files-grid::before,.files-grid .files-a:first-child {
    grid-row: 1 / 1;
    grid-column: 1 / 1
}

.files-grid .files-img {
    object-fit: var(--img-object-fit, cover)
}

.files-grid .files-img,.files-grid .files-svg {
    position: absolute
}

.files-grid .files-img-placeholder:not(.files-lazy) {
    background-position-y: 40%
}

.files-grid .files-folder-preview {
    max-width: 45%;
    max-height: 45%;
    min-width: 33.75%;
    min-height: 33.75%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: calc(61% - 10px)
}

.files-grid .files-a,.files-rows .files-a,.files-columns .files-a {
    --cm-active-box-shadow: 0 0 0 3px #263238;
    background-color: #F8F9Fa;
    overflow: hidden
}

.files-grid .files-a.cm-active,.files-rows .files-a.cm-active,.files-columns .files-a.cm-active {
    background-color: white
}

.files-grid .mime,.files-grid .date,.files-grid .icon,.files-grid .size,.files-grid .exif,.files-grid .dimensions,.files-grid .ext,.files-grid .title,.files-grid .gps,.files-rows .mime,.files-rows .date,.files-rows .icon,.files-rows .size,.files-rows .exif,.files-rows .dimensions,.files-rows .ext,.files-rows .title,.files-rows .gps,.files-columns .mime,.files-columns .date,.files-columns .icon,.files-columns .size,.files-columns .exif,.files-columns .dimensions,.files-columns .ext,.files-columns .title,.files-columns .gps {
    display: none
}

.files-grid .name,.files-rows .name,.files-columns .name {
    display: block;
    line-height: 130%;
    font-size: var(--grid-font-size, 14px);
    font-weight: 500;
    padding: .3em .5em .45em .6em;
    text-align: center
}

.files-grid .files-context,.files-rows .files-context,.files-columns .files-context {
    --files-context-padding: 6px
}

.files-grid .files-a-loaded .files-context,.files-rows .files-a-loaded .files-context,.files-columns .files-a-loaded .files-context {
    color: #F8F9Fa;
    --files-context-hover-color: #F8F9Fa;
    --files-context-hover-background-color: #263238
}

.files-grid .files-a-loaded .files-data,.files-rows .files-a-loaded .files-data {
    display: var(--files-data-display, none);
    animation: var(--files-data-animation, opacity 333ms)
}

.files-grid .files-a-loaded .name,.files-rows .files-a-loaded .name {
    display: flex;
    justify-content: center;
    text-align: left;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    word-break: break-word;
    padding: 1.4em .7em .7em;
    color: white;
    white-space: normal
}

.files-grid .files-a-loaded:hover .files-data,.files-grid .files-a-loaded.cm-active .files-data,.files-rows .files-a-loaded:hover .files-data,.files-rows .files-a-loaded.cm-active .files-data {
    display: var(--files-data-display-hover, block);
    animation-fill-mode: forwards
}

@media (hover: hover) {
    .files-grid .files-a-loaded .files-img:active+.files-data .name,.files-rows .files-a-loaded .files-img:active+.files-data .name {
        opacity:0;
        transition: opacity .2s
    }
}

.files-grid .files-a:not(.files-a-loaded),.files-rows .files-a:not(.files-a-loaded) {
    --box-shadow: 0 1px 0 0 #CFD8DC
}

@media (hover: hover) {
    .files-grid .files-a:not(.files-a-loaded):hover,.files-rows .files-a:not(.files-a-loaded):hover {
        background-color:white
    }
}

.files-grid .files-svg,.files-rows .files-svg {
    padding: 10% 20% calc(20px + 10%)
}

.files-grid .files-svg.svg-folder,.files-rows .files-svg.svg-folder {
    padding: 0 15% 20px
}

.files-grid .files-data,.files-rows .files-data {
    position: absolute;
    bottom: 0;
    width: 100%
}

.files-rows {
    display: flex;
    flex-wrap: wrap;
    padding: var(--rows-space, calc((8% + var(--rows-size, 150px)) / 1000 * var(--rows-space-factor, 50))) 0 0 var(--rows-space, calc((8% + var(--rows-size, 150px)) / 1000 * var(--rows-space-factor, 50)));
    justify-content: var(--rows-justify-content, space-evenly)
}

.files-rows:after {
    content: '';
    flex-grow: 9
}

.files-rows .files-a {
    flex-basis: calc(var(--ratio, 1) * var(--rows-size, 150px));
    flex-grow: var(--rows-flex-grow, 1);
    height: var(--rows-height, auto);
    margin: 0 var(--rows-space, calc((8% + var(--rows-size, 150px)) / 1000 * var(--rows-space-factor, 50))) var(--rows-space, calc((8% + var(--rows-size, 150px)) / 1000 * var(--rows-space-factor, 50))) 0;
    border-radius: var(--rows-border-radius, 3px)
}

.files-rows .files-img-placeholder {
    min-height: var(--rows-height, var(--rows-size, 150px));
    background-size: calc(var(--rows-size, 150px) / 1.8);
    background-position-y: 40%
}

.files-rows .files-folder-preview {
    max-width: 46%;
    min-height: 37%;
    max-height: 52%;
    min-width: 30%;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(7% + 20px)
}

.files-columns {
    columns: var(--columns-size, 180px);
    column-gap: var(--columns-space, calc((10vw + var(--columns-size, 180px)) / 1000 * var(--columns-space-factor, 50)));
    padding: var(--columns-space, calc((10vw + var(--columns-size, 180px)) / 1000 * var(--columns-space-factor, 50)))
}

.files-columns .files-a {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    border-radius: var(--columns-border-radius, 3px);
    margin-bottom: var(--columns-space, calc((10vw + var(--columns-size, 180px)) / 1000 * var(--columns-space-factor, 50)));
    z-index: auto;
    --box-shadow: 0 1px 0 0 #CFD8DC
}

.files-columns .files-img-placeholder {
    min-height: calc(var(--columns-size, 180px) / var(--ratio, 1))
}

.files-columns .files-svg {
    padding: 10% 20% 5%
}

.files-columns .files-svg.svg-folder {
    padding: 5% 15% 0
}

.files-columns .files-img-ico {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.files-columns .files-a-img .name {
    padding-top: .4em
}

@media (hover: hover) {
    .files-columns .files-a:hover {
        background-color:white
    }
}

.files-columns .svg-play {
    top: calc(50% - 33px)
}

.files-columns .files-folder-preview {
    max-width: 46%;
    max-height: 46%;
    min-width: 31%;
    min-height: 37%;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(28px + 7%)
}

#topbar {
    z-index: 2
}

#topbar:after {
    position: absolute;
    margin: 7px 0 0 7px
}

@media (min-width: 768px) {
    #topbar:after {
        margin:1rem 0 0 1rem
    }
}

.topbar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2
}

.headroom {
    will-change: transform, opacity;
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.2s
}

.headroom--unpinned {
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none
}

#topbar-top {
    background: linear-gradient(90deg, #1c2429, #263238);
    padding: 10px;
    display: flex;
    min-height: 58px;
    --tooltip-color: #1c2429;
    --tooltip-opacity: 0;
    --tooltip-animation: opacity .15s .3s
}

@media (min-width: 768px) {
    #topbar-top {
        padding-left:1rem
    }
}

.menu-enabled #topbar-top {
    padding-left: 48px
}

@media (min-width: 992px) {
    .menu-enabled #topbar-top {
        padding-left:6px
    }
}

.menu-enabled.sidebar-closed #topbar-top {
    padding-left: 48px
}

#change-sort {
    margin-right: auto
}

#search-container {
    position: relative;
    margin-right: .5rem;
    min-width: 0
}

@media (max-width: 767.98px) {
    #search-container {
        flex-grow:1
    }
}

@media (min-width: 768px) {
    #search-container {
        display:flex;
        flex-direction: column
    }

    #search-container:after {
        content: attr(data-input);
        padding: 0 40px;
        height: 0;
        overflow: hidden;
        visibility: hidden
    }
}

.svg-search {
    position: absolute;
    fill: #90A4AE;
    top: 8px;
    left: 10px;
    transition: .2s
}

#search {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 0 .5rem 0 40px;
    height: 100%;
    flex-grow: 1;
    width: 100%;
    background-color: #263238;
    color: #ECEFF1;
    transition: .2s
}

@media (min-width: 768px) {
    #search {
        min-width:200px
    }
}

#search::placeholder {
    transition: .2s;
    opacity: 1;
    color: #B0BEC5;
    text-transform: capitalize
}

#search:hover,#search:focus,#search.filter-match,#search.filter-nomatch {
    box-shadow: 0 0 0 2px #455A64;
    background-color: rgba(0,0,0,0.4)
}

#search:focus+.svg-search,#search.filter-match+.svg-search,#search.filter-nomatch+.svg-search {
    fill: #CFD8DC
}

#search:disabled {
    cursor: not-allowed;
    opacity: .6;
    box-shadow: none
}

#search:disabled+.svg-search {
    opacity: .6
}

#search:focus::placeholder {
    opacity: 0
}

#search.filter-match {
    box-shadow: 0 0 0 2px #78a642
}

#search.filter-nomatch {
    box-shadow: 0 0 0 2px #b22222
}

#search::-webkit-search-cancel-button {
    -webkit-appearance: none;
    cursor: pointer;
    height: 24px;
    width: 24px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23CFD8DC'><path d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'></path></svg>")
}

#search::-ms-input-placeholder {
    color: #B0BEC5
}

.btn-topbar {
    color: #CFD8DC;
    border-radius: 50%;
    padding: 10px;
    margin: -3px 0 -3px 1px;
    transition: color .15s, background-color .15s, box-shadow .2s
}

.mouse-hover .btn-topbar {
    transition-delay: .2s
}

.dropdown:hover .btn-topbar,.btn-topbar:hover {
    transition-delay: 0s;
    background-color: var(--primary-color, #2e8b57);
    color: white
}

.btn-topbar:active {
    box-shadow: 0 0 0 3px #37474F
}

.dropdown {
    position: relative
}

.dropdown-menu-topbar {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .15s, opacity .15s;
    margin-top: 18px;
    padding-bottom: .6em;
    min-width: 180px;
    z-index: 1;
    color: #B0BEC5;
    right: 0
}

.dropdown-menu-topbar:before {
    position: absolute;
    border: solid 5px;
    content: '';
    bottom: 100%;
    border-color: transparent transparent #161c20 transparent;
    right: 17px
}

.dropdown-menu-topbar .dropdown-header {
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: .4em;
    padding: .55em .9em
}

.dropdown-menu-topbar .svg-icon {
    fill: #78909C;
    will-change: opacity
}

.dropdown-menu-topbar .svg-menu_down {
    float: right;
    fill: white;
    opacity: 0
}

.dropdown-menu-topbar .active .svg-menu_down {
    opacity: 1
}

.dropdown-menu-topbar .dropdown-item {
    padding: .3em 1.2em .3em .7em;
    transition: .2s;
    line-height: 24px;
    color: #ECEFF1
}

@media (hover: hover) {
    .dropdown-menu-topbar .dropdown-item:hover {
        background-color:rgba(0,0,0,0.4)
    }

    .dropdown-menu-topbar .dropdown-item:hover:not(:active) {
        transition: none
    }
}

.dropdown-menu-topbar .dropdown-item.active,.dropdown-menu-topbar .dropdown-item:active,.touch-open .dropdown-menu-topbar .dropdown-item:hover {
    background-color: var(--primary-color, #2e8b57);
    color: white
}

.dropdown-menu-topbar .dropdown-item.active .svg-icon,.dropdown-menu-topbar .dropdown-item:active .svg-icon,.touch-open .dropdown-menu-topbar .dropdown-item:hover .svg-icon {
    fill: white;
    transition: .2s
}

.dropdown-menu-topbar .dropdown-text {
    margin-left: .5em;
    pointer-events: none;
    display: inline-block
}

.touch-open .dropdown-menu-topbar,.mouse-hover:hover .dropdown-menu-topbar {
    z-index: 1001;
    transition: visibility 0s, opacity .15s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    visibility: visible;
    opacity: 1
}

.mouse-hover .dropdown-menu-topbar {
    transition: visibility 0s .4s, opacity .15s .25s
}

.mouse-hover:hover .dropdown-menu-topbar {
    transition-delay: .2s
}

.dropdown-menu-topbar .svg-path-sort_name_desc,.dropdown-menu-topbar .svg-path-sort_kind_desc,.dropdown-menu-topbar .svg-path-sort_filesize_asc,.dropdown-menu-topbar .svg-path-sort_date_asc {
    display: none
}

.dropdown-menu-topbar .sort-asc .svg-path-sort_filesize_asc,.dropdown-menu-topbar .sort-asc .svg-path-sort_date_asc {
    display: block
}

.dropdown-menu-topbar .sort-asc .svg-path-sort_filesize_desc,.dropdown-menu-topbar .sort-asc .svg-path-sort_date_desc {
    display: none
}

.dropdown-menu-topbar .sort-desc .svg-path-sort_name_desc,.dropdown-menu-topbar .sort-desc .svg-path-sort_kind_desc {
    display: block
}

.dropdown-menu-topbar .sort-desc .svg-path-sort_name_asc,.dropdown-menu-topbar .sort-desc .svg-path-sort_kind_asc {
    display: none
}

@media (min-width: 768px) {
    .dropdown-menu-center {
        right:-68px
    }

    .dropdown-menu-center:before {
        right: 85px
    }
}

#change-sort .dropdown-text {
    margin-right: 2.1em
}

#change-sort .dropdown-item {
    padding-right: .6em
}

.svg-path-sort_filesize_asc {
    transform-origin: center;
    transform: scaleY(-1)
}

#layout-options {
    margin-top: .6em;
    border-top: 1px solid #37474F;
    padding: .9em .85em 0
}

#layout-options .form-check-input,#layout-options .form-check-label {
    cursor: pointer
}

#layout-options .form-check-label {
    display: block
}

#layout-options label {
    transition: color .2s;
    font-size: .875rem
}

#layout-options .form-label {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#layout-options>*:hover {
    color: #F8F9Fa
}

.layout-label-type {
    font-size: 0.6875rem;
    background-color: #37474F;
    color: #CFD8DC;
    margin: 1px 0 0 auto;
    border-radius: 2px;
    padding: 1px 5px
}

.mouse-hover #layout-spacer {
    display: none;
    animation: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.mouse-hover #layout-options:hover #layout-spacer {
    display: block
}

.form-range {
    position: relative;
    margin: 0
}

.form-range:focus::-webkit-slider-runnable-track {
    background-color: #37474F;
    box-shadow: none;
    transition: none
}

.form-range::-webkit-slider-thumb {
    cursor: pointer
}

.form-range:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #37474F;
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    top: 5px;
    left: calc(var(--range-default-pos, .5) * 100% - var(--range-default-pos, .5) * 1rem + 1rem / 2 - 6px / 2)
}

.form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none
}

#topbar-breadcrumbs {
    line-height: 24px;
    color: #CFD8DC;
    background: linear-gradient(90deg, #263238, #37474F);
    padding: .5rem .5rem .5rem 39px
}

@media (min-width: 768px) {
    #topbar-breadcrumbs {
        padding:.5rem .5rem .5rem 48px
    }
}

@media (pointer: fine) {
    #topbar-breadcrumbs {
        font-size:14px
    }
}

.breadcrumbs-info {
    float: right;
    font-size: 14px;
    margin: 0 10px 0 20px;
    animation: opacity .2s forwards
}

@media (max-width: 767.98px) {
    .breadcrumbs-info {
        display:none
    }
}

.breadcrumbs-info:empty {
    display: none
}

.breadcrumbs-info-type {
    display: inline-block
}

.breadcrumbs-info-size {
    margin-left: .4em;
    color: #B0BEC5
}

.breadcrumbs-info-size:before {
    margin-right: .4em;
    content: ''
}

#breadcrumbs {
    display: flex;
    flex-wrap: wrap
}

.crumb:before {
    content: '/'
}

.crumb:first-child {
    margin-left: -40px
}

.crumb:first-child:before {
    content: none
}

.crumb-link {
    color: #CFD8DC;
    padding: 0 8px
}

.crumb-link:hover {
    color: #F8F9Fa
}

@media (hover: none) {
    .crumb-link:hover {
        text-decoration:none
    }
}

@media (hover: hover) {
    .crumb-link {
        transition:color .2s
    }
}

.crumb-active .crumb-link {
    color: #F8F9Fa;
    font-weight: 500
}

#folder-actions {
    float: right;
    border-radius: 0;
    padding: 8px;
    margin: -8px 4px 0 0;
    animation: opacity .2s forwards
}

#folder-actions:hover {
    color: #ECEFF1
}

#files-sortbar {
    color: #CFD8DC;
    background: linear-gradient(90deg, #1c2429, #263238);
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 767.98px) {
    #files-sortbar {
        display:none
    }
}

.sortbar-blocks,.sortbar-grid,.sortbar-rows,.sortbar-columns {
    display: none
}

.sortbar-inner {
    display: flex
}

@media (min-width: 1400px) {
    .sidebar-closed .sortbar-inner {
        max-width:calc(var(--list-max-width, 1040px) - 20px)
    }
}

@media (min-width: 1600px) {
    .sortbar-inner {
        max-width:calc(var(--list-max-width, 1040px) - 20px)
    }
}

.sortbar-item {
    display: flex;
    overflow: hidden;
    flex-shrink: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    transition: background-color .2s
}

.sortbar-item .svg-menu_down {
    flex-shrink: 0;
    color: #607D8B;
    margin-left: 3px;
    font-size: 24px
}

.sortbar-active {
    font-weight: 500
}

.sortbar-active,.sortbar-item:hover {
    color: #ECEFF1;
    background-color: #1c2429
}

.sortbar-active .svg-menu_down,.sortbar-item:hover .svg-menu_down {
    color: inherit
}

.sortbar-name {
    flex-grow: 1;
    flex-shrink: 1;
    padding-left: 59px
}

.sortbar-kind {
    padding-left: 15px;
    padding-right: 5px
}

.sortbar-size {
    justify-content: flex-end;
    flex-basis: 100px;
    padding-right: 5px
}

.sortbar-date {
    --date-base: 165px;
    flex-basis: calc(var(--date-base) + var(--list-date-flex) * 8px);
    padding-left: 10px
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .sidebar-closed .sortbar-name {
        padding-left:66px
    }

    .sidebar-closed .sortbar-kind {
        padding-right: 10px
    }

    .sidebar-closed .sortbar-size {
        flex-basis: 110px;
        padding-right: 10px
    }

    .sidebar-closed .sortbar-date {
        --date-base: 170px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .sortbar-name {
        padding-left:66px
    }

    .sortbar-kind {
        padding-right: 10px
    }

    .sortbar-size {
        flex-basis: 110px;
        padding-right: 10px
    }

    .sortbar-date {
        --date-base: 170px;
        padding-left: 15px
    }
}

.sortbar-list {
    padding: 0 20px 0 0
}

.sortbar-imagelist .sortbar-name {
    padding-left: 115px
}

.sortbar-imagelist .sortbar-date {
    --date-base: 170px;
    flex-basis: calc(var(--date-base) + var(--list-date-flex) * 9px)
}

@media (min-width: 992px) {
    .sortbar-imagelist {
        padding:0 20px 0 0
    }

    .sortbar-imagelist .sortbar-name {
        padding-left: 135px
    }

    .sidebar-closed .sortbar-imagelist .sortbar-date {
        --date-base: 175px
    }
}

@media (min-width: 1200px) {
    .sortbar-imagelist .sortbar-date {
        --date-base: 175px
    }
}

.sort-asc .svg-path-menu_down,.sort-desc .svg-path-menu_up {
    opacity: 0;
    transition: opacity .15s
}

.sort-asc:hover .svg-path-menu_down,.sort-desc:hover .svg-path-menu_up {
    opacity: .3
}

#topbar-info {
    line-height: 24px;
    padding: .5rem .5rem .5rem 7px
}

#topbar-info:empty {
    display: none
}

@media (min-width: 768px) {
    #topbar-info {
        padding:.5rem .5rem .5rem 1rem
    }
}

@media (pointer: fine) {
    #topbar-info {
        font-size:14px
    }
}

#topbar-info>.svg-icon:first-child {
    margin-right: .5rem
}

.info-hidden {
    display: none
}

.info-warning,.info-error {
    opacity: 0;
    animation: opacity .2s .2s forwards
}

.info-warning {
    background-color: #5f9ea0;
    color: white;
    font-weight: var(--mac-bold, 400)
}

.info-error {
    background-color: #b22222;
    color: white
}

.info-search {
    background-color: #78a642;
    color: white;
    font-weight: 500;
    display: flex;
    align-items: flex-start
}

.info-search-count,.info-search-phrase {
    background-color: rgba(0,0,0,0.15);
    font-weight: 600;
    border-radius: 2px;
    color: white
}

.info-nomatch {
    background-color: #b22222
}

.info-search-count {
    min-width: 24px;
    text-align: center;
    padding: 0 6px
}

.info-search-lang {
    flex-shrink: 0;
    margin: 0 8px
}

.info-search-phrase {
    line-height: 20px;
    padding: 2px 7px;
    word-break: break-word
}

@media (max-width: 767.98px) {
    .info-search-phrase {
        word-break:break-all;
        margin-right: auto
    }
}

@supports (-webkit-line-clamp: 3) {
    .info-search-phrase {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.info-search-reset {
    transition: .15s;
    border-radius: 50%;
    padding: 4px;
    margin: -4px -4px -4px 4px
}

.info-search-reset:hover {
    background-color: rgba(0,0,0,0.15)
}

.dropdown-lang-loading:before {
    left: 1px;
    top: -3px;
    width: 44px;
    height: 44px;
    border-width: 1px;
    border-color: rgba(0,0,0,0);
    border-top-color: #CFD8DC;
    position: absolute
}

.dropdown-lang-loading .btn-lang {
    background-color: #37474F;
    color: #B0BEC5
}

.dropdown-lang-loading .dropdown-item-lang {
    pointer-events: none
}

.dropdown-lang-loading .dropdown-lang-flag {
    filter: grayscale(1)
}

.btn-lang:after {
    content: attr(data-text);
    text-transform: uppercase;
    font-weight: 700;
    width: 24px;
    display: block
}

.dropdown-lang-items {
    padding: 0 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media (min-width: 576px) {
    .dropdown-lang-items {
        grid-template-columns:1fr 1fr 1fr 1fr 1fr
    }
}

.dropdown-item-lang {
    touch-action: manipulation;
    background: none;
    border: 0;
    padding: 0;
    border-radius: 50%;
    margin: 8px;
    position: relative
}

.dropdown-item-lang:after {
    transition: .2s;
    font-size: 13px;
    line-height: 13px;
    content: attr(data-action);
    position: absolute;
    z-index: 1;
    left: -3px;
    bottom: -3px;
    font-weight: 600;
    color: #ECEFF1;
    text-transform: uppercase;
    background-color: #161c20;
    padding: 1px 2px;
    border-radius: 2px;
    white-space: nowrap
}

.dropdown-item-lang:hover {
    box-shadow: 0 0 0 3px #607D8B;
    transition: .1s
}

.dropdown-item-lang,.dropdown-item-lang:active,.dropdown-item-lang:focus {
    transition: box-shadow .2s, filter .5s, opacity .5s
}

.dropdown-item-lang:active {
    box-shadow: 0 0 0 5px #F8F9Fa
}

.dropdown-item-lang.dropdown-lang-active {
    box-shadow: 0 0 0 3px #F8F9Fa
}

.dropdown-lang-flag {
    pointer-events: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition: inherit
}

:root {
    --sidebar-width: calc(10vw + 180px);
    --sidebar-width-small: 85vw;
    --sidebar-width-hover: 480px
}

body {
    overflow-x: hidden;
    min-height: 100%
}

.has-scrollbars,.has-scrollbars .modal {
    scrollbar-width: thin;
    scrollbar-color: #78909C transparent
}

.has-scrollbars::-webkit-scrollbar,.has-scrollbars .modal::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px
}

.has-scrollbars::-webkit-scrollbar-thumb,.has-scrollbars .modal::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #90A4AE
}

.has-scrollbars::-webkit-scrollbar-thumb:hover,.has-scrollbars .modal::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color, #2e8b57)
}

.menu-enabled #main {
    width: 100%
}

@media (min-width: 992px) {
    .menu-enabled #main {
        width:calc(100% - var(--sidebar-width));
        transform: translateX(var(--sidebar-width));
        transition: transform .25s cubic-bezier(0.4, 0.5, 0, 1),width 0s .25s
    }

    .menu-enabled.sidebar-closed #main {
        width: 100%;
        transition: transform .25s cubic-bezier(0.4, 0.5, 0, 1),width 0s 0s;
        transform: translateX(0)
    }

    .menu-enabled:not(.sidebar-closed) #topbar {
        margin-left: -1px
    }
}

#sidebar,#sidebar-bg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%
}

#sidebar {
    z-index: 3
}

.svg-path-menu {
    display: none
}

@media (min-width: 992px) {
    .svg-path-menu_back {
        display:inline;
        transform-origin: center
    }
}

.sidebar-closed #sidebar {
    width: 0
}

.sidebar-closed .svg-path-menu {
    display: inline
}

.sidebar-closed .svg-path-menu_back {
    display: none
}

.sidebar-closed #sidebar-inner {
    transform: translateX(-100%)
}

@media screen and (hover: hover) and (pointer: fine) and (min-width: 992px) {
    .sidebar-closed #sidebar {
        width:5px
    }

    .sidebar-closed #sidebar-inner {
        transition-delay: .3s;
        width: var(--sidebar-width-hover)
    }

    .sidebar-closed #sidebar-bg {
        transition: opacity .25s .3s,visibility 0s .55s
    }

    .sidebar-closed .svg-path-menu_back {
        transform: scaleX(-1)
    }

    .sidebar-closed #sidebar-toggle:hover .svg-path-menu {
        display: none
    }

    .sidebar-closed #sidebar-toggle:hover .svg-path-menu_back {
        display: inline
    }

    .sidebar-closed #sidebar:hover #sidebar-inner {
        transform: translateX(0);
        transition-delay: 0s
    }

    .sidebar-closed #sidebar:hover+#sidebar-bg {
        transition-delay: 0s;
        visibility: visible;
        opacity: .9
    }
}

@media (max-width: 991.98px) {
    .sidebar-closed #sidebar-bg {
        transition:opacity .25s,visibility 0s .25s;
        visibility: hidden;
        opacity: 0
    }
}

.sidebar-closed .sidebar-clicked {
    pointer-events: none
}

.sidebar-closed .sidebar-clicked #sidebar-inner,.sidebar-closed .sidebar-clicked #sidebar-bg {
    transition-delay: 0s
}

#sidebar-bg {
    width: 100%;
    background: black;
    will-change: opacity;
    z-index: 2
}

@media (max-width: 991.98px) {
    #sidebar-bg {
        transition:opacity .25s,visibility 0s;
        visibility: visible;
        opacity: .9
    }
}

@media (min-width: 992px) {
    #sidebar-bg {
        pointer-events:none;
        transition: opacity .25s,visibility 0s .25s;
        visibility: hidden;
        opacity: 0
    }
}

#sidebar-inner {
    width: var(--sidebar-width-small);
    height: 100%;
    transition: transform .25s cubic-bezier(0.4, 0.5, 0, 1)
}

@media (min-width: 992px) {
    #sidebar-inner {
        transition:transform .25s cubic-bezier(0.4, 0.5, 0, 1),width .25s cubic-bezier(0.4, 0.5, 0, 1);
        width: var(--sidebar-width)
    }
}

#sidebar-menu {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.transition-disabled {
    transition: none !important
}

.exif-item {
    display: inline-block;
    white-space: nowrap
}

.exif-item:not(:last-child):after {
    content: '|';
    margin: 0 .5em;
    opacity: .3
}

.exif-item small,.exif-item .small,.exif-item:before {
    font-size: .8em;
    opacity: .8;
    line-height: 1
}

.exif-Model .svg-icon {
    margin: 0 5px 0 -2px
}

.exif-ISOSpeedRatings:before {
    margin-right: 1px;
    content: 'ISO'
}

.exif-FocalLength small,.exif-FocalLength .small {
    margin-left: 1px
}

.exif-ApertureFNumber::first-letter {
    font-style: italic
}

.exif-gps .svg-marker {
    transition: color .2s
}

#menu-toggle .svg-path-plus,.menu-icon-toggle .svg-path-plus,#menu-toggle .svg-path-minus,.menu-icon-toggle .svg-path-minus {
    transition: transform 0.25s cubic-bezier(0.4, 0.5, 0, 1),opacity 0.25s cubic-bezier(0.4, 0.5, 0, 1);
    transform-origin: center
}

#menu-toggle .svg-path-minus,.menu-icon-toggle .svg-path-minus {
    opacity: 0;
    transform: rotate(-90deg)
}

#menu-toggle.is-expanded .svg-path-minus,.menu-li-open>.menu-a .menu-icon-toggle .svg-path-minus {
    opacity: 1;
    transform: rotate(0deg)
}

#menu-toggle.is-expanded .svg-path-plus,.menu-li-open>.menu-a .menu-icon-toggle .svg-path-plus {
    opacity: 0;
    transform: rotate(90deg)
}

#menu-toggle.is-expanded:active .svg-path-plus,.menu-li-open>.menu-a .menu-icon-toggle:active .svg-path-plus {
    opacity: 1;
    transform: rotate(45deg)
}

#menu-toggle.is-expanded:active .svg-path-minus,.menu-li-open>.menu-a .menu-icon-toggle:active .svg-path-minus {
    opacity: 0;
    transform: rotate(-45deg)
}

#sidebar-toggle {
    position: absolute;
    z-index: 1;
    top: 10px;
    border-radius: 0 .15rem .15rem 0;
    transition: background-color .15s, color .15s, box-shadow .2s;
    background-color: var(--primary-color, #2e8b57);
    color: white
}

#sidebar-toggle:active {
    box-shadow: 0 0 0 3px #37474F
}

#sidebar-inner {
    display: flex;
    flex-direction: column
}

#sidebar-topbar {
    padding: 10px 0 10px 48px;
    background-color: #1c2429;
    min-height: 58px
}

#menu-toggle {
    background-color: #263238;
    color: #CFD8DC;
    transition: .2s
}

#menu-toggle:hover {
    background-color: var(--primary-color, #2e8b57);
    color: white
}

#menu-toggle .svg-icon {
    transition: transform .2s
}

#menu-toggle:active {
    box-shadow: 0 0 0 3px #37474F
}

#menu-toggle:active .svg-icon {
    transform: scale(0.9)
}

#sidebar-menu {
    background-image: linear-gradient(90deg, #1c2429, #263238);
    flex: 1;
    scrollbar-width: thin
}

@media (max-width: 991.98px) {
    #sidebar-menu {
        overscroll-behavior-y:contain
    }
}

.sidebar-closed #sidebar-menu {
    overscroll-behavior-y: contain
}

#sidebar-menu.cm-active {
    transition: opacity .2s;
    opacity: .9
}

.has-scrollbars #sidebar-menu {
    scrollbar-color: transparent transparent
}

.has-scrollbars #sidebar-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px
}

.has-scrollbars #sidebar-menu::-webkit-scrollbar-thumb {
    border: 1px solid #263238;
    border-radius: 4px;
    background-color: transparent
}

.has-scrollbars #sidebar:hover #sidebar-menu {
    scrollbar-color: #607D8B transparent
}

.has-scrollbars #sidebar:hover #sidebar-menu::-webkit-scrollbar-thumb {
    background-color: #607D8B
}

.files-link {
    transition: all .2s;
    margin-top: auto;
    background-color: rgba(0,0,0,0.3);
    color: #CFD8DC;
    font-size: 14px;
    padding: 5px 0;
    text-align: center
}

.files-link:hover {
    text-decoration: none;
    color: #F8F9Fa;
    background-color: rgba(0,0,0,0.6)
}

.sidebar-spinner:before {
    margin: 10px 10px 0 7px;
    vertical-align: bottom;
    border-color: #37474F;
    border-top-color: #CFD8DC
}

.sidebar-spinner:after {
    content: attr(data-title) "";
    color: #CFD8DC;
    font-size: 14px
}

.menu-root,.menu-ul {
    margin: 0;
    list-style: none
}

.menu-root {
    padding: 14px 0 48px
}

.menu-ul {
    padding: 0;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    display: none
}

.menu-li-open {
    transition: background-color .5s
}

.menu-li-open>.menu-a .svg-path-folder_minus {
    display: inline
}

.menu-li-open>.menu-a .svg-path-folder_plus {
    display: none
}

.menu-li-open>.menu-ul {
    height: auto;
    opacity: 1;
    display: block
}

.menu-li-open:hover {
    background-color: rgba(0,0,0,0.15)
}

.menu-a {
    --menu-font-size: 16px;
    --menu-line-height: 30px;
    --menu-folder-icon-size: 22px;
    --menu-text-indent: 6px;
    padding-left: calc((38px - var(--menu-folder-icon-size))/2 + (var(--menu-folder-icon-size) + var(--menu-text-indent) - 1px) * var(--depth));
    line-height: var(--menu-line-height);
    font-size: var(--menu-font-size);
    display: block;
    color: #CFD8DC;
    text-decoration: none;
    transition: box-shadow .2s
}

@media (pointer: fine) {
    .menu-a {
        --menu-font-size: 14px;
        --menu-line-height: 26px;
        --menu-folder-icon-size: 20px
    }
}

.menu-a:hover {
    background-color: rgba(0,0,0,0.3);
    color: #ECEFF1;
    text-decoration: none
}

.menu-a:focus-visible {
    background-color: rgba(0,0,0,0.3);
    outline: none;
    box-shadow: inset -1px 1px #ECEFF1,inset 1px -1px #ECEFF1
}

.menu-a:focus,.menu-a:active {
    transition: .15s
}

.menu-active-ancestor:not(.menu-li-open)>.menu-a:not(:hover) {
    background-color: rgba(0,0,0,0.2)
}

.menu-active {
    background-color: rgba(0,0,0,0.3);
    color: #ECEFF1;
    box-shadow: inset 2px 0 0 var(--primary-color, #2e8b57)
}

.menu-active .menu-icon-folder {
    fill: var(--primary-color, #2e8b57)
}

.menu-li.cm-active>.menu-a {
    background-color: rgba(0,0,0,0.6);
    color: #ECEFF1;
    box-shadow: inset 2px 0 0 #CFD8DC
}

.menu-li.cm-active>.menu-a .menu-icon-folder {
    fill: #CFD8DC
}

.menu-a-forbidden {
    cursor: not-allowed;
    box-shadow: none !important
}

.menu-a-forbidden .menu-icon-folder {
    fill: indianred !important
}

.menu-icon {
    width: 1em;
    height: 1em;
    vertical-align: bottom;
    transition: .2s;
    pointer-events: none
}

.menu-icon-toggle,.menu-icon-folder-toggle {
    pointer-events: auto
}

.menu-icon-folder {
    font-size: var(--menu-folder-icon-size);
    fill: #78909C;
    margin-right: var(--menu-text-indent);
    margin-bottom: calc((var(--menu-line-height) - var(--menu-folder-icon-size)) / 2)
}

.menu-icon-folder-toggle:hover {
    fill: var(--primary-color, #2e8b57)
}

.menu-icon-toggle {
    padding: calc((var(--menu-line-height) - 24px) / 2);
    font-size: var(--menu-line-height);
    border-radius: .1rem;
    float: right;
    fill: #B0BEC5
}

.menu-icon-toggle:hover {
    background-color: var(--primary-color, #2e8b57);
    fill: white
}

.svg-path-folder_minus {
    display: none
}

@media (hover: hover) {
    .menu-a:active {
        background-color:rgba(0,0,0,0.6);
        color: #ECEFF1;
        box-shadow: inset 2px 0 0 var(--primary-color, #2e8b57)
    }

    .menu-a:active .menu-icon-folder {
        fill: var(--primary-color, #2e8b57)
    }

    .menu-active:active .menu-icon-toggle,.menu-icon-toggle:active {
        background-color: var(--primary-color, #2e8b57);
        fill: white;
        transform: scale(0.9)
    }

    .menu-icon-folder-toggle:active {
        transform: scale(0.9)
    }

    #menu-toggle {
        transition: .3s .3s;
        opacity: 0
    }

    .menu-icon-toggle {
        transition-delay: .3s;
        opacity: var(--menu-icon-toggle-opacity, 0)
    }

    #sidebar:hover #menu-toggle {
        transition: .2s;
        opacity: 1
    }

    #sidebar:hover .menu-icon-toggle {
        opacity: 1;
        transition-delay: 0s
    }
}

.menu-spinner:before {
    width: var(--menu-folder-icon-size);
    height: var(--menu-folder-icon-size);
    border-width: 1px;
    border-color: #37474F;
    border-top-color: var(--primary-color, #2e8b57);
    position: absolute;
    margin-top: calc((var(--menu-line-height) - var(--menu-folder-icon-size)) / 2)
}

.menu-spinner .menu-icon-folder {
    opacity: 0
}

.uppy-Root {
    font-family: inherit;
    position: relative;
    z-index: 3
}

[data-uppy-theme=dark] .uppy-Dashboard-inner,[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info,[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
    background-color: #1c2429
}

[data-uppy-theme=dark] .uppy-DashboardContent-title,[data-uppy-theme=dark] .uppy-Dashboard-Item-name,[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint,[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title,[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary,[data-uppy-theme=dark] .uppy-StatusBar-content {
    color: #ECEFF1
}

[data-uppy-theme=dark] .uppy-Dashboard-note {
    color: #CFD8DC
}

[data-uppy-theme=dark] .uppy-Dashboard-Item-status,[data-uppy-theme=dark] .uppy-StatusBar-additionalInfo {
    color: #B0BEC5
}

[data-uppy-theme=dark] .uppy-DashboardContent-bar,[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting,[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions,[data-uppy-theme=dark] .uppy-StatusBar,[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
    background-color: #161c20
}

[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
    background-image: none
}

[data-uppy-theme=dark] .uppy-DashboardContent-bar {
    border-bottom: 1px solid #263238
}

[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
    border-top: 1px solid #263238
}

[data-uppy-theme=dark] .uppy-DashboardContent-back:focus,[data-uppy-theme=dark] .uppy-DashboardContent-save:focus,[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
    background-color: #1c2429
}

[data-uppy-theme=dark] .uppy-c-textInput {
    background-color: #263238;
    border-color: transparent
}

[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
    border-color: #546E7A
}

.uppy-is-drag-over:after {
    background-color: rgba(236,239,241,0.5);
    border-radius: 3px;
    border-color: #CFD8DC;
    animation: opacity .2s
}

.uppy-Dashboard--modal {
    animation: opacity .2s
}

[dir=ltr].uppy-allow-delete .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
    right: 10px
}

.uppy-Informer-animated p {
    color: #ECEFF1;
    background-color: #161c20 !important
}

.uppy-Dashboard-FileCard-preview {
    background-color: #607D8B !important
}

.uppy-Dashboard-Item-errorDetails,.uppy-StatusBar-details {
    border: none;
    cursor: help;
    background-color: #607D8B;
    padding-left: 4px
}

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
    background-color: rgba(0,0,0,0.6)
}

.uppy-Dashboard-close span {
    display: none
}

.uppy-Dashboard-close:after {
    content: 'x';
    font-size: 24px
}



.has-scrollbars .uppy-Dashboard-isFixed {
    width: var(--body-width, auto)
}

.uppy-Dashboard-files {
    scrollbar-width: thin;
    scrollbar-color: #78909C transparent
}

.has-scrollbars .uppy-Dashboard-files {
    scrollbar-color: #78909C transparent
}

.has-scrollbars .uppy-Dashboard-files::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px
}

.has-scrollbars .uppy-Dashboard-files::-webkit-scrollbar-thumb {
    border: 1px solid #1c2429;
    border-radius: 4px;
    background-color: #78909C
}

.has-scrollbars .uppy-Dashboard-files::-webkit-scrollbar-thumb:hover {
    background-color: #90A4AE
}

.svg-preloader {
    width: 18px;
    stroke: white;
    display: none
}

.svg-preloader-circle {
    display: inline-block;
    fill: transparent;
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 80;
    stroke-width: 2px;
    transform-origin: 50% 50%
}

.svg-preloader-active {
    display: inline-block;
    animation: 2s linear infinite spin
}

.svg-preloader-active .svg-preloader-circle {
    animation: 1.4s ease-in-out infinite both circle-anim
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes circle-anim {
    0%,25% {
        stroke-dashoffset: 80;
        transform: rotate(0)
    }

    50%,75% {
        stroke-dashoffset: 20;
        transform: rotate(45deg);
        stroke-width: 1px;
        stroke: var(--preloader-anim-stroke, inherit)
    }

    100% {
        stroke-dashoffset: 80;
        transform: rotate(360deg)
    }
}

.preloader-body {
    stroke: #B0BEC5;
    position: absolute;
    top: calc(50% - 48px/2);
    left: calc(50% - 48px/2);
    width: 48px
}

.pswp,.pswp__bg,.pswp__scroll-wrap {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp {
    display: none;
    position: fixed;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none;
    -webkit-font-smoothing: auto
}

.pswp--open {
    display: block
}

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__bg {
    position: absolute;
    background-color: var(--popup-bg, #000);
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pswp__scroll-wrap {
    position: absolute;
    overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden
}

.pswp__container,.pswp__img,.pswp__counter,.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__container,.pswp__img {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    max-width: none;
    image-orientation: none
}

.pswp--zoom-cursor .pswp__img {
    cursor: default
}

.pswp--zoom-allowed.pswp--zoom-cursor .pswp__img {
    cursor: zoom-in
}

.pswp--zoom-allowed.pswp--zoomed-in .pswp__img {
    cursor: grab
}

.pswp--zoom-allowed.pswp--dragging .pswp__img {
    cursor: grabbing
}

@supports (image-orientation: from-image) {
    .server-exif .pswp__img {
        image-orientation:from-image
    }
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background-color: var(--popup-placeholder-bg, #111)
}

.pswp__error-msg {
    text-align: center;
    color: #ECEFF1;
    margin-top: calc(50vh - 8px);
    font-weight: normal
}

.pswp__error-msg a {
    color: #F8F9Fa;
    text-decoration: underline
}

.pswp__ui {
    z-index: 1550
}

.has-scrollbars.popup-open {
    width: var(--body-width, auto);
    overflow: hidden
}

.pswp__timer {
    display: none;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--popup-timer-color, white);
    transform-origin: left;
    z-index: 4;
    transform: scaleX(0);
    will-change: transform, opacity;
    transition: height .2s
}

.pswp__ui--idle .pswp__timer,.pswp__ui--hidden .pswp__timer {
    height: 1px
}

.pswp__top-bar {
    color: #F8F9Fa;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    padding: 4px 4px 8px 16px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%)
}

@media (min-width: 641px) {
    .pswp__top-bar {
        padding:8px 12px 8px 16px
    }
}

@media (min-width: 1025px) {
    .pswp__top-bar {
        padding:8px 16px 8px 20px
    }
}

.pswp--has_mouse .pswp__top-bar {
    opacity: .8
}

.pswp__top-bar:hover {
    opacity: 1
}

.pswp__counter {
    font-weight: 300;
    margin-right: 1rem
}

.pswp__search:empty {
    display: none
}

@media (min-width: 576px) {
    .pswp__search {
        max-width:320px
    }
}

.pswp__search .svg-icon {
    margin-right: 5px
}

.pswp__topbar-spacer {
    flex-grow: 9999
}

.pswp__preloader {
    flex: 0 0 20px;
    margin-right: 10px
}

.pswp__button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    touch-action: manipulation;
    color: white;
    background: none;
    -webkit-appearance: none
}

.pswp__button:focus {
    background: none
}

.pswp__button:focus,.pswp__button:hover,.pswp__button:active {
    outline: 0;
    color: white
}

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

.pswp__top-bar .pswp__button {
    padding: 12px;
    float: right;
    border-radius: 50%
}

@media (min-width: 641px) {
    .pswp__top-bar .pswp__button {
        padding:10px
    }
}

@media (hover: hover) {
    .pswp__top-bar .pswp__button {
        transition:background-color .15s
    }

    .pswp__top-bar .pswp__button:hover {
        background-color: #1c2429
    }

    .pswp__top-bar .pswp__button:active {
        background-color: #263238
    }
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
    display: none;
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 60px
}

.pswp--has_mouse .pswp__button--arrow--left,.popup-ui-pano .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.popup-ui-pano .pswp__button--arrow--right {
    display: block
}

@media (min-width: 1025px) {
    .pswp__button--arrow--left,.pswp__button--arrow--right {
        min-width:calc(48px + 4%)
    }
}

.pswp__button--arrow--left .svg-icon,.pswp__button--arrow--right .svg-icon {
    background-color: rgba(0,0,0,0.2);
    border-radius: 50%;
    transition: background-color .15s, transform .15s;
    width: 46px;
    height: 46px;
    padding: 5px;
    margin: 0 8px
}

@media (min-width: 1025px) {
    .pswp__button--arrow--left .svg-icon,.pswp__button--arrow--right .svg-icon {
        margin:0 12px
    }
}

@media (min-width: 1441px) {
    .pswp__button--arrow--left .svg-icon,.pswp__button--arrow--right .svg-icon {
        width:50px;
        height: 50px;
        margin: 0 16px
    }
}

.pswp__button--arrow--left:hover .svg-icon,.pswp__button--arrow--left:focus .svg-icon,.pswp__button--arrow--right:hover .svg-icon,.pswp__button--arrow--right:focus .svg-icon {
    background-color: #1c2429
}

.pswp__button--arrow--left:active .svg-icon,.pswp__button--arrow--right:active .svg-icon {
    background-color: #263238
}

.pswp__button--arrow--left {
    left: 0;
    text-align: left
}

.pswp__button--arrow--left:active .svg-icon {
    transform: translateX(-2px)
}

.pswp__button--arrow--right {
    right: 0;
    text-align: right
}

.pswp__button--arrow--right:active .svg-icon {
    transform: translateX(2px)
}

.svg-path-pause,.svg-path-play {
    transform-origin: center;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.3s,opacity 0.1s
}

.svg-path-pause {
    opacity: 0;
    transform: rotate(-90deg)
}

.is-playing .svg-path-play {
    opacity: 0;
    transform: rotate(90deg)
}

.is-playing .svg-path-pause {
    opacity: 1;
    transform: rotate(0deg)
}

.svg-path-collapse {
    display: none
}

.is-fullscreen .svg-path-collapse {
    display: block
}

.is-fullscreen .svg-path-expand {
    display: none
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp__button--zoom .svg-path-zoom_out {
    display: none
}

.pswp--zoomed-in .svg-path-zoom_out {
    display: inline
}

.pswp--zoomed-in .svg-path-zoom_in {
    display: none
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__button--play,.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp__caption,.pswp__top-bar,.pswp__button--arrow--left,.pswp__button--arrow--right {
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),background-color 0.2s;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden
}

.pswp__ui--idle .pswp__caption-hide:not(.pswp__caption-locked):not(:hover),.pswp__ui--idle .pswp__top-bar:not(:hover),.pswp__ui--idle .pswp__button--arrow--left:not(:hover),.pswp__ui--idle .pswp__button--arrow--right:not(:hover) {
    opacity: 0;
    visibility: hidden;
    transition: transform 0s .6s, opacity .6s, visibility 0s .6s
}

.pswp__ui--idle .pswp__top-bar:not(:hover) {
    transform: translateY(-3px)
}

.pswp__ui--idle .pswp__top-bar:not(:hover) .pswp__preloader {
    display: none
}

.pswp__ui--idle .pswp__caption-hide:not(.pswp__caption-locked):not(:hover) {
    transform: translateY(3px)
}

.pswp__ui--idle .pswp__button--arrow--left:not(:hover) {
    transform: translateX(-3px)
}

.pswp__ui--idle .pswp__button--arrow--right:not(:hover) {
    transform: translateX(3px)
}

.pswp__ui--hidden:not(.popup-ui-pano) .pswp__top-bar {
    transform: translateY(-3px)
}

.pswp__ui--hidden:not(.popup-ui-pano) .pswp__caption {
    transform: translateY(3px)
}

.pswp__ui--hidden:not(.popup-ui-pano) .pswp__top-bar,.pswp__ui--hidden:not(.popup-ui-pano) .pswp__caption,.pswp__ui--hidden:not(.popup-ui-pano) .pswp__button--arrow--left,.pswp__ui--hidden:not(.popup-ui-pano) .pswp__button--arrow--right {
    transition: transform 0s .33s, opacity .33s, visibility 0s .33s;
    opacity: 0;
    visibility: hidden
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    color: var(--popup-caption-color, #CFD8DC);
    padding: 16px 16px calc(16px - var(--popup-caption-item-space, .35em)) 16px
}

@media (hover: hover) {
    .pswp__caption:hover {
        z-index:5
    }
}

.pswp__caption__center {
    position: relative;
    font-size: var(--popup-caption-font-size, .9375rem);
    font-weight: var(--popup-caption-font-weight, 300);
    line-height: var(--popup-caption-line-height, 1.3);
    word-break: break-word;
    vertical-align: bottom
}

.pswp__caption__center:empty {
    display: none
}

@media (min-width: 768px) {
    .pswp__caption__center {
        max-width:var(--popup-caption-max-width, 800px);
        display: inline-block
    }
}

.pswp__caption__center>* {
    margin-bottom: var(--popup-caption-item-space, .35em)
}

.pswp__button--lock-caption {
    display: none;
    opacity: 0;
    transition: color .2s, opacity .2s .2s, visibility 0s 1s;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    padding: 8px;
    border-radius: 50%;
    color: inherit;
    bottom: calc(100% - 20px)
}

.pswp__button--lock-caption,.pswp__button--lock-caption:focus {
    background-color: black
}

.pswp__caption-align-center-left .pswp__button--lock-caption,.pswp__caption-align-center .pswp__button--lock-caption {
    left: calc(50% - 20px)
}

.pswp__caption-align-right .pswp__button--lock-caption {
    right: 16px
}

.pswp__button--lock-caption .svg-path-lock_outline {
    display: none
}

.pswp__caption:hover .pswp__button--lock-caption {
    visibility: visible;
    transition: background-color .2s, color .2s, opacity .2s, visibility 0s;
    opacity: 1
}

.pswp__ui--idle .pswp__caption:hover .pswp__button--lock-caption {
    opacity: 0
}

.pswp__caption:hover .pswp__button--lock-caption:hover {
    background-color: #263238;
    color: white
}

@media (min-width: 1025px) {
    .pswp--has_mouse .pswp__caption-hide .pswp__button--lock-caption {
        display:inline-block
    }
}

.pswp__caption-locked .svg-path-lock_outline {
    display: inline
}

.pswp__caption-locked .svg-path-lock_open_outline {
    display: none
}

.pswp__caption--empty {
    display: none
}

.pswp__caption-style-block {
    background-image: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 100%)
}

.pswp__caption-style-box {
    padding: 0 8px 8px
}

@media (min-width: 641px) {
    .pswp__caption-style-box {
        padding:0 16px 16px
    }
}

.pswp__caption-style-box .pswp__caption__center {
    transition: background-color .2s;
    background-image: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 100%);
    padding: 12px 14px 14px;
    border-radius: 3px
}

@media (min-width: 641px) {
    .pswp__caption-style-box .pswp__caption__center {
        padding:12px 16px calc(14px - var(--popup-caption-item-space, .35em))
    }
}

.pswp__caption-style-box:hover .pswp__caption__center {
    background-color: black
}

.pswp__caption-style-subtitles {
    padding-top: 5px
}

.pswp__caption-style-subtitles .pswp__button--lock-caption {
    bottom: 100%
}

.pswp__caption-style-subtitles .pswp__caption__center>* {
    display: inline-block;
    background-color: black;
    padding: 0 4px;
    clear: both;
    float: left
}

.pswp__caption-align-right .pswp__caption-style-subtitles .pswp__caption__center>* {
    float: right
}

.pswp__caption-style-gradient {
    background-image: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%)
}

.pswp__caption-style-block:hover,.pswp__caption-style-gradient:hover,.pswp__caption-style-none:hover {
    background-color: rgba(0,0,0,0.8)
}

.pswp__caption-align-left .pswp__button--arrow--left {
    z-index: 1
}

.pswp__caption-align-center .pswp__caption,.pswp__caption-align-center-left .pswp__caption {
    text-align: center
}

.pswp__caption-align-center-left .pswp__caption__center {
    text-align: left
}

.pswp__caption-align-right .pswp__caption {
    text-align: right
}

.pswp__caption-align-right .pswp__button--arrow--right {
    z-index: 1
}

@supports (-webkit-line-clamp: 3) {
    .popup-title,.popup-description,.popup-keywords {
        display: -webkit-box;
        -webkit-line-clamp: var(--popup-caption-line-clamp, 3);
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    @media screen and (min-height: 500px) {
        .popup-title,.popup-description,.popup-keywords {
            -webkit-line-clamp:calc(var(--popup-caption-line-clamp, 3) + 1)
        }
    }

    @media screen and (min-height: 600px) {
        .popup-title,.popup-description,.popup-keywords {
            -webkit-line-clamp:calc(var(--popup-caption-line-clamp, 3) + 2)
        }
    }

    @media screen and (min-height: 700px) {
        .popup-title,.popup-description,.popup-keywords {
            -webkit-line-clamp:calc(var(--popup-caption-line-clamp, 3) + 3)
        }
    }
}

.popup-context {
    z-index: 1;
    position: relative;
    float: right;
    padding: 5px;
    margin: -8px;
    color: inherit;
    border: 3px solid transparent;
    margin-left: 0
}

.popup-context:hover {
    color: #CFD8DC;
    background-color: #37474F
}

.popup-context:active {
    border-color: #2d3940
}

.popup-context.cm-active:active {
    border-color: #1c2429
}

.popup-basename {
    word-break: break-all;
    font-weight: 400;
    font-size: 1rem;
    line-height: var(--popup-caption-line-height, 1.3);
    color: #F8F9Fa
}

.popup-dimensions,.popup-filesize,.popup-date {
    display: inline-block
}

.popup-dimensions:after,.popup-filesize:after {
    content: '|';
    margin: 0 .7em;
    opacity: .3
}

.popup-date {
    white-space: nowrap
}

.popup-date .relative-time {
    color: #B0BEC5
}

.popup-date .relative-time:before {
    content: '~';
    margin: 0 .6em
}

@media (max-width: 575.98px) {
    .popup-date .relative-time {
        display:none
    }
}

.popup-date time {
    display: inline-block
}

.popup-exif {
    margin-left: -.6em;
    margin-right: -.6em;
    border-radius: 2px;
    padding: .2em 0 .1em
}

.popup-exif .exif-item {
    line-height: 24px;
    background-color: rgba(0,0,0,0.3);
    margin: 0 1px 1px 0;
    padding: .1em .6em;
    border-radius: 2px
}

.popup-exif .exif-item:after {
    content: none
}

.popup-exif .map-link {
    color: inherit
}

.popup-title {
    font-weight: 400;
    color: #F8F9Fa
}

.popup-keywords {
    font-size: .875rem;
    font-style: italic;
    color: #B0BEC5
}

.popup-keywords:before {
    content: '€”';
    margin-right: .5rem
}

.popup-copyright:before {
    content: '©'
}

.popup-owner,.popup-location {
    color: #B0BEC5;
    font-size: .875rem
}

.popup-owner>*:not(:last-child):after,.popup-location>*:not(:last-child):after {
    content: ',';
    margin-right: .3em
}

.popup-ui-video .pswp__button--arrow--left,.popup-ui-video .pswp__button--arrow--right {
    height: 100px;
    top: calc(50% - 50px);
    min-width: auto;
    width: auto
}

.popup-video {
    display: block;
    object-fit: scale-down;
    width: auto;
    max-width: 100%;
    height: calc(100% - 55px);
    margin: 55px auto 0;
    outline: none
}

@media (min-width: 641px) {
    .popup-video {
        height:calc(100% - 60px);
        margin: 60px auto 0
    }
}

.pswp--has_mouse .popup-video {
    margin: 0 auto;
    height: 100%
}

.pswp__error-msg,.popup-video {
    cursor: default
}

.pnlm-render-container {
    transition: opacity .3s
}

.pnlm-render-container:empty {
    opacity: 0
}

.pswp__button--pano-rotate {
    display: none
}

.popup-ui-pano .pswp__button--pano-rotate {
    display: block
}

.pswp__button--pano-rotate .svg-path-motion_play_outline,.pswp__button--pano-rotate .svg-path-motion_pause_outline {
    transform-origin: center;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.3s
}

.pswp__button--pano-rotate .svg-path-motion_pause_outline {
    visibility: hidden
}

.pswp__button--pano-rotate.is-rotating .svg-path-motion_play_outline {
    visibility: hidden;
    transform: rotate(180deg)
}

.pswp__button--pano-rotate.is-rotating .svg-path-motion_pause_outline {
    visibility: visible;
    transform: rotate(180deg)
}

.popup-ui-pano .pswp__caption {
    display: var(--popup-pano-caption-display, none)
}

.pnlm-load-box {
    color: white;
    position: absolute;
    top: calc(50% + 24px);
    left: calc(50% - 50px);
    width: 100px
}

.pnlm-load-box p {
    display: none
}

.pnlm-lbar {
    background-color: #263238;
    height: 4px;
    border-radius: 2px;
    overflow: hidden;
    animation: opacity 1s
}

.pnlm-lbar-fill {
    width: 0;
    transition: width .2s;
    background-color: #B0BEC5;
    height: 100%;
    border-radius: 2px
}

.popup-pano-placeholder {
    --size: 48px;
    position: absolute;
    left: calc(50% - 24px);
    top: calc(50% - 34px)
}

.popup-pano-placeholder .svg-icon {
    font-size: var(--size);
    fill: #263238
}

.pnlm-container {
    overflow: hidden;
    position: relative;
    cursor: default;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
    contain: content
}

.pnlm-ui,.pnlm-render-container,.pnlm-dragfix,.pnlm-preview-img {
    position: absolute;
    height: 100%;
    width: 100%
}

.pnlm-ui {
    z-index: 1
}

.pnlm-grab {
    cursor: grab
}

.pnlm-grabbing {
    cursor: grabbing
}

.pnlm-render-container {
    cursor: inherit
}

.pnlm-pointer {
    cursor: pointer
}

.pnlm-about-msg {
    display: none !important
}

.updating,.updated {
    overflow: hidden
}

.updating:before,.updated:before {
    content: '';
    background-color: rgba(0,0,0,0.9);
    z-index: 99998;
    position: absolute;
    width: 100%;
    height: 100%;
    animation: opacity .5s forwards
}

.updating:after,.updated:after {
    position: absolute;
    z-index: 99999
}

.updating:after {
    width: 48px;
    height: 48px;
    border-width: 5px;
    border-color: #263238;
    border-top-color: var(--primary-color, #2e8b57);
    top: calc(50% - 24px);
    left: calc(50% - 24px)
}

.updated:after {
    color: #ECEFF1;
    content: attr(data-updated);
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translatey(-50%)
}

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

.modal-open {
    overflow: hidden
}

.has-scrollbars .modal-open {
    width: var(--body-width, auto)
}

.modal-preview-code,.modal-preview-file,.modal-preview-dir {
    border-top: 1px solid #ECEFF1;
    border-bottom: 1px solid #ECEFF1
}

.modal-preview {
    background-repeat: repeat;
    background-color: white;
    background-image: linear-gradient(45deg, #eff1f3 25%, transparent 25%, transparent 75%, #eff1f3 75%, #eff1f3),linear-gradient(45deg, #eff1f3 25%, transparent 25%, transparent 75%, #eff1f3 75%, #eff1f3);
    background-size: 20px 20px;
    background-position: 0 0, 30px 30px
}

#modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    display: none
}

.modal-title {
    color: #37474F;
    line-height: 26px;
    margin-top: 2px
}

.modal-buttons {
    white-space: nowrap;
    margin: -4px -4px -4px .5rem;
    align-self: flex-start
}

.modal-preview {
    display: block;
    position: relative;
    margin: -1rem -1rem 0 -1rem;
    min-height: 160px
}

.modal-preview:hover {
    text-decoration: none
}

.modal-preview-image {
    cursor: zoom-in
}

.modal-preview-audio {
    border-top: 1px solid #ECEFF1
}

.modal-preview-audio .modal-svg {
    background-image: linear-gradient(0, white, rgba(255,255,255,0))
}

.modal-preview-video-thumb .modal-image {
    width: 100%
}

.modal-preview-dir .files-folder-preview {
    max-width: 108px;
    min-height: 81px;
    max-height: 92px;
    min-width: 69px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px
}

.modal-svg {
    height: 160px;
    width: 100%
}

.modal-svg.svg-file {
    padding: 20px 0
}

.modal-image {
    max-width: 100%;
    height: auto;
    image-orientation: from-image;
    display: block;
    margin: 0 auto;
    background-size: 100px
}

.modal-image-ico {
    width: auto
}

.modal-video,.modal-audio {
    width: 100%;
    outline: none;
    display: block
}

.modal-video {
    min-height: 200px;
    max-height: 80vh;
    background: #111
}

.modal-audio {
    background-color: white
}

.CodeMirror {
    background-color: #F8F9Fa;
    height: auto;
    font-size: 14px;
    font-family: Consolas, monospace
}

@supports (-webkit-overflow-scrolling: touch) {
    .CodeMirror {
        font-size: 16px
    }
}

.CodeMirror-scroll {
    min-height: 160px;
    max-height: 50vh;
    -webkit-overflow-scrolling: touch
}

.CodeMirror-vscrollbar {
    scrollbar-width: thin
}

.has-scrollbars .CodeMirror-vscrollbar {
    outline: none;
    scrollbar-color: #90A4AE transparent
}

.has-scrollbars .CodeMirror-vscrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px
}

.has-scrollbars .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
    border: 1px solid #F8F9Fa;
    border-radius: 4px;
    background-color: #90A4AE
}

.has-scrollbars .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color, #2e8b57)
}

.CodeMirror-linenumber {
    color: #78909C
}

.CodeMirror-gutters {
    background-color: #ECEFF1;
    border-right-color: transparent
}

.modal-code-buttons {
    z-index: 3;
    display: inline-block
}

.modal-content-code .svg-path-expand {
    display: inline
}

.modal-content-code .svg-path-collapse {
    display: none
}

.modal-preview-spinner {
    width: 150px;
    height: 150px;
    position: absolute;
    left: calc(50% - 75px);
    top: calc(50% - 75px);
    border-width: 1px;
    border-bottom-color: #ECEFF1;
    border-left-color: #CFD8DC;
    border-top-color: #B0BEC5
}

.modal-code-fullscreen {
    overflow: hidden !important
}

.modal-code-fullscreen .modal-content {
    transform: none !important
}

.modal-code-fullscreen .modal-header,.modal-code-fullscreen .CodeMirror {
    position: fixed;
    left: 0;
    right: 0
}

.modal-code-fullscreen .modal-header {
    z-index: 2;
    top: 0;
    background-color: white;
    border-bottom: 1px solid #ECEFF1;
    border-radius: 0;
    height: 63px
}

.modal-code-fullscreen .CodeMirror {
    top: 63px;
    bottom: 0;
    z-index: 1
}

.modal-code-fullscreen .CodeMirror-scroll {
    max-height: none
}

.modal-code-fullscreen .svg-path-expand {
    display: none
}

.modal-code-fullscreen .svg-path-collapse {
    display: inline
}

.modal-info {
    margin-top: 1rem;
    color: #607D8B;
    line-height: 1.3;
    font-size: 0.9375rem
}

.modal-info-meta,.modal-info-date,.modal-info-exif {
    line-height: 25px
}

.modal-info-context {
    float: right;
    padding: 5px;
    margin: -8px;
    color: #78909C;
    border: 3px solid transparent;
    margin-left: 0
}

.modal-info-context:hover {
    color: #455A64;
    background-color: #ECEFF1
}

.modal-info-context:active {
    border-color: #dde3e6
}

.modal-info-context.cm-active:active {
    border-color: #1c2429
}

.modal-info-name {
    font-size: 1rem;
    color: #455A64;
    font-weight: 500;
    word-break: break-word
}

.modal-info-meta {
    margin: .4em 0 .3em
}

.modal-info-mime,.modal-info-dimensions,.modal-info-filesize {
    margin-right: .5em
}

.modal-info-mime:after,.modal-info-dimensions:after,.modal-info-filesize:after {
    color: #CFD8DC;
    content: '|';
    margin-left: .5em
}

.modal-info-dimensions,.modal-info-filesize,.modal-info-permissions {
    display: inline-block;
    white-space: nowrap
}

.modal-info-mime {
    max-width: 100%;
    float: left
}

.modal-info-mime .svg-icon {
    margin: 0 5px 0 -2px
}

.modal-info-filesize {
    margin-right: 12px
}

.modal-info-permissions {
    font-weight: 500
}

.modal-info-permissions .svg-icon {
    margin: 0 .1em 0 -.1em
}

.is-readwrite {
    color: yellowgreen
}

.not-readwrite {
    color: #dc3545
}

.modal-info-date {
    margin: .3em -1rem;
    background-color: #F8F9Fa;
    padding: .4em 1rem
}

.modal-info-date .svg-icon {
    margin: 0 5px 0 -2px;
    color: #90A4AE
}

.modal-info-date .relative-time {
    white-space: nowrap;
    color: #78909C;
    font-style: italic
}

.modal-info-date .relative-time:before {
    content: '~';
    margin: 0 .6em;
    color: #B0BEC5
}

.modal-info-date time {
    display: inline-block
}

.modal-info-exif {
    margin: .3em 0
}

.modal-info-exif .svg-camera,.modal-info-exif .svg-cellphone,.modal-info-exif .svg-marker {
    color: #90A4AE
}

.modal-info-iptc {
    margin-top: .8em;
    color: #546E7A
}

.modal-info-iptc>* {
    padding-bottom: .3em
}

.modal-info-title {
    font-weight: 500;
    color: #455A64
}

.modal-info-headline {
    color: #455A64
}

.modal-info-keywords {
    line-height: 1.25;
    font-style: italic;
    color: #607D8B;
    margin: .2em 0;
    font-size: .875rem
}

.modal-info-keywords:after {
    content: '.'
}

.modal-info-copyright:before {
    content: '©'
}

.modal-info-location,.modal-info-owner {
    font-size: .875rem
}

.modal-info-location>*:not(:last-child):after,.modal-info-owner>*:not(:last-child):after {
    content: ',';
    margin-right: .3em
}

:root {
    --touch-callout: default
}

img,video,.files-li,.menu-li {
    -webkit-touch-callout: var(--touch-callout)
}

.map-link:hover .svg-marker {
    color: #d85040
}

.svg-icon {
    width: 1em;
    height: 1em;
    font-size: 24px;
    vertical-align: bottom;
    pointer-events: none
}

[data-tooltip] {
    position: relative
}

[data-tooltip]:after {
    font-size: .74rem;
    font-weight: var(--mac-bold, 400);
    display: none;
    content: var(--tooltip-prepend, "") attr(data-tooltip) var(--tooltip-append, "");
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    pointer-events: none;
    opacity: var(--tooltip-opacity, 1);
    animation: var(--tooltip-animation, opacity 0.15s);
    background-color: var(--tooltip-color, #37474F);
    border-radius: 2px;
    color: #ECEFF1;
    padding: .4em .5em .49em;
    line-height: 100%;
    white-space: nowrap;
    top: calc(100% + 5px);
    transition: background-color .2s;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: capitalize
}

[data-tooltip]:hover:after {
    z-index: 4
}

.tooltip-left:after,#topbar-top>:last-child[data-tooltip]:after {
    left: auto;
    transform: none;
    right: 0
}

[data-tooltip]:hover:after,.show-tooltip:after {
    animation-fill-mode: forwards;
    display: block
}

@keyframes tooltip-load {
    0% {
        color: #ECEFF1
    }

    50% {
        color: transparent
    }

    100% {
        color: #ECEFF1
    }
}

.tooltip-loading:after {
    content: '€¦';
    display: block;
    animation: tooltip-load 1s infinite
}

.tooltip-danger {
    --tooltip-color: #b22222;
    --tooltip-prepend: 'œ˜ '
}

.tooltip-success {
    --tooltip-color: #78a642;
    --tooltip-prepend: 'œ“ '
}

.show-tooltip:active {
    pointer-events: none
}

.fm-processing {
    pointer-events: none;
    transition: opacity .3s;
    opacity: .5
}