.layout-vertical-nav .nav-header{overflow:visible!important;position:relative}.layout-vertical-nav .nav-header:after{--diameter:36px;aspect-ratio:1;background:rgba(var(--v-theme-surface),1);border:7px solid rgba(var(--v-theme-background),1);border-radius:100%;content:"";inline-size:var(--diameter);inset-block-start:calc(50% - var(--diameter)/2);inset-inline-end:-18px;position:absolute;z-index:-1}.layout-overlay-nav{--app-header-container-bg:rgb(var(--v-theme-surface))}.layout-overlay-nav .nav-header:after{transition:opacity .2s ease-in-out}.layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-header .header-action,.layout-vertical-nav-collapsed .layout-vertical-nav:not(.hovered) .nav-header:after,.layout-vertical-nav.overlay-nav:not(.visible) .nav-header:after{opacity:0}@keyframes rotate-180{0%{transform:rotate(0) scaleX(var(--app-header-actions-scale-x))}to{transform:rotate(180deg) scaleX(var(--app-header-actions-scale-x))}}@keyframes rotate-back-180{0%{transform:rotate(180deg) scaleX(var(--app-header-actions-scale-x))}to{transform:rotate(0) scaleX(var(--app-header-actions-scale-x))}}.layout-vertical-nav .nav-header .header-action{--app-header-actions-scale-x:1;animation-duration:.35s;animation-fill-mode:forwards;animation-name:var(--9a502884);border-radius:100%;color:#fff;inset-inline-end:0;inset-inline-end:-11px;position:absolute;transform:rotate(var(--4c5094ee)) scaleX(var(--app-header-actions-scale-x));transition:opacity .2s ease-in-out}[dir=rtl] .layout-vertical-nav .nav-header .header-action{--app-header-actions-scale-x:-1}.layout-nav-type-vertical.layout-overlay-nav .layout-vertical-nav:not(.visible) .nav-header .header-action{opacity:0}