:root{color-scheme:light dark;font-family:Noto Sans,sans-serif;--white: #fff;--black: #000;--gray-50: #f9f9f9;--gray-100: #ececec;--gray-200: #cdcdcd;--gray-300: #b4b4b4;--gray-400: #9b9b9b;--gray-500: #676767;--gray-600: #424242;--gray-700: #2f2f2f;--gray-800: #212121;--gray-900: #171717;--gray-950: #0d0d0d}body,html,#root{height:100%}.dark-theme{--text-primary: var(--gray-100);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400);--text-quaternary: var(--gray-500);--border-light: hsla(0, 0%, 100%, .1);--border-medium: hsla(0, 0%, 100%, .15);--border-heavy: hsla(0, 0%, 100%, .2);--border-xheavy: hsla(0, 0%, 100%, .25);--main-surface-primary: var(--gray-800);--main-surface-secondary: var(--gray-700);--main-surface-tertiary: var(--gray-600);--sidebar-surface-primary: var(--gray-900);--sidebar-surface-secondary: var(--gray-800);--sidebar-surface-tertiary: var(--gray-700);--link: #7ab7ff;--link-hover: #5e83b3}.light-theme{--text-primary: var(--gray-950);--text-secondary: var(--gray-500);--text-tertiary: var(--gray-400);--text-quaternary: var(--gray-300);--border-light: rgba(0, 0, 0, .1);--border-medium: rgba(0, 0, 0, .15);--border-heavy: rgba(0, 0, 0, .2);--border-xheavy: rgba(0, 0, 0, .25);--main-surface-primary: var(--white);--main-surface-secondary: var(--gray-50);--main-surface-tertiary: var(--gray-100);--sidebar-surface-primary: var(--gray-50);--sidebar-surface-secondary: var(--gray-100);--sidebar-surface-tertiary: var(--gray-200);--link: #2964aa;--link-hover: #749ac8}*{padding:0;margin:0;box-sizing:border-box}.main{display:flex;flex-direction:column;height:100%;justify-content:space-between;background:var(--main-surface-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.main main{margin:0 auto}.main main .routes{display:flex;align-items:center;gap:30px}.main main .routes .route{width:300px;background:var(--);border:1px solid var(--border-light);border-radius:16px;padding:20px;cursor:pointer}header{width:100%;padding:10px;display:flex;justify-content:space-between;background:var(--sidebar-surface-tertiary)}header .toggleTheme{cursor:pointer;fill:var(--text-primary)}header .logo{text-decoration:none;color:var(--text-primary)}footer{width:100%;text-align:center;padding:15px 0;background:var(--sidebar-surface-tertiary)}footer a{text-decoration:none;color:var(--link)}.fast-test .results{font-size:32px;position:absolute;top:10%;right:10%;color:green}.fast-test .skip-btn{position:absolute;bottom:10%;right:10%;cursor:pointer;border:0;border-radius:16px;padding:5px;background:var(--sidebar-surface-tertiary)}.fast-test .skip-btn svg{fill:var(--text-primary);width:24px}.addition .parent{display:flex;flex-direction:column;justify-content:end;gap:30px}.addition .parent .row{display:flex;gap:6px;justify-content:flex-end}.addition .parent .box{-webkit-user-select:none;user-select:none;border:1px solid var(--border-heavy);padding:10px;border-radius:16px}.addition .parent .box h3{font-size:123px;text-align:center}.addition .parent .line{background:var(--border-heavy);width:100%;height:4px}.addition .parent .div1{grid-area:1/4/2/5}.addition .parent .div2{grid-area:1/3/2/4}.addition .parent .div3{grid-area:1/2/2/3}.addition .parent .div4{grid-area:2/4/3/5}.addition .parent .div5{grid-area:2/3/3/4}.addition .parent .div6{grid-area:2/2/3/3}.addition .parent .div7{grid-area:3/2/4/5}.addition .parent .div8{grid-area:4/4/5/5}.addition .parent .div9{grid-area:4/3/5/4}.addition .parent .div10{grid-area:4/2/5/3}.addition .parent .div11{grid-area:2/1/3/2}.success .answership .box{border:1px solid green}
