@font-face{font-family:Roboto;src:url(/assets/Roboto-Bold-_ZJd4Sbe.ttf) format("truetype");font-weight:700}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-CwcsZ-zd.ttf) format("truetype");font-weight:500}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-CN_pkOMA.ttf) format("truetype");font-weight:400}@font-face{font-family:Roboto;src:url(/assets/Roboto-Light-r0KW6U_F.ttf) format("truetype");font-weight:300}:root{--backgroundColor: #bbd5dd;--accentTextColor: #ffffff;--mainTextColor: #505050;--accentColor: #0285ac;--activeHeaderColor: #005670;--pauseButton: #ffad28;--pauseButtonHover: #e69514;--pauseButtonDisabled: #ffd699;--button: #0285ac;--activeButton: #07576e;--titleColor: #0285ac;--contentBlockColor: #ffffff;--text: #505050;--stopButton: #FF0000;--stopButtonHover: #CC0000;--stopButtonDisabled: #FF6666;--firstBackgroundColor: #00BCD4;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-600: #4b5563;--cyan-400: #22d3ee;--cyan-500: #00BCD4;--cyan-600: #0891b2;--teal-300: #5eead4;--teal-500: #009688;--teal-600: #00897B;--green-600: #43A047;--slate-50: #f8fafc;--slate-100: #f1f5f9;--cyan-50: #ecfeff;--teal-50: #f0fdfa;--blue-50: #F0F9FF;--blue-100: #DBEAFE;--emerald-50: #ECFDF5;--mint-50: #F5FFFC;--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--gray-500: #6B7280;--gray-500-30: rgba(107, 114, 128, .3);--orange-500: #f97316;--red-500: #f44336}*{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background-color:var(--backgroundColor);height:100vh;width:100%;color:var(--accentTextColor)}#main{display:flex;width:100%;height:100vh}._container_4hfxi_1{width:15vw;height:100%;background:linear-gradient(to bottom,var(--cyan-500),var(--teal-600));display:flex;flex-direction:column;align-items:center;gap:1em;padding:.5em;justify-content:space-between;font-size:16px}._container_4hfxi_1 ._headerTitle_4hfxi_13{font-size:2em;font-weight:700;margin-top:1em;text-align:center}._container_4hfxi_1 ._nav_4hfxi_19{display:flex;flex-direction:column;gap:2.5em}._container_4hfxi_1 ._nav_4hfxi_19 ._navLink_4hfxi_24{text-decoration:none;color:var(--accentTextColor)}._container_4hfxi_1 ._nav_4hfxi_19 ._navLink_4hfxi_24 ._navBlock_4hfxi_28{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25em;transition:all ease .2s;text-align:center}._container_4hfxi_1 ._nav_4hfxi_19 ._navLink_4hfxi_24 ._navBlock_4hfxi_28._active_4hfxi_37{background:#fff3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75em}._container_4hfxi_1 ._nav_4hfxi_19 ._navLink_4hfxi_24 ._navBlock_4hfxi_28:hover{background:#fff3;border-radius:.75em}._container_4hfxi_1 ._nav_4hfxi_19 ._navLink_4hfxi_24 ._navBlock_4hfxi_28 svg{width:2.5em;height:auto}._container_4hfxi_1 ._blockText_4hfxi_51{font-size:1.5em;text-align:center}@media (min-width: 421px) and (max-width: 768px) and (max-height: 1200px){._container_4hfxi_1{font-size:10px}}@media (min-width: 769px) and (max-width: 1024px) and (max-height: 900px){._container_4hfxi_1{font-size:12px}}@media (min-width: 1025px){._container_4hfxi_1{font-size:16px}}@media (min-width: 1025px) and (min-height: 900px){._container_4hfxi_1{font-size:20px}}