.sheet{width:calc(100% - 16px);max-width:var(--content-max);max-height:calc(100dvh - var(--sat) - 16px);border-radius:var(--r-sheet-medium);color:var(--label);overscroll-behavior:contain;transition:transform var(--duration-sheet) var(--ease-smooth);border:0;margin:0 auto;padding:0;position:fixed;inset:auto 8px 8px;overflow:hidden;transform:translateY(calc(100% + 16px))}.sheet[open]{flex-direction:column;display:flex}.sheet-half{height:51.6dvh;min-height:min(300px, calc(100dvh - var(--sat) - 16px))}.sheet-full{background:var(--bg-grouped);width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0;inset:0}.sheet-full .sheet-handle{display:none}.sheet-full .sheet-header{min-height:calc(70px + var(--sat));padding-top:calc(16px + var(--sat))}.sheet-full :is(.sheet-close,.sheet-done){top:calc(13px + var(--sat))}.sheet-full .sheet-close{left:var(--margin)}.sheet-full .sheet-done{right:var(--margin)}.sheet.sheet-visible{transform:translateY(var(--sheet-drag,0px))}.sheet-dragging{transition:none}.sheet::backdrop{background:var(--dim);opacity:0;transition:opacity var(--duration-sheet) var(--ease-smooth)}.sheet.sheet-visible::backdrop{opacity:1}.sheet-half::backdrop{display:none}.sheet-header{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;justify-content:center;align-items:center;gap:12px;min-height:70px;padding:16px 68px;display:flex;position:relative}.sheet-header h2{min-width:0;font:600 var(--text-headline)/var(--leading-headline) var(--sans);letter-spacing:var(--tracking-headline);text-align:center;overflow-wrap:anywhere;margin:0}.sheet-handle{border-radius:var(--r-grabber);background:var(--label-3);width:58px;height:4px;margin-left:-29px;position:absolute;top:5px;left:50%}.sheet-close,.sheet-done{border-radius:var(--r-capsule);cursor:pointer;touch-action:manipulation;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:13px}.sheet-close{background:var(--fill-2);color:var(--label);left:13px}.sheet-done{background:var(--accent-fill);color:var(--on-accent);right:13px}.sheet-close:active,.sheet-done:active{opacity:.75}.sheet-done:disabled{background:var(--fill-2);color:var(--label-3);cursor:default}.sheet-body{overscroll-behavior:contain;min-height:0;padding:0 var(--margin) calc(24px + var(--sab));touch-action:pan-y;flex:1;overflow-y:auto}.sheet-with-footer .sheet-body{padding-bottom:var(--space-md)}.sheet-back{z-index:1;align-items:center;gap:var(--space-md);margin:0 calc(-1 * var(--margin)) calc(-1 * var(--space-sm));padding:0 var(--margin) var(--space-sm);background:var(--bg-grouped);display:flex;position:sticky;top:0}.sheet-back-button{width:var(--hit);height:var(--hit);border-radius:var(--r-capsule);background:var(--fill-2);color:var(--label);cursor:pointer;touch-action:manipulation;border:0;flex:none;place-items:center;padding:0;display:grid}.sheet-back-button:active{opacity:.75}.sheet-back-title{min-width:0;margin:0;font-weight:700}.sheet-footer{padding:var(--space-md) var(--margin) max(var(--space-lg), var(--sab));border-top:.5px solid var(--separator);flex:none}@media (prefers-reduced-motion:reduce){.sheet,.sheet.sheet-visible{opacity:0;transition:opacity var(--duration-fade) ease;transform:none}.sheet.sheet-visible{opacity:1}.sheet::backdrop{transition:opacity var(--duration-fade) ease}}
