@charset "utf-8";

:root { --modal-top-margin-checkout-widget: 80px; --modal-height-3ds-checkout-widget: 800px; }

@media (max-width: 600px) {
  :root { --modal-top-margin-checkout-widget: 56px; }
}

.checkout-modal__overlay { z-index: 2147483647; background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: start; display: flex; position: fixed; inset: 0px; overflow-y: auto; }

.checkout-modal-overlay__hidden { background: 0px 0px; }

.checkout-modal__container { margin-top: var(--modal-top-margin-checkout-widget); width: 60%; max-height: calc(100vh - var(--modal-top-margin-checkout-widget)); box-sizing: border-box; cursor: default; max-width: 460px; position: relative; }

@media (max-width: 600px) {
  .checkout-modal__container { border-radius: 0px; width: 100%; max-height: none; margin-top: 0px; padding: 0px; }
}

.checkout-modal-theme__3ds .checkout-modal__container { height: calc(100% - var(--modal-top-margin-checkout-widget)); max-height: var(--modal-height-3ds-checkout-widget); }

.checkout-modal-theme__3ds .checkout-modal__content { background-color: rgb(255, 255, 255); border-radius: 12px; height: 100%; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 12px; }

@media (max-width: 600px) {
  .checkout-modal-theme__3ds .checkout-modal__container { height: 100%; max-height: none; }
  .checkout-modal-theme__3ds .checkout-modal__content { height: calc(100% - var(--modal-top-margin-checkout-widget)); }
}

.checkout-modal__content { box-sizing: border-box; cursor: default; overflow-y: auto; }

.checkout-modal-theme__widget .checkout-modal__content { box-shadow: none; background: 0px 0px; }

@media (max-width: 600px) {
  .checkout-modal__content { margin-top: var(--modal-top-margin-checkout-widget); }
}

.checkout-modal__header { justify-content: flex-end; align-items: center; display: flex; }

.checkout-modal__close { cursor: pointer; width: 28px; height: 28px; box-shadow: none; background: 0px 0px; border: 0px; outline: none; padding: 0px; position: absolute; top: 0px; right: -36px; }

@media (max-width: 600px) {
  .checkout-modal__close { top: 21px; right: 8px; }
}

.checkout-modal__close::before { content: "✕"; color: rgb(130, 130, 130); font-size: 25px; font-weight: 700; }

@keyframes mmfade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes mmfade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes mmslide-in { 
  0% { transform: translateY(15%); }
  100% { transform: translateY(0px); }
}

@keyframes mmslide-out { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-10%); }
}

.checkout-modal.micromodal-slide { display: none; }

.checkout-modal.micromodal-slide.is-open { display: block; }

.checkout-modal.micromodal-slide[aria-hidden="false"] .checkout-modal__overlay { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running mmfade-in; }

.checkout-modal.micromodal-slide[aria-hidden="false"] .checkout-modal__container { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running mmslide-in; }

.checkout-modal.micromodal-slide[aria-hidden="true"] .checkout-modal__overlay { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running mmfade-out; }

.checkout-modal.micromodal-slide[aria-hidden="true"] .checkout-modal__container { animation: 0.3s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running mmslide-out; }

.checkout-modal.micromodal-slide .checkout-modal__container, .checkout-modal.micromodal-slide .checkout-modal__overlay { will-change: transform; }