@layer theme,base,components;@layer kirby{.panel-mock{--menu-button-height:var(--height);--menu-button-width:100%;--menu-color-back:var(--lightningcss-light,var(--color-gray-250))var(--lightningcss-dark,var(--color-gray-950));--menu-color-border:var(--lightningcss-light,var(--color-gray-300))var(--lightningcss-dark,var(--color-gray-850));--menu-display:none;--menu-display-backdrop:block;--menu-padding:var(--spacing-3);--menu-shadow:var(--shadow-xl);--menu-toggle-height:var(--menu-button-height);--menu-toggle-width:1rem;--menu-width-closed:calc(var(--menu-button-height) + var(--menu-padding)*2);--menu-width-open:12rem;--menu-width:var(--menu-width-open)}.panel-mock .k-panel-menu{z-index:var(--z-navigation);display:var(--menu-display);width:var(--menu-width);background-color:var(--menu-color-back);border-right:1px solid var(--menu-color-border);box-shadow:var(--menu-shadow);position:fixed;inset-block:0;inset-inline-start:0}.panel-mock .k-panel-menu-body{gap:var(--spacing-4);padding:var(--menu-padding);overscroll-behavior:contain;flex-direction:column;height:100%;display:flex;overflow:hidden auto}.panel-mock .k-panel-menu-search{margin-bottom:var(--spacing-8)}.panel-mock .k-panel-menu-buttons{flex-direction:column;width:100%;display:flex}.panel-mock .k-panel-menu-buttons[data-second-last=true]{margin-bottom:auto}.panel-mock .k-panel-menu-button{--button-align:flex-start;--button-height:var(--menu-button-height);--button-width:var(--menu-button-width);--button-padding:7px;flex-shrink:0}.panel-mock .k-panel-menu-button[aria-current=true]{--button-color-back:var(--lightningcss-light,var(--color-white))var(--lightningcss-dark,var(--color-gray-850));box-shadow:var(--shadow)}.panel-mock .k-panel-menu-button:focus{z-index:1}.panel-mock .k-panel[data-menu=true]{--menu-button-width:100%;--menu-display:block;--menu-width:var(--menu-width-open)}.panel-mock .k-panel[data-menu=true]:after{content:"";background:var(--overlay-color-back);display:var(--menu-display-backdrop);pointer-events:none;z-index:var(--z-drawer);position:fixed;inset:0}.panel-mock .k-panel-menu-toggle{--button-align:flex-start;--button-height:100%;--button-width:var(--menu-toggle-width);opacity:0;border-radius:0;align-items:flex-start;transition:opacity .2s;position:absolute;inset-block:0;inset-inline-start:100%;overflow:visible}.panel-mock .k-panel-menu-toggle:focus{outline:0}.panel-mock .k-panel-menu-toggle .k-button-icon{height:var(--menu-toggle-height);width:var(--menu-toggle-width);margin-top:var(--menu-padding);border-block:1px solid var(--menu-color-border);border-inline-end:1px solid var(--menu-color-border);background:var(--menu-color-back);border-start-end-radius:var(--button-rounded);border-end-end-radius:var(--button-rounded);place-items:center;display:grid}@media (width<=60rem){.panel-mock .k-panel-menu .k-activation-button{margin-bottom:var(--spacing-3)}.panel-mock .k-panel-menu .k-activation-toggle{display:none}}@media (width>=60rem){.panel-mock .k-panel{--menu-display:block;--menu-display-backdrop:none;--menu-shadow:none;--main-start:var(--menu-width)}.panel-mock .k-panel[data-menu=false]{--menu-button-width:var(--menu-button-height);--menu-width:var(--menu-width-closed)}.panel-mock .k-panel-menu-proxy{display:none}.panel-mock .k-panel-menu-toggle:focus-visible,.panel-mock .k-panel-menu[data-hover=true] .k-panel-menu-toggle{opacity:1}.panel-mock .k-panel-menu-toggle:focus-visible .k-button-icon{outline:var(--outline);border-radius:var(--button-rounded)}.panel-mock .k-panel-menu-search[aria-disabled=true]{opacity:0}.panel-mock .k-panel-menu .k-activation{bottom:var(--menu-padding);height:var(--height-md);width:max-content;margin-left:var(--menu-padding);position:absolute;inset-inline-start:100%}.panel-mock .k-panel-menu .k-activation:before{content:"";border-top:4px solid #0000;border-right:4px solid var(--color-black);border-bottom:4px solid #0000;margin-top:-4px;position:absolute;top:50%;left:-4px}.panel-mock .k-panel-menu .k-activation p :where(button,a){padding-inline:var(--spacing-1)}.panel-mock .k-panel-menu .k-activation-toggle{border-left:1px solid var(--dropdown-color-hr)}}.panel-mock .k-panel-notification{--button-height:var(--height-md);--button-color-icon:var(--theme-color-900);--button-color-text:var(--theme-color-900);border:1px solid var(--theme-color-500);box-shadow:var(--dropdown-shadow);z-index:var(--z-notification);position:fixed;inset-block-end:var(--menu-padding);inset-inline-end:var(--menu-padding)}}@layer utilities;.panel-mock .k-panel-notification{position:absolute}