.box{background-color:#fff;padding:10px;margin:5px;border-radius:8px;border:none;cursor:pointer;overflow:hidden;text-align:center;position:relative;-webkit-transition:.2s;transition:.2s;outline:0;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 3px 0 rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.05)}.box--current{-webkit-box-shadow:0 6px 20px 0 hsla(210,4%,49%,.08)!important;box-shadow:0 6px 20px 0 hsla(210,4%,49%,.08)!important}.box:after{content:"";height:3px;width:0;background:linear-gradient(135deg,#0ea5e9,#06b6d4);position:absolute;bottom:0;left:0;right:0;margin:auto;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.box.is-active{-webkit-box-shadow:0 6px 20px 0 hsla(210,4%,49%,.2);box-shadow:0 6px 20px 0 hsla(210,4%,49%,.2)}.box.is-active:after{width:100%}.box.is-disabled{-webkit-box-shadow:none;box-shadow:none;opacity:.55;background-color:#f8fafc}.box:not(.is-active):not(.is-disabled):focus,.box:not(.is-active):not(.is-disabled):hover{-webkit-box-shadow:0 4px 12px 0 hsla(210,4%,49%,.12);box-shadow:0 4px 12px 0 hsla(210,4%,49%,.12)}.box--location__capital{font-size:20px;border-radius:2px}.box--location__capital .flag-icon{display:block;margin:auto;margin-bottom:7px}.server-ports .server-port:hover{background:#fafafb}