.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:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;padding:0;cursor:pointer;animation:odkSideSheetBackdropFadeIn var(--dur-fast) var(--ease-out)}.odk-sheet{position:relative;margin:var(--step-3);height:calc(100vh - 2 * var(--step-3));height:calc(100dvh - 2 * var(--step-3));overflow:hidden;background:var(--raised);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-sheet);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;animation:odkSideSheetSlideIn var(--dur-base,.18s) var(--ease-out,ease-out);max-width:calc(100vw - 2 * var(--step-3))}.odk-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--step-5) var(--step-6) var(--step-3);border-bottom:1px solid var(--hairline)}.odk-sheet-head h2{margin:0;font-size:var(--t-title);font-weight:var(--w-bold);letter-spacing:var(--track-title)}.odk-sheet-subtitle{margin:var(--step-1) 0 0;font-size:var(--t-ref);color:var(--muted)}.odk-sheet-close{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--fill);border:0;cursor:pointer;font-size:var(--t-row);line-height:1;color:var(--muted)}.odk-sheet-close:hover{background:var(--fill-2);color:var(--ink)}.odk-sheet-body{flex:1 1;overflow-y:auto;padding:var(--step-5) var(--step-6)}.odk-sheet-resize{left:0;width:8px;margin-left:calc(var(--step-1) * -1);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}}