@layer theme,base,components;@layer kirby{.panel-preview{--dialog-color-back:var(--panel-color-back);--dialog-color-text:currentColor;--dialog-margin:var(--spacing-6);--dialog-padding:var(--spacing-6);--dialog-rounded:var(--rounded-xl);--dialog-shadow:var(--shadow-xl);--dialog-width:22rem}.panel-preview .k-dialog-portal{padding:var(--dialog-margin)}.panel-preview .k-dialog{background:var(--dialog-color-back);color:var(--dialog-color-text);width:clamp(10rem,100%,var(--dialog-width));max-height:calc(100dvh - var(--dialog-margin) - var(--dialog-margin));box-shadow:var(--dialog-shadow);border-radius:var(--dialog-rounded);flex-direction:column;line-height:1;display:flex;position:relative;overflow:clip;container-type:inline-size}@media screen and (width>=20rem){.panel-preview .k-dialog[data-size=small]{--dialog-width:20rem}}@media screen and (width>=22rem){.panel-preview .k-dialog[data-size=default]{--dialog-width:22rem}}@media screen and (width>=30rem){.panel-preview .k-dialog[data-size=medium]{--dialog-width:30rem}}@media screen and (width>=40rem){.panel-preview .k-dialog[data-size=large]{--dialog-width:40rem}}@media screen and (width>=60rem){.panel-preview .k-dialog[data-size=huge]{--dialog-width:60rem}}.panel-preview .k-dialog .k-pagination{justify-content:center;align-items:center;margin-bottom:-1.5rem;display:flex}.panel-preview .k-dialog>.k-dropzone{flex-direction:column;min-height:0;display:flex}.panel-preview .k-dialog>.k-dropzone:after{border-radius:var(--dialog-rounded);outline-offset:-2px}.panel-preview .k-dialog-body{padding:var(--dialog-padding)}.panel-preview .k-dialog:has(.k-dialog-footer) .k-dialog-body{padding-bottom:0}.panel-preview .k-button-group.k-dialog-buttons{gap:var(--spacing-3);--button-height:var(--height-lg);grid-template-columns:1fr;display:grid}.panel-preview .k-button-group.k-dialog-buttons:has(>.k-button:nth-child(2)){grid-template-columns:1fr 1fr}.panel-preview .k-dialog-fields{padding-bottom:.5rem;container-type:inline-size}.panel-preview .k-dialog-fields .k-line-field{height:2px}.panel-preview .k-dialog-footer{padding:var(--dialog-padding);flex-shrink:0;line-height:1}.panel-preview{--overlay-color-back:#0009;--overlay-color-back-dimmed:#0003}.panel-preview .k-overlay[open]{overscroll-behavior:contain;width:100%;height:100dvh;z-index:var(--z-dialog);background:0 0;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.panel-preview .k-overlay[open]::backdrop{background:0 0}.panel-preview .k-overlay[open]>.k-portal{background:var(--overlay-color-back);position:fixed;inset:0;overflow:auto}.panel-preview .k-overlay[open][data-type=dialog]>.k-portal{display:inline-flex}.panel-preview .k-overlay[open][data-type=dialog]>.k-portal>*{margin:auto}.panel-preview .k-overlay[open][data-type=drawer]>.k-portal{--overlay-color-back:var(--overlay-color-back-dimmed);justify-content:flex-end;align-items:stretch;display:flex}.panel-preview html:has(.k-overlay[open]){scrollbar-gutter:stable;overflow:hidden}}@layer utilities;.panel-preview .panel-preview-stage:has(>.panel-dialog){background:var(--overlay-color-back);justify-content:center;display:flex}