html,body,div,span,h1,h2,h3,h4,h5,p,a,img,strong,ol,ul,li,form,button,input,label{margin:0;padding:0;border:0}*,::after,::before{box-sizing:border-box}a,button,div,input,select,textarea,:focus,:active{outline:none}h1,h2,h3{font-weight:normal}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{background-color:#fff}textarea{display:block;resize:none;border:none;overflow-y:hidden}ol,ul{list-style:none}img{display:block}a{text-decoration:none}.icon-stack{display:inline-block;flex-shrink:0;background-size:cover;background-position:50%}.button_call{width:72px;height:72px;background-image:url("../img/sprite-stack.svg?place-for-version#button_call")}.button_reset{width:72px;height:72px;background-image:url("../img/sprite-stack.svg?place-for-version#button_reset")}.dot_online{width:8px;height:8px;background-image:url("../img/sprite-stack.svg?place-for-version#dot_online")}html,body,.wrapper{width:100%;min-height:100vh}.wrapper{max-width:390px;margin-inline:auto;padding:23px 23px 60px}body{font-weight:normal;font-family:"Inter-Bold",sans-serif;font-size:16px;line-height:1.375;color:#fff;background:linear-gradient(270deg, #adf7ff 0%, #d19fff 50%, #ff8aef 100%)}.logo{width:162px;height:64px;margin:0 auto 25px}.cards{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-gap:11px}.card{position:relative}.card img{width:100%;height:auto;-webkit-clip-path:inset(0 round 10px);clip-path:inset(0 round 10px)}.online-row{width:56px;height:18px;display:flex;align-items:center;font-family:"Inter-Regular",sans-serif;font-size:12px;letter-spacing:-0.289px;position:absolute;left:5px;top:5px;padding-left:4px;background:url("../img/sprite-stack.svg?place-for-version#shadow_top") no-repeat 50%/cover}.online-row .dot_online{margin-right:4px}.bottom-box{width:100%;height:95px;display:flex;position:absolute;left:0;bottom:0;padding:0 12px 12px 10px;border-radius:0px 0px 10px 10px;background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.7) 100%)}.bottom-box .bottom-row{width:100%;display:flex;align-items:center;justify-content:space-between;align-self:flex-end;letter-spacing:-0.39px}.bottom-box .button_call{width:36px;height:36px}.popup{position:fixed;inset:0;background:#000}.popup .content{width:100vw;height:100vh;position:relative}.popup .footer{width:80%;position:absolute;left:50%;bottom:90px;transform:translateX(-50%);height:auto}.content-video video{width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover}.content-video .mask{position:absolute;inset:0;background:rgba(0,0,0,0.5)}.girl-name{font-size:28px;position:absolute;top:163px;left:50%;transform:translateX(-50%)}.invite{font-family:"Inter-Regular",sans-serif;font-size:24px;line-height:1.2;letter-spacing:-0.482px;color:#1efbff;text-align:center;margin-bottom:40px}.button-row{width:100%;display:flex;justify-content:space-between}.button-row .button_call{position:relative;z-index:10}.answer{width:72px;height:72px;position:relative;z-index:9;-webkit-animation:shake 1s infinite;animation:shake 1s infinite}.answer::before{width:100%;height:100%;content:'';position:absolute;left:0;top:0;transform:scale(1);background-color:#00E27B;opacity:0.6;border-radius:90px;-webkit-animation:ripple 1.6s linear;animation:ripple 1.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;pointer-events:none}@-webkit-keyframes ripple{to{transform:scale(1.6);opacity:0}}@keyframes ripple{to{transform:scale(1.6);opacity:0}}@-webkit-keyframes shake{0%,
	100%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(-10deg)}}@keyframes shake{0%,
	100%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(-10deg)}}