.modal__overlay{background-color:var(--bg-modal-box-500);z-index:var(--z-index-modal);padding:0;position:fixed;inset:0}@media (min-width:768px){.modal__overlay{padding:var(--spacing-md)}}.modal__container{background-color:var(--bg-page);box-shadow:var(--shadow-elevated);border-radius:0;border-radius:var(--radius-lg);width:90%;max-width:100%;max-height:100vh;overflow:hidden}@media (min-width:768px){.modal__container{width:100%;max-width:500px;max-height:90vh}.modal__container--small{max-width:400px}.modal__container--medium{max-width:600px}.modal__container--large{max-width:800px}.modal__container--full{max-width:95vw;max-height:95vh}}.modal__header{padding:var(--spacing-md)}@media (min-width:768px){.modal__header{padding:var(--spacing-lg)}}.modal__title{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);font-weight:var(--font-weight-regular);color:var(--color-text-primary);margin:0}.modal__close{cursor:pointer;background:0 0;border:none}.modal__close:hover{color:var(--color-text-primary)}.modal__body{padding:var(--spacing-md);flex:1;overflow-y:auto}@media (min-width:768px){.modal__body{padding:var(--spacing-lg)}}.modal__footer{padding:var(--spacing-md);justify-content:flex-end}@media (min-width:768px){.modal__footer{padding:var(--spacing-lg)}}.modal__footer--center{justify-content:center}.modal__footer--start{justify-content:flex-start}.modal__footer--between{justify-content:space-between}