.user-tip{position:fixed;display:flex;align-items:center;justify-content:center;flex-direction:column;top:-50%;left:40%;width:350px;min-height:300px;padding:50px 25px 18px;box-shadow:0 20px 70px 0 rgba(0,0,0,.2);border:1px solid #e6e7e7;border-radius:0 0 10px 10px;background:hsl(from var(--vs-bg) h s l/1);z-index:10000;animation:animateDownIntoView .75s linear 1s;animation-fill-mode:forwards}.user-tip.no-image{padding:30px 25px 8px}.user-tip .tip-title{font-size:22px!important;font-weight:600!important;line-height:28px;margin:20px 0;text-align:center}.user-tip .tip-image{margin:0 0 20px}.user-tip .tip-description{font-size:14px!important;font-weight:400!important;color:var(--grey-darker);line-height:20px;margin:0 0 20px;text-align:center}.user-tip .tip-button-wrapper,.user-tip .tip-button-wrapper button{width:100%}@keyframes animateDownIntoView{0%{top:-50%}to{top:0}}@keyframes move{0%{left:-50%}to{left:150%}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes frame-highlight{0%{outline:2px solid pro-palette(primary,500);outline-offset:4px;scale:1.05}to{outline:2px solid transparent}}@keyframes size-highlight{0%{background:pro-palette(primary,500)}to{background:transparent}}@keyframes waves{0%{transform-origin:bottom;transform:scaleY(1) scaleX(1.2);filter:saturate(1.5)}to{transform-origin:bottom;transform:scaleY(.8) scaleX(1.3);opacity:.8}}