@property --m-sheet-drag{syntax:"<length>";inherits:false;initial-value:0}.modal-surface__scrim{z-index:var(--z-modal);background:var(--black-60);animation:modal-surface-fade-in .2s var(--easing);position:fixed;inset:0}.modal-surface__scrim--bare{z-index:0;background:0 0;animation:none}.modal-surface__sr-title{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes modal-surface-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.modal-surface__scrim{z-index:calc(var(--m-sheet-z) + var(--m-overlay-depth,0) * 2)}.modal-surface__scrim,.m-sheet{--m-sheet-ease:cubic-bezier(.32, .72, 0, 1)}.modal-surface__scrim[data-staggered],.m-sheet[data-staggered]{animation-delay:.12s;animation-fill-mode:backwards}.m-sheet{left:0;right:0;bottom:var(--m-keyboard-inset,0px);padding-bottom:env(safe-area-inset-bottom);z-index:calc(var(--m-sheet-z) + 1 + var(--m-overlay-depth,0) * 2);max-height:calc(100vh - env(safe-area-inset-top) - 24px - var(--m-keyboard-height,0px));max-height:calc(100dvh - env(safe-area-inset-top) - 24px - var(--m-keyboard-height,0px));border-top-left-radius:var(--m-sheet-radius);border-top-right-radius:var(--m-sheet-radius);background-color:var(--glass-bg-98);background-image:var(--m-veil-sheet);box-shadow:inset 0 1px 0 var(--white-10), 0 -24px 60px #0009;transform:translateY(calc(var(--m-sheet-detent,0%) + var(--m-sheet-drag,0px)));transition:transform var(--m-sheet-settle-ms,.44s) var(--m-sheet-ease);will-change:transform;border:none;flex-direction:column;display:flex;position:fixed}.m-sheet[data-state=open]{animation:m-sheet-in .4s var(--m-sheet-ease)}.m-sheet[data-dragging]{-webkit-user-select:none;user-select:none;cursor:grabbing;transition:none}.m-sheet[data-exiting]{animation:m-sheet-out var(--m-sheet-exit-ms,.28s) var(--easing) forwards}.m-sheet[data-reduced-motion=true]{transition:none;animation:none}.m-sheet--tall{top:calc(var(--m-viewport-top,0px) + env(safe-area-inset-top) + 24px);height:auto;max-height:none}.m-sheet--half{--m-sheet-detent:42%}.m-sheet--half[data-detent=full]{--m-sheet-detent:0%}.m-sheet--half[data-detent=partial]{touch-action:none}.m-sheet--half[data-detent=partial] .m-sheet__body{overflow-y:hidden}.m-sheet__header{touch-action:none;cursor:grab;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:18px 14px 10px 16px;display:flex;position:relative}.m-sheet__handle{border-radius:var(--radius-pill);background:var(--white-15);width:40px;height:4px;margin-left:-20px;position:absolute;top:8px;left:50%}.m-sheet__handle-button{background:0 0;border:none;place-items:center;width:88px;height:28px;margin-left:-44px;display:grid;position:absolute;top:0;left:50%}.m-sheet__handle-button .m-sheet__handle{margin-left:0;position:static}.m-sheet__handle-button:focus-visible{outline:2px solid var(--white-40);outline-offset:2px;border-radius:var(--radius-pill)}.m-sheet__title{min-width:0;font-size:var(--fs-base,15px);color:var(--text-0);margin:0;font-weight:600}.m-sheet__header--untitled{justify-content:flex-end;min-height:44px;padding-top:12px;padding-bottom:6px}.m-sheet__close{border-radius:var(--radius-pill);background-color:var(--white-06);width:44px;height:44px;color:var(--text-1);background-clip:padding-box;border:4px solid #0000;flex-shrink:0;place-items:center;margin-right:-4px;display:grid}.m-sheet__close:active{background-color:var(--white-12);color:var(--text-0)}.m-sheet__close:focus-visible{outline:2px solid var(--white-40);outline-offset:2px}.m-sheet__actions{flex-shrink:0;align-items:center;gap:2px;margin-right:-4px;display:flex}.m-sheet__action{border-radius:var(--radius-pill);background-image:linear-gradient(160deg, var(--white-10), var(--white-04));width:44px;height:44px;color:var(--text-1);background-clip:padding-box;border:4px solid #0000;flex-shrink:0;place-items:center;display:grid}.m-sheet__action:active{background-image:linear-gradient(160deg, var(--white-16), var(--white-08));color:var(--text-0)}.m-sheet__action:focus-visible{outline:2px solid var(--white-40);outline-offset:2px}.m-sheet__action--danger{color:var(--color-red-400)}.m-sheet__body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;min-height:0;padding:4px 16px 16px;overflow-y:auto}.m-sheet__body:hover,.m-sheet__body:focus-within{scrollbar-color:var(--white-15) transparent}.m-sheet__footer{flex-direction:column;flex-shrink:0;gap:8px;padding:8px 16px 12px;display:flex}.m-sheet--tall .m-sheet__footer{border-top:var(--m-border-subtle);padding-top:12px}@keyframes m-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(calc(var(--m-sheet-detent,0%) + var(--m-sheet-drag,0px)))}}@keyframes m-sheet-out{to{transform:translateY(calc(100% + 96px))}}.modal-surface__scrim{--m-scrim-alpha:calc(.6 * (1 - var(--m-sheet-progress,0) * .6));background-color:rgba(0, 0, 0, var(--m-scrim-alpha));animation-name:m-scrim-in;animation-duration:.4s;animation-timing-function:var(--m-sheet-ease);transition:background-color .44s var(--m-sheet-ease)}.modal-surface__scrim[data-nested]{--m-scrim-alpha:calc(.6 * .7 * (1 - var(--m-sheet-progress,0) * .6))}.modal-surface__scrim[data-dragging]{transition:none}.modal-surface__scrim[data-exiting]{animation-name:m-scrim-out;animation-duration:var(--m-sheet-exit-ms,.28s);animation-timing-function:var(--easing);animation-fill-mode:forwards}@keyframes m-scrim-in{0%{background-color:#0000}}@keyframes m-scrim-out{to{background-color:#0000}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.modal-surface__scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation-name:m-scrim-in-glass}.modal-surface__scrim[data-nested]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-surface__scrim[data-exiting]{animation-name:m-scrim-out-glass}@keyframes m-scrim-in-glass{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}@keyframes m-scrim-out-glass{to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}}}.modal-surface__frame{z-index:calc(var(--z-modal) + 1);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-surface__card{border:var(--border-light);background:var(--glass-bg-96);width:min(420px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-2);border-radius:18px;overflow-y:auto}