.modal-overlay{position:fixed;z-index:1000;display:flex;align-items:baseline;justify-content:center;padding:24px;background-color:rgba(0,0,0,.5);inset:0;opacity:0;overflow-y:auto;transition:opacity .3s ease-in-out}.modal-overlay.--visible{opacity:1}.modal-overlay.--visible .modal-card{opacity:1;transform:translateY(0);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.modal-overlay.--hidden{opacity:0}.modal-overlay.--hidden .modal-card{opacity:0;transform:translateY(-20px)}.modal-promotion{display:flex;flex-direction:column}.modal-promotion .paragraph,.modal-promotion .subtitle{width:100%}.modal-promotion__close-button{margin-left:auto;background-color:transparent;cursor:pointer}.modal-promotion__image{width:100%;max-width:100%;height:auto;max-height:100%;object-fit:cover}.modal-promotion.--center{align-items:center}.modal-promotion.--left{align-items:flex-start}.modal-promotion.--right{align-items:flex-end}.modal-card{display:flex;width:100%;max-width:588px;height:auto;flex-flow:column nowrap;border-radius:24px;margin:auto;background-color:#fff;opacity:0;transform:translateY(-20px);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.modal-card::-webkit-scrollbar{display:none}.modal-card__header{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 24px;border-bottom:1px solid #d3d3d3}.modal-card__header h4{padding-right:20px}.modal-card__close-button{position:absolute;top:50%;right:20px;display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;transform:translateY(-50%)}.modal-card__content{padding:24px}