@font-face {
  font-family:Selecta;
  src:url('./assets/Selecta-Regular.woff2') format('woff2');
  font-weight:400;
  font-display:swap
}
@font-face {
  font-family:Selecta;
  src:url('./assets/Selecta-Medium.woff2') format('woff2');
  font-weight:500 700;
  font-display:swap
}
@font-face {
  font-family:Kalice;
  src:url('./assets/Kalice-Regular.woff2') format('woff2');
  font-weight:400;
  font-display:swap
}
:root {
  color-scheme:light;
  --hs-white:#ffffff;
  --hs-paper:#f6f6f6;
  --hs-silver:#d9d9d9;
  --hs-gray:#737373;
  --hs-black:#171717;
  --hs-blue:#246bfe;
  --hs-font-ui:Selecta,Arial,sans-serif;
  --hs-font-display:Kalice,Georgia,serif;
  --hs-space-1:4px;
  --hs-space-2:8px;
  --hs-space-3:12px;
  --hs-space-4:16px;
  --hs-space-6:24px;
  --hs-space-8:32px;
  --hs-radius-small:8px;
  --hs-radius-control:14px;
  --hs-radius-panel:28px;
  --hs-radius-pill:999px;
  --hs-ease:cubic-bezier(.23,1,.32,1);
  --hs-press:120ms;
  --hs-feedback:180ms;
  --hs-overlay:220ms;
  --hs-shadow-raised:0 1px 1px #00000014,0 4px 8px #0000000a,0 10px 24px #00000008;
  --hs-shadow-inset:inset 0 1px 3px #00000012,0 1px 0 #ffffff;
  --hs-chrome:conic-gradient(from -75deg at 50% 50%,#0008,#0000 5% 40%,#0008 50%,#0000 60% 95%,#0008),linear-gradient(#ffffff80,#ffffff80);
  --hs-glass-fill:linear-gradient(-75deg,#ffffff35,#ffffff99,#ffffff35);
  --hs-glass-blur:12px;
}
/* Bauhaus Clock surface geometry and shadows; RGB channels neutralized. */
:root {
  --hs-dark-face:radial-gradient(53% 128% at 36.4% -18.099999999999998%, rgb(111, 111, 111) 0%, rgb(8, 8, 8) 95.85268862612612%);
  --hs-dark-shadow:0px 0.5573343114665477px 0.5573343114665477px -0.375px rgba(14, 14, 14, 0.09), 0px 1.6901543001731625px 1.6901543001731625px -0.75px rgba(14, 14, 14, 0.1), 0px 4.467857465039123px 4.467857465039123px -1.125px rgba(14, 14, 14, 0.12), 0px 14px 14px -1.5px rgba(14, 14, 14, 0.2), inset 0px 2px 10px 1px rgba(250, 250, 250, 0.2), inset 0px 0px 2px 1px rgba(248, 248, 248, 0.2), inset 0px 2px 0.5px 0px rgba(255, 255, 255, 0.2);
  --hs-dark-hover:radial-gradient(83% 128% at 37.3% -36.6%, rgb(147, 147, 147) 0%, rgb(21, 21, 21) 95.85268862612612%);
  --hs-dark-hover-shadow:0px 0.5971439051427296px 0.5971439051427296px -0.25px rgba(14, 14, 14, 0.04), 0px 1.8108796073283884px 1.8108796073283884px -0.5px rgba(14, 14, 14, 0.05), 0px 4.786990141113346px 4.786990141113346px -0.75px rgba(14, 14, 14, 0.08), 0px 15px 15px -1px rgba(14, 14, 14, 0.16), inset 0px 2px 10px 1px rgba(250, 250, 250, 0.2), inset 0px 0px 2px 1px rgba(248, 248, 248, 0.2), inset 0px 2px 0.5px 0px rgba(255, 255, 255, 0.2);
  --hs-dark-pressed:radial-gradient(53% 128% at 36.4% -18.099999999999998%, rgb(49, 49, 49) 0%, rgb(12, 12, 12) 95.85268862612612%);
}