/*
// .customer-login-modal
*/
.customer-login-modal__panel {
    padding: 32px 32px 36px;
    display: none;
  }
  
  .customer-login-modal__panel--active {
    display: block;
  }
  
  .customer-login-modal__close {
    z-index: 2;
    position: absolute;
    padding: 16px;
    border: none;
    top: 0;
    border-radius: 0 2.5px 0 2.5px;
    background: transparent;
    fill: currentColor;
    -webkit-transition: background .2s,
   color .2s;
    transition: background .2s,
   color .2s;
    background-color: #fff;
    color: #ccc;
  }
  
  .customer-login-modal__close:hover {
    background-color: #f2f2f2;
    color: #4d4d4d;
  }
  
  .customer-login-modal__close:active {
    background-color: #ebebeb;
    color: #4d4d4d;
  }
  
  [dir=ltr] .customer-login-modal__close {
    right: 0;
  }
  
  [dir=rtl] .customer-login-modal__close {
    left: 0;
  }
  
  .customer-login-modal__close svg {
    display: block;
  }
  
  .customer-login-modal__close:active {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
  }
  
  .customer-login-modal__close:focus {
    outline: none;
  }
  
  .customer-login-modal__text {
    font-size: 15px;
    color: #6c757d;
    margin-bottom: 10px;
    margin-top: -10px;
  }
  
  .customer-login-modal__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 40px;
  }
  
  [dir=ltr] .customer-login-modal__actions > *:not(:last-child) {
    margin-right: 12px;
  }
  
  [dir=rtl] .customer-login-modal__actions > *:not(:last-child) {
    margin-left: 12px;
  }
  
  @media (max-width: 479px) {
    .customer-login-modal__panel {
      padding: 24px 24px 28px;
    }
    .customer-login-modal__actions {
      margin-top: 32px;
    }
  }
  
  @media (max-width: 399px) {
    .customer-login-modal__panel {
      padding: 20px 20px 24px;
    }
    .customer-login-modal__actions {
      margin-top: 28px;
    }
  }
  
  #order-checkout-overlay {
        position: fixed;;
        z-index: 2147483647;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        transform: translate3d(0, 0, 0);

        background-color: black;
        background-color: rgba(0, 0, 0, 0.8);
        background: radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0.8) 100%);

    }


    #order-checkout-overlay img {
        text-align: center;
        box-sizing: border-box;
        max-width: 150px;
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translateX(-50%) translateY(-50%);
    }
.explanation-icon{display:inline-flex;align-items:center;margin-left:.35rem;cursor:help;position:relative}
.explanation-icon img{width:16px;height:16px;display:block}
.explanation-icon::after{
  content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);
  background:#111;color:#fff;padding:8px 10px;border-radius:6px;font-size:12px;line-height:1.25;
  white-space:normal;max-width:260px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:1000
}
.explanation-icon::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);
  border:6px solid transparent;border-top-color:#111;opacity:0;transition:opacity .15s}
.explanation-icon:hover::after,.explanation-icon:focus::after{opacity:1;transform:translateX(-50%) translateY(-2px)}
.explanation-icon:hover::before,.explanation-icon:focus::before{opacity:1}