@font-face {
    font-family: MetropolisBold;
    font-style: normal;
    font-weight: 400;
    src: url(../../static/media/metropolis-bold-webfont.08845d7d8a64ab8204ff.woff2) format("woff2"), url(../../static/media/metropolis-bold-webfont.8694e002b08ba32ce413.woff) format("woff")
}

@font-face {
    font-family: Metropolis;
    font-style: normal;
    font-weight: 400;
    src: url(../../static/media/metropolis-regular-webfont.94a2963d0efd704290d5.woff2) format("woff2"), url(../../static/media/metropolis-regular-webfont.58feaa0261f4804f6ecd.woff) format("woff")
}

@font-face {
    font-family: MetropolisMedium;
    font-style: normal;
    font-weight: 400;
    src: url(../../static/media/metropolis-medium-webfont.0bd5259a55227552db8a.woff2) format("woff2"), url(../../static/media/metropolis-medium-webfont.314b6ae16c6e91b0575f.woff) format("woff")
}

@font-face {
    font-family: MinecraftFiveBold;
    font-style: normal;
    font-weight: 400;
    src: url(../../static/media/minecraft_five_bold-webfont.fd7f607c98c07acb670d.woff2) format("woff2"), url(../../static/media/minecraft_five_bold-webfont.e31888d690f5173dd969.woff) format("woff")
}

body {
    background: url('../../images/fondo.png') repeat-x center 0 #3b3b3b;
    color: #696969;
    display: flex;
    flex-direction: column;
    font: 14px/1.8em Noto Sans, Arial, sans-serif;
    height: 100vh;
    margin: 0
}

body,
h1 {
    padding: 0
}

h1 {
    color: #787878;
    font: 23px/1em MinecraftFiveBold, Impact, sans-serif;
    margin: 0 0 10px
}

h2 {
    color: #696969;
    font: 14px/1.4em Noto Sans, Arial, sans-serif;
    margin: 0
}

h2,
h3 {
    padding: 0
}

h3 {
    color: #777777;
    font: 23px/1em MinecraftFiveBold, Impact, sans-serif;
    margin: 0 0 10px
}

h3 span {
    color: #a3a3a3
}

button {
    all: unset;
    cursor: pointer
}

button:disabled,
button:disabled:hover {
    color: hsla(0, 0%, 6%, .3);
    cursor: default
}

a,
button {
    color: #2889c6;
    text-decoration: none;
    transition: color .2s ease, background-color .2s ease
}

a:hover,
button:hover {
    color: #794385
}

a img,
button img {
    border: 0
}

p {
    margin: 0 0 20px
}

:focus {
    outline: 0
}

.clear {
    clear: both
}

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

.gray_box {
    background: #0c0c0c;
    box-shadow: inset 7px -7px rgba(0, 0, 0, .05), inset -7px 7px 0 #080808;
    color: #535353;
    cursor: pointer;
    font: 700 16px/1.6em Noto Sans, Arial, sans-serif;
    padding: 20px;
    position: relative;
    transition: background-color .2s ease, box-shadow .2s ease;
    -webkit-user-select: none;
    user-select: none
}

.gray_box span {
    color: #535353;
    display: block;
    font-size: 14px;
    font-weight: 400
}

label.gray_box:hover {
    box-shadow: inset 7px -7px rgba(0, 0, 0, .05), inset -7px 7px 0 #e5e5e5, inset 0 0 100px hsla(0, 0%, 100%, .2)
}

label.gray_box:active {
    box-shadow: inset 7px 7px rgba(0, 0, 0, .05), inset -7px -7px #d2d2d2
}

.header_box {
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: -8px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px
}

.borderless_box {
    border-radius: 5px;
    justify-content: right;
    padding: 0
}

.borderless_box,
.white_box {
    align-items: center;
    display: flex;
    margin: 0
}

.white_box {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    justify-content: space-between;
    padding: 9px 9px 9px 18px
}

.white_box .legend {
    color: #222;
    font: 700 16px/1em Noto Sans, Arial, sans-serif;
    padding: 12px 10px 12px 0
}

.white_box .fields {
    flex-grow: 1;
    text-align: right
}

.white_box.checkbox .legend {
    flex-grow: 1
}

.white_box.checkbox .fields {
    flex-grow: 0
}

input[type=radio] {
    display: none
}

button.drag_box.dragged_over,
button.gray_box:hover,
input[type=radio]:checked+.gray_box {
    background: #36b14a;
    box-shadow: inset 7px -7px rgba(0, 0, 0, .05), inset -7px 7px #47ca62;
    color: #fff
}

button.drag_box.dragged_over span,
button.gray_box:hover .version,
input[type=radio]:checked+.gray_box .version {
    color: #baffc5
}

input[type=number],
input[type=text],
select {
    background: #f4f4f4;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    box-sizing: border-box;
    color: #696969;
    font: 16px/1em Noto Sans, Arial, sans-serif;
    height: 40px;
    margin: 0;
    padding: 0 10px;
    width: 100%
}

select {
    -webkit-appearance: none;
    appearance: none
}

.button {
    border: 0;
    cursor: pointer;
    display: inline-block;
    font: 16px/1em MetropolisBold, Arial, sans-serif;
    letter-spacing: .7px;
    margin: 0 5px;
    padding: 20px;
    text-shadow: 0 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    transition: box-shadow .2s ease
}

.button,
.button:disabled {
    color: #fff
}

.small {
    font: 12px/1em MetropolisBold, Arial, sans-serif;
    margin: 0;
    padding: 14px;
    text-shadow: 0 1px rgba(0, 0, 0, .2)
}

.button.green {
    background: #36b14a;
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #4bcf67
}

.button.magenta {
    background: #c95eca;
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #de82df
}

.button.red {
    background: #b95555;
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #d47676
}

.button.blue {
    background: #3d85aa;
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #55b4cb
}

.button[disabled] {
    background: #b4b4b4;
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #d1d1d1;
    cursor: default
}

.button.green:hover {
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #4bcf67, inset 0 0 30px hsla(0, 0%, 100%, .2);
    color: #fff
}

.button.magenta:hover {
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #de82df, inset 0 0 30px hsla(0, 0%, 100%, .2);
    color: #fff
}

.button.red:hover {
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #d47676, inset 0 0 30px hsla(0, 0%, 100%, .2);
    color: #fff
}

.button.blue:hover {
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #55b4cb, inset 0 0 30px hsla(0, 0%, 100%, .2);
    color: #fff
}

.button[disabled]:hover {
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #d1d1d1;
    color: #fff
}

.button.green:active {
    box-shadow: inset 2px 2px rgba(0, 0, 0, .05), inset -2px -2px #4bcf67
}

.button.magenta:active {
    box-shadow: inset 2px 2px rgba(0, 0, 0, .05), inset -2px -2px #de82df
}

.button.red:active {
    box-shadow: inset 2px 2px rgba(0, 0, 0, .05), inset -2px -2px #d47676
}

.button.blue:active {
    box-shadow: inset 2px 2px rgba(0, 0, 0, .05), inset -2px -2px #55b4cb
}

.button[disabled]:active {
    box-shadow: inset 4px -4px rgba(0, 0, 0, .05), inset -4px 4px 0 #d1d1d1
}

.progress_bar_container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.progress_bar {
    background: #3a3a3a;
    border-radius: 2px;
    height: 20px;
    margin: 20px 0 45px;
    overflow: hidden;
    width: 76%
}

.progress_bar.animated {
    animation: progress-bar-stripes 1s linear infinite;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAUCAYAAADV9o4UAAAA1ElEQVRYCd2TOw7CMBBEZyNCQ1IRkLg5V+IkSA6i4NMQxCK5ShPi2GOJtVvvjv3sfbI5nhSZlrQtZNdlSp+O1ccT6tx0AYDq527KZr2GdNuUhLje9wDt+9nePOAiqA57QGT2AtQCVXzODtD5Ic4C7sd7VVOZQsL0cgWGV0gpf9S9100TdDizyHt9vwVHcn/8z70evwoP3IDXWcAteE0Ht+I1F9yQ1zxwY17TwK15TQG36HU6uFGv08ANe50EbtnraHDrXseBF+D1cvBCvF4MXorXY/AvVYF1k6P9QncAAAAASUVORK5CYII=) 0 0 repeat-x
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 63px 0
    }

    to {
        background-position: 0 0
    }
}

.progress_bar .progress_fill {
    background: #36b14a;
    border-radius: 2px;
    height: 100%;
    transition: width .3s ease
}

.toggle {
    border-radius: 2px;
    display: inline-block;
    height: 40px;
    position: relative;
    width: 60px
}

.toggle input[type=checkbox] {
    height: 0;
    opacity: 0;
    width: 0
}

.switch {
    background-color: #858585;
    border-radius: 4px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0
}

.switch,
.switch:before {
    position: absolute;
    transition: .4s
}

.switch:before {
    background-color: #fff;
    border-radius: 3px;
    bottom: 3px;
    content: "";
    height: 34px;
    left: 3px;
    width: 26px
}

input:checked+.switch {
    background-color: #45b352
}

input:focus+.switch {
    box-shadow: 0 0 1px #2196f3
}

input:checked+.switch:before {
    transform: translateX(28px)
}

.slide_container {
    align-items: center;
    display: flex;
    width: 100%
}

.slide_container output {
    box-sizing: border-box;
    padding: 0 5px;
    text-align: center;
    width: 15%
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    background: #c9c9c9;
    border-radius: 4px;
    flex-grow: 1;
    height: 7px;
    margin: 0;
    outline: none;
    transition: opacity .2s;
    width: 100%
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #bc6ca1;
    border-radius: 50%;
    box-shadow: inset 0 3px #b15b92;
    cursor: pointer;
    height: 27px;
    width: 27px
}

.slider::-moz-range-thumb {
    background: #bc6ca1;
    border: 0;
    border-radius: 50%;
    box-shadow: inset 0 3px #b15b92;
    cursor: pointer;
    height: 27px;
    width: 27px
}

.code {
    color: #d546d3;
    font: 14px/1.8em Source Code Pro, Courier, monospace
}

.wrapper {
    margin: 0 auto;
    position: relative;
    width: 1300px;
    z-index: 1
}

.modal_overlay {
    align-items: center;
    background: hsla(0, 0%, 5%, .5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000
}

.modal {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px rgba(0, 0, 0, .1);
    max-width: 500px;
    padding: 55px 80px;
    text-align: center
}

.modal h3,
.modal p {
    margin: 0 0 40px
}

.modal p:last-child {
    margin: 0
}

#content {
    background: #161616;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 0 13px rgba(0, 0, 0, .1);
    display: flex;
    margin: 75px 0 50px;
    position: relative;
    z-index: 0
}

#content .progress {
    max-width: 100%;
    position: absolute;
    right: 10px;
    transform: translateY(-50%);
    width: 420px;
    z-index: 1000
}

#content .progress svg {
    filter: drop-shadow(rgba(0, 0, 0, .2) 0 1px 4px);
    max-width: 100%;
    width: 100%
}

#content .progress .bg {
    fill: #000000;
}

#content .progress .step2 {
    transform: translate(115px)
}

#content .progress .step3 {
    transform: translate(230px)
}

#content .progress .step4 {
    transform: translate(345px)
}

#content .progress .hex {
    fill: #787878
}

#content .progress .shadow {
    fill: #595959
}

#content .progress .highlight {
    fill: #a1a1a1
}

#content .progress .corner1,
#content .progress .corner2 {
    fill: #737373
}

#content .progress .line {
    fill: #787878
}

#content .progress .complete .hex {
    fill: #36b14a;
    transition: fill .2s ease
}

#content .progress .complete .shadow {
    fill: #239044;
    transition: fill .2s ease
}

#content .progress .complete .highlight {
    fill: #84c441;
    transition: fill .2s ease
}

#content .progress .complete .corner1,
#content .progress .complete .corner2 {
    fill: #2da349;
    transition: fill .2s ease
}

#content .progress .complete .line {
    fill: #84c441;
    transition: fill .2s ease
}

#content .sidebar {
    background: #3c2142 url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDg4NGRiMDQtOWY5Yi1kYzQ5LWFkZTktYmQ5YTEwNTgzNDAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2RDgzRDQzMzBGQTExRUE5RkQyOTAxRDE2MkY1QTIxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2RDgzRDQyMzBGQTExRUE5RkQyOTAxRDE2MkY1QTIxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3NjRkMmM4LTFmMGQtYWM0ZS04YTYwLWMzNDhkNzJiZmJlNyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjUzNzlmYTVlLWU5MGUtMTFlOS1iM2MwLWYzZTM0YTdjYTdjOCIvPiA8L3Jk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) bottom no-repeat;
    border-radius: 3px 0 0 3px;
    margin: 0;
    padding: 25px 0;
    position: relative;
    z-index: 900
}

#content .sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#content .sidebar ul li button {
    background: #221525;
    color: #bc91c5;
    display: flex;
    font: 16px/1em MetropolisBold, Arial, sans-serif;
    margin: 0 0 3px;
    padding: 15px 60px 15px 20px;
    text-transform: uppercase;
    width: -webkit-fill-available
}

#content .sidebar ul li button:hover {
    background: #2a192e;
    color: #d5b7dc
}

#content .sidebar ul li button.active {
    background: #794385;
    color: #fff;
    position: relative;
    text-shadow: 0 1px #000
}

#content .sidebar ul li button.active:after {
    border-bottom: 23px solid transparent;
    border-left: 15px solid #794385;
    border-top: 23px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0
}

#content .maincol {
    display: flex;
    flex: auto;
    flex-direction: column;
    max-width: 100%;
    min-height: 60vh
}

#content .topbar {
    background: #161616;
    border-radius: 3px 3px 0 0;
    padding: 45px;
    position: relative
}

#content .topbar:after {
    background: linear-gradient(180deg, #101010 0, hsla(0, 0%, 95%, 0));
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3", endColorstr="#00f3f3f3", GradientType=0);
    height: 117px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1
}

.tabs {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.topbar .tabs {
    margin: 35px 0 -45px
}

.tabs li button {
    background: #e3e3e3;
    color: #4c5c63;
    display: block;
    font: 16px/1em MetropolisBold, Arial, sans-serif;
    margin: 0 5px 0 0;
    padding: 18px 20px;
    position: relative;
    text-transform: uppercase
}

.tabs li button:hover {
    background: #bc6ca1;
    color: #fff
}

.tabs li button.active {
    background: #f2f2f2;
    color: #222
}

.tabs li button.active:before {
    background: #36b14a;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.tabs.dimension_tabs {
    flex-wrap: wrap;
    row-gap: 5px
}

.tabs.dimension_tabs li {
    max-width: min(280px, 40%);
    min-width: 0
}

.settings input[type=radio]+label.identifier,
.tabs.dimension_tabs li button.identifier {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    vertical-align: bottom;
    white-space: nowrap
}

#content .bottombar {
    background: #141414;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #000000;
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding: 9px 5px;
    text-align: right
}

#content .main_content {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding: 50px
}

#footer {
    background: #161616;
    color: #787878;
    margin-top: auto;
    z-index: 0
}

#footer .footer_top {
    background: #222;
    padding: 25px 0
}

#footer .footer_top ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

#footer .footer_top ul li a {
    color: #797979;
    display: block;
    font: 16px/1.2em MetropolisBold, Arial, sans-serif;
    margin: 0 30px 0 0;
    text-transform: uppercase
}

#footer .footer_top ul li a:hover {
    color: #2889c6
}

#footer .footer_bottom {
    align-items: flex-start;
    display: flex;
    padding: 15px 0 0
}

#footer .footer_bottom img {
    margin: 5px 20px 0 0;
    width: 45px;
}

#footer .footer_bottom .copy {
    color: #5e5e5e
}

#footer .footer_bottom .build {
    display: block;
    flex-grow: 1;
    justify-self: flex-end;
    padding: 0 50px 0 0;
    text-align: right
}

.select_world_options {
    align-items: stretch;
    display: flex;
    justify-content: center;
    width: 100%
}

.select_world .gray_box {
    color: #1ea0c9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 5px;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center;
    width: 34.2%
}

.select_world .drag_box {
    width: 68.4%
}

.select_world span {
    color: #535353;
    display: block;
    font-size: 14px;
    font-weight: 400
}

.select_world input[type=radio] {
    display: none
}

.select_world input[type=radio]:checked+.gray_box {
    background: #36b14a;
    box-shadow: inset 7px -7px rgba(0, 0, 0, .05), inset -7px 7px #47ca62;
    color: #fff
}

.select_world input[type=radio]:checked+.gray_box span {
    color: #baffc5
}

.main_content_progress {
    flex-direction: column
}

.world_name {
    color: #2cadc3;
}

#content .main_content.export {
    align-items: stretch;
    flex-grow: 0;
    gap: 40px
}

#content .main_content.export,
.export .edition_section {
    display: flex;
    flex-direction: column
}

.export .edition_heading {
    color: #ababab;
    font: 14px/1.2em MetropolisBold, Arial, sans-serif;
    margin: 0 0 12px;
    text-transform: uppercase
}

.export .edition_grid {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.export .edition_toggle {
    margin: 18px 0 0;
    text-align: center
}

.export .gray_box {
    display: block;
    padding: 30px 20px 30px 95px
}

.export .gray_box .version {
    color: #768187;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    min-height: 1.2em
}

.export .gray_box:before {
    background: rgba(0, 0, 0, .1);
    border-radius: 100%;
    content: "";
    display: block;
    height: 60px;
    left: 20px;
    position: absolute;
    top: 23px;
    width: 60px
}

.export .gray_box[for^=BEDROCK]:before {
    background: rgba(0, 0, 0, .1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAoCAYAAAB5ADPdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkODg0ZGIwNC05ZjliLWRjNDktYWRlOS1iZDlhMTA1ODM0MDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzZCNkZBOUMzMUVEMTFFQTg3QkE4OTEzNjQyNTQ5MkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzZCNkZBOUIzMUVEMTFFQTg3QkE4OTEzNjQyNTQ5MkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzdjZTAxMzMtMTZiYy1kYzQzLThhYWQtZGY2MTg4ZmE5MzE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZWJkZjMxYWYtMzA3ZS0xMWVhLTlmY2Et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) 50% no-repeat
}

.export .gray_box[for^=JAVA]:before {
    background: rgba(0, 0, 0, .1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAoCAYAAAB5ADPdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkODg0ZGIwNC05ZjliLWRjNDktYWRlOS1iZDlhMTA1ODM0MDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzZCNkZBQTAzMUVEMTFFQTg3QkE4OTEzNjQyNTQ5MkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzZCNkZBOUYzMUVEMTFFQTg3QkE4OTEzNjQyNTQ5MkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzdjZTAxMzMtMTZiYy1kYzQzLThhYWQtZGY2MTg4ZmE5MzE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZWJkZjMxYWYtMzA3ZS0xMWVhLTlmY2Et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) 50% no-repeat
}

.export .gray_box .labels {
    position: absolute;
    right: 14px;
    top: -7px
}

.export .gray_box .labels span {
    background: #cc6eae;
    color: #fff;
    display: inline;
    font: 12px/1em Noto Sans, Arial, sans-serif;
    padding: 6px;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.export .gray_box .labels .beta {
    background: #ffad0f
}

.export .gray_box .labels span+span {
    margin-left: 5px
}

#content .main_content.settings {
    grid-gap: 10px;
    align-items: flex-start;
    display: grid;
    flex-grow: 0;
    grid-template-columns: 1fr 1fr
}

.settings input[type=radio]+label {
    border: 1px solid #0190af;
    border-radius: 2px;
    color: #0190af;
    cursor: pointer;
    display: inline-block;
    font: 14px/40px Noto Sans, Arial, sans-serif;
    margin: 0 0 0 2px;
    padding: 0 10px;
    text-transform: uppercase;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease
}

.settings input[type=radio]+label[data-color=green] {
    border: 1px solid #45b352;
    color: #45b352
}

.settings input[type=radio]+label[data-color=yellow] {
    border: 1px solid #d4b741;
    color: #d4b741
}

.settings input[type=radio]+label[data-color=red] {
    border: 1px solid #d96666;
    color: #d96666
}

.settings input[type=radio]+label[data-color=magenta] {
    border: 1px solid #c95eca;
    color: #c95eca
}

.settings input[type=radio]+label:hover {
    border-color: #858585
}

.settings input[type=radio]:checked+label {
    background: #0190af;
    color: #fff
}

.settings input[type=radio]:checked+label[data-color=green] {
    background: #45b352
}

.settings input[type=radio]:checked+label[data-color=yellow] {
    background: #d4b741
}

.settings input[type=radio]:checked+label[data-color=red] {
    background: #d96666
}

.settings input[type=radio]:checked+label[data-color=magenta] {
    background: #c95eca
}

.settings .white_box .biome_field {
    margin-left: auto;
    max-width: 320px;
    text-align: left;
    width: 100%
}

#content .main_content.settings.dimensions .white_box {
    flex-wrap: wrap;
    row-gap: 5px
}

#content .main_content.settings.dimensions .white_box .fields {
    min-width: 0
}

.settings input[type=text]:invalid {
    background: #fdf3f3;
    border-color: #d96666
}

.settings input[type=number] {
    width: 90px
}

.settings label:hover .tooltip {
    opacity: 1;
    transition: opacity 1s cubic-bezier(1, .015, .93, -.17);
    visibility: visible
}

.settings label {
    position: relative
}

.settings label .tooltip {
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    line-height: 1.8em;
    min-width: 200px;
    opacity: 0;
    padding: 16px;
    position: absolute;
    top: -4px;
    transform: translateY(-100%);
    visibility: hidden;
    width: 65%;
    z-index: 10
}

.settings label .tooltip strong {
    color: #a3a3a3;
    font-weight: 400
}

.settings label .tooltip:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, .8);
    bottom: -8px;
    content: "";
    left: 50%;
    margin: 0 0 0 -5px;
    position: absolute
}

.settings .bigger {
    width: 100% !important
}

.leaflet-control-layers-selector {
    display: inline-block !important
}

.leaflet-edit-move {
    display: none !important
}

.dimensions {
    grid-template-columns: auto !important;
    justify-content: normal !important
}

.leaflet-touch .leaflet-control-layers-toggle {
    height: 30px !important;
    width: 30px !important
}

.leaflet-control-layers-toggle {
    background-size: 20px 20px !important
}

.output-log {
    height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    resize: none;
    width: 500px
}

.drag_box * {
    pointer-events: none
}

.icon-button {
    background: none;
    border: 0;
    padding: 0
}

.icon-button:hover:not([disabled]) {
    cursor: pointer
}

.mappings-row {
    align-content: stretch;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.mappings-entry {
    align-self: stretch;
    flex: 1 1;
    order: 0;
    padding: 5px
}

.mappings-delete {
    align-self: center;
    flex: 0 0 auto;
    order: 0;
    padding: 5px
}

.title-beta {
    background: #1d5faa;
    color: #fff;
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase
}

.api input {
    width: 50%
}

img {
    height: auto;
    max-width: 100%;
    width: auto\9
}

@media screen and (max-width:1400px) {
    .wrapper {
        width: 960px
    }

    .tabs li {
        max-width: 25%
    }

    .tabs li button {
        font-size: 12px;
        overflow: hidden;
        padding: 15px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #content .sidebar ul li button {
        font-size: 14px;
        padding: 15px
    }

    #content .main_content.settings {
        grid-template-columns: 1fr
    }
}

@media screen and (max-width:1100px) {
    .wrapper {
        width: 730px
    }

    #header nav ul {
        font-size: 11px
    }

    #content {
        flex-direction: column
    }

    #content .sidebar {
        border-radius: 3px 3px 0 0;
        padding: 50px 10px 0
    }

    #content .sidebar ul {
        display: flex;
        justify-content: space-between
    }

    #content .sidebar ul li button {
        box-sizing: border-box;
        font-size: 13px;
        height: 100%;
        margin: 0 1px
    }

    #content .sidebar ul li button:after {
        display: none
    }

    #content .progress {
        width: 380px
    }

    .select_world .gray_box {
        box-sizing: border-box;
        width: 50%
    }

    .export .edition_grid {
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr
    }

    .export .gray_box.source:after {
        content: "Source";
        font-size: 11px
    }

    #footer {
        text-align: center
    }

    #footer .footer_top ul {
        justify-content: center
    }

    #footer .footer_bottom {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 15px 0 10px
    }

    #footer .footer_bottom img {
        margin: 0 0 5px
    }

    #footer .footer_bottom .build {
        padding: 0
    }
}

@media screen and (max-width:860px) {
    .wrapper {
        width: 460px
    }

    .nav_menu {
        display: block
    }

    #header {
        height: 47px;
        justify-content: center;
        margin: 0 0 70px
    }

    #header .logo {
        width: 240px
    }

    #header .nav_left {
        display: none
    }

    #header .nav_right {
        display: none;
        position: absolute;
        right: 0;
        top: 19px;
        width: auto
    }

    #header .nav_right ul {
        display: block;
        line-height: 1.4em;
        text-align: right
    }

    #content .sidebar {
        padding: 40px 7px 0
    }

    #content .sidebar ul li button {
        font-size: 10px;
        line-height: 1.2em;
        margin: 0 1px 0 0;
        padding: 6px
    }

    .topbar .tabs {
        justify-content: center;
        margin: 35px -45px -45px;
        padding: 0 5px
    }

    .tabs li button {
        font-size: 11px;
        font-weight: 400;
        padding: 10px 6px
    }

    #content .progress {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 300px
    }

    .progress_bar {
        width: 85%
    }

    p {
        text-align: center
    }

    .button {
        font-size: 12px
    }

    #content .bottombar {
        justify-content: center
    }

    .select_world_options {
        flex-direction: column
    }

    .select_world .gray_box {
        margin: 5px 0;
        padding: 20px;
        width: 100%
    }

    .export .gray_box .labels span+span {
        display: none
    }

    .export .gray_box {
        padding: 20px;
        text-align: center
    }

    .export .gray_box:before {
        margin: 0 auto 10px;
        position: static
    }

    .white_box .legend {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .settings input[type=radio]+label {
        font-size: 10px;
        line-height: 36px;
        padding: 0 8px
    }

    .toggle,
    input[type=text] {
        height: 36px
    }

    .switch:before {
        height: 30px
    }

    .settings input[type=number] {
        width: 70px
    }

    #footer .footer_top ul li a {
        font-size: 14px
    }
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../../static/media/noto-sans-v9-latin-regular.d94baf4d793438f78dcf.eot);
    src: local("Noto Sans"), local("NotoSans"), url(../../static/media/noto-sans-v9-latin-regular.d94baf4d793438f78dcf.eot?#iefix) format("embedded-opentype"), url(../../static/media/noto-sans-v9-latin-regular.7f65400c6b61f9dd1187.woff2) format("woff2"), url(../../static/media/noto-sans-v9-latin-regular.bedd9dda935a164e00f0.woff) format("woff"), url(../../static/media/noto-sans-v9-latin-regular.911a4479e3e8b9d11ba4.ttf) format("truetype"), url(../../static/media/noto-sans-v9-latin-regular.ab6e42380f2a05e00234.svg#NotoSans) format("svg")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 700;
    src: url(../../static/media/noto-sans-v9-latin-700.2eb8d41c7c4a78e60acc.eot);
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(../../static/media/noto-sans-v9-latin-700.2eb8d41c7c4a78e60acc.eot?#iefix) format("embedded-opentype"), url(../../static/media/noto-sans-v9-latin-700.0674cdf070471e6f6bd0.woff2) format("woff2"), url(../../static/media/noto-sans-v9-latin-700.689575ff4d8e5e6d39e6.woff) format("woff"), url(../../static/media/noto-sans-v9-latin-700.fd2ef6b03485d6340c44.ttf) format("truetype"), url(../../static/media/noto-sans-v9-latin-700.ccb3b908f9426ebea3ef.svg#NotoSans) format("svg")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 400;
    src: url(../../static/media/noto-sans-v9-latin-italic.a7f2a0a85acfd91b2edc.eot);
    src: local("Noto Sans Italic"), local("NotoSans-Italic"), url(../../static/media/noto-sans-v9-latin-italic.a7f2a0a85acfd91b2edc.eot?#iefix) format("embedded-opentype"), url(../../static/media/noto-sans-v9-latin-italic.41a9274088cbb1d40b71.woff2) format("woff2"), url(../../static/media/noto-sans-v9-latin-italic.9c21b810e75dfe788308.woff) format("woff"), url(../../static/media/noto-sans-v9-latin-italic.887dcf07883e8dc390ee.ttf) format("truetype"), url(../../static/media/noto-sans-v9-latin-italic.975e8612e57ed464c5a4.svg#NotoSans) format("svg")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 700;
    src: url(../../static/media/noto-sans-v9-latin-700italic.3487562b0b4811e9b03f.eot);
    src: local("Noto Sans Bold Italic"), local("NotoSans-BoldItalic"), url(../../static/media/noto-sans-v9-latin-700italic.3487562b0b4811e9b03f.eot?#iefix) format("embedded-opentype"), url(../../static/media/noto-sans-v9-latin-700italic.155268b05af0bafb2955.woff2) format("woff2"), url(../../static/media/noto-sans-v9-latin-700italic.ad4b623a73ca5e40a556.woff) format("woff"), url(../../static/media/noto-sans-v9-latin-700italic.2581899904f336e68867.ttf) format("truetype"), url(../../static/media/noto-sans-v9-latin-700italic.e0f0696def0ed607d7af.svg#NotoSans) format("svg")
}

.no-padding {
    padding: 0 4px
}

.no-link {
    color: #000;
    text-decoration: none !important
}

.no-top-line-table th {
    border: none
}

.center-map {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center
}

.center-cell {
    width: 100%
}

.map-col {
    padding: 5px
}

.img-map {
    border: 1px solid #000
}

.img-map-container {
    max-width: 350px;
    text-align: center
}

.warning {
    background: #cc6e6e;
    color: #fff;
    display: inline;
    font: 14px/1em Noto Sans, Arial, sans-serif;
    padding: 10px !important;
    text-shadow: 0 1px rgba(0, 0, 0, .3)
}

.warning+.export {
    padding-top: 20px !important
}

#toolbar {
    float: right
}

.center-table {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    text-align: center
}

.setting-item {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.dimension-item .input-group {
    width: 100%
}

.dimension-item .input-group-text {
    width: 130px
}

.dimension-item {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

#preview {
    border: 1px solid #000;
    display: block;
    margin-left: auto;
    margin-right: auto
}

#map {
    height: 60vh;
    width: 100%
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    max-width: none !important
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
    left: 0;
    position: absolute;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.leaflet-tile::-moz-selection {
    background: transparent
}

.leaflet-tile::selection {
    background: transparent
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    height: 1600px;
    -webkit-transform-origin: 0 0;
    width: 1600px
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-overlay-pane svg {
    max-height: none !important;
    max-width: none !important
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    max-height: none !important;
    max-width: none !important;
    padding: 0;
    width: auto
}

.leaflet-container img.leaflet-tile {
    mix-blend-mode: plus-lighter
}

.leaflet-container.leaflet-touch-zoom {
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    box-sizing: border-box;
    height: 0;
    width: 0;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    height: 1px;
    width: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    pointer-events: visiblePainted;
    pointer-events: auto;
    position: relative;
    z-index: 800
}

.leaflet-bottom,
.leaflet-top {
    pointer-events: none;
    position: absolute;
    z-index: 1000
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    clear: both;
    float: left
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    transform-origin: 0 0
}

svg.leaflet-zoom-animated {
    will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    transition: transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline-offset: 1px
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-zoom-box {
    background: hsla(0, 0%, 100%, .5);
    border: 2px dotted #38f
}

.leaflet-container {
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.leaflet-bar {
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65)
}

.leaflet-bar a {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #000;
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    width: 26px
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:focus,
.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.leaflet-bar a.leaflet-disabled {
    background-color: #f4f4f4;
    color: #bbb;
    cursor: default
}

.leaflet-touch .leaflet-bar a {
    height: 30px;
    line-height: 30px;
    width: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: 700 18px Lucida Console, Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4)
}

.leaflet-control-layers-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
    height: 36px;
    width: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    height: 44px;
    width: 44px
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    background: #fff;
    color: #333;
    padding: 6px 10px 6px 6px
}

.leaflet-control-layers-scrollbar {
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block;
    font-size: 13px;
    font-size: 1.08333em
}

.leaflet-control-layers-separator {
    border-top: 1px solid #ddd;
    height: 0;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0, 0%, 100%, .8);
    margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    color: #333;
    line-height: 1.4;
    padding: 0 5px
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:focus,
.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-attribution-flag {
    display: inline !important;
    height: .6669em;
    vertical-align: baseline !important;
    width: 1em
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    background: hsla(0, 0%, 100%, .8);
    border: 2px solid #777;
    border-top: none;
    box-sizing: border-box;
    line-height: 1.1;
    padding: 2px 5px 1px;
    text-shadow: 1px 1px #fff;
    white-space: nowrap
}

.leaflet-control-scale-line:not(:first-child) {
    border-bottom: none;
    border-top: 2px solid #777;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
    box-shadow: none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
    background-clip: padding-box;
    border: 2px solid rgba(0, 0, 0, .2)
}

.leaflet-popup {
    margin-bottom: 20px;
    position: absolute;
    text-align: center
}

.leaflet-popup-content-wrapper {
    border-radius: 12px;
    padding: 1px;
    text-align: left
}

.leaflet-popup-content {
    font-size: 13px;
    font-size: 1.08333em;
    line-height: 1.3;
    margin: 13px 24px 13px 20px;
    min-height: 1px
}

.leaflet-popup-content p {
    margin: 1.3em 0
}

.leaflet-popup-tip-container {
    height: 20px;
    left: 50%;
    margin-left: -20px;
    margin-top: -1px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 40px
}

.leaflet-popup-tip {
    height: 17px;
    margin: -10px auto 0;
    padding: 1px;
    pointer-events: auto;
    transform: rotate(45deg);
    width: 17px
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #fff;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
    color: #333
}

.leaflet-container a.leaflet-popup-close-button {
    background: transparent;
    border: none;
    color: #757575;
    font: 16px/24px Tahoma, Verdana, sans-serif;
    height: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 24px
}

.leaflet-container a.leaflet-popup-close-button:focus,
.leaflet-container a.leaflet-popup-close-button:hover {
    color: #585858
}

.leaflet-popup-scrolled {
    overflow: auto
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
    margin: 0 auto;
    width: 24px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    color: #222;
    padding: 6px;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.leaflet-tooltip.leaflet-interactive {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
    background: transparent;
    border: 6px solid transparent;
    content: "";
    pointer-events: none;
    position: absolute
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    border-top-color: #fff;
    bottom: 0;
    margin-bottom: -12px
}

.leaflet-tooltip-bottom:before {
    border-bottom-color: #fff;
    margin-left: -6px;
    margin-top: -12px;
    top: 0
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    margin-top: -6px;
    top: 50%
}

.leaflet-tooltip-left:before {
    border-left-color: #fff;
    margin-right: -12px;
    right: 0
}

.leaflet-tooltip-right:before {
    border-right-color: #fff;
    left: 0;
    margin-left: -12px
}

@media print {
    .leaflet-control {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

.leaflet-container .leaflet-control-mouseposition {
    background-color: hsla(0, 0%, 100%, .7);
    box-shadow: 0 0 5px #bbb;
    color: #333;
    font: 11px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 5px
}

.leaflet-control-fullscreen a {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA0CAYAAACU7CiIAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACoSURBVFiF7ZZhDoAgCIWxdbF3suxkHM3+1FaOmNqyIr6fiHuJTyKklKgHQxcVF7rCKAUBiA5h5tCSR/T0iTakL9PWz05IZNEM3YSCt6BvCgFI2ps4Q9v3k9Ldgdrr8nrX9LYc7wwu5EIu9KCQT6rq+r8mVbV0ewBEIpqy8MzMsWR/8f+oxmES9u7olZPqLKQeYtqkWuy61V2xND/H3h35pNqMPTPYE1oAnZZStKN8jj8AAAAASUVORK5CYII=) no-repeat 0 0;
    background-size: 26px 52px
}

.leaflet-touch .leaflet-control-fullscreen a {
    background-position: 2px 2px
}

.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 0 -26px
}

.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 2px -24px
}

.leaflet-container:-webkit-full-screen {
    height: 100% !important;
    width: 100% !important
}

.leaflet-container.leaflet-fullscreen-on,
.leaflet-pseudo-fullscreen {
    height: 100% !important;
    width: 100% !important
}

.leaflet-pseudo-fullscreen {
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    z-index: 99999
}

@media (min-resolution:192dpi) {
    .leaflet-control-fullscreen a {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABoCAYAAAC+NNNnAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEhSURBVHic7dpBDoIwFADRj/FiPRlwsh4NN5CoiVKg1Ukzb43ApKK1dliWJXpy+/cN1GYQnUF0BtEZRHcvPTCldGhKkXMefnm+TXcjZBBd8TP0rvQ9ffb1R5+xTXcjZBCdQXQG0Q2u+sAZRGcQnUF0p9cUrv4eanW97kbIIDqD6AyiO70ut7du1mrdbU93I2QQnWsKdAbRGURnEJ1BdAbRGURnEJ1BdAbRueeUziA695zSGURnEN3pT7lvUkpTRIw7h80556n2tauPUGFMRMS4HltV9f+HWs3RSnX3DBlEZxCdQXQt9pzOUfbFuh179Xovqo/QOp35eKNPmkx9mszl1hudWpx7T3fPkEF0BtG555TOIDr3nNIZRGcQnUF0BtE9AF5WX48h7QeZAAAAAElFTkSuQmCC)
    }
}

/*# sourceMappingURL=main.adb4c0ce.css.map*/