@import url(https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap);.keybind-input{border-radius:200px;background:var(--color-grey-lightest,#e9eff2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.keybind-input__input{background:transparent;font-family:Hack,Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;color:var(--color-grey-dark,#606f7b);border:none;font-size:16px;padding:4px 16px;padding-right:0;width:120px;text-align:center;outline:none}.keybind-input__input:focus{color:var(--color-primary-base,#3490dc);font-weight:700}.keybind-input .v-icon-button{margin-right:4px}.theme-dark .keybind-input{background:var(--color-black,#1c2129)}.theme-dark .keybind-input__input{color:var(--color-grey-lighter,#dae1e7)}.theme-dark .keybind-input__input:focus{color:var(--color-primary-light,#63b4ea)}.fade-quick-enter-active{-webkit-animation:fade-in .1s forwards;animation:fade-in .1s forwards}.fade-quick-leave-active{-webkit-animation:fade-out .1s forwards;animation:fade-out .1s forwards}.fade-page-quick-enter-active{position:fixed;width:100%;height:100%;z-index:999999;-webkit-animation:fade-in .1s forwards;animation:fade-in .1s forwards}.fade-page-quick-leave-active{position:fixed;width:100%;height:100%;z-index:-1}.fade-slow-enter-active,.fade-slow-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-slow-enter,.fade-slow-leave-to{opacity:0}.swipe-up-leave-active{pointer-events:none;-webkit-animation:swipe-up-and-fade 3s;animation:swipe-up-and-fade 3s;position:fixed}.swipe-up-leave-active>*{-webkit-transition:opacity 3s;transition:opacity 3s}.swipe-up-leave-to,.swipe-up-leave-to>*{opacity:0}.swipe-down-enter-active{-webkit-animation:fade-and-swipe-down 1s;animation:fade-and-swipe-down 1s;overflow:hidden;position:fixed;top:0}.swipe-down-enter{max-height:100vh;opacity:1}@-webkit-keyframes swipe-up-and-fade{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}33%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:1}to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes swipe-up-and-fade{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}33%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:1}to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes fade-and-swipe-down{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}33%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-and-swipe-down{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}33%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-out-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes fade-out-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}40%{-webkit-transform:translateX(5%);transform:translateX(5%)}60%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}80%{-webkit-transform:translateX(5%);transform:translateX(5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}40%{-webkit-transform:translateX(5%);transform:translateX(5%)}60%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}80%{-webkit-transform:translateX(5%);transform:translateX(5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.interface-panel__darkness-levels{text-align:right}.interface-panel__darkness-levels .v-button{margin:4px}@media (min-width:1200px){.interface-panel__darkness-levels .v-button{margin:0}.interface-panel__darkness-levels .v-button:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0}.interface-panel__darkness-levels .v-button:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}}.interface-panel__theme-colours{text-align:right}.interface-panel__theme-colours .v-button{margin:4px}@media (min-width:1200px){.interface-panel__theme-colours .v-button{margin:0}.interface-panel__theme-colours .v-button:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0}.interface-panel__theme-colours .v-button:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}}.interface-panel__theme-colours .v-button--blue{--color-primary-lightest:#d6f4fd;--color-primary-lighter:#aee5fb;--color-primary-light:#63b4ea;--color-primary-base:#3490dc;--color-primary-dark:#2670bd;--color-primary-darker:#103b7f;--color-primary-darkest:#092969}.interface-panel__theme-colours .v-button--green{--color-primary-lightest:#e3fbd6;--color-primary-lighter:#c2f7ae;--color-primary-light:#6ad35d;--color-primary-base:#32b72f;--color-primary-dark:#229d2a;--color-primary-darker:#0e6a24;--color-primary-darkest:#095722}.interface-panel__theme-colours .v-button--orange{--color-primary-lightest:#fff5db;--color-primary-lighter:#ffe8b7;--color-primary-light:#ffc878;--color-primary-base:#ffae4c;--color-primary-dark:#db8937;--color-primary-darker:#934b18;--color-primary-darkest:#7a350e}.interface-panel__theme-colours .v-button--red{--color-primary-lightest:#ffe5d7;--color-primary-lighter:#ffc4b0;--color-primary-light:#ff786b;--color-primary-base:#ff3a3a;--color-primary-dark:#db2a39;--color-primary-darker:#931234;--color-primary-darkest:#7a0b31}.interface-panel__theme-colours .v-button--pink{--color-primary-lightest:#ffebef;--color-primary-lighter:#ffbbca;--color-primary-light:#fa7ea8;--color-primary-base:#f66d9b;--color-primary-dark:#eb5286;--color-primary-darker:#6f213f;--color-primary-darkest:#451225}.interface-panel__theme-colours .v-button--grey{--color-primary-lightest:#e9eff2;--color-primary-lighter:#dae1e7;--color-primary-light:#b8c2cc;--color-primary-base:#8795a1;--color-primary-dark:#606f7b;--color-primary-darker:#3d4852;--color-primary-darkest:#262e3a}.interface-panel__theme-colours .v-button--indigo{--color-primary-lightest:#e6e8ff;--color-primary-lighter:#b2b7ff;--color-primary-light:#7886d7;--color-primary-base:#6574cd;--color-primary-dark:#5661b3;--color-primary-darker:#2f365f;--color-primary-darkest:#191e38}