::view-transition{pointer-events:none}.panel-sidebar{view-transition-name:panel-sidebar}::view-transition-group(panel-sidebar){z-index:2;animation:none}::view-transition-old(panel-sidebar){display:none}::view-transition-new(panel-sidebar){animation:none}.panel-sheet{view-transition-name:panel-sheet}::view-transition-group(panel-sheet){z-index:3;animation:none}::view-transition-old(panel-sheet){display:none}::view-transition-new(panel-sheet){animation:none}@keyframes route-leave{to{opacity:0;translate:var(--route-shift)}}@keyframes route-enter{0%{opacity:0;translate:var(--route-shift)}}::view-transition-old(.nav-forward){--route-shift:-20px}::view-transition-new(.nav-back){--route-shift:-20px}::view-transition-new(.nav-forward){--route-shift:20px}::view-transition-old(.nav-back){--route-shift:20px}::view-transition-old(.nav-fade){--route-shift:0 -4px}::view-transition-new(.nav-fade){--route-shift:0 6px}::view-transition-old(.nav-forward){animation:.11s ease-in both route-leave}::view-transition-old(.nav-back){animation:.11s ease-in both route-leave}::view-transition-old(.nav-fade){animation:.11s ease-in both route-leave}::view-transition-new(.nav-forward){animation:route-enter .21s var(--ease-ios) 70ms both}::view-transition-new(.nav-back){animation:route-enter .21s var(--ease-ios) 70ms both}::view-transition-new(.nav-fade){animation:route-enter .21s var(--ease-ios) 70ms both}::view-transition-group(.morph){animation-duration:.26s;animation-timing-function:var(--ease-ios);z-index:1}::view-transition-old(.morph){object-fit:contain;object-position:left center;height:100%;animation-duration:.2s}::view-transition-new(.morph){object-fit:contain;object-position:left center;height:100%;animation-duration:.2s}.nav-pill{background:color-mix(in srgb, var(--cuadra-text-primary) 12%, transparent);opacity:0}.nav-host[data-pill-ready]>.nav-pill{opacity:1;transition:transform .28s var(--ease-ios), width .28s var(--ease-ios), height .28s var(--ease-ios)}.nav-host:not([data-pill-ready]) .nav-link[data-active=true]{background:color-mix(in srgb, var(--cuadra-text-primary) 12%, transparent)}.nav-link{color:color-mix(in srgb, var(--cuadra-text-primary) 85%, transparent);transition:background-color .15s ease-out, color .2s ease-out, scale .15s var(--ease-ios)}.nav-link[data-active=true]{color:var(--cuadra-text-primary);font-weight:600}.nav-link:active{scale:.98}.nav-icon{color:var(--cuadra-brand);transition:color .2s ease-out, translate .18s var(--ease-ios), scale .18s var(--ease-ios)}.nav-icon[data-tone=plain]{color:var(--cuadra-text-secondary)}.nav-link[data-active=true]>.nav-icon{color:var(--cuadra-brand-text);scale:1.06}.nav-link[data-active=true]>.nav-icon[data-tone=plain]{color:var(--cuadra-text-primary)}@media (hover:hover){.nav-link:not([data-active=true]):hover{background-color:color-mix(in srgb, var(--cuadra-text-primary) 6%, transparent)}.nav-link:not([data-active=true]):hover>.nav-icon{translate:1.5px}}.nav-link:active>.nav-icon{scale:.9}@keyframes nav-rise{0%{opacity:0;translate:0 4px}}.nav-intro :is(.nav-link,.nav-brand){animation:nav-rise .2s var(--ease-ios) backwards}.nav-intro [data-order="1"]{animation-delay:15ms}.nav-intro [data-order="2"]{animation-delay:30ms}.nav-intro [data-order="3"]{animation-delay:45ms}.nav-intro [data-order="4"]{animation-delay:60ms}.nav-intro [data-order="5"]{animation-delay:75ms}.nav-intro [data-order="6"]{animation-delay:90ms}.nav-intro [data-order="7"]{animation-delay:.105s}.nav-intro [data-order="8"]{animation-delay:.12s}.nav-intro [data-order="9"]{animation-delay:.135s}@keyframes content-fade{0%{opacity:0}}@keyframes row-rise{0%{opacity:0;translate:0 4px}}.content-in{animation:.18s ease-out backwards content-fade}.row-in{animation:row-rise .18s var(--ease-ios) backwards}.row-in:nth-child(2){animation-delay:20ms}.row-in:nth-child(3){animation-delay:40ms}.row-in:nth-child(4){animation-delay:60ms}.row-in:nth-child(n+5){animation-delay:80ms}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.nav-link,.nav-icon,.nav-host[data-pill-ready]>.nav-pill{transition:none}.nav-link:active,.nav-link:active>.nav-icon,.nav-link[data-active=true]>.nav-icon{scale:none}.nav-link:not([data-active=true]):hover>.nav-icon{translate:none}.nav-intro :is(.nav-link,.nav-brand),.content-in,.row-in{animation:none}}