@layer components{.windy-dashboard-layout-nav{font-size:var(--windy-dashboard-layout-nav-font-size,var(--windy-step-2))}.windy-dashboard-layout-nav hr{margin-block:var(--windy-space-s);border-color:var(--windy-color-neutral-1)}.windy-dashboard-layout-nav .item{padding-block:var(--windy-space-xs);padding-inline:var(--windy-space-3xs);font-weight:600}.windy-dashboard-layout-nav .item,.windy-dashboard-layout-nav .subitem{--_content-padding:var(--windy-space-l);position:relative;color:var(--windy-color-text);line-height:var(--windy-leading-tight);display:flex;align-items:center;gap:var(--windy-space-2xs)}@media(prefers-color-scheme:light){:is(:is(.windy-dashboard-layout-nav .item,.windy-dashboard-layout-nav .subitem):hover,[data-active=true]:is(.windy-dashboard-layout-nav .item,.windy-dashboard-layout-nav .subitem)):where(:not([data-color-scheme=dark] *)){color:var( --windy-dashboard-layout-color-accent,var(--windy-color-primary) )}}:is(:is(.windy-dashboard-layout-nav .item,.windy-dashboard-layout-nav .subitem):hover,[data-active=true]:is(.windy-dashboard-layout-nav .item,.windy-dashboard-layout-nav .subitem)):where([data-color-scheme=light] *){color:var(--windy-dashboard-layout-color-accent,var(--windy-color-primary))}[data-active=true]:is(.windy-dashboard-layout-nav .item,.windy-dashboard-layout-nav .subitem):before{content:"";position:absolute;inset-block:calc(var(--_highlight-stretch-extra-block, 0px)*-1);inset-inline-start:calc((var(--_content-padding) + var(--_highlight-stretch-extra-inline-start, 0px))*-1);inline-size:var(--windy-space-3xs-2xs);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--windy-color-text);background-color:var(--csstools-light-dark-toggle--0,var(--windy-dashboard-layout-color-accent,var(--windy-color-primary)))}@supports (color:light-dark(red,red)){[data-active=true]:is(.windy-dashboard-layout-nav .item,.windy-dashboard-layout-nav .subitem):before{background-color:light-dark(var(--windy-dashboard-layout-color-accent,var(--windy-color-primary)),var(--windy-color-text))}}@media(prefers-color-scheme:dark){[data-active=true]:is(.windy-dashboard-layout-nav .item,.windy-dashboard-layout-nav .subitem):where(:not([data-color-scheme=light] *)):after{content:"";position:absolute;inset-block:calc(var(--_highlight-stretch-extra-block, 0px)*-1);inset-inline:calc((var(--_content-padding) + var(--_highlight-stretch-extra-inline-start, 0px))*-1) calc(var(--_content-padding)*-1);z-index:-1;background-color:color-mix(in oklab,var(--windy-color-neutral-5) 5%,var(--windy-color-surface-3))}}[data-active=true]:is(.windy-dashboard-layout-nav .item,.windy-dashboard-layout-nav .subitem):where([data-color-scheme=dark] *):after{content:"";position:absolute;inset-block:calc(var(--_highlight-stretch-extra-block, 0px)*-1);inset-inline:calc((var(--_content-padding) + var(--_highlight-stretch-extra-inline-start, 0px))*-1) calc(var(--_content-padding)*-1);z-index:-1;background-color:color-mix(in oklab,var(--windy-color-neutral-5) 5%,var(--windy-color-surface-3))}.windy-dashboard-layout-nav{--_icon_size:var(--windy-icon-size)}.windy-dashboard-layout-nav .icon{--windy-icon-size:calc(var(--_icon_size)*.85);line-height:var(--windy-leading-tight)}.windy-dashboard-layout-nav .submenu{--_margin-inline-start:var(--windy-space-s);--_highlight-stretch-extra-inline-start:var(--_margin-inline-start);--_highlight-stretch-extra-block:var(--windy-space-3xs);margin-block-end:var(--windy-space-2xs);margin-inline-start:var(--_margin-inline-start);font-size:var(--windy-dashboard-layout-submenu-font-size,.75em)}@media(min-width:768px){.windy-dashboard-layout-nav .submenu{--_margin-inline-start:var(--windy-space-m)}}:is(.windy-dashboard-layout-nav .submenu)>*+*{margin-block-start:var(--windy-space-xs)}.windy-dashboard-layout-nav .subitem{gap:var(--windy-space-3xs)}.windy-dashboard-layout-nav .logo-wrapper[data-kind=mobile]{display:block;margin-block-end:var(--windy-space-l)}@media(min-width:768px){.windy-dashboard-layout-nav .logo-wrapper[data-kind=mobile]{display:none}}}@layer components{.windy-dashboard-user-widget{display:flex;align-items:center;gap:var(--windy-space-s)}.windy-dashboard-user-widget .wrapper{flex-shrink:0;position:relative}.windy-dashboard-user-widget .avatar{block-size:var(--windy-space-xl);inline-size:var(--windy-space-xl);border-radius:9999px;background-color:var(--windy-color-neutral-1);box-shadow:rgb(from var(--windy-color-neutral-5) r g b/0) 0 0,rgb(from var(--windy-color-neutral-5) r g b/0) 0 0,rgb(from var(--windy-color-neutral-5) r g b/.1) 0 1px 3px,rgb(from var(--windy-color-neutral-5) r g b/.1) 0 1px 2px -1px}.windy-dashboard-user-widget .avatar-placeholder{display:flex;align-items:center;justify-content:center}.windy-dashboard-user-widget .avatar-badge{position:absolute;inline-size:100%;inset-block-end:-.5lh}.windy-dashboard-user-widget .name-wrapper{line-height:1}:is(.windy-dashboard-user-widget .name-wrapper)>*+*{margin-block-start:var(--windy-space-3xs)}.windy-dashboard-user-widget .sign-out{--windy-button-padding-block:0;--windy-button-padding-inline:0;--windy-button-color:var(--windy-color-text);text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-underline-offset:.3ex}.windy-dashboard-user-widget .settings{color:var(--windy-color-text-muted);margin-inline-start:auto}}@layer components{.windy-dashboard-layout{min-block-size:100vh;--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--windy-color-surface-0);background-color:var(--csstools-light-dark-toggle--0,color-mix(in srgb-linear,80% var(--windy-color-neutral-0),var(--windy-color-neutral-1)))}@supports (color:color-mix(in lch,red,blue)) and (color:light-dark(red,red)){.windy-dashboard-layout{background-color:light-dark(color-mix(in srgb-linear,80% var(--windy-color-neutral-0),var(--windy-color-neutral-1)),var(--windy-color-surface-0))}}@media(min-width:768px){.windy-dashboard-layout{display:flex}}.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *)){min-block-size:var(--windy-space-xl)}[data-animated=true]:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))){transition:margin .5s cubic-bezier(.4,0,.2,1)}[data-animated=true]:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-content{transition:transform .5s cubic-bezier(.4,0,.2,1)}[data-animated=true]:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar{transition:all .15s cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *)){inline-size:20em;flex:none}[data-collapsed=true]:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))){margin-inline-start:-19em}}:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar{position:fixed;inset-block-start:0;z-index:10;inline-size:100vw;box-shadow:rgb(from var(--windy-color-neutral-5) r g b/0) 0 0,rgb(from var(--windy-color-neutral-5) r g b/0) 0 0,rgb(from var(--windy-color-neutral-5) r g b/.1) 0 1px 3px,rgb(from var(--windy-color-neutral-5) r g b/.1) 0 1px 2px -1px}@media(prefers-color-scheme:dark){:is(:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar):where(:not([data-color-scheme=light] *)){box-shadow:none}}:is(:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar):where([data-color-scheme=dark] *){box-shadow:none}:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar{display:flex;flex-direction:column}@media(min-width:768px){:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar{position:sticky;min-block-size:100vh;inline-size:100%;background-color:var(--windy-color-neutral-0)}}[data-expanded=true]:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar{min-block-size:100svh;--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) color-mix(in oklab,var(--windy-color-black) 70%,transparent);background-color:var(--csstools-light-dark-toggle--1,color-mix(in oklab,var(--windy-color-black) 30%,transparent))}@supports (color:color-mix(in lch,red,blue)) and (color:light-dark(red,red)){[data-expanded=true]:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar{background-color:light-dark(color-mix(in oklab,var(--windy-color-black) 30%,transparent),color-mix(in oklab,var(--windy-color-black) 70%,transparent))}}@media(min-width:768px){[data-expanded=true]:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar{background-color:var(--windy-color-neutral-0)}}:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-header{padding-inline:var(--windy-space-s);padding-block:var(--windy-space-xs);display:flex;justify-content:space-between;align-items:center}@media(min-width:768px){:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-header{padding:var(--windy-space-l)}}@media(max-width:767px){[data-expanded=true]:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-header{background-color:transparent}}:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-content{flex:1 1 auto;block-size:100vh;block-size:100dvh;position:fixed;inset-block-start:0;inset-inline-start:0;inline-size:calc(100vw - 20%);transform:translate(-100%);background-color:var(--windy-color-neutral-0);display:flex;flex-direction:column;justify-content:space-between}@media(min-width:768px){:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-content{position:static;block-size:auto;inline-size:100%;background-color:transparent}}[data-expanded=true]:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-content{transform:translate(0)}:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .windy-logo{height:var(--windy-space-l)}@media(min-width:768px){:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .windy-logo{block-size:var(--windy-space-xl)}}[data-kind=mobile]:is(:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .menu-opener){margin:calc(var(--windy-space-s)*-1);touch-action:manipulation;padding:var(--windy-space-xs);padding-inline-end:var(--windy-space-s)}@media(min-width:768px){[data-kind=mobile]:is(:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .menu-opener){display:none}}[data-kind=desktop]:is(:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .menu-opener){position:absolute;inset-block-start:50%;inset-inline-end:0;z-index:10;display:none;transform:translate(50%,-50%);border-radius:9999px;border-width:1px;border-color:var(--windy-color-neutral-1);background-color:var(--windy-color-neutral-0);padding:var(--windy-space-3xs);text-align:center;line-height:var(--windy-leading-tight)}@media(min-width:768px){[data-kind=desktop]:is(:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .menu-opener){display:block}}:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .menu-wrapper{padding:var(--windy-space-l)}@media(min-width:768px){:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .menu-wrapper{padding:var(--windy-space-l)}}:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .user-wrapper{margin-block-start:auto;padding:var(--windy-space-m);padding-block-end:calc(var(--windy-space-m) + env(safe-area-inset-bottom,0))}@media(min-width:768px){:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .user-wrapper{padding:var(--windy-space-l)}}:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-content,:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-header{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) var(--windy-color-surface-1);background-color:var(--csstools-light-dark-toggle--2,var(--windy-color-neutral-0))}@supports (color:light-dark(red,red)){:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-content,:is(.windy-dashboard-layout .wrapper:where(:not(.windy-dashboard-layout .windy-dashboard-user-widget *,.windy-dashboard-layout .wrapper *))) .sidebar-header{background-color:light-dark(var(--windy-color-neutral-0),var(--windy-color-surface-1))}}.windy-dashboard-layout .content:where(:not(.windy-dashboard-layout :is(.content,.sidebar) *)){flex:1 1 auto;padding-block-start:var(--windy-space-m);padding-block-end:calc(var(--windy-space-l) + env(safe-area-inset-bottom,0));padding-inline:var(--windy-space-m)}@media(min-width:768px){.windy-dashboard-layout .content:where(:not(.windy-dashboard-layout :is(.content,.sidebar) *)){padding:var(--windy-space-l) var(--windy-space-xl) var(--windy-space-3xl)}}}