@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.2k_u76ydap2io.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.31_i6ngnt52xa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2p5l8hwveaaiz.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.1_g-53zz09yvy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2gp_y-cmv6-ey.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.2ywnh8m32q6p0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_9b24f49e-module__hJlnFq__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_9b24f49e-module__hJlnFq__variable{--font-manrope:"Manrope", "Manrope Fallback"}
@font-face{font-family:Zain;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f6967965a3f677c9-s.2dvba05cpce30.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Zain;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c969e7d535599c3d-s.p.314hleg45_4je.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zain Fallback;src:local(Arial);ascent-override:115.29%;descent-override:64.05%;line-gap-override:0.0%;size-adjust:78.06%}.zain_4e5057fe-module__NWZsGa__className{font-family:Zain,Zain Fallback;font-style:normal;font-weight:700}.zain_4e5057fe-module__NWZsGa__variable{--font-zain:"Zain", "Zain Fallback"}
@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes textFadeOut{0%{opacity:1}to{opacity:0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-cursor-blink{animation:1s infinite cursorBlink}.animate-text-fade-out{animation:textFadeOut var(--motion-duration-fade) var(--motion-ease-micro) forwards}.animate-shimmer{animation:1.8s ease-in-out infinite shimmer}@keyframes searchColorCycle{0%{background-color:hsl(var(--h-theme) var(--s-theme) var(--l-theme-450))}20%{background-color:hsl(var(--h-theme-accent) var(--s-theme-accent) var(--l-theme-accent-300))}40%{background-color:hsl(var(--h-info) var(--s-info) var(--l-info))}60%{background-color:hsl(var(--h-success) var(--s-success) var(--l-success))}80%{background-color:hsl(var(--h-warning) var(--s-warning) var(--l-warning))}to{background-color:hsl(var(--h-theme) var(--s-theme) var(--l-theme-450))}}@keyframes searchBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.animate-search-color{animation:searchColorCycle 3s var(--motion-ease-panel) infinite}.animate-search-breathe{animation:searchBreathe 1.4s var(--motion-ease-panel) infinite}.animate-search-pulse{animation:searchColorCycle 3s var(--motion-ease-panel) infinite, searchBreathe 1.4s var(--motion-ease-panel) infinite}@media (prefers-reduced-motion:reduce){.animate-search-color,.animate-search-breathe,.animate-search-pulse{animation:none}}@keyframes settleNod{0%{transform:scale(1)}45%{transform:scale(1.04)}to{transform:scale(1)}}.animate-settle-nod{animation:settleNod .22s var(--motion-ease-panel)}@media (prefers-reduced-motion:reduce){.animate-settle-nod{animation:none}}@keyframes reducedFadeIn{0%{opacity:0}to{opacity:1}}@keyframes reducedFadeOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){:root .animate-overlay-in,:root .animate-tooltip-in,:root .animate-popover-move-out-right-in,:root .animate-popover-move-out-left-in{animation-name:reducedFadeIn}:root .animate-overlay-out,:root .animate-tooltip-out,:root .animate-popover-move-out-right-out,:root .animate-popover-move-out-left-out{animation-name:reducedFadeOut}}
.glass{background:hsl(0 0% var(--l-canvas) / .6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.glass-heavy{background:hsl(0 0% var(--l-canvas) / .85);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.glass-light{background:hsl(var(--h-neutral) var(--s-neutral) var(--l-neutral-150) / .1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.glass-border{border-bottom:1px solid hsl(var(--h-neutral) var(--s-neutral) var(--l-neutral-250) / .1)}.glass-proximity-fill{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(var(--glass-primary-h,var(--h-theme)) var(--glass-primary-s,var(--s-theme)) var(--l-theme-btn-from)) 0%, hsl(var(--glass-primary-h,var(--h-theme)) var(--glass-primary-s,var(--s-theme)) var(--l-theme-btn-mid)) 50%, hsl(var(--glass-primary-h,var(--h-theme)) var(--glass-primary-s,var(--s-theme)) var(--l-theme-btn-to)) 100%) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, linear-gradient(hsl(var(--glass-primary-h,var(--h-theme)) var(--glass-primary-s,var(--s-theme)) var(--l-theme-btn-from)), hsl(var(--glass-primary-h,var(--h-theme)) var(--glass-primary-s,var(--s-theme)) var(--l-theme-btn-from))) border-box}.glass-proximity-fill-accent{--glass-primary-h:var(--h-theme-accent);--glass-primary-s:var(--s-theme-accent)}.glass-proximity-fill-neutral,.glass-proximity-fill-ghost:hover{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(var(--h-neutral) var(--s-neutral) var(--l-control-fill-strong) / var(--glass-fill-opacity,.92)) 0%, hsl(var(--h-neutral) var(--s-neutral) var(--l-control-fill-mid)) 50%, hsl(var(--h-neutral) var(--s-neutral) var(--l-control-fill-soft)) 100%) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, linear-gradient(hsl(var(--h-neutral) var(--s-neutral) var(--l-control-border)), hsl(var(--h-neutral) var(--s-neutral) var(--l-control-border))) border-box;filter:brightness(var(--glass-fill-brightness,1)) saturate(var(--glass-fill-saturation,1))}.glass-proximity-fill-ghost,.glass-proximity-fill-ghost-sidebar{transition:background var(--motion-duration-micro) var(--motion-ease-micro), box-shadow var(--motion-duration-micro) var(--motion-ease-micro);background:0 0}.glass-proximity-fill-ghost-sidebar:hover{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(var(--h-theme) var(--s-sidebar-theme) calc(var(--l-sidebar-theme-hover) + 4%) / var(--glass-fill-opacity,.92)) 0%, hsl(var(--h-theme) var(--s-sidebar-theme) calc(var(--l-sidebar-theme-hover) + 2%)) 50%, hsl(var(--h-theme) var(--s-sidebar-theme) var(--l-sidebar-theme-hover)) 100%) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, linear-gradient(hsl(var(--h-theme) var(--s-sidebar-theme) var(--l-sidebar-theme-hover)), hsl(var(--h-theme) var(--s-sidebar-theme) var(--l-sidebar-theme-hover))) border-box;filter:brightness(var(--glass-fill-brightness,1)) saturate(var(--glass-fill-saturation,1))}.glass-proximity-fill-sidebar-active{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(var(--h-theme) var(--s-sidebar-theme) calc(var(--l-sidebar-theme-active) + 4%) / var(--glass-fill-opacity,.92)) 0%, hsl(var(--h-theme) var(--s-sidebar-theme) calc(var(--l-sidebar-theme-active) + 2%)) 50%, hsl(var(--h-theme) var(--s-sidebar-theme) var(--l-sidebar-theme-active)) 100%) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, linear-gradient(hsl(var(--h-theme) var(--s-sidebar-theme) var(--l-sidebar-theme-active)), hsl(var(--h-theme) var(--s-sidebar-theme) var(--l-sidebar-theme-active))) border-box;filter:brightness(var(--glass-fill-brightness,1)) saturate(var(--glass-fill-saturation,1))}[data-mode=light] .control-brighten-hover:hover,:root[data-computed-mode=light] .control-brighten-hover:hover{--glass-fill-brightness:1.08;--glass-fill-saturation:1.03}.calendar-event-stripes{--calendar-event-stripe-base:hsl(var(--h-neutral) var(--s-neutral) var(--l-neutral-500));--calendar-event-stripe-strong:#fff3;--calendar-event-stripe-soft:#fff0;background:repeating-linear-gradient(135deg, var(--calendar-event-stripe-strong) 0, var(--calendar-event-stripe-strong) 4px, var(--calendar-event-stripe-soft) 4px, var(--calendar-event-stripe-soft) 9px), var(--calendar-event-stripe-base)}[data-mode=light] .calendar-event-stripes,:root[data-computed-mode=light] .calendar-event-stripes{--calendar-event-stripe-strong:#00000029}.calendar-event-stripes-blue{--calendar-event-stripe-base:hsl(200 var(--s-picker) var(--l-picker))}.calendar-event-stripes-green{--calendar-event-stripe-base:hsl(120 var(--s-picker) var(--l-picker))}.calendar-event-stripes-orange{--calendar-event-stripe-base:hsl(40 var(--s-picker) var(--l-picker))}.calendar-event-stripes-theme-accent{--calendar-event-stripe-base:hsl(var(--h-theme-accent) var(--s-theme-accent) var(--l-theme-accent-500))}.calendar-event-stripes-purple{--calendar-event-stripe-base:hsl(280 var(--s-picker) var(--l-picker))}.calendar-event-stripes-neutral{--calendar-event-stripe-base:hsl(var(--h-neutral) var(--s-neutral) var(--l-neutral-500))}.calendar-event-stripes-crystal{--calendar-event-stripe-base:hsl(var(--h-crystal) var(--s-crystal) var(--l-crystal))}.calendar-event-stripes-red{--calendar-event-stripe-base:hsl(360 var(--s-picker) var(--l-picker))}.calendar-event-stripes-lime{--calendar-event-stripe-base:hsl(80 var(--s-picker) var(--l-picker))}.calendar-event-stripes-teal{--calendar-event-stripe-base:hsl(160 var(--s-picker) var(--l-picker))}.calendar-event-stripes-indigo{--calendar-event-stripe-base:hsl(240 var(--s-picker) var(--l-picker))}.calendar-event-stripes-pink{--calendar-event-stripe-base:hsl(320 var(--s-picker) var(--l-picker))}.glass-proximity-fill-orange{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(40 var(--s-picker) var(--l-picker) / var(--glass-tint-a-top,.25)) 0%, hsl(40 var(--s-picker) var(--l-picker) / var(--glass-tint-a-mid,.18)) 55%, hsl(40 var(--s-picker) var(--l-picker) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(40 var(--s-picker) var(--l-picker) / .2) border-box}.glass-proximity-fill-theme-accent{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(var(--h-theme-accent) var(--s-theme-accent) var(--l-theme-accent-500) / var(--glass-tint-a-top,.25)) 0%, hsl(var(--h-theme-accent) var(--s-theme-accent) var(--l-theme-accent-500) / var(--glass-tint-a-mid,.18)) 55%, hsl(var(--h-theme-accent) var(--s-theme-accent) var(--l-theme-accent-500) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(var(--h-theme-accent) var(--s-theme-accent) var(--l-theme-accent-500) / .2) border-box}.glass-proximity-fill-blue{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(200 var(--s-picker) var(--l-picker) / var(--glass-tint-a-top,.25)) 0%, hsl(200 var(--s-picker) var(--l-picker) / var(--glass-tint-a-mid,.18)) 55%, hsl(200 var(--s-picker) var(--l-picker) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(200 var(--s-picker) var(--l-picker) / .2) border-box}.glass-proximity-fill-red{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(360 var(--s-picker) var(--l-picker) / var(--glass-tint-a-top,.25)) 0%, hsl(360 var(--s-picker) var(--l-picker) / var(--glass-tint-a-mid,.18)) 55%, hsl(360 var(--s-picker) var(--l-picker) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(360 var(--s-picker) var(--l-picker) / .2) border-box}.glass-proximity-fill-crystal{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(var(--h-crystal) var(--s-crystal) var(--l-crystal) / var(--glass-crystal-a-top,.3)) 0%, hsl(var(--h-crystal) var(--s-crystal) var(--l-crystal) / var(--glass-crystal-a-mid,.22)) 55%, hsl(var(--h-crystal) var(--s-crystal) var(--l-crystal) / var(--glass-crystal-a-bottom,.14)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(var(--h-crystal) var(--s-crystal) var(--l-crystal) / .28) border-box}.glass-proximity-fill-lime{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(80 var(--s-picker) var(--l-picker) / var(--glass-tint-a-top,.25)) 0%, hsl(80 var(--s-picker) var(--l-picker) / var(--glass-tint-a-mid,.18)) 55%, hsl(80 var(--s-picker) var(--l-picker) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(80 var(--s-picker) var(--l-picker) / .2) border-box}.glass-proximity-fill-green{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(120 var(--s-picker) var(--l-picker) / var(--glass-tint-a-top,.25)) 0%, hsl(120 var(--s-picker) var(--l-picker) / var(--glass-tint-a-mid,.18)) 55%, hsl(120 var(--s-picker) var(--l-picker) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(120 var(--s-picker) var(--l-picker) / .2) border-box}.glass-proximity-fill-teal{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(160 var(--s-picker) var(--l-picker) / var(--glass-tint-a-top,.25)) 0%, hsl(160 var(--s-picker) var(--l-picker) / var(--glass-tint-a-mid,.18)) 55%, hsl(160 var(--s-picker) var(--l-picker) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(160 var(--s-picker) var(--l-picker) / .2) border-box}.glass-proximity-fill-indigo{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(240 var(--s-picker) var(--l-picker) / var(--glass-tint-a-top,.25)) 0%, hsl(240 var(--s-picker) var(--l-picker) / var(--glass-tint-a-mid,.18)) 55%, hsl(240 var(--s-picker) var(--l-picker) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(240 var(--s-picker) var(--l-picker) / .2) border-box}.glass-proximity-fill-purple{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(280 var(--s-picker) var(--l-picker) / var(--glass-tint-a-top,.25)) 0%, hsl(280 var(--s-picker) var(--l-picker) / var(--glass-tint-a-mid,.18)) 55%, hsl(280 var(--s-picker) var(--l-picker) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(280 var(--s-picker) var(--l-picker) / .2) border-box}.glass-proximity-fill-pink{background:linear-gradient(var(--glass-fill-angle,180deg), hsl(320 var(--s-picker) var(--l-picker) / var(--glass-tint-a-top,.25)) 0%, hsl(320 var(--s-picker) var(--l-picker) / var(--glass-tint-a-mid,.18)) 55%, hsl(320 var(--s-picker) var(--l-picker) / var(--glass-tint-a-bottom,.12)) 100%) padding-box, linear-gradient(hsl(0 0% var(--l-canvas)), hsl(0 0% var(--l-canvas))) padding-box, radial-gradient(circle at var(--glass-cursor-x,50%) var(--glass-cursor-y,50%), hsl(0 0% 100%/var(--glass-border-glow,0)) 0%, #fff0 120px) border-box, hsl(320 var(--s-picker) var(--l-picker) / .2) border-box}
.canvas-container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-container canvas{width:100%;height:100%;display:block}
:root{--waterfront-day-sky:207 42% 97%;--waterfront-day-ink:207 31% 49%;--waterfront-day-sea:203 40% 87%;--waterfront-day-glow:34 65% 91%;--waterfront-day-mountain-far:207 27% 91%;--waterfront-day-mountain-near:207 25% 87%;--waterfront-day-snow:207 36% 96%;--waterfront-day-city:207 20% 81%;--waterfront-day-shore:207 23% 79%;--waterfront-day-boat:207 24% 65%;--waterfront-day-ripple:196 27% 89%;--waterfront-day-sea-top:195 32% 91%;--waterfront-day-sun-color:39 76% 82%;--waterfront-dusk-sky:281 37% 88%;--waterfront-dusk-ink:269 28% 48%;--waterfront-dusk-sea:275 29% 81%;--waterfront-dusk-glow:323 65% 78%;--waterfront-dusk-mountain-far:272 29% 77%;--waterfront-dusk-mountain-near:270 26% 68%;--waterfront-dusk-snow:302 38% 90%;--waterfront-dusk-city:268 23% 60%;--waterfront-dusk-shore:268 25% 56%;--waterfront-dusk-boat:267 25% 44%;--waterfront-dusk-ripple:282 28% 79%;--waterfront-dusk-sea-top:282 32% 85%;--waterfront-dusk-sun-color:326 83% 77%;--waterfront-night-sky:213 30% 14%;--waterfront-night-ink:205 32% 69%;--waterfront-night-sea:208 30% 30%;--waterfront-night-glow:30 30% 35%;--waterfront-night-mountain-far:212 24% 20%;--waterfront-night-mountain-near:212 23% 24%;--waterfront-night-snow:212 24% 28%;--waterfront-night-city:211 20% 31%;--waterfront-night-shore:211 22% 34%;--waterfront-night-boat:209 22% 51%;--waterfront-night-ripple:211 22% 32%;--waterfront-night-sea-top:212 28% 20%;--waterfront-night-sun-color:30 55% 65%;--waterfront-window-light:38 65% 77%;--waterfront-star-light:42 40% 88%;--waterfront-twilight-top:264 55% 64%;--waterfront-twilight-mid:294 57% 69%;--waterfront-twilight-bottom:329 75% 78%}.waterfront{--waterfront-dusk:0%;--waterfront-night:0%;--waterfront-sky:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-sky)), hsl(var(--waterfront-dusk-sky)) var(--waterfront-dusk)), hsl(var(--waterfront-night-sky)) var(--waterfront-night));--waterfront-ink:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-ink)), hsl(var(--waterfront-dusk-ink)) var(--waterfront-dusk)), hsl(var(--waterfront-night-ink)) var(--waterfront-night));--waterfront-sea:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-sea)), hsl(var(--waterfront-dusk-sea)) var(--waterfront-dusk)), hsl(var(--waterfront-night-sea)) var(--waterfront-night));--waterfront-glow:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-glow)), hsl(var(--waterfront-dusk-glow)) var(--waterfront-dusk)), hsl(var(--waterfront-night-glow)) var(--waterfront-night));--waterfront-mountain-far:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-mountain-far)), hsl(var(--waterfront-dusk-mountain-far)) var(--waterfront-dusk)), hsl(var(--waterfront-night-mountain-far)) var(--waterfront-night));--waterfront-mountain-near:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-mountain-near)), hsl(var(--waterfront-dusk-mountain-near)) var(--waterfront-dusk)), hsl(var(--waterfront-night-mountain-near)) var(--waterfront-night));--waterfront-snow:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-snow)), hsl(var(--waterfront-dusk-snow)) var(--waterfront-dusk)), hsl(var(--waterfront-night-snow)) var(--waterfront-night));--waterfront-city:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-city)), hsl(var(--waterfront-dusk-city)) var(--waterfront-dusk)), hsl(var(--waterfront-night-city)) var(--waterfront-night));--waterfront-shore:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-shore)), hsl(var(--waterfront-dusk-shore)) var(--waterfront-dusk)), hsl(var(--waterfront-night-shore)) var(--waterfront-night));--waterfront-boat:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-boat)), hsl(var(--waterfront-dusk-boat)) var(--waterfront-dusk)), hsl(var(--waterfront-night-boat)) var(--waterfront-night));--waterfront-ripple:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-ripple)), hsl(var(--waterfront-dusk-ripple)) var(--waterfront-dusk)), hsl(var(--waterfront-night-ripple)) var(--waterfront-night));--waterfront-sea-top:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-sea-top)), hsl(var(--waterfront-dusk-sea-top)) var(--waterfront-dusk)), hsl(var(--waterfront-night-sea-top)) var(--waterfront-night));--waterfront-sun-color:color-mix(in srgb, color-mix(in srgb, hsl(var(--waterfront-day-sun-color)), hsl(var(--waterfront-dusk-sun-color)) var(--waterfront-dusk)), hsl(var(--waterfront-night-sun-color)) var(--waterfront-night));--waterfront-city-side:color-mix(in srgb, var(--waterfront-city), var(--waterfront-shore) 75%);--waterfront-facade-line:color-mix(in srgb, var(--waterfront-city), var(--waterfront-sky) 26%);--waterfront-sea-mid:color-mix(in srgb, var(--waterfront-sea-top), var(--waterfront-sky) 48%);background:var(--waterfront-sky);transition:none}.waterfront svg *{transition:none}.waterfront .sky{fill:var(--waterfront-sky)}.waterfront .city{fill:var(--waterfront-city)}.waterfront .mountain-far{fill:var(--waterfront-mountain-far)}.waterfront .mountain-near{fill:var(--waterfront-mountain-near)}.waterfront .shore{fill:var(--waterfront-shore)}.waterfront .line{fill:none;stroke:var(--waterfront-ink);stroke-linecap:round;stroke-linejoin:round}.waterfront .ripples{fill:none;stroke:var(--waterfront-ripple);stroke-linecap:round;stroke-width:2px;animation:18s ease-in-out infinite alternate waterfront-water}.waterfront .reflection{fill:var(--waterfront-sun-color)}.waterfront .vessel{fill:var(--waterfront-boat)}.waterfront .sail{animation:none}.waterfront .gulls{opacity:.48;animation:40s ease-in-out infinite alternate waterfront-glide}.waterfront .far{opacity:.3;animation-duration:53s}.waterfront .ferry{animation:none}@keyframes waterfront-water{to{transform:translate(14px)}}@keyframes waterfront-glide{to{transform:translate(85px,-15px)}}@media (prefers-reduced-motion:reduce){.waterfront,.waterfront svg *{transition:none!important;animation:none!important}}.waterfront .star-trails{transition:none}@media (prefers-reduced-motion:reduce){.waterfront .star-trails{display:none}}