.base-modal {display: none;align-items: center;justify-content: center;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background-color: rgba(0, 0, 0, 0.5);transition: opacity 0.3s ease;opacity: 0;}.active {display: flex;opacity: 1;}.base-modal.active {display: flex;opacity: 1;}.base-modal-container {width: 759px;min-width: 320px;max-width: 759px;flex-direction: column;align-items: flex-start;background: #FFF;border-radius: 8px;animation: slideDown 0.3s ease;position: relative;overflow-y: auto;max-height: 100vh;-webkit-overflow-scrolling: touch;}.base-modal-close-button-container {display: flex;justify-content: flex-end;align-items: center;padding-left: 16px;padding-right: 16px;height: 64px;background: #FFF;position: sticky;top: 0;}.base-modal-close-button {display: flex;width: 36px;height: 36px;flex-direction: column;justify-content: center;align-items: center;border-radius: 56px;background: #DDE1E0;cursor: pointer;}