.odk-sheet-root{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end}.odk-sheet-root[data-variant=non-modal]{pointer-events:none}.odk-sheet-root[data-variant=non-modal] .odk-sheet{pointer-events:auto}.odk-sheet-backdrop{position:absolute;inset:0;background:rgba(17,14,26,.35);border:0;padding:0;cursor:pointer;animation:odkSideSheetBackdropFadeIn var(--dur-fast) var(--ease-out)}.odk-sheet{position:relative;height:100vh;height:100dvh;background:var(--canvas);color:var(--ink);box-shadow:-8px 0 30px rgba(17,14,26,.12);display:flex;flex-direction:column;animation:odkSideSheetSlideIn var(--dur-base,.18s) var(--ease-out,ease-out);max-width:100vw}.odk-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem .75rem;border-bottom:.5px solid color-mix(in srgb,var(--ink) 8%,transparent)}.odk-sheet-head h2{margin:0;font-size:var(--type-heading-size);font-weight:700}.odk-sheet-subtitle{margin:.25rem 0 0;font-size:12.5px;color:var(--muted)}.odk-sheet-close{width:28px;height:28px;border-radius:50%;background:transparent;border:0;cursor:pointer;font-size:20px;line-height:1;color:var(--muted)}.odk-sheet-close:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.odk-sheet-body{flex:1 1;overflow-y:auto;padding:1.25rem 1.5rem}.odk-sheet-resize{left:0;width:8px;margin-left:-4px;cursor:col-resize;touch-action:none;z-index:1}.odk-sheet-resize,.odk-sheet-resize:before{position:absolute;top:0;bottom:0;background:transparent;transition:background var(--dur-fast,.12s) var(--ease-out,ease-out)}.odk-sheet-resize:before{content:"";left:3px;width:2px}.odk-sheet-resize:hover:before{background:color-mix(in srgb,var(--ink) 12%,transparent)}@media (prefers-reduced-motion:reduce){.odk-sheet-resize,.odk-sheet-resize:before{transition:none}}@keyframes odkSideSheetBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes odkSideSheetSlideIn{0%{transform:translateX(16px);opacity:0}to{transform:translateX(0);opacity:1}}