html, body {
    width: 100%;
    height: 100%;
}
.uk-dark body,
.uk-dark .container {
    background: #fff;
}
.uk-dark #vc-logo-light {
    display: none;
}
.uk-light #vc-logo {
    display: none;
}
.uk-light body,
.uk-light .container,
.uk-light .uk-modal-dialog {
    background: #2e2e2e;
}
@media screen and (prefers-color-scheme: dark) {
    html {
        background: #2e2e2e;
    }
}
#droptext {
    background: #00275D;
    border: 2px dashed #CC972E;
}
#droptext.hovering {
    border: 2px dashed #fff;
}
.uk-navbar-right.uk-padding-small {
    padding-top: 0;
    padding-bottom: 0;
}
#export,
.uk-button-group .uk-button.selected {
    color: #fff;
    background: #00275D;
    border-color: #CC972E;
}
.uk-dark #export,
.uk-dark .uk-button-group .uk-button.selected {
    border-width: 2px;
}
.uk-dark #droptext {
    border-width: 4px;
}
.uk-button-group > button {
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (min-width: 1280px) {
    .uk-button-group > button {
        padding-left: 25px;
        padding-right: 25px;
    }
}
#canvas-container {
    position: relative;
    height: max-content;
}
#canvas, #mask{
    background: #000;
    opacity: 0.1;
    position: absolute;
    width: 100%;
    height: 100%;
}
#svg, #frame {
    position: absolute;
    width: 100%;
    margin-bottom: 50px;
}
#svg > path:hover {
    stroke: #ff0;
}
#droptext {
    height: 480px;
    color: #CC972E;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #00275D;
    border-color: #CC972E;
}
input[type=range]::-moz-range-thumb {
    background: #00275D;
    border-color: #CC972E;
}
input[type=range]::-ms-thumb {
    background: #00275D;
    border-color: #CC972E;
}
#drop, #gallery, #options {
    border-top: 1px solid #686868;
}
#gallery {
    padding-bottom: 0;
}
.galleryitem {
    cursor: pointer;
    padding: 2px;
    margin: 1px;
}
.galleryitem:hover {
    padding: 0px;
    margin: 0px;
    border: 2px solid #CC972E;
}
.galleryitem img {
    max-height: 120px;
}
.uk-text-meta {
    font-size: 12px;
}
.cursor {
    display: none;
    border: 1px solid white;
    position: absolute;
}