.notice{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);padding:.78125vw 1.0416666667vw .7291666667vw .8333333333vw;align-items:center;justify-content:center;border-radius:10px;background:#000;flex-shrink:0;display:none;z-index:10}.notice svg{width:1.25vw;height:auto;display:block}.notice p{color:#fff;font-weight:400;margin-left:.3125vw}.notice.show{display:flex}.notice.success{display:flex}.notice.success svg{display:none}.notice.success p{margin-left:0}.dialog{position:fixed;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.8);z-index:100;align-items:center;justify-content:center;display:none}.dialog .content{width:57.2916666667vw;position:relative;background:#000}.dialog .content .close{position:absolute;right:1.0416666667vw;top:1.0416666667vw;cursor:pointer;z-index:10}.dialog .content .close svg{width:1.25vw;height:fit-content}.dialog .content video{width:100%;max-height:60vh;object-fit:cover}.dialog.on{display:flex}@media screen and (max-width: 768px){.notice{padding:12px 20px;width:fit-content}.notice svg{width:16px}.notice p{margin-left:3px;font-size:13px;white-space:nowrap}.dialog .content{width:90%}.dialog .content .close{right:10px;top:10px}.dialog .content .close svg{width:24px}.dialog .content video{width:100%;max-height:40vh}}