html{--gap: 16px;--gap-s: 8px;--gap-l: 32px;--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--main-color: #af4231;--secondary-color: #07867d;--bg-color: #f8f8f8;--text-color: #222;--negative-color: #222;--negative-color-alpha-90: rgba(34, 34, 34, .9);--negative-color-alpha-80: rgba(34, 34, 34, .8);--negative-color-alpha-70: rgba(34, 34, 34, .7);--negative-color-alpha-60: rgba(34, 34, 34, .6);--negative-color-alpha-50: rgba(34, 34, 34, .5);--negative-color-alpha-40: rgba(34, 34, 34, .4);--negative-color-alpha-30: rgba(34, 34, 34, .3);--negative-color-alpha-20: rgba(34, 34, 34, .2);--negative-color-alpha-10: rgba(34, 34, 34, .1);--negative-color-alpha-5: rgba(34, 34, 34, .05);--negative-color-5: #ededed;--negative-color-10: #e3e3e3;--negative-color-20: #cdcdcd;--negative-color-30: #b8b8b8;--negative-color-40: #a2a2a2;--negative-color-50: #8d8d8d;--negative-color-60: #787878;--negative-color-70: #626262;--negative-color-80: #4d4d4d;--negative-color-90: #373737;--bg-color-alpha-90: rgba(248, 248, 248, .9);--bg-color-alpha-80: rgba(248, 248, 248, .8);--bg-color-alpha-70: rgba(248, 248, 248, .7);--bg-color-alpha-60: rgba(248, 248, 248, .6);--bg-color-alpha-50: rgba(248, 248, 248, .5);--bg-color-alpha-40: rgba(248, 248, 248, .4);--bg-color-alpha-30: rgba(248, 248, 248, .3);--bg-color-alpha-20: rgba(248, 248, 248, .2);--bg-color-alpha-10: rgba(248, 248, 248, .1);--bg-color-alpha-5: rgba(248, 248, 248, .05);--main-color-90: #b65445;--main-color-80: #be6659;--main-color-70: #c5796d;--main-color-60: #cc8b81;--main-color-50: #d49d95;--main-color-40: #dbafa8;--main-color-30: #e2c1bc;--main-color-20: #e9d4d0;--main-color-10: #f1e6e4;--main-color-5: #f4efee;--main-text-color: #fff;--main-color-alpha-90: rgba(175, 66, 49, .9);--main-color-alpha-80: rgba(175, 66, 49, .8);--main-color-alpha-70: rgba(175, 66, 49, .7);--main-color-alpha-60: rgba(175, 66, 49, .6);--main-color-alpha-50: rgba(175, 66, 49, .5);--main-color-alpha-40: rgba(175, 66, 49, .4);--main-color-alpha-30: rgba(175, 66, 49, .3);--main-color-alpha-20: rgba(175, 66, 49, .2);--main-color-alpha-10: rgba(175, 66, 49, .1);--main-color-alpha-5: rgba(175, 66, 49, .05);--secondary-color-90: #1f9189;--secondary-color-80: #379d96;--secondary-color-70: #4fa8a2;--secondary-color-60: #67b4ae;--secondary-color-50: #80bfbb;--secondary-color-40: #98cac7;--secondary-color-30: #b0d6d3;--secondary-color-20: #c8e1df;--secondary-color-10: #e0edec;--secondary-color-5: #ecf2f2;--secondary-color-alpha-90: rgba(7, 134, 125, .9);--secondary-color-alpha-80: rgba(7, 134, 125, .8);--secondary-color-alpha-70: rgba(7, 134, 125, .7);--secondary-color-alpha-60: rgba(7, 134, 125, .6);--secondary-color-alpha-50: rgba(7, 134, 125, .5);--secondary-color-alpha-40: rgba(7, 134, 125, .4);--secondary-color-alpha-30: rgba(7, 134, 125, .3);--secondary-color-alpha-20: rgba(7, 134, 125, .2);--secondary-color-alpha-10: rgba(7, 134, 125, .1);--secondary-color-alpha-5: rgba(7, 134, 125, .05);--secondary-text-color: #fff;--error-bg-color-alpha-5: rgba(183, 41, 41, .05);--error-bg-color-alpha-10: rgba(183, 41, 41, .1);--error-bg-color-alpha-20: rgba(183, 41, 41, .2);--error-bg-color-alpha-30: rgba(183, 41, 41, .3);--error-bg-color-alpha-40: rgba(183, 41, 41, .4);--error-bg-color-alpha-50: rgba(183, 41, 41, .5);--error-bg-color-alpha-60: rgba(183, 41, 41, .6);--error-bg-color-alpha-70: rgba(183, 41, 41, .7);--error-bg-color-alpha-80: rgba(183, 41, 41, .8);--error-bg-color-alpha-90: rgba(183, 41, 41, .9);--success-bg-color-alpha-5: rgba(27, 122, 27, .05);--success-bg-color-alpha-10: rgba(27, 122, 27, .1);--success-bg-color-alpha-20: rgba(27, 122, 27, .2);--success-bg-color-alpha-30: rgba(27, 122, 27, .3);--success-bg-color-alpha-40: rgba(27, 122, 27, .4);--success-bg-color-alpha-50: rgba(27, 122, 27, .5);--success-bg-color-alpha-60: rgba(27, 122, 27, .6);--success-bg-color-alpha-70: rgba(27, 122, 27, .7);--success-bg-color-alpha-80: rgba(27, 122, 27, .8);--success-bg-color-alpha-90: rgba(27, 122, 27, .9);--btn-bg-color: var(--main-color-20);--btn-text-color: var(--text-color);--btn-border: 1px solid rgba(0, 0, 0, .1);--border-radius: 8px;--btn-border-radius: var(--border-radius);--border-color: rgba(0, 0, 0, .1);--success-bg-color: #1b7a1b;--success-text-color: #fff;--error-bg-color: #b72929;--error-text-color: #fff;--switch-on-bg-color: var(--main-color);--switch-bg-color: #999;--switch-toggle-bg-color: #fff;--main-width: 600px;--font-size-base: 16px;--font-size-a2: calc(var(--font-size-base) * .75);--font-size-a1: calc(var(--font-size-base) * .875);--font-size-1: calc(var(--font-size-base) * 1);--font-size-2: calc(var(--font-size-base) * 1.125);--font-size-3: calc(var(--font-size-base) * 1.25);--font-size-4: calc(var(--font-size-base) * 1.5);--font-size-5: calc(var(--font-size-base) * 1.75);--font-size-6: calc(var(--font-size-base) * 2);--font-size-7: calc(var(--font-size-base) * 2.5);--transition-duration: .2s;--text-shadow: 0 0 0px rgba(0, 0, 0, .1)}@media only screen and (min-width: 960px){html{--font-size-base: 18px}}html.dark{--gap: 16px;--gap-s: 8px;--gap-l: 32px;--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--main-color: #692217;--secondary-color: #07867d;--bg-color: #111;--text-color: #eee;--negative-color: #eee;--negative-color-alpha-90: rgba(238, 238, 238, .9);--negative-color-alpha-80: rgba(238, 238, 238, .8);--negative-color-alpha-70: rgba(238, 238, 238, .7);--negative-color-alpha-60: rgba(238, 238, 238, .6);--negative-color-alpha-50: rgba(238, 238, 238, .5);--negative-color-alpha-40: rgba(238, 238, 238, .4);--negative-color-alpha-30: rgba(238, 238, 238, .3);--negative-color-alpha-20: rgba(238, 238, 238, .2);--negative-color-alpha-10: rgba(238, 238, 238, .1);--negative-color-alpha-5: rgba(238, 238, 238, .05);--negative-color-5: #1c1c1c;--negative-color-10: #272727;--negative-color-20: #3d3d3d;--negative-color-30: #535353;--negative-color-40: #696969;--negative-color-50: #808080;--negative-color-60: #969696;--negative-color-70: #acacac;--negative-color-80: #c2c2c2;--negative-color-90: #d8d8d8;--bg-color-alpha-90: rgba(17, 17, 17, .9);--bg-color-alpha-80: rgba(17, 17, 17, .8);--bg-color-alpha-70: rgba(17, 17, 17, .7);--bg-color-alpha-60: rgba(17, 17, 17, .6);--bg-color-alpha-50: rgba(17, 17, 17, .5);--bg-color-alpha-40: rgba(17, 17, 17, .4);--bg-color-alpha-30: rgba(17, 17, 17, .3);--bg-color-alpha-20: rgba(17, 17, 17, .2);--bg-color-alpha-10: rgba(17, 17, 17, .1);--bg-color-alpha-5: rgba(17, 17, 17, .05);--main-color-90: #602016;--main-color-80: #571f16;--main-color-70: #4f1d15;--main-color-60: #461b15;--main-color-50: #3d1a14;--main-color-40: #341813;--main-color-30: #2b1613;--main-color-20: #231412;--main-color-10: #1a1312;--main-color-5: #151211;--main-text-color: #fff;--main-color-alpha-90: rgba(105, 34, 23, .9);--main-color-alpha-80: rgba(105, 34, 23, .8);--main-color-alpha-70: rgba(105, 34, 23, .7);--main-color-alpha-60: rgba(105, 34, 23, .6);--main-color-alpha-50: rgba(105, 34, 23, .5);--main-color-alpha-40: rgba(105, 34, 23, .4);--main-color-alpha-30: rgba(105, 34, 23, .3);--main-color-alpha-20: rgba(105, 34, 23, .2);--main-color-alpha-10: rgba(105, 34, 23, .1);--main-color-alpha-5: rgba(105, 34, 23, .05);--secondary-color-90: #087a72;--secondary-color-80: #096f67;--secondary-color-70: #0a635d;--secondary-color-60: #0b5752;--secondary-color-50: #0c4c47;--secondary-color-40: #0d403c;--secondary-color-30: #0e3431;--secondary-color-20: #0f2827;--secondary-color-10: #101d1c;--secondary-color-5: #111716;--secondary-color-alpha-90: rgba(7, 134, 125, .9);--secondary-color-alpha-80: rgba(7, 134, 125, .8);--secondary-color-alpha-70: rgba(7, 134, 125, .7);--secondary-color-alpha-60: rgba(7, 134, 125, .6);--secondary-color-alpha-50: rgba(7, 134, 125, .5);--secondary-color-alpha-40: rgba(7, 134, 125, .4);--secondary-color-alpha-30: rgba(7, 134, 125, .3);--secondary-color-alpha-20: rgba(7, 134, 125, .2);--secondary-color-alpha-10: rgba(7, 134, 125, .1);--secondary-color-alpha-5: rgba(7, 134, 125, .05);--secondary-text-color: #fff;--error-bg-color-alpha-5: rgba(97, 0, 0, .05);--error-bg-color-alpha-10: rgba(97, 0, 0, .1);--error-bg-color-alpha-20: rgba(97, 0, 0, .2);--error-bg-color-alpha-30: rgba(97, 0, 0, .3);--error-bg-color-alpha-40: rgba(97, 0, 0, .4);--error-bg-color-alpha-50: rgba(97, 0, 0, .5);--error-bg-color-alpha-60: rgba(97, 0, 0, .6);--error-bg-color-alpha-70: rgba(97, 0, 0, .7);--error-bg-color-alpha-80: rgba(97, 0, 0, .8);--error-bg-color-alpha-90: rgba(97, 0, 0, .9);--success-bg-color-alpha-5: rgba(0, 97, 0, .05);--success-bg-color-alpha-10: rgba(0, 97, 0, .1);--success-bg-color-alpha-20: rgba(0, 97, 0, .2);--success-bg-color-alpha-30: rgba(0, 97, 0, .3);--success-bg-color-alpha-40: rgba(0, 97, 0, .4);--success-bg-color-alpha-50: rgba(0, 97, 0, .5);--success-bg-color-alpha-60: rgba(0, 97, 0, .6);--success-bg-color-alpha-70: rgba(0, 97, 0, .7);--success-bg-color-alpha-80: rgba(0, 97, 0, .8);--success-bg-color-alpha-90: rgba(0, 97, 0, .9);--btn-bg-color: var(--main-color-20);--btn-text-color: var(--text-color);--btn-border: 1px solid rgba(0, 0, 0, .1);--border-radius: 8px;--btn-border-radius: var(--border-radius);--border-color: rgba(0, 0, 0, .1);--success-bg-color: #006100;--success-text-color: #fff;--error-bg-color: #610000;--error-text-color: #fff;--switch-on-bg-color: var(--main-color);--switch-bg-color: #999;--switch-toggle-bg-color: #fff;--main-width: 600px;--font-size-base: 16px;--font-size-a2: calc(var(--font-size-base) * .75);--font-size-a1: calc(var(--font-size-base) * .875);--font-size-1: calc(var(--font-size-base) * 1);--font-size-2: calc(var(--font-size-base) * 1.125);--font-size-3: calc(var(--font-size-base) * 1.25);--font-size-4: calc(var(--font-size-base) * 1.5);--font-size-5: calc(var(--font-size-base) * 1.75);--font-size-6: calc(var(--font-size-base) * 2);--font-size-7: calc(var(--font-size-base) * 2.5);--transition-duration: .2s;--text-shadow: 0 0 5px #000}@media only screen and (min-width: 960px){html.dark{--font-size-base: 18px}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{display:flex;min-height:100%}html,body{margin:0;padding:0;scrollbar-gutter:stable}body{flex:1;font-family:var(--font-family);line-height:1.6;color:var(--text-color);background:var(--bg-color);transition:color .5s,background-color .5s;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}#app{display:flex;width:100%;min-height:100%}button{--transition-duration: var(--btn-transition-duration, .2s);padding:.75em 1em;font-family:inherit;font-size:var(--font-size-1);color:inherit;color:var(--btn-text-color);text-shadow:var(--btn-text-shadow, var(--text-shadow));background:none;background:var(--btn-bg-color);border:none;border:0;border-radius:var(--btn-border-radius);outline:0;cursor:pointer;transition:background-color var(--transition-duration),color var(--transition-duration);-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (hover: hover){button:hover{background:var(--main-color-30)}}.scroll{scrollbar-width:thin}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background-color:transparent;background-clip:content-box;border:1px solid transparent;border-radius:var(--border-radius)}.scroll:hover::-webkit-scrollbar-thumb{background-color:var(--negative-color-alpha-10)}.fade-enter-active,.fade-leave-active{position:absolute!important;top:0!important;left:0!important;transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{position:absolute!important;top:0!important;left:0!important;opacity:0}.ripple-container{position:absolute;top:0;left:0;z-index:2147483647;direction:ltr;pointer-events:none}