.modal{z-index:10;padding:var(--spacing-20);background:var(--overlay-dimmer);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__dialog{--modal-width:640px;--modal-height:680px;--modal-header-height:72px;--modal-header-padding:0 var(--spacing-24);--modal-header-line:1px solid var(--line-normal);--modal-body-flex:1;--modal-body-padding:var(--spacing-24);width:100%;max-width:var(--modal-width);height:var(--modal-height);border-radius:var(--radius-16);background:var(--background-elevated);max-height:100%;box-shadow:var(--shadow-medium);flex-direction:column;display:flex;overflow:hidden}.modal__dialog[data-size=md]{--modal-width:560px;--modal-height:auto;--modal-header-height:auto;--modal-header-padding:32px 32px 0;--modal-header-line:0;--modal-body-flex:0 1 auto;--modal-body-padding:var(--spacing-24) 32px 32px}.modal__header{justify-content:space-between;align-items:center;gap:var(--spacing-12);height:var(--modal-header-height);padding:var(--modal-header-padding);border-bottom:var(--modal-header-line);flex:none;display:flex}.modal__title{color:var(--label-strong);margin:0}.modal__close{border-radius:var(--radius-8);color:var(--label-strong);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:5px;display:flex}.modal__close:hover{background:var(--background-alternative)}.modal__close:focus-visible{outline:2px solid var(--primary-normal);outline-offset:2px}.modal__body{flex:var(--modal-body-flex);padding:var(--modal-body-padding);overflow-y:auto}.modal__grab{display:none}@media (max-width:767px){.modal{align-items:flex-end;padding:0}.modal__dialog{--modal-body-padding:var(--spacing-16) var(--page-inset) var(--sheet-safe-bottom);border-radius:var(--radius-20) var(--radius-20) 0 0;max-width:none;animation:.2s ease-out modal-sheet-in}.modal__dialog[data-size=md]{--modal-header-padding:var(--spacing-8) var(--page-inset) 0;--modal-body-padding:var(--spacing-20) var(--page-inset) var(--sheet-safe-bottom);max-height:calc(100dvh - var(--spacing-24))}.modal__dialog[data-size=md] .modal__grab{padding:var(--spacing-8) 0 var(--spacing-4);touch-action:none;cursor:grab;flex:none;justify-content:center;display:flex}.modal__dialog[data-size=md] .modal__header{touch-action:none}.modal__grabber{border-radius:var(--radius-full);background:var(--line-normal);width:40px;height:4px}.modal__dialog[data-size=lg]{--modal-header-padding:0 var(--spacing-8) 0 var(--page-inset);--modal-header-height:var(--bar-height);border-radius:0;height:100dvh;max-height:100dvh}.modal__header .modal__title{font:inherit;letter-spacing:inherit}.modal__close{width:var(--touch-target);height:var(--touch-target)}}@keyframes modal-sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.modal__dialog{animation:none}}