#ordergrooveCheckoutModal.active{display:block}
#ordergrooveCheckoutModal{display:none;position:fixed;top:50%;left:50%;max-width:100%;margin:0;padding:20px 0 10px;transform:translate(-50%,-50%);border:0;box-shadow:2px 0 10px rgba(54,54,54,.2),-2px 0 10px rgba(54,54,54,.2);background-color:var(--color-font-white);z-index:3;max-height:100vh;overflow-y:auto;width:480px!important;padding-bottom:20px!important}
.ogmodal__signin{display:block}
.ogmodal__container{padding-left:20px;padding-right:20px}
.ogmodal__container+.ogmodal__container{margin-top:10px;padding-top:10px;border-top:1px solid #ddd}
#ordergrooveCheckoutModal+.backdrop{position:fixed;top:0;left:0;height:100%;width:100%}
.ogmodal__container img{max-width:100px}
.ogmodal__container .close-btn{position:absolute;right:12px;top:20px;z-index:99}
.ogmodal__container h3{margin-bottom:5px}
#ordergrooveCheckoutModal+.backdrop,#ordergrooveCheckoutModal::backdrop{background-color:var(--color-og-background)}
#ordergrooveCheckoutModal .ogmodal__menu{padding:0;text-align:center}
#ordergrooveCheckoutModal .ogmodal__container form{position:relative}
.SubscriptionText{text-align:center;padding:15px}
#ordergrooveCheckoutModal .ogmodal__container .ogmodal__signin .Form__Item{display:flex;flex-direction:column-reverse}
#ordergrooveCheckoutModal form .Form__Submit{background:var(--color-font-black);color:var(--color-font-white);border:1px solid var(--color-font-black);box-shadow:none;padding:6px 15px;border-radius:5px;display:block;max-width:300px;margin:auto}
.create_account_wrapper{text-align:center}
.create_account_wrapper h5{margin-bottom:10px}
.create_account_wrapper a{margin-bottom:10px}
@media screen and (min-width:768px) and (max-width:1023px){
#ordergrooveCheckoutModal{z-index:9999!important}
}