@layer components{.ab-geometry-shell{grid-template-columns:var(--ab-geometry-tracks,minmax(0, 1fr));block-size:100%;min-inline-size:0;padding-block:max(var(--ab-geometry-safe-block-start), env(safe-area-inset-top)) max(var(--ab-geometry-safe-block-end), env(safe-area-inset-bottom));padding-inline:max(var(--ab-geometry-safe-inline-start), env(safe-area-inset-left)) max(var(--ab-geometry-safe-inline-end), env(safe-area-inset-right));display:grid;position:relative}.ab-geometry-shell[data-direction=rtl]{padding-inline:max(var(--ab-geometry-safe-inline-start), env(safe-area-inset-right)) max(var(--ab-geometry-safe-inline-end), env(safe-area-inset-left))}.ab-geometry-region{overflow-wrap:anywhere;overscroll-behavior:contain;min-block-size:0;min-inline-size:0;overflow:auto}.ab-geometry-region[data-region=layout-inspector][data-mode=persistent]{border-inline-start:1px solid var(--ab-color-border-subtle);background:var(--ab-color-canvas)}.ab-geometry-region:focus,.ab-geometry-region:focus-visible{outline:none}.ab-geometry-shell[data-intent=focused-flow] [data-region=layout-primary]{inline-size:min(100%, var(--ab-geometry-focused-max));padding-inline:var(--ab-geometry-padding);margin-inline:auto}.ab-geometry-actions{block-size:var(--ab-geometry-actions);position:sticky;inset-block-start:0}.ab-geometry-drawer{max-block-size:calc(100dvb - 32px);overflow:auto}.ab-geometry-drawer-trigger{z-index:var(--ab-layer-popup);position:fixed;inset-block-start:max(var(--ab-space-2), env(safe-area-inset-top));inset-inline-end:max(var(--ab-space-2), env(safe-area-inset-right))}.ab-geometry-drawer-trigger[data-region-trigger=layout-inspector]{inset-block-start:calc(max(var(--ab-space-2), env(safe-area-inset-top)) + var(--ab-control-height) + var(--ab-space-2))}.ab-geometry-drawer-trigger[data-region-trigger=shell-command-overlay]{inset-block-start:calc(max(var(--ab-space-2), env(safe-area-inset-top)) + var(--ab-control-height) + var(--ab-space-2) + var(--ab-control-height) + var(--ab-space-2))}.ab-geometry-drawer--inspector{inline-size:min(var(--ab-geometry-inspector-drawer-max), calc(100vi - 32px))}.ab-geometry-drawer--rail{inline-size:min(320px,100vi - 16px)}.ab-geometry-command-overlay{block-size:min(720px,100dvb - 32px);inline-size:min(720px,100vi - 32px)}.ab-separator.ab-geometry-separator[data-ab-orientation=vertical]{cursor:col-resize;z-index:1;background:0 0;block-size:100%;inline-size:16px;margin:0;position:absolute;inset-block-start:0}.ab-geometry-separator[data-panel=inspector]{inset-inline-end:calc(var(--ab-geometry-inspector) - 8px)}.ab-geometry-drawer--narrow{max-block-size:calc(100dvb - 16px)}.ab-geometry-drawer--inspector.ab-geometry-drawer--narrow{inline-size:calc(100vi - 16px)}.ab-geometry-command-overlay.ab-geometry-drawer--narrow{block-size:min(720px,100dvb - 16px);inline-size:min(720px,100vi - 16px)}@media (prefers-reduced-motion:reduce){.ab-geometry-shell *{scroll-behavior:auto}}@media (forced-colors:active){.ab-geometry-separator{border-inline-start:1px solid canvastext}}@media print{html,body,#hudaybiya-root,.ab-geometry-shell{block-size:auto;display:block;overflow:visible}.ab-geometry-region:not([data-region=layout-primary]),.ab-geometry-actions,.ab-geometry-separator,.ab-geometry-drawer,.ab-geometry-drawer-trigger,.ab-geometry-command-overlay{display:none!important}}}