@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes skeleton-shimmer{0%{background-position:-40% 0}to{background-position:-240% 0}}@keyframes skeleton-shimmer{0%{background-position:-40% 0}to{background-position:-240% 0}}.pwa-hint{display:flex;flex-direction:column;width:100%;margin:0 auto;padding-top:calc(var(--safe-area-inset-top));padding-bottom:calc(var(--safe-area-inset-bottom))}.pwa-hint__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;border-bottom:1px solid #2d344f;background:#25263a}.pwa-hint__header-title{display:flex;align-items:center;color:#fff;font-weight:700;font-size:14px;line-height:1}.pwa-hint__header-title img{display:block;width:18px;height:auto;margin-right:10px;margin-bottom:4px}.pwa-hint__header-link{display:flex;align-items:center;padding:8px 10px 6px;color:#8e91ab;font-size:12px;line-height:1;border-radius:4px;background:#3e415a}.pwa-hint__header-link img{display:block;width:7px;height:auto;margin-bottom:1px;margin-right:6px;transform:rotate(180deg);opacity:.4}.pwa-hint__header-link:active,.pwa-hint__header-link:hover{background:#03a9f4;color:#fff}.pwa-hint__header-link:active img,.pwa-hint__header-link:hover img{opacity:1}.pwa-hint__body{padding:0 15px;display:flex;flex-direction:column}.pwa-hint__body-step{position:relative;margin-top:25px;padding-left:30px}.pwa-hint__body-step:before{position:absolute;content:attr(data-step);top:0;left:0;margin-top:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#fff;font-size:12px;line-height:1;font-weight:700;background:#03a9f4;border-radius:4px}.pwa-hint__body-step-title{display:flex;align-items:center;margin-bottom:5px;font-weight:500;font-size:15px;color:#c3c5da;min-height:24px}.pwa-hint__body-step-title-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;background:#3e4159;border-radius:4px}.pwa-hint__body-step-title-icon img{display:block;width:14px;height:14px}.pwa-hint__body-step-title strong{color:#fff}.pwa-hint__body-step-text{color:#7c7f9e;font-size:14px;line-height:20px}.pwa-hint__body-step-text strong{color:#b0b3d4}.pwa-hint__body-example{position:relative;width:100%;padding-top:100%;background:#3e4158;border-radius:10px;overflow:hidden}.pwa-hint__body-example-wrapper{width:100%;max-width:400px;margin-top:25px;margin-bottom:80px}.pwa-hint__body-example>img{position:absolute;top:0;left:0;display:block;width:100%;height:100%}