.bottom-sheet{--sheet-foot-inset:var(--foot-inset,0px);z-index:var(--z-sheet);padding:0 20px calc(24px + var(--sheet-foot-inset));background:var(--liner);box-shadow:var(--shadow-sheet);animation:bottom-sheet-in var(--t-peel) var(--ease-peel);border-radius:16px 16px 0 0;outline:none;position:absolute;bottom:0;left:0;right:0}@keyframes bottom-sheet-in{0%{transform:translateY(104%)}}.bottom-sheet.is-leaving{animation:bottom-sheet-out var(--t-peel) var(--ease-peel) forwards;pointer-events:none}@keyframes bottom-sheet-out{0%{transform:translateY(var(--leave-from,0px))}to{transform:translateY(104%)}}.sheet-layer{display:contents}.sheet-scrim{z-index:var(--z-sheet);background:var(--sheet-scrim,var(--scrim));animation:sheet-scrim-in var(--t-peel) var(--ease-out);position:absolute;inset:0}.sheet-scrim.is-leaving{animation:sheet-scrim-out var(--t-peel) var(--ease-out) forwards;pointer-events:none}@keyframes sheet-scrim-in{0%{opacity:0}}@keyframes sheet-scrim-out{to{opacity:0}}.perf{cursor:grab;touch-action:none;background:0 0;border:0;width:calc(100% + 40px);height:26px;margin:0 -20px 6px;padding:0;display:block;position:relative}.perf:before{content:"";background:radial-gradient(circle,#1c182433 0 1.3px,#0000 1.6px) 0/8px 3px repeat-x;height:3px;position:absolute;top:12px;left:14px;right:14px}.perf:after{content:"";background:radial-gradient(circle,#1c18249e 0 1.5px,#0000 1.8px) 0/8px 3px repeat-x;width:48px;height:3px;margin-left:-24px;position:absolute;top:12px;left:50%}.perf:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}.perf--plain{cursor:auto;touch-action:auto}.perf--plain:after{content:none}@media (width>=600px) and (height>=600px) and (any-pointer:coarse){.bottom-sheet__head{touch-action:none}.bottom-sheet.sheet-card{--sheet-foot-inset:0px;width:min(var(--card-w), calc(100% - 2 * var(--gutter-large)));height:fit-content;max-height:calc(100% - 2 * var(--gutter-large));border-radius:16px;flex-direction:column;margin:auto;padding-top:20px;display:flex;inset:0}.bottom-sheet.sheet-card>.perf:not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sheet-x{z-index:1;appearance:none;background:var(--liner-lift);width:30px;height:30px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 0 0 .5px #1c182442,1px 2px 3px #1c18242e}.sheet-x:before{content:"";border-radius:50%;position:absolute;inset:-7px}.sheet-x:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sheet-x~.bottom-sheet__head{padding-right:24px}}