.inactivity-overlay-root{display:flex;justify-content:center;align-items:center}
.inactivity-overlay-root.publish{position:fixed;top:0;bottom:0;left:0;right:0;padding:20px;background-color:rgba(0,0,0,0.5);z-index:10000000000000000}
.inactivity-overlay-header{flex:1;display:flex;flex-direction:row;justify-content:flex-end;padding:16px;border-bottom:1px #f2f2f2 solid}
.inactivity-overlay-action{width:32px;height:32px}
.inactivity-overlay-action:hover{cursor:pointer}
.inactivity-overlay-container{width:100%;max-width:832px;border-radius:6px;background-color:#fff;overflow:hidden}
.inactivity-overlay-container.editor{border:1px #000 solid}
.inactivity-overlay-container .inactivityOverlayVBU{padding:16px}
.inactivity-overlay-container .inactivityOverlayVBU .buttonsParent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-top:24px}
.inactivity-overlay-container .inactivityOverlayVBU .buttonsParent .button{width:100%;margin:0}
.inactivity-overlay-container .inactivityOverlayVBU .buttonsParent .button--copy{border:2px solid #0d0d0d;color:#0d0d0d;background:white}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .promo-label{font-family:VodafoneRegular;font-weight:700;font-size:16px;line-height:20px;letter-spacing:0;text-align:center;font-weight:bold;color:#006778}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .promo-code-button{background-color:#e5f0f2;border:0;border-radius:20px;padding:8px 20px;display:flex;align-items:center;font-size:18px;line-height:28px;color:#006778;transition:background-color .2s;gap:8px}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .promo-code-button:hover{background-color:#d8ebee}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .promo-code-button:focus{outline:0}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .promo-code-button.applied{background:#e5f3e5;color:#014c01}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .icon-alert-enter-active{animation:alert-pop .4s ease-out}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .icon-alert-enter-from{opacity:0}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .icon-alert-enter-to{opacity:1}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .icon-alert-leave-active{transition:opacity .2s ease}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .icon-alert-leave-from{opacity:1}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .icon-alert-leave-to{opacity:0}
.inactivityOverlayComp .successPromoCode{background:white;border-radius:6px;border-left:8px solid #008a00;padding:20px 32px;font-size:20px;line-height:28px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}
.inactivityOverlayComp .successPromoCode .promoCodeText{border-radius:384px;padding:8px 16px;background:#e5f0f2;color:#00697c}
@media only screen and (min-width:640px){.inactivity-overlay-container .inactivityOverlayVBU{padding:24px}
.inactivity-overlay-container .inactivityOverlayVBU .buttonsParent{flex-direction:row;gap:16px}
.inactivity-overlay-container .inactivityOverlayVBU .buttonsParent .button{width:auto}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .promo-label{font-size:18px;line-height:26px}
.inactivity-overlay-container .inactivityOverlayVBU .promoCodeInfoParent .promo-code-button{font-size:20px;line-height:28px}
}
@keyframes alert-pop{0{transform:scale(1)}
30%{transform:scale(1.25)}
60%{transform:scale(0.95)}
100%{transform:scale(1)}
}