/* source: C76M54fY7z926wIQoWFh8Y / c76_group_47 / card_payment_error */
@font-face{font-family:"Manrope";src:url("../favorite-page/fonts/manrope/Manrope-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../favorite-page/fonts/manrope/Manrope-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../favorite-page/fonts/manrope/Manrope-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../favorite-page/fonts/manrope/Manrope-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
.card-error{font-family:"Manrope",Arial,sans-serif;background:#49415e;color:#673eda}
.card-error,.card-error *{box-sizing:border-box}
body:has(.card-error){margin:0;width:100%;min-width:320px;min-height:100%;background:#49415e}
.card-error button{font:inherit}
.card-error button:focus-visible{outline:3px solid #bcaaff;outline-offset:3px}
.card-error__copy h1:focus{outline:0}
.nebula-modal-open{overflow:hidden}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.card-error,.card-error__frame{width:100%;height:1062px;overflow:hidden}
.card-error__frame{position:relative;background:#fff url("../images/card-payment-error/scrim.svg") center/cover no-repeat}
.card-error__modal{position:absolute;left:50%;top:calc(50% + 13px);width:730px;height:768px;transform:translate(-50%,-50%);padding:20px 0 60px;border-radius:40px;background:#fff;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.card-error__toolbar{width:100%;height:40px;margin-bottom:-1px;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}
.card-error__close{width:40px;height:40px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,background .16s ease}.card-error__close:hover{background:rgba(160,126,255,.1);transform:rotate(-3deg)}.card-error__close:active{transform:scale(.96)}
.card-error__close img{display:block;width:28px;height:28px;transform:rotate(-45deg)}
.card-error__body{width:100%;padding:0 40px;display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}
.card-error__head{width:100%;display:flex;flex-direction:column;align-items:center;gap:38px}
.card-error__ring{position:relative;width:200px;height:200px;flex:0 0 auto}
.card-error__ring img{position:absolute;inset:0;display:block;width:200px;height:200px}
.card-error__ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a07eff;font-size:100px;line-height:100px;letter-spacing:-6px;font-weight:700;transform:translateY(-4px)}
.card-error__copy{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}
.card-error__copy h1{width:100%;margin:0;color:#673eda;font-size:30px;line-height:46px;letter-spacing:-.3px;font-weight:600}
.card-error__message{width:400px;display:flex;flex-direction:column;align-items:center}
.card-error__message p{margin:0}
.card-error__message>p:first-child{width:100%;color:#313131;font-size:22px;line-height:46px;letter-spacing:-.22px;font-weight:600}
.card-error__message>p:last-child{width:100%;color:#868686;font-size:14px;line-height:22px;letter-spacing:-.42px;font-weight:500}
.card-error__message a{color:#a07eff;text-decoration:underline;text-underline-offset:1px;cursor:pointer}
.card-error__message a:focus-visible{outline:3px solid #bcaaff;outline-offset:2px}
.card-error__support-break{display:none}
.card-error__actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}
.card-error__method,.card-error__primary{width:300px;border:0;border-radius:13px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.card-error__method:hover,.card-error__primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(103,62,218,.22)}.card-error__method:active,.card-error__primary:active{transform:translateY(0);filter:brightness(.97)}.card-error__method[aria-disabled="true"],.card-error__primary[aria-disabled="true"]{cursor:wait;opacity:.65;transform:none;box-shadow:none}
.card-error__method{height:70px;padding:0;background:#000;color:#fff}
.card-error__apple img{display:block;width:300px;height:70px}
.card-error__card{padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:10px}
.card-error__brand,.card-error__masked{display:flex;align-items:center;gap:10px}
.card-error__brand img{display:block;width:49.72px;height:29px;object-fit:contain;flex-shrink:0}
.card-error__brand i{display:block;width:1px;height:29px;background:#fff}
.card-error__masked{font-size:22px;line-height:22px;letter-spacing:-.22px;font-weight:500;white-space:nowrap}
.card-error__masked img{display:block;width:29px;height:23px;object-fit:contain;flex-shrink:0}
.card-error__primary{height:60px;padding:20px 30px;background:#673eda;color:#fff;font-size:20px;line-height:18px;font-weight:500}

@media(max-width:992px) and (min-width:769px){.card-error__modal{width:770px}}
@media(max-width:768px) and (min-width:577px){.card-error__modal{width:690px}}
@media(max-width:576px){
  .card-error__modal{top:30px;width:510px;height:715px;transform:translateX(-50%);padding:10px 0 40px;border-radius:30px}
  .card-error__toolbar{margin-bottom:-1px;padding:0 10px}
  .card-error__body{padding:0 20px;gap:40px}
  .card-error__head{gap:20px}
  .card-error__ring{width:150px;height:150px}
  .card-error__ring img{width:150px;height:150px}
  .card-error__ring span{font-size:80px;line-height:80px;letter-spacing:-4.8px;transform:translateY(-2px)}
  .card-error__copy{gap:18px}
  .card-error__copy h1{max-width:400px;font-size:30px;line-height:40px;letter-spacing:-.3px}
  .card-error__message{width:400px}
  .card-error__message>p:first-child{line-height:22px}
  .card-error__message>p:last-child{margin-top:12px}
}
@media(max-width:320px){
body:has(.card-error){min-width:320px}
  .card-error__modal{top:20px;width:290px;height:714px;padding:10px 0 50px}
  .card-error__body{padding:0 40px;gap:40px}
  .card-error__copy h1{width:210px;font-size:26px;line-height:32px;letter-spacing:-.26px}
  .card-error__message{width:210px}
  .card-error__message>p:last-child{width:200px;font-size:14px;line-height:22px}
  .card-error__support-break{display:initial}
  .card-error__method,.card-error__primary{width:210px;height:50px}
  .card-error__apple img{width:210px;height:49px}
  .card-error__card{padding:15px 20px;gap:10px}
  .card-error__brand img{width:33.8px;height:20.8px}
  .card-error__brand i{height:29px}
  .card-error__masked{font-size:16px;line-height:22px;letter-spacing:-.16px;gap:10px}
  .card-error__masked img{width:20px;height:15px}
  .card-error__primary{padding:15px 12px;font-size:16px;line-height:18px}
}
