@font-face{font-family:Manrope;src:url('../favorite-page/fonts/manrope/Manrope-400.ttf')}
@font-face{font-family:Manrope;src:url('../favorite-page/fonts/manrope/Manrope-600.ttf');font-weight:600}
.offline,.offline *{box-sizing:border-box}
body:has(.offline:not([hidden])){margin:0;font-family:Manrope,Arial;color:#313131}
.offline[hidden]{display:none}
.offline{position:fixed;inset:0;z-index:2147483000;width:100vw;height:100dvh;overflow:auto;display:grid;place-items:center;background:#504963 url('../images/card-payment-error/scrim.svg') center/cover}
.offline__modal{position:relative;width:730px;min-height:352px;padding:72px 54px 48px;border-radius:40px;background:#fff;text-align:center}
.offline__close{position:absolute;right:22px;top:20px;border:0;background:transparent;padding:0}.offline__close img{display:block;width:28px;height:28px;transform:rotate(-45deg)}
.offline__content h1{margin:0;color:#673eda;font-size:36px;line-height:44px;font-weight:600}
.offline__content>
p{max-width:500px;margin:18px auto 37px;color:#a2a2a2;font-size:18px;line-height:27px}
.offline__actions{display:flex;gap:20px}
.offline__actions button{height:61px;flex:1;border:1px solid #673eda;border-radius:13px;background:#fff;color:#673eda;font:500 20px Manrope}
.offline__actions button:first-child{background:#673eda;color:#fff}
.offline__link{margin-top:8px;border:0;background:transparent;color:#a07eff;font:500 16px/33px Manrope}
.offline button:focus-visible{outline:3px solid #bcaaff;outline-offset:3px}.offline button{transition:filter .16s ease,transform .16s ease}.offline button:hover:not(:disabled){filter:brightness(.98)}.offline button:active:not(:disabled){transform:translateY(1px)}
@media(max-width:768px){.offline__modal{width:510px;min-height:410px;padding:70px 40px 46px;border-radius:30px}
.offline__content h1{font-size:30px;line-height:36px}
.offline__actions{flex-direction:column;gap:10px}
}
@media(max-width:400px){.offline{height:1062px;place-items:start center}
.offline__modal{width:290px;min-height:462px;margin-top:41px;padding:51px 19px 40px;border-radius:30px}
.offline__close{right:15px;top:20px;font-size:36px}
.offline__content h1{font-size:27px;line-height:32px}
.offline__content>
p{margin:21px auto 37px;font-size:16px;line-height:24px}
.offline__actions button{height:50px;min-height:50px;padding:0;font-size:16px;line-height:48px}
.offline__link{margin-top:11px;font-size:16px;line-height:24px}
}