.msg{display:none;position:fixed;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:400;backdrop-filter:blur(10px)}.msg .content{display:block;padding:32px;border-radius:2px;box-shadow:0 0 12px 0 rgba(0,0,0,0.08);background-color:#fff;width:400px;box-sizing:border-box}@media screen and (max-width: 1023px){.msg .content{padding:24px;width:calc(100% - 48px);max-width:400px}}.msg .content .icon{margin-bottom:24px}.msg .content .title{font-size:1.28571rem;font-weight:bold;line-height:1.56;letter-spacing:0.8px;color:#333;margin-bottom:12px}.msg .content .description{font-size:1.14286rem;font-weight:500;line-height:1.5;letter-spacing:0.8px;color:#333;margin-bottom:24px}.msg .content .description .bold{font-weight:bold}.msg .content .check{display:flex;font-size:1rem;font-weight:500;line-height:1.57;letter-spacing:0.8px;color:#333;margin-bottom:24px;margin-top:-8px}.msg .content .check>.checkmark{height:24px;width:24px;margin-right:8px}.msg .content .check>.checkmark .active,.msg .content .check>.checkmark .error{display:none}.msg .content .check>input{display:none}.msg .content .check>input:checked ~ .checkmark .active{display:block}.msg .content .check>input:checked ~ .checkmark .not-active,.msg .content .check>input:checked ~ .checkmark .error{display:none}.msg .content .action-button{display:inline-flex;align-items:center;max-width:50%;padding:9px 24px;box-sizing:border-box;border-radius:4px;border:1px solid #333;font-size:1rem;font-weight:500;line-height:1.57;letter-spacing:0.8px;color:#333;cursor:pointer}@media (hover: hover){.msg .content .action-button:hover,.msg .content .action-button:active{background-color:#333;color:white}}@media screen and (max-width: 1023px){.msg .content .action-button{width:100%;justify-content:center}}.msg .content>div:nth-child(2).action-button{margin-top:12px}.msg .content .link{font-size:1rem;max-width:50%;font-weight:500;line-height:1.57;letter-spacing:0.8px;color:#666;text-decoration:underline;cursor:pointer}@media (hover: hover){.msg .content .link:hover,.msg .content .link:active{color:#333}}@media screen and (max-width: 1023px){.msg .content .link{width:100%}}.msg .content .bottom{display:flex;align-items:center}@media screen and (max-width: 1023px){.msg .content .bottom{flex-wrap:wrap}}.msg .content .bottom .link{margin-left:24px}@media screen and (max-width: 1023px){.msg .content .bottom .link{width:100%;text-align:center;margin-left:0;margin-top:16px}}
