body[data-color-mode=light]{--md-sys-color-primary: 72, 93, 146;--md-sys-color-surface-tint: 72, 93, 146;--md-sys-color-on-primary: 255, 255, 255;--md-sys-color-primary-container: 218, 226, 255;--md-sys-color-on-primary-container: 48, 69, 120;--md-sys-color-secondary: 88, 94, 113;--md-sys-color-on-secondary: 255, 255, 255;--md-sys-color-secondary-container: 220, 226, 249;--md-sys-color-on-secondary-container: 64, 70, 89;--md-sys-color-tertiary: 115, 85, 114;--md-sys-color-on-tertiary: 255, 255, 255;--md-sys-color-tertiary-container: 254, 215, 249;--md-sys-color-on-tertiary-container: 89, 61, 89;--md-sys-color-error: 186, 26, 26;--md-sys-color-on-error: 255, 255, 255;--md-sys-color-error-container: 255, 218, 214;--md-sys-color-on-error-container: 147, 0, 10;--md-sys-color-background: 250, 248, 255;--md-sys-color-on-background: 26, 27, 33;--md-sys-color-surface: 250, 248, 255;--md-sys-color-on-surface: 26, 27, 33;--md-sys-color-surface-variant: 225, 226, 236;--md-sys-color-on-surface-variant: 68, 70, 79;--md-sys-color-outline: 117, 119, 128;--md-sys-color-outline-variant: 197, 198, 208;--md-sys-color-shadow: 0, 0, 0;--md-sys-color-scrim: 0, 0, 0;--md-sys-color-inverse-surface: 47, 48, 54;--md-sys-color-inverse-on-surface: 241, 240, 247;--md-sys-color-inverse-primary: 177, 197, 255;--md-sys-color-primary-fixed: 218, 226, 255;--md-sys-color-on-primary-fixed: 0, 24, 71;--md-sys-color-primary-fixed-dim: 177, 197, 255;--md-sys-color-on-primary-fixed-variant: 48, 69, 120;--md-sys-color-secondary-fixed: 220, 226, 249;--md-sys-color-on-secondary-fixed: 21, 27, 44;--md-sys-color-secondary-fixed-dim: 192, 198, 221;--md-sys-color-on-secondary-fixed-variant: 64, 70, 89;--md-sys-color-tertiary-fixed: 254, 215, 249;--md-sys-color-on-tertiary-fixed: 42, 18, 44;--md-sys-color-tertiary-fixed-dim: 225, 187, 221;--md-sys-color-on-tertiary-fixed-variant: 89, 61, 89;--md-sys-color-surface-dim: 218, 217, 224;--md-sys-color-surface-bright: 250, 248, 255;--md-sys-color-surface-container-lowest: 255, 255, 255;--md-sys-color-surface-container-low: 244, 243, 250;--md-sys-color-surface-container: 238, 237, 244;--md-sys-color-surface-container-high: 232, 231, 239;--md-sys-color-surface-container-highest: 226, 226, 233}.text-display-l{color:rgb(var(--md-sys-color-on-surface));font-size:57px;line-height:64px;font-weight:400;letter-spacing:-.25px}.text-display-m{color:rgb(var(--md-sys-color-on-surface));font-size:45px;line-height:52px;font-weight:400;letter-spacing:0px}.text-display-s{color:rgb(var(--md-sys-color-on-surface));font-size:36px;line-height:44px;font-weight:400;letter-spacing:0px}.text-headline-l{color:rgb(var(--md-sys-color-on-surface-variant));font-size:32px;font-weight:400;line-height:40px;letter-spacing:0px}.text-headline-m{color:rgb(var(--md-sys-color-on-surface-variant));font-size:28px;font-weight:400;line-height:36px;letter-spacing:0px}.text-headline-s{color:rgb(var(--md-sys-color-on-surface-variant));font-size:24px;font-weight:400;line-height:32px;letter-spacing:0px}.text-title-l{color:rgb(var(--md-sys-color-on-surface));font-size:22px;line-height:28px;font-weight:400;letter-spacing:0px}.text-title-m{color:rgb(var(--md-sys-color-on-surface));font-size:16px;line-height:24px;font-weight:500;letter-spacing:.15px}.text-title-s{color:rgb(var(--md-sys-color-on-surface-variant));font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}.text-label-l{color:rgb(var(--md-sys-color-on-surface));font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}.text-label-m{color:rgb(var(--md-sys-color-on-surface));font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px}.text-label-s{color:rgb(var(--md-sys-color-on-surface));font-size:11px;line-height:16px;font-weight:500;letter-spacing:.5px}.text-body-l{color:rgb(var(--md-sys-color-on-surface-variant));font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.text-body-m{color:rgb(var(--md-sys-color-on-surface-variant));font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.text-body-s{color:rgb(var(--md-sys-color-on-surface-variant));font-size:12px;line-height:16px;font-weight:400;letter-spacing:.4px}.text-center{text-align:center}.text-bold{font-weight:500}.button{position:relative;display:block;padding:9px 16px;background-color:transparent;border-radius:20px;transition:all .3s ease;cursor:pointer;--spinner-color: rgb(var(--md-sys-color-primary))}.button.square{border-radius:12px}.button.small{padding-block:10px}.button.medium{padding:16px 24px}.button.icon{display:flex;align-items:center}.button.icon.small{column-gap:8px}.button.icon.medium{column-gap:12px}.button.icon .icon{width:18px;height:18px}.button:disabled{cursor:default}.button__loading{display:flex;align-items:center;justify-content:center;width:40px;height:20px}.button__spinner{content:"";width:17px;height:17px;border-radius:50%;border:2px solid var(--spinner-color);animation:button-loading-path 1s infinite linear alternate,button-loading-animation 2s infinite linear}.button.filled{color:rgb(var(--md-sys-color-on-primary));background-color:rgb(var(--md-sys-color-primary));--icon-color: rgb(var(--md-sys-color-on-primary));--spinner-color: rgb(var(--md-sys-color-on-primary))}.button.filled:not(:disabled):hover{box-shadow:inset 0 0 0 1000px rgb(var(--md-sys-color-on-primary),.08)}.button.filled:not(:disabled):focus{box-shadow:inset 0 0 0 1000px rgb(var(--md-sys-color-on-primary),.1)}.button.filled:not(.loading):disabled{color:rgb(var(--md-sys-color-on-surface),.38);background-color:rgb(var(--md-sys-color-on-surface),.1);--icon-color: rgb(var(--md-sys-color-on-surface), .38)}.button.outlined{color:rgb(var(--md-sys-color-on-surface-variant));background-color:transparent;box-shadow:inset 0 0 0 1px rgb(var(--md-sys-color-outline-variant));--icon-color: rgb(var(--md-sys-color-on-surface-variant))}.button.outlined:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:opacity .4s ease;background-color:rgba(var(--md-sys-color-on-surface-variant),.1)}.button.outlined:not(:disabled):hover{background-color:rgba(var(--md-sys-color-on-surface-variant),.08)}.button.outlined:not(:disabled):focus{background-color:rgba(var(--md-sys-color-on-surface-variant),.1)}.button.outlined.pressed{border-radius:8px;background-color:rgba(var(--md-sys-color-on-surface-variant),.1)}.button.outlined.pressed:after{opacity:1}.button.outlined:not(.loading):disabled{color:rgba(var(--md-sys-color-on-surface),.38);background-color:rgba(var(--md-sys-color-on-surface),.1);--icon-color: rgba(var(--md-sys-color-on-surface), .38)}.button.text{padding-inline:12px;color:rgb(var(--md-sys-color-primary));--icon-color: rgb(var(--md-sys-color-primary));--spinner-color: rgb(var(--md-sys-color-primary))}.button.text.icon{padding-inline:12px 16px}.button.text:not(:disabled):hover{background-color:rgba(var(--md-sys-color-primary),.08)}.button.text:not(:disabled):focus,.button.text:not(:disabled):active{background-color:rgba(var(--md-sys-color-primary),.12)}.button.text:not(.loading):disabled{opacity:.38;color:rgb(var(--md-sys-color-on-surface));--icon-color: rgb(var(--md-sys-color-on-surface))}@keyframes button-loading-path{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes button-loading-animation{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.button-icon{position:relative;display:block;overflow:hidden}.button-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:opacity .4s ease}.button-icon:disabled{cursor:default}.button-icon.round{border-radius:20px}.button-icon.square{border-radius:12px}.button-icon.small{margin:4px 8px;padding:8px 4px;transition:background-color .25s ease,border-radius .4s ease}.button-icon.small>*{display:block;width:24px;height:24px}.button-icon.standart,.button-icon.outlined{--icon-color: rgb(var(--md-sys-color-on-surface-variant))}.button-icon.standart:after,.button-icon.outlined:after{background-color:rgba(var(--md-sys-color-on-surface-variant),.1)}.button-icon.standart:not(:disabled):hover,.button-icon.outlined:not(:disabled):hover{background-color:rgba(var(--md-sys-color-on-surface-variant),.08)}.button-icon.standart:not(:disabled):focus,.button-icon.outlined:not(:disabled):focus{background-color:rgba(var(--md-sys-color-on-surface-variant),.1)}.button-icon.standart.pressed,.button-icon.outlined.pressed{background-color:rgba(var(--md-sys-color-on-surface-variant),.1);border-radius:8px}.button-icon.standart.pressed:after,.button-icon.outlined.pressed:after{opacity:1}.button-icon.standart:disabled,.button-icon.outlined:disabled{--icon-color: rgb(var(--md-sys-color-on-surface-variant), .38)}.button-icon.outlined{box-shadow:inset 0 0 0 1px rgb(var(--md-sys-color-outline-variant))}.fab{display:flex;align-items:center;column-gap:12px;box-shadow:0 4px 8px 3px rgba(var(--md-sys-color-shadow),.15),0 1px 3px rgba(var(--md-sys-color-shadow),.3),var(--state-effect, inset 0px 0px 0px 0px transparent);transition:all .4s ease}.fab:hover{box-shadow:0 6px 10px 4px rgba(var(--md-sys-color-shadow),.15),0 2px 3px rgba(var(--md-sys-color-shadow),.3),var(--state-effect, inset 0px 0px 0px 0px transparent)}.fab__text{color:var(--fab-color-text)}.fab.surface{background-color:rgb(var(--md-sys-color-surface-container-high));--fab-color-text: rgb(var(--md-sys-color-primary));--icon-color: rgb(var(--md-sys-color-primary))}.fab.surface:not(:disabled):hover{--state-effect: inset 0px 0px 0px 1000px rgba(var(--md-sys-color-primary), .08)}.fab.surface:not(:disabled):focus,.fab.surface:active{--state-effect: inset 0px 0px 0px 1000px rgba(var(--md-sys-color-primary), .12)}.fab.primary{background-color:rgb(var(--md-sys-color-primary-container));--fab-color-text: rgb(var(--md-sys-color-on-primary-container));--icon-color: rgb(var(--md-sys-color-on-primary-container))}.fab.primary:not(:disabled):hover{--state-effect: inset 0px 0px 0px 1000px rgba(var(--md-sys-color-on-primary-container), .08)}.fab.primary:not(:disabled):focus,.fab.primary:active{--state-effect: inset 0px 0px 0px 1000px rgba(var(--md-sys-color-on-primary-container), .12)}.fab.secondary{background-color:rgb(var(--md-sys-color-secondary-container));--fab-color-text: rgb(var(--md-sys-color-on-secondary-container));--icon-color: rgb(var(--md-sys-color-on-secondary-container))}.fab.secondary:not(:disabled):hover{--state-effect: inset 0px 0px 0px 1000px rgba(var(--md-sys-color-on-secondary-container), .08)}.fab.secondary:not(:disabled):focus,.fab.secondary:active{--state-effect: inset 0px 0px 0px 1000px rgba(var(--md-sys-color-on-secondary-container), .12)}.fab.tertiary{background-color:rgb(var(--md-sys-color-tertiary-container));--fab-color-text: rgb(var(--md-sys-color-on-tertiary-container));--icon-color: rgb(var(--md-sys-color-on-tertiary-container))}.fab.tertiary:not(:disabled):hover{--state-effect: inset 0px 0px 0px 1000px rgba(var(--md-sys-color-on-tertiary-container), .08)}.fab.tertiary:not(:disabled):focus,.fab.tertiary:active{--state-effect: inset 0px 0px 0px 1000px rgba(var(--md-sys-color-on-tertiary-container), .12)}.fab.fixed-bottom-right{position:fixed;inset:auto 16px 16px auto}.fab.extended{padding:16px 20px 16px 16px;border-radius:16px}.fab.extended .fab__icon{width:24px;height:24px}.fab.large{padding:30px;border-radius:28px}.fab.large .fab__icon{width:36px;height:36px}.fab.large .fab__icon .icon{width:27px;height:27px}.fab__icon{display:flex;align-items:center;justify-content:center}.divider-top{border-top:1px solid rgb(var(--md-sys-color-outline-variant))}.divider-bottom{border-bottom:1px solid rgb(var(--md-sys-color-outline-variant))}.list{display:flex;flex-direction:column;row-gap:2px}.list__item{padding:24px;border-radius:16px;background-color:rgb(var(--md-sys-color-surface-container-lowest));transition:box-shadow .4s ease}.list__item:not(:first-child){border-top-left-radius:4px;border-top-right-radius:4px}.list__item:not(:last-child){border-bottom-left-radius:4px;border-bottom-right-radius:4px}.list__item.with-hover:hover{box-shadow:inset 0 0 0 10000px rgba(var(--md-sys-color-on-surface),.08)}.list__item.p-0{padding:0}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;font-family:Roboto,serif}body{background-color:rgb(var(--md-sys-color-surface-container-lowest))}ul{list-style:none}button{cursor:pointer;background-color:transparent}button,input,a{border:none;outline:none;font-family:inherit}a{text-decoration:none}#app{display:flex;min-width:100vw;min-height:100vh}.icon{transition:all .25s ease}.app-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.app-menu__close{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(var(--md-sys-color-scrim),.12)}.app-menu__list{position:relative;z-index:2;display:flex;flex-direction:column;width:360px;height:100%;padding:30px 12px;background-color:rgb(var(--md-sys-color-surface-container-low));transition:transform .3s ease}.app-menu__link{display:block;padding:16px 24px;border-radius:100px;transition:all .28s ease;box-shadow:inset 0 0 0 1000px rgb(var(--md-sys-color-on-surface),var(--app-link-state-opacity, 0))}.app-menu__link:hover{--app-link-state-opacity: .08}.app-menu__link:focus{--app-link-state-opacity: .1}.app-menu__link.router-link-exact-active{font-weight:500;background-color:rgb(var(--md-sys-color-secondary-container))}.navigation-menu-animation-enter-active,.navigation-menu-animation-leave-active{transition:opacity .28s ease}.navigation-menu-animation-enter-from,.navigation-menu-animation-leave-to{opacity:0}.navigation-menu-animation-enter-from .app-menu__list,.navigation-menu-animation-leave-to .app-menu__list{transform:translate(-100%)}.app-bar{display:flex;align-items:center;justify-content:space-between;column-gap:6px;width:100%;padding:12px;margin:16px 0 20px;border-radius:36px;background-color:rgb(var(--md-sys-color-surface-container))}.app-bar__avatar{border-radius:100%;object-fit:contain;object-position:center}.layout{flex:1;background-color:rgb(var(--md-sys-color-surface-container-low))}.layout__container{width:100%;max-width:990px;margin-inline:auto}