:root{--fonte-shell-header-content-gap:8px}@property --fonte-sidebar-collapse{syntax:"<number>";inherits:true;initial-value:0}.fonte-shell-rail,.fonte-shell-rail-space{display:none}.fonte-support-online{bottom:0;border:.0625rem solid var(--color-bg-primary);background:var(--color-text-quaternary);border-radius:50%;width:.625rem;height:.625rem;position:absolute;inset-inline-end:0}.fonte-support-unread{top:-.25rem;background:var(--fonte-control-primary);width:1rem;height:1rem;color:var(--fonte-control-primary-foreground);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:-.25rem}.fonte-support-unread[data-wide=true]{width:1.5rem}.fonte-support-online,.fonte-support-unread{pointer-events:none;opacity:0;transition:background-color .16s ease-out,opacity 80ms ease-out,transform .12s ease-out;transform:scale(.75)}.fonte-support-online[data-visible=true],.fonte-support-unread[data-visible=true]{opacity:1;transition-delay:0s,80ms,80ms;transform:scale(1)}.fonte-support-trigger[data-focus-visible] .fonte-support-online{background:var(--color-utility-green-500)}@media (hover:hover){.fonte-support-trigger:hover .fonte-support-online{background:var(--color-utility-green-500)}}.fonte-support-panel{z-index:60;visibility:hidden;width:100%;transition:transform .24s cubic-bezier(.32,.72,0,1),visibility 0s linear .24s;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.fonte-support-panel[data-open=true]{visibility:visible;transition-delay:0s;transform:translate(0)}html:not([data-fonte-deployment=production]) .fonte-support-panel{top:2rem}@media (min-width:64rem){.fonte-support-layout{--fonte-support-space:0rem}.fonte-support-layout[data-support-open=true]{--fonte-support-space:24rem}.fonte-support-layout [data-fonte-shell=workspace]{right:var(--fonte-support-space);transition:right .24s cubic-bezier(.32,.72,0,1)}.fonte-support-panel{width:24rem}}@media (prefers-reduced-motion:reduce){.fonte-support-panel,.fonte-support-layout [data-fonte-shell=workspace]{transition:none}}@media (min-width:48rem){.fonte-shell-rail,.fonte-shell-rail-space{--fonte-sidebar-collapse:0;transition:--fonte-sidebar-collapse .24s cubic-bezier(.32,.72,0,1)}.fonte-shell-rail[data-expanded=false],.fonte-shell-rail-space[data-expanded=false]{--fonte-sidebar-collapse:1}.fonte-shell-rail-space{width:calc(16rem - 12rem * var(--fonte-sidebar-collapse));flex:none;display:block}.fonte-shell-rail{z-index:40;width:calc(16rem - 11.875rem * var(--fonte-sidebar-collapse));padding:var(--fonte-shell-panel-inset);display:flex;position:fixed;inset:0 auto 0 0}[data-fonte-shell-body]>.fonte-shell-rail{position:absolute}.fonte-shell-panel{border-radius:var(--fonte-shell-panel-radius);background:var(--fonte-navigation-surface);width:100%;min-width:0;box-shadow:var(--fonte-shell-panel-shadow);flex-direction:column;display:flex;overflow:hidden}.fonte-settings-surface .fonte-shell-rail{position:absolute}html:not([data-fonte-deployment=production]) .fonte-shell-rail.fonte-development-sidebar-offset{top:2rem}.fonte-shell-rail-header{flex:none;align-items:center;height:3.5rem;padding:.5rem;display:flex}.fonte-shell-rail-brand{white-space:nowrap;align-items:center;gap:.5rem;width:100%;height:2rem;padding:.5rem;display:flex;overflow:hidden}.fonte-shell-rail-brand>div{flex:none}.fonte-shell-rail-brand{width:calc(14rem - 12rem * var(--fonte-sidebar-collapse))}.fonte-shell-rail-body{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex;overflow:hidden auto}.fonte-shell-group{min-width:0;padding:.5rem}.fonte-shell-group-label{height:2rem;color:var(--color-text-tertiary);white-space:nowrap;margin-top:calc(-2rem * var(--fonte-sidebar-collapse));opacity:calc(1 - var(--fonte-sidebar-collapse));flex:none;align-items:center;padding-inline:.5rem;font-size:.75rem;display:flex;overflow:hidden}.fonte-shell-rail-footer{padding:.5rem}.fonte-shell-rail nav>ul{gap:.25rem}.fonte-shell-rail .fonte-navigation-item,.fonte-shell-rail-back{width:calc(14rem - 12rem * var(--fonte-sidebar-collapse));height:2rem;overflow:hidden}.fonte-shell-rail .fonte-navigation-item>:is(a,button){padding:.5rem;overflow:hidden}.fonte-shell-rail .fonte-navigation-item>:is(a,button)>span{flex:none;gap:.5rem}.fonte-shell-rail .fonte-navigation-item>button>span{flex:1}.fonte-shell-rail .fonte-rail-label{white-space:nowrap;text-overflow:clip;flex:none;overflow:clip}.fonte-shell-rail .fonte-navigation-item .fonte-rail-label{font-size:.875rem}.fonte-shell-rail-footer .fonte-navigation-item{height:calc(1.75rem + .25rem * var(--fonte-sidebar-collapse))}.fonte-shell-rail-back{color:var(--color-text-tertiary);cursor:pointer;border-radius:.375rem;flex:none;align-items:center;gap:.5rem;padding-inline:.5rem;display:flex}.fonte-rail-disclosure{cursor:pointer;width:2rem;height:2rem;width:calc(2rem * (1 - var(--fonte-sidebar-collapse)));opacity:calc(1 - var(--fonte-sidebar-collapse));flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.fonte-rail-disclosure svg{transition:transform .2s ease-out}.fonte-rail-disclosure[aria-expanded=true] svg{transform:rotate(90deg)}.fonte-shell-rail[data-expanded=false] .fonte-rail-disclosure{pointer-events:none;padding-inline:0}.fonte-rail-submenu{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.32,.72,0,1),opacity .24s cubic-bezier(.32,.72,0,1);display:grid}.fonte-rail-submenu[data-open=true]{opacity:1;grid-template-rows:1fr}.fonte-rail-submenu>div{min-height:0;overflow:hidden}.fonte-shell-rail .fonte-rail-children{border-left:1px solid var(--fonte-workbench-border);margin:.25rem .875rem;padding:.125rem 0 .125rem .625rem}.fonte-shell-rail .fonte-rail-children a{height:1.75rem;margin-left:0;font-size:.875rem}.fonte-sidebar-primary-action{align-items:center;gap:.5rem;display:flex}.fonte-sidebar-primary-action form{width:calc(14rem - 12rem * var(--fonte-sidebar-collapse));flex:none}.fonte-sidebar-primary-action .fonte-sidebar-create{justify-content:flex-start;gap:.5rem;width:100%;min-width:2rem;height:2rem;min-height:2rem;padding:.5rem;overflow:hidden}.fonte-sidebar-create svg{color:currentColor;flex:none;width:1rem;height:1rem}.fonte-sidebar-create>span{flex:none;padding:0}.fonte-studio .fonte-shell-preview,.fonte-studio .fonte-settings-surface{background:var(--fonte-workbench-surface-base)}.fonte-shell-preview main[data-fonte-page-shape],.fonte-settings-main{padding:0}.fonte-shell-preview .fonte-shell-scroll-region[data-fonte-page-shape]{padding:16px}.fonte-sidebar-toggle{width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;transition:background-color .15s,transform .15s;display:flex}@media (hover:hover){.fonte-sidebar-toggle:hover{background:var(--fonte-interaction-hover)}}.fonte-sidebar-toggle:active{transform:scale(.97)}.fonte-sidebar-toggle-divider{transition:transform .24s cubic-bezier(.32,.72,0,1);transform:translate(0)}.fonte-sidebar-toggle[data-icon-expanded=false] .fonte-sidebar-toggle-divider{transform:translate(-4px)}.light-mode .fonte-shell-rail{--fonte-interaction-hover:#f5f5f5;--fonte-interaction-selected:#f5f5f5;--fonte-interaction-selected-hover:#f5f5f5}@supports (color:lab(0% 0 0)){.light-mode .fonte-shell-rail{--fonte-interaction-hover:lab(96.52% -.0000298023 .0000119209);--fonte-interaction-selected:lab(96.52% -.0000298023 .0000119209);--fonte-interaction-selected-hover:lab(96.52% -.0000298023 .0000119209)}}}.fonte-shell-rail[data-animate=false],.fonte-shell-rail[data-animate=false] *,.fonte-shell-rail-space[data-animate=false],.fonte-sidebar-toggle[data-animate=false] .fonte-sidebar-toggle-divider{transition-duration:0s}@media (prefers-reduced-motion:reduce){.fonte-shell-rail,.fonte-shell-rail *,.fonte-shell-rail-space,.fonte-support-online,.fonte-support-unread,.fonte-sidebar-toggle,.fonte-sidebar-toggle-divider{transition-duration:0s}.fonte-support-online[data-visible],.fonte-support-unread[data-visible]{transition-delay:0s}}.fonte-tooltip-scan{pointer-events:none;transition:top .12s ease-out,left .12s ease-out}@media (prefers-reduced-motion:reduce){.fonte-tooltip-scan{transition:none}}.fonte-shell-preview .fonte-shell-scroll-region[data-fonte-page-shape]{padding-top:var(--fonte-shell-header-content-gap)}.fonte-settings-column{padding-top:32px}.fonte-shell-header{border:0;height:56px;min-height:56px;margin:0;padding:0 16px}.fonte-shell-search{width:var(--fonte-control-height-sm);padding-inline:0;position:relative}.fonte-shell-search>[data-text]{min-width:0;display:none}@media not (min-width:48rem){.fonte-shell-header:has(.fonte-shell-breadcrumbs) .fonte-shell-workspace-control{flex-shrink:1;max-width:5rem}.fonte-shell-breadcrumbs{min-width:5rem}.fonte-shell-search[data-search-active]:after{background:var(--color-text-primary);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:4px}}@media (min-width:48rem){.fonte-shell-header{padding-inline:24px}.fonte-shell-search{justify-content:space-between;width:8.5rem;padding-inline:8px}.fonte-shell-search>[data-text]{display:flex}}.fonte-sidebar-header-divider{background:var(--fonte-workbench-border);width:1px;height:1rem;margin-inline:.25rem}.fonte-shell-breadcrumb-divider{transform:rotate(20deg)}@media (max-width:47.999rem){.fonte-sidebar-header-divider{margin-inline:.125rem}}.fonte-mobile-sidebar-overlay{z-index:60;display:flex;position:fixed;inset:0}.fonte-mobile-sidebar{border-right:1px solid var(--fonte-workbench-border);width:18rem;max-width:calc(100vw - 3rem);height:100dvh}.fonte-mobile-sidebar-overlay[data-entering]{animation:fonte-sidebar-fade-in var(--fonte-motion-overlay-enter) var(--fonte-ease-settle)}.fonte-mobile-sidebar-overlay[data-exiting]{animation:fonte-sidebar-fade-in var(--fonte-motion-overlay-exit) var(--fonte-ease-settle) reverse}.fonte-mobile-sidebar[data-entering]{animation:fonte-sidebar-slide-in var(--fonte-motion-spatial) var(--fonte-ease-spatial)}.fonte-mobile-sidebar[data-exiting]{animation:fonte-sidebar-slide-in var(--fonte-motion-overlay-exit) var(--fonte-ease-settle) reverse}@keyframes fonte-sidebar-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fonte-sidebar-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.fonte-mobile-sidebar-overlay,.fonte-mobile-sidebar{animation:none}}.fonte-header-search-panel{border-radius:calc(var(--fonte-control-radius) + 4px)}.fonte-header-search-field{height:calc(var(--fonte-control-height-lg) - 2px)}
