:root{--font-size: min(3vh, 3.4vw);--button-height: calc(2 * var(--font-size));--button-border-radius: calc(1/2 * var(--button-height));--input-border-width: 2px;--input-border: var(--input-border-width) solid black;--feedback-height: var(--font-size);--input-margins: calc(1/2 * var(--font-size));--submit-button-width: calc(1.5 * var(--button-height));--input-width: calc(99.9% - var(--submit-button-width) - 2 * var(--input-margins));--submit-indicator-v-offset: calc(1/12 * var(--button-height));--list-option-width: calc(20 * var(--font-size));--home-margin: calc(1/3 * var(--font-size));--region-option-width: calc(12.5 * var(--font-size));--region-option-padding: var(--font-size);--region-option-margin: calc(1 * var(--font-size));--color-bg: #101010;--color-button: #1c1c1c;--color-highlight: #303030;--color-click: #404040;--color-text: white;--color-text-highlight: #cccccc;--box-shadow: 0 0 calc(var(--font-size) / 2) #00000044;--color-water: #101018;--color-country-inactive: #323232;--color-country-active: #606060;--color-country-stroke: #ffffff44;--color-country-highlighter: #00ffff33}html,body{margin:0;padding:0;padding-bottom:calc(2 * var(--font-size));overflow:auto;background-color:var(--color-bg)}*{font-family:Gabarito,Tahoma,sans-serif,Verdana}.home-button{cursor:pointer;height:var(--button-height);font-size:var(--font-size);border:none;color:var(--color-text);background-color:var(--color-button)}.home-button:hover{background-color:var(--color-highlight)}.home-button:active{background-color:var(--color-click)}.list-dropdown{width:var(--list-option-width);display:flex;margin-left:calc(50% - 1/2 * var(--list-option-width));margin-top:calc(3 * var(--font-size));margin-bottom:calc(5 * var(--font-size))}.list-dropdown div{width:80%;margin-right:10%;margin-left:auto}.list-dropdown img{height:calc(var(--font-size) * 1.2);float:left;margin-left:2%;transition:.2s}.list-dropdown-button{width:100%;border-radius:calc(var(--button-border-radius) * .4);transition:0s;margin-bottom:calc(0px - var(--button-height));z-index:3}.list-option{width:var(--list-option-width);transition:0s}.dropdown-fill{height:calc(var(--button-height) - 4px)}.v-dropdown-container{background-color:var(--color-button)!important;z-index:2!important}.region-container{display:grid;grid-template-columns:repeat(auto-fit,calc(var(--region-option-width)));width:min(calc(100% - 2 * var(--region-option-margin)),calc(3 * (var(--region-option-width) + var(--region-option-margin))));height:auto;margin:auto;gap:var(--region-option-margin);justify-content:center}.region-option{height:auto;width:var(--region-option-width);padding:var(--region-option-padding);border-radius:var(--button-border-radius);box-shadow:var(--box-shadow);transition:.25s}.region-option img{display:flex;width:100%;margin-bottom:calc(3/4 * var(--region-option-padding));aspect-ratio:10 / 9;border-radius:calc(.4 * var(--button-border-radius));box-shadow:var(--box-shadow)}#input-area{z-index:2;position:absolute;bottom:0;width:100%;background-color:#06f4}.country-form{box-sizing:border-box;margin:var(--input-margins);height:var(--button-height);vertical-align:bottom;text-align:center;font-size:var(--font-size)}#country-input{background-color:var(--color-bg);color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--input-width);margin-right:0;border:var(--input-border);border-radius:var(--button-border-radius) 0 0 var(--button-border-radius)}#country-input:focus{outline:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}#country-submit-button{width:var(--submit-button-width);margin-left:calc(0px - var(--input-border-width));background-color:var(--color-button);transition:.1s;border:var(--input-border);border-radius:0 var(--button-border-radius) var(--button-border-radius) 0;cursor:pointer}#country-submit-button:hover{background-color:var(--color-highlight)}#country-submit-image{height:calc(.6 * var(--button-height));width:auto;margin:0;transition:.05s}#feedback{width:var(--input-width);margin:var(--input-margins);margin-bottom:0;font-size:var(--feedback-height);text-align:center;text-shadow:1px 1px 2px black,1px -1px 2px black,-1px 1px 2px black,-1px -1px 2px black}#feedback a{text-decoration:underline;color:var(--color-text);transition:.1s}#feedback a:hover{color:var(--color-text-highlight)}#map{z-index:1;position:absolute;width:100%;height:100%;background-color:var(--color-water)}.country-inactive{fill:var(--color-country-inactive);stroke:var(--color-water);stroke-width:.05}.country-active{fill:var(--color-country-active);stroke:var(--color-country-stroke);stroke-width:.05px}#country-highlighter{visibility:hidden;fill:var(--color-country-highlighter)}