.base-checkout-modal{position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s ease-in-out}.base-checkout-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,45.5%,.5019607843137255)}.base-checkout-modal__body{display:flex;overflow:auto;flex-direction:column;position:relative;width:100%;max-width:var(--modal-max-width);max-height:calc(100% - var(--space-xl)*2);box-shadow:0 4px 12px 0 rgba(0,0,0,.12156862745098039);border-radius:var(--border-radius-xxl);padding:var(--space-l) var(--space-l) var(--space-xl);background-color:#fff;transition:transform .2s ease-in-out}@media (max-width:500px){.base-checkout-modal__body{border-radius:0;max-width:none;max-height:none;height:100%;padding:var(--space-m) var(--space-m) var(--space-xl)}}.base-checkout-modal__title{display:flex;gap:var(--space-xs)}@media (max-width:500px){.base-checkout-modal__title{margin-bottom:var(--space-m)}}.base-checkout-modal__control{padding:var(--space-2xs);margin:calc(var(--space-2xs)*-1);transition:color .2s ease-in-out;color:var(--neutral-1-600)}.base-checkout-modal__back,.base-checkout-modal__control:hover{color:var(--color-typo-primary)}.base-checkout-modal__close{margin-left:auto}.base-checkout-modal-enter-from,.base-checkout-modal-leave-to{opacity:0}.base-checkout-modal-enter-from .base-checkout-modal__body,.base-checkout-modal-leave-to .base-checkout-modal__body{transform:translateY(48px)}