@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(/WebInterface/new-ui/assets/app/components/fa-solid-900.woff2)format("woff2"), url(/WebInterface/new-ui/assets/app/components/fa-solid-900.ttf)format("truetype")
}

[class^=icon-],
[class*=\ icon-] {
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    display: inline
}

li[class^=icon-],
li[class*=\ icon-] {
    display: block
}

[class^=icon-]:before,
[class*=\ icon-]:before {
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 700;
    display: inline-block
}

a [class^=icon-],
a [class*=\ icon-] {
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    display: inline-block
}

.icon-large:before {
    vertical-align: top;
    font-size: 1.33333em
}

.btn [class^=icon-],
.btn [class*=\ icon-] {
    line-height: .9em
}

li [class^=icon-],
li [class*=\ icon-] {
    text-align: center;
    width: 1.25em;
    display: inline-block
}

li .icon-large[class^=icon-],
li .icon-large[class*=\ icon-] {
    width: 1.875em
}

li[class^=icon-],
li[class*=\ icon-] {
    margin-left: 0;
    list-style-type: none
}

li[class^=icon-]:before,
li[class*=\ icon-]:before {
    text-indent: -2em;
    text-align: center
}

li[class^=icon-].icon-large:before,
li[class*=\ icon-].icon-large:before {
    text-indent: -1.33333em
}

.icon-glass:before {
    content: ""
}

.icon-music:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-envelope:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-star-empty:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-film:before {
    content: ""
}

.icon-th-large:before {
    content: ""
}

.icon-th:before {
    content: ""
}

.icon-th-list:before {
    content: ""
}

.icon-ok:before {
    content: ""
}

.icon-remove:before {
    content: ""
}

.icon-zoom-in:before {
    content: ""
}

.icon-zoom-out:before {
    content: ""
}

.icon-off:before {
    content: ""
}

.icon-signal:before {
    content: ""
}

.icon-cog:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-file:before {
    content: ""
}

.icon-time:before {
    content: ""
}

.icon-road:before {
    content: ""
}

.icon-download-alt:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-upload:before {
    content: ""
}

.icon-inbox:before {
    content: ""
}

.icon-play-circle:before {
    content: ""
}

.icon-repeat:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-list-alt:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-headphones:before {
    content: ""
}

.icon-volume-off:before {
    content: ""
}

.icon-volume-down:before {
    content: ""
}

.icon-volume-up:before {
    content: ""
}

.icon-qrcode:before {
    content: ""
}

.icon-barcode:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-tags:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-bookmark:before {
    content: ""
}

.icon-print:before {
    content: ""
}

.icon-camera:before {
    content: ""
}

.icon-font:before {
    content: ""
}

.icon-bold:before {
    content: ""
}

.icon-italic:before {
    content: ""
}

.icon-text-height:before {
    content: ""
}

.icon-text-width:before {
    content: ""
}

.icon-align-left:before {
    content: ""
}

.icon-align-center:before {
    content: ""
}

.icon-align-right:before {
    content: ""
}

.icon-align-justify:before {
    content: ""
}

.icon-list:before {
    content: ""
}

.icon-indent-left:before {
    content: ""
}

.icon-indent-right:before {
    content: ""
}

.icon-facetime-video:before {
    content: ""
}

.icon-picture:before {
    content: ""
}

.icon-pencil:before {
    content: ""
}

.icon-map-marker:before {
    content: ""
}

.icon-adjust:before {
    content: ""
}

.icon-tint:before {
    content: ""
}

.icon-edit:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-move:before {
    content: ""
}

.icon-step-backward:before {
    content: ""
}

.icon-fast-backward:before {
    content: ""
}

.icon-backward:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-pause:before {
    content: ""
}

.icon-stop:before {
    content: ""
}

.icon-forward:before {
    content: ""
}

.icon-fast-forward:before {
    content: ""
}

.icon-step-forward:before {
    content: ""
}

.icon-eject:before {
    content: ""
}

.icon-chevron-left:before {
    content: ""
}

.icon-chevron-right:before {
    content: ""
}

.icon-plus-sign:before {
    content: ""
}

.icon-minus-sign:before {
    content: ""
}

.icon-remove-sign:before {
    content: ""
}

.icon-ok-sign:before {
    content: ""
}

.icon-question-sign:before {
    content: ""
}

.icon-info-sign:before {
    content: ""
}

.icon-screenshot:before {
    content: ""
}

.icon-remove-circle:before {
    content: ""
}

.icon-ok-circle:before {
    content: ""
}

.icon-ban-circle:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-share-alt:before {
    content: ""
}

.icon-resize-full:before {
    content: ""
}

.icon-resize-small:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-asterisk:before {
    content: ""
}

.icon-exclamation-sign:before {
    content: ""
}

.icon-gift:before {
    content: ""
}

.icon-leaf:before {
    content: ""
}

.icon-fire:before {
    content: ""
}

.icon-eye-open:before {
    content: ""
}

.icon-eye-close:before {
    content: ""
}

.icon-warning-sign:before {
    content: ""
}

.icon-plane:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-random:before {
    content: ""
}

.icon-comment:before {
    content: ""
}

.icon-magnet:before {
    content: ""
}

.icon-chevron-up:before {
    content: ""
}

.icon-chevron-down:before {
    content: ""
}

.icon-retweet:before {
    content: ""
}

.icon-shopping-cart:before {
    content: ""
}

.icon-folder-close:before {
    content: ""
}

.icon-folder-open:before {
    content: ""
}

.icon-resize-vertical:before {
    content: ""
}

.icon-resize-horizontal:before {
    content: ""
}

.icon-bar-chart:before {
    content: ""
}

.icon-twitter-sign:before {
    content: ""
}

.icon-facebook-sign:before {
    content: ""
}

.icon-camera-retro:before {
    content: ""
}

.icon-key:before {
    content: ""
}

.icon-cogs:before {
    content: ""
}

.icon-comments:before {
    content: ""
}

.icon-thumbs-up:before {
    content: ""
}

.icon-thumbs-down:before {
    content: ""
}

.icon-star-half:before {
    content: ""
}

.icon-heart-empty:before {
    content: ""
}

.icon-signout:before {
    content: ""
}

.icon-linkedin-sign:before {
    content: ""
}

.icon-pushpin:before {
    content: ""
}

.icon-external-link:before {
    content: ""
}

.icon-signin:before {
    content: ""
}

.icon-trophy:before {
    content: ""
}

.icon-github-sign:before {
    content: ""
}

.icon-upload-alt:before {
    content: ""
}

.icon-lemon:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-check-empty:before {
    content: ""
}

.icon-bookmark-empty:before {
    content: ""
}

.icon-phone-sign:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-github:before {
    content: ""
}

.icon-unlock:before {
    content: ""
}

.icon-credit-card:before {
    content: ""
}

.icon-rss:before {
    content: ""
}

.icon-hdd:before {
    content: ""
}

.icon-bullhorn:before {
    content: ""
}

.icon-bell:before {
    content: ""
}

.icon-certificate:before {
    content: ""
}

.icon-hand-right:before {
    content: ""
}

.icon-hand-left:before {
    content: ""
}

.icon-hand-up:before {
    content: ""
}

.icon-hand-down:before {
    content: ""
}

.icon-circle-arrow-left:before {
    content: ""
}

.icon-circle-arrow-right:before {
    content: ""
}

.icon-circle-arrow-up:before {
    content: ""
}

.icon-circle-arrow-down:before {
    content: ""
}

.icon-globe:before {
    content: ""
}

.icon-wrench:before {
    content: ""
}

.icon-tasks:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-briefcase:before {
    content: ""
}

.icon-fullscreen:before {
    content: ""
}

.icon-group:before {
    content: ""
}

.icon-link:before {
    content: ""
}

.icon-cloud:before {
    content: ""
}

.icon-beaker:before {
    content: ""
}

.icon-cut:before {
    content: ""
}

.icon-copy:before {
    content: ""
}

.icon-paper-clip:before {
    content: ""
}

.icon-save:before {
    content: ""
}

.icon-sign-blank:before {
    content: ""
}

.icon-reorder:before {
    content: ""
}

.icon-list-ul:before {
    content: ""
}

.icon-list-ol:before {
    content: ""
}

.icon-strikethrough:before {
    content: ""
}

.icon-underline:before {
    content: ""
}

.icon-table:before {
    content: ""
}

.icon-magic:before {
    content: ""
}

.icon-truck:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-pinterest-sign:before {
    content: ""
}

.icon-google-plus-sign:before {
    content: ""
}

.icon-google-plus:before {
    content: ""
}

.icon-money:before {
    content: ""
}

.icon-caret-down:before {
    content: ""
}

.icon-caret-up:before {
    content: ""
}

.icon-caret-left:before {
    content: ""
}

.icon-caret-right:before {
    content: ""
}

.icon-columns:before {
    content: ""
}

.icon-sort:before {
    content: ""
}

.icon-sort-down:before {
    content: ""
}

.icon-sort-up:before {
    content: ""
}

.icon-envelope-alt:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-undo:before {
    content: ""
}

.icon-legal:before {
    content: ""
}

.icon-dashboard:before {
    content: ""
}

.icon-comment-alt:before {
    content: ""
}

.icon-comments-alt:before {
    content: ""
}

.icon-bolt:before {
    content: ""
}

.icon-sitemap:before {
    content: ""
}

.icon-umbrella:before {
    content: ""
}

.icon-paste:before {
    content: ""
}

.icon-user-md:before {
    content: ""
}

.button,
.input,
.textarea,
.select select,
.file-cta,
.file-name,
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    vertical-align: top;
    border: 1px solid #0000;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    height: 2.5em;
    padding: calc(.5em - 1px) calc(.75em - 1px);
    font-size: 1rem;
    line-height: 1.5;
    display: inline-flex;
    position: relative
}

.button:focus,
.input:focus,
.textarea:focus,
.select select:focus,
.file-cta:focus,
.file-name:focus,
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus,
.is-focused.button,
.is-focused.input,
.is-focused.textarea,
.select select.is-focused,
.is-focused.file-cta,
.is-focused.file-name,
.is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis,
.button:active,
.input:active,
.textarea:active,
.select select:active,
.file-cta:active,
.file-name:active,
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active,
.is-active.button,
.is-active.input,
.is-active.textarea,
.select select.is-active,
.is-active.file-cta,
.is-active.file-name,
.is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis {
    outline: none
}

.button[disabled],
.input[disabled],
.textarea[disabled],
.select select[disabled],
.file-cta[disabled],
.file-name[disabled],
.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled],
.pagination-ellipsis[disabled],
fieldset[disabled] .button,
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis {
    cursor: not-allowed
}

.button,
.file,
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis,
.tabs,
.is-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.select:not(.is-multiple):not(.is-loading):after,
.navbar-link:not(.is-arrowless):after {
    content: " ";
    pointer-events: none;
    transform-origin: 50%;
    border-top: 0;
    border-bottom: 3px solid #0000;
    border-left: 3px solid #0000;
    border-right: 0;
    border-radius: 2px;
    width: .625em;
    height: .625em;
    margin-top: -.4375em;
    display: block;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg)
}

.box:not(:last-child),
.content:not(:last-child),
.notification:not(:last-child),
.progress:not(:last-child),
.table:not(:last-child),
.table-container:not(:last-child),
.title:not(:last-child),
.subtitle:not(:last-child),
.block:not(:last-child),
.breadcrumb:not(:last-child),
.level:not(:last-child),
.message:not(:last-child),
.pagination:not(:last-child),
.tabs:not(:last-child) {
    margin-bottom: 1.5rem
}

.delete,
.modal-close {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    pointer-events: auto;
    vertical-align: top;
    background-color: #0a0a0a33;
    border: none;
    border-radius: 9999px;
    outline: none;
    flex-grow: 0;
    flex-shrink: 0;
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    font-size: 0;
    display: inline-block;
    position: relative
}

.delete:before,
.modal-close:before,
.delete:after,
.modal-close:after {
    content: "";
    transform-origin: 50%;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%)translateY(-50%)rotate(45deg)
}

.delete:before,
.modal-close:before {
    width: 50%;
    height: 2px
}

.delete:after,
.modal-close:after {
    width: 2px;
    height: 50%
}

.delete:hover,
.modal-close:hover,
.delete:focus,
.modal-close:focus {
    background-color: #0a0a0a4d
}

.delete:active,
.modal-close:active {
    background-color: #0a0a0a66
}

.is-small.delete,
.is-small.modal-close {
    width: 16px;
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    min-height: 16px;
    max-height: 16px
}

.is-medium.delete,
.is-medium.modal-close {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    min-height: 24px;
    max-height: 24px
}

.is-large.delete,
.is-large.modal-close {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px
}

.button.is-loading:after,
.loader,
.select.is-loading:after,
.control.is-loading:after {
    content: "";
    border: 2px solid #0000;
    border-color: #0000 #0000 #dbdbdb #dbdbdb;
    border-radius: 9999px;
    width: 1em;
    height: 1em;
    animation: .5s linear infinite spinAround;
    display: block;
    position: relative
}

.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio,
.modal,
.modal-background,
.is-overlay,
.hero-video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.navbar-burger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: currentColor;
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 1em
}

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

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

html {
    box-sizing: border-box
}

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

img,
video {
    max-width: 100%;
    height: auto
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

td:not([align]),
th:not([align]) {
    text-align: inherit
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    text-rendering: optimizeLegibility;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background-color: #fff;
    font-size: 16px;
    overflow: hidden scroll
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
    display: block
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: var(--font-family)
}

code,
pre {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-family: monospace
}

body {
    color: #4a4a4a;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

a {
    color: #485fc7;
    cursor: pointer;
    text-decoration: none
}

a strong {
    color: currentColor
}

a:hover {
    color: #363636
}

code {
    color: #da1039;
    background-color: #f5f5f5;
    padding: .25em .5em;
    font-size: .875em;
    font-weight: 400
}

hr {
    background-color: #f5f5f5;
    border: none;
    height: 2px;
    margin: 1.5rem 0;
    display: block
}

input[type=checkbox],
input[type=radio] {
    vertical-align: baseline
}

small {
    font-size: .875em
}

span {
    font-style: inherit;
    font-weight: inherit
}

strong {
    color: #363636;
    font-weight: 700
}

fieldset {
    border: none
}

pre {
    -webkit-overflow-scrolling: touch;
    color: #4a4a4a;
    white-space: pre;
    word-wrap: normal;
    background-color: #f5f5f5;
    padding: 1.25rem 1.5rem;
    font-size: .875em;
    overflow-x: auto
}

pre code {
    color: currentColor;
    background-color: #0000;
    padding: 0;
    font-size: 1em
}

table td,
table th {
    vertical-align: top
}

table td:not([align]),
table th:not([align]) {
    text-align: inherit
}

table th {
    color: #363636
}

@keyframes spinAround {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.box {
    color: #4a4a4a;
    background-color: #fff;
    border-radius: 6px;
    padding: 1.25rem;
    display: block;
    box-shadow: 0 .5em 1em -.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05
}

a.box:hover,
a.box:focus {
    box-shadow: 0 .5em 1em -.125em #0a0a0a1a, 0 0 0 1px #485fc7
}

a.box:active {
    box-shadow: inset 0 1px 2px #0a0a0a33, 0 0 0 1px #485fc7
}

.button {
    color: #363636;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border-width: 1px;
    border-color: #dbdbdb;
    justify-content: center;
    padding: calc(.5em - 1px) 1em
}

.button strong {
    color: inherit
}

.button .icon,
.button .icon.is-small,
.button .icon.is-medium,
.button .icon.is-large {
    width: 1.5em;
    height: 1.5em
}

.button .icon:first-child:not(:last-child) {
    margin-left: calc(-.5em - 1px);
    margin-right: .25em
}

.button .icon:last-child:not(:first-child) {
    margin-left: .25em;
    margin-right: calc(-.5em - 1px)
}

.button .icon:first-child:last-child {
    margin-left: calc(-.5em - 1px);
    margin-right: calc(-.5em - 1px)
}

.button:hover,
.button.is-hovered {
    color: #363636;
    border-color: #b5b5b5
}

.button:focus,
.button.is-focused {
    color: #363636;
    border-color: #485fc7
}

.button:focus:not(:active),
.button.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #485fc740
}

.button:active,
.button.is-active {
    color: #363636;
    border-color: #4a4a4a
}

.button.is-text {
    color: #4a4a4a;
    background-color: #0000;
    border-color: #0000;
    text-decoration: underline
}

.button.is-text:hover,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text.is-focused {
    color: #363636;
    background-color: #f5f5f5
}

.button.is-text:active,
.button.is-text.is-active {
    color: #363636;
    background-color: #e8e8e8
}

.button.is-text[disabled],
fieldset[disabled] .button.is-text {
    box-shadow: none;
    background-color: #0000;
    border-color: #0000
}

.button.is-ghost {
    color: #485fc7;
    background: 0 0;
    border-color: #0000;
    text-decoration: none
}

.button.is-ghost:hover,
.button.is-ghost.is-hovered {
    color: #485fc7;
    text-decoration: underline
}

.button.is-white {
    color: #0a0a0a;
    background-color: #fff;
    border-color: #0000
}

.button.is-white:hover,
.button.is-white.is-hovered {
    color: #0a0a0a;
    background-color: #f9f9f9;
    border-color: #0000
}

.button.is-white:focus,
.button.is-white.is-focused {
    color: #0a0a0a;
    border-color: #0000
}

.button.is-white:focus:not(:active),
.button.is-white.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #ffffff40
}

.button.is-white:active,
.button.is-white.is-active {
    color: #0a0a0a;
    background-color: #f2f2f2;
    border-color: #0000
}

.button.is-white[disabled],
fieldset[disabled] .button.is-white {
    box-shadow: none;
    background-color: #fff;
    border-color: #fff
}

.button.is-white.is-inverted {
    color: #fff;
    background-color: #0a0a0a
}

.button.is-white.is-inverted:hover,
.button.is-white.is-inverted.is-hovered {
    background-color: #000
}

.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
    box-shadow: none;
    color: #fff;
    background-color: #0a0a0a;
    border-color: #0000
}

.button.is-white.is-loading:after {
    border-color: #0000 #0000 #0a0a0a #0a0a0a !important
}

.button.is-white.is-outlined {
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-white.is-outlined:hover,
.button.is-white.is-outlined.is-hovered,
.button.is-white.is-outlined:focus,
.button.is-white.is-outlined.is-focused {
    color: #0a0a0a;
    background-color: #fff;
    border-color: #fff
}

.button.is-white.is-outlined.is-loading:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-white.is-outlined.is-loading:hover:after,
.button.is-white.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-outlined.is-loading:focus:after,
.button.is-white.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #0a0a0a #0a0a0a !important
}

.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
    box-shadow: none;
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-white.is-inverted.is-outlined {
    color: #0a0a0a;
    background-color: #0000;
    border-color: #0a0a0a
}

.button.is-white.is-inverted.is-outlined:hover,
.button.is-white.is-inverted.is-outlined.is-hovered,
.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined.is-focused {
    color: #fff;
    background-color: #0a0a0a
}

.button.is-white.is-inverted.is-outlined.is-loading:hover:after,
.button.is-white.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-inverted.is-outlined.is-loading:focus:after,
.button.is-white.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
    box-shadow: none;
    color: #0a0a0a;
    background-color: #0000;
    border-color: #0a0a0a
}

.button.is-black {
    color: #fff;
    background-color: #0a0a0a;
    border-color: #0000
}

.button.is-black:hover,
.button.is-black.is-hovered {
    color: #fff;
    background-color: #040404;
    border-color: #0000
}

.button.is-black:focus,
.button.is-black.is-focused {
    color: #fff;
    border-color: #0000
}

.button.is-black:focus:not(:active),
.button.is-black.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #0a0a0a40
}

.button.is-black:active,
.button.is-black.is-active {
    color: #fff;
    background-color: #000;
    border-color: #0000
}

.button.is-black[disabled],
fieldset[disabled] .button.is-black {
    box-shadow: none;
    background-color: #0a0a0a;
    border-color: #0a0a0a
}

.button.is-black.is-inverted {
    color: #0a0a0a;
    background-color: #fff
}

.button.is-black.is-inverted:hover,
.button.is-black.is-inverted.is-hovered {
    background-color: #f2f2f2
}

.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
    box-shadow: none;
    color: #0a0a0a;
    background-color: #fff;
    border-color: #0000
}

.button.is-black.is-loading:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-black.is-outlined {
    color: #0a0a0a;
    background-color: #0000;
    border-color: #0a0a0a
}

.button.is-black.is-outlined:hover,
.button.is-black.is-outlined.is-hovered,
.button.is-black.is-outlined:focus,
.button.is-black.is-outlined.is-focused {
    color: #fff;
    background-color: #0a0a0a;
    border-color: #0a0a0a
}

.button.is-black.is-outlined.is-loading:after {
    border-color: #0000 #0000 #0a0a0a #0a0a0a !important
}

.button.is-black.is-outlined.is-loading:hover:after,
.button.is-black.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-outlined.is-loading:focus:after,
.button.is-black.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
    box-shadow: none;
    color: #0a0a0a;
    background-color: #0000;
    border-color: #0a0a0a
}

.button.is-black.is-inverted.is-outlined {
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-black.is-inverted.is-outlined:hover,
.button.is-black.is-inverted.is-outlined.is-hovered,
.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined.is-focused {
    color: #0a0a0a;
    background-color: #fff
}

.button.is-black.is-inverted.is-outlined.is-loading:hover:after,
.button.is-black.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-inverted.is-outlined.is-loading:focus:after,
.button.is-black.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #0a0a0a #0a0a0a !important
}

.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
    box-shadow: none;
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-light {
    color: #000000b3;
    background-color: #f5f5f5;
    border-color: #0000
}

.button.is-light:hover,
.button.is-light.is-hovered {
    color: #000000b3;
    background-color: #eee;
    border-color: #0000
}

.button.is-light:focus,
.button.is-light.is-focused {
    color: #000000b3;
    border-color: #0000
}

.button.is-light:focus:not(:active),
.button.is-light.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #f5f5f540
}

.button.is-light:active,
.button.is-light.is-active {
    color: #000000b3;
    background-color: #e8e8e8;
    border-color: #0000
}

.button.is-light[disabled],
fieldset[disabled] .button.is-light {
    box-shadow: none;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.button.is-light.is-inverted {
    color: #f5f5f5;
    background-color: #000000b3
}

.button.is-light.is-inverted:hover,
.button.is-light.is-inverted.is-hovered {
    background-color: #000000b3
}

.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
    box-shadow: none;
    color: #f5f5f5;
    background-color: #000000b3;
    border-color: #0000
}

.button.is-light.is-loading:after {
    border-color: #0000 #0000 #000000b3 #000000b3 !important
}

.button.is-light.is-outlined {
    color: #f5f5f5;
    background-color: #0000;
    border-color: #f5f5f5
}

.button.is-light.is-outlined:hover,
.button.is-light.is-outlined.is-hovered,
.button.is-light.is-outlined:focus,
.button.is-light.is-outlined.is-focused {
    color: #000000b3;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.button.is-light.is-outlined.is-loading:after {
    border-color: #0000 #0000 #f5f5f5 #f5f5f5 !important
}

.button.is-light.is-outlined.is-loading:hover:after,
.button.is-light.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-outlined.is-loading:focus:after,
.button.is-light.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #000000b3 #000000b3 !important
}

.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
    box-shadow: none;
    color: #f5f5f5;
    background-color: #0000;
    border-color: #f5f5f5
}

.button.is-light.is-inverted.is-outlined {
    color: #000000b3;
    background-color: #0000;
    border-color: #000000b3
}

.button.is-light.is-inverted.is-outlined:hover,
.button.is-light.is-inverted.is-outlined.is-hovered,
.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined.is-focused {
    color: #f5f5f5;
    background-color: #000000b3
}

.button.is-light.is-inverted.is-outlined.is-loading:hover:after,
.button.is-light.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-inverted.is-outlined.is-loading:focus:after,
.button.is-light.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #f5f5f5 #f5f5f5 !important
}

.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
    box-shadow: none;
    color: #000000b3;
    background-color: #0000;
    border-color: #000000b3
}

.button.is-dark {
    color: #fff;
    background-color: #363636;
    border-color: #0000
}

.button.is-dark:hover,
.button.is-dark.is-hovered {
    color: #fff;
    background-color: #2f2f2f;
    border-color: #0000
}

.button.is-dark:focus,
.button.is-dark.is-focused {
    color: #fff;
    border-color: #0000
}

.button.is-dark:focus:not(:active),
.button.is-dark.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #36363640
}

.button.is-dark:active,
.button.is-dark.is-active {
    color: #fff;
    background-color: #292929;
    border-color: #0000
}

.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
    box-shadow: none;
    background-color: #363636;
    border-color: #363636
}

.button.is-dark.is-inverted {
    color: #363636;
    background-color: #fff
}

.button.is-dark.is-inverted:hover,
.button.is-dark.is-inverted.is-hovered {
    background-color: #f2f2f2
}

.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
    box-shadow: none;
    color: #363636;
    background-color: #fff;
    border-color: #0000
}

.button.is-dark.is-loading:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-dark.is-outlined {
    color: #363636;
    background-color: #0000;
    border-color: #363636
}

.button.is-dark.is-outlined:hover,
.button.is-dark.is-outlined.is-hovered,
.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined.is-focused {
    color: #fff;
    background-color: #363636;
    border-color: #363636
}

.button.is-dark.is-outlined.is-loading:after {
    border-color: #0000 #0000 #363636 #363636 !important
}

.button.is-dark.is-outlined.is-loading:hover:after,
.button.is-dark.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-outlined.is-loading:focus:after,
.button.is-dark.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
    box-shadow: none;
    color: #363636;
    background-color: #0000;
    border-color: #363636
}

.button.is-dark.is-inverted.is-outlined {
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-dark.is-inverted.is-outlined:hover,
.button.is-dark.is-inverted.is-outlined.is-hovered,
.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined.is-focused {
    color: #363636;
    background-color: #fff
}

.button.is-dark.is-inverted.is-outlined.is-loading:hover:after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-inverted.is-outlined.is-loading:focus:after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #363636 #363636 !important
}

.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
    box-shadow: none;
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-primary {
    color: #fff;
    background-color: #00d1b2;
    border-color: #0000
}

.button.is-primary:hover,
.button.is-primary.is-hovered {
    color: #fff;
    background-color: #00c4a7;
    border-color: #0000
}

.button.is-primary:focus,
.button.is-primary.is-focused {
    color: #fff;
    border-color: #0000
}

.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #00d1b240
}

.button.is-primary:active,
.button.is-primary.is-active {
    color: #fff;
    background-color: #00b89c;
    border-color: #0000
}

.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
    box-shadow: none;
    background-color: #00d1b2;
    border-color: #00d1b2
}

.button.is-primary.is-inverted {
    color: #00d1b2;
    background-color: #fff
}

.button.is-primary.is-inverted:hover,
.button.is-primary.is-inverted.is-hovered {
    background-color: #f2f2f2
}

.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
    box-shadow: none;
    color: #00d1b2;
    background-color: #fff;
    border-color: #0000
}

.button.is-primary.is-loading:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-primary.is-outlined {
    color: #00d1b2;
    background-color: #0000;
    border-color: #00d1b2
}

.button.is-primary.is-outlined:hover,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined.is-focused {
    color: #fff;
    background-color: #00d1b2;
    border-color: #00d1b2
}

.button.is-primary.is-outlined.is-loading:after {
    border-color: #0000 #0000 #00d1b2 #00d1b2 !important
}

.button.is-primary.is-outlined.is-loading:hover:after,
.button.is-primary.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-outlined.is-loading:focus:after,
.button.is-primary.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
    box-shadow: none;
    color: #00d1b2;
    background-color: #0000;
    border-color: #00d1b2
}

.button.is-primary.is-inverted.is-outlined {
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-primary.is-inverted.is-outlined:hover,
.button.is-primary.is-inverted.is-outlined.is-hovered,
.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined.is-focused {
    color: #00d1b2;
    background-color: #fff
}

.button.is-primary.is-inverted.is-outlined.is-loading:hover:after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-inverted.is-outlined.is-loading:focus:after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #00d1b2 #00d1b2 !important
}

.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
    box-shadow: none;
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-primary.is-light {
    color: #00947e;
    background-color: #ebfffc
}

.button.is-primary.is-light:hover,
.button.is-primary.is-light.is-hovered {
    color: #00947e;
    background-color: #defffa;
    border-color: #0000
}

.button.is-primary.is-light:active,
.button.is-primary.is-light.is-active {
    color: #00947e;
    background-color: #d1fff8;
    border-color: #0000
}

.button.is-link {
    color: #fff;
    background-color: #485fc7;
    border-color: #0000
}

.button.is-link:hover,
.button.is-link.is-hovered {
    color: #fff;
    background-color: #3e56c4;
    border-color: #0000
}

.button.is-link:focus,
.button.is-link.is-focused {
    color: #fff;
    border-color: #0000
}

.button.is-link:focus:not(:active),
.button.is-link.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #485fc740
}

.button.is-link:active,
.button.is-link.is-active {
    color: #fff;
    background-color: #3a51bb;
    border-color: #0000
}

.button.is-link[disabled],
fieldset[disabled] .button.is-link {
    box-shadow: none;
    background-color: #485fc7;
    border-color: #485fc7
}

.button.is-link.is-inverted {
    color: #485fc7;
    background-color: #fff
}

.button.is-link.is-inverted:hover,
.button.is-link.is-inverted.is-hovered {
    background-color: #f2f2f2
}

.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
    box-shadow: none;
    color: #485fc7;
    background-color: #fff;
    border-color: #0000
}

.button.is-link.is-loading:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-link.is-outlined {
    color: #485fc7;
    background-color: #0000;
    border-color: #485fc7
}

.button.is-link.is-outlined:hover,
.button.is-link.is-outlined.is-hovered,
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined.is-focused {
    color: #fff;
    background-color: #485fc7;
    border-color: #485fc7
}

.button.is-link.is-outlined.is-loading:after {
    border-color: #0000 #0000 #485fc7 #485fc7 !important
}

.button.is-link.is-outlined.is-loading:hover:after,
.button.is-link.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-outlined.is-loading:focus:after,
.button.is-link.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
    box-shadow: none;
    color: #485fc7;
    background-color: #0000;
    border-color: #485fc7
}

.button.is-link.is-inverted.is-outlined {
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-link.is-inverted.is-outlined:hover,
.button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined.is-focused {
    color: #485fc7;
    background-color: #fff
}

.button.is-link.is-inverted.is-outlined.is-loading:hover:after,
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-inverted.is-outlined.is-loading:focus:after,
.button.is-link.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #485fc7 #485fc7 !important
}

.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
    box-shadow: none;
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-link.is-light {
    color: #3850b7;
    background-color: #eff1fa
}

.button.is-link.is-light:hover,
.button.is-link.is-light.is-hovered {
    color: #3850b7;
    background-color: #e6e9f7;
    border-color: #0000
}

.button.is-link.is-light:active,
.button.is-link.is-light.is-active {
    color: #3850b7;
    background-color: #dce0f4;
    border-color: #0000
}

.button.is-info {
    color: #fff;
    background-color: #3e8ed0;
    border-color: #0000
}

.button.is-info:hover,
.button.is-info.is-hovered {
    color: #fff;
    background-color: #3488ce;
    border-color: #0000
}

.button.is-info:focus,
.button.is-info.is-focused {
    color: #fff;
    border-color: #0000
}

.button.is-info:focus:not(:active),
.button.is-info.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #3e8ed040
}

.button.is-info:active,
.button.is-info.is-active {
    color: #fff;
    background-color: #3082c5;
    border-color: #0000
}

.button.is-info[disabled],
fieldset[disabled] .button.is-info {
    box-shadow: none;
    background-color: #3e8ed0;
    border-color: #3e8ed0
}

.button.is-info.is-inverted {
    color: #3e8ed0;
    background-color: #fff
}

.button.is-info.is-inverted:hover,
.button.is-info.is-inverted.is-hovered {
    background-color: #f2f2f2
}

.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
    box-shadow: none;
    color: #3e8ed0;
    background-color: #fff;
    border-color: #0000
}

.button.is-info.is-loading:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-info.is-outlined {
    color: #3e8ed0;
    background-color: #0000;
    border-color: #3e8ed0
}

.button.is-info.is-outlined:hover,
.button.is-info.is-outlined.is-hovered,
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined.is-focused {
    color: #fff;
    background-color: #3e8ed0;
    border-color: #3e8ed0
}

.button.is-info.is-outlined.is-loading:after {
    border-color: #0000 #0000 #3e8ed0 #3e8ed0 !important
}

.button.is-info.is-outlined.is-loading:hover:after,
.button.is-info.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-outlined.is-loading:focus:after,
.button.is-info.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
    box-shadow: none;
    color: #3e8ed0;
    background-color: #0000;
    border-color: #3e8ed0
}

.button.is-info.is-inverted.is-outlined {
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-info.is-inverted.is-outlined:hover,
.button.is-info.is-inverted.is-outlined.is-hovered,
.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined.is-focused {
    color: #3e8ed0;
    background-color: #fff
}

.button.is-info.is-inverted.is-outlined.is-loading:hover:after,
.button.is-info.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-inverted.is-outlined.is-loading:focus:after,
.button.is-info.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #3e8ed0 #3e8ed0 !important
}

.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
    box-shadow: none;
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-info.is-light {
    color: #296fa8;
    background-color: #eff5fb
}

.button.is-info.is-light:hover,
.button.is-info.is-light.is-hovered {
    color: #296fa8;
    background-color: #e4eff9;
    border-color: #0000
}

.button.is-info.is-light:active,
.button.is-info.is-light.is-active {
    color: #296fa8;
    background-color: #dae9f6;
    border-color: #0000
}

.button.is-success {
    color: #fff;
    background-color: #48c78e;
    border-color: #0000
}

.button.is-success:hover,
.button.is-success.is-hovered {
    color: #fff;
    background-color: #3ec487;
    border-color: #0000
}

.button.is-success:focus,
.button.is-success.is-focused {
    color: #fff;
    border-color: #0000
}

.button.is-success:focus:not(:active),
.button.is-success.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #48c78e40
}

.button.is-success:active,
.button.is-success.is-active {
    color: #fff;
    background-color: #3abb81;
    border-color: #0000
}

.button.is-success[disabled],
fieldset[disabled] .button.is-success {
    box-shadow: none;
    background-color: #48c78e;
    border-color: #48c78e
}

.button.is-success.is-inverted {
    color: #48c78e;
    background-color: #fff
}

.button.is-success.is-inverted:hover,
.button.is-success.is-inverted.is-hovered {
    background-color: #f2f2f2
}

.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
    box-shadow: none;
    color: #48c78e;
    background-color: #fff;
    border-color: #0000
}

.button.is-success.is-loading:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-success.is-outlined {
    color: #48c78e;
    background-color: #0000;
    border-color: #48c78e
}

.button.is-success.is-outlined:hover,
.button.is-success.is-outlined.is-hovered,
.button.is-success.is-outlined:focus,
.button.is-success.is-outlined.is-focused {
    color: #fff;
    background-color: #48c78e;
    border-color: #48c78e
}

.button.is-success.is-outlined.is-loading:after {
    border-color: #0000 #0000 #48c78e #48c78e !important
}

.button.is-success.is-outlined.is-loading:hover:after,
.button.is-success.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-outlined.is-loading:focus:after,
.button.is-success.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
    box-shadow: none;
    color: #48c78e;
    background-color: #0000;
    border-color: #48c78e
}

.button.is-success.is-inverted.is-outlined {
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-success.is-inverted.is-outlined:hover,
.button.is-success.is-inverted.is-outlined.is-hovered,
.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined.is-focused {
    color: #48c78e;
    background-color: #fff
}

.button.is-success.is-inverted.is-outlined.is-loading:hover:after,
.button.is-success.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-inverted.is-outlined.is-loading:focus:after,
.button.is-success.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #48c78e #48c78e !important
}

.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
    box-shadow: none;
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-success.is-light {
    color: #257953;
    background-color: #effaf5
}

.button.is-success.is-light:hover,
.button.is-success.is-light.is-hovered {
    color: #257953;
    background-color: #e6f7ef;
    border-color: #0000
}

.button.is-success.is-light:active,
.button.is-success.is-light.is-active {
    color: #257953;
    background-color: #dcf4e9;
    border-color: #0000
}

.button.is-warning {
    color: #000000b3;
    background-color: #ffe08a;
    border-color: #0000
}

.button.is-warning:hover,
.button.is-warning.is-hovered {
    color: #000000b3;
    background-color: #ffdc7d;
    border-color: #0000
}

.button.is-warning:focus,
.button.is-warning.is-focused {
    color: #000000b3;
    border-color: #0000
}

.button.is-warning:focus:not(:active),
.button.is-warning.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #ffe08a40
}

.button.is-warning:active,
.button.is-warning.is-active {
    color: #000000b3;
    background-color: #ffd970;
    border-color: #0000
}

.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
    box-shadow: none;
    background-color: #ffe08a;
    border-color: #ffe08a
}

.button.is-warning.is-inverted {
    color: #ffe08a;
    background-color: #000000b3
}

.button.is-warning.is-inverted:hover,
.button.is-warning.is-inverted.is-hovered {
    background-color: #000000b3
}

.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
    box-shadow: none;
    color: #ffe08a;
    background-color: #000000b3;
    border-color: #0000
}

.button.is-warning.is-loading:after {
    border-color: #0000 #0000 #000000b3 #000000b3 !important
}

.button.is-warning.is-outlined {
    color: #ffe08a;
    background-color: #0000;
    border-color: #ffe08a
}

.button.is-warning.is-outlined:hover,
.button.is-warning.is-outlined.is-hovered,
.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined.is-focused {
    color: #000000b3;
    background-color: #ffe08a;
    border-color: #ffe08a
}

.button.is-warning.is-outlined.is-loading:after {
    border-color: #0000 #0000 #ffe08a #ffe08a !important
}

.button.is-warning.is-outlined.is-loading:hover:after,
.button.is-warning.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-outlined.is-loading:focus:after,
.button.is-warning.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #000000b3 #000000b3 !important
}

.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
    box-shadow: none;
    color: #ffe08a;
    background-color: #0000;
    border-color: #ffe08a
}

.button.is-warning.is-inverted.is-outlined {
    color: #000000b3;
    background-color: #0000;
    border-color: #000000b3
}

.button.is-warning.is-inverted.is-outlined:hover,
.button.is-warning.is-inverted.is-outlined.is-hovered,
.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined.is-focused {
    color: #ffe08a;
    background-color: #000000b3
}

.button.is-warning.is-inverted.is-outlined.is-loading:hover:after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-inverted.is-outlined.is-loading:focus:after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #ffe08a #ffe08a !important
}

.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
    box-shadow: none;
    color: #000000b3;
    background-color: #0000;
    border-color: #000000b3
}

.button.is-warning.is-light {
    color: #946c00;
    background-color: #fffaeb
}

.button.is-warning.is-light:hover,
.button.is-warning.is-light.is-hovered {
    color: #946c00;
    background-color: #fff6de;
    border-color: #0000
}

.button.is-warning.is-light:active,
.button.is-warning.is-light.is-active {
    color: #946c00;
    background-color: #fff3d1;
    border-color: #0000
}

.button.is-danger {
    color: #fff;
    background-color: #f14668;
    border-color: #0000
}

.button.is-danger:hover,
.button.is-danger.is-hovered {
    color: #fff;
    background-color: #f03a5f;
    border-color: #0000
}

.button.is-danger:focus,
.button.is-danger.is-focused {
    color: #fff;
    border-color: #0000
}

.button.is-danger:focus:not(:active),
.button.is-danger.is-focused:not(:active) {
    box-shadow: 0 0 0 .125em #f1466840
}

.button.is-danger:active,
.button.is-danger.is-active {
    color: #fff;
    background-color: #ef2e55;
    border-color: #0000
}

.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
    box-shadow: none;
    background-color: #f14668;
    border-color: #f14668
}

.button.is-danger.is-inverted {
    color: #f14668;
    background-color: #fff
}

.button.is-danger.is-inverted:hover,
.button.is-danger.is-inverted.is-hovered {
    background-color: #f2f2f2
}

.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
    box-shadow: none;
    color: #f14668;
    background-color: #fff;
    border-color: #0000
}

.button.is-danger.is-loading:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-danger.is-outlined {
    color: #f14668;
    background-color: #0000;
    border-color: #f14668
}

.button.is-danger.is-outlined:hover,
.button.is-danger.is-outlined.is-hovered,
.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined.is-focused {
    color: #fff;
    background-color: #f14668;
    border-color: #f14668
}

.button.is-danger.is-outlined.is-loading:after {
    border-color: #0000 #0000 #f14668 #f14668 !important
}

.button.is-danger.is-outlined.is-loading:hover:after,
.button.is-danger.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-outlined.is-loading:focus:after,
.button.is-danger.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #fff #fff !important
}

.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
    box-shadow: none;
    color: #f14668;
    background-color: #0000;
    border-color: #f14668
}

.button.is-danger.is-inverted.is-outlined {
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-danger.is-inverted.is-outlined:hover,
.button.is-danger.is-inverted.is-outlined.is-hovered,
.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined.is-focused {
    color: #f14668;
    background-color: #fff
}

.button.is-danger.is-inverted.is-outlined.is-loading:hover:after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-inverted.is-outlined.is-loading:focus:after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-focused:after {
    border-color: #0000 #0000 #f14668 #f14668 !important
}

.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
    box-shadow: none;
    color: #fff;
    background-color: #0000;
    border-color: #fff
}

.button.is-danger.is-light {
    color: #cc0f35;
    background-color: #feecf0
}

.button.is-danger.is-light:hover,
.button.is-danger.is-light.is-hovered {
    color: #cc0f35;
    background-color: #fde0e6;
    border-color: #0000
}

.button.is-danger.is-light:active,
.button.is-danger.is-light.is-active {
    color: #cc0f35;
    background-color: #fcd4dc;
    border-color: #0000
}

.button.is-small {
    font-size: .75rem
}

.button.is-small:not(.is-rounded) {
    border-radius: 2px
}

.button.is-normal {
    font-size: 1rem
}

.button.is-medium {
    font-size: 1.25rem
}

.button.is-large {
    font-size: 1.5rem
}

.button[disabled],
fieldset[disabled] .button {
    box-shadow: none;
    opacity: .5;
    background-color: #fff;
    border-color: #dbdbdb
}

.button.is-fullwidth {
    width: 100%;
    display: flex
}

.button.is-loading {
    pointer-events: none;
    color: #0000 !important
}

.button.is-loading:after {
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
    position: absolute !important
}

.button.is-static {
    color: #7a7a7a;
    box-shadow: none;
    pointer-events: none;
    background-color: #f5f5f5;
    border-color: #dbdbdb
}

.button.is-rounded {
    border-radius: 9999px;
    padding-left: 1.25em;
    padding-right: 1.25em
}

.buttons {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.buttons .button {
    margin-bottom: .5rem
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
    margin-right: .5rem
}

.buttons:last-child {
    margin-bottom: -.5rem
}

.buttons:not(:last-child) {
    margin-bottom: 1rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
    font-size: .75rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
    border-radius: 2px
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
    font-size: 1.25rem
}

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
    font-size: 1.5rem
}

.buttons.has-addons .button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.buttons.has-addons .button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -1px
}

.buttons.has-addons .button:last-child {
    margin-right: 0
}

.buttons.has-addons .button:hover,
.buttons.has-addons .button.is-hovered {
    z-index: 2
}

.buttons.has-addons .button:focus,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button:active,
.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-selected {
    z-index: 3
}

.buttons.has-addons .button:focus:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button:active:hover,
.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-selected:hover {
    z-index: 4
}

.buttons.has-addons .button.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.buttons.is-centered {
    justify-content: center
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

.buttons.is-right {
    justify-content: flex-end
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
    margin-left: .25rem;
    margin-right: .25rem
}

@media screen and (max-width:768px) {
    .button.is-responsive.is-small {
        font-size: .5625rem
    }

    .button.is-responsive,
    .button.is-responsive.is-normal {
        font-size: .65625rem
    }

    .button.is-responsive.is-medium {
        font-size: .75rem
    }

    .button.is-responsive.is-large {
        font-size: 1rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .button.is-responsive.is-small {
        font-size: .65625rem
    }

    .button.is-responsive,
    .button.is-responsive.is-normal {
        font-size: .75rem
    }

    .button.is-responsive.is-medium {
        font-size: 1rem
    }

    .button.is-responsive.is-large {
        font-size: 1.25rem
    }
}

.container {
    flex-grow: 1;
    width: auto;
    margin: 0 auto;
    position: relative
}

.container.is-fluid {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    max-width: none !important
}

@media screen and (min-width:1024px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width:1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (max-width:1407px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

@media screen and (min-width:1216px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (min-width:1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

.content li+li {
    margin-top: .25em
}

.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
    margin-bottom: 1em
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    margin-bottom: .5em;
    font-size: 2em
}

.content h1:not(:first-child) {
    margin-top: 1em
}

.content h2 {
    margin-bottom: .5714em;
    font-size: 1.75em
}

.content h2:not(:first-child) {
    margin-top: 1.1428em
}

.content h3 {
    margin-bottom: .6666em;
    font-size: 1.5em
}

.content h3:not(:first-child) {
    margin-top: 1.3333em
}

.content h4 {
    margin-bottom: .8em;
    font-size: 1.25em
}

.content h5 {
    margin-bottom: .8888em;
    font-size: 1.125em
}

.content h6 {
    margin-bottom: 1em;
    font-size: 1em
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em
}

.content ol {
    margin-top: 1em;
    margin-left: 2em;
    list-style-position: outside
}

.content ol:not([type]) {
    list-style-type: decimal
}

.content ol:not([type]).is-lower-alpha {
    list-style-type: lower-alpha
}

.content ol:not([type]).is-lower-roman {
    list-style-type: lower-roman
}

.content ol:not([type]).is-upper-alpha {
    list-style-type: upper-alpha
}

.content ol:not([type]).is-upper-roman {
    list-style-type: upper-roman
}

.content ul {
    margin-top: 1em;
    margin-left: 2em;
    list-style: outside
}

.content ul ul {
    margin-top: .5em;
    list-style-type: circle
}

.content ul ul ul {
    list-style-type: square
}

.content dd {
    margin-left: 2em
}

.content figure {
    text-align: center;
    margin-left: 2em;
    margin-right: 2em
}

.content figure:not(:first-child) {
    margin-top: 2em
}

.content figure:not(:last-child) {
    margin-bottom: 2em
}

.content figure img {
    display: inline-block
}

.content figure figcaption {
    font-style: italic
}

.content pre {
    -webkit-overflow-scrolling: touch;
    white-space: pre;
    word-wrap: normal;
    padding: 1.25em 1.5em;
    overflow-x: auto
}

.content sup,
.content sub {
    font-size: 75%
}

.content table {
    width: 100%
}

.content table td,
.content table th {
    vertical-align: top;
    border: 0 solid #dbdbdb;
    border-bottom-width: 1px;
    padding: .5em .75em
}

.content table th {
    color: #363636
}

.content table th:not([align]) {
    text-align: inherit
}

.content table thead td,
.content table thead th {
    color: #363636;
    border-width: 0 0 2px
}

.content table tfoot td,
.content table tfoot th {
    color: #363636;
    border-width: 2px 0 0
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
    border-bottom-width: 0
}

.content .tabs li+li {
    margin-top: 0
}

.content.is-small {
    font-size: .75rem
}

.content.is-normal {
    font-size: 1rem
}

.content.is-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}

.icon {
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex
}

.icon.is-small {
    width: 1rem;
    height: 1rem
}

.icon.is-medium {
    width: 2rem;
    height: 2rem
}

.icon.is-large {
    width: 3rem;
    height: 3rem
}

.icon-text {
    color: inherit;
    vertical-align: top;
    flex-wrap: wrap;
    align-items: flex-start;
    line-height: 1.5rem;
    display: inline-flex
}

.icon-text .icon {
    flex-grow: 0;
    flex-shrink: 0
}

.icon-text .icon:not(:last-child) {
    margin-right: .25em
}

.icon-text .icon:not(:first-child) {
    margin-left: .25em
}

div.icon-text {
    display: flex
}

.image {
    display: block;
    position: relative
}

.image img {
    width: 100%;
    height: auto;
    display: block
}

.image img.is-rounded {
    border-radius: 9999px
}

.image.is-fullwidth {
    width: 100%
}

.image.is-square img,
.image.is-square .has-ratio,
.image.is-1by1 img,
.image.is-1by1 .has-ratio,
.image.is-5by4 img,
.image.is-5by4 .has-ratio,
.image.is-4by3 img,
.image.is-4by3 .has-ratio,
.image.is-3by2 img,
.image.is-3by2 .has-ratio,
.image.is-5by3 img,
.image.is-5by3 .has-ratio,
.image.is-16by9 img,
.image.is-16by9 .has-ratio,
.image.is-2by1 img,
.image.is-2by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by1 .has-ratio,
.image.is-4by5 img,
.image.is-4by5 .has-ratio,
.image.is-3by4 img,
.image.is-3by4 .has-ratio,
.image.is-2by3 img,
.image.is-2by3 .has-ratio,
.image.is-3by5 img,
.image.is-3by5 .has-ratio,
.image.is-9by16 img,
.image.is-9by16 .has-ratio,
.image.is-1by2 img,
.image.is-1by2 .has-ratio,
.image.is-1by3 img,
.image.is-1by3 .has-ratio {
    width: 100%;
    height: 100%
}

.image.is-square,
.image.is-1by1 {
    padding-top: 100%
}

.image.is-5by4 {
    padding-top: 80%
}

.image.is-4by3 {
    padding-top: 75%
}

.image.is-3by2 {
    padding-top: 66.6666%
}

.image.is-5by3 {
    padding-top: 60%
}

.image.is-16by9 {
    padding-top: 56.25%
}

.image.is-2by1 {
    padding-top: 50%
}

.image.is-3by1 {
    padding-top: 33.3333%
}

.image.is-4by5 {
    padding-top: 125%
}

.image.is-3by4 {
    padding-top: 133.333%
}

.image.is-2by3 {
    padding-top: 150%
}

.image.is-3by5 {
    padding-top: 166.667%
}

.image.is-9by16 {
    padding-top: 177.778%
}

.image.is-1by2 {
    padding-top: 200%
}

.image.is-1by3 {
    padding-top: 300%
}

.image.is-16x16 {
    width: 16px;
    height: 16px
}

.image.is-24x24 {
    width: 24px;
    height: 24px
}

.image.is-32x32 {
    width: 32px;
    height: 32px
}

.image.is-48x48 {
    width: 48px;
    height: 48px
}

.image.is-64x64 {
    width: 64px;
    height: 64px
}

.image.is-96x96 {
    width: 96px;
    height: 96px
}

.image.is-128x128 {
    width: 128px;
    height: 128px
}

.notification {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem;
    position: relative
}

.notification a:not(.button):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.notification strong {
    color: currentColor
}

.notification code,
.notification pre {
    background: #fff
}

.notification pre code {
    background: 0 0
}

.notification>.delete {
    position: absolute;
    top: .5rem;
    right: .5rem
}

.notification .title,
.notification .subtitle,
.notification .content {
    color: currentColor
}

.notification.is-white {
    color: #0a0a0a;
    background-color: #fff
}

.notification.is-black {
    color: #fff;
    background-color: #0a0a0a
}

.notification.is-light {
    color: #000000b3;
    background-color: #f5f5f5
}

.notification.is-dark {
    color: #fff;
    background-color: #363636
}

.notification.is-primary {
    color: #fff;
    background-color: #00d1b2
}

.notification.is-primary.is-light {
    color: #00947e;
    background-color: #ebfffc
}

.notification.is-link {
    color: #fff;
    background-color: #485fc7
}

.notification.is-link.is-light {
    color: #3850b7;
    background-color: #eff1fa
}

.notification.is-info {
    color: #fff;
    background-color: #3e8ed0
}

.notification.is-info.is-light {
    color: #296fa8;
    background-color: #eff5fb
}

.notification.is-success {
    color: #fff;
    background-color: #48c78e
}

.notification.is-success.is-light {
    color: #257953;
    background-color: #effaf5
}

.notification.is-warning {
    color: #000000b3;
    background-color: #ffe08a
}

.notification.is-warning.is-light {
    color: #946c00;
    background-color: #fffaeb
}

.notification.is-danger {
    color: #fff;
    background-color: #f14668
}

.notification.is-danger.is-light {
    color: #cc0f35;
    background-color: #feecf0
}

.progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 9999px;
    width: 100%;
    height: 1rem;
    padding: 0;
    display: block;
    overflow: hidden
}

.progress::-webkit-progress-value {
    background-color: #4a4a4a
}

.progress::-moz-progress-bar {
    background-color: #4a4a4a
}

.progress::-ms-fill {
    background-color: #4a4a4a;
    border: none
}

.progress.is-white::-webkit-progress-value {
    background-color: #fff
}

.progress.is-white::-moz-progress-bar {
    background-color: #fff
}

.progress.is-white::-ms-fill {
    background-color: #fff
}

.progress.is-white:indeterminate {
    background-image: linear-gradient(90deg, #fff 30%, #ededed 30%)
}

.progress.is-black::-webkit-progress-value {
    background-color: #0a0a0a
}

.progress.is-black::-moz-progress-bar {
    background-color: #0a0a0a
}

.progress.is-black::-ms-fill {
    background-color: #0a0a0a
}

.progress.is-black:indeterminate {
    background-image: linear-gradient(90deg, #0a0a0a 30%, #ededed 30%)
}

.progress.is-light::-webkit-progress-value {
    background-color: #f5f5f5
}

.progress.is-light::-moz-progress-bar {
    background-color: #f5f5f5
}

.progress.is-light::-ms-fill {
    background-color: #f5f5f5
}

.progress.is-light:indeterminate {
    background-image: linear-gradient(90deg, #f5f5f5 30%, #ededed 30%)
}

.progress.is-dark::-webkit-progress-value {
    background-color: #363636
}

.progress.is-dark::-moz-progress-bar {
    background-color: #363636
}

.progress.is-dark::-ms-fill {
    background-color: #363636
}

.progress.is-dark:indeterminate {
    background-image: linear-gradient(90deg, #363636 30%, #ededed 30%)
}

.progress.is-primary::-webkit-progress-value {
    background-color: #00d1b2
}

.progress.is-primary::-moz-progress-bar {
    background-color: #00d1b2
}

.progress.is-primary::-ms-fill {
    background-color: #00d1b2
}

.progress.is-primary:indeterminate {
    background-image: linear-gradient(90deg, #00d1b2 30%, #ededed 30%)
}

.progress.is-link::-webkit-progress-value {
    background-color: #485fc7
}

.progress.is-link::-moz-progress-bar {
    background-color: #485fc7
}

.progress.is-link::-ms-fill {
    background-color: #485fc7
}

.progress.is-link:indeterminate {
    background-image: linear-gradient(90deg, #485fc7 30%, #ededed 30%)
}

.progress.is-info::-webkit-progress-value {
    background-color: #3e8ed0
}

.progress.is-info::-moz-progress-bar {
    background-color: #3e8ed0
}

.progress.is-info::-ms-fill {
    background-color: #3e8ed0
}

.progress.is-info:indeterminate {
    background-image: linear-gradient(90deg, #3e8ed0 30%, #ededed 30%)
}

.progress.is-success::-webkit-progress-value {
    background-color: #48c78e
}

.progress.is-success::-moz-progress-bar {
    background-color: #48c78e
}

.progress.is-success::-ms-fill {
    background-color: #48c78e
}

.progress.is-success:indeterminate {
    background-image: linear-gradient(90deg, #48c78e 30%, #ededed 30%)
}

.progress.is-warning::-webkit-progress-value {
    background-color: #ffe08a
}

.progress.is-warning::-moz-progress-bar {
    background-color: #ffe08a
}

.progress.is-warning::-ms-fill {
    background-color: #ffe08a
}

.progress.is-warning:indeterminate {
    background-image: linear-gradient(90deg, #ffe08a 30%, #ededed 30%)
}

.progress.is-danger::-webkit-progress-value {
    background-color: #f14668
}

.progress.is-danger::-moz-progress-bar {
    background-color: #f14668
}

.progress.is-danger::-ms-fill {
    background-color: #f14668
}

.progress.is-danger:indeterminate {
    background-image: linear-gradient(90deg, #f14668 30%, #ededed 30%)
}

.progress:indeterminate {
    background-color: #ededed;
    background-image: linear-gradient(90deg, #4a4a4a 30%, #ededed 30%);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 150% 150%;
    animation-name: moveIndeterminate;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.progress:indeterminate::-webkit-progress-bar {
    background-color: #0000
}

.progress:indeterminate::-moz-progress-bar {
    background-color: #0000
}

.progress:indeterminate::-ms-fill {
    animation-name: none
}

.progress.is-small {
    height: .75rem
}

.progress.is-medium {
    height: 1.25rem
}

.progress.is-large {
    height: 1.5rem
}

@keyframes moveIndeterminate {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.table {
    color: #363636;
    background-color: #fff
}

.table td,
.table th {
    vertical-align: top;
    border: 0 solid #dbdbdb;
    border-bottom-width: 1px;
    padding: .5em .75em
}

.table td.is-white,
.table th.is-white {
    color: #0a0a0a;
    background-color: #fff;
    border-color: #fff
}

.table td.is-black,
.table th.is-black {
    color: #fff;
    background-color: #0a0a0a;
    border-color: #0a0a0a
}

.table td.is-light,
.table th.is-light {
    color: #000000b3;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.table td.is-dark,
.table th.is-dark {
    color: #fff;
    background-color: #363636;
    border-color: #363636
}

.table td.is-primary,
.table th.is-primary {
    color: #fff;
    background-color: #00d1b2;
    border-color: #00d1b2
}

.table td.is-link,
.table th.is-link {
    color: #fff;
    background-color: #485fc7;
    border-color: #485fc7
}

.table td.is-info,
.table th.is-info {
    color: #fff;
    background-color: #3e8ed0;
    border-color: #3e8ed0
}

.table td.is-success,
.table th.is-success {
    color: #fff;
    background-color: #48c78e;
    border-color: #48c78e
}

.table td.is-warning,
.table th.is-warning {
    color: #000000b3;
    background-color: #ffe08a;
    border-color: #ffe08a
}

.table td.is-danger,
.table th.is-danger {
    color: #fff;
    background-color: #f14668;
    border-color: #f14668
}

.table td.is-narrow,
.table th.is-narrow {
    white-space: nowrap;
    width: 1%
}

.table td.is-selected,
.table th.is-selected {
    color: #fff;
    background-color: #00d1b2
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
    color: currentColor
}

.table td.is-vcentered,
.table th.is-vcentered {
    vertical-align: middle
}

.table th {
    color: #363636
}

.table th:not([align]) {
    text-align: left
}

.table tr.is-selected {
    color: #fff;
    background-color: #00d1b2
}

.table tr.is-selected a,
.table tr.is-selected strong {
    color: currentColor
}

.table tr.is-selected td,
.table tr.is-selected th {
    color: currentColor;
    border-color: #fff
}

.table thead td,
.table thead th {
    color: #363636;
    border-width: 0 0 2px
}

.table tfoot {
    background-color: #0000
}

.table tfoot td,
.table tfoot th {
    color: #363636;
    border-width: 2px 0 0
}

.table tbody {
    background-color: #0000
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom-width: 0
}

.table.is-bordered td,
.table.is-bordered th {
    border-width: 1px
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
    border-bottom-width: 1px
}

.table.is-fullwidth {
    width: 100%
}

.table.is-hoverable tbody tr:not(.is-selected):hover,
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #fafafa
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
    background-color: #f5f5f5
}

.table.is-narrow td,
.table.is-narrow th {
    padding: .25em .5em
}

.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
    background-color: #fafafa
}

.table-container {
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    overflow: auto hidden
}

.tags {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.tags .tag {
    margin-bottom: .5rem
}

.tags .tag:not(:last-child) {
    margin-right: .5rem
}

.tags:last-child {
    margin-bottom: -.5rem
}

.tags:not(:last-child) {
    margin-bottom: 1rem
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
    font-size: 1rem
}

.tags.are-large .tag:not(.is-normal):not(.is-medium) {
    font-size: 1.25rem
}

.tags.is-centered {
    justify-content: center
}

.tags.is-centered .tag {
    margin-left: .25rem;
    margin-right: .25rem
}

.tags.is-right {
    justify-content: flex-end
}

.tags.is-right .tag:not(:first-child) {
    margin-left: .5rem
}

.tags.is-right .tag:not(:last-child),
.tags.has-addons .tag {
    margin-right: 0
}

.tags.has-addons .tag:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0
}

.tags.has-addons .tag:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.tag:not(body) {
    color: #4a4a4a;
    white-space: nowrap;
    background-color: #f5f5f5;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 2em;
    padding-left: .75em;
    padding-right: .75em;
    font-size: .75rem;
    line-height: 1.5;
    display: inline-flex
}

.tag:not(body) .delete {
    margin-left: .25rem;
    margin-right: -.375rem
}

.tag:not(body).is-white {
    color: #0a0a0a;
    background-color: #fff
}

.tag:not(body).is-black {
    color: #fff;
    background-color: #0a0a0a
}

.tag:not(body).is-light {
    color: #000000b3;
    background-color: #f5f5f5
}

.tag:not(body).is-dark {
    color: #fff;
    background-color: #363636
}

.tag:not(body).is-primary {
    color: #fff;
    background-color: #00d1b2
}

.tag:not(body).is-primary.is-light {
    color: #00947e;
    background-color: #ebfffc
}

.tag:not(body).is-link {
    color: #fff;
    background-color: #485fc7
}

.tag:not(body).is-link.is-light {
    color: #3850b7;
    background-color: #eff1fa
}

.tag:not(body).is-info {
    color: #fff;
    background-color: #3e8ed0
}

.tag:not(body).is-info.is-light {
    color: #296fa8;
    background-color: #eff5fb
}

.tag:not(body).is-success {
    color: #fff;
    background-color: #48c78e
}

.tag:not(body).is-success.is-light {
    color: #257953;
    background-color: #effaf5
}

.tag:not(body).is-warning {
    color: #000000b3;
    background-color: #ffe08a
}

.tag:not(body).is-warning.is-light {
    color: #946c00;
    background-color: #fffaeb
}

.tag:not(body).is-danger {
    color: #fff;
    background-color: #f14668
}

.tag:not(body).is-danger.is-light {
    color: #cc0f35;
    background-color: #feecf0
}

.tag:not(body).is-normal {
    font-size: .75rem
}

.tag:not(body).is-medium {
    font-size: 1rem
}

.tag:not(body).is-large {
    font-size: 1.25rem
}

.tag:not(body) .icon:first-child:not(:last-child) {
    margin-left: -.375em;
    margin-right: .1875em
}

.tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: .1875em;
    margin-right: -.375em
}

.tag:not(body) .icon:first-child:last-child {
    margin-left: -.375em;
    margin-right: -.375em
}

.tag:not(body).is-delete {
    width: 2em;
    margin-left: 1px;
    padding: 0;
    position: relative
}

.tag:not(body).is-delete:before,
.tag:not(body).is-delete:after {
    content: "";
    transform-origin: 50%;
    background-color: currentColor;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%)translateY(-50%)rotate(45deg)
}

.tag:not(body).is-delete:before {
    width: 50%;
    height: 1px
}

.tag:not(body).is-delete:after {
    width: 1px;
    height: 50%
}

.tag:not(body).is-delete:hover,
.tag:not(body).is-delete:focus {
    background-color: #e8e8e8
}

.tag:not(body).is-delete:active {
    background-color: #dbdbdb
}

.tag:not(body).is-rounded {
    border-radius: 9999px
}

a.tag:hover {
    text-decoration: underline
}

.title,
.subtitle {
    word-break: break-word
}

.title em,
.title span,
.subtitle em,
.subtitle span {
    font-weight: inherit
}

.title sub,
.subtitle sub,
.title sup,
.subtitle sup {
    font-size: .75em
}

.title .tag,
.subtitle .tag {
    vertical-align: middle
}

.title {
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}

.title strong {
    color: inherit;
    font-weight: inherit
}

.title:not(.is-spaced)+.subtitle {
    margin-top: -1.25rem
}

.title.is-1 {
    font-size: 3rem
}

.title.is-2 {
    font-size: 2.5rem
}

.title.is-3 {
    font-size: 2rem
}

.title.is-4 {
    font-size: 1.5rem
}

.title.is-5 {
    font-size: 1.25rem
}

.title.is-6 {
    font-size: 1rem
}

.title.is-7 {
    font-size: .75rem
}

.subtitle {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25
}

.subtitle strong {
    color: #363636;
    font-weight: 600
}

.subtitle:not(.is-spaced)+.title {
    margin-top: -1.25rem
}

.subtitle.is-1 {
    font-size: 3rem
}

.subtitle.is-2 {
    font-size: 2.5rem
}

.subtitle.is-3 {
    font-size: 2rem
}

.subtitle.is-4 {
    font-size: 1.5rem
}

.subtitle.is-5 {
    font-size: 1.25rem
}

.subtitle.is-6 {
    font-size: 1rem
}

.subtitle.is-7 {
    font-size: .75rem
}

.heading {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 11px;
    display: block
}

.number {
    text-align: center;
    vertical-align: top;
    background-color: #f5f5f5;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    min-width: 2.5em;
    height: 2em;
    margin-right: 1.5rem;
    padding: .25rem .5rem;
    font-size: 1.25rem;
    display: inline-flex
}

.input,
.textarea,
.select select {
    color: #363636;
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px
}

.input::-moz-placeholder {
    color: #3636364d
}

.textarea::-moz-placeholder {
    color: #3636364d
}

.select select::-moz-placeholder {
    color: #3636364d
}

.input::-webkit-input-placeholder {
    color: #3636364d
}

.textarea::-webkit-input-placeholder {
    color: #3636364d
}

.select select::-webkit-input-placeholder {
    color: #3636364d
}

.input:-moz-placeholder-shown {
    color: #3636364d
}

.textarea:-moz-placeholder-shown {
    color: #3636364d
}

.select select:-moz-placeholder-shown {
    color: #3636364d
}

.input:-ms-placeholder-shown {
    color: #3636364d
}

.textarea:-ms-placeholder-shown {
    color: #3636364d
}

.select select:-ms-placeholder-shown {
    color: #3636364d
}

.input:hover,
.textarea:hover,
.select select:hover,
.is-hovered.input,
.is-hovered.textarea,
.select select.is-hovered {
    border-color: #b5b5b5
}

.input:focus,
.textarea:focus,
.select select:focus,
.is-focused.input,
.is-focused.textarea,
.select select.is-focused,
.input:active,
.textarea:active,
.select select:active,
.is-active.input,
.is-active.textarea,
.select select.is-active {
    border-color: #485fc7;
    box-shadow: 0 0 0 .125em #485fc740
}

.input[disabled],
.textarea[disabled],
.select select[disabled],
fieldset[disabled] .input,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select {
    box-shadow: none;
    color: #7a7a7a;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.input[disabled]::-moz-placeholder {
    color: #7a7a7a4d
}

.textarea[disabled]::-moz-placeholder {
    color: #7a7a7a4d
}

.select select[disabled]::-moz-placeholder {
    color: #7a7a7a4d
}

fieldset[disabled] .input::-moz-placeholder {
    color: #7a7a7a4d
}

fieldset[disabled] .textarea::-moz-placeholder {
    color: #7a7a7a4d
}

fieldset[disabled] .select select::-moz-placeholder {
    color: #7a7a7a4d
}

.select fieldset[disabled] select::-moz-placeholder {
    color: #7a7a7a4d
}

.input[disabled]::-webkit-input-placeholder {
    color: #7a7a7a4d
}

.textarea[disabled]::-webkit-input-placeholder {
    color: #7a7a7a4d
}

.select select[disabled]::-webkit-input-placeholder {
    color: #7a7a7a4d
}

fieldset[disabled] .input::-webkit-input-placeholder {
    color: #7a7a7a4d
}

fieldset[disabled] .textarea::-webkit-input-placeholder {
    color: #7a7a7a4d
}

fieldset[disabled] .select select::-webkit-input-placeholder {
    color: #7a7a7a4d
}

.select fieldset[disabled] select::-webkit-input-placeholder {
    color: #7a7a7a4d
}

.input[disabled]:-moz-placeholder-shown {
    color: #7a7a7a4d
}

.textarea[disabled]:-moz-placeholder-shown {
    color: #7a7a7a4d
}

.select select[disabled]:-moz-placeholder-shown {
    color: #7a7a7a4d
}

fieldset[disabled] .input:-moz-placeholder-shown {
    color: #7a7a7a4d
}

fieldset[disabled] .textarea:-moz-placeholder-shown {
    color: #7a7a7a4d
}

fieldset[disabled] .select select:-moz-placeholder-shown {
    color: #7a7a7a4d
}

.select fieldset[disabled] select:-moz-placeholder-shown {
    color: #7a7a7a4d
}

.input[disabled]:-ms-placeholder-shown {
    color: #7a7a7a4d
}

.textarea[disabled]:-ms-placeholder-shown {
    color: #7a7a7a4d
}

.select select[disabled]:-ms-placeholder-shown {
    color: #7a7a7a4d
}

fieldset[disabled] .input:-ms-placeholder-shown {
    color: #7a7a7a4d
}

fieldset[disabled] .textarea:-ms-placeholder-shown {
    color: #7a7a7a4d
}

fieldset[disabled] .select select:-ms-placeholder-shown {
    color: #7a7a7a4d
}

.select fieldset[disabled] select:-ms-placeholder-shown {
    color: #7a7a7a4d
}

.input,
.textarea {
    width: 100%;
    max-width: 100%;
    box-shadow: inset 0 .0625em .125em #0a0a0a0d
}

.input[readonly],
.textarea[readonly] {
    box-shadow: none
}

.is-white.input,
.is-white.textarea {
    border-color: #fff
}

.is-white.input:focus,
.is-white.textarea:focus,
.is-white.is-focused.input,
.is-white.is-focused.textarea,
.is-white.input:active,
.is-white.textarea:active,
.is-white.is-active.input,
.is-white.is-active.textarea {
    box-shadow: 0 0 0 .125em #ffffff40
}

.is-black.input,
.is-black.textarea {
    border-color: #0a0a0a
}

.is-black.input:focus,
.is-black.textarea:focus,
.is-black.is-focused.input,
.is-black.is-focused.textarea,
.is-black.input:active,
.is-black.textarea:active,
.is-black.is-active.input,
.is-black.is-active.textarea {
    box-shadow: 0 0 0 .125em #0a0a0a40
}

.is-light.input,
.is-light.textarea {
    border-color: #f5f5f5
}

.is-light.input:focus,
.is-light.textarea:focus,
.is-light.is-focused.input,
.is-light.is-focused.textarea,
.is-light.input:active,
.is-light.textarea:active,
.is-light.is-active.input,
.is-light.is-active.textarea {
    box-shadow: 0 0 0 .125em #f5f5f540
}

.is-dark.input,
.is-dark.textarea {
    border-color: #363636
}

.is-dark.input:focus,
.is-dark.textarea:focus,
.is-dark.is-focused.input,
.is-dark.is-focused.textarea,
.is-dark.input:active,
.is-dark.textarea:active,
.is-dark.is-active.input,
.is-dark.is-active.textarea {
    box-shadow: 0 0 0 .125em #36363640
}

.is-primary.input,
.is-primary.textarea {
    border-color: #00d1b2
}

.is-primary.input:focus,
.is-primary.textarea:focus,
.is-primary.is-focused.input,
.is-primary.is-focused.textarea,
.is-primary.input:active,
.is-primary.textarea:active,
.is-primary.is-active.input,
.is-primary.is-active.textarea {
    box-shadow: 0 0 0 .125em #00d1b240
}

.is-link.input,
.is-link.textarea {
    border-color: #485fc7
}

.is-link.input:focus,
.is-link.textarea:focus,
.is-link.is-focused.input,
.is-link.is-focused.textarea,
.is-link.input:active,
.is-link.textarea:active,
.is-link.is-active.input,
.is-link.is-active.textarea {
    box-shadow: 0 0 0 .125em #485fc740
}

.is-info.input,
.is-info.textarea {
    border-color: #3e8ed0
}

.is-info.input:focus,
.is-info.textarea:focus,
.is-info.is-focused.input,
.is-info.is-focused.textarea,
.is-info.input:active,
.is-info.textarea:active,
.is-info.is-active.input,
.is-info.is-active.textarea {
    box-shadow: 0 0 0 .125em #3e8ed040
}

.is-success.input,
.is-success.textarea {
    border-color: #48c78e
}

.is-success.input:focus,
.is-success.textarea:focus,
.is-success.is-focused.input,
.is-success.is-focused.textarea,
.is-success.input:active,
.is-success.textarea:active,
.is-success.is-active.input,
.is-success.is-active.textarea {
    box-shadow: 0 0 0 .125em #48c78e40
}

.is-warning.input,
.is-warning.textarea {
    border-color: #ffe08a
}

.is-warning.input:focus,
.is-warning.textarea:focus,
.is-warning.is-focused.input,
.is-warning.is-focused.textarea,
.is-warning.input:active,
.is-warning.textarea:active,
.is-warning.is-active.input,
.is-warning.is-active.textarea {
    box-shadow: 0 0 0 .125em #ffe08a40
}

.is-danger.input,
.is-danger.textarea {
    border-color: #f14668
}

.is-danger.input:focus,
.is-danger.textarea:focus,
.is-danger.is-focused.input,
.is-danger.is-focused.textarea,
.is-danger.input:active,
.is-danger.textarea:active,
.is-danger.is-active.input,
.is-danger.is-active.textarea {
    box-shadow: 0 0 0 .125em #f1466840
}

.is-small.input,
.is-small.textarea {
    border-radius: 2px;
    font-size: .75rem
}

.is-medium.input,
.is-medium.textarea {
    font-size: 1.25rem
}

.is-large.input,
.is-large.textarea {
    font-size: 1.5rem
}

.is-fullwidth.input,
.is-fullwidth.textarea {
    width: 100%;
    display: block
}

.is-inline.input,
.is-inline.textarea {
    width: auto;
    display: inline
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(1.125em - 1px);
    padding-right: calc(1.125em - 1px)
}

.input.is-static {
    box-shadow: none;
    background-color: #0000;
    border-color: #0000;
    padding-left: 0;
    padding-right: 0
}

.textarea {
    resize: vertical;
    min-width: 100%;
    max-width: 100%;
    padding: calc(.75em - 1px);
    display: block
}

.textarea:not([rows]) {
    min-height: 8em;
    max-height: 40em
}

.textarea[rows] {
    height: initial
}

.textarea.has-fixed-size {
    resize: none
}

.checkbox,
.radio {
    cursor: pointer;
    line-height: 1.25;
    display: inline-block;
    position: relative
}

.checkbox input,
.radio input {
    cursor: pointer
}

.checkbox:hover,
.radio:hover {
    color: #363636
}

.checkbox[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio,
.checkbox input[disabled],
.radio input[disabled] {
    color: #7a7a7a;
    cursor: not-allowed
}

.radio+.radio {
    margin-left: .5em
}

.select {
    vertical-align: top;
    max-width: 100%;
    display: inline-block;
    position: relative
}

.select:not(.is-multiple) {
    height: 2.5em
}

.select:not(.is-multiple):not(.is-loading):after {
    z-index: 4;
    border-color: #485fc7;
    right: 1.125em
}

.select.is-rounded select {
    border-radius: 9999px;
    padding-left: 1em
}

.select select {
    cursor: pointer;
    outline: none;
    max-width: 100%;
    font-size: 1em;
    display: block
}

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

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
    border-color: #f5f5f5
}

.select select:not([multiple]) {
    padding-right: 2.5em
}

.select select[multiple] {
    height: auto;
    padding: 0
}

.select select[multiple] option {
    padding: .5em 1em
}

.select:not(.is-multiple):not(.is-loading):hover:after {
    border-color: #363636
}

.select.is-white:not(:hover):after,
.select.is-white select {
    border-color: #fff
}

.select.is-white select:hover,
.select.is-white select.is-hovered {
    border-color: #f2f2f2
}

.select.is-white select:focus,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select.is-active {
    box-shadow: 0 0 0 .125em #ffffff40
}

.select.is-black:not(:hover):after,
.select.is-black select {
    border-color: #0a0a0a
}

.select.is-black select:hover,
.select.is-black select.is-hovered {
    border-color: #000
}

.select.is-black select:focus,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select.is-active {
    box-shadow: 0 0 0 .125em #0a0a0a40
}

.select.is-light:not(:hover):after,
.select.is-light select {
    border-color: #f5f5f5
}

.select.is-light select:hover,
.select.is-light select.is-hovered {
    border-color: #e8e8e8
}

.select.is-light select:focus,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select.is-active {
    box-shadow: 0 0 0 .125em #f5f5f540
}

.select.is-dark:not(:hover):after,
.select.is-dark select {
    border-color: #363636
}

.select.is-dark select:hover,
.select.is-dark select.is-hovered {
    border-color: #292929
}

.select.is-dark select:focus,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select.is-active {
    box-shadow: 0 0 0 .125em #36363640
}

.select.is-primary:not(:hover):after,
.select.is-primary select {
    border-color: #00d1b2
}

.select.is-primary select:hover,
.select.is-primary select.is-hovered {
    border-color: #00b89c
}

.select.is-primary select:focus,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select.is-active {
    box-shadow: 0 0 0 .125em #00d1b240
}

.select.is-link:not(:hover):after,
.select.is-link select {
    border-color: #485fc7
}

.select.is-link select:hover,
.select.is-link select.is-hovered {
    border-color: #3a51bb
}

.select.is-link select:focus,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select.is-active {
    box-shadow: 0 0 0 .125em #485fc740
}

.select.is-info:not(:hover):after,
.select.is-info select {
    border-color: #3e8ed0
}

.select.is-info select:hover,
.select.is-info select.is-hovered {
    border-color: #3082c5
}

.select.is-info select:focus,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select.is-active {
    box-shadow: 0 0 0 .125em #3e8ed040
}

.select.is-success:not(:hover):after,
.select.is-success select {
    border-color: #48c78e
}

.select.is-success select:hover,
.select.is-success select.is-hovered {
    border-color: #3abb81
}

.select.is-success select:focus,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select.is-active {
    box-shadow: 0 0 0 .125em #48c78e40
}

.select.is-warning:not(:hover):after,
.select.is-warning select {
    border-color: #ffe08a
}

.select.is-warning select:hover,
.select.is-warning select.is-hovered {
    border-color: #ffd970
}

.select.is-warning select:focus,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select.is-active {
    box-shadow: 0 0 0 .125em #ffe08a40
}

.select.is-danger:not(:hover):after,
.select.is-danger select {
    border-color: #f14668
}

.select.is-danger select:hover,
.select.is-danger select.is-hovered {
    border-color: #ef2e55
}

.select.is-danger select:focus,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select.is-active {
    box-shadow: 0 0 0 .125em #f1466840
}

.select.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.select.is-medium {
    font-size: 1.25rem
}

.select.is-large {
    font-size: 1.5rem
}

.select.is-disabled:after {
    opacity: .5;
    border-color: #7a7a7a !important
}

.select.is-fullwidth,
.select.is-fullwidth select {
    width: 100%
}

.select.is-loading:after {
    margin-top: 0;
    position: absolute;
    top: .625em;
    right: .625em;
    transform: none
}

.select.is-loading.is-small:after {
    font-size: .75rem
}

.select.is-loading.is-medium:after {
    font-size: 1.25rem
}

.select.is-loading.is-large:after {
    font-size: 1.5rem
}

.file {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: relative
}

.file.is-white .file-cta {
    color: #0a0a0a;
    background-color: #fff;
    border-color: #0000
}

.file.is-white:hover .file-cta,
.file.is-white.is-hovered .file-cta {
    color: #0a0a0a;
    background-color: #f9f9f9;
    border-color: #0000
}

.file.is-white:focus .file-cta,
.file.is-white.is-focused .file-cta {
    color: #0a0a0a;
    border-color: #0000;
    box-shadow: 0 0 .5em #ffffff40
}

.file.is-white:active .file-cta,
.file.is-white.is-active .file-cta {
    color: #0a0a0a;
    background-color: #f2f2f2;
    border-color: #0000
}

.file.is-black .file-cta {
    color: #fff;
    background-color: #0a0a0a;
    border-color: #0000
}

.file.is-black:hover .file-cta,
.file.is-black.is-hovered .file-cta {
    color: #fff;
    background-color: #040404;
    border-color: #0000
}

.file.is-black:focus .file-cta,
.file.is-black.is-focused .file-cta {
    color: #fff;
    border-color: #0000;
    box-shadow: 0 0 .5em #0a0a0a40
}

.file.is-black:active .file-cta,
.file.is-black.is-active .file-cta {
    color: #fff;
    background-color: #000;
    border-color: #0000
}

.file.is-light .file-cta {
    color: #000000b3;
    background-color: #f5f5f5;
    border-color: #0000
}

.file.is-light:hover .file-cta,
.file.is-light.is-hovered .file-cta {
    color: #000000b3;
    background-color: #eee;
    border-color: #0000
}

.file.is-light:focus .file-cta,
.file.is-light.is-focused .file-cta {
    color: #000000b3;
    border-color: #0000;
    box-shadow: 0 0 .5em #f5f5f540
}

.file.is-light:active .file-cta,
.file.is-light.is-active .file-cta {
    color: #000000b3;
    background-color: #e8e8e8;
    border-color: #0000
}

.file.is-dark .file-cta {
    color: #fff;
    background-color: #363636;
    border-color: #0000
}

.file.is-dark:hover .file-cta,
.file.is-dark.is-hovered .file-cta {
    color: #fff;
    background-color: #2f2f2f;
    border-color: #0000
}

.file.is-dark:focus .file-cta,
.file.is-dark.is-focused .file-cta {
    color: #fff;
    border-color: #0000;
    box-shadow: 0 0 .5em #36363640
}

.file.is-dark:active .file-cta,
.file.is-dark.is-active .file-cta {
    color: #fff;
    background-color: #292929;
    border-color: #0000
}

.file.is-primary .file-cta {
    color: #fff;
    background-color: #00d1b2;
    border-color: #0000
}

.file.is-primary:hover .file-cta,
.file.is-primary.is-hovered .file-cta {
    color: #fff;
    background-color: #00c4a7;
    border-color: #0000
}

.file.is-primary:focus .file-cta,
.file.is-primary.is-focused .file-cta {
    color: #fff;
    border-color: #0000;
    box-shadow: 0 0 .5em #00d1b240
}

.file.is-primary:active .file-cta,
.file.is-primary.is-active .file-cta {
    color: #fff;
    background-color: #00b89c;
    border-color: #0000
}

.file.is-link .file-cta {
    color: #fff;
    background-color: #485fc7;
    border-color: #0000
}

.file.is-link:hover .file-cta,
.file.is-link.is-hovered .file-cta {
    color: #fff;
    background-color: #3e56c4;
    border-color: #0000
}

.file.is-link:focus .file-cta,
.file.is-link.is-focused .file-cta {
    color: #fff;
    border-color: #0000;
    box-shadow: 0 0 .5em #485fc740
}

.file.is-link:active .file-cta,
.file.is-link.is-active .file-cta {
    color: #fff;
    background-color: #3a51bb;
    border-color: #0000
}

.file.is-info .file-cta {
    color: #fff;
    background-color: #3e8ed0;
    border-color: #0000
}

.file.is-info:hover .file-cta,
.file.is-info.is-hovered .file-cta {
    color: #fff;
    background-color: #3488ce;
    border-color: #0000
}

.file.is-info:focus .file-cta,
.file.is-info.is-focused .file-cta {
    color: #fff;
    border-color: #0000;
    box-shadow: 0 0 .5em #3e8ed040
}

.file.is-info:active .file-cta,
.file.is-info.is-active .file-cta {
    color: #fff;
    background-color: #3082c5;
    border-color: #0000
}

.file.is-success .file-cta {
    color: #fff;
    background-color: #48c78e;
    border-color: #0000
}

.file.is-success:hover .file-cta,
.file.is-success.is-hovered .file-cta {
    color: #fff;
    background-color: #3ec487;
    border-color: #0000
}

.file.is-success:focus .file-cta,
.file.is-success.is-focused .file-cta {
    color: #fff;
    border-color: #0000;
    box-shadow: 0 0 .5em #48c78e40
}

.file.is-success:active .file-cta,
.file.is-success.is-active .file-cta {
    color: #fff;
    background-color: #3abb81;
    border-color: #0000
}

.file.is-warning .file-cta {
    color: #000000b3;
    background-color: #ffe08a;
    border-color: #0000
}

.file.is-warning:hover .file-cta,
.file.is-warning.is-hovered .file-cta {
    color: #000000b3;
    background-color: #ffdc7d;
    border-color: #0000
}

.file.is-warning:focus .file-cta,
.file.is-warning.is-focused .file-cta {
    color: #000000b3;
    border-color: #0000;
    box-shadow: 0 0 .5em #ffe08a40
}

.file.is-warning:active .file-cta,
.file.is-warning.is-active .file-cta {
    color: #000000b3;
    background-color: #ffd970;
    border-color: #0000
}

.file.is-danger .file-cta {
    color: #fff;
    background-color: #f14668;
    border-color: #0000
}

.file.is-danger:hover .file-cta,
.file.is-danger.is-hovered .file-cta {
    color: #fff;
    background-color: #f03a5f;
    border-color: #0000
}

.file.is-danger:focus .file-cta,
.file.is-danger.is-focused .file-cta {
    color: #fff;
    border-color: #0000;
    box-shadow: 0 0 .5em #f1466840
}

.file.is-danger:active .file-cta,
.file.is-danger.is-active .file-cta {
    color: #fff;
    background-color: #ef2e55;
    border-color: #0000
}

.file.is-small {
    font-size: .75rem
}

.file.is-normal {
    font-size: 1rem
}

.file.is-medium {
    font-size: 1.25rem
}

.file.is-medium .file-icon .fa {
    font-size: 21px
}

.file.is-large {
    font-size: 1.5rem
}

.file.is-large .file-icon .fa {
    font-size: 28px
}

.file.has-name .file-cta {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.file.has-name .file-name {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.file.has-name.is-empty .file-cta {
    border-radius: 4px
}

.file.has-name.is-empty .file-name {
    display: none
}

.file.is-boxed .file-label {
    flex-direction: column
}

.file.is-boxed .file-cta {
    flex-direction: column;
    height: auto;
    padding: 1em 3em
}

.file.is-boxed .file-name {
    border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
    width: 1.5em;
    height: 1.5em
}

.file.is-boxed .file-icon .fa {
    font-size: 21px
}

.file.is-boxed.is-small .file-icon .fa {
    font-size: 14px
}

.file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px
}

.file.is-boxed.is-large .file-icon .fa {
    font-size: 35px
}

.file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0
}

.file.is-boxed.has-name .file-name {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px
}

.file.is-centered {
    justify-content: center
}

.file.is-fullwidth .file-label {
    width: 100%
}

.file.is-fullwidth .file-name {
    flex-grow: 1;
    max-width: none
}

.file.is-right {
    justify-content: flex-end
}

.file.is-right .file-cta {
    border-radius: 0 4px 4px 0
}

.file.is-right .file-name {
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
    order: -1
}

.file-label {
    cursor: pointer;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: relative;
    overflow: hidden
}

.file-label:hover .file-cta {
    color: #363636;
    background-color: #eee
}

.file-label:hover .file-name {
    border-color: #d5d5d5
}

.file-label:active .file-cta {
    color: #363636;
    background-color: #e8e8e8
}

.file-label:active .file-name {
    border-color: #cfcfcf
}

.file-input {
    opacity: 0;
    outline: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.file-cta,
.file-name {
    white-space: nowrap;
    border-color: #dbdbdb;
    border-radius: 4px;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1em
}

.file-cta {
    color: #4a4a4a;
    background-color: #f5f5f5
}

.file-name {
    max-width: 16em;
    text-align: inherit;
    text-overflow: ellipsis;
    border: 1px solid #dbdbdb;
    border-left-width: 0;
    display: block;
    overflow: hidden
}

.file-icon {
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    display: flex
}

.file-icon .fa {
    font-size: 14px
}

.label {
    color: #363636;
    font-size: 1rem;
    font-weight: 700;
    display: block
}

.label:not(:last-child) {
    margin-bottom: .5em
}

.label.is-small {
    font-size: .75rem
}

.label.is-medium {
    font-size: 1.25rem
}

.label.is-large {
    font-size: 1.5rem
}

.help {
    margin-top: .25rem;
    font-size: .75rem;
    display: block
}

.help.is-white {
    color: #fff
}

.help.is-black {
    color: #0a0a0a
}

.help.is-light {
    color: #f5f5f5
}

.help.is-dark {
    color: #363636
}

.help.is-primary {
    color: #00d1b2
}

.help.is-link {
    color: #485fc7
}

.help.is-info {
    color: #3e8ed0
}

.help.is-success {
    color: #48c78e
}

.help.is-warning {
    color: #ffe08a
}

.help.is-danger {
    color: #f14668
}

.field:not(:last-child) {
    margin-bottom: .75rem
}

.field.has-addons {
    justify-content: flex-start;
    display: flex
}

.field.has-addons .control:not(:last-child) {
    margin-right: -1px
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
    z-index: 2
}

.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
    z-index: 3
}

.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
    z-index: 4
}

.field.has-addons .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.has-addons.has-addons-centered {
    justify-content: center
}

.field.has-addons.has-addons-right {
    justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0
}

.field.is-grouped {
    justify-content: flex-start;
    display: flex
}

.field.is-grouped>.control {
    flex-shrink: 0
}

.field.is-grouped>.control:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.field.is-grouped>.control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
    justify-content: center
}

.field.is-grouped.is-grouped-right {
    justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
    margin-bottom: .75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0
}

@media screen and (min-width:769px),
print {
    .field.is-horizontal {
        display: flex
    }
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width:768px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media screen and (min-width:769px),
print {
    .field-label {
        text-align: right;
        flex: 1 0 0;
        margin-right: 1.5rem
    }

    .field-label.is-small {
        padding-top: .375em;
        font-size: .75rem
    }

    .field-label.is-normal {
        padding-top: .375em
    }

    .field-label.is-medium {
        padding-top: .375em;
        font-size: 1.25rem
    }

    .field-label.is-large {
        padding-top: .375em;
        font-size: 1.5rem
    }
}

.field-body .field .field {
    margin-bottom: 0
}

@media screen and (min-width:769px),
print {
    .field-body {
        flex: 5 1 0;
        display: flex
    }

    .field-body .field {
        margin-bottom: 0
    }

    .field-body>.field {
        flex-shrink: 1
    }

    .field-body>.field:not(.is-narrow) {
        flex-grow: 1
    }

    .field-body>.field:not(:last-child) {
        margin-right: .75rem
    }
}

.control {
    box-sizing: border-box;
    clear: both;
    text-align: inherit;
    font-size: 1rem;
    position: relative
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
    color: #4a4a4a
}

.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
    font-size: .75rem
}

.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
    font-size: 1.25rem
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
    font-size: 1.5rem
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    color: #dbdbdb;
    pointer-events: none;
    z-index: 4;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    top: 0
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
    padding-left: 2.5em
}

.control.has-icons-left .icon.is-left {
    left: 0
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
    padding-right: 2.5em
}

.control.has-icons-right .icon.is-right {
    right: 0
}

.control.is-loading:after {
    z-index: 4;
    top: .625em;
    right: .625em;
    position: absolute !important
}

.control.is-loading.is-small:after {
    font-size: .75rem
}

.control.is-loading.is-medium:after {
    font-size: 1.25rem
}

.control.is-loading.is-large:after {
    font-size: 1.5rem
}

.breadcrumb {
    white-space: nowrap;
    font-size: 1rem
}

.breadcrumb a {
    color: #485fc7;
    justify-content: center;
    align-items: center;
    display: flex
}

.breadcrumb a:hover {
    color: #363636
}

.breadcrumb li {
    align-items: center;
    padding: 0 0 0 .75em;
    display: flex
}

.breadcrumb li.is-active a {
    color: #363636;
    cursor: default;
    pointer-events: none
}

.breadcrumb li+li:before {
    color: #b5b5b5;
    content: "/"
}

.breadcrumb.has-arrow-separator li+li:before {
    padding: 0 .75em 0 0
}

.breadcrumb ul,
.breadcrumb ol {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.breadcrumb .icon:first-child {
    margin-right: .5em
}

.breadcrumb .icon:last-child {
    margin-left: .5em
}

.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
    justify-content: center
}

.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
    justify-content: flex-end
}

.breadcrumb.is-small {
    font-size: .75rem
}

.breadcrumb.is-medium {
    font-size: 1.25rem
}

.breadcrumb.is-large {
    font-size: 1.5rem
}

.breadcrumb.has-arrow-separator li+li:before {
    content: "→"
}

.breadcrumb.has-bullet-separator li+li:before {
    content: "•"
}

.breadcrumb.has-dot-separator li+li:before {
    content: "·"
}

.breadcrumb.has-succeeds-separator li+li:before {
    content: "≻"
}

.card {
    color: #4a4a4a;
    background-color: #fff;
    border-radius: .25rem;
    max-width: 100%;
    position: relative;
    box-shadow: 0 .5em 1em -.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05
}

.card-header:first-child,
.card-content:first-child,
.card-footer:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-header:last-child,
.card-content:last-child,
.card-footer:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-header {
    background-color: #0000;
    align-items: stretch;
    display: flex;
    box-shadow: 0 .125em .25em #0a0a0a1a
}

.card-header-title {
    color: #363636;
    flex-grow: 1;
    align-items: center;
    padding: .75rem 1rem;
    font-weight: 700;
    display: flex
}

.card-header-title.is-centered {
    justify-content: center
}

.card-header-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: currentColor;
    cursor: pointer;
    background: 0 0;
    border: none;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: .75rem 1rem;
    font-family: inherit;
    font-size: 1em;
    display: flex
}

.card-image {
    display: block;
    position: relative
}

.card-image:first-child img {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-image:last-child img {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-content {
    background-color: #0000;
    padding: 1.5rem
}

.card-footer {
    background-color: #0000;
    border-top: 1px solid #ededed;
    align-items: stretch;
    display: flex
}

.card-footer-item {
    flex: 1 0 0;
    justify-content: center;
    align-items: center;
    padding: .75rem;
    display: flex
}

.card-footer-item:not(:last-child) {
    border-right: 1px solid #ededed
}

.card .media:not(:last-child) {
    margin-bottom: 1.5rem
}

.dropdown {
    vertical-align: top;
    display: inline-flex;
    position: relative
}

.dropdown.is-active .dropdown-menu,
.dropdown.is-hoverable:hover .dropdown-menu {
    display: block
}

.dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0
}

.dropdown.is-up .dropdown-menu {
    padding-bottom: 4px;
    padding-top: initial;
    top: auto;
    bottom: 100%
}

.dropdown-menu {
    z-index: 40;
    min-width: 12rem;
    padding-top: 4px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0
}

.dropdown-content {
    background-color: #fff;
    border-radius: 4px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    box-shadow: 0 .5em 1em -.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05
}

.dropdown-item {
    color: #4a4a4a;
    padding: .375rem 1rem;
    font-size: .875rem;
    line-height: 1.5;
    display: block;
    position: relative
}

a.dropdown-item,
button.dropdown-item {
    text-align: inherit;
    white-space: nowrap;
    width: 100%;
    padding-right: 3rem
}

a.dropdown-item:hover,
button.dropdown-item:hover {
    color: #0a0a0a;
    background-color: #f5f5f5
}

a.dropdown-item.is-active,
button.dropdown-item.is-active {
    color: #fff;
    background-color: #485fc7
}

.dropdown-divider {
    background-color: #ededed;
    border: none;
    height: 1px;
    margin: .5rem 0;
    display: block
}

.level {
    justify-content: space-between;
    align-items: center
}

.level code {
    border-radius: 4px
}

.level img {
    vertical-align: top;
    display: inline-block
}

.level.is-mobile,
.level.is-mobile .level-left,
.level.is-mobile .level-right {
    display: flex
}

.level.is-mobile .level-left+.level-right {
    margin-top: 0
}

.level.is-mobile .level-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.level.is-mobile .level-item:not(.is-narrow) {
    flex-grow: 1
}

@media screen and (min-width:769px),
print {
    .level {
        display: flex
    }

    .level>.level-item:not(.is-narrow) {
        flex-grow: 1
    }
}

.level-item {
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.level-item .title,
.level-item .subtitle {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left,
.level-right {
    flex: none
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
    flex-grow: 1
}

@media screen and (min-width:769px),
print {

    .level-left .level-item:not(:last-child),
    .level-right .level-item:not(:last-child) {
        margin-right: .75rem
    }
}

.level-left {
    justify-content: flex-start;
    align-items: center
}

@media screen and (max-width:768px) {
    .level-left+.level-right {
        margin-top: 1.5rem
    }
}

@media screen and (min-width:769px),
print {
    .level-left {
        display: flex
    }
}

.level-right {
    justify-content: flex-end;
    align-items: center
}

@media screen and (min-width:769px),
print {
    .level-right {
        display: flex
    }
}

.media {
    text-align: inherit;
    align-items: flex-start;
    display: flex
}

.media .content:not(:last-child) {
    margin-bottom: .75rem
}

.media .media {
    border-top: 1px solid #dbdbdb80;
    padding-top: .75rem;
    display: flex
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
    margin-bottom: .5rem
}

.media .media .media {
    padding-top: .5rem
}

.media .media .media+.media {
    margin-top: .5rem
}

.media+.media {
    border-top: 1px solid #dbdbdb80;
    margin-top: 1rem;
    padding-top: 1rem
}

.media.is-large+.media {
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.media-left,
.media-right {
    flex: none
}

.media-left {
    margin-right: 1rem
}

.media-right {
    margin-left: 1rem
}

.media-content {
    text-align: inherit;
    flex: auto
}

@media screen and (max-width:768px) {
    .media-content {
        overflow-x: auto
    }
}

.menu {
    font-size: 1rem
}

.menu.is-small {
    font-size: .75rem
}

.menu.is-medium {
    font-size: 1.25rem
}

.menu.is-large {
    font-size: 1.5rem
}

.menu-list {
    line-height: 1.25
}

.menu-list a {
    color: #4a4a4a;
    border-radius: 2px;
    padding: .5em .75em;
    display: block
}

.menu-list a:hover {
    color: #363636;
    background-color: #f5f5f5
}

.menu-list a.is-active {
    color: #fff;
    background-color: #485fc7
}

.menu-list li ul {
    border-left: 1px solid #dbdbdb;
    margin: .75em;
    padding-left: .75em
}

.menu-label {
    color: #7a7a7a;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: .75em
}

.menu-label:not(:first-child) {
    margin-top: 1em
}

.menu-label:not(:last-child) {
    margin-bottom: 1em
}

.message {
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1rem
}

.message strong {
    color: currentColor
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline
}

.message.is-small {
    font-size: .75rem
}

.message.is-medium {
    font-size: 1.25rem
}

.message.is-large {
    font-size: 1.5rem
}

.message.is-white {
    background-color: #fff
}

.message.is-white .message-header {
    color: #0a0a0a;
    background-color: #fff
}

.message.is-white .message-body {
    border-color: #fff
}

.message.is-black {
    background-color: #fafafa
}

.message.is-black .message-header {
    color: #fff;
    background-color: #0a0a0a
}

.message.is-black .message-body {
    border-color: #0a0a0a
}

.message.is-light {
    background-color: #fafafa
}

.message.is-light .message-header {
    color: #000000b3;
    background-color: #f5f5f5
}

.message.is-light .message-body {
    border-color: #f5f5f5
}

.message.is-dark {
    background-color: #fafafa
}

.message.is-dark .message-header {
    color: #fff;
    background-color: #363636
}

.message.is-dark .message-body {
    border-color: #363636
}

.message.is-primary {
    background-color: #ebfffc
}

.message.is-primary .message-header {
    color: #fff;
    background-color: #00d1b2
}

.message.is-primary .message-body {
    color: #00947e;
    border-color: #00d1b2
}

.message.is-link {
    background-color: #eff1fa
}

.message.is-link .message-header {
    color: #fff;
    background-color: #485fc7
}

.message.is-link .message-body {
    color: #3850b7;
    border-color: #485fc7
}

.message.is-info {
    background-color: #eff5fb
}

.message.is-info .message-header {
    color: #fff;
    background-color: #3e8ed0
}

.message.is-info .message-body {
    color: #296fa8;
    border-color: #3e8ed0
}

.message.is-success {
    background-color: #effaf5
}

.message.is-success .message-header {
    color: #fff;
    background-color: #48c78e
}

.message.is-success .message-body {
    color: #257953;
    border-color: #48c78e
}

.message.is-warning {
    background-color: #fffaeb
}

.message.is-warning .message-header {
    color: #000000b3;
    background-color: #ffe08a
}

.message.is-warning .message-body {
    color: #946c00;
    border-color: #ffe08a
}

.message.is-danger {
    background-color: #feecf0
}

.message.is-danger .message-header {
    color: #fff;
    background-color: #f14668
}

.message.is-danger .message-body {
    color: #cc0f35;
    border-color: #f14668
}

.message-header {
    color: #fff;
    background-color: #4a4a4a;
    border-radius: 4px 4px 0 0;
    justify-content: space-between;
    align-items: center;
    padding: .75em 1em;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
    position: relative
}

.message-header .delete {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: .75em
}

.message-header+.message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.message-body {
    color: #4a4a4a;
    border: 0 solid #dbdbdb;
    border-left-width: 4px;
    border-radius: 4px;
    padding: 1.25em 1.5em
}

.message-body code,
.message-body pre {
    background-color: #fff
}

.message-body pre code {
    background-color: #0000
}

.modal {
    z-index: 40;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    overflow: hidden
}

.modal.is-active {
    display: flex
}

.modal-background {
    background-color: #0a0a0adb
}

.modal-content,
.modal-card {
    width: 100%;
    max-height: calc(100vh - 160px);
    margin: 0 20px;
    position: relative;
    overflow: auto
}

@media screen and (min-width:769px) {

    .modal-content,
    .modal-card {
        width: 640px;
        max-height: calc(100vh - 40px);
        margin: 0 auto
    }
}

.modal-close {
    background: 0 0;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 20px;
    right: 20px
}

.modal-card {
    -ms-overflow-y: visible;
    flex-direction: column;
    max-height: calc(100vh - 40px);
    display: flex;
    overflow: hidden
}

.modal-card-head,
.modal-card-foot {
    background-color: #f5f5f5;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    display: flex;
    position: relative
}

.modal-card-head {
    border-bottom: 1px solid #dbdbdb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.modal-card-title {
    color: #363636;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.modal-card-foot {
    border-top: 1px solid #dbdbdb;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.modal-card-foot .button:not(:last-child) {
    margin-right: .5em
}

.modal-card-body {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 20px;
    overflow: auto
}

.navbar {
    z-index: 30;
    background-color: #fff;
    min-height: 3.25rem;
    position: relative
}

.navbar.is-white {
    color: #0a0a0a;
    background-color: #fff
}

.navbar.is-white .navbar-brand>.navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
    color: #0a0a0a
}

.navbar.is-white .navbar-brand>a.navbar-item:focus,
.navbar.is-white .navbar-brand>a.navbar-item:hover,
.navbar.is-white .navbar-brand>a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
    color: #0a0a0a;
    background-color: #f2f2f2
}

.navbar.is-white .navbar-brand .navbar-link:after {
    border-color: #0a0a0a
}

.navbar.is-white .navbar-burger {
    color: #0a0a0a
}

@media screen and (min-width:1024px) {

    .navbar.is-white .navbar-start>.navbar-item,
    .navbar.is-white .navbar-start .navbar-link,
    .navbar.is-white .navbar-end>.navbar-item,
    .navbar.is-white .navbar-end .navbar-link {
        color: #0a0a0a
    }

    .navbar.is-white .navbar-start>a.navbar-item:focus,
    .navbar.is-white .navbar-start>a.navbar-item:hover,
    .navbar.is-white .navbar-start>a.navbar-item.is-active,
    .navbar.is-white .navbar-start .navbar-link:focus,
    .navbar.is-white .navbar-start .navbar-link:hover,
    .navbar.is-white .navbar-start .navbar-link.is-active,
    .navbar.is-white .navbar-end>a.navbar-item:focus,
    .navbar.is-white .navbar-end>a.navbar-item:hover,
    .navbar.is-white .navbar-end>a.navbar-item.is-active,
    .navbar.is-white .navbar-end .navbar-link:focus,
    .navbar.is-white .navbar-end .navbar-link:hover,
    .navbar.is-white .navbar-end .navbar-link.is-active {
        color: #0a0a0a;
        background-color: #f2f2f2
    }

    .navbar.is-white .navbar-start .navbar-link:after,
    .navbar.is-white .navbar-end .navbar-link:after {
        border-color: #0a0a0a
    }

    .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
        color: #0a0a0a;
        background-color: #f2f2f2
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        color: #0a0a0a;
        background-color: #fff
    }
}

.navbar.is-black {
    color: #fff;
    background-color: #0a0a0a
}

.navbar.is-black .navbar-brand>.navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
    color: #fff
}

.navbar.is-black .navbar-brand>a.navbar-item:focus,
.navbar.is-black .navbar-brand>a.navbar-item:hover,
.navbar.is-black .navbar-brand>a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
    color: #fff;
    background-color: #000
}

.navbar.is-black .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-black .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-black .navbar-start>.navbar-item,
    .navbar.is-black .navbar-start .navbar-link,
    .navbar.is-black .navbar-end>.navbar-item,
    .navbar.is-black .navbar-end .navbar-link {
        color: #fff
    }

    .navbar.is-black .navbar-start>a.navbar-item:focus,
    .navbar.is-black .navbar-start>a.navbar-item:hover,
    .navbar.is-black .navbar-start>a.navbar-item.is-active,
    .navbar.is-black .navbar-start .navbar-link:focus,
    .navbar.is-black .navbar-start .navbar-link:hover,
    .navbar.is-black .navbar-start .navbar-link.is-active,
    .navbar.is-black .navbar-end>a.navbar-item:focus,
    .navbar.is-black .navbar-end>a.navbar-item:hover,
    .navbar.is-black .navbar-end>a.navbar-item.is-active,
    .navbar.is-black .navbar-end .navbar-link:focus,
    .navbar.is-black .navbar-end .navbar-link:hover,
    .navbar.is-black .navbar-end .navbar-link.is-active {
        color: #fff;
        background-color: #000
    }

    .navbar.is-black .navbar-start .navbar-link:after,
    .navbar.is-black .navbar-end .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
        color: #fff;
        background-color: #000
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        color: #fff;
        background-color: #0a0a0a
    }
}

.navbar.is-light {
    color: #000000b3;
    background-color: #f5f5f5
}

.navbar.is-light .navbar-brand>.navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
    color: #000000b3
}

.navbar.is-light .navbar-brand>a.navbar-item:focus,
.navbar.is-light .navbar-brand>a.navbar-item:hover,
.navbar.is-light .navbar-brand>a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
    color: #000000b3;
    background-color: #e8e8e8
}

.navbar.is-light .navbar-brand .navbar-link:after {
    border-color: #000000b3
}

.navbar.is-light .navbar-burger {
    color: #000000b3
}

@media screen and (min-width:1024px) {

    .navbar.is-light .navbar-start>.navbar-item,
    .navbar.is-light .navbar-start .navbar-link,
    .navbar.is-light .navbar-end>.navbar-item,
    .navbar.is-light .navbar-end .navbar-link {
        color: #000000b3
    }

    .navbar.is-light .navbar-start>a.navbar-item:focus,
    .navbar.is-light .navbar-start>a.navbar-item:hover,
    .navbar.is-light .navbar-start>a.navbar-item.is-active,
    .navbar.is-light .navbar-start .navbar-link:focus,
    .navbar.is-light .navbar-start .navbar-link:hover,
    .navbar.is-light .navbar-start .navbar-link.is-active,
    .navbar.is-light .navbar-end>a.navbar-item:focus,
    .navbar.is-light .navbar-end>a.navbar-item:hover,
    .navbar.is-light .navbar-end>a.navbar-item.is-active,
    .navbar.is-light .navbar-end .navbar-link:focus,
    .navbar.is-light .navbar-end .navbar-link:hover,
    .navbar.is-light .navbar-end .navbar-link.is-active {
        color: #000000b3;
        background-color: #e8e8e8
    }

    .navbar.is-light .navbar-start .navbar-link:after,
    .navbar.is-light .navbar-end .navbar-link:after {
        border-color: #000000b3
    }

    .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
        color: #000000b3;
        background-color: #e8e8e8
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        color: #000000b3;
        background-color: #f5f5f5
    }
}

.navbar.is-dark {
    color: #fff;
    background-color: #363636
}

.navbar.is-dark .navbar-brand>.navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
    color: #fff
}

.navbar.is-dark .navbar-brand>a.navbar-item:focus,
.navbar.is-dark .navbar-brand>a.navbar-item:hover,
.navbar.is-dark .navbar-brand>a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
    color: #fff;
    background-color: #292929
}

.navbar.is-dark .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-dark .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-dark .navbar-start>.navbar-item,
    .navbar.is-dark .navbar-start .navbar-link,
    .navbar.is-dark .navbar-end>.navbar-item,
    .navbar.is-dark .navbar-end .navbar-link {
        color: #fff
    }

    .navbar.is-dark .navbar-start>a.navbar-item:focus,
    .navbar.is-dark .navbar-start>a.navbar-item:hover,
    .navbar.is-dark .navbar-start>a.navbar-item.is-active,
    .navbar.is-dark .navbar-start .navbar-link:focus,
    .navbar.is-dark .navbar-start .navbar-link:hover,
    .navbar.is-dark .navbar-start .navbar-link.is-active,
    .navbar.is-dark .navbar-end>a.navbar-item:focus,
    .navbar.is-dark .navbar-end>a.navbar-item:hover,
    .navbar.is-dark .navbar-end>a.navbar-item.is-active,
    .navbar.is-dark .navbar-end .navbar-link:focus,
    .navbar.is-dark .navbar-end .navbar-link:hover,
    .navbar.is-dark .navbar-end .navbar-link.is-active {
        color: #fff;
        background-color: #292929
    }

    .navbar.is-dark .navbar-start .navbar-link:after,
    .navbar.is-dark .navbar-end .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
        color: #fff;
        background-color: #292929
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        color: #fff;
        background-color: #363636
    }
}

.navbar.is-primary {
    color: #fff;
    background-color: #00d1b2
}

.navbar.is-primary .navbar-brand>.navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
    color: #fff
}

.navbar.is-primary .navbar-brand>a.navbar-item:focus,
.navbar.is-primary .navbar-brand>a.navbar-item:hover,
.navbar.is-primary .navbar-brand>a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
    color: #fff;
    background-color: #00b89c
}

.navbar.is-primary .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-primary .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-primary .navbar-start>.navbar-item,
    .navbar.is-primary .navbar-start .navbar-link,
    .navbar.is-primary .navbar-end>.navbar-item,
    .navbar.is-primary .navbar-end .navbar-link {
        color: #fff
    }

    .navbar.is-primary .navbar-start>a.navbar-item:focus,
    .navbar.is-primary .navbar-start>a.navbar-item:hover,
    .navbar.is-primary .navbar-start>a.navbar-item.is-active,
    .navbar.is-primary .navbar-start .navbar-link:focus,
    .navbar.is-primary .navbar-start .navbar-link:hover,
    .navbar.is-primary .navbar-start .navbar-link.is-active,
    .navbar.is-primary .navbar-end>a.navbar-item:focus,
    .navbar.is-primary .navbar-end>a.navbar-item:hover,
    .navbar.is-primary .navbar-end>a.navbar-item.is-active,
    .navbar.is-primary .navbar-end .navbar-link:focus,
    .navbar.is-primary .navbar-end .navbar-link:hover,
    .navbar.is-primary .navbar-end .navbar-link.is-active {
        color: #fff;
        background-color: #00b89c
    }

    .navbar.is-primary .navbar-start .navbar-link:after,
    .navbar.is-primary .navbar-end .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
        color: #fff;
        background-color: #00b89c
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        color: #fff;
        background-color: #00d1b2
    }
}

.navbar.is-link {
    color: #fff;
    background-color: #485fc7
}

.navbar.is-link .navbar-brand>.navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
    color: #fff
}

.navbar.is-link .navbar-brand>a.navbar-item:focus,
.navbar.is-link .navbar-brand>a.navbar-item:hover,
.navbar.is-link .navbar-brand>a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
    color: #fff;
    background-color: #3a51bb
}

.navbar.is-link .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-link .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-link .navbar-start>.navbar-item,
    .navbar.is-link .navbar-start .navbar-link,
    .navbar.is-link .navbar-end>.navbar-item,
    .navbar.is-link .navbar-end .navbar-link {
        color: #fff
    }

    .navbar.is-link .navbar-start>a.navbar-item:focus,
    .navbar.is-link .navbar-start>a.navbar-item:hover,
    .navbar.is-link .navbar-start>a.navbar-item.is-active,
    .navbar.is-link .navbar-start .navbar-link:focus,
    .navbar.is-link .navbar-start .navbar-link:hover,
    .navbar.is-link .navbar-start .navbar-link.is-active,
    .navbar.is-link .navbar-end>a.navbar-item:focus,
    .navbar.is-link .navbar-end>a.navbar-item:hover,
    .navbar.is-link .navbar-end>a.navbar-item.is-active,
    .navbar.is-link .navbar-end .navbar-link:focus,
    .navbar.is-link .navbar-end .navbar-link:hover,
    .navbar.is-link .navbar-end .navbar-link.is-active {
        color: #fff;
        background-color: #3a51bb
    }

    .navbar.is-link .navbar-start .navbar-link:after,
    .navbar.is-link .navbar-end .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
        color: #fff;
        background-color: #3a51bb
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        color: #fff;
        background-color: #485fc7
    }
}

.navbar.is-info {
    color: #fff;
    background-color: #3e8ed0
}

.navbar.is-info .navbar-brand>.navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
    color: #fff
}

.navbar.is-info .navbar-brand>a.navbar-item:focus,
.navbar.is-info .navbar-brand>a.navbar-item:hover,
.navbar.is-info .navbar-brand>a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
    color: #fff;
    background-color: #3082c5
}

.navbar.is-info .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-info .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-info .navbar-start>.navbar-item,
    .navbar.is-info .navbar-start .navbar-link,
    .navbar.is-info .navbar-end>.navbar-item,
    .navbar.is-info .navbar-end .navbar-link {
        color: #fff
    }

    .navbar.is-info .navbar-start>a.navbar-item:focus,
    .navbar.is-info .navbar-start>a.navbar-item:hover,
    .navbar.is-info .navbar-start>a.navbar-item.is-active,
    .navbar.is-info .navbar-start .navbar-link:focus,
    .navbar.is-info .navbar-start .navbar-link:hover,
    .navbar.is-info .navbar-start .navbar-link.is-active,
    .navbar.is-info .navbar-end>a.navbar-item:focus,
    .navbar.is-info .navbar-end>a.navbar-item:hover,
    .navbar.is-info .navbar-end>a.navbar-item.is-active,
    .navbar.is-info .navbar-end .navbar-link:focus,
    .navbar.is-info .navbar-end .navbar-link:hover,
    .navbar.is-info .navbar-end .navbar-link.is-active {
        color: #fff;
        background-color: #3082c5
    }

    .navbar.is-info .navbar-start .navbar-link:after,
    .navbar.is-info .navbar-end .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
        color: #fff;
        background-color: #3082c5
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        color: #fff;
        background-color: #3e8ed0
    }
}

.navbar.is-success {
    color: #fff;
    background-color: #48c78e
}

.navbar.is-success .navbar-brand>.navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
    color: #fff
}

.navbar.is-success .navbar-brand>a.navbar-item:focus,
.navbar.is-success .navbar-brand>a.navbar-item:hover,
.navbar.is-success .navbar-brand>a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
    color: #fff;
    background-color: #3abb81
}

.navbar.is-success .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-success .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-success .navbar-start>.navbar-item,
    .navbar.is-success .navbar-start .navbar-link,
    .navbar.is-success .navbar-end>.navbar-item,
    .navbar.is-success .navbar-end .navbar-link {
        color: #fff
    }

    .navbar.is-success .navbar-start>a.navbar-item:focus,
    .navbar.is-success .navbar-start>a.navbar-item:hover,
    .navbar.is-success .navbar-start>a.navbar-item.is-active,
    .navbar.is-success .navbar-start .navbar-link:focus,
    .navbar.is-success .navbar-start .navbar-link:hover,
    .navbar.is-success .navbar-start .navbar-link.is-active,
    .navbar.is-success .navbar-end>a.navbar-item:focus,
    .navbar.is-success .navbar-end>a.navbar-item:hover,
    .navbar.is-success .navbar-end>a.navbar-item.is-active,
    .navbar.is-success .navbar-end .navbar-link:focus,
    .navbar.is-success .navbar-end .navbar-link:hover,
    .navbar.is-success .navbar-end .navbar-link.is-active {
        color: #fff;
        background-color: #3abb81
    }

    .navbar.is-success .navbar-start .navbar-link:after,
    .navbar.is-success .navbar-end .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
        color: #fff;
        background-color: #3abb81
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        color: #fff;
        background-color: #48c78e
    }
}

.navbar.is-warning {
    color: #000000b3;
    background-color: #ffe08a
}

.navbar.is-warning .navbar-brand>.navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
    color: #000000b3
}

.navbar.is-warning .navbar-brand>a.navbar-item:focus,
.navbar.is-warning .navbar-brand>a.navbar-item:hover,
.navbar.is-warning .navbar-brand>a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
    color: #000000b3;
    background-color: #ffd970
}

.navbar.is-warning .navbar-brand .navbar-link:after {
    border-color: #000000b3
}

.navbar.is-warning .navbar-burger {
    color: #000000b3
}

@media screen and (min-width:1024px) {

    .navbar.is-warning .navbar-start>.navbar-item,
    .navbar.is-warning .navbar-start .navbar-link,
    .navbar.is-warning .navbar-end>.navbar-item,
    .navbar.is-warning .navbar-end .navbar-link {
        color: #000000b3
    }

    .navbar.is-warning .navbar-start>a.navbar-item:focus,
    .navbar.is-warning .navbar-start>a.navbar-item:hover,
    .navbar.is-warning .navbar-start>a.navbar-item.is-active,
    .navbar.is-warning .navbar-start .navbar-link:focus,
    .navbar.is-warning .navbar-start .navbar-link:hover,
    .navbar.is-warning .navbar-start .navbar-link.is-active,
    .navbar.is-warning .navbar-end>a.navbar-item:focus,
    .navbar.is-warning .navbar-end>a.navbar-item:hover,
    .navbar.is-warning .navbar-end>a.navbar-item.is-active,
    .navbar.is-warning .navbar-end .navbar-link:focus,
    .navbar.is-warning .navbar-end .navbar-link:hover,
    .navbar.is-warning .navbar-end .navbar-link.is-active {
        color: #000000b3;
        background-color: #ffd970
    }

    .navbar.is-warning .navbar-start .navbar-link:after,
    .navbar.is-warning .navbar-end .navbar-link:after {
        border-color: #000000b3
    }

    .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
        color: #000000b3;
        background-color: #ffd970
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        color: #000000b3;
        background-color: #ffe08a
    }
}

.navbar.is-danger {
    color: #fff;
    background-color: #f14668
}

.navbar.is-danger .navbar-brand>.navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
    color: #fff
}

.navbar.is-danger .navbar-brand>a.navbar-item:focus,
.navbar.is-danger .navbar-brand>a.navbar-item:hover,
.navbar.is-danger .navbar-brand>a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
    color: #fff;
    background-color: #ef2e55
}

.navbar.is-danger .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-danger .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-danger .navbar-start>.navbar-item,
    .navbar.is-danger .navbar-start .navbar-link,
    .navbar.is-danger .navbar-end>.navbar-item,
    .navbar.is-danger .navbar-end .navbar-link {
        color: #fff
    }

    .navbar.is-danger .navbar-start>a.navbar-item:focus,
    .navbar.is-danger .navbar-start>a.navbar-item:hover,
    .navbar.is-danger .navbar-start>a.navbar-item.is-active,
    .navbar.is-danger .navbar-start .navbar-link:focus,
    .navbar.is-danger .navbar-start .navbar-link:hover,
    .navbar.is-danger .navbar-start .navbar-link.is-active,
    .navbar.is-danger .navbar-end>a.navbar-item:focus,
    .navbar.is-danger .navbar-end>a.navbar-item:hover,
    .navbar.is-danger .navbar-end>a.navbar-item.is-active,
    .navbar.is-danger .navbar-end .navbar-link:focus,
    .navbar.is-danger .navbar-end .navbar-link:hover,
    .navbar.is-danger .navbar-end .navbar-link.is-active {
        color: #fff;
        background-color: #ef2e55
    }

    .navbar.is-danger .navbar-start .navbar-link:after,
    .navbar.is-danger .navbar-end .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
        color: #fff;
        background-color: #ef2e55
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        color: #fff;
        background-color: #f14668
    }
}

.navbar>.container {
    align-items: stretch;
    width: 100%;
    min-height: 3.25rem;
    display: flex
}

.navbar.has-shadow {
    box-shadow: 0 2px #f5f5f5
}

.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
    z-index: 30;
    position: fixed;
    left: 0;
    right: 0
}

.navbar.is-fixed-bottom {
    bottom: 0
}

.navbar.is-fixed-bottom.has-shadow {
    box-shadow: 0 -2px #f5f5f5
}

.navbar.is-fixed-top {
    top: 0
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
    padding-top: 3.25rem
}

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem
}

.navbar-brand,
.navbar-tabs {
    flex-shrink: 0;
    align-items: stretch;
    min-height: 3.25rem;
    display: flex
}

.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
    background-color: #0000
}

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow: auto hidden
}

.navbar-burger {
    color: #4a4a4a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: 0 0;
    border: none;
    width: 3.25rem;
    height: 3.25rem;
    margin-left: auto;
    display: block;
    position: relative
}

.navbar-burger span {
    transform-origin: 50%;
    background-color: currentColor;
    width: 16px;
    height: 1px;
    transition-property: background-color, opacity, transform;
    transition-duration: 86ms;
    transition-timing-function: ease-out;
    display: block;
    position: absolute;
    left: calc(50% - 8px)
}

.navbar-burger span:first-child {
    top: calc(50% - 6px)
}

.navbar-burger span:nth-child(2) {
    top: calc(50% - 1px)
}

.navbar-burger span:nth-child(3) {
    top: calc(50% + 4px)
}

.navbar-burger:hover {
    background-color: #0000000d
}

.navbar-burger.is-active span:first-child {
    transform: translateY(5px)rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px)rotate(-45deg)
}

.navbar-menu {
    display: none
}

.navbar-item,
.navbar-link {
    color: #4a4a4a;
    padding: .5rem .75rem;
    line-height: 1.5;
    display: block;
    position: relative
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
    margin-left: -.25rem;
    margin-right: -.25rem
}

a.navbar-item,
.navbar-link {
    cursor: pointer
}

a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
    color: #485fc7;
    background-color: #fafafa
}

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0
}

.navbar-item img {
    max-height: 1.75rem
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-item.is-tab {
    border-bottom: 1px solid #0000;
    min-height: 3.25rem;
    padding-bottom: calc(.5rem - 1px)
}

.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
    background-color: #0000;
    border-bottom-color: #485fc7
}

.navbar-item.is-tab.is-active {
    color: #485fc7;
    background-color: #0000;
    border-bottom: 3px solid #485fc7;
    padding-bottom: calc(.5rem - 3px)
}

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

.navbar-link:not(.is-arrowless):after {
    border-color: #485fc7;
    margin-top: -.375em;
    right: 1.125em
}

.navbar-dropdown {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .875rem
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.navbar-divider {
    background-color: #f5f5f5;
    border: none;
    height: 2px;
    margin: .5rem 0;
    display: none
}

@media screen and (max-width:1023px) {
    .navbar>.container {
        display: block
    }

    .navbar-brand .navbar-item,
    .navbar-tabs .navbar-item {
        align-items: center;
        display: flex
    }

    .navbar-link:after {
        display: none
    }

    .navbar-menu {
        background-color: #fff;
        padding: .5rem 0;
        box-shadow: 0 8px 16px #0a0a0a1a
    }

    .navbar-menu.is-active {
        display: block
    }

    .navbar.is-fixed-bottom-touch,
    .navbar.is-fixed-top-touch {
        z-index: 30;
        position: fixed;
        left: 0;
        right: 0
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }

    .navbar.is-fixed-bottom-touch.has-shadow {
        box-shadow: 0 -2px 3px #0a0a0a1a
    }

    .navbar.is-fixed-top-touch {
        top: 0
    }

    .navbar.is-fixed-top .navbar-menu,
    .navbar.is-fixed-top-touch .navbar-menu {
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 3.25rem);
        overflow: auto
    }

    html.has-navbar-fixed-top-touch,
    body.has-navbar-fixed-top-touch {
        padding-top: 3.25rem
    }

    html.has-navbar-fixed-bottom-touch,
    body.has-navbar-fixed-bottom-touch {
        padding-bottom: 3.25rem
    }
}

@media screen and (min-width:1024px) {

    .navbar,
    .navbar-menu,
    .navbar-start,
    .navbar-end {
        align-items: stretch;
        display: flex
    }

    .navbar {
        min-height: 3.25rem
    }

    .navbar.is-spaced {
        padding: 1rem 2rem
    }

    .navbar.is-spaced .navbar-start,
    .navbar.is-spaced .navbar-end {
        align-items: center
    }

    .navbar.is-spaced a.navbar-item,
    .navbar.is-spaced .navbar-link {
        border-radius: 4px
    }

    .navbar.is-transparent a.navbar-item:focus,
    .navbar.is-transparent a.navbar-item:hover,
    .navbar.is-transparent a.navbar-item.is-active,
    .navbar.is-transparent .navbar-link:focus,
    .navbar.is-transparent .navbar-link:hover,
    .navbar.is-transparent .navbar-link.is-active,
    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
        background-color: #0000 !important
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
    .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
        color: #0a0a0a;
        background-color: #f5f5f5
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
        color: #485fc7;
        background-color: #f5f5f5
    }

    .navbar-burger {
        display: none
    }

    .navbar-item,
    .navbar-link {
        align-items: center;
        display: flex
    }

    .navbar-item.has-dropdown {
        align-items: stretch
    }

    .navbar-item.has-dropdown-up .navbar-link:after {
        transform: rotate(135deg)translate(.25em, -.25em)
    }

    .navbar-item.has-dropdown-up .navbar-dropdown {
        border-top: none;
        border-bottom: 2px solid #dbdbdb;
        border-radius: 6px 6px 0 0;
        top: auto;
        bottom: 100%;
        box-shadow: 0 -8px 8px #0a0a0a1a
    }

    .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }

    .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-active .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0)
    }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0
    }

    .navbar-start {
        justify-content: flex-start;
        margin-right: auto
    }

    .navbar-end {
        justify-content: flex-end;
        margin-left: auto
    }

    .navbar-dropdown {
        z-index: 20;
        background-color: #fff;
        border-top: 2px solid #dbdbdb;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        min-width: 100%;
        font-size: .875rem;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        box-shadow: 0 8px 8px #0a0a0a1a
    }

    .navbar-dropdown .navbar-item {
        white-space: nowrap;
        padding: .375rem 1rem
    }

    .navbar-dropdown a.navbar-item {
        padding-right: 3rem
    }

    .navbar-dropdown a.navbar-item:focus,
    .navbar-dropdown a.navbar-item:hover {
        color: #0a0a0a;
        background-color: #f5f5f5
    }

    .navbar-dropdown a.navbar-item.is-active {
        color: #485fc7;
        background-color: #f5f5f5
    }

    .navbar.is-spaced .navbar-dropdown,
    .navbar-dropdown.is-boxed {
        opacity: 0;
        pointer-events: none;
        border-top: none;
        border-radius: 6px;
        transition-property: opacity, transform;
        transition-duration: 86ms;
        display: block;
        top: calc(100% - 4px);
        transform: translateY(-5px);
        box-shadow: 0 8px 8px #0a0a0a1a, 0 0 0 1px #0a0a0a1a
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }

    .navbar-divider {
        display: block
    }

    .navbar>.container .navbar-brand,
    .container>.navbar .navbar-brand {
        margin-left: -.75rem
    }

    .navbar>.container .navbar-menu,
    .container>.navbar .navbar-menu {
        margin-right: -.75rem
    }

    .navbar.is-fixed-bottom-desktop,
    .navbar.is-fixed-top-desktop {
        z-index: 30;
        position: fixed;
        left: 0;
        right: 0
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }

    .navbar.is-fixed-bottom-desktop.has-shadow {
        box-shadow: 0 -2px 3px #0a0a0a1a
    }

    .navbar.is-fixed-top-desktop {
        top: 0
    }

    html.has-navbar-fixed-top-desktop,
    body.has-navbar-fixed-top-desktop {
        padding-top: 3.25rem
    }

    html.has-navbar-fixed-bottom-desktop,
    body.has-navbar-fixed-bottom-desktop {
        padding-bottom: 3.25rem
    }

    html.has-spaced-navbar-fixed-top,
    body.has-spaced-navbar-fixed-top {
        padding-top: 5.25rem
    }

    html.has-spaced-navbar-fixed-bottom,
    body.has-spaced-navbar-fixed-bottom {
        padding-bottom: 5.25rem
    }

    a.navbar-item.is-active,
    .navbar-link.is-active {
        color: #0a0a0a
    }

    a.navbar-item.is-active:not(:focus):not(:hover),
    .navbar-link.is-active:not(:focus):not(:hover) {
        background-color: #0000
    }

    .navbar-item.has-dropdown:focus .navbar-link,
    .navbar-item.has-dropdown:hover .navbar-link,
    .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #fafafa
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem)
}

.pagination {
    margin: -.25rem;
    font-size: 1rem
}

.pagination.is-small {
    font-size: .75rem
}

.pagination.is-medium {
    font-size: 1.25rem
}

.pagination.is-large {
    font-size: 1.5rem
}

.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
    border-radius: 9999px;
    padding-left: 1em;
    padding-right: 1em
}

.pagination.is-rounded .pagination-link {
    border-radius: 9999px
}

.pagination,
.pagination-list {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
    text-align: center;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em
}

.pagination-previous,
.pagination-next,
.pagination-link {
    color: #363636;
    border-color: #dbdbdb;
    min-width: 2.5em
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
    color: #363636;
    border-color: #b5b5b5
}

.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
    border-color: #485fc7
}

.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
    box-shadow: inset 0 1px 2px #0a0a0a33
}

.pagination-previous[disabled],
.pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
    box-shadow: none;
    color: #7a7a7a;
    opacity: .5;
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

.pagination-previous,
.pagination-next {
    white-space: nowrap;
    padding-left: .75em;
    padding-right: .75em
}

.pagination-link.is-current {
    color: #fff;
    background-color: #485fc7;
    border-color: #485fc7
}

.pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none
}

.pagination-list {
    flex-wrap: wrap
}

.pagination-list li {
    list-style: none
}

@media screen and (max-width:768px) {
    .pagination {
        flex-wrap: wrap
    }

    .pagination-previous,
    .pagination-next,
    .pagination-list li {
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media screen and (min-width:769px),
print {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        order: 1;
        justify-content: flex-start
    }

    .pagination-previous,
    .pagination-next,
    .pagination-link,
    .pagination-ellipsis {
        margin-top: 0;
        margin-bottom: 0
    }

    .pagination-previous {
        order: 2
    }

    .pagination-next {
        order: 3
    }

    .pagination {
        justify-content: space-between;
        margin-top: 0;
        margin-bottom: 0
    }

    .pagination.is-centered .pagination-previous {
        order: 1
    }

    .pagination.is-centered .pagination-list {
        order: 2;
        justify-content: center
    }

    .pagination.is-centered .pagination-next {
        order: 3
    }

    .pagination.is-right .pagination-previous {
        order: 1
    }

    .pagination.is-right .pagination-next {
        order: 2
    }

    .pagination.is-right .pagination-list {
        order: 3;
        justify-content: flex-end
    }
}

.panel {
    border-radius: 6px;
    font-size: 1rem;
    box-shadow: 0 .5em 1em -.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem
}

.panel.is-white .panel-heading {
    color: #0a0a0a;
    background-color: #fff
}

.panel.is-white .panel-tabs a.is-active {
    border-bottom-color: #fff
}

.panel.is-white .panel-block.is-active .panel-icon {
    color: #fff
}

.panel.is-black .panel-heading {
    color: #fff;
    background-color: #0a0a0a
}

.panel.is-black .panel-tabs a.is-active {
    border-bottom-color: #0a0a0a
}

.panel.is-black .panel-block.is-active .panel-icon {
    color: #0a0a0a
}

.panel.is-light .panel-heading {
    color: #000000b3;
    background-color: #f5f5f5
}

.panel.is-light .panel-tabs a.is-active {
    border-bottom-color: #f5f5f5
}

.panel.is-light .panel-block.is-active .panel-icon {
    color: #f5f5f5
}

.panel.is-dark .panel-heading {
    color: #fff;
    background-color: #363636
}

.panel.is-dark .panel-tabs a.is-active {
    border-bottom-color: #363636
}

.panel.is-dark .panel-block.is-active .panel-icon {
    color: #363636
}

.panel.is-primary .panel-heading {
    color: #fff;
    background-color: #00d1b2
}

.panel.is-primary .panel-tabs a.is-active {
    border-bottom-color: #00d1b2
}

.panel.is-primary .panel-block.is-active .panel-icon {
    color: #00d1b2
}

.panel.is-link .panel-heading {
    color: #fff;
    background-color: #485fc7
}

.panel.is-link .panel-tabs a.is-active {
    border-bottom-color: #485fc7
}

.panel.is-link .panel-block.is-active .panel-icon {
    color: #485fc7
}

.panel.is-info .panel-heading {
    color: #fff;
    background-color: #3e8ed0
}

.panel.is-info .panel-tabs a.is-active {
    border-bottom-color: #3e8ed0
}

.panel.is-info .panel-block.is-active .panel-icon {
    color: #3e8ed0
}

.panel.is-success .panel-heading {
    color: #fff;
    background-color: #48c78e
}

.panel.is-success .panel-tabs a.is-active {
    border-bottom-color: #48c78e
}

.panel.is-success .panel-block.is-active .panel-icon {
    color: #48c78e
}

.panel.is-warning .panel-heading {
    color: #000000b3;
    background-color: #ffe08a
}

.panel.is-warning .panel-tabs a.is-active {
    border-bottom-color: #ffe08a
}

.panel.is-warning .panel-block.is-active .panel-icon {
    color: #ffe08a
}

.panel.is-danger .panel-heading {
    color: #fff;
    background-color: #f14668
}

.panel.is-danger .panel-tabs a.is-active {
    border-bottom-color: #f14668
}

.panel.is-danger .panel-block.is-active .panel-icon {
    color: #f14668
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.panel-heading {
    color: #363636;
    background-color: #ededed;
    border-radius: 6px 6px 0 0;
    padding: .75em 1em;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25
}

.panel-tabs {
    justify-content: center;
    align-items: flex-end;
    font-size: .875em;
    display: flex
}

.panel-tabs a {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: -1px;
    padding: .5em
}

.panel-tabs a.is-active {
    color: #363636;
    border-bottom-color: #4a4a4a
}

.panel-list a {
    color: #4a4a4a
}

.panel-list a:hover {
    color: #485fc7
}

.panel-block {
    color: #363636;
    justify-content: flex-start;
    align-items: center;
    padding: .5em .75em;
    display: flex
}

.panel-block input[type=checkbox] {
    margin-right: .75em
}

.panel-block>.control {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.panel-block.is-wrapped {
    flex-wrap: wrap
}

.panel-block.is-active {
    color: #363636;
    border-left-color: #485fc7
}

.panel-block.is-active .panel-icon {
    color: #485fc7
}

.panel-block:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

a.panel-block,
label.panel-block {
    cursor: pointer
}

a.panel-block:hover,
label.panel-block:hover {
    background-color: #f5f5f5
}

.panel-icon {
    text-align: center;
    vertical-align: top;
    color: #7a7a7a;
    width: 1em;
    height: 1em;
    margin-right: .75em;
    font-size: 14px;
    line-height: 1em;
    display: inline-block
}

.panel-icon .fa {
    font-size: inherit;
    line-height: inherit
}

.tabs {
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    justify-content: space-between;
    align-items: stretch;
    font-size: 1rem;
    display: flex;
    overflow: auto hidden
}

.tabs a {
    color: #4a4a4a;
    vertical-align: top;
    border-bottom: 1px solid #dbdbdb;
    justify-content: center;
    align-items: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    display: flex
}

.tabs a:hover {
    color: #363636;
    border-bottom-color: #363636
}

.tabs li {
    display: block
}

.tabs li.is-active a {
    color: #485fc7;
    border-bottom-color: #485fc7
}

.tabs ul {
    border-bottom: 1px solid #dbdbdb;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.tabs ul.is-left {
    padding-right: .75em
}

.tabs ul.is-center {
    flex: none;
    justify-content: center;
    padding-left: .75em;
    padding-right: .75em
}

.tabs ul.is-right {
    justify-content: flex-end;
    padding-left: .75em
}

.tabs .icon:first-child {
    margin-right: .5em
}

.tabs .icon:last-child {
    margin-left: .5em
}

.tabs.is-centered ul {
    justify-content: center
}

.tabs.is-right ul {
    justify-content: flex-end
}

.tabs.is-boxed a {
    border: 1px solid #0000;
    border-radius: 4px 4px 0 0
}

.tabs.is-boxed a:hover {
    background-color: #f5f5f5;
    border-bottom-color: #dbdbdb
}

.tabs.is-boxed li.is-active a {
    background-color: #fff;
    border-color: #dbdbdb;
    border-bottom-color: #0000 !important
}

.tabs.is-fullwidth li {
    flex-grow: 1;
    flex-shrink: 0
}

.tabs.is-toggle a {
    border: 1px solid #dbdbdb;
    margin-bottom: 0;
    position: relative
}

.tabs.is-toggle a:hover {
    z-index: 2;
    background-color: #f5f5f5;
    border-color: #b5b5b5
}

.tabs.is-toggle li+li {
    margin-left: -1px
}

.tabs.is-toggle li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.tabs.is-toggle li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.tabs.is-toggle li.is-active a {
    color: #fff;
    z-index: 1;
    background-color: #485fc7;
    border-color: #485fc7
}

.tabs.is-toggle ul {
    border-bottom: none
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
    padding-left: 1.25em
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    padding-right: 1.25em
}

.tabs.is-small {
    font-size: .75rem
}

.tabs.is-medium {
    font-size: 1.25rem
}

.tabs.is-large {
    font-size: 1.5rem
}

.column {
    flex: 1 1 0;
    padding: .75rem;
    display: block
}

.columns.is-mobile>.column.is-narrow {
    width: unset;
    flex: none
}

.columns.is-mobile>.column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile>.column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
    flex: none;
    width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
    flex: none;
    width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
    flex: none;
    width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
    flex: none;
    width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile>.column.is-0 {
    flex: none;
    width: 0%
}

.columns.is-mobile>.column.is-offset-0 {
    margin-left: 0%
}

.columns.is-mobile>.column.is-1 {
    flex: none;
    width: 8.33333%
}

.columns.is-mobile>.column.is-offset-1 {
    margin-left: 8.33333%
}

.columns.is-mobile>.column.is-2 {
    flex: none;
    width: 16.6667%
}

.columns.is-mobile>.column.is-offset-2 {
    margin-left: 16.6667%
}

.columns.is-mobile>.column.is-3 {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-offset-4 {
    margin-left: 33.3333%
}

.columns.is-mobile>.column.is-5 {
    flex: none;
    width: 41.6667%
}

.columns.is-mobile>.column.is-offset-5 {
    margin-left: 41.6667%
}

.columns.is-mobile>.column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
    flex: none;
    width: 58.3333%
}

.columns.is-mobile>.column.is-offset-7 {
    margin-left: 58.3333%
}

.columns.is-mobile>.column.is-8 {
    flex: none;
    width: 66.6667%
}

.columns.is-mobile>.column.is-offset-8 {
    margin-left: 66.6667%
}

.columns.is-mobile>.column.is-9 {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
    flex: none;
    width: 83.3333%
}

.columns.is-mobile>.column.is-offset-10 {
    margin-left: 83.3333%
}

.columns.is-mobile>.column.is-11 {
    flex: none;
    width: 91.6667%
}

.columns.is-mobile>.column.is-offset-11 {
    margin-left: 91.6667%
}

.columns.is-mobile>.column.is-12 {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width:768px) {
    .column.is-narrow-mobile {
        width: unset;
        flex: none
    }

    .column.is-full-mobile {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-mobile {
        margin-left: 0%
    }

    .column.is-1-mobile {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333%
    }

    .column.is-2-mobile {
        flex: none;
        width: 16.6667%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.6667%
    }

    .column.is-3-mobile {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        flex: none;
        width: 33.3333%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.3333%
    }

    .column.is-5-mobile {
        flex: none;
        width: 41.6667%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.6667%
    }

    .column.is-6-mobile {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        flex: none;
        width: 58.3333%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.3333%
    }

    .column.is-8-mobile {
        flex: none;
        width: 66.6667%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.6667%
    }

    .column.is-9-mobile {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        flex: none;
        width: 83.3333%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.3333%
    }

    .column.is-11-mobile {
        flex: none;
        width: 91.6667%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.6667%
    }

    .column.is-12-mobile {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width:769px),
print {

    .column.is-narrow,
    .column.is-narrow-tablet {
        width: unset;
        flex: none
    }

    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }

    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%
    }

    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0,
    .column.is-0-tablet {
        flex: none;
        width: 0%
    }

    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0%
    }

    .column.is-1,
    .column.is-1-tablet {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.33333%
    }

    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: 16.6667%
    }

    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.6667%
    }

    .column.is-3,
    .column.is-3-tablet {
        flex: none;
        width: 25%
    }

    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4,
    .column.is-4-tablet {
        flex: none;
        width: 33.3333%
    }

    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.3333%
    }

    .column.is-5,
    .column.is-5-tablet {
        flex: none;
        width: 41.6667%
    }

    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.6667%
    }

    .column.is-6,
    .column.is-6-tablet {
        flex: none;
        width: 50%
    }

    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7,
    .column.is-7-tablet {
        flex: none;
        width: 58.3333%
    }

    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.3333%
    }

    .column.is-8,
    .column.is-8-tablet {
        flex: none;
        width: 66.6667%
    }

    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.6667%
    }

    .column.is-9,
    .column.is-9-tablet {
        flex: none;
        width: 75%
    }

    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10,
    .column.is-10-tablet {
        flex: none;
        width: 83.3333%
    }

    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.3333%
    }

    .column.is-11,
    .column.is-11-tablet {
        flex: none;
        width: 91.6667%
    }

    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.6667%
    }

    .column.is-12,
    .column.is-12-tablet {
        flex: none;
        width: 100%
    }

    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width:1023px) {
    .column.is-narrow-touch {
        width: unset;
        flex: none
    }

    .column.is-full-touch {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-touch {
        margin-left: 0%
    }

    .column.is-1-touch {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333%
    }

    .column.is-2-touch {
        flex: none;
        width: 16.6667%
    }

    .column.is-offset-2-touch {
        margin-left: 16.6667%
    }

    .column.is-3-touch {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        flex: none;
        width: 33.3333%
    }

    .column.is-offset-4-touch {
        margin-left: 33.3333%
    }

    .column.is-5-touch {
        flex: none;
        width: 41.6667%
    }

    .column.is-offset-5-touch {
        margin-left: 41.6667%
    }

    .column.is-6-touch {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        flex: none;
        width: 58.3333%
    }

    .column.is-offset-7-touch {
        margin-left: 58.3333%
    }

    .column.is-8-touch {
        flex: none;
        width: 66.6667%
    }

    .column.is-offset-8-touch {
        margin-left: 66.6667%
    }

    .column.is-9-touch {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        flex: none;
        width: 83.3333%
    }

    .column.is-offset-10-touch {
        margin-left: 83.3333%
    }

    .column.is-11-touch {
        flex: none;
        width: 91.6667%
    }

    .column.is-offset-11-touch {
        margin-left: 91.6667%
    }

    .column.is-12-touch {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width:1024px) {
    .column.is-narrow-desktop {
        width: unset;
        flex: none
    }

    .column.is-full-desktop {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-desktop {
        margin-left: 0%
    }

    .column.is-1-desktop {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333%
    }

    .column.is-2-desktop {
        flex: none;
        width: 16.6667%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.6667%
    }

    .column.is-3-desktop {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        flex: none;
        width: 33.3333%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.3333%
    }

    .column.is-5-desktop {
        flex: none;
        width: 41.6667%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.6667%
    }

    .column.is-6-desktop {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        flex: none;
        width: 58.3333%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.3333%
    }

    .column.is-8-desktop {
        flex: none;
        width: 66.6667%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.6667%
    }

    .column.is-9-desktop {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        flex: none;
        width: 83.3333%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.3333%
    }

    .column.is-11-desktop {
        flex: none;
        width: 91.6667%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.6667%
    }

    .column.is-12-desktop {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width:1216px) {
    .column.is-narrow-widescreen {
        width: unset;
        flex: none
    }

    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-widescreen {
        margin-left: 0%
    }

    .column.is-1-widescreen {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333%
    }

    .column.is-2-widescreen {
        flex: none;
        width: 16.6667%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.6667%
    }

    .column.is-3-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        flex: none;
        width: 33.3333%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.3333%
    }

    .column.is-5-widescreen {
        flex: none;
        width: 41.6667%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.6667%
    }

    .column.is-6-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        flex: none;
        width: 58.3333%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.3333%
    }

    .column.is-8-widescreen {
        flex: none;
        width: 66.6667%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.6667%
    }

    .column.is-9-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        flex: none;
        width: 83.3333%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.3333%
    }

    .column.is-11-widescreen {
        flex: none;
        width: 91.6667%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.6667%
    }

    .column.is-12-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width:1408px) {
    .column.is-narrow-fullhd {
        width: unset;
        flex: none
    }

    .column.is-full-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-fullhd {
        margin-left: 0%
    }

    .column.is-1-fullhd {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333%
    }

    .column.is-2-fullhd {
        flex: none;
        width: 16.6667%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.6667%
    }

    .column.is-3-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        flex: none;
        width: 33.3333%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.3333%
    }

    .column.is-5-fullhd {
        flex: none;
        width: 41.6667%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.6667%
    }

    .column.is-6-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        flex: none;
        width: 58.3333%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.3333%
    }

    .column.is-8-fullhd {
        flex: none;
        width: 66.6667%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.6667%
    }

    .column.is-9-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        flex: none;
        width: 83.3333%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.3333%
    }

    .column.is-11-fullhd {
        flex: none;
        width: 91.6667%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.6667%
    }

    .column.is-12-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-top: -.75rem;
    margin-left: -.75rem;
    margin-right: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: .75rem
}

.columns.is-centered {
    justify-content: center
}

.columns.is-gapless {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

.columns.is-vcentered {
    align-items: center
}

@media screen and (min-width:769px),
print {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.columns.is-variable {
    --columnGap: .75rem;
    margin-left: calc(-1*var(--columnGap));
    margin-right: calc(-1*var(--columnGap))
}

.columns.is-variable>.column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width:769px),
print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: .25rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: .25rem
    }
}

@media screen and (min-width:769px),
print {
    .columns.is-variable.is-1-tablet {
        --columnGap: .25rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: .25rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: .25rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: .25rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: .25rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: .25rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: .25rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: .25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: .5rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: .5rem
    }
}

@media screen and (min-width:769px),
print {
    .columns.is-variable.is-2-tablet {
        --columnGap: .5rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: .5rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: .5rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: .5rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: .5rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: .5rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: .5rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: .5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: .75rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: .75rem
    }
}

@media screen and (min-width:769px),
print {
    .columns.is-variable.is-3-tablet {
        --columnGap: .75rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: .75rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: .75rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: .75rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: .75rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: .75rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: .75rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: .75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width:769px),
print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:769px),
print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:769px),
print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:769px),
print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width:769px),
print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.tile {
    flex: 1 1 0;
    align-items: stretch;
    min-height: min-content;
    display: block
}

.tile.is-ancestor {
    margin-top: -.75rem;
    margin-left: -.75rem;
    margin-right: -.75rem
}

.tile.is-ancestor:last-child {
    margin-bottom: -.75rem
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: .75rem
}

.tile.is-child {
    margin: 0 !important
}

.tile.is-parent {
    padding: .75rem
}

.tile.is-vertical {
    flex-direction: column
}

.tile.is-vertical>.tile.is-child:not(:last-child) {
    margin-bottom: 1.5rem !important
}

@media screen and (min-width:769px),
print {
    .tile:not(.is-child) {
        display: flex
    }

    .tile.is-1 {
        flex: none;
        width: 8.33333%
    }

    .tile.is-2 {
        flex: none;
        width: 16.6667%
    }

    .tile.is-3 {
        flex: none;
        width: 25%
    }

    .tile.is-4 {
        flex: none;
        width: 33.3333%
    }

    .tile.is-5 {
        flex: none;
        width: 41.6667%
    }

    .tile.is-6 {
        flex: none;
        width: 50%
    }

    .tile.is-7 {
        flex: none;
        width: 58.3333%
    }

    .tile.is-8 {
        flex: none;
        width: 66.6667%
    }

    .tile.is-9 {
        flex: none;
        width: 75%
    }

    .tile.is-10 {
        flex: none;
        width: 83.3333%
    }

    .tile.is-11 {
        flex: none;
        width: 91.6667%
    }

    .tile.is-12 {
        flex: none;
        width: 100%
    }
}

.has-text-white {
    color: #fff !important
}

a.has-text-white:hover,
a.has-text-white:focus {
    color: #e6e6e6 !important
}

.has-background-white {
    background-color: #fff !important
}

.has-text-black {
    color: #0a0a0a !important
}

a.has-text-black:hover,
a.has-text-black:focus {
    color: #000 !important
}

.has-background-black {
    background-color: #0a0a0a !important
}

.has-text-light {
    color: #f5f5f5 !important
}

a.has-text-light:hover,
a.has-text-light:focus {
    color: #dbdbdb !important
}

.has-background-light {
    background-color: #f5f5f5 !important
}

.has-text-dark {
    color: #363636 !important
}

a.has-text-dark:hover,
a.has-text-dark:focus {
    color: #1c1c1c !important
}

.has-background-dark {
    background-color: #363636 !important
}

.has-text-primary {
    color: #00d1b2 !important
}

a.has-text-primary:hover,
a.has-text-primary:focus {
    color: #009e86 !important
}

.has-bg-primaryMain {
    background-color: #00d1b2 !important
}

.has-text-primary-light {
    color: #ebfffc !important
}

a.has-text-primary-light:hover,
a.has-text-primary-light:focus {
    color: #b8fff4 !important
}

.has-bg-primaryMain-light {
    background-color: #ebfffc !important
}

.has-text-primary-dark {
    color: #00947e !important
}

a.has-text-primary-dark:hover,
a.has-text-primary-dark:focus {
    color: #00c7a9 !important
}

.has-bg-primaryMain-dark {
    background-color: #00947e !important
}

.has-text-link {
    color: #485fc7 !important
}

a.has-text-link:hover,
a.has-text-link:focus {
    color: #3449a8 !important
}

.has-background-link {
    background-color: #485fc7 !important
}

.has-text-link-light {
    color: #eff1fa !important
}

a.has-text-link-light:hover,
a.has-text-link-light:focus {
    color: #c8cfee !important
}

.has-background-link-light {
    background-color: #eff1fa !important
}

.has-text-link-dark {
    color: #3850b7 !important
}

a.has-text-link-dark:hover,
a.has-text-link-dark:focus {
    color: #576dcb !important
}

.has-background-link-dark {
    background-color: #3850b7 !important
}

.has-text-info {
    color: #3e8ed0 !important
}

a.has-text-info:hover,
a.has-text-info:focus {
    color: #2b74b1 !important
}

.has-background-info {
    background-color: #3e8ed0 !important
}

.has-text-info-light {
    color: #eff5fb !important
}

a.has-text-info-light:hover,
a.has-text-info-light:focus {
    color: #c6ddf1 !important
}

.has-background-info-light {
    background-color: #eff5fb !important
}

.has-text-info-dark {
    color: #296fa8 !important
}

a.has-text-info-dark:hover,
a.has-text-info-dark:focus {
    color: #368ace !important
}

.has-background-info-dark {
    background-color: #296fa8 !important
}

.has-text-success {
    color: #48c78e !important
}

a.has-text-success:hover,
a.has-text-success:focus {
    color: #34a873 !important
}

.has-background-success {
    background-color: #48c78e !important
}

.has-text-success-light {
    color: #effaf5 !important
}

a.has-text-success-light:hover,
a.has-text-success-light:focus {
    color: #c8eedd !important
}

.has-background-success-light {
    background-color: #effaf5 !important
}

.has-text-success-dark {
    color: #257953 !important
}

a.has-text-success-dark:hover,
a.has-text-success-dark:focus {
    color: #31a06e !important
}

.has-background-success-dark {
    background-color: #257953 !important
}

.has-text-warning {
    color: #ffe08a !important
}

a.has-text-warning:hover,
a.has-text-warning:focus {
    color: #ffd257 !important
}

.has-background-warning {
    background-color: #ffe08a !important
}

.has-text-warning-light {
    color: #fffaeb !important
}

a.has-text-warning-light:hover,
a.has-text-warning-light:focus {
    color: #ffecb8 !important
}

.has-background-warning-light {
    background-color: #fffaeb !important
}

.has-text-warning-dark {
    color: #946c00 !important
}

a.has-text-warning-dark:hover,
a.has-text-warning-dark:focus {
    color: #c79200 !important
}

.has-background-warning-dark {
    background-color: #946c00 !important
}

.has-text-danger {
    color: #f14668 !important
}

a.has-text-danger:hover,
a.has-text-danger:focus {
    color: #ee1742 !important
}

.has-background-danger {
    background-color: #f14668 !important
}

.has-text-danger-light {
    color: #feecf0 !important
}

a.has-text-danger-light:hover,
a.has-text-danger-light:focus {
    color: #fabdc9 !important
}

.has-background-danger-light {
    background-color: #feecf0 !important
}

.has-text-danger-dark {
    color: #cc0f35 !important
}

a.has-text-danger-dark:hover,
a.has-text-danger-dark:focus {
    color: #ee2049 !important
}

.has-background-danger-dark {
    background-color: #cc0f35 !important
}

.has-text-black-bis {
    color: #121212 !important
}

.has-background-black-bis {
    background-color: #121212 !important
}

.has-text-black-ter {
    color: #242424 !important
}

.has-background-black-ter {
    background-color: #242424 !important
}

.has-text-grey-darker {
    color: #363636 !important
}

.has-background-grey-darker {
    background-color: #363636 !important
}

.has-text-grey-dark {
    color: #4a4a4a !important
}

.has-background-grey-dark {
    background-color: #4a4a4a !important
}

.has-text-grey {
    color: #7a7a7a !important
}

.has-background-grey {
    background-color: #7a7a7a !important
}

.has-text-grey-light {
    color: #b5b5b5 !important
}

.has-background-grey-light {
    background-color: #b5b5b5 !important
}

.has-text-grey-lighter {
    color: #dbdbdb !important
}

.has-background-grey-lighter {
    background-color: #dbdbdb !important
}

.has-text-white-ter {
    color: #f5f5f5 !important
}

.has-background-white-ter {
    background-color: #f5f5f5 !important
}

.has-text-white-bis {
    color: #fafafa !important
}

.has-background-white-bis {
    background-color: #fafafa !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.is-justify-content-left {
    justify-content: left !important
}

.is-justify-content-right {
    justify-content: right !important
}

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

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

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

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

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

.is-align-content-space-evenly {
    align-content: space-evenly !important
}

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

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

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

.is-align-content-baseline {
    align-content: baseline !important
}

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

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

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

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

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

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

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

.is-align-items-self-start {
    align-items: self-start !important
}

.is-align-items-self-end {
    align-items: self-end !important
}

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

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

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

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

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

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

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

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

.is-flex-grow-2 {
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    flex-grow: 5 !important
}

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

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

.is-flex-shrink-2 {
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    flex-shrink: 5 !important
}

.is-clearfix:after {
    clear: both;
    content: " ";
    display: table
}

.is-pulled-left {
    float: left !important
}

.is-pulled-right {
    float: right !important
}

.is-radiusless {
    border-radius: 0 !important
}

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

.is-clickable {
    cursor: pointer !important;
    pointer-events: all !important
}

.is-auto {
    overflow: auto !important
}

.is-clipped {
    overflow: hidden !important
}

.is-relative {
    position: relative !important
}

.is-absolute {
    position: absolute !important
}

.is-marginless {
    margin: 0 !important
}

.is-paddingless {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-3 {
    margin-right: .75rem !important
}

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

.ml-3 {
    margin-left: .75rem !important
}

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

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

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

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

.mr-4 {
    margin-right: 1rem !important
}

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

.ml-4 {
    margin-left: 1rem !important
}

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

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

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

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

.mr-5 {
    margin-right: 1.5rem !important
}

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

.ml-5 {
    margin-left: 1.5rem !important
}

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

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

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

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

.mr-6 {
    margin-right: 3rem !important
}

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

.ml-6 {
    margin-left: 3rem !important
}

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

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

.m-auto {
    margin: auto !important
}

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

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

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

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

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

.p-0 {
    padding: 0 !important
}

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

.pr-0 {
    padding-right: 0 !important
}

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

.pl-0 {
    padding-left: 0 !important
}

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

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

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

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

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

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

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

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

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

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

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

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

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

.pt-3 {
    padding-top: .75rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

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

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

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

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

.pr-4 {
    padding-right: 1rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

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

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

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

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

.pr-5 {
    padding-right: 1.5rem !important
}

.pb-5 {
    padding-bottom: 1.5rem !important
}

.pl-5 {
    padding-left: 1.5rem !important
}

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

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

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

.pt-6 {
    padding-top: 3rem !important
}

.pr-6 {
    padding-right: 3rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pl-6 {
    padding-left: 3rem !important
}

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

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

.p-auto {
    padding: auto !important
}

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

.pr-auto {
    padding-right: auto !important
}

.pb-auto {
    padding-bottom: auto !important
}

.pl-auto {
    padding-left: auto !important
}

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

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

.is-size-1 {
    font-size: 3rem !important
}

.is-size-2 {
    font-size: 2.5rem !important
}

.is-size-3 {
    font-size: 2rem !important
}

.is-size-4 {
    font-size: 1.5rem !important
}

.is-size-5 {
    font-size: 1.25rem !important
}

.is-size-6 {
    font-size: 1rem !important
}

.is-size-7 {
    font-size: .75rem !important
}

@media screen and (max-width:768px) {
    .is-size-1-mobile {
        font-size: 3rem !important
    }

    .is-size-2-mobile {
        font-size: 2.5rem !important
    }

    .is-size-3-mobile {
        font-size: 2rem !important
    }

    .is-size-4-mobile {
        font-size: 1.5rem !important
    }

    .is-size-5-mobile {
        font-size: 1.25rem !important
    }

    .is-size-6-mobile {
        font-size: 1rem !important
    }

    .is-size-7-mobile {
        font-size: .75rem !important
    }
}

@media screen and (min-width:769px),
print {
    .is-size-1-tablet {
        font-size: 3rem !important
    }

    .is-size-2-tablet {
        font-size: 2.5rem !important
    }

    .is-size-3-tablet {
        font-size: 2rem !important
    }

    .is-size-4-tablet {
        font-size: 1.5rem !important
    }

    .is-size-5-tablet {
        font-size: 1.25rem !important
    }

    .is-size-6-tablet {
        font-size: 1rem !important
    }

    .is-size-7-tablet {
        font-size: .75rem !important
    }
}

@media screen and (max-width:1023px) {
    .is-size-1-touch {
        font-size: 3rem !important
    }

    .is-size-2-touch {
        font-size: 2.5rem !important
    }

    .is-size-3-touch {
        font-size: 2rem !important
    }

    .is-size-4-touch {
        font-size: 1.5rem !important
    }

    .is-size-5-touch {
        font-size: 1.25rem !important
    }

    .is-size-6-touch {
        font-size: 1rem !important
    }

    .is-size-7-touch {
        font-size: .75rem !important
    }
}

@media screen and (min-width:1024px) {
    .is-size-1-desktop {
        font-size: 3rem !important
    }

    .is-size-2-desktop {
        font-size: 2.5rem !important
    }

    .is-size-3-desktop {
        font-size: 2rem !important
    }

    .is-size-4-desktop {
        font-size: 1.5rem !important
    }

    .is-size-5-desktop {
        font-size: 1.25rem !important
    }

    .is-size-6-desktop {
        font-size: 1rem !important
    }

    .is-size-7-desktop {
        font-size: .75rem !important
    }
}

@media screen and (min-width:1216px) {
    .is-size-1-widescreen {
        font-size: 3rem !important
    }

    .is-size-2-widescreen {
        font-size: 2.5rem !important
    }

    .is-size-3-widescreen {
        font-size: 2rem !important
    }

    .is-size-4-widescreen {
        font-size: 1.5rem !important
    }

    .is-size-5-widescreen {
        font-size: 1.25rem !important
    }

    .is-size-6-widescreen {
        font-size: 1rem !important
    }

    .is-size-7-widescreen {
        font-size: .75rem !important
    }
}

@media screen and (min-width:1408px) {
    .is-size-1-fullhd {
        font-size: 3rem !important
    }

    .is-size-2-fullhd {
        font-size: 2.5rem !important
    }

    .is-size-3-fullhd {
        font-size: 2rem !important
    }

    .is-size-4-fullhd {
        font-size: 1.5rem !important
    }

    .is-size-5-fullhd {
        font-size: 1.25rem !important
    }

    .is-size-6-fullhd {
        font-size: 1rem !important
    }

    .is-size-7-fullhd {
        font-size: .75rem !important
    }
}

.has-text-centered {
    text-align: center !important
}

.has-text-justified {
    text-align: justify !important
}

.has-text-left {
    text-align: left !important
}

.has-text-right {
    text-align: right !important
}

@media screen and (max-width:768px) {
    .has-text-centered-mobile {
        text-align: center !important
    }
}

@media screen and (min-width:769px),
print {
    .has-text-centered-tablet {
        text-align: center !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .has-text-centered-tablet-only {
        text-align: center !important
    }
}

@media screen and (max-width:1023px) {
    .has-text-centered-touch {
        text-align: center !important
    }
}

@media screen and (min-width:1024px) {
    .has-text-centered-desktop {
        text-align: center !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .has-text-centered-desktop-only {
        text-align: center !important
    }
}

@media screen and (min-width:1216px) {
    .has-text-centered-widescreen {
        text-align: center !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .has-text-centered-widescreen-only {
        text-align: center !important
    }
}

@media screen and (min-width:1408px) {
    .has-text-centered-fullhd {
        text-align: center !important
    }
}

@media screen and (max-width:768px) {
    .has-text-justified-mobile {
        text-align: justify !important
    }
}

@media screen and (min-width:769px),
print {
    .has-text-justified-tablet {
        text-align: justify !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .has-text-justified-tablet-only {
        text-align: justify !important
    }
}

@media screen and (max-width:1023px) {
    .has-text-justified-touch {
        text-align: justify !important
    }
}

@media screen and (min-width:1024px) {
    .has-text-justified-desktop {
        text-align: justify !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .has-text-justified-desktop-only {
        text-align: justify !important
    }
}

@media screen and (min-width:1216px) {
    .has-text-justified-widescreen {
        text-align: justify !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .has-text-justified-widescreen-only {
        text-align: justify !important
    }
}

@media screen and (min-width:1408px) {
    .has-text-justified-fullhd {
        text-align: justify !important
    }
}

@media screen and (max-width:768px) {
    .has-text-left-mobile {
        text-align: left !important
    }
}

@media screen and (min-width:769px),
print {
    .has-text-left-tablet {
        text-align: left !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .has-text-left-tablet-only {
        text-align: left !important
    }
}

@media screen and (max-width:1023px) {
    .has-text-left-touch {
        text-align: left !important
    }
}

@media screen and (min-width:1024px) {
    .has-text-left-desktop {
        text-align: left !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .has-text-left-desktop-only {
        text-align: left !important
    }
}

@media screen and (min-width:1216px) {
    .has-text-left-widescreen {
        text-align: left !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .has-text-left-widescreen-only {
        text-align: left !important
    }
}

@media screen and (min-width:1408px) {
    .has-text-left-fullhd {
        text-align: left !important
    }
}

@media screen and (max-width:768px) {
    .has-text-right-mobile {
        text-align: right !important
    }
}

@media screen and (min-width:769px),
print {
    .has-text-right-tablet {
        text-align: right !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .has-text-right-tablet-only {
        text-align: right !important
    }
}

@media screen and (max-width:1023px) {
    .has-text-right-touch {
        text-align: right !important
    }
}

@media screen and (min-width:1024px) {
    .has-text-right-desktop {
        text-align: right !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .has-text-right-desktop-only {
        text-align: right !important
    }
}

@media screen and (min-width:1216px) {
    .has-text-right-widescreen {
        text-align: right !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .has-text-right-widescreen-only {
        text-align: right !important
    }
}

@media screen and (min-width:1408px) {
    .has-text-right-fullhd {
        text-align: right !important
    }
}

.is-capitalized {
    text-transform: capitalize !important
}

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

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

.is-italic {
    font-style: italic !important
}

.is-underlined {
    text-decoration: underline !important
}

.has-text-weight-light {
    font-weight: 300 !important
}

.has-text-weight-normal {
    font-weight: 400 !important
}

.has-text-weight-medium {
    font-weight: 500 !important
}

.has-text-weight-semibold {
    font-weight: 600 !important
}

.has-text-weight-bold {
    font-weight: 700 !important
}

.is-family-primary,
.is-family-secondary,
.is-family-sans-serif {
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !important
}

.is-family-monospace,
.is-family-code {
    font-family: monospace !important
}

.is-block {
    display: block !important
}

@media screen and (max-width:768px) {
    .is-block-mobile {
        display: block !important
    }
}

@media screen and (min-width:769px),
print {
    .is-block-tablet {
        display: block !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .is-block-tablet-only {
        display: block !important
    }
}

@media screen and (max-width:1023px) {
    .is-block-touch {
        display: block !important
    }
}

@media screen and (min-width:1024px) {
    .is-block-desktop {
        display: block !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .is-block-desktop-only {
        display: block !important
    }
}

@media screen and (min-width:1216px) {
    .is-block-widescreen {
        display: block !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .is-block-widescreen-only {
        display: block !important
    }
}

@media screen and (min-width:1408px) {
    .is-block-fullhd {
        display: block !important
    }
}

.is-flex {
    display: flex !important
}

@media screen and (max-width:768px) {
    .is-flex-mobile {
        display: flex !important
    }
}

@media screen and (min-width:769px),
print {
    .is-flex-tablet {
        display: flex !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .is-flex-tablet-only {
        display: flex !important
    }
}

@media screen and (max-width:1023px) {
    .is-flex-touch {
        display: flex !important
    }
}

@media screen and (min-width:1024px) {
    .is-flex-desktop {
        display: flex !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .is-flex-desktop-only {
        display: flex !important
    }
}

@media screen and (min-width:1216px) {
    .is-flex-widescreen {
        display: flex !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .is-flex-widescreen-only {
        display: flex !important
    }
}

@media screen and (min-width:1408px) {
    .is-flex-fullhd {
        display: flex !important
    }
}

.is-inline {
    display: inline !important
}

@media screen and (max-width:768px) {
    .is-inline-mobile {
        display: inline !important
    }
}

@media screen and (min-width:769px),
print {
    .is-inline-tablet {
        display: inline !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .is-inline-tablet-only {
        display: inline !important
    }
}

@media screen and (max-width:1023px) {
    .is-inline-touch {
        display: inline !important
    }
}

@media screen and (min-width:1024px) {
    .is-inline-desktop {
        display: inline !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .is-inline-desktop-only {
        display: inline !important
    }
}

@media screen and (min-width:1216px) {
    .is-inline-widescreen {
        display: inline !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .is-inline-widescreen-only {
        display: inline !important
    }
}

@media screen and (min-width:1408px) {
    .is-inline-fullhd {
        display: inline !important
    }
}

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

@media screen and (max-width:768px) {
    .is-inline-block-mobile {
        display: inline-block !important
    }
}

@media screen and (min-width:769px),
print {
    .is-inline-block-tablet {
        display: inline-block !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .is-inline-block-tablet-only {
        display: inline-block !important
    }
}

@media screen and (max-width:1023px) {
    .is-inline-block-touch {
        display: inline-block !important
    }
}

@media screen and (min-width:1024px) {
    .is-inline-block-desktop {
        display: inline-block !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .is-inline-block-desktop-only {
        display: inline-block !important
    }
}

@media screen and (min-width:1216px) {
    .is-inline-block-widescreen {
        display: inline-block !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .is-inline-block-widescreen-only {
        display: inline-block !important
    }
}

@media screen and (min-width:1408px) {
    .is-inline-block-fullhd {
        display: inline-block !important
    }
}

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

@media screen and (max-width:768px) {
    .is-inline-flex-mobile {
        display: inline-flex !important
    }
}

@media screen and (min-width:769px),
print {
    .is-inline-flex-tablet {
        display: inline-flex !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .is-inline-flex-tablet-only {
        display: inline-flex !important
    }
}

@media screen and (max-width:1023px) {
    .is-inline-flex-touch {
        display: inline-flex !important
    }
}

@media screen and (min-width:1024px) {
    .is-inline-flex-desktop {
        display: inline-flex !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .is-inline-flex-desktop-only {
        display: inline-flex !important
    }
}

@media screen and (min-width:1216px) {
    .is-inline-flex-widescreen {
        display: inline-flex !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .is-inline-flex-widescreen-only {
        display: inline-flex !important
    }
}

@media screen and (min-width:1408px) {
    .is-inline-flex-fullhd {
        display: inline-flex !important
    }
}

.is-hidden {
    display: none !important
}

.is-sr-only {
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: none !important;
    width: .01em !important;
    height: .01em !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important
}

@media screen and (max-width:768px) {
    .is-hidden-mobile {
        display: none !important
    }
}

@media screen and (min-width:769px),
print {
    .is-hidden-tablet {
        display: none !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .is-hidden-tablet-only {
        display: none !important
    }
}

@media screen and (max-width:1023px) {
    .is-hidden-touch {
        display: none !important
    }
}

@media screen and (min-width:1024px) {
    .is-hidden-desktop {
        display: none !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .is-hidden-desktop-only {
        display: none !important
    }
}

@media screen and (min-width:1216px) {
    .is-hidden-widescreen {
        display: none !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .is-hidden-widescreen-only {
        display: none !important
    }
}

@media screen and (min-width:1408px) {
    .is-hidden-fullhd {
        display: none !important
    }
}

.is-invisible {
    visibility: hidden !important
}

@media screen and (max-width:768px) {
    .is-invisible-mobile {
        visibility: hidden !important
    }
}

@media screen and (min-width:769px),
print {
    .is-invisible-tablet {
        visibility: hidden !important
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .is-invisible-tablet-only {
        visibility: hidden !important
    }
}

@media screen and (max-width:1023px) {
    .is-invisible-touch {
        visibility: hidden !important
    }
}

@media screen and (min-width:1024px) {
    .is-invisible-desktop {
        visibility: hidden !important
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .is-invisible-desktop-only {
        visibility: hidden !important
    }
}

@media screen and (min-width:1216px) {
    .is-invisible-widescreen {
        visibility: hidden !important
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .is-invisible-widescreen-only {
        visibility: hidden !important
    }
}

@media screen and (min-width:1408px) {
    .is-invisible-fullhd {
        visibility: hidden !important
    }
}

.hero {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex
}

.hero .navbar {
    background: 0 0
}

.hero .tabs ul {
    border-bottom: none
}

.hero.is-white {
    color: #0a0a0a;
    background-color: #fff
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
    color: inherit
}

.hero.is-white .title {
    color: #0a0a0a
}

.hero.is-white .subtitle {
    color: #0a0a0ae6
}

.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
    color: #0a0a0a
}

@media screen and (max-width:1023px) {
    .hero.is-white .navbar-menu {
        background-color: #fff
    }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
    color: #0a0a0ab3
}

.hero.is-white a.navbar-item:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
    color: #0a0a0a;
    background-color: #f2f2f2
}

.hero.is-white .tabs a {
    color: #0a0a0a;
    opacity: .9
}

.hero.is-white .tabs a:hover {
    opacity: 1
}

.hero.is-white .tabs li.is-active a {
    opacity: 1;
    color: #fff !important
}

.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
    color: #0a0a0a
}

.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
    color: #fff;
    background-color: #0a0a0a;
    border-color: #0a0a0a
}

.hero.is-white.is-bold {
    background-image: linear-gradient(141deg, #e6e6e6 0%, #fff 71% 100%)
}

@media screen and (max-width:768px) {
    .hero.is-white.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #e6e6e6 0%, #fff 71% 100%)
    }
}

.hero.is-black {
    color: #fff;
    background-color: #0a0a0a
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
    color: inherit
}

.hero.is-black .title {
    color: #fff
}

.hero.is-black .subtitle {
    color: #ffffffe6
}

.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-black .navbar-menu {
        background-color: #0a0a0a
    }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
    color: #ffffffb3
}

.hero.is-black a.navbar-item:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
    color: #fff;
    background-color: #000
}

.hero.is-black .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-black .tabs a:hover {
    opacity: 1
}

.hero.is-black .tabs li.is-active a {
    opacity: 1;
    color: #0a0a0a !important
}

.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
    color: #fff
}

.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
    color: #0a0a0a;
    background-color: #fff;
    border-color: #fff
}

.hero.is-black.is-bold {
    background-image: linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%)
}

@media screen and (max-width:768px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%)
    }
}

.hero.is-light {
    color: #000000b3;
    background-color: #f5f5f5
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
    color: inherit
}

.hero.is-light .title {
    color: #000000b3
}

.hero.is-light .subtitle {
    color: #000000e6
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
    color: #000000b3
}

@media screen and (max-width:1023px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
    color: #000000b3
}

.hero.is-light a.navbar-item:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
    color: #000000b3;
    background-color: #e8e8e8
}

.hero.is-light .tabs a {
    color: #000000b3;
    opacity: .9
}

.hero.is-light .tabs a:hover {
    opacity: 1
}

.hero.is-light .tabs li.is-active a {
    opacity: 1;
    color: #f5f5f5 !important
}

.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
    color: #000000b3
}

.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
    color: #f5f5f5;
    background-color: #000000b3;
    border-color: #000000b3
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9 0%, #f5f5f5 71%, #fff 100%)
}

@media screen and (max-width:768px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #dfd8d9 0%, #f5f5f5 71%, #fff 100%)
    }
}

.hero.is-dark {
    color: #fff;
    background-color: #363636
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
    color: inherit
}

.hero.is-dark .title {
    color: #fff
}

.hero.is-dark .subtitle {
    color: #ffffffe6
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-dark .navbar-menu {
        background-color: #363636
    }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
    color: #ffffffb3
}

.hero.is-dark a.navbar-item:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
    color: #fff;
    background-color: #292929
}

.hero.is-dark .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-dark .tabs a:hover {
    opacity: 1
}

.hero.is-dark .tabs li.is-active a {
    opacity: 1;
    color: #363636 !important
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
    color: #fff
}

.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
    color: #363636;
    background-color: #fff;
    border-color: #fff
}

.hero.is-dark.is-bold {
    background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%)
}

@media screen and (max-width:768px) {
    .hero.is-dark.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%)
    }
}

.hero.is-primary {
    color: #fff;
    background-color: #00d1b2
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
    color: inherit
}

.hero.is-primary .title {
    color: #fff
}

.hero.is-primary .subtitle {
    color: #ffffffe6
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-primary .navbar-menu {
        background-color: #00d1b2
    }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
    color: #ffffffb3
}

.hero.is-primary a.navbar-item:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
    color: #fff;
    background-color: #00b89c
}

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-primary .tabs a:hover {
    opacity: 1
}

.hero.is-primary .tabs li.is-active a {
    opacity: 1;
    color: #00d1b2 !important
}

.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
    color: #fff
}

.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
    color: #00d1b2;
    background-color: #fff;
    border-color: #fff
}

.hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%)
}

@media screen and (max-width:768px) {
    .hero.is-primary.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%)
    }
}

.hero.is-link {
    color: #fff;
    background-color: #485fc7
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
    color: inherit
}

.hero.is-link .title {
    color: #fff
}

.hero.is-link .subtitle {
    color: #ffffffe6
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-link .navbar-menu {
        background-color: #485fc7
    }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
    color: #ffffffb3
}

.hero.is-link a.navbar-item:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
    color: #fff;
    background-color: #3a51bb
}

.hero.is-link .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-link .tabs a:hover {
    opacity: 1
}

.hero.is-link .tabs li.is-active a {
    opacity: 1;
    color: #485fc7 !important
}

.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
    color: #fff
}

.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
    color: #485fc7;
    background-color: #fff;
    border-color: #fff
}

.hero.is-link.is-bold {
    background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%)
}

@media screen and (max-width:768px) {
    .hero.is-link.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%)
    }
}

.hero.is-info {
    color: #fff;
    background-color: #3e8ed0
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
    color: inherit
}

.hero.is-info .title {
    color: #fff
}

.hero.is-info .subtitle {
    color: #ffffffe6
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-info .navbar-menu {
        background-color: #3e8ed0
    }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
    color: #ffffffb3
}

.hero.is-info a.navbar-item:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
    color: #fff;
    background-color: #3082c5
}

.hero.is-info .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-info .tabs a:hover {
    opacity: 1
}

.hero.is-info .tabs li.is-active a {
    opacity: 1;
    color: #3e8ed0 !important
}

.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
    color: #fff
}

.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
    color: #3e8ed0;
    background-color: #fff;
    border-color: #fff
}

.hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%)
}

@media screen and (max-width:768px) {
    .hero.is-info.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #208fbc 0%, #3e8ed0 71%, #4d83db 100%)
    }
}

.hero.is-success {
    color: #fff;
    background-color: #48c78e
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
    color: inherit
}

.hero.is-success .title {
    color: #fff
}

.hero.is-success .subtitle {
    color: #ffffffe6
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-success .navbar-menu {
        background-color: #48c78e
    }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
    color: #ffffffb3
}

.hero.is-success a.navbar-item:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
    color: #fff;
    background-color: #3abb81
}

.hero.is-success .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-success .tabs a:hover {
    opacity: 1
}

.hero.is-success .tabs li.is-active a {
    opacity: 1;
    color: #48c78e !important
}

.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
    color: #fff
}

.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
    color: #48c78e;
    background-color: #fff;
    border-color: #fff
}

.hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%)
}

@media screen and (max-width:768px) {
    .hero.is-success.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #29b35e 0%, #48c78e 71%, #56d2af 100%)
    }
}

.hero.is-warning {
    color: #000000b3;
    background-color: #ffe08a
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
    color: inherit
}

.hero.is-warning .title {
    color: #000000b3
}

.hero.is-warning .subtitle {
    color: #000000e6
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
    color: #000000b3
}

@media screen and (max-width:1023px) {
    .hero.is-warning .navbar-menu {
        background-color: #ffe08a
    }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
    color: #000000b3
}

.hero.is-warning a.navbar-item:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
    color: #000000b3;
    background-color: #ffd970
}

.hero.is-warning .tabs a {
    color: #000000b3;
    opacity: .9
}

.hero.is-warning .tabs a:hover {
    opacity: 1
}

.hero.is-warning .tabs li.is-active a {
    opacity: 1;
    color: #ffe08a !important
}

.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
    color: #000000b3
}

.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
    color: #ffe08a;
    background-color: #000000b3;
    border-color: #000000b3
}

.hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%)
}

@media screen and (max-width:768px) {
    .hero.is-warning.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #ffb657 0%, #ffe08a 71%, #fff6a3 100%)
    }
}

.hero.is-danger {
    color: #fff;
    background-color: #f14668
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
    color: inherit
}

.hero.is-danger .title {
    color: #fff
}

.hero.is-danger .subtitle {
    color: #ffffffe6
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-danger .navbar-menu {
        background-color: #f14668
    }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
    color: #ffffffb3
}

.hero.is-danger a.navbar-item:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
    color: #fff;
    background-color: #ef2e55
}

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-danger .tabs a:hover {
    opacity: 1
}

.hero.is-danger .tabs li.is-active a {
    opacity: 1;
    color: #f14668 !important
}

.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
    color: #fff
}

.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
    background-color: #0a0a0a1a
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
    color: #f14668;
    background-color: #fff;
    border-color: #fff
}

.hero.is-danger.is-bold {
    background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%)
}

@media screen and (max-width:768px) {
    .hero.is-danger.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%)
    }
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media screen and (min-width:769px),
print {
    .hero.is-medium .hero-body {
        padding: 9rem 4.5rem
    }

    .hero.is-large .hero-body {
        padding: 18rem 6rem
    }
}

.hero.is-halfheight .hero-body,
.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body {
    align-items: center;
    display: flex
}

.hero.is-halfheight .hero-body>.container,
.hero.is-fullheight .hero-body>.container,
.hero.is-fullheight-with-navbar .hero-body>.container {
    flex-grow: 1;
    flex-shrink: 1
}

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero-video {
    overflow: hidden
}

.hero-video video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hero-video.is-transparent {
    opacity: .3
}

@media screen and (max-width:768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width:768px) {
    .hero-buttons .button {
        display: flex
    }

    .hero-buttons .button:not(:last-child) {
        margin-bottom: .75rem
    }
}

@media screen and (min-width:769px),
print {
    .hero-buttons {
        justify-content: center;
        display: flex
    }

    .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem
    }
}

.hero-head,
.hero-foot {
    flex-grow: 0;
    flex-shrink: 0
}

.hero-body {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 1.5rem
}

@media screen and (min-width:769px),
print {
    .hero-body {
        padding: 3rem
    }
}

.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width:1024px) {
    .section {
        padding: 3rem
    }

    .section.is-medium {
        padding: 9rem 4.5rem
    }

    .section.is-large {
        padding: 18rem 6rem
    }
}

.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 6rem
}

@keyframes slideInRight {
    0% {
        visibility: visible;
        transform: translate(110%)
    }

    to {
        transform: translate(0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translate(0, 0)
    }

    to {
        visibility: hidden;
        transform: translate(110%)
    }
}

@keyframes slideInLeft {
    0% {
        visibility: visible;
        transform: translate(-110%)
    }

    to {
        transform: translate(0, 0)
    }
}

@keyframes slideInUp {
    0% {
        visibility: visible;
        transform: translateY(110%)
    }

    to {
        transform: translate(0, 0)
    }
}

@keyframes slideInDown {
    0% {
        visibility: visible;
        transform: translateY(-110%)
    }

    to {
        transform: translate(0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translate(0, 0)
    }

    to {
        visibility: hidden;
        transform: translate(-110%)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translate(0, 0)
    }

    to {
        visibility: hidden;
        transform: translateY(500px)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translate(0, 0)
    }

    to {
        visibility: hidden;
        transform: translateY(-500px)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.animate {
    animation-duration: .1s;
    animation-fill-mode: both
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes zoomInOut {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(.8)
    }
}

.zoomInOut {
    animation-name: zoomInOut
}

.primary-button {
    color: #fff;/*var(--text-secondary);*/
    background-color: var(--accent-color);
    cursor: pointer;
    white-space: nowrap;
    border-color: #0000;
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    padding: .6rem 1rem;
    font-family: inherit;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.25rem;
    display: flex
}

.primary-button:focus,
.primary-button:active {
    box-shadow: none;
    outline: none
}

.primary-button:hover {
    color: var(--text-secondary)
}

.primary-button:disabled,
.primary-button[disabled] {
    opacity: .7;
    cursor: not-allowed
}

.primary-button.is-bg-none {
    color: var(--text-primary);
    border: unset;
    background-color: #0000
}

.progress-ring circle.progress-transition {
    transition: stroke-dashoffset 1s
}

.primary-button.is-bordered {
    color: var(--text-primary);
    border: 2px solid var(--accent-color);
    background-color: #0000
}

.primary-button.is-bordered:hover,
.primary-button.is-bg-none:hover {
    color: var(--text-primary)
}

.select select {
    background-color: var(--background-primary);
    color: var(--text-primary);
    border: 2px solid var(--border-color)
}

.select:not(.is-multiple):not(.is-loading):after {
    border-color: var(--text-primary)
}

.header-btn {
    color: var(--text-primary);
    background-color: #0000;
    border: none;
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex
}

.header-btn:hover {
    background-color: var(--accent-background-secondary)
}

w-theme {
    --accent-background-secondary: var(--accent-background-secondary);
    --theme-toggle-hover: var(--theme-toggle-hover);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

#dashboard-header w-theme {
    box-sizing: border-box;
    align-self: center;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem
}

.grid-column-gap {
    grid-gap: .5rem;
    grid-template-columns: 1fr 2fr;
    display: grid
}

.grid-column-gap .full-span {
    grid-column: 1/3
}

.generate-inputs {
    width: 300px
}

html {
    color: var(--text-primary);
    background-color: var(--background-primary);
    overflow-y: auto
}

html body,
.label {
    color: var(--text-primary);
    background-color: var(--background-primary)
}

pre {
    background-color: var(--background-secondary);
    color: var(--activity-waiting-color);
    border: 1px solid var(--border-color);
    opacity: .9;
    border-radius: .4rem;
    padding: .3rem;
    line-height: 18px
}

code {
    padding: 0
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.5rem
}

input,
textarea,
.input,
.textarea {
    background-color: var(--background-primary);
    color: var(--text-primary);
    border-color: var(--border-color);
    outline: none;
    padding: 5px
}

::-webkit-input-placeholder {
    color: var(--text-primary) !important;
    opacity: .4 !important
}

::placeholder {
    color: var(--text-primary) !important;
    opacity: .4 !important
}

:placeholder-shown {
    color: var(--text-primary) !important;
    opacity: .4 !important
}

:-ms-placeholder-shown {
    color: var(--text-primary) !important;
    opacity: .4 !important
}

input:focus,
textarea:focus,
.input:focus,
.textarea:focus {
    border-color: var(--border-color);
    box-shadow: 0 0 0 .125em var(--accent-color)
}

.is-cursor-pointer {
    cursor: pointer
}

.text-primaryMain {
    color: var(--text-primary)
}

.text-secondaryMain {
    color: var(--text-secondary)
}

.text-accentMain {
    color: var(--accent-color)
}

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

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

.bg-accentMain {
    background-color: var(--accent-color)
}

.bg-accentSecondary {
    background-color: var(--accent-background-secondary)
}

.bg-primaryMain {
    background-color: var(--background-primary)
}

.bg-secondaryMain {
    background-color: var(--background-secondary)
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.w-full {
    width: 100%
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.h-fitContent {
    height: -moz-fit-content;
    height: fit-content
}

.w-screen {
    width: 100vw
}

.border-b {
    border-bottom: 1px solid var(--border-color)
}

.tab-pane {
    display: none
}

.is-active {
    display: initial
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-preline {
    white-space: pre-line
}

.is-ellipsis {
    text-overflow: ellipsis
}

.is-user-select-all {
    -webkit-user-select: all;
    user-select: all
}

.w-full-screen-dropdown {
    width: calc(100vw - 10px) !important;
    max-width: 45rem !important
}

.focused {
    outline: 2px solid var(--accent-color);
    background-color: var(--accent-background-secondary)
}

.required-field,
.error {
    color: var(--error-color)
}

.is-invalid {
    border-color: var(--error-color)
}

.v-divider:before {
    content: "";
    border-left: 1px solid var(--border-color)
}

.tabs a,
.tabs a:hover,
.tabs li.is-active a {
    color: var(--accent-color)
}

.tabs.is-boxed li.is-active a,
.tabs.is-boxed a:hover {
    background-color: var(--accent-background-secondary)
}

.text-tooltip .arrow {
    background-color: var(--tooltip-bg);
    border-radius: .1rem;
    width: .5rem;
    height: .5rem
}

.text-tooltip .arrow.bottom {
    top: 0;
    left: 50%;
    transform: rotate(45deg)translate(-50%)
}

.text-tooltip .arrow.top {
    bottom: 0;
    left: 50%;
    transform: rotate(45deg)translateY(50%)
}

.text-tooltip .arrow.left {
    top: 50%;
    right: 0;
    transform: rotate(45deg)translateY(-50%)
}

.text-tooltip .arrow.right {
    top: 50%;
    left: 0;
    transform: rotate(45deg)translate(-50%)
}

.text-tooltip {
    background: var(--tooltip-bg);
    z-index: 1000;
    color: var(--tooltip-text-color);
    border-radius: .2rem;
    padding: .3rem .75rem;
    position: fixed
}

.breadcrumb a {
    color: var(--text-primaryMain)
}

.breadcrumb .directory-name {
    -webkit-user-select: text;
    user-select: text
}

.breadcrumb li,
.breadcrumb li a,
.breadcrumb li:nth-child(2) {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

#customTheme .learn-more {
    position: absolute;
    top: 9px;
    right: 40px
}

#customTheme .custom-theme-form .table {
    table-layout: fixed;
    width: 100%;
    min-width: 0
}

#customTheme .custom-theme-form .table-header {
    text-transform: uppercase;
    height: 30px;
    padding: 0 .75rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

#customTheme .custom-theme-form td {
    vertical-align: middle;
    padding: .5rem .75rem
}

#customTheme .custom-theme-form td .input[type=color] {
    width: 100%;
    max-width: 100%;
    height: 2.25rem;
    padding: .125rem
}

.centered-element {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.right-element {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.hotkey {
    text-decoration: underline;
    text-decoration-thickness: 1.5px
}

.pagination-previous,
.pagination-next,
.pagination-link {
    border-color: var(--border-color);
    color: var(--text-primary);
    cursor: pointer
}

.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
    color: var(--text-primary)
}

.pagination {
    justify-content: unset
}

.pagination .pagination-list {
    order: 2;
    flex-grow: unset
}

.pagination-link.is-current {
    background-color: var(--accent-background-secondary);
    border-color: var(--border-color);
    color: var(--text-primaryMain)
}

#readonly-banner {
    background-color: var(--warning-color-light);
    z-index: 100;
    border-radius: .5rem;
    width: -moz-fit-content;
    width: fit-content;
    padding: .3rem 3rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    width: 100%;
    padding: 0
}

input[type=range]:focus {
    outline: none
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--accent-color);
    cursor: pointer;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin-top: -6px
}

input[type=range]::-moz-range-thumb {
    background: var(--accent-color);
    cursor: pointer;
    border: none;
    border-radius: 50%;
    width: 16px;
    height: 16px
}

input[type=range]::-webkit-slider-runnable-track {
    cursor: pointer;
    background: var(--accent-background-secondary);
    border-radius: 2px;
    width: 100%;
    height: 4px
}

input[type=range]::-moz-range-track {
    cursor: pointer;
    background: var(--accent-background-secondary);
    border-radius: 2px;
    width: 100%;
    height: 4px
}

.progress {
    transition: all .3s
}

.progress:before {
    content: "";
    transform-origin: 0;
    background-color: #fff3;
    transition: transform .3s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleX(0)
}

.progress.animate:before {
    transform: scaleX(1)
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px var(--background-primary)inset;
    -webkit-text-fill-color: var(--text-primary)
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px var(--background-primary)inset;
    -webkit-text-fill-color: var(--text-primary)
}

.word-break-all {
    word-break: break-all
}

.isDropBox {
    background: #fff;
    border: 2px solid #00f;
    width: 200px;
    height: 200px
}

.Draggableitem {
    cursor: pointer;
    background-color: #add8e6;
    width: 90%;
    height: 90%;
    margin: 9px
}

.dashed {
    background-color: #ffdfdf;
    border: 2px dashed green
}

.Toastify .Toastify__toast-container {
    z-index: 10000;
    box-sizing: border-box;
    color: #fff;
    width: min(410px, 100vw - 2em);
    max-width: 100vw;
    position: fixed
}

.Toastify .Toastify__toast-container .toast {
    background-color: var(--background-primary);
    width: 100%;
    max-width: 100%;
    color: var(--text-primary-main);
    grid-gap: 8px;
    border-left: 4px solid #0000;
    align-items: center;
    padding: 1rem;
    display: flex
}

.Toastify .Toastify__toast-container .toast .toast-icon {
    border-radius: .5rem;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex
}

.Toastify .Toastify__toast-container .toast .toast-close-btn {
    color: var(--text-primary-main);
    background-color: var(--accent-background-secondary);
    cursor: pointer;
    border: none;
    border-radius: .5rem;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    padding: .375rem;
    display: flex
}

.Toastify .Toastify__toast-container .toast .toast-close-btn:hover {
    background-color: var(--accent-background-secondary)
}

.Toastify .Toastify__toast-container .toast.toast-success {
    border-color: var(--success-color);
    box-shadow: var(--primary-shadow)
}

.Toastify .Toastify__toast-container .toast.toast-success .toast-icon {
    background-color: var(--success-color-light);
    color: var(--success-color)
}

.Toastify .Toastify__toast-container .toast.toast-error {
    border-color: var(--error-color);
    box-shadow: var(--primary-shadow)
}

.Toastify .Toastify__toast-container .toast.toast-error .toast-icon {
    background-color: var(--error-color-light);
    color: var(--error-color)
}

.Toastify .Toastify__toast-container .toast.toast-warning {
    border-color: var(--warning-color);
    box-shadow: var(--primary-shadow)
}

.Toastify .Toastify__toast-container .toast.toast-warning .toast-icon {
    background-color: var(--warning-color-light);
    color: var(--warning-color)
}

.Toastify .Toastify__toast-container.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify .Toastify__toast-container.Toastify__toast-container--top-right .toast {
    margin-bottom: 1rem;
    animation: .3s ease-in slideInRight
}

.Toastify .Toastify__toast-container.Toastify__toast-container--top-right .toast.remove-animation {
    animation: .3s ease-out slideOutRight
}

.Toastify .Toastify__toast-container.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify .Toastify__toast-container.Toastify__toast-container--top-left .toast {
    margin-bottom: 1rem;
    animation: .3s ease-in slideInLeft
}

.Toastify .Toastify__toast-container.Toastify__toast-container--top-left .toast.remove-animation {
    animation: .3s ease-out slideOutLeft
}

.Toastify .Toastify__toast-container.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translate(-50%)
}

.Toastify .Toastify__toast-container.Toastify__toast-container--top-center .toast {
    margin-bottom: 1rem;
    animation: .3s ease-in slideInDown
}

.Toastify .Toastify__toast-container.Toastify__toast-container--top-center .toast.remove-animation {
    animation: .3s ease-out slideOutUp
}

.Toastify .Toastify__toast-container.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify .Toastify__toast-container.Toastify__toast-container--bottom-left .toast {
    margin-top: 1rem;
    animation: .3s ease-in slideInLeft
}

.Toastify .Toastify__toast-container.Toastify__toast-container--bottom-left .toast.remove-animation {
    animation: .3s ease-out slideOutLeft
}

.Toastify .Toastify__toast-container.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

.Toastify .Toastify__toast-container.Toastify__toast-container--bottom-right .toast {
    margin-top: 1rem;
    animation: .3s ease-in slideInRight
}

.Toastify .Toastify__toast-container.Toastify__toast-container--bottom-right .toast.remove-animation {
    animation: .3s ease-out slideOutRight
}

.Toastify .Toastify__toast-container.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translate(-50%)
}

.Toastify .Toastify__toast-container.Toastify__toast-container--bottom-center .toast {
    margin-top: 1rem;
    animation: .3s ease-in slideInUp
}

.Toastify .Toastify__toast-container.Toastify__toast-container--bottom-center .toast.remove-animation {
    animation: .3s ease-out slideOutDown
}

@media (max-width:399px) {
    .Toastify .Toastify__toast-container {
        width: auto;
        max-width: none
    }

    .Toastify .Toastify__toast-container.Toastify__toast-container--top-right,
    .Toastify .Toastify__toast-container.Toastify__toast-container--top-left {
        top: 0;
        left: 0;
        right: 0
    }

    .Toastify .Toastify__toast-container.Toastify__toast-container--top-center {
        top: 0;
        left: 0;
        right: 0;
        transform: none
    }

    .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-left,
    .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-right {
        bottom: 0;
        left: 0;
        right: 0
    }

    .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-center {
        bottom: 0;
        left: 0;
        right: 0;
        transform: none
    }

    .Toastify .Toastify__toast-container.Toastify__toast-container--top-right .toast,
    .Toastify .Toastify__toast-container.Toastify__toast-container--top-left .toast,
    .Toastify .Toastify__toast-container.Toastify__toast-container--top-center .toast {
        margin-bottom: 0
    }

    .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-left .toast,
    .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-right .toast,
    .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-center .toast {
        margin-top: 0
    }
}

.modal-backdrop {
    z-index: 40;
    background-color: var(--backdrop-color);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.modal.resizable-container {
    display: unset;
    left: var(--resizable-left, auto);
    right: unset;
    bottom: unset;
    top: var(--resizable-top, auto);
    width: var(--resizable-width, var(--modal-width, auto));
    height: var(--resizable-height, var(--modal-height, auto));
    min-width: var(--modal-min-width, auto);
    min-height: var(--modal-min-height, auto);
    box-shadow: var(--primary-shadow);
    position: fixed
}

.modal.resizable-container .modal-card {
    width: 100%;
    max-width: 100vw;
    height: 100%;
    max-height: 100vh
}

.modal-card-responsive {
    min-width: var(--modal-min-width, auto);
    min-height: var(--modal-min-height, auto)
}

.primary-modal {
    z-index: 50;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.primary-modal .primary-modal-container {
    padding: 20px
}

.primary-modal-container {
    padding: 20px 40px
}

.primary-modal .primary-modal-container .primary-modal-card .primary-modal-card-head {
    border-bottom: 1px solid #dbdbdb;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    display: flex;
    position: relative
}

.primary-modal .primary-modal-container .primary-modal-card .primary-modal-card-head .primary-modal-card-title {
    color: var(--text-primary);
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1
}

.primary-modal .primary-modal-container .primary-modal-card .primary-modal-card-body {
    padding: 20px 40px
}

.primary-modal .primary-modal-container .primary-modal-card .primary-modal-card-foot {
    border-top: 1px solid #dbdbdb;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    display: flex;
    position: relative
}

.modal .modal-background {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: fixed
}

.modal-card-head,
.modal-card-foot {
    background-color: var(--background-secondary)
}

.modal-card-body {
    background-color: var(--background-primary)
}

.modal-card-head {
    border-bottom: 1px solid var(--border-color);
    grid-gap: 8px
}

.modal-card-foot {
    border-top: 1px solid var(--border-color)
}

.modal-input {
    max-height: 27px;
    padding: 2px
}

.modal-input.inline {
    max-width: 200px
}

.modal-on-top {
    z-index: 100
}

.getuserinfo-modal-btn+.getuserinfo-modal-btn {
    margin-left: 1rem
}

.modal[data-modal-id*=getUserInfo] {
    z-index: 10000 !important
}

.modal[data-modal-id*=getUserInfo] .modal-background {
    pointer-events: none
}

@media screen and (max-width:900px),
(max-height:500px) {
    .primary-modal .primary-modal-container .primary-modal-card {
        width: 100%;
        max-height: 100vh
    }

    .modal .modal-card {
        min-width: 100% !important;
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important
    }

    .is-mobile .modal .modal-card {
        min-width: 100% !important;
        height: calc(100vh - 110px) !important;
        min-height: calc(100vh - 110px) !important;
        max-height: calc(100vh - 110px) !important
    }

    .safari-ios .modal .modal-card {
        min-width: 100% !important;
        height: calc(100vh - 82px) !important;
        min-height: calc(100vh - 82px) !important;
        max-height: calc(100vh - 82px) !important
    }

    .modal .modal-card .modal-card-head {
        border-radius: unset
    }

    .modal .modal-card .modal-card-foot {
        border-radius: unset;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
        z-index: 5;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        min-height: 48px;
        padding: 10px;
        display: flex;
        position: fixed;
        bottom: 0
    }

    .modal.has-footer .modal-card .modal-card-body {
        margin-bottom: 48px;
        padding: 10px
    }

    .modal.resizable-container {
        display: block;
        width: 100% !important;
        min-width: 100% !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important
    }

    .modal.resizable-container .modal-card {
        margin: 0 !important
    }

    .modal.resizable-container .modal-card .modal-card-head {
        border-top-left-radius: unset;
        border-top-right-radius: unset;
        padding: 10px
    }

    .modal.resizable-container .modal-card .modal-card-foot {
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
        gap: .5rem;
        width: 100%;
        padding: 10px
    }

    .modal-card-foot {
        flex-direction: row !important;
        gap: 1rem !important
    }

    .getuserinfo-modal-btn+.getuserinfo-modal-btn {
        margin-left: 0
    }
}

.loader-section {
    background: var(--backdrop-color);
    z-index: 10;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

.loader-section-container {
    position: relative
}

.loader-section.global {
    z-index: 1000
}

.loader-section .loading-spinner {
    color: var(--color-106);
    fill: var(--accent-color);
    width: 2.5rem;
    height: 2.5rem;
    animation: 1s linear infinite spin;
    display: inline
}

:root {
    --color-101: #222;
    --color-102: #303030;
    --color-103: #727272;
    --color-104: #b01c12;
    --color-105: #dadada;
    --color-106: #fff;
    --color-107: #fcedd8;
    --color-108: #00000029;
    --color-109: #f0f0f0;
    --color-201: #f97316;
    --color-202: #f973163a;
    --color-203: #ef4444;
    --color-204: #ef44443a;
    --color-205: #22c55e;
    --color-206: #22c55e3a;
    --success-color: var(--color-205);
    --error-color: var(--color-203);
    --warning-color: var(--color-201);
    --success-color-light: var(--color-206);
    --error-color-light: var(--color-204);
    --warning-color-light: var(--color-202);
    --font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --background-primary: var(--color-106);
    --background-secondary: var(--color-106);
    --text-primary: var(--color-101);
    --backdrop-color: #b5b5b5cc;
    --bg-skeleton: var(--color-105);
    --accent-background-secondary: var(--color-107);
    --theme-toggle-hover: var(--color-107);
    --bg-primary-progress: var(--color-105);
    --border-color: var(--color-105);
    --stats-section-color: var(--color-109);
    --accent-background-primary: var(--color-107);
    --text-secondary: var(--color-101);
    --accent-color: var(--color-104);
    --primary-shadow: 0px 4px 24px 0px #00000026;
    --activity-waiting-color: var(--color-103);
    --date-picker-date-bg: var(--color-108);
    --tooltip-text-color: var(--color-105);
    --tooltip-bg: var(--color-102)
}

html[data-theme=dark] {
    --background-primary: var(--color-101);
    --background-secondary: var(--color-102);
    --text-primary: var(--color-106);
    --backdrop-color: #0a0a0ae6;
    --bg-skeleton: var(--color-102);
    --border-color: var(--color-103);
    --stats-section-color: var(--color-102);
    --accent-background-secondary: var(--color-102);
    --theme-toggle-hover: #ffffff1a;
    --bg-primary-progress: var(--color-102);
    --tooltip-text-color: var(--color-102);
    --tooltip-bg: var(--color-105)
}

.w-0 {
    width: 0
}

.w-7px {
    width: 7px
}

.w-10 {
    width: 10%
}

.w-12 {
    width: 12%
}

.w-15 {
    width: 15%
}

.w-20 {
    width: 20%
}

.w-30 {
    width: 30%
}

.w-38px {
    width: 38px
}

.w-40 {
    width: 40%
}

.w-50 {
    width: 50%
}

.w-50px {
    width: 50px
}

.w-60 {
    width: 60%
}

.w-70 {
    width: 70%
}

.w-70px {
    width: 70px
}

.w-75px {
    width: 75px
}

.w-80 {
    width: 80%
}

.w-80px {
    width: 80px
}

.w-85px {
    width: 85px
}

.w-90 {
    width: 90%
}

.w-99 {
    width: 99%
}

.w-100 {
    width: 100%
}

.w-100px {
    width: 100px
}

.w-110px {
    width: 110px
}

.w-120px {
    width: 120px
}

.w-130px {
    width: 130px
}

.w-140px {
    width: 140px
}

.w-145px {
    width: 145px
}

.w-150px {
    width: 150px
}

.w-160px {
    width: 160px
}

.w-170px {
    width: 170px
}

.w-180px {
    width: 180px
}

.w-190px {
    width: 190px
}

.w-200px {
    width: 200px
}

.w-210px {
    width: 210px
}

.w-215px {
    width: 215px
}

.w-220px {
    width: 220px
}

.w-230px {
    width: 230px
}

.w-240px {
    width: 240px
}

.w-250px {
    width: 250px
}

.w-260px {
    width: 260px
}

.w-270px {
    width: 270px
}

.w-280px {
    width: 280px
}

.w-290px {
    width: 290px
}

.w-295px {
    width: 295px
}

.w-300px {
    width: 300px
}

.w-305px {
    width: 305px
}

.w-310px {
    width: 310px
}

.w-313px {
    width: 313px
}

.w-315px {
    width: 315px
}

.w-320px {
    width: 320px
}

.w-325px {
    width: 325px
}

.w-330px {
    width: 330px
}

.w-335px {
    width: 335px
}

.w-340px {
    width: 340px
}

.w-350px {
    width: 350px
}

.w-360px {
    width: 360px
}

.w-370px {
    width: 370px
}

.w-375px {
    width: 375px
}

.w-380px {
    width: 380px
}

.w-390px {
    width: 390px
}

.w-392px {
    width: 392px
}

.w-400px {
    width: 400px
}

.w-410px {
    width: 410px
}

.w-420px {
    width: 420px
}

.w-430px {
    width: 430px
}

.w-440px {
    width: 440px
}

.w-450px {
    width: 450px
}

.w-460px {
    width: 460px
}

.w-470px {
    width: 470px
}

.w-480px {
    width: 480px
}

.w-490px {
    width: 490px
}

.w-500px {
    width: 500px
}

.w-510px {
    width: 510px
}

.w-520px {
    width: 520px
}

.w-525px {
    width: 525px
}

.w-530px {
    width: 530px
}

.w-535px {
    width: 535px
}

.w-540px {
    width: 540px
}

.w-550px {
    width: 550px
}

.w-560px {
    width: 560px
}

.w-570px {
    width: 570px
}

.w-580px {
    width: 580px
}

.w-590px {
    width: 590px
}

.w-600px {
    width: 600px
}

.w-610px {
    width: 610px
}

.w-620px {
    width: 620px
}

.w-630px {
    width: 630px
}

.w-640px {
    width: 640px
}

.w-650px {
    width: 650px
}

.w-660px {
    width: 660px
}

.w-670px {
    width: 670px
}

.w-680px {
    width: 680px
}

.w-690px {
    width: 690px
}

.w-700px {
    width: 700px
}

.w-710px {
    width: 710px
}

.w-720px {
    width: 720px
}

.w-730px {
    width: 730px
}

.w-740px {
    width: 740px
}

.w-750px {
    width: 750px
}

.w-760px {
    width: 760px
}

.w-770px {
    width: 770px
}

.w-780px {
    width: 780px
}

.w-790px {
    width: 790px
}

.w-800px {
    width: 800px
}

.w-802px {
    width: 802px
}

.w-810px {
    width: 810px
}

.w-820px {
    width: 820px
}

.w-830px {
    width: 830px
}

.w-840px {
    width: 840px
}

.w-850px {
    width: 850px
}

.w-860px {
    width: 860px
}

.w-870px {
    width: 870px
}

.w-880px {
    width: 880px
}

.w-890px {
    width: 890px
}

.w-900px {
    width: 900px
}

.w-1-3em {
    width: 1.3em
}

.w-auto {
    width: auto
}

.w-fit-content {
    width: -moz-fit-content;
    width: fit-content
}

.w-max-content {
    width: max-content
}

.h-10px {
    height: 10px
}

.h-15px {
    height: 15px
}

.h-20px {
    height: 20px
}

.h-25px {
    height: 25px
}

.w-25px {
    width: 25px
}

.h-35px {
    height: 35px
}

.h-50px {
    height: 50px
}

.h-55px {
    height: 55px
}

.h-100px {
    height: 100px
}

.h-200px {
    height: 200px
}

.h-300px {
    height: 300px
}

.h-360px {
    height: 360px
}

.h-420px {
    height: 420px
}

.h-490px {
    height: 490px
}

.h-500px {
    height: 500px
}

.h-550px {
    height: 550px
}

.h-auto {
    height: auto
}

.h-100vh {
    height: 100vh
}

.h-7px {
    height: 7px
}

.t-0 {
    top: 0
}

.t-1 {
    top: 1px
}

.t-2 {
    top: 2px
}

.t-3 {
    top: 3px
}

.t-5 {
    top: 5px
}

.t-7 {
    top: 7px
}

.t-8 {
    top: 8px
}

.t-10 {
    top: 10px
}

.t-15 {
    top: 15px
}

.t-20 {
    top: 20px
}

.t-30 {
    top: 30px
}

.t-38 {
    top: 38px
}

.t-40 {
    top: 40px
}

.t--3 {
    top: -3px
}

.t--4 {
    top: -4px
}

.t--5 {
    top: -5px
}

.t--10 {
    top: -10px
}

.t--35 {
    top: -35px
}

.t--40px {
    top: -40px
}

.t--200px {
    top: -200px
}

.t-auto {
    top: auto
}

.t-5px {
    top: 5px
}

.l-0 {
    left: 0
}

.l-5 {
    left: 5px
}

.l-10 {
    left: 10px
}

.l-15 {
    left: 15px
}

.l-20 {
    left: 20px
}

.l-26 {
    left: 26px
}

.l-35px {
    left: 35px
}

.l-45px {
    left: 45px
}

.l-160px {
    left: 160px
}

.l--1 {
    left: -1px
}

.l--3 {
    left: -3px
}

.l--8px {
    left: -8px
}

.r-0 {
    right: 0
}

.r-5px {
    right: 5px
}

.r-6px {
    right: 6px
}

.r-10 {
    right: 10px
}

.r-15 {
    right: 15px
}

.r-45px {
    right: 45px
}

.b-0 {
    bottom: 0
}

.b-5px {
    bottom: 5px
}

.b-10 {
    bottom: 10px
}

.z-100 {
    z-index: 100
}

.z-999999 {
    z-index: 999999
}

.z-9999999 {
    z-index: 9999999
}

.op-0-8 {
    opacity: .8
}

.op-1 {
    opacity: 1
}

.ov-hidden {
    overflow: hidden
}

.ov-auto {
    overflow: auto
}

.ov-scroll {
    overflow: scroll
}

.ov-x-hidden {
    overflow-x: hidden
}

.ov-x-auto {
    overflow-x: auto
}

.ov-y-hidden {
    overflow-y: hidden
}

.ov-y-auto {
    overflow-y: auto
}

.ov-y-scroll {
    overflow-y: scroll
}

.pos-static {
    position: static
}

.pos-relative {
    position: relative
}

.pos-absolute {
    position: absolute
}

.pos-fixed {
    position: fixed
}

.pos-sticky {
    position: sticky
}

.d-n {
    display: none
}

.d-b {
    display: block
}

.d-ib {
    display: inline-block
}

.d-i {
    display: inline
}

.d-f {
    display: flex
}

.v-v {
    visibility: visible
}

.v-h {
    visibility: hidden
}

.lh-0 {
    line-height: 0
}

.pl-5px {
    padding-left: 5px
}

.p-0-3rem {
    padding: .3rem
}

.w-13rem {
    width: 13rem
}

.min-w-100px {
    min-width: 100px
}

.min-w-150px {
    min-width: 150px
}

.min-w-200px {
    min-width: 200px
}

.min-w-300px {
    min-width: 300px
}

.gap-0-5rem {
    gap: .5rem
}

.gap-5px {
    gap: 5px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.fs-3rem {
    font-size: 3rem
}

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

.mb-5px {
    margin-bottom: 5px
}

.mt-10px {
    margin-top: 10px
}

.h-5px {
    height: 5px
}

.h-100 {
    height: 100%
}

.h-1-3em {
    height: 1.3em
}

.max-h-300px {
    max-height: 300px
}

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

.bg-debug {
    background-color: #f5f5f5
}

.br-4px {
    border-radius: 4px
}

.font-mono {
    font-family: monospace
}

.fs-12px {
    font-size: 12px
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.cursor-move {
    cursor: move
}

.cursor-pointer {
    cursor: pointer
}

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

.border-none {
    border: none
}

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

.bg-none {
    background: 0 0
}

.outline-none {
    outline: none
}

.mr-10px {
    margin-right: 10px
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.br-3px {
    border-radius: 3px
}

.br-10px {
    border-radius: 10px
}

.br-50 {
    border-radius: 50%
}

.progress-fill-base {
    height: 100%;
    transition: width .3s;
    position: absolute;
    top: 0;
    left: 0
}

.progress-fill-warning {
    background-color: #ff4136
}

.progress-fill-normal {
    background-color: #4caf50
}

.table-responsive {
    min-width: 0;
    min-height: .01%;
    overflow-x: auto
}

.list-table {
    color: var(--text-primary)
}

.list-table .table {
    width: 100%;
    min-width: 1200px
}

.list-table .table thead tr {
    width: 100%;
    min-width: 0;
    display: flex
}

.list-table .table thead th {
    box-sizing: border-box;
    flex: none
}

.list-table .table-header {
    text-transform: uppercase;
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
    height: 30px;
    padding: 0 .75rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    overflow: hidden
}

.list-table .table-header span {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden
}

.list-table .table-body {
    cursor: pointer
}

.list-table .table-body .table-tr,
.list-table thead tr {
    border-bottom: 1px solid var(--border-color);
    width: 100%;
    min-width: 100%;
    display: flex !important
}

.list-table .table-body .table-tr.is-disabled-dir-item,
.list-table .table-body .table-tr.is-disabled-dir-item:hover {
    filter: grayscale();
    opacity: .6
}

.list-table .table-body .table-tr:hover,
.list-table .table-body .table-tr.on-context {
    background-color: var(--accent-background-secondary)
}

.list-table .table-body .table-tr .table-td {
    white-space: nowrap;
    color: var(--text-primary);
    cursor: pointer;
    box-sizing: border-box;
    border: none;
    flex: none;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    height: 38px;
    padding: 0 .75rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    display: flex;
    overflow: hidden
}

.list-table .table-body .table-tr .table-td .name,
.list-table .table-body .table-tr .table-td .icon-name-wrapper {
    flex: 1;
    min-width: 0;
    overflow: hidden
}

.list-table .table-body .table-tr.empty-folder .table-td .folder-icon,
.list-table .table-body .table-tr.empty-folder .table-td .file-name-text {
    opacity: .5
}

.list-table .table-body .table-tr .table-td .file-name-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden
}

.list-table .table-body .table-tr .table-td p {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden
}

.list-table .table-body .table-tr .table-td .file-protocol-sticker {
    box-shadow: 0px 0px 2px var(--accent-color);
    border-radius: .2rem;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    padding: 2px;
    display: flex
}

.list-table .table-body .table-tr .table-td .file-sync-sticker {
    box-shadow: 0px 0px 2px var(--accent-color);
    border-radius: .2rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 2px;
    display: flex
}

.list-table .table-body .table-tr .table-td .subscribed-events-label {
    box-shadow: 0px 0px 2px var(--accent-color);
    border-radius: .2rem;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    padding: 2px;
    display: flex
}

html[data-theme=dark] .list-table .table-body .table-tr .table-td .file-protocol-sticker img {
    filter: invert()
}

.list-table .table-body .table-tr .table-td .down-icon,
.list-table .table-body .table-tr .table-td .folder-icon,
.list-table .table-body .table-tr .table-td .default-icon {
    color: var(--accent-color);
    margin-right: .5rem;
    font-size: 1rem;
    line-height: 1.75rem
}

.list-table .table-body .table-tr .table-td .default-icon {
    color: #e1e1e1;
    width: 1em;
    font-size: 1.25rem
}

.list-table .table-body .table-tr .table-td .icon-image {
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem
}

.table thead {
    background-color: var(--accent-background-secondary)
}

.table thead td,
.table thead th {
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color)
}

.resizable-container.resizable-wrapper {
    top: var(--resizable-top, 0);
    left: var(--resizable-left, 0);
    width: var(--resizable-width, 30rem);
    height: var(--resizable-height, auto);
    background-color: var(--background-secondary);
    z-index: 19;
    box-shadow: var(--primary-shadow);
    min-width: 800px;
    min-height: 34rem;
    position: fixed
}

.resizable-container.full-screen {
    max-height: 100vh;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important
}

.resizable-container.resizable-wrapper .resizable-header {
    border-bottom: 1px solid var(--border-color);
    cursor: move;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .5rem;
    display: flex
}

.resizable-container.resizable-wrapper .resizable-body {
    background-color: inherit;
    width: 100%
}

.resizable-container.resizable-wrapper .resizable-header .header-btn {
    color: var(--text-primary);
    background-color: #0000;
    border: none;
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 1rem;
    display: flex
}

.resizable-container.resizable-wrapper .resizable-header .header-btn:hover {
    background-color: var(--accent-background-secondary)
}

.resizable-container .resizable-nw {
    z-index: 2;
    cursor: nw-resize;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -5px;
    left: -5px
}

.resizable-container .resizable-ne {
    cursor: ne-resize;
    z-index: 2;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -5px;
    right: -5px
}

.resizable-container .resizable-se {
    cursor: nw-resize;
    z-index: 2;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: -5px;
    right: -5px
}

.resizable-container .resizable-sw {
    z-index: 2;
    cursor: ne-resize;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: -5px;
    left: -5px
}

.resizable-container .dummy-iframe-wrapper {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.autocomplete-input-container {
    position: relative
}

.autocomplete-input-container .autocomplete-input {
    flex-wrap: wrap;
    gap: 6px;
    height: auto;
    min-height: 2.5rem;
    display: flex;
    position: relative
}

.autocomplete-input-container .autocomplete-input .autocomplete-selected-option {
    background-color: var(--accent-background-secondary);
    cursor: default;
    color: var(--text-primary);
    border-radius: 5px;
    gap: 8px;
    padding: .3rem .5rem;
    font-size: 14px;
    line-height: 1rem;
    display: flex
}

.autocomplete-input-container .autocomplete-input .autocomplete-selected-option i {
    cursor: pointer
}

.autocomplete-input-container .autocomplete-input input[type=text] {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: none;
    font-size: 1rem
}

.autocomplete-input-container .autocomplete-input input[type=text]:focus {
    box-shadow: none;
    border-color: none
}

.autocomplete-input-container .autocomplete-input-options {
    z-index: 99;
    width: 100%;
    max-height: 250px;
    box-shadow: var(--primary-shadow);
    background-color: var(--background-secondary);
    border-radius: .2rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    position: absolute;
    top: 100%;
    overflow: auto
}

.autocomplete-input-container .autocomplete-input-options.on-top {
    top: unset;
    bottom: 100%
}

.autocomplete-input-container .autocomplete-input-options .autocomplete-option {
    color: var(--text-primary);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    padding: .5rem
}

.autocomplete-input-container .autocomplete-input-options .autocomplete-option:hover,
.autocomplete-option.highlighted {
    background-color: var(--accent-color);
    color: var(--accent-background-secondary)
}

.autocomplete-input-container .autocomplete-input-options .autocomplete-option.selected {
    color: var(--color-103);
    background-color: var(--accent-background-secondary);
    pointer-events: none;
    opacity: .8;
    cursor: disabled
}

.autocomplete-input-container .autocomplete-input.outline-accent {
    outline: 2px solid var(--accent-color)
}

.dropdown .dropdown-menu .dropdown-content {
    box-shadow: var(--primary-shadow);
    background-color: var(--background-secondary);
    border-radius: .5rem;
    padding: .5rem
}

.dropdown .dropdown-menu .dropdown-content .dropdown-item {
    background-color: inherit;
    cursor: pointer;
    color: var(--text-primary);
    border: none;
    border-radius: .5rem;
    padding: .5rem;
    display: flex;
    position: relative
}

.dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
    color: var(--accent-color)
}

.flatpickr-calendar {
    opacity: 0;
    text-align: center;
    visibility: hidden;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: 0 0;
    background: var(--background-primary);
    direction: ltr;
    border: 0;
    border-radius: 5px;
    width: 307.875px;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    animation: none;
    display: none;
    position: absolute;
    box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
    opacity: 1;
    visibility: visible;
    max-height: 640px
}

.flatpickr-calendar.open {
    z-index: 99999;
    display: inline-block
}

.flatpickr-calendar.animate.open {
    animation: .3s cubic-bezier(.23, 1, .32, 1) fpFadeInDown
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #e6e6e6;
    height: 40px
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
    pointer-events: none;
    content: "";
    border: solid #0000;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 22px
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    display: inline-block;
    position: relative
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    color: var(--text-primary);
    fill: #000000e6;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    background: 0 0;
    flex: 1;
    height: 34px;
    line-height: 1;
    position: relative;
    overflow: hidden
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 3;
    height: 34px;
    color: var(--text-primary);
    fill: var(--text-primary);
    padding: 10px;
    text-decoration: none;
    position: absolute;
    top: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    fill: inherit;
    transition: fill .1s
}

.numInputWrapper {
    height: auto;
    position: relative
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.numInputWrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.numInputWrapper span {
    opacity: 0;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #39393926;
    width: 14px;
    height: 50%;
    padding: 0 4px 0 2px;
    line-height: 50%;
    position: absolute;
    right: 0
}

.numInputWrapper span:hover {
    background: #0000001a
}

.numInputWrapper span:active {
    background: #0003
}

.numInputWrapper span:after {
    content: "";
    display: block;
    position: absolute
}

.numInputWrapper span.arrowUp {
    border-bottom: 0;
    top: 0
}

.numInputWrapper span.arrowUp:after {
    border-bottom: 4px solid #39393999;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-top: 4px solid #39393999;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: #00000080
}

.numInputWrapper:hover {
    background: #0000000d
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    color: inherit;
    text-align: center;
    width: 75%;
    height: 34px;
    padding: 7.48px 0 0;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    position: absolute;
    left: 12.5%;
    transform: translate(0, 0)
}

.flatpickr-current-month span.cur-month {
    color: inherit;
    margin-left: .5ch;
    padding: 0;
    font-family: inherit;
    font-weight: 700;
    display: inline-block
}

.flatpickr-current-month span.cur-month:hover {
    background: #0000000d
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch�;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #000000e6
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #000000e6
}

.flatpickr-current-month input.cur-year {
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: 0 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0 0 0 .5ch;
    display: inline-block
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    color: #00000080;
    pointer-events: none;
    background: 0 0;
    font-size: 100%
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    height: auto;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    vertical-align: initial;
    background: 0 0;
    border: none;
    border-radius: 0;
    outline: none;
    width: auto;
    margin: -1px 0 0;
    padding: 0 0 0 .5ch;
    position: relative
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: #0000000d
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: var(--accent-background-secondary);
    color: var(--text-primary);
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    text-align: center;
    background: 0 0;
    align-items: center;
    width: 100%;
    height: 28px;
    display: flex;
    overflow: hidden
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    flex: 1;
    display: flex
}

span.flatpickr-weekday {
    cursor: default;
    color: var(--text-primary);
    text-align: center;
    background: 0 0;
    flex: 1;
    margin: 0;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    display: block
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    align-items: flex-start;
    width: 307.875px;
    display: flex;
    position: relative;
    overflow: hidden
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    text-align: left;
    box-sizing: border-box;
    opacity: 1;
    outline: 0;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    padding: 0;
    display: flex;
    transform: translate(0, 0)
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 #e6e6e6
}

.flatpickr-day {
    box-sizing: border-box;
    color: var(--text-primary);
    cursor: pointer;
    text-align: center;
    background: 0 0;
    border: 1px solid #0000;
    border-radius: 150px;
    flex-basis: 14.2857%;
    justify-content: center;
    width: 14.2857%;
    max-width: 39px;
    height: 39px;
    margin: 0;
    font-weight: 400;
    line-height: 39px;
    display: inline-block;
    position: relative
}

.flatpickr-day:hover {
    color: #00000080
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    background: #e6e6e6;
    border-color: #e6e6e6;
    outline: 0
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    color: #fff;
    background: #959ea9;
    border-color: #959ea9
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--accent-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: var(--accent-color)
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 #569ff7
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: var(--text-primary);
    opacity: .3;
    cursor: default;
    background: 0 0;
    border-color: #0000
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    opacity: .1
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 #569ff7, 5px 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    color: #3939394d;
    cursor: default;
    background: 0 0;
    border: none;
    width: 100%;
    max-width: none;
    display: block
}

.flatpickr-innerContainer {
    box-sizing: border-box;
    display: flex;
    overflow: hidden
}

.flatpickr-rContainer {
    box-sizing: border-box;
    padding: 0;
    display: inline-block
}

.flatpickr-time {
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    height: 0;
    max-height: 40px;
    line-height: 40px;
    display: flex;
    overflow: hidden
}

.flatpickr-time:after {
    content: "";
    clear: both;
    display: table
}

.flatpickr-time .numInputWrapper {
    float: left;
    flex: 1;
    width: 40%;
    height: 40px
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    height: inherit;
    line-height: inherit;
    color: var(--text-primary);
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: 0 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    position: relative
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    border: 0;
    outline: 0
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    -webkit-user-select: none;
    user-select: none;
    align-self: center;
    width: 2%;
    font-weight: 700
}

.flatpickr-time .flatpickr-am-pm {
    cursor: pointer;
    text-align: center;
    outline: 0;
    width: 18%;
    font-weight: 400
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: var(--accent-background-secondary)
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

body.login-page .auth-section,
body.message-form-page .auth-section {
    min-height: 100vh
}

body.login-page .auth-section .multi-theme-icon-container,
body.message-form-page .auth-section .multi-theme-icon-container {
    z-index: 10;
    top: .75rem;
    left: .75rem;
    position: fixed !important
}

body.login-page .auth-section .language-dropdown,
body.message-form-page .auth-section .language-dropdown {
    z-index: 10;
    top: .75rem;
    right: .75rem;
    position: fixed !important
}

body.login-page .auth-section .auth-form-section,
body.message-form-page .auth-section .auth-form-section {
    background-color: var(--background-primary);
    flex: 1
}

body.login-page .auth-banner-container,
body.message-form-page .auth-banner-container {
    flex: 1
}

body.login-page {
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    display: flex !important
}

body.login-page .auth-section {
    flex: auto;
    height: 100vh;
    min-height: 100vh;
    align-items: stretch !important
}

body.login-page #page-columns {
    height: 100vh;
    min-height: 100vh
}

body.login-page.has-custom-footer .auth-section,
body.login-page.has-custom-footer #page-columns {
    height: 90vh;
    min-height: 90vh
}

body.login-page .auth-section .auth-form-section,
body.login-page .auth-section .auth-banner-container {
    align-self: stretch !important
}

body.login-page .auth-section .header-container {
    top: .75rem;
    left: 2.75rem;
    right: 2.75rem
}

body.login-page .auth-section .language-dropdown {
    z-index: 1
}

body.login-page .auth-section .auth-form-section .auth-form-container {
    max-width: 24rem
}

body.login-page .auth-section .auth-form-section .auth-form-container #resetFormCard .forgot-password-title {
    color: var(--text-primary);
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 2rem
}

body.login-page .auth-section .auth-form-section .auth-form-container #resetFormCard .reset-password-label {
    color: var(--text-primary);
    font-size: .875rem;
    line-height: 1.25rem
}

body.login-page .auth-section .auth-form-section .auth-form-container form .input-label {
    color: var(--text-primary);
    font-size: 1rem;
    line-height: 1.5rem
}

body.login-page .auth-section .auth-form-section .auth-form-container form .input {
    color: var(--text-primary);
    border-radius: .375rem
}

body.login-page .auth-section .auth-form-section .auth-form-container #loginFormCard form .forgot-link,
body.login-page .auth-section .auth-form-section .auth-form-container #resetFormCard .back-to-login-label {
    color: var(--accent-color);
    padding: 0
}

body.login-page .auth-section .auth-form-section .auth-form-container #loginFormCard form .forgot-link:hover {
    color: var(--accent-color)
}

body.login-page .auth-section .auth-form-section .auth-form-container #loginFormCard form .remember-me {
    margin-left: .5rem
}

body.login-page .auth-section .auth-form-section .auth-form-container #loginFormCard .continue-label {
    text-align: center
}

body.login-page .auth-section .auth-form-section .auth-form-container #loginFormCard .continue-label .content-line {
    flex: 1;
    position: relative
}

body.login-page .auth-section .auth-form-section .auth-form-container #loginFormCard .continue-label .content-line:after {
    content: "";
    background-color: #9ca3af;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0
}

body.login-page .auth-section .auth-form-section .auth-form-container #loginFormCard .social-continue-btn {
    width: 100%;
    height: 2.75rem;
    fill: var(--text-primary);
    border: 1px solid #f3f4f6;
    border-radius: .25rem;
    gap: .5rem;
    padding: .5rem
}

body.login-page .auth-section .auth-form-section .auth-form-container #loginFormCard .crush-auth-container {
    gap: 1rem
}

body.login-page .accept-cookie-notification {
    background-color: var(--backdrop-color);
    flex-wrap: wrap;
    height: auto;
    min-height: 70px;
    padding: .75rem 2.5rem .75rem .5rem;
    position: fixed;
    left: 0;
    z-index: 100 !important
}

body.login-page .accept-cookie-notification.show {
    animation: .3s linear slideInUp;
    bottom: 0
}

body.login-page .accept-cookie-notification.remove {
    animation: .3s linear slideInDown;
    bottom: -200px
}

body.login-page #acceptCookieNotificationCloseButton {
    top: 0;
    right: 0
}

body.login-page #customFooterLoginPageContainer {
    z-index: 10;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: auto;
    padding: .75rem 1rem;
    display: flex;
    position: relative !important;
    bottom: auto !important;
    left: auto !important
}

body.login-page #sign-in-button:disabled {
    opacity: .7;
    cursor: not-allowed
}

@media (max-width:640px) {
    body.login-page .auth-section .auth-form-section .auth-form-container {
        padding: 1rem 0
    }

    body.login-page.has-custom-footer .auth-section,
    body.login-page.has-custom-footer #page-columns {
        height: 80vh;
        min-height: 80vh
    }
}

body.login-page .control .icon.password-toggle,
.control .icon.password-toggle {
    pointer-events: auto !important;
    cursor: pointer !important
}

.reset-section {
    height: 100vh
}

.reset-section .multi-theme-icon-container {
    top: .75rem;
    left: .75rem
}

.reset-section .language-dropdown {
    top: .75rem;
    right: .75rem
}

.reset-section .header-container {
    top: .75rem;
    left: 2.75rem;
    right: 2.75rem
}

.reset-section .reset-form-section {
    background-color: var(--background-primary);
    flex: 1
}

.reset-section .reset-form-section .reset-form-container {
    max-width: 24rem
}

.reset-section .reset-form-section .reset-form-container form .input-label {
    color: var(--text-primary);
    font-size: 1rem;
    line-height: 1.5rem
}

.reset-section .reset-form-section .reset-form-container form .input {
    color: var(--text-primary);
    border-radius: .375rem
}

.reset-section .reset-form-section .reset-form-container #loginFormCard .crush-auth-container {
    gap: 1rem
}

.reset-section .reset-form-section .reset-form-container .back-to-login-label {
    color: var(--accent-color);
    padding: 0
}

.reset-banner-container {
    flex: 1
}

.reset-section .forgot-password-title {
    color: var(--text-primary);
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 2rem
}

#customFooterLoginPageContainer {
    position: fixed;
    bottom: 70px;
    left: 0
}

@media (max-width:640px) {
    .reset-section .reset-form-section .reset-form-container {
        padding: 1rem 0
    }
}

.control .icon.password-toggle {
    pointer-events: auto !important;
    cursor: pointer !important
}

body.message-form-page .auth-section {
    align-items: stretch !important
}

body.message-form-page .auth-section .auth-form-section {
    overflow-y: auto;
    align-items: flex-start !important
}

body.message-form-page .auth-section .auth-form-section .auth-form-container {
    width: min(90%, 60rem)
}

body.message-form-page .auth-section .auth-form-section .auth-form-container .back-to-login-label {
    color: var(--accent-color);
    font-size: .875rem;
    line-height: 1.25rem
}

body.message-form-page .auth-section .auth-form-section .auth-form-container .logo {
    width: auto;
    height: 3rem
}

body.message-form-page .auth-banner-container {
    height: 100vh;
    position: sticky;
    top: 0
}

body.message-form-page .auth-section .custom-form .grid-column-gap {
    grid-gap: .75rem 1.5rem;
    grid-template-columns: minmax(16rem, 1.2fr) minmax(20rem, 2fr)
}

body.message-form-page .auth-section .custom-form .grid-column-gap .custom-form-field:nth-child(odd) {
    text-align: right;
    font-weight: 600
}

body.message-form-page .auth-section .auth-form-section .auth-form-container .registration-completed {
    grid-gap: .5rem;
    background-color: var(--success-color-light);
    border: 1px solid var(--success-color);
    border-radius: .375rem
}

body.message-form-page .auth-section .auth-form-section .auth-form-container .registration-completed a {
    color: var(--accent-color)
}

body.message-form-page .auth-section .auth-form-section .auth-form-container .registration-failed {
    grid-gap: .5rem;
    background-color: var(--error-color-light);
    border: 1px solid var(--error-color);
    border-radius: .375rem
}

@media (max-width:640px) {
    body.message-form-page .auth-section .auth-form-section .auth-form-container {
        width: 90%;
        padding: 1rem 0
    }

    body.message-form-page .auth-section .custom-form .grid-column-gap {
        grid-gap: .75rem;
        grid-template-columns: 1fr
    }
}

.revisions-container {
    font-family: var(--font-family) !important
}

.modal-card-head,
.modal-card-foot {
    padding: 10px
}

.context-menu-section {
    width: 225px;
    max-height: 100vh;
    box-shadow: var(--primary-shadow);
    opacity: var(--context-menu-opacity, 0);
    background-color: var(--background-primary);
    top: var(--context-menu-top, auto);
    left: var(--context-menu-left, auto);
    z-index: 991;
    transform-origin: 0 0;
    transform: var(--context-menu-transform, scale(0)translate(0px, .25rem));
    border-radius: .25rem;
    transition-duration: .15s;
    position: fixed;
    overflow: hidden auto
}

.context-menu-section .context-menu-container {
    color: var(--text-primary);
    flex-direction: column;
    padding-top: .1rem;
    padding-bottom: .2rem;
    display: flex
}

.context-menu-section .context-menu-container .context-menu-item {
    cursor: pointer;
    align-items: center;
    padding: .3rem .5rem;
    font-size: .875rem;
    line-height: 1rem;
    display: flex;
    position: relative
}

.context-menu-section .context-menu-container .context-menu-item .custom-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

.context-menu-section .context-menu-container .context-menu-item:hover {
    background-color: var(--accent-background-secondary)
}

.context-menu-section .context-menu-container .context-menu-item p {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    overflow: hidden
}

.context-sub-menu-container {
    color: var(--text-primary);
    background-color: var(--background-primary);
    min-width: 15rem;
    box-shadow: var(--primary-shadow);
    z-index: 991;
    transform: var(--context-sub-menu-transform, translate(0, 0));
    flex-direction: column;
    display: none;
    position: fixed;
    top: 0;
    left: 100%
}

.context-sub-menu-container .context-menu-item {
    cursor: pointer;
    align-items: center;
    padding: .3rem .5rem;
    font-size: .875rem;
    line-height: 1rem;
    display: flex;
    position: relative
}

.context-sub-menu-container .context-menu-item:hover,
.context-menu-section .context-menu-container .background-hover {
    background-color: var(--accent-background-secondary)
}

.manage-shares-container {
    font-family: var(--font-family) !important
}

.manage-shares-table-wrapper .table-responsive.list-table {
    width: 100%;
    overflow: auto hidden
}

.manage-shares-table-wrapper .table-responsive.list-table .table {
    width: 100%;
    min-width: 1100px
}

.manage-shares-table-wrapper .list-table .table thead tr,
.manage-shares-table-wrapper .list-table .table .table-body .table-tr {
    width: 100%
}

.manage-shares-table-wrapper .list-table .table thead tr th:nth-child(2),
.manage-shares-table-wrapper .list-table .table .table-body .table-tr td:nth-child(2),
.manage-shares-table-wrapper .list-table .table thead tr th:nth-child(3),
.manage-shares-table-wrapper .list-table .table .table-body .table-tr td:nth-child(3) {
    flex: 0 0 calc(10% - 3.8px) !important;
    width: calc(10% - 3.8px) !important
}

.manage-shares-table-wrapper .list-table .table thead tr th:nth-child(4),
.manage-shares-table-wrapper .list-table .table .table-body .table-tr td:nth-child(4) {
    flex: 0 0 calc(15% - 5.7px) !important;
    width: calc(15% - 5.7px) !important
}

.manage-shares-table-wrapper .list-table .table thead tr th:nth-child(5),
.manage-shares-table-wrapper .list-table .table .table-body .table-tr td:nth-child(5) {
    flex: 0 0 calc(25% - 9.5px) !important;
    width: calc(25% - 9.5px) !important
}

.manage-shares-table-wrapper .list-table .table thead tr th:nth-child(6),
.manage-shares-table-wrapper .list-table .table .table-body .table-tr td:nth-child(6) {
    flex: 0 0 calc(15% - 5.7px) !important;
    width: calc(15% - 5.7px) !important
}

.manage-shares-table-wrapper .list-table .table thead tr th:nth-child(7),
.manage-shares-table-wrapper .list-table .table .table-body .table-tr td:nth-child(7) {
    flex: 0 0 calc(10% - 3.8px) !important;
    width: calc(10% - 3.8px) !important
}

.manage-shares-table-wrapper .list-table .table thead tr th:nth-child(8),
.manage-shares-table-wrapper .list-table .table .table-body .table-tr td:nth-child(8) {
    flex: 0 0 calc(15% - 5.7px) !important;
    width: calc(15% - 5.7px) !important
}

#manage-shares-search-input {
    width: 200px;
    color: var(--text-primary);
    border-radius: .375rem;
    height: 1.5rem;
    padding: 0 .5rem;
    font-size: .9rem
}

.refresh-button {
    cursor: pointer;
    padding: 0;
    font-size: .9rem
}

.refresh-button:hover {
    color: var(--accent-color)
}

.manage-share-details-hover-btn {
    background-color: var(--backdrop-color);
    opacity: .6;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    padding: .5rem;
    transition: opacity .2s;
    position: relative
}

.manage-share-details-hover-btn i {
    color: var(--text-primary);
    font-size: .9rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.manage-share-details-hover-btn:hover {
    background-color: var(--accent-background-secondary);
    opacity: .8
}

.modal-card-head,
.modal-card-foot {
    padding: 10px
}

.share-details-data-left {
    border-right: 1px solid var(--border-color)
}

.share-details-data-left,
.share-details-data-right {
    width: 50%
}

.share-details-data-grid {
    grid-gap: 1rem;
    border-bottom: 1px solid var(--border-color);
    grid-template-columns: 150px auto 50px;
    align-items: start;
    display: grid
}

.share-details-data-grid .share-details-data-grid-value {
    word-break: break-all
}

.share-details-data-grid .search-button {
    visibility: hidden;
    color: var(--text-primary);
    background-color: #0000;
    border: none;
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: .1rem;
    display: flex
}

.share-details-data-grid .search-button i {
    font-size: .7rem
}

.share-details-data-grid .search-button:hover {
    border: 1px solid var(--border-color);
    background-color: var(--background-primary)
}

.share-details-data-grid:hover {
    background-color: var(--accent-background-secondary)
}

.share-details-data-grid:hover .search-button {
    visibility: visible
}

.share-details-column-wrapper.share-type-internal {
    flex-direction: column
}

.share-details-column-wrapper.share-type-internal .share-details-data-left {
    border: none;
    padding: 0 !important
}

.share-details-column-wrapper.share-type-internal .share-details-data-right {
    width: 100%
}

#time-picker-parent {
    width: 100px
}

.upload-container {
    font-family: var(--font-family) !important
}

.upload-drag-and-drop-section {
    background-color: var(--backdrop-color);
    z-index: 10;
    color: var(--text-secondary);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.upload-drag-and-drop-section .icon-ok-circle {
    font-size: 2rem;
    line-height: 2rem
}

.drag-and-drop-upload-box {
    border: 2px dashed #d9d9d9;
    border-radius: 1rem;
    width: 20rem;
    height: 12rem;
    margin: auto
}

.upload-section {
    background-color: var(--background-primary)
}

.upload-section .upload-container {
    gap: 10px
}

.upload-section .upload-container .upload-header-section .upload-action {
    color: var(--text-primary);
    border: 2px solid var(--border-color);
    cursor: pointer;
    border-radius: 5px;
    padding: .3rem .7rem;
    font-weight: 600
}

.upload-section .upload-container .upload-header-section .upload-action:hover {
    color: var(--accent-color)
}

.upload-section .upload-container .upload-filter-checkAll {
    padding: .5rem .7rem
}

.upload-section .upload-container .upload-files-section {
    flex: auto;
    overflow: auto
}

.upload-section .upload-container .upload-scroll-activity {
    background-color: var(--accent-background-secondary);
    gap: 4px;
    padding: .3rem .5rem
}

.upload-section .upload-container .upload-total-failed {
    color: var(--error-color);
    gap: 5px
}

.upload-section .upload-container .upload-queue-subInfo {
    border-top: 1px solid var(--border-color)
}

.upload-section .upload-container .upload-queue-subInfo .upload-selected-info:after {
    content: "|"
}

.upload-section .upload-container .upload-queue-subInfo .filter-applied {
    background-color: var(--accent-color);
    padding: 3px .25rem
}

.upload-section .progress-bar {
    width: 15rem
}

.upload-section .progress-bar progress {
    height: 6px
}

.upload-section .progress-bar progress[value]::-webkit-progress-value {
    transition: width .1s
}

.upload-section .progress.success-progress::-webkit-progress-value {
    background-color: var(--success-color)
}

.upload-section .progress::-webkit-progress-bar {
    background-color: var(--bg-primary-progress)
}

.upload-file-card-wrapper {
    width: 100%
}

.upload-file-card-wrapper:not(:last-child) {
    border-bottom: 1px solid var(--border-color)
}

.upload-file-card {
    grid-gap: 12px;
    height: 80px;
    padding: .5rem .7rem
}

.upload-file-card .upload-file-card-icon-wrapper {
    background-color: var(--accent-background-secondary);
    border-radius: .2rem;
    width: 60px;
    height: 60px
}

.upload-file-card .upload-type-badge {
    position: absolute;
    top: -11px;
    right: 0
}

.upload-file-card .upload-file-card-icon-wrapper .folder-icon {
    color: var(--accent-color);
    font-size: 2.5rem;
    line-height: 1
}

.upload-file-card-details-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.upload-file-card .upload-progress-status,
.upload-file-card .progress-bar-container #completed-percentage {
    color: var(--color-103)
}

.upload-file-card-details-container .file-details-left-section {
    flex: 1;
    overflow: hidden
}

.upload-file-card-details-container .action-button-wrapper {
    grid-gap: 10px
}

.upload-file-card-details-container .action-button-wrapper button:hover {
    color: var(--accent-color)
}

.upload-file-card .upload-finalizing-box {
    z-index: 1;
    background-color: var(--backdrop-color);
    top: 0;
    left: 0
}

.upload-file-card .upload-finalizing-box .icon-folder-open {
    animation: 1.5s linear infinite zoomInOut
}

.modal-card-head .modal-card-title {
    font-size: 1rem
}

.modal-card-foot {
    padding: 10px !important
}

@media screen and (max-width:767px) {

    .upload-file-card,
    .upload-file-card-details-container .file-details-left-section .action-button-wrapper {
        grid-gap: 6px
    }

    .upload-file-card .upload-file-card-icon-wrapper {
        width: 2rem;
        height: 2rem
    }

    .upload-file-card .upload-file-card-icon-wrapper .folder-icon {
        font-size: 1.5rem
    }
}

#server-write-progress-upload.d-n {
    display: none
}

#server-write-progress-upload:not(.d-n) {
    display: block
}

.server-write-progress-upload {
    background-color: var(--stats-section-color);
    border: 1px solid var(--border-color);
    width: 100%;
    color: var(--text-primary);
    z-index: 10;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    position: fixed;
    bottom: 114px;
    right: 0;
    box-shadow: 0 0 10px #0000001a
}

.server-write-progress-upload .socket-info-table {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
    color: var(--text-primary);
    margin-top: 10px;
    display: table
}

.server-write-progress-upload .socket-info-table tr {
    display: table-row
}

.server-write-progress-upload .socket-info-table td {
    text-align: center;
    color: var(--text-primary);
    padding: 4px;
    display: table-cell
}

.server-write-progress-upload .socket-info-table .text-left {
    text-align: left
}

.server-write-progress-upload .socket-info-table .text-center {
    text-align: center
}

.server-write-progress-upload .socket-info-table .w-80px {
    width: 80px
}

.periodic-check-indicator[data-status=active] {
    background-color: #4caf50
}

.periodic-check-indicator[data-status=inactive] {
    background-color: #9e9e9e
}

.server-write-progress-upload .socket-info-table .summary-row,
.server-write-progress-upload .socket-info-table .status-row {
    display: table-row !important
}

.server-write-progress-upload .socket-info-table .summary-row td,
.server-write-progress-upload .socket-info-table .status-row td {
    border-top: 1px solid var(--border-color);
    padding: 8px 4px;
    display: table-cell !important
}

.server-write-progress-upload .socket-info-table td strong {
    color: var(--text-primary)
}

.server-write-progress-upload .progress-bar {
    background-color: var(--bg-primary-progress);
    border-radius: 10px;
    width: 100%;
    height: 5px;
    overflow: hidden
}

.server-write-progress-upload .progress-fill {
    background-color: #4caf50;
    height: 100%;
    transition: width .3s
}

.server-write-progress-upload .progress-text {
    margin-top: 5px;
    font-size: 12px
}

.upload-complete-chip {
    background-color: var(--background-primary);
    border: none;
    border-radius: 5px;
    width: auto;
    padding: 15px 30px;
    transition: all .3s;
    position: relative;
    box-shadow: 0 4px 6px #0000001a
}

.upload-complete-chip p {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600
}

.upload-complete-chip:hover {
    box-shadow: 0 6px 8px #00000026
}

.upload-complete-chip .close-button {
    cursor: pointer;
    color: var(--text-primary);
    background-color: #0000;
    border: none;
    border-radius: .375rem;
    width: 25px;
    height: 25px;
    padding: .5rem;
    font-size: 1rem;
    transition: all .2s;
    top: 10px;
    right: 10px
}

.upload-complete-chip .close-button:hover {
    background-color: var(--accent-background-secondary)
}

#uploadFormTemplate .file-navigation-upload-form {
    border-bottom: 1px solid var(--border-color)
}

#uploadFormTemplate .do-not-show-form-for-add-files-container {
    border-top: 1px solid var(--border-color)
}

#uploadFormTemplate .do-not-show-form-for-add-files {
    background-color: var(--accent-color);
    padding: 3px .25rem
}

#uploadFormTemplate #uploadFormContainer {
    overflow: auto
}

#uploadFormTemplate .quick-view-btn {
    background-color: var(--backdrop-color);
    opacity: .6;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    padding: .5rem;
    transition: opacity .2s;
    position: relative
}

#uploadFormTemplate .quick-view-btn:hover {
    background-color: var(--accent-background-secondary);
    opacity: .8
}

#uploadFormTemplate .quick-view-btn i {
    color: var(--text-primary);
    font-size: .9rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#uploadFormTemplate .quick-view-btn:disabled {
    color: #828282;
    background-color: #969696
}

.skeleton {
    --lines: 1;
    --l-h: 20px;
    --l-gap: 10px;
    --g-gap: 15px;
    --c-w: 300px;
    --c-p: 10px;
    --bg: #e2e1eb;
    --c-bg: transparent;
    --shine: #fff3;
    --t: 2s;
    --c-s: 40px;
    --c-pos: center;
    --rect-h: 80px;
    padding: var(--c-p);
    width: var(--c-w);
    background: var(--c-bg);
    --ln: linear-gradient(#000, #000);
    --circle: radial-gradient(calc(var(--c-s)/2)calc(var(--c-s)/2)at 50% 50%, #000 98%, transparent 100%);
    --m: unset;
    --m-r: inherit;
    position: relative;
    box-sizing: border-box !important
}

.skeleton:after,
.skeleton:before {
    content: "";
    left: var(--c-p);
    top: var(--c-p);
    width: calc(100% - calc(var(--c-p)*2));
    height: calc(100% - calc(var(--c-p)*2));
    -webkit-mask: var(--m);
    -webkit-mask: var(--m);
    mask: var(--m);
    -webkit-mask-repeat: var(--m-r);
    -webkit-mask-repeat: var(--m-r);
    mask-repeat: var(--m-r);
    position: absolute
}

.skeleton:before {
    background: var(--bg)
}

.skeleton:after {
    background: linear-gradient(to right, transparent 0 20%, var(--shine), transparent 80% 100%)-300% 0/80% 100% no-repeat;
    animation: s var(--t)linear infinite
}

@keyframes s {
    to {
        background-position: 600% 0
    }
}

.skeleton.no-animate:after {
    animation: none
}

.skeleton.skeleton-line {
    height: calc((var(--l-h)*var(--lines)) + (var(--l-gap)*(var(--lines) - 1)) + var(--c-p)*2);
    --m: linear-gradient(#000 0 var(--l-h), transparent var(--l-h)calc(var(--l-h) + var(--l-gap)))0 0/100% calc(var(--l-h) + var(--l-gap))
}

.skeleton.skeleton-circle {
    width: calc(var(--c-s) + var(--c-p)*2);
    height: calc(var(--c-s) + var(--c-p)*2);
    --m: var(--circle)0 50%/var(--c-s)var(--c-s)no-repeat
}

.skeleton.skeleton-circle-line {
    height: calc(var(--c-s) + var(--c-p)*2);
    --m: var(--circle)0 50%/calc(var(--c-s))calc(var(--c-s)), var(--ln)calc(var(--c-s) + var(--g-gap))var(--c-pos)/100% var(--l-h);
    --m-r: no-repeat
}

.skeleton.skeleton-circle-multi-line {
    height: calc((var(--l-h)*var(--lines)) + (var(--l-gap)*(var(--lines) - 1)) + var(--c-p)*2);
    --m: var(--circle)0 var(--c-pos)/calc(var(--c-s))calc(var(--c-s)), linear-gradient(#000 0 var(--l-h), transparent var(--l-h)calc(var(--l-h) + var(--l-gap)))calc(var(--c-s) + var(--g-gap))0%/100% calc(var(--l-h) + var(--l-gap));
    --m-r: no-repeat, no-repeat repeat
}

.skeleton.skeleton-circle-multi-line.adapt-to-circle {
    height: calc(var(--c-s) + var(--c-p)*2);
    --m-r: no-repeat, no-repeat space
}

.skeleton.skeleton-rect {
    height: calc(((var(--l-h)*var(--lines)) + (var(--l-gap)*(var(--lines) - 1)) + var(--g-gap))*clamp(0, var(--lines), 1) + var(--rect-h) + var(--c-p)*2);
    --m: var(--ln)0 0/100% var(--rect-h), repeating-linear-gradient(#000 0 var(--l-h), transparent var(--l-h)calc(var(--l-h) + var(--l-gap)))0 calc(var(--rect-h) + var(--g-gap))/100% calc(100% - (var(--rect-h) + var(--g-gap)));
    --m-r: no-repeat
}

.skeleton.skeleton-chart-line {
    --chart-btm: 40px;
    --chart-h: 200px;
    height: calc(var(--chart-h) + var(--c-p)*2);
    --m: var(--ln)0 100%/100% var(--chart-btm), linear-gradient(to left bottom, transparent 0 49.5%, #000 50% 100%)left 0 bottom var(--chart-btm)/calc((var(--c-w)/10)*2)calc(var(--chart-h)/2), linear-gradient(to right bottom, transparent 0 49.5%, #000 50% 100%)left calc((var(--c-w)/10)*2)bottom var(--chart-btm)/calc((var(--c-w)/10)*3)calc(var(--chart-h) - var(--chart-btm)), linear-gradient(to left bottom, transparent 0 49.5%, #000 50% 100%)left calc((var(--c-w)/10)*5)bottom var(--chart-btm)/calc((var(--c-w)/10)*3)calc(var(--chart-h) - var(--chart-btm)), linear-gradient(to right bottom, transparent 0 49.5%, #000 50% 100%)left calc((var(--c-w)/10)*8)bottom var(--chart-btm)/calc((var(--c-w)/10)*2.5)calc(var(--chart-h)/2.5);
    --m-r: no-repeat
}

.skeleton.skeleton-chart-columns {
    --cols: 5;
    --col-w: 25px;
    --col-gap: 25px;
    --o-l: calc(var(--col-w) + var(--col-gap));
    --chart-h: 200px;
    height: calc(var(--chart-h) + var(--c-p)*2);
    width: calc(((var(--cols) - 1)*var(--o-l)) + var(--col-w) + var(--c-p)*2);
    --m: var(--ln)0 100%/var(--col-w)calc((var(--chart-h)/10)*4), var(--ln)calc(var(--o-l))100%/var(--col-w)calc((var(--chart-h)/10)*3), var(--ln)calc(var(--o-l)*2)100%/var(--col-w)calc((var(--chart-h)/10)*6), var(--ln)calc(var(--o-l)*3)100%/var(--col-w)calc((var(--chart-h)/10)*8), var(--ln)calc(var(--o-l)*4)100%/var(--col-w)calc((var(--chart-h)/10)*2), var(--ln)calc(var(--o-l)*5)100%/var(--col-w)calc((var(--chart-h)/10)*5), var(--ln)calc(var(--o-l)*6)100%/var(--col-w)calc((var(--chart-h)/10)*4), var(--ln)calc(var(--o-l)*7)100%/var(--col-w)calc((var(--chart-h)/10)*9), var(--ln)calc(var(--o-l)*8)100%/var(--col-w)calc((var(--chart-h)/10)*2), var(--ln)calc(var(--o-l)*9)100%/var(--col-w)calc((var(--chart-h)/10)*7);
    --m-r: no-repeat
}

.skeleton.skeleton-card-1 {
    --card-h: 150px;
    --g-gap: 30px;
    --c-s: 30px;
    --c-w-o: (var(--c-w) - var(--c-p)*2);
    height: calc(var(--card-h) + var(--c-p)*2);
    --r-x: calc((var(--c-w-o)/4) + var(--g-gap));
    --l-x: calc((var(--c-w-o)/4) + var(--g-gap) + var(--c-s) + var(--l-gap));
    --l-w: calc((var(--c-w-o) - (var(--c-w-o)/4 + (var(--g-gap)*2) + (var(--l-gap)*2) + var(--c-s)*2))/2);
    --m: var(--ln)0 0/calc(var(--c-w-o)/4)var(--card-h), var(--ln)calc((var(--c-w-o)/4) + var(--g-gap))0/calc(var(--c-w-o) - ((var(--c-w-o)/4) + var(--g-gap)))calc(var(--card-h)/5), var(--ln)calc((var(--c-w-o)/4) + var(--g-gap))calc(var(--card-h)/3)/calc(var(--c-w-o) - ((var(--c-w-o)/4) + var(--g-gap)))calc(var(--card-h)/8), var(--ln)calc((var(--c-w-o)/4) + var(--g-gap))calc(var(--card-h)/1.8)/calc(var(--c-w-o) - ((var(--c-w-o)/4) + var(--g-gap)))calc(var(--card-h)/8), var(--circle)var(--r-x)100%/calc(var(--c-s))calc(var(--c-s)), var(--ln)left var(--l-x)bottom calc((var(--c-s) - (var(--card-h)/8))/2)/var(--l-w)calc(var(--card-h)/8), var(--circle)calc(var(--l-x) + var(--l-w) + var(--g-gap))100%/calc(var(--c-s))calc(var(--c-s)), var(--ln)left calc(var(--l-x) + var(--l-w) + var(--c-s) + var(--g-gap) + var(--l-gap))bottom calc((var(--c-s) - (var(--card-h)/8))/2)/var(--l-w)calc(var(--card-h)/8);
    --m-r: no-repeat
}

.skeleton.skeleton-card-2 {
    --f-l-w: 90%;
    --f-l-h: 25px;
    --f-l-c: var(--bg);
    --s-l-w: 70%;
    --s-l-h: 20px;
    --s-l-c: var(--bg);
    --s-l-m-t: 15px;
    height: calc(var(--f-l-h) + var(--s-l-m-t) + var(--s-l-h) + var(--g-gap) + ((var(--l-h)*var(--lines)) + (var(--l-gap)*(var(--lines) - 1))) + var(--c-p)*2);
    --top: calc(var(--f-l-h) + var(--s-l-m-t) + var(--s-l-h) + var(--g-gap));
    --m: var(--ln)0 0/var(--f-l-w)var(--f-l-h), var(--ln)0 calc(var(--f-l-h) + var(--s-l-m-t))/var(--s-l-w)var(--s-l-h), var(--ln)0 var(--top)/100% var(--l-h), var(--ln)0 calc(var(--top) + (var(--l-h) + var(--l-gap)))/100% var(--l-h), var(--ln)0 calc(var(--top) + ((var(--l-h) + var(--l-gap))*2))/80% var(--l-h), var(--ln)0 calc(var(--top) + ((var(--l-h) + var(--l-gap))*3))/100% var(--l-h), var(--ln)0 calc(var(--top) + ((var(--l-h) + var(--l-gap))*4))/100% var(--l-h), var(--ln)0 calc(var(--top) + ((var(--l-h) + var(--l-gap))*5))/80% var(--l-h);
    --m-r: no-repeat
}

.skeleton.skeleton-card-2:before {
    background: linear-gradient(var(--f-l-c), var(--f-l-c))0 0/var(--f-l-w)var(--f-l-h)no-repeat, linear-gradient(var(--s-l-c), var(--s-l-c))0 calc(var(--f-l-h) + var(--s-l-m-t))/var(--s-l-w)var(--s-l-h)no-repeat, var(--bg)
}

.skeleton.skeleton-card-3 {
    --c-w: 100%;
    --c-s: 50px;
    --g-gap: 30px;
    --f-l-w: 200px;
    --f-l-h: 20px;
    --s-l-w: 130px;
    --s-l-h: 10px;
    --l-h: 10px;
    --lines: 3;
    --s-l-m-t: 10px;
    height: calc(var(--l-h)*var(--lines) + var(--l-gap)*(var(--lines) - 1) + var(--g-gap) + var(--c-s) + var(--f-l-h) + var(--s-l-h));
    --m: var(--circle)0 0/var(--c-s)var(--c-s), var(--ln)calc(var(--c-s) + var(--g-gap))0/var(--f-l-w)var(--f-l-h), var(--ln)calc(var(--c-s) + var(--g-gap))calc(var(--f-l-h) + var(--s-l-m-t))/var(--s-l-w)var(--s-l-h), repeating-linear-gradient(#000 0 var(--l-h), transparent var(--l-h)calc(var(--l-h) + var(--l-gap)))0 calc(var(--c-s) + var(--g-gap))/100% 100%;
    --m-r: no-repeat
}

.skeleton.skeleton-list {
    --bullet-ratio: 1.4;
    --b: calc(var(--l-h)*var(--bullet-ratio));
    --p: calc((var(--b) - var(--l-h))/2);
    height: calc(var(--b) + ((var(--b) + var(--l-gap))*(var(--lines) - 1)) + var(--c-p)*2);
    --m: repeating-linear-gradient(#000 0 var(--b), transparent var(--b)calc(var(--b) + var(--l-gap)))0 0/var(--b)100%, repeating-linear-gradient(transparent 0 var(--p), #000 var(--p)calc(var(--p) + var(--l-h)), transparent calc(var(--p) + var(--l-h))calc(calc(var(--p)*2 + var(--l-gap) + var(--l-h))))calc(var(--b) + var(--g-gap))0/calc(var(--c-w) - (var(--b) + var(--g-gap)))100%;
    --m-r: no-repeat
}

.skeleton.skeleton-youtube {
    --g-gap: 10px;
    --rect-h: 150px;
    --c-s: 36px;
    height: calc(var(--rect-h) + var(--g-gap) + var(--l-gap) + (var(--l-h)*2) + var(--c-p)*2);
    --m: var(--ln)0 0/100% var(--rect-h), var(--circle)0 calc(var(--rect-h) + var(--g-gap))/var(--c-s)var(--c-s), var(--ln)calc(var(--c-s) + var(--g-gap))calc(var(--rect-h) + var(--g-gap))/calc(((var(--c-w) - var(--c-p)*2) - (var(--c-s) + var(--g-gap)))*.85)var(--l-h), var(--ln)calc(var(--c-s) + var(--g-gap))calc(var(--rect-h) + var(--g-gap) + var(--l-h) + var(--l-gap))/calc(((var(--c-w) - var(--c-p)*2) - (var(--c-s) + var(--g-gap)))*.6)var(--l-h);
    --m-r: no-repeat
}

.skeleton.skeleton-image {
    --i-w: 250px;
    height: var(--i-w);
    width: var(--i-w);
    --cw: calc((var(--i-w) - var(--c-p)*2)/12);
    --ch: calc(var(--i-w)/12);
    --c-s: calc(var(--i-w)/4);
    --m: linear-gradient(to left top, #000 50%, transparent 50.5%)0 100%/calc(var(--cw)*2)calc(var(--ch)*4), linear-gradient(to right top, #000 50%, transparent 50.5%)calc(var(--cw)*2)100%/calc(var(--cw)*2)calc(var(--ch)*4), linear-gradient(to left top, #000 50%, transparent 50.5%)calc(var(--cw)*4)100%/calc(var(--cw)*4)calc(var(--ch)*6), linear-gradient(to right top, #000 50%, transparent 50.5%)calc(var(--cw)*8)100%/calc(var(--cw)*4)calc(var(--ch)*6), var(--circle)left calc(var(--i-w)/8)top calc(var(--i-w)/8)/var(--c-s)var(--c-s);
    --m-r: no-repeat
}

.quick-view-slider {
    background-color: var(--backdrop-color);
    z-index: 100;
    flex-direction: column;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.quick-view-slider .quick-view-footer {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
    display: flex;
    position: absolute;
    bottom: 0
}

.quick-view-slider .quick-view-player-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 100px);
    padding: 3rem 1rem 1rem;
    display: flex
}

.quick-view-slider .quick-view-player-section .quick-view-canvas {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    transition: width .3s, height .3s;
    display: flex
}

.quick-view-slider .quick-view-player-section .quick-view-canvas img,
.quick-view-slider .quick-view-player-section img {
    background-color: var(--accent-background-secondary);
    transform: rotate(var(--image-rotation, 0deg));
    transition: transform .3s, all .2s linear;
    transition-duration: var(--image-transition-duration, .3s);
    animation: .2s linear fadeIn
}

.quick-view-slider .info-bar {
    background-color: #1e1e1e;
    justify-content: space-between;
    padding: .5rem;
    display: flex
}

.quick-view-slider i {
    cursor: pointer
}

.quick-view-slider .quick-view-btn {
    background-color: var(--background-primary);
    opacity: .6;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    padding: .5rem;
    transition: opacity .2s;
    position: relative
}

.quick-view-slider .quick-view-btn:hover {
    background-color: var(--background-primary);
    opacity: .8
}

.quick-view-slider .quick-view-btn i {
    color: var(--text-primary);
    font-size: .9rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.quick-view-slider .quick-view-btn:disabled {
    color: #828282;
    background-color: #969696
}

.quick-view-slider .quick-view-close {
    background-color: var(--background-primary);
    cursor: pointer;
    z-index: 1;
    opacity: .5;
    border-radius: 0 0 0 40px;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 0;
    right: 0
}

.quick-view-slider .quick-view-close .icon-remove {
    color: var(--text-primary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -60%)
}

.quick-view-slider .quick-view-pageTotal {
    position: fixed;
    top: 0;
    left: 5px
}

.quick-view-slider .video-player .video-bar,
.video-player .sound-bar {
    align-items: center;
    display: flex
}

.quick-view-slider .video-player {
    color: #fff;
    width: 50rem;
    font-size: .8rem
}

.quick-view-slider .video-player .video-bar {
    width: 75%
}

.quick-view-slider .video-player .video-bar #play {
    width: 1.5rem
}

.quick-view-slider .video-player .video-bar #currentTime {
    padding: .1rem;
    font-weight: 700
}

.quick-view-slider .video-player .video-bar #duration {
    color: #cacaca;
    padding: .1rem
}

.quick-view-slider .video-player .sound-bar {
    width: 20%
}

.quick-view-slider .video-player input {
    cursor: pointer;
    outline: none;
    width: 100%;
    height: 16px;
    margin: 0 .5rem;
    padding: 0
}

.quick-view-slider::-webkit-scrollbar {
    display: none
}

.quick-view-slider .quick-view-footer .control-bar {
    background-color: #0000;
    justify-content: center;
    gap: .5rem
}

.quick-view-slider .wave-div {
    background-color: var(--background-secondary);
    width: 50rem;
    padding: 4rem 0
}

@keyframes zoomUp {
    0% {
        height: 50%
    }

    to {
        height: 100%
    }
}

@media (max-width:850px) {
    .quick-view-slider .wave-div {
        width: 100%;
        padding: 2rem 0
    }

    .quick-view-slider .video-player {
        width: 100%
    }
}

@media (max-width:650px) {
    .quick-view-slider .video-player .video-bar {
        width: 60%
    }

    .quick-view-slider .video-player .sound-bar {
        width: 30%
    }

    .quick-view-slider .video-player {
        font-size: .8rem
    }
}

.video-preview-container {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 70%;
    min-width: 400px;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: flex;
    position: relative
}

.media-loader {
    border: 5px solid #0006;
    border-top-color: var(--accent-color);
    border-radius: 50%;
    width: 65px;
    height: 65px;
    animation: 1s ease-in-out infinite spin;
    display: none;
    position: absolute
}

.video-play-pause {
    background-color: var(--backdrop-color);
    cursor: pointer;
    z-index: 10;
    opacity: 0;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transition: opacity .3s;
    display: none;
    position: absolute
}

.video-play-pause.visible {
    opacity: 1
}

.video-play-pause:before {
    content: "";
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video-play-pause:not(.playing):not(.error):before {
    border-width: 15px 0 15px 25px;
    border-color: #0000 #0000 #0000 #fff;
    margin-left: 3px
}

.video-play-pause.playing:not(.error):before {
    border: 0 double #fff;
    border-width: 0 6px;
    width: 20px;
    height: 20px;
    margin-left: 0
}

.video-play-pause.error {
    background-color: #f009;
    justify-content: center;
    align-items: center;
    display: flex
}

.video-play-pause.error:hover {
    background-color: #f006
}

.video-play-pause.error:before {
    content: none
}

.video-play-pause.error .icon-warning-sign {
    color: #fff;
    font-size: 24px
}

.video-preview-container .video-js {
    object-fit: contain;
    width: 100%;
    min-width: 100%;
    height: auto;
    visibility: visible !important;
    display: block !important
}

.video-preview-container video.video-js {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important
}

.video-js video,
.video-js .vjs-tech,
.video-js>video {
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    z-index: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    display: block !important;
    position: relative !important
}

.video-js .vjs-control-bar,
.video-js .vjs-control,
.video-js .vjs-controls,
.video-js .vjs-button,
.video-js .vjs-play-control,
.video-js .vjs-volume-control,
.video-js .vjs-progress-control,
.video-js .vjs-time-control,
.video-js .vjs-fullscreen-control,
.video-js .vjs-menu-button {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10 !important;
    display: flex !important;
    position: relative !important
}

.video-js .vjs-control-bar {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10 !important;
    display: flex !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important
}

.video-preview-container .video-js video,
.video-preview-container .video-js .vjs-tech,
.video-preview-container .video-js>video {
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    display: block !important
}

@media (max-width:600px) {
    .video-preview-container {
        width: 90%;
        min-width: 300px
    }
}

.quick-view-slider .quick-view-player-section img {
    max-width: 100% !important;
    max-height: 100% !important
}

#tooltip {
    z-index: 982;
    box-shadow: var(--primary-shadow);
    background-color: var(--background-secondary);
    top: var(--tooltip-top, auto);
    left: var(--tooltip-left, auto);
    right: var(--tooltip-right, auto);
    bottom: var(--tooltip-bottom, auto);
    color: var(--text-primary);
    text-overflow: ellipsis;
    word-break: break-all;
    border-radius: 12px;
    max-width: 50%;
    max-height: 100%;
    padding: 1rem;
    font-size: .8rem;
    display: none;
    position: fixed;
    overflow: hidden
}

#tooltip.d-b {
    display: block
}

#tooltip.d-n {
    display: none
}

#tooltip.tooltip-semi-transparent {
    opacity: .7
}

#tooltip .icon-image {
    max-width: 100%;
    max-height: 15rem;
    color: var(--accent-color);
    object-fit: contain
}

#tooltip>div {
    max-height: var(--media-max-height, 15rem);
    min-height: var(--media-min-height, 5rem);
    min-width: var(--media-min-width, 5rem)
}

.activity-section {
    max-height: 500px
}

.activity-section .activity-list {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: auto
}

.activity-section .activity-list .activity {
    cursor: pointer;
    border-bottom: 1px solid var(--bg-primary-progress);
    width: 100%;
    margin-bottom: .1rem;
    padding: .4rem
}

.activity-section .activity-list .activity.ongoing {
    border-left: 5px solid var(--accent-color)
}

.activity-section .activity-list .activity.waiting {
    border-left: 5px solid var(--activity-waiting-color)
}

.activity-section .activity-list .activity.completed {
    border-left: 5px solid var(--success-color)
}

.activity-section .activity-list .activity.failed,
.activity-section .activity-list .activity.canceled {
    border-left: 5px solid var(--error-color)
}

.activity-section .activity-list .activity:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.activity-section .activity-list .activity .upper-section,
.activity-section .activity-list .activity .lower-section {
    gap: .5rem
}

.activity-section .activity-list .activity .progress-bar {
    width: 100%;
    max-width: 20rem
}

.activity-section .activity-list .activity .progress-bar .completed-percentage {
    z-index: 1;
    font-size: .8rem;
    line-height: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.activity-section .activity-list .activity .progress-bar .bar {
    background-color: var(--accent-color);
    border-radius: .5rem;
    width: 70%;
    height: 1rem
}

.activity-section .cancel-button:hover {
    background-color: var(--accent-background-secondary)
}

.progress.success-progress::-webkit-progress-value {
    background-color: var(--success-color)
}

.progress.success-progress::-moz-progress-bar {
    background-color: var(--success-color)
}

.progress.success-progress::-ms-fill {
    background-color: var(--success-color)
}

.progress::-webkit-progress-bar {
    background-color: var(--bg-primary-progress)
}

.activity-section .activity-list .activity .progress-bar .progress:indeterminate {
    background-color: var(--bg-primary-progress);
    background-image: linear-gradient(to right, var(--accent-color)30%, var(--bg-primary-progress)30%)
}

.slideshow {
    background-color: var(--backdrop-color);
    z-index: 100;
    flex-direction: column;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.slideshow .slideshow-footer {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
    display: flex;
    position: absolute;
    bottom: 0
}

.slideshow .slideshow-footer .preview {
    align-items: center;
    gap: 1rem;
    max-width: 100vw;
    height: 4rem;
    margin: auto;
    padding: 0 1rem;
    display: inline-flex;
    overflow: auto
}

.slideshow .slideshow-footer .preview::-webkit-scrollbar {
    display: none
}

.slideshow .slideshow-footer .preview {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.slideshow .slideshow-footer .preview .media-preview {
    border: 2px solid var(--border-color);
    cursor: pointer;
    border-radius: 5px;
    justify-content: center;
    width: 5rem;
    min-width: 5rem;
    height: 100%;
    display: flex;
    overflow: hidden
}

.slideshow .slideshow-footer .preview .media-preview .icon-image {
    height: 100%
}

.slideshow .slideshow-footer .preview .media-preview.selected {
    border-color: var(--accent-color)
}

.slideshow .slideshow-footer .preview .media-preview img {
    object-fit: contain
}

.slideshow .slideshow-player-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100% - 170px);
    padding: 3rem 1rem 1rem;
    display: flex
}

.slideshow .slideshow-player-section .slideshow-canvas {
    width: auto;
    max-height: calc(100% - 100px)
}

.slideshow .content {
    max-height: calc(100% - 50px)
}

.slideshow .content img {
    transform: rotate(var(--image-rotation, 0deg));
    transition: transform .3s, all .1s linear;
    transition-duration: var(--image-transition-duration, .3s);
    width: auto;
    max-height: 100%
}

.slideshow .info-bar {
    background-color: #1e1e1e;
    justify-content: space-between;
    padding: .5rem;
    display: flex
}

.slideshow i {
    cursor: pointer
}

.slideshow .slider-icons {
    background-color: var(--background-primary);
    opacity: .6;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    margin: 0 .2rem;
    padding: .5rem;
    transition: opacity .2s;
    position: relative
}

.slideshow .slideshow-icon {
    background-color: var(--background-primary);
    opacity: .6;
    cursor: pointer;
    color: var(--text-primary);
    border: none;
    border-radius: .5rem;
    margin: 0 .5rem;
    padding: .5rem;
    transition: opacity .2s
}

.slideshow .slideshow-icon:hover {
    background-color: var(--background-primary);
    opacity: .8
}

.slideshow .slideshow-icon i {
    margin-right: .5rem
}

.slideshow .slider-icons:hover {
    background-color: var(--background-primary);
    opacity: .8
}

.slideshow .slider-icons i {
    color: var(--text-primary);
    font-size: .9rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.slideshow .slider-icons:disabled {
    color: #828282;
    background-color: #969696
}

.slideshow .slideshow-close {
    background-color: var(--background-primary);
    cursor: pointer;
    z-index: 1;
    opacity: .5;
    border-radius: 0 0 0 40px;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 0;
    right: 0
}

.slideshow .slideshow-pageTotal {
    position: fixed;
    top: 0;
    left: 5px
}

.slideshow .slideshow-close .icon-remove {
    color: var(--text-primary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -60%)
}

.slideshow .index {
    z-index: 1;
    color: var(--text-primary);
    padding: .5rem 1rem;
    font-size: .9rem;
    display: block;
    position: fixed;
    top: 0;
    left: 0
}

.slideshow .video-player .video-bar,
.slideshow .video-player .sound-bar {
    align-items: center;
    display: flex
}

.slideshow .video-player {
    color: #fff;
    width: 50rem;
    font-size: .8rem
}

.slideshow .video-player .video-bar {
    width: 75%
}

.slideshow .video-player .video-bar #play {
    width: 1.5rem
}

.slideshow .video-player .video-bar #currentTime {
    padding: .1rem;
    font-weight: 700
}

.slideshow .video-player .video-bar #duration {
    color: #cacaca;
    padding: .1rem
}

.slideshow .video-player .sound-bar {
    gap: .5rem;
    width: 20%
}

.slideshow input[type=range] {
    cursor: pointer;
    border: none;
    outline: none;
    width: 100%;
    height: 4px;
    padding: 0
}

.slideshow .slideshow-footer .control-bar {
    background-color: #0000;
    justify-content: center
}

.slideshow .wave-div {
    background-color: var(--background-secondary);
    width: 50rem;
    padding: 4rem 0
}

@media (max-width:850px) {
    .slideshow .wave-div {
        width: 100%;
        padding: 2rem 0
    }

    .slideshow .video-player {
        width: 100%
    }
}

@media (max-width:500px) {
    .slideshow .slider-icons {
        width: 1.7rem;
        height: 1.7rem
    }
}

.video-js {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important
}

.slideshow .slideshow-player-section .video-js {
    width: 100%;
    height: auto;
    display: block !important
}

.slideshow .video-js video,
.slideshow .video-js .vjs-tech,
.slideshow .video-js>video {
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    z-index: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    display: block !important;
    position: relative !important
}

.slideshow .video-js .vjs-control,
.slideshow .video-js .vjs-controls,
.slideshow .video-js .vjs-button,
.slideshow .video-js .vjs-play-control,
.slideshow .video-js .vjs-volume-control,
.slideshow .video-js .vjs-progress-control,
.slideshow .video-js .vjs-time-control,
.slideshow .video-js .vjs-fullscreen-control,
.slideshow .video-js .vjs-menu-button {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10 !important;
    display: flex !important;
    position: relative !important
}

.slideshow .video-js .vjs-control-bar {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10 !important;
    display: flex !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important
}

.slideshow .slideshow-player-section img {
    max-width: 100% !important;
    max-height: 100% !important
}

.slideshow .video-preview-container {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 70%;
    min-width: 400px;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: flex;
    position: relative
}

.slideshow .video-preview-container .video-js {
    object-fit: contain;
    width: 100%;
    min-width: 100%;
    height: auto;
    visibility: visible !important;
    display: block !important
}

.slideshow .video-preview-container .video-js video,
.slideshow .video-preview-container .video-js .vjs-tech,
.slideshow .video-preview-container .video-js>video {
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    display: block !important
}

@media (max-width:600px) {
    .slideshow .video-preview-container {
        width: 90%;
        min-width: 300px
    }
}

#dndTooltip {
    background-color: var(--backdrop-color);
    box-shadow: var(--primary-shadow);
    z-index: 982;
    flex-direction: column;
    padding: 1.2rem;
    display: none;
    position: fixed
}

.mouse-selection-rectangle {
    border: 2px solid var(--color-104);
    pointer-events: none;
    background-color: var(--color-107);
    opacity: .7;
    z-index: 1000;
    display: none;
    position: absolute
}

.files-to-download-modal .modal-card-head {
    padding: 5px 10px
}

.files-to-download-modal .modal-card-head .modal-card-title {
    font-size: 1rem
}

.files-to-download-modal .modal-card-head .header-btn {
    width: 25px;
    height: 25px
}

.files-to-download-modal .modal-card .modal-card-body {
    padding: 10px
}

.download-section .progress-bar {
    width: 15rem
}

.download-section .progress-bar progress {
    height: 6px
}

.download-section .progress-bar progress[value]::-webkit-progress-value {
    transition: width .1s
}

.download-section .progress-bar.disk-progress-container {
    opacity: .5;
    margin-top: 5px;
    position: absolute;
    left: 83px
}

.download-section .progress.success-progress::-webkit-progress-value {
    background-color: var(--success-color)
}

.download-section .progress::-webkit-progress-bar {
    background-color: var(--bg-primary-progress)
}

.download-file-card-wrapper {
    width: 100%
}

.download-file-card-wrapper:not(:last-child) {
    border-bottom: 1px solid var(--border-color)
}

.download-file-card {
    grid-gap: 12px;
    height: 80px;
    padding: .5rem .7rem
}

.download-file-card .download-type-badge {
    position: absolute;
    top: -11px;
    right: 0
}

.download-file-card .download-file-card-icon-wrapper {
    background-color: var(--accent-background-secondary);
    border-radius: .2rem;
    width: 60px;
    height: 60px
}

.download-file-card .download-file-card-icon-wrapper .folder-icon {
    color: var(--accent-color);
    font-size: 2.5rem;
    line-height: 1
}

.download-file-card-details-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.download-file-card .download-progress-status,
.download-file-card .progress-bar-container #completed-percentage,
.download-file-card .disk-write-info {
    color: var(--color-103)
}

.download-file-card-details-container .file-details-left-section {
    flex: 1;
    overflow: hidden
}

.download-file-card-details-container .action-button-wrapper {
    grid-gap: 10px
}

.download-file-card-details-container .action-button-wrapper button:hover {
    color: var(--accent-color)
}

.download-file-card .writing-chunks-box {
    z-index: 1;
    background-color: var(--backdrop-color);
    top: 0;
    left: 0
}

.download-file-card .writing-chunks-box .icon-folder-open {
    animation: 1.5s linear infinite zoomInOut
}

.download-section .download-scroll-activity {
    background-color: var(--color-104);
    gap: 4px;
    padding: .3rem .5rem
}

.download-section .download-queue-subInfo {
    border-top: 1px solid var(--border-color)
}

#server-read-progress-download.d-n {
    display: none
}

#server-read-progress-download:not(.d-n) {
    display: block
}

.server-read-progress-download {
    background-color: var(--stats-section-color);
    border: 1px solid var(--border-color);
    width: 100%;
    color: var(--text-primary);
    z-index: 1000;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    position: absolute;
    bottom: 140px;
    right: 0;
    box-shadow: 0 0 10px #0000001a
}

.server-read-progress-download .progress-bar {
    background-color: var(--bg-primary-progress);
    border-radius: 10px;
    width: 100%;
    height: 5px;
    overflow: hidden
}

.server-read-progress-download .progress-fill {
    background-color: #4caf50;
    height: 100%;
    transition: width .3s
}

.server-read-progress-download .progress-text {
    margin-top: 5px;
    font-size: 12px
}

.progress-fill-base {
    height: 100%;
    transition: width .3s
}

.progress-fill-download {
    background-color: #4caf50
}

.progress-fill-write {
    background-color: #2196f3
}

.progress-bars-container {
    height: 5px;
    position: relative
}

.progress-bars-container .download-container {
    background-color: var(--bg-primary-progress);
    z-index: 1;
    border-radius: 10px;
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.progress-bars-container .write-container {
    z-index: 2;
    opacity: .7;
    background-color: #0000;
    border-radius: 10px;
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.socket-info-table {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
    margin-top: 10px;
    display: table
}

.socket-info-table tr {
    display: table-row
}

.socket-info-table td {
    text-align: center;
    color: var(--text-primary);
    padding: 4px;
    display: table-cell
}

.socket-info-table .text-left {
    text-align: left
}

.socket-info-table .text-center {
    text-align: center
}

.socket-info-table .w-80px {
    width: 80px
}

.socket-info-table td strong {
    color: var(--text-primary)
}

.socket-info-table td strong.text-error {
    color: var(--error-color)
}

.socket-info-table .summary-row,
.socket-info-table .status-row {
    display: table-row !important
}

.socket-info-table .summary-row td,
.socket-info-table .status-row td {
    border-top: 1px solid var(--border-color);
    padding: 8px 4px;
    display: table-cell !important
}

.copy-debug-info {
    opacity: .7;
    cursor: pointer;
    color: #000;
    border: none;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    right: 5px
}

#dragTopInfo-notification {
    z-index: 9999;
    box-shadow: var(--primary-shadow);
    border-radius: 0 0 5px 5px;
    left: 50%;
    transform: translate(-50%)
}

.virtual-scroll-item {
    will-change: transform
}

.dashboard-section .header .header-container {
    border-bottom: 1px solid var(--border-color);
    grid-gap: 8px;
    padding: .5rem
}

.dashboard-section .header .header-container .logo-section {
    grid-gap: 8px;
    flex: 1;
    align-items: center;
    min-height: 2.5rem
}

.dashboard-section .header .header-container .logo-section w-theme {
    box-sizing: border-box;
    align-self: center;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem
}

.dashboard-section .header .header-container .logo {
    object-fit: contain;
    min-width: 40px;
    height: 2.5rem
}

.dashboard-section .header .header-container .navbar-container {
    gap: 8px
}

.dashboard-section .header .header-container .navbar-container .dropdown #profileHeaderDropdown {
    width: 30rem
}

.dashboard-section .header .header-container .dropdown #activityDropdownMenu {
    width: 45rem
}

.dashboard-section .header .header-container .dropdown #activitiesContent {
    border-radius: 0;
    padding: 0;
    overflow: hidden auto
}

.dashboard-section .header .header-container .navbar-container .dropdown #profileHeaderDropdown .profile-info-grid-value {
    word-break: break-all
}

.dashboard-section .header .header-container .hamburger-menu-container {
    display: none
}

.dashboard-section .header .header-container .hamburger-menu-btn {
    color: var(--text-primary);
    cursor: pointer;
    background-color: #0000;
    border: none;
    border-radius: .375rem;
    width: 40px;
    height: 40px;
    padding: .5rem
}

.dashboard-section .header .header-container .hamburger-menu-btn:hover {
    background-color: var(--accent-background-secondary)
}

.dashboard-section .user-buttons-section {
    border-bottom: 1px solid var(--border-color)
}

.top-bar-icons-only .header-button-label,
.top-bar-icons-only button span {
    display: none
}

.dashboard-section .user-buttons-section .user-buttons-item .navbar-item-label {
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    grid-gap: .1rem;
    border-radius: 5px;
    align-items: center;
    padding: .3rem .2rem;
    font-size: .9rem;
    font-weight: 300;
    line-height: .8rem;
    display: flex
}

.dashboard-section .user-buttons-section .user-buttons-item .navbar-item-label i {
    margin: 0 2px;
    font-size: .7rem
}

.dashboard-section .user-buttons-section .user-buttons-item .navbar-item-label .custom-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

.dashboard-section .user-buttons-section .user-buttons-item .dropdown-menu .dropdown-content .navbar-item-label:not(:last-child) {
    margin-bottom: 8px
}

.dashboard-section .user-buttons-section .user-buttons-item .navbar-item-label:hover,
.breadcrumb li a:hover * {
    color: var(--accent-color)
}

.dashboard-section .main .file-view-dropdown .primary-button.is-bg-none {
    align-items: flex-start;
    height: auto;
    padding: 0
}

.dashboard-section .main .file-view-dropdown .dropdown-menu {
    width: 13rem
}

.dashboard-section .main {
    min-width: 0;
    overflow-x: hidden
}

.dashboard-section .main .dashboard-files-section {
    min-width: 0;
    overflow: auto
}

.drag-active .dashboard-files-section,
.drag-active .table-responsive {
    overflow-x: hidden !important
}

.dashboard-section .main .dashboard-files-section .list-container {
    min-width: 0
}

.dashboard-section .main .dashboard-files-section .table {
    background-color: var(--background-primary);
    width: max-content;
    min-width: 100%
}

.dashboard-section .footer {
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    min-height: 32px;
    padding: .5rem;
    font-size: .9rem;
    line-height: 1
}

.dashboard-section .footer .footer-container {
    grid-gap: 4px;
    flex: 1
}

.dashboard-section .footer .footer-container .brand-name {
    color: var(--text-primary);
    font-weight: 600
}

.breadcrumb {
    padding: 5px;
    font-size: .9rem
}

.breadcrumb .refresh-button {
    padding: 0
}

.dashboard-section .main .breadcrumb-container {
    border-bottom: 1px solid var(--border-color);
    min-height: 2.5rem;
    padding: 0 .5rem
}

.dropdown .dropdown-menu .dropdown-content .profile-info-head-text {
    border-style: solid;
    border-width: 1px 0;
    border-color: var(--border-color)
}

.dropdown .dropdown-menu .dropdown-content #logout {
    height: 3em
}

.confirm-footer-field {
    margin-top: -12px;
    position: absolute;
    left: 15px
}

.dashboard-section .user-buttons-section .user-buttons-item .navbar-item-label.highlight {
    position: relative
}

.dashboard-section .user-buttons-section .user-buttons-item .navbar-item-label.highlight:after {
    content: "";
    background: var(--accent-color);
    border-radius: 7px;
    width: 7px;
    height: 7px;
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 2px
}

.responsive-header-container-parent {
    margin-right: 1rem
}

.responsive-header-container {
    align-items: center;
    gap: 1rem;
    display: flex
}

.basket-resizable-dialog .modal-card-body {
    padding: 0
}

.basket-files-section .basket-files-container .basket-files-main {
    flex: 1
}

.basket-files-section .basket-files-container .basket-files-main .table {
    background-color: var(--background-primary)
}

.basket-files-section .basket-files-container .basket-footer {
    border-top: 1px solid var(--border-color)
}

.basket-files-section .basket-files-container .basket-grid-container {
    overflow: auto
}

.basket-files-section .basket-files-container .grid-item .icon-remove-sign {
    color: var(--error-color);
    font-size: 1rem;
    position: absolute;
    top: 3px;
    right: 10px
}

.basket-grid-container .grid-item input[type=checkbox] {
    right: 30px !important
}

.basket-files-section.full-screen {
    border: unset;
    width: 100%;
    height: 100%
}

.filter-sorting-section {
    border-bottom: 1px solid var(--border-color);
    gap: .5rem;
    min-height: 2.5rem;
    margin-bottom: .5rem;
    padding: .5rem
}

.filter-sorting-section .filter-input-container {
    grid-gap: 8px
}

.filter-sorting-section .filter-input-container .filter-input-wrapper {
    gap: 8px
}

.filter-main-group {
    white-space: nowrap;
    gap: 8px
}

.filter-sorting-section .filter-input-container .filter-input-wrapper .filter-input {
    width: 200px;
    color: var(--text-primary);
    border-radius: .375rem;
    height: 1.5rem;
    padding: 0 .5rem;
    font-size: .9rem
}

.filter-applied-flash {
    white-space: nowrap;
    animation: 1.5s ease-in-out filterAppliedFade
}

@keyframes filterAppliedFade {
    0% {
        color: var(--accent-color)
    }

    to {
        color: inherit
    }
}

.operations-badge {
    background-color: var(--accent-color);
    color: #fff;
    text-align: center;
    font-size: .8rem;
    line-height: inherit;
    border-radius: 2rem;
    padding: .1rem .5rem;
    position: absolute;
    top: 0;
    right: 0
}

.operations-badge.error {
    background-color: var(--error-color)
}

.grid-container .grid-item .subscribed-events-label {
    background-color: var(--accent-color);
    color: #fff;
    text-align: center;
    font-size: .8rem;
    line-height: inherit;
    border-radius: 2rem;
    padding: .1rem .5rem;
    position: absolute;
    left: 0
}

.grid-container {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: .5rem;
    padding: .5rem;
    display: grid
}

.grid-container.medium-grid-container {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))
}

.grid-container.large-grid-container {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
}

.grid-container .grid-item {
    cursor: pointer;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
    padding: .5rem;
    display: flex;
    position: relative
}

.grid-container .grid-item.is-disabled-dir-item,
.grid-container .grid-item.is-disabled-dir-item:hover {
    filter: grayscale();
    opacity: .6
}

.grid-container .grid-item .media-image {
    object-fit: contain;
    width: 4rem;
    height: 4rem
}

.grid-container .grid-item.empty-folder .media-image {
    opacity: .5
}

.grid-container.medium-grid-container .grid-item .media-image {
    width: 6rem;
    height: 6rem
}

.grid-container.large-grid-container .grid-item .media-image {
    width: 8rem;
    height: 8rem
}

.grid-container .grid-item.selected {
    background-color: var(--accent-background-secondary)
}

.grid-container .grid-item.selected input[type=checkbox] {
    display: block !important
}

.grid-container .grid-item:hover {
    background-color: var(--accent-background-secondary)
}

.grid-container .grid-item input[type=checkbox] {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px
}

.grid-container .grid-item:hover input[type=checkbox],
.grid-container .grid-item:focus input[type=checkbox] {
    display: block
}

.grid-container .grid-item .folder-icon {
    color: var(--accent-color);
    font-size: 6rem;
    line-height: 1
}

.grid-container .grid-item .icon-wrapper {
    height: 4rem
}

.grid-container.medium-grid-container .grid-item .icon-wrapper {
    height: 6rem
}

.grid-container.large-grid-container .grid-item .icon-wrapper {
    height: 8rem
}

.grid-container .grid-item .icon-wrapper .file-protocol-sticker {
    box-shadow: 0px 0px 2px var(--accent-color);
    background-color: var(--background-primary);
    border-radius: .2rem;
    width: 15px;
    height: 15px;
    padding: 2px;
    bottom: 0;
    left: 0
}

html[data-theme=dark] .grid-container .grid-item .icon-wrapper .file-protocol-sticker img {
    filter: invert()
}

.grid-container.medium-grid-container .grid-item .icon-wrapper .file-protocol-sticker {
    width: 20px;
    height: 20px
}

.grid-container.large-grid-container .grid-item .icon-wrapper .file-protocol-sticker {
    width: 25px;
    height: 25px
}

.grid-container .grid-item .icon-wrapper .file-sync-sticker {
    box-shadow: 0px 0px 2px var(--accent-color);
    background-color: var(--background-primary);
    border-radius: .2rem;
    width: 15px;
    height: 15px;
    padding: 2px;
    font-size: 10px;
    top: 0;
    left: 0
}

.grid-container.medium-grid-container .grid-item .icon-wrapper .file-sync-sticker {
    width: 20px;
    height: 20px;
    font-size: 13px
}

.grid-container.large-grid-container .grid-item .icon-wrapper .file-sync-sticker {
    width: 25px;
    height: 25px;
    font-size: 17px
}

.grid-container .grid-item .file-title {
    -webkit-line-clamp: 3;
    word-break: break-all;
    text-align: center;
    -webkit-box-orient: vertical;
    font-size: .6rem;
    display: -webkit-box;
    overflow: hidden
}

.grid-container.medium-grid-container .grid-item .file-title {
    font-size: .8rem
}

.grid-container.large-grid-container .grid-item .file-title {
    font-size: 1rem
}

.grid-container .grid-item .default-icon {
    color: #e1e1e1;
    font-size: 6rem;
    line-height: 1
}

.grid-container .grid-item .icon-image {
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-height: 6rem;
    color: var(--accent-color)
}

.large-grid-container .grid-item .icon-image {
    max-width: 14rem;
    max-height: 10rem
}

.files-to-upload-modal .modal-card-head {
    padding: 5px 10px
}

.files-to-upload-modal .modal-card-head .header-btn {
    width: 25px;
    height: 25px
}

.files-to-upload-modal .modal-card .modal-card-body {
    padding: 10px
}

.custom-share-modal .modal-card-head {
    padding: 5px 10px
}

.custom-share-modal .modal-card-head .header-btn {
    width: 25px;
    height: 25px
}

.grid-custom-share-modal {
    grid-template-columns: 180px auto;
    gap: .5rem;
    display: grid
}

.modal-card-head,
.modal-card-foot {
    padding: 10px
}

.modal-card-head .header-btn {
    width: 25px;
    height: 25px
}

.modal-card-foot button {
    padding: .2rem 1rem
}

.manage-shares-modal .modal-card .modal-card-body {
    padding: 10px
}

#localization-languages-menubar {
    display: none
}

.revisions-modal .modal-card .modal-card-body {
    padding: 10px
}

.drag-active {
    -webkit-user-select: none;
    user-select: none
}

.resizable-wrapper {
    top: 0;
    left: 0
}

.resizable-wrapper .resizable-corners {
    border: 2px solid #0000;
    position: absolute
}

.resizable-wrapper.always-visible .resizable-corners {
    border: 1px dashed var(--border-color)
}

.resizable-wrapper .resizable-corners:hover {
    border: 2px dashed var(--border-color)
}

.resizable-wrapper .resizable-corners.active {
    border: 1px solid var(--border-color)
}

.resizable-wrapper .resizable-left {
    cursor: col-resize;
    left: 0
}

.resizable-wrapper .resizable-right {
    cursor: col-resize;
    right: 0
}

.list-container thead th .resizable-wrapper.always-visible .resizable-right {
    z-index: 1;
    border: none;
    border-left: 1px solid var(--border-color);
    width: 3px;
    right: 0
}

.list-container thead th .resizable-wrapper.always-visible .resizable-right:hover,
.list-container thead th .resizable-wrapper.always-visible .resizable-right.active {
    border-left-color: var(--accent-color)
}

.resizable-wrapper .resizable-bottom {
    cursor: row-resize;
    bottom: 0
}

.resizable-wrapper .resizable-top {
    cursor: row-resize;
    top: 0
}

.listing-pagination-wrapper {
    border-top: 1px solid var(--border-color)
}

.poll-search-status-progress::-webkit-progress-value {
    background-color: var(--success-color)
}

.poll-search-status-progress[value]::-webkit-progress-value {
    transition: width .1s
}

#searchResultNotification {
    border-left: 1px solid var(--border-color)
}

#uploadBarSection {
    border-bottom: 1px solid var(--border-color);
    grid-template-columns: 1fr 12fr 1fr;
    display: grid
}

#globalAddFilesButton {
    border: 1px solid var(--border-color);
    width: -moz-fit-content;
    width: fit-content;
    padding: .2rem .5rem
}

@media (max-width:640px) {
    .dashboard-section .header .header-container .logo {
        min-width: 30px;
        height: 1.5rem
    }
}

@media (max-width:1024px) {
    .dashboard-section .header .header-container .navbar-container {
        display: none
    }

    .dashboard-section .header .header-container .hamburger-menu-container {
        display: block
    }

    .custom-form .grid-column-gap {
        grid-gap: unset;
        grid-template-columns: 1fr
    }

    #localization-languages-menubar {
        display: block
    }

    #localization-languages {
        display: none
    }

    .dashboard-section .user-buttons-section:not(.top-bar-button) {
        z-index: 10;
        width: 100%;
        height: calc(100vh - 58px);
        display: none;
        position: absolute;
        top: 57px;
        left: 0;
        right: 0
    }

    .dashboard-section .user-buttons-section.top-bar-button .user-buttons-item {
        padding: .5rem;
        overflow-x: auto;
        flex-wrap: nowrap !important
    }

    .dashboard-section .user-buttons-section.top-bar-button .user-buttons-item .navbar-item-label {
        white-space: nowrap
    }

    .dashboard-section .user-buttons-section .user-buttons-backdrop {
        z-index: -1;
        background-color: var(--backdrop-color);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .basket-files-section {
        width: 100%;
        height: 100%
    }
}

.warning {
    background-color: var(--accent-color);
    grid-gap: .5rem;
    padding: .5rem
}

.sharing-modal-card-container tr>td {
    vertical-align: middle;
    padding-top: .175rem;
    padding-bottom: .175rem
}

.sharing-modal-card-container tr:first-child>td {
    padding-top: 0
}

.sharing-modal-card-container tr>td:first-child {
    min-width: 180px
}

.sharing-modal-card-container tr>td.spanned {
    min-width: inherit
}

.sharing-modal-card-container tr>td:first-child>label {
    text-align: right;
    width: 100%;
    display: inline-block
}

.sharing-modal-card-container tr>td.spanned>label {
    width: auto;
    text-align: inherit;
    display: inherit
}

.sharing-modal-card-container tr>td:nth-child(2) {
    width: 100%;
    padding-left: 10px
}

.sharing-modal-card-container tr>td.is-flex {
    align-items: center
}

.sharing-modal-card-container .select {
    min-width: 50px;
    max-width: 200px
}

.sharing-modal {
    overflow: auto
}

.sharing-modal .sharing-options {
    grid-gap: 8px;
    flex-wrap: wrap;
    display: flex
}

.sharing-modal .sharing-options span {
    white-space: nowrap;
    cursor: pointer;
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block;
    overflow: hidden
}

.sharing-modal .sharing-options span label {
    cursor: pointer
}

.sharing-modal .files-to-share {
    white-space: pre;
    font-family: var(--font-family);
    border: 1px solid var(--border-color);
    box-shadow: none;
    resize: none;
    border-radius: 4px;
    outline: none;
    width: 100%;
    padding: 5px;
    font-size: 14px
}

.manage-subscribed-events-modal .subscribe-events-file-card:not(:last-child) {
    border-bottom: 1px solid var(--backdrop-color)
}

.manage-subscribed-events-modal .modal-card-body {
    padding: .5rem
}

.manage-subscribed-events-modal .subscribe-events-file-card .permissions-allowed .permission {
    color: var(--color-103)
}

.manage-subscribed-events-modal .subscribe-events-file-card .permissions-allowed .permission:not(:first-child):before {
    content: ","
}

@media only screen and (max-width:600px) {
    .sharing-modal-card-container tr {
        display: grid
    }

    .sharing-modal-card-container tr>td:first-child>label {
        text-align: left
    }
}

.audio-preview-wrapper {
    z-index: 10;
    position: absolute;
    right: 10px
}

.circular-player {
    aspect-ratio: 1;
    border-radius: 50%;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    overflow: visible
}

.progress-ring {
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.progress-ring circle {
    transition: stroke-dashoffset .1s linear
}

.progress-ring circle[stroke] {
    pointer-events: all;
    cursor: pointer
}

.progress-ring circle[fill] {
    pointer-events: none
}

.sceditor-button div,
div.sceditor-grip {
    background-image: url(/WebInterface/new-ui/assets/app/components/famfamfam.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

.sceditor-button-youtube div {
    background-position: 0 0
}

.sceditor-button-link div {
    background-position: 0 -16px
}

.sceditor-button-unlink div {
    background-position: 0 -32px
}

.sceditor-button-underline div {
    background-position: 0 -48px
}

.sceditor-button-time div {
    background-position: 0 -64px
}

.sceditor-button-table div {
    background-position: 0 -80px
}

.sceditor-button-superscript div {
    background-position: 0 -96px
}

.sceditor-button-subscript div {
    background-position: 0 -112px
}

.sceditor-button-strike div {
    background-position: 0 -128px
}

.sceditor-button-source div {
    background-position: 0 -144px
}

.sceditor-button-size div {
    background-position: 0 -160px
}

.sceditor-button-rtl div {
    background-position: 0 -176px
}

.sceditor-button-right div {
    background-position: 0 -192px
}

.sceditor-button-removeformat div {
    background-position: 0 -208px
}

.sceditor-button-quote div {
    background-position: 0 -224px
}

.sceditor-button-print div {
    background-position: 0 -240px
}

.sceditor-button-pastetext div {
    background-position: 0 -256px
}

.sceditor-button-paste div {
    background-position: 0 -272px
}

.sceditor-button-outdent div {
    background-position: 0 -288px
}

.sceditor-button-orderedlist div {
    background-position: 0 -304px
}

.sceditor-button-maximize div {
    background-position: 0 -320px
}

.sceditor-button-ltr div {
    background-position: 0 -336px
}

.sceditor-button-left div {
    background-position: 0 -352px
}

.sceditor-button-justify div {
    background-position: 0 -368px
}

.sceditor-button-italic div {
    background-position: 0 -384px
}

.sceditor-button-indent div {
    background-position: 0 -400px
}

.sceditor-button-image div {
    background-position: 0 -416px
}

.sceditor-button-horizontalrule div {
    background-position: 0 -432px
}

.sceditor-button-format div {
    background-position: 0 -448px
}

.sceditor-button-font div {
    background-position: 0 -464px
}

.sceditor-button-emoticon div {
    background-position: 0 -480px
}

.sceditor-button-emojis div {
    background-position: 0 -660px
}

.sceditor-button-email div {
    background-position: 0 -496px
}

.sceditor-button-date div {
    background-position: 0 -512px
}

.sceditor-button-cut div {
    background-position: 0 -528px
}

.sceditor-button-copy div {
    background-position: 0 -544px
}

.sceditor-button-color div {
    background-position: 0 -560px
}

.sceditor-button-code div {
    background-position: 0 -576px
}

.sceditor-button-center div {
    background-position: 0 -592px
}

.sceditor-button-bulletlist div {
    background-position: 0 -608px
}

.sceditor-button-bold div {
    background-position: 0 -624px
}

div.sceditor-grip {
    background-position: 0 -640px
}

.rtl div.sceditor-grip {
    background-position: 0 -650px
}

.sceditor-container {
    color: #333;
    background: #fff padding-box padding-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    flex-direction: column;
    height: 250px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    position: relative
}

.sceditor-container *,
.sceditor-container :after,
.sceditor-container :before {
    box-sizing: content-box
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
    z-index: 3;
    margin: 0;
    padding: 0
}

.sceditor-container iframe,
.sceditor-container textarea {
    color: #111;
    resize: none;
    background: #fff;
    border: 0;
    outline: none;
    flex: 1;
    min-height: 1px;
    margin: 5px;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.25;
    display: block;
    width: calc(100% - 10px) !important;
    height: auto !important
}

.sceditor-container textarea {
    margin: 7px 5px
}

div.sceditor-dnd-cover {
    color: #aaa;
    text-align: center;
    z-index: 200;
    background: #fff3;
    border: 5px dashed #aaa;
    font-size: 2em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

div.sceditor-dnd-cover p {
    pointer-events: none;
    position: relative;
    top: 45%
}

div.sceditor-resize-cover {
    opacity: .3;
    z-index: 10;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

div.sceditor-grip {
    cursor: pointer;
    z-index: 3;
    width: 10px;
    height: 10px;
    line-height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden
}

div.sceditor-grip.has-icon {
    background-image: none
}

.sceditor-maximize {
    z-index: 2000;
    background-clip: padding-box;
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

body.sceditor-maximize,
html.sceditor-maximize {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.sceditor-maximize div.sceditor-grip {
    display: none
}

.sceditor-maximize div.sceditor-toolbar {
    background-clip: padding-box;
    border-radius: 0
}

div.sceditor-dropdown {
    z-index: 4000;
    background: #fff padding-box padding-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    box-shadow: 1px 2px 4px #0003
}

div.sceditor-dropdown *,
div.sceditor-dropdown :after,
div.sceditor-dropdown :before {
    box-sizing: border-box
}

div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
    color: #333
}

div.sceditor-dropdown form {
    margin: 0
}

div.sceditor-dropdown label {
    color: #3c3c3c;
    padding: 4px 0;
    font-weight: 700;
    display: block
}

div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-top-color: #888;
    border-radius: 1px;
    outline: 0;
    margin: 0 0 .75em;
    padding: 4px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif
}

div.sceditor-dropdown textarea {
    padding: 6px
}

div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
    border-color: #666 #aaa #aaa;
    box-shadow: inset 0 1px 5px #0000001a
}

div.sceditor-dropdown .button {
    color: #444;
    cursor: pointer;
    background: #ececec padding-box padding-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: .3em 0 0;
    padding: 6px 12px;
    font-weight: 700
}

div.sceditor-dropdown .button:hover {
    background: #f3f3f3;
    box-shadow: 0 1px 1px #00000026
}

div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
    padding: 6px 0
}

div.sceditor-color-picker {
    padding: 4px
}

div.sceditor-emoticons,
div.sceditor-more-emoticons {
    padding: 0
}

.sceditor-pastetext textarea {
    border: 1px solid #bbb;
    width: 20em
}

.sceditor-emojis span,
.sceditor-emoticons img,
.sceditor-more-emoticons img {
    cursor: pointer;
    margin: 2px;
    padding: 0
}

.sceditor-emojis>div>div:not(:last-child) {
    margin-bottom: 6px
}

.sceditor-more {
    cursor: pointer;
    text-align: center;
    border-top: 1px solid #bbb;
    padding: 6px 0;
    font-weight: 700;
    display: block
}

.sceditor-dropdown a:hover {
    background: #eee
}

.sceditor-font-option,
.sceditor-fontsize-option,
.sceditor-format a {
    color: #222;
    cursor: pointer;
    padding: 7px 10px;
    text-decoration: none;
    display: block
}

.sceditor-fontsize-option {
    padding: 7px 13px
}

.sceditor-color-column {
    float: left
}

.sceditor-color-option {
    border: 2px solid #fff;
    width: 18px;
    height: 18px;
    display: block;
    overflow: hidden
}

.sceditor-color-option:hover {
    border: 1px solid #aaa
}

div.sceditor-toolbar {
    text-align: left;
    -webkit-user-select: none;
    user-select: none;
    background: #f7f7f7 padding-box padding-box;
    border-bottom: 1px solid silver;
    border-radius: 3px 3px 0 0;
    flex-shrink: 0;
    padding: 3px 5px 2px;
    line-height: 0;
    overflow: hidden
}

div.sceditor-group {
    background: #ddd padding-box padding-box;
    border-bottom: 1px solid #aaa;
    border-radius: 3px;
    margin: 1px 5px 1px 0;
    padding: 1px;
    display: inline-block
}

.sceditor-button {
    cursor: pointer;
    float: left;
    border-radius: 3px;
    width: 16px;
    height: 20px;
    padding: 3px 5px
}

.sceditor-button.active,
.sceditor-button:active,
.sceditor-button:hover {
    background: #fff;
    box-shadow: inset 1px 1px #0000004d, inset -1px 0 #0000004d, inset 0 -1px #0003
}

.sceditor-button:active {
    background: #fff;
    box-shadow: inset 1px 1px #0000004d, inset -1px 0 #0000004d, inset 0 -1px #0003, inset 0 0 8px #0000004d
}

.sceditor-button.disabled:hover {
    background: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default
}

.sceditor-button,
.sceditor-button div {
    display: block
}

.sceditor-button svg {
    fill: #111;
    pointer-events: none;
    width: 16px;
    height: 16px;
    margin: 2px 0;
    line-height: 1;
    text-decoration: none;
    display: inline-block
}

.sceditor-button.disabled svg {
    fill: #888
}

.sceditor-button div {
    color: #0000;
    margin: 2px 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    overflow: hidden
}

.sceditor-button.has-icon div {
    display: none
}

.sceditor-button.disabled div {
    opacity: .3
}

.sceditor-button.text,
.sceditor-button.text div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div,
.text .sceditor-button,
.text .sceditor-button div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div {
    color: inherit;
    text-indent: 0;
    width: auto;
    font-size: 1em;
    line-height: 16px;
    display: inline-block
}

.sceditor-button.has-icon div,
.sceditor-button.text div,
.text .sceditor-button div,
.text-icon .sceditor-button.has-icon div {
    background: 0 0;
    padding: 0 2px
}

.sceditor-button.text svg,
.text .sceditor-button svg {
    display: none
}

.sceditor-button.text-icon div,
.text-icon .sceditor-button div {
    padding: 0 2px 0 20px
}

.rtl div.sceditor-toolbar {
    text-align: right
}

.rtl .sceditor-button {
    float: right
}

.rtl div.sceditor-grip {
    left: 0;
    right: auto
}

.sceditor-container {
    border: 1px solid #999
}

.sceditor-container textarea {
    color: #fff;
    background: #2e3436;
    margin: 0;
    padding: 5px;
    font-family: Consolas, Bitstream Vera Sans Mono, Andale Mono, Monaco, DejaVu Sans Mono, Lucida Console, monospace
}

div.sceditor-toolbar {
    background: #ccc;
    background: linear-gradient(#ccc 0, #b2b2b2)
}

div.sceditor-group {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    display: inline
}

.sceditor-button {
    background-clip: padding-box;
    border-radius: 12px;
    height: 16px;
    margin: 2px 1px 2px 3px;
    padding: 4px
}

.sceditor-button.active,
.sceditor-button.active:hover,
.sceditor-button:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.sceditor-button:hover {
    background: #ffffffbf;
    border: 1px solid #eee;
    margin: 1px 0 1px 2px
}

.sceditor-button.disabled:hover {
    border: 0;
    margin: 2px 1px 2px 3px
}

.sceditor-button.active {
    background: #0000001a;
    border: 1px solid #999;
    margin: 1px 0 1px 2px
}

.sceditor-button.active:hover {
    background: #ffffff40
}

.sceditor-button.active:active,
.sceditor-button:active {
    border: 1px solid #999;
    margin: 1px 0 1px 2px;
    box-shadow: inset 0 0 4px #00000080
}

.sceditor-button div,
.sceditor-button svg {
    margin: 0
}

.multiselect-wrapper .multi-select-columns {
    width: 50%
}

.multiselect-wrapper .add-right-border {
    border-right: 1px solid var(--border-color)
}

.multiselect-wrapper .multiselect-options-wrapper {
    border: 1px solid var(--border-color);
    height: 200px
}

.multiselect-wrapper option:hover,
.multiselect-wrapper option:checked {
    background-color: var(--accent-background-secondary)
}

.sceditor-container {
    background-color: var(--background-primary)
}

.sceditor-container iframe,
.sceditor-container textarea {
    background-color: var(--background-primary);
    color: var(--text-primary)
}

.vjs-svg-icon {
    fill: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 1.8em;
    height: 1.8em;
    display: inline-block
}

.vjs-svg-icon:before {
    content: none !important
}

.vjs-control:focus .vjs-svg-icon,
.vjs-svg-icon:hover {
    filter: drop-shadow(0 0 .25em #fff)
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==)format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
    content: ""
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-play-circle:before {
    content: ""
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
    content: ""
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
    content: ""
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
    content: ""
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: ""
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
    content: ""
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-spinner:before {
    content: ""
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
    content: ""
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
    content: ""
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-hd:before {
    content: ""
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
    content: ""
}

.vjs-icon-downloading {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-downloading:before {
    content: ""
}

.vjs-icon-file-download {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-file-download:before {
    content: ""
}

.vjs-icon-file-download-done {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-file-download-done:before {
    content: ""
}

.vjs-icon-file-download-off {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-file-download-off:before {
    content: ""
}

.vjs-icon-share {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-share:before {
    content: ""
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-cog:before {
    content: ""
}

.vjs-icon-square {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-square:before {
    content: ""
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-circle-outline:before {
    content: ""
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-circle-inner-circle:before {
    content: ""
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
    content: ""
}

.vjs-icon-repeat {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-repeat:before {
    content: ""
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
    content: ""
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,
.vjs-icon-replay-5 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,
.vjs-icon-replay-5:before {
    content: ""
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,
.vjs-icon-replay-10 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,
.vjs-icon-replay-10:before {
    content: ""
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,
.vjs-icon-replay-30 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,
.vjs-icon-replay-30:before {
    content: ""
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,
.vjs-icon-forward-5 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,
.vjs-icon-forward-5:before {
    content: ""
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,
.vjs-icon-forward-10 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,
.vjs-icon-forward-10:before {
    content: ""
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,
.vjs-icon-forward-30 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,
.vjs-icon-forward-30:before {
    content: ""
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
    content: ""
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-next-item:before {
    content: ""
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-previous-item:before {
    content: ""
}

.vjs-icon-shuffle {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-shuffle:before {
    content: ""
}

.vjs-icon-cast {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-cast:before {
    content: ""
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
    content: ""
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
    content: ""
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-facebook:before {
    content: ""
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-linkedin:before {
    content: ""
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-twitter:before {
    content: ""
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-tumblr:before {
    content: ""
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-pinterest:before {
    content: ""
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
    font-family: VideoJS;
    font-style: normal;
    font-weight: 400
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
    content: ""
}

.video-js {
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    word-break: initial;
    background-color: #000;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    position: relative
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: 0
}

.video-js *,
.video-js :after,
.video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    list-style-position: outside
}

.video-js.vjs-1-1,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    height: 0
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none
}

body.vjs-full-window,
body.vjs-pip-window {
    height: 100%;
    margin: 0;
    padding: 0
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
    z-index: 1000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
    display: block;
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-pip-container .vjs-pip-text {
    text-align: center;
    background-color: #000000b3;
    width: 100%;
    padding: .5em;
    font-size: 2em;
    position: absolute;
    bottom: 10%
}

.vjs-layout-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text {
    font-size: 1.4em;
    bottom: 0
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0;
    left: -9999px
}

.vjs-lock-showing {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important
}

.vjs-no-js {
    color: #fff;
    text-align: center;
    background-color: #000;
    width: 300px;
    height: 150px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    cursor: pointer;
    opacity: 1;
    background-color: #2b333fb3;
    border: .06666em solid #fff;
    border-radius: .3em;
    width: 3em;
    height: 1.63332em;
    margin-top: -.81666em;
    margin-left: -1.5em;
    padding: 0;
    font-size: 3em;
    line-height: 1.5em;
    transition: all .4s;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%
}

.vjs-big-play-button .vjs-svg-icon {
    width: 1em;
    height: 1em;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    background-color: #73859f80;
    border-color: #fff;
    transition: all
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(:-webkit-any(.vjs-seeking, .vjs-scrubbing, .vjs-error)) .vjs-big-play-button {
    display: block
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(:-moz-any(.vjs-seeking, .vjs-scrubbing, .vjs-error)) .vjs-big-play-button {
    display: block
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(:is(.vjs-seeking, .vjs-scrubbing, .vjs-error)) .vjs-big-play-button {
    display: block
}

.video-js button {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    text-decoration: none;
    transition: none;
    display: inline-block
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
    box-shadow: none;
    outline: .0625em solid #fff
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    z-index: 2;
    height: 3em;
    position: absolute;
    top: .5em;
    right: 0
}

.video-js .vjs-modal-dialog {
    background: linear-gradient(#000c, #fff0);
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    z-index: 1;
    padding: 20px 24px;
    font-size: 1.2em;
    line-height: 1.5
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    text-align: center;
    text-transform: lowercase;
    justify-content: center;
    margin: 0;
    padding: .2em 0;
    font-size: 1.2em;
    line-height: 1.4em;
    list-style: none;
    display: flex
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f80
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    color: #2b333f;
    background-color: #fff
}

.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon {
    fill: #000
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible) {
    background: 0 0
}

.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: 0 0
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    cursor: default;
    margin: 0 0 .3em;
    padding: 0;
    font-size: 1em;
    font-weight: 700;
    line-height: 2em
}

.vjs-menu-button-popup .vjs-menu {
    border-top-color: #2b333fb3;
    width: 10em;
    height: 0;
    margin-bottom: 1.5em;
    display: none;
    position: absolute;
    bottom: 0;
    left: -3em
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
    left: unset;
    right: 1em
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333fb3;
    width: 100%;
    max-height: 15em;
    position: absolute;
    bottom: 1.5em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.22222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    transition: all .4s;
    position: absolute;
    top: 0;
    left: 4em
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    opacity: 1;
    display: block
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    background-color: #2b333fb3;
    width: 100%;
    height: 3em;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
    gap: 1px
}

.video-js:not(:-webkit-any(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error)) .vjs-control-bar.vjs-lock-showing {
    display: flex !important
}

.video-js:not(:-moz-any(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error)) .vjs-control-bar.vjs-lock-showing {
    display: flex !important
}

.video-js:not(:is(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error)) .vjs-control-bar.vjs-lock-showing {
    display: flex !important
}

.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s;
    display: flex
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.video-js .vjs-control {
    text-align: center;
    flex: none;
    width: 4em;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.vjs-button>.vjs-svg-icon {
    display: inline-block
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js :not(.vjs-visible-text)>.vjs-control-text {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    touch-action: none;
    flex: auto;
    align-items: center;
    min-width: 4em;
    display: flex
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    align-items: center;
    display: flex
}

.video-js .vjs-progress-holder {
    flex: auto;
    height: .3em;
    transition: all .2s
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.66667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
    width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: absolute
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    z-index: 1;
    font-size: .9em;
    line-height: .35em;
    position: absolute;
    right: -.5em
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
    content: none !important
}

.vjs-play-progress .vjs-svg-icon {
    pointer-events: none;
    z-index: 1;
    width: .9em;
    height: .9em;
    line-height: .15em;
    position: absolute;
    top: -.35em;
    right: -.4em
}

.video-js .vjs-load-progress {
    background: #73859f80
}

.video-js .vjs-load-progress div {
    background: #73859fbf
}

.video-js .vjs-time-tooltip {
    color: #000;
    float: right;
    pointer-events: none;
    visibility: hidden;
    z-index: 1;
    background-color: #fffc;
    border-radius: .3em;
    padding: 6px 8px 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    position: absolute;
    top: -3.4em
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    visibility: visible;
    font-size: .6em;
    display: block
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    z-index: 1;
    background-color: #000;
    width: 1px;
    height: 100%;
    display: none;
    position: absolute
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000c
}

.video-js .vjs-slider {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #73859f80;
    margin: 0 .45em;
    padding: 0;
    position: relative
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
    outline: .0625em solid #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left, top;
    position: relative
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    transition: left;
    left: -3.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    width: 3em;
    height: 8em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    left: -3000em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.video-js .vjs-volume-level:before {
    z-index: 1;
    font-size: .9em;
    position: absolute
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    z-index: 1;
    top: -.5em;
    left: -.3em
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
    content: none
}

.vjs-volume-level .vjs-svg-icon {
    pointer-events: none;
    z-index: 1;
    width: .9em;
    height: .9em;
    position: absolute
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    line-height: .35em;
    right: -.5em
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
    right: -.3em;
    transform: translateY(-50%)
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
    top: -.55em;
    transform: translate(-50%)
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    background-color: #2b333fb3;
    width: 3em;
    height: 8em;
    bottom: 8em
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    color: #000;
    float: right;
    pointer-events: none;
    visibility: hidden;
    z-index: 1;
    background-color: #fffc;
    border-radius: .3em;
    padding: 6px 8px 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    position: absolute;
    top: -3.4em
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    visibility: visible;
    font-size: 1em;
    display: block
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
    top: -12px;
    left: 1em
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    z-index: 1;
    background-color: #000;
    width: 100%;
    height: 1px;
    display: none;
    position: absolute
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000c
}

.vjs-poster {
    vertical-align: middle;
    cursor: pointer;
    height: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
    display: block
}

.vjs-poster img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.video-js .vjs-live-control {
    flex: auto;
    align-items: flex-start;
    font-size: 1em;
    line-height: 3em;
    display: flex
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    flex: none;
    align-items: center;
    width: auto;
    min-width: 4em;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    display: inline-flex
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    color: #888;
    margin-right: .5em
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
    line-height: 0
}

.vjs-seek-to-live-control .vjs-svg-icon {
    pointer-events: none;
    fill: #888;
    width: 1em;
    height: 1em
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
    fill: red
}

.video-js .vjs-time-control {
    flex: none;
    width: auto;
    min-width: 2em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1em;
    line-height: 3em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider {
    display: none
}

.vjs-time-divider {
    line-height: 3em;
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 3em;
    left: 0;
    right: 0
}

.vjs-error .vjs-text-track-display {
    display: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    text-align: center;
    margin-bottom: .1em;
    font-size: 1.4em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
    text-align: center !important;
    width: 80% !important
}

@supports not (inset:10px) {
    .video-js .vjs-text-track-display>div {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
    display: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    text-align: center;
    font-size: 1.5em;
    line-height: 2
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    text-align: center;
    font-size: 1.4em
}

.vjs-loading-spinner {
    opacity: .85;
    text-align: left;
    box-sizing: border-box;
    visibility: hidden;
    background-clip: padding-box;
    border: .6em solid #2b333fb3;
    border-radius: 50%;
    width: 5em;
    height: 5em;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    justify-content: center;
    align-items: center;
    animation: 0s linear .3s forwards vjs-spinner-show;
    display: flex
}

.vjs-error .vjs-loading-spinner {
    display: none
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff #0000 #0000;
    position: absolute
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    animation: 1.1s cubic-bezier(.6, .2, 0, .8) infinite vjs-spinner-spin, 1.1s linear infinite vjs-spinner-fade
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none
}

.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
    width: 1.5em;
    height: 1.5em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    margin-bottom: -.1em;
    display: inline-block
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    content: "";
    font-family: VideoJS;
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    margin-bottom: -.1em;
    display: inline-block
}

.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    content: " ";
    font-family: VideoJS;
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto;
    width: initial
}

.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.vjs-modal-dialog.vjs-text-track-settings {
    color: #fff;
    background-color: #2b333fbf;
    height: 70%
}

.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
    height: 80%
}

.vjs-error .vjs-text-track-settings {
    display: none
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        padding: 20px 24px 0;
        display: grid
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-text-track-settings select {
    font-size: inherit
}

.vjs-track-setting>select {
    margin-bottom: .5em;
    margin-right: 1em
}

.vjs-text-track-settings fieldset {
    border: none;
    margin: 10px
}

.vjs-text-track-settings fieldset span {
    padding: 0 .6em .8em;
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    font-size: 1.2em;
    font-weight: 700
}

.vjs-text-track-settings .vjs-label {
    margin: 0 .5em .5em 0
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
    background-image: linear-gradient(#73859f 0%, #fff 12%);
    outline-width: medium;
    outline-style: solid
}

.vjs-track-settings-controls button:hover {
    color: #2b333fbf
}

.vjs-track-settings-controls button {
    color: #2b333f;
    cursor: pointer;
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

.vjs-title-bar {
    pointer-events: none;
    background: linear-gradient(#000000e6 0, #000000b3 60%, #0000 100%);
    width: 100%;
    padding: .666em 1.333em 4em;
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity .1s;
    position: absolute;
    top: 0
}

.vjs-error .vjs-title-bar {
    display: none
}

.vjs-title-bar-description,
.vjs-title-bar-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    overflow: hidden
}

.vjs-title-bar-title {
    margin-bottom: .333em;
    font-weight: 700
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
    opacity: 0;
    transition: opacity 1s
}

.video-js .vjs-skip-forward-5,
.video-js .vjs-skip-forward-10,
.video-js .vjs-skip-forward-30,
.video-js .vjs-skip-backward-5,
.video-js .vjs-skip-backward-10,
.video-js .vjs-skip-backward-30 {
    cursor: pointer
}

.video-js .vjs-transient-button {
    cursor: pointer;
    opacity: 1;
    background-color: #32323280;
    justify-content: center;
    align-items: center;
    height: 3em;
    transition: opacity 1s;
    display: flex;
    position: absolute
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
    display: none
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
    opacity: 0
}

.video-js .vjs-transient-button span {
    padding: 0 .5em
}

.video-js .vjs-transient-button.vjs-left {
    left: 1em
}

.video-js .vjs-transient-button.vjs-right {
    right: 1em
}

.video-js .vjs-transient-button.vjs-top {
    top: 1em
}

.video-js .vjs-transient-button.vjs-near-top {
    top: 4em
}

.video-js .vjs-transient-button.vjs-bottom {
    bottom: 4em
}

.video-js .vjs-transient-button:hover {
    background-color: #323232e6
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    z-index: -1000;
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
    outline: 0
}

.video-js :focus:not(:focus-visible) {
    outline: 0
}

body[data-electron-upload-host=true] {
    scrollbar-gutter: stable;
    box-sizing: border-box;
    --electron-upload-toolbar-height: calc(1.75rem + 6px);
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0
}

body[data-electron-upload-host=true] .upload-section,
body[data-electron-upload-host=true] .upload-section .upload-container {
    min-width: 0
}

body[data-electron-upload-host=true] .upload-section {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0
}

body[data-electron-upload-host=true] .upload-section .upload-container {
    padding-top: var(--electron-upload-toolbar-height);
    box-sizing: border-box;
    gap: 0
}

body[data-electron-upload-host=true] .upload-section .upload-container .upload-header-section {
    z-index: 25;
    width: 100%;
    max-width: none;
    min-height: var(--electron-upload-toolbar-height);
    box-sizing: border-box;
    background-color: var(--background-primary);
    border-bottom: 1px solid var(--border-color);
    flex-wrap: nowrap;
    flex-shrink: 0;
    align-items: stretch;
    gap: 0;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 6px #00000014
}

body[data-electron-upload-host=true] .upload-section .upload-container .upload-header-section .upload-action {
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    white-space: nowrap;
    border-radius: 0;
    flex: 1 1 0;
    justify-content: center;
    align-items: center;
    gap: .18rem;
    min-height: 1.75rem;
    padding: .18rem .35rem;
    font-size: .62rem;
    line-height: 1.15;
    display: flex
}

body[data-electron-upload-host=true] .upload-section .upload-container .upload-header-section i {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
    margin-left: 0;
    margin-right: 0;
    font-size: .72rem;
    font-weight: 400;
    line-height: 1;
    display: inline-flex
}

body[data-electron-upload-host=true] .upload-section .upload-container .upload-header-section .upload-action.electron-app-show {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    padding: .15rem .25rem;
    display: flex
}

body[data-electron-upload-host=true] .upload-section .upload-container .upload-header-section .dropdown.upload-action {
    vertical-align: unset;
    justify-content: center;
    align-items: center;
    display: flex
}

body[data-electron-upload-host=true] .upload-section .upload-container .upload-header-section #uploadAllButtonUploadModal.text-xs {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size: .62rem;
    font-weight: 600;
    line-height: 1.15;
    display: inline-flex
}

body[data-electron-upload-host=true] .upload-section .upload-container .upload-header-section #uploadAllButtonUploadModal.text-xs span {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

body[data-electron-upload-host=true] .upload-section .upload-container .upload-header-section .is-flex.gap-1 {
    gap: .12rem
}

body[data-electron-upload-host=true] .upload-section .upload-container .upload-header-section .upload-action:not(:last-child) {
    border-right: 0
}

body[data-electron-upload-host=true] .upload-file-card .upload-file-card-icon-wrapper {
    width: 40px;
    height: 40px;
    margin-right: .5rem
}

body[data-electron-upload-host=true] .upload-file-card button,
body[data-electron-upload-host=true] .upload-file-card span,
body[data-electron-upload-host=true] .upload-file-card b {
    font-size: .65rem;
    line-height: 1rem
}

body[data-electron-upload-host=true] .upload-file-card-details-container .file-details-left-section .action-button-wrapper {
    gap: 0
}

body[data-electron-upload-host=true] .upload-section .progress-bar {
    width: 5rem
}

body[data-electron-upload-host=true] button {
    padding: .5rem
}

body[data-electron-upload-host=true] .drag-and-drop-upload-box {
    border: 0
}

body[data-electron-upload-host=true] #removeDropdownlElectron {
    color: var(--text-primary);
    cursor: pointer;
    padding: .3rem .7rem;
    font-weight: 600
}

body[data-electron-upload-host=true] #removeDropdownlElectron:hover {
    color: var(--accent-color)
}

body[data-electron-upload-host=true] .remove-selected-info-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

body[data-electron-upload-host=true] .error-message-left,
body[data-electron-upload-host=true] .error-message-right {
    word-break: break-all
}

body[data-electron-upload-host=true] .upload-file-card {
    height: 100px
}

body[data-electron-upload-host=true] .share-history-electron-modal .modal-card-head {
    background-color: var(--background-primary);
    border-bottom: 0;
    padding: 0 !important
}

body[data-electron-upload-host=true] .share-history-electron-modal .modal-card-head .header-btn {
    width: 25px;
    height: 25px
}

body[data-electron-upload-host=true] .share-history-electron-modal .modal-card .modal-card-body {
    padding: 0
}

body[data-electron-upload-host=true] .files-to-upload-modal .modal-card .modal-card-body {
    padding: 0;
    overflow: hidden
}

body[data-electron-upload-host=true] #share-history-card-wrapper {
    overflow: auto
}

body[data-electron-upload-host=true] .share-history-card {
    border: 1px solid var(--border-color)
}

body[data-electron-upload-host=true] .share-history-card button {
    font-size: .75rem;
    line-height: 1rem
}

body[data-electron-upload-host=true] .share-history-card .shared-files {
    border-bottom: 1px solid var(--border-color);
    height: 5rem;
    position: relative;
    overflow: auto
}

body[data-electron-upload-host=true] .share-history-card .shared-item {
    word-break: break-all;
    width: calc(100% - 30px)
}

body[data-electron-upload-host=true] .share-history-card .shared-files-count-wrapper {
    width: 30px;
    height: 0;
    position: sticky;
    top: 0;
    left: 100%
}

body[data-electron-upload-host=true] .share-history-card .shared-files-count {
    background-color: var(--accent-color);
    color: var(--color-106);
    text-align: center;
    font-size: .8rem;
    line-height: inherit;
    border-radius: 2rem;
    padding: .1rem .5rem;
    display: inline-block
}

body[data-electron-upload-host=true] .share-history-card .action-buttons {
    border-top: 1px solid var(--border-color)
}

body[data-electron-upload-host=true] .share-history-card .action-buttons button {
    border-radius: 0
}

body[data-electron-upload-host=true] .share-history-card .remove-button {
    border-right: 1px solid var(--border-color)
}

body[data-electron-upload-host=true] .connection-lost-modal .modal-card-body {
    padding: 0
}

body[data-electron-upload-host=true] .connection-lost-modal .modal-card-body .icon-warning-sign {
    font-size: 2rem
}

body[data-electron-upload-host=true] .connection-lost-modal .modal-card-body button:disabled,
body[data-electron-upload-host=true] .connection-lost-modal .modal-card-body button[disabled] {
    opacity: .6;
    cursor: default
}

body[data-electron-upload-host=true] .electron-app-user-info {
    word-break: break-all;
    max-width: 250px
}

body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--top-right,
body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--top-left,
body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--top-center,
body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-left,
body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-right,
body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-center {
    box-sizing: border-box;
    width: auto;
    max-width: none;
    left: .5rem;
    right: .5rem;
    transform: none
}

body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-left,
body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-right,
body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-center {
    bottom: 30px
}

body[data-electron-upload-host=true] .Toastify .Toastify__toast-container .toast {
    box-sizing: border-box;
    grid-gap: 6px;
    width: 100%;
    max-width: 100%;
    margin-inline-start: auto;
    margin-inline-end: auto;
    padding: .5rem .65rem;
    animation: none;
    overflow-x: hidden
}

body[data-electron-upload-host=true] .Toastify .Toastify__toast-container .toast.remove-animation {
    animation: none
}

body[data-electron-upload-host=true] .Toastify .Toastify__toast-container .toast .toast-icon {
    width: 1.5rem;
    height: 1.5rem
}

body[data-electron-upload-host=true] .Toastify .Toastify__toast-container .toast .toast-icon i {
    font-size: 1rem
}

body[data-electron-upload-host=true] .Toastify .Toastify__toast-container .toast .toast-close-btn {
    width: 1.5rem;
    height: 1.5rem;
    padding: .25rem
}

body[data-electron-upload-host=true] .Toastify .Toastify__toast-container .toast .text-sm,
body[data-electron-upload-host=true] .Toastify .Toastify__toast-container .toast p {
    font-size: .875rem;
    line-height: 1.35
}

body[data-electron-upload-host=true] .Toastify .Toastify__toast-container .toast .is-flex-grow-1 {
    overflow-wrap: anywhere;
    min-width: 0
}

@media (max-width:480px) {
    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container .toast {
        grid-gap: 5px;
        padding: .45rem .55rem
    }
}

@media (max-width:399px) {

    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--top-right,
    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--top-left,
    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--top-center,
    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-left,
    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-right,
    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-center {
        left: 0;
        right: 0
    }

    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-left,
    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-right,
    body[data-electron-upload-host=true] .Toastify .Toastify__toast-container.Toastify__toast-container--bottom-center {
        bottom: 0
    }
}