.sheet-layer{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet-backdrop{background:var(--scrim);opacity:0;transition:opacity .42s var(--ease-ios);position:absolute;inset:0}.sheet-layer[data-phase=open] .sheet-backdrop{opacity:1}.sheet-layer[data-phase=exit]{pointer-events:none}.sheet-layer[data-phase=exit] .sheet-backdrop{opacity:0;transition-duration:.34s}.sheet{width:100%;max-height:calc(100% - var(--safe-top) - 8px);--canvas:var(--sheet);background:var(--sheet);color:var(--ink);border-radius:var(--r-sheet) var(--r-sheet) 0 0;transition:transform var(--d-sheet) var(--ease-ios);will-change:transform;outline:none;flex-direction:column;display:flex;position:relative;transform:translateY(105%);box-shadow:0 -10px 40px #0000001f}.sheet-layer[data-size=auto] .sheet{width:calc(100% - 16px);margin-bottom:max(8px, calc(var(--safe-bottom) - 22px));border-radius:47px}.sheet-layer[data-size=large] .sheet{height:calc(100% - var(--safe-top) - 8px)}.sheet-layer[data-phase=open] .sheet{transform:translate(0,0)}.sheet-layer[data-phase=exit] .sheet{transition-duration:.38s;transform:translateY(105%)}.sheet[data-dragging]{transition:none}.sheet__top{touch-action:none;cursor:grab;flex:none;padding-top:6px}.sheet__grabber{background:var(--line-2);border-radius:99px;width:36px;height:5px;margin:0 auto;display:block}.sheet__header{grid-template-columns:56px 1fr 56px;align-items:center;min-height:52px;padding:0 10px;display:grid}.sheet__title{text-align:center;font-size:var(--t-body);font-weight:var(--w-button);letter-spacing:-.01em}.sheet__side{display:flex}.sheet__side--end{justify-content:flex-end}.sheet__icon{place-items:center;width:44px;height:44px;display:grid}.sheet__icon>span{background:var(--surface);width:34px;height:34px;color:var(--ink-2);transition:transform var(--d-press) var(--ease-out), background-color var(--d-state) var(--ease-out);border-radius:99px;place-items:center;display:grid}.sheet__icon:active>span{transform:scale(.88)}@media (hover:hover){.sheet__icon:hover>span{background:var(--surface-2);color:var(--ink)}}.sheet__body{overscroll-behavior:contain;min-height:0;padding:4px var(--gutter) 20px;-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.sheet-layer[data-size=auto] .sheet__body{padding-bottom:16px}.sheet__footer{padding:12px var(--gutter) calc(var(--safe-bottom) + 12px);background:linear-gradient(to top, var(--canvas) 70%, transparent);flex:none}.sheet-layer[data-size=auto] .sheet__footer{border-radius:0 0 47px 47px;padding-bottom:20px}