@layer osha-ui{.osha-drawer-backdrop{z-index:var(--osha-z-modal,300);background:#00000073;animation:.14s ease-out osha-drawer-fade;display:flex;position:fixed;inset:0}[data-theme=dark] .osha-drawer-backdrop{background:#000000a6}@keyframes osha-drawer-fade{0%{opacity:0}to{opacity:1}}.osha-drawer-panel{background:var(--color-bg-card,var(--osha-color-surface,Canvas));color:var(--color-text,var(--osha-color-text,CanvasText));box-shadow:var(--osha-shadow-xl,0 20px 25px -5px #0003);font-family:var(--font-body,system-ui, sans-serif);flex-direction:column;max-height:100%;display:flex;overflow:hidden}.osha-drawer-panel--right{border-left:1px solid var(--color-border,var(--osha-color-border,ButtonBorder));height:100%;margin-left:auto;animation:.2s cubic-bezier(.32,.72,0,1) osha-drawer-slide-right}.osha-drawer-panel--left{border-right:1px solid var(--color-border,var(--osha-color-border,ButtonBorder));height:100%;margin-right:auto;animation:.2s cubic-bezier(.32,.72,0,1) osha-drawer-slide-left}.osha-drawer-panel--bottom{border-top:1px solid var(--color-border,var(--osha-color-border,ButtonBorder));border-radius:var(--osha-radius-lg,1rem) var(--osha-radius-lg,1rem) 0 0;width:100%;margin-top:auto;animation:.2s cubic-bezier(.32,.72,0,1) osha-drawer-slide-up}@keyframes osha-drawer-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes osha-drawer-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes osha-drawer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.osha-drawer-panel--right.osha-drawer-panel--sm,.osha-drawer-panel--left.osha-drawer-panel--sm{width:min(20rem,100vw)}.osha-drawer-panel--right.osha-drawer-panel--md,.osha-drawer-panel--left.osha-drawer-panel--md{width:min(28rem,100vw)}.osha-drawer-panel--right.osha-drawer-panel--lg,.osha-drawer-panel--left.osha-drawer-panel--lg{width:min(40rem,100vw)}.osha-drawer-panel--bottom.osha-drawer-panel--sm{max-height:35vh}.osha-drawer-panel--bottom.osha-drawer-panel--md{max-height:55vh}.osha-drawer-panel--inline{height:auto;max-height:none;box-shadow:none;border:1px solid var(--osha-color-border,var(--color-border));position:relative}.osha-drawer-panel--dock{z-index:var(--osha-z-modal,300);position:fixed}.osha-drawer-panel--dock.osha-drawer-panel--right{height:100dvh;top:0;bottom:0;right:0}.osha-drawer-panel--dock.osha-drawer-panel--left{height:100dvh;top:0;bottom:0;left:0}.osha-drawer-panel--dock.osha-drawer-panel--bottom{width:100%;inset:auto 0 0}@media (max-width:40rem){.osha-drawer-panel--dock.osha-drawer-panel--right,.osha-drawer-panel--dock.osha-drawer-panel--left{width:100vw!important}.osha-drawer-panel--dock>.osha-drawer-resize-handle{display:none}}.osha-drawer-resize-handle{z-index:2;touch-action:none;background:0 0;position:absolute}.osha-drawer-panel--right>.osha-drawer-resize-handle,.osha-drawer-panel--left>.osha-drawer-resize-handle{cursor:col-resize;width:.625rem;top:0;bottom:0}.osha-drawer-panel--right>.osha-drawer-resize-handle{left:-.3125rem}.osha-drawer-panel--left>.osha-drawer-resize-handle{right:-.3125rem}.osha-drawer-panel--bottom>.osha-drawer-resize-handle{cursor:row-resize;height:.625rem;top:-.3125rem;left:0;right:0}.osha-drawer-resize-handle:before{content:"";background:0 0;border-radius:999px;transition:background .13s;position:absolute}.osha-drawer-panel--right>.osha-drawer-resize-handle:before,.osha-drawer-panel--left>.osha-drawer-resize-handle:before{width:.1875rem;height:2.5rem;top:50%;left:50%;transform:translate(-50%,-50%)}.osha-drawer-panel--bottom>.osha-drawer-resize-handle:before{width:2.5rem;height:.1875rem;top:50%;left:50%;transform:translate(-50%,-50%)}.osha-drawer-resize-handle:hover:before,.osha-drawer-resize-handle:focus-visible:before{background:var(--color-primary,var(--osha-color-primary,Highlight))}.osha-drawer-resize-handle:focus-visible{outline:2px solid var(--osha-color-focus,#0891b2);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.osha-drawer-resize-handle:before{transition:none}}.osha-drawer-header{justify-content:space-between;align-items:center;gap:var(--space-3,.75rem);padding:var(--space-4,1rem) var(--space-5,1.25rem);border-bottom:1px solid var(--color-border,var(--osha-color-border,ButtonBorder));flex-shrink:0;min-width:0;display:flex}.osha-drawer-title{font-size:var(--osha-font-size-md,1rem);color:var(--color-text,var(--osha-color-text,CanvasText));text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:600;overflow:hidden}.osha-drawer-title:focus-visible{outline:2px solid var(--osha-color-focus,#0891b2);outline-offset:2px}.osha-drawer-close{appearance:none;border-radius:var(--osha-radius-sm,.375rem);width:2rem;height:2rem;color:var(--color-text-muted,var(--osha-color-text-muted,CanvasText));cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .13s,color .13s;display:inline-flex}.osha-drawer-close:hover{background:var(--color-bg-elevated,var(--osha-color-surface-muted,color-mix(in srgb, CanvasText 8%, Canvas)));color:var(--color-text,var(--osha-color-text,CanvasText))}.osha-drawer-close:focus-visible{outline:2px solid var(--osha-color-focus,#0891b2);outline-offset:2px}.osha-drawer-body{min-height:0;padding:var(--space-5,1.25rem);color:var(--color-text,var(--osha-color-text,CanvasText));font-size:var(--osha-font-size-sm,.8125rem);flex:1;overflow-y:auto}.osha-drawer-footer{justify-content:flex-end;gap:var(--space-2,.5rem);padding:var(--space-4,1rem) var(--space-5,1.25rem);border-top:1px solid var(--color-border,var(--osha-color-border,ButtonBorder));flex-wrap:wrap;flex-shrink:0;display:flex}@media (prefers-reduced-motion:reduce){.osha-drawer-backdrop,.osha-drawer-panel{animation:none}}}