:root{--color-coffie-50: #fdf8ed;--color-coffie-100: #f8eacd;--color-coffie-200: #f1d496;--color-coffie-300: #eab95f;--color-coffie-400: #e4a13b;--color-coffie-500: #dc8224;--color-coffie-600: #c2611c;--color-coffie-700: #a2451b;--color-coffie-800: #84371c;--color-coffie-900: #6d2e1a;--color-coffie-950: #3e160a;--color-emerald-500: #2ecc71;--color-emerald-600: #27ae60;--color-alizarin-500: #e74c3c;--color-alizarin-600: #c0392b;--color-melon-500: #fad390;--color-melon-600: #f8c291;--color-indigo-500: #4f46e5;--color-indigo-600: #4338ca;--color-slate-100: #f1f5f9;--color-slate-300: #cbd5e1;--color-slate-700: #334155;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-white: #fff;--color-black: #120e0e;--color-silver: #808c95;--color-cloud: #ecf0f1;--color-grey-500: #c9c9c9;--color-grey-600: #8f8f8f;--complementary: #247edc;--off-white: #ecf0f1;--primary: var(--color-coffie-600);--primary-hover: var(--color-coffie-700);--primary-text: var(--color-black);--primary-complementary: var(--complementary);--primary-disabled: var(--color-grey-500);--primary-disabled-text: var(--color-grey-600);--accent: var(--color-indigo-500);--surface: var(--color-white);--surface-muted: var(--color-slate-100);--border: var(--color-slate-300);--text: var(--color-slate-700);--error: var(--color-alizarin-600);--success: var(--color-emerald-500);--of-white: var(--color-slate-100);--reserved: var(--color-coffie-600);--white-complementary: #f0eee8;--white-complementary-text: #6b6862;--background: var(--off-white)}.overlay-backdrop{background-color:#fafafa99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.drawer-backdrop{background-color:#3535357d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-backdrop.backdrop-exiting{animation:opaque-out .2s ease-in-out forwards}.drawer-pane{height:80vh;min-width:200px;width:450px;background-color:#ecf0f1;border-radius:25px;padding:25px;animation:fly-in-from-below .2s ease}.drawer-pane.drawer-pane--compact{height:80dvh;width:100dvw;border-radius:25px 25px 0 0;padding:20px 15px 0;animation:fly-in-from-below .2s ease}.overlay-leaving,.drawer-pane--compact.overlay-leaving{animation:fly-out-to-button .2s ease-in forwards}@keyframes fly-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fly-in-from-below{0%{transform:translatey(100%)}to{transform:translatey(0)}}@keyframes fly-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fly-out-to-button{0%{transform:translateY(0)}to{transform:translateY(100%)}}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}:root{--btn-background: var(--primary);--btn-foreground: var(--color-white);--font: "Archivo", sans-serif}body{margin:0;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6,p,input,label{font-family:Archivo,sans-serif}.subtitle{letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:500;color:var(--primary-disabled-text)}button{display:flex;align-items:center;justify-content:center;font-family:Archivo,sans-serif;font-weight:700;font-size:16px;--btn-padding: 10px;padding:var(--btn-padding);border-radius:5px;white-space:nowrap;width:fit-content;min-width:40px;height:40px;background-color:var(--btn-background);color:var(--btn-foreground);border:none;-webkit-user-select:none;user-select:none;cursor:pointer;column-gap:5px}button:disabled{background-color:var(--primary-disabled);pointer-events:none;color:var(--primary-disabled-text)}button>material-icon{margin:calc(var(--btn-padding) * -1) 0}.btn-icon>material-icon{margin:calc(var(--btn-padding) * -1)}@media(hover:hover){button:hover{--btn-background: var(--primary-hover);--btn-foreground: var(--color-white)}.btn-secondary:hover{--btn-background: var(--color-white);--btn-foreground: var(--color-black)}.btn-secondary-outlined:hover{--btn-background: var(--color-black);--btn-foreground: var(--color-white)}.btn-rounded:hover{--btn-background: rgba(255, 255, 255, .2)}}button:active{background-color:color-mix(in oklab,var(--btn-background),black 30%)}.btn-secondary{--btn-background: var(--color-black);--btn-foreground: var(--color-white);border:1px solid var(--btn-foreground)}.btn-secondary:active{background-color:color-mix(in oklab,var(--btn-background),black 5%)}.btn-secondary:disabled{border:1px solid var(--primary-disabled)}.btn-secondary-outlined{--btn-background: var(--color-white);--btn-foreground: var(--color-black);border:1px solid var(--color-silver)}.btn-secondary-outlined:active{background-color:color-mix(in oklab,var(--btn-background),white 30%)}.btn-rounded{padding:0 20px;--btn-background: rgba(255, 255, 255, .12);--btn-foreground: var(--color-white);border:1.5px solid rgba(255,255,255,.75);border-radius:50px}.btn-primary-outlined{--btn-background: var(--color-white);--btn-foreground: var(--primary);border:1px solid var(--primary)}.btn-warning{--btn-background: var(--color-white);--btn-background-hover: var(--color-black);--btn-foreground: var(--color-black);--btn-foreground-hover: var(--color-white)}.btn-icon{padding:5px 10px}input{border-style:solid;border-color:var(--color-grey-500);border-radius:10px;border-width:1px;padding:10px 20px;margin:0;font-size:16px;font-weight:700}input::placeholder{color:var(--color-silver);font-size:14px}.header_subtitle{margin-top:-15px;color:var(--color-silver)}.upper_subtitle{padding:0;margin:0;color:var(--color-silver)}.horizontal_line{--horizontal-line-color: var(--color-silver);display:flex;align-items:center;gap:1rem}.horizontal_line:empty{gap:0}.horizontal_line:before,.horizontal_line:after{content:"";flex:1;height:1px;background:var(--horizontal-line-color)}@keyframes opaque-out{0%{opacity:1}to{opacity:0}}@keyframes backdrop-in{0%{background-color:#fafafa00;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background-color:#fafafa99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}