@keyframes pwakitrotating{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}dialog#pwakit{-webkit-appearance:none;-moz-appearance:none;display:inline-block;border:0;margin:0;position:fixed;left:3vw;bottom:3vw;max-width:calc(100vw - 48px - 6vw);border-radius:12px;box-shadow:0 0 24px 0 rgba(0,0,0,.1);padding:24px;font-family:sans-serif;color:#8c92ac;transition:padding .2s cubic-bezier(.175,.885,.32,1.275)}dialog#pwakit h5,dialog#pwakit h6{font-size:1rem;line-height:1rem;margin:0 0 .5em;text-align:center;color:#000}dialog#pwakit a,dialog#pwakit button{display:inline-block;width:100%;border:0;border-radius:48px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);font-size:1rem;font-weight:700;line-height:1em;text-align:center;color:#000}dialog#pwakit button{position:relative;padding:12px 24px;background:#f1f1f1}dialog#pwakit button *{pointer-events:none}dialog#pwakit a:hover,dialog#pwakit button:hover{cursor:pointer}dialog#pwakit button::before{content:"";display:inline-block;font-size:max(24px,1em);background-color:currentcolor;position:relative;width:max(24px,1em);height:max(24px,1em);margin-right:.25em;pointer-events:none;vertical-align:middle}dialog#pwakit button::after{font-size:max(24px,1em);position:absolute;border-radius:50%;right:0;top:0;transform:translate(25%,-25%);pointer-events:none}dialog#pwakit button.permissionController::before,dialog#pwakit button.permissionNotification::before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-lightning"><path d="M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9"></path><polyline points="13 11 9 17 15 17 11 23"></polyline></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:1em}dialog#pwakit button.permissionController[data-permission=activated],dialog#pwakit button.permissionController[data-permission=active]{background:green;color:#fff}dialog#pwakit button.permissionController[data-permission=activated]::after,dialog#pwakit button.permissionController[data-permission=active]::after{background-color:green;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>');background-repeat:no-repeat;background-position:center center;background-size:.65em}dialog#pwakit button.permissionController[data-permission=activating]::before,dialog#pwakit button.permissionController[data-permission=installing]::before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download-cloud"><polyline points="8 17 12 21 16 17"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"></path></svg>')}dialog#pwakit button.permissionController[data-permission=activating]::after,dialog#pwakit button.permissionController[data-permission=installing]::after{background-color:orange;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>');background-repeat:no-repeat;background-position:center center;background-size:.65em;animation:pwakitrotating 5s infinite linear}dialog#pwakit button.permissionController[data-permission=installed]::before,dialog#pwakit button.permissionController[data-permission=waiting]::before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download-cloud"><polyline points="8 17 12 21 16 17"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"></path></svg>')}dialog#pwakit button.permissionController[data-permission=installed]::after,dialog#pwakit button.permissionController[data-permission=waiting]::after{background-color:orange;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>');background-repeat:no-repeat;background-position:center center;background-size:.65em;animation:pwakitrotating 5s infinite linear}dialog#pwakit button.permissionNotification::before,dialog#pwakit button::after{content:"";display:inline-block;width:max(24px,1em);height:max(24px,1em);background-color:currentcolor}dialog#pwakit button.permissionNotification::before{vertical-align:middle;margin-right:.25em;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>')}dialog#pwakit button.permissionNotification::after{display:none}dialog#pwakit button.permissionNotification[data-permission=granted]{background-color:#000;color:#fff}dialog#pwakit button.permissionNotification[data-permission=granted]::before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>')}dialog#pwakit button.permissionNotification[data-permission=denied]{background-color:red;color:#fff}dialog#pwakit button.permissionNotification[data-permission=denied]::before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>')}dialog#pwakit button.permissionGeolocation::before{content:"";display:inline-block;vertical-align:middle;width:max(24px,1em);height:max(24px,1em);margin-right:.25em;background-color:currentcolor;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:1em}dialog#pwakit button.permissionGeolocation::after{display:none}dialog#pwakit button.permissionGeolocation[data-permission=granted]{background-color:#000;color:#fff}dialog#pwakit button.permissionGeolocation[data-permission=granted]::before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>')}dialog#pwakit button.permissionGeolocation[data-permission=denied]{background-color:red;color:#fff}dialog#pwakit button.permissionGeolocation[data-permission=denied]::before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>')}dialog#pwakit button.permissionToggle{background-color:transparent;color:inherit;box-shadow:none}dialog#pwakit a.permissionRefresh::before,dialog#pwakit button.permissionToggle::before{content:"";display:inline-block;vertical-align:middle;width:max(24px,1em);height:max(24px,1em);margin-right:.25em;background-color:currentcolor;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:1em}dialog#pwakit button.permissionToggle::before{transform:rotate(180deg);-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg>')}dialog#pwakit a{padding:12px 0;background:#fff;text-decoration:none}dialog#pwakit a::before{font-size:max(24px,1em)}dialog#pwakit a.permissionRefresh::before{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>')}dialog#pwakit a.permissionRefresh::after,dialog#pwakit button.permissionToggle::after,dialog#pwakit[open=compact] h5,dialog#pwakit[open=compact] h6,dialog#pwakit[open=compact] small{display:none}dialog#pwakit small{display:block;font-size:.8rem;line-height:1em;opacity:.8;text-align:center;padding:.5em 1em 1.5em;max-width:320px}dialog#pwakit[open=compact]{padding:12px;white-space:nowrap}dialog#pwakit[open=compact] a{font-size:0;width:48px;padding:12px 0}dialog#pwakit[open=compact] a::before,dialog#pwakit[open=compact] button::before{margin:0}dialog#pwakit[open=compact] button{font-size:0;width:48px;padding:12px}dialog#pwakit[open=compact] button.permissionToggle::before{transform:rotate(0deg)}@media only screen and (max-width:600px){dialog#pwakit{left:50%;transform:translateX(-50%);bottom:6vw}}@media (prefers-color-scheme:dark){dialog#pwakit h5,dialog#pwakit h6{color:#fff}dialog#pwakit,dialog#pwakit a{color:#fff;background-color:#000}dialog#pwakit a,dialog#pwakit button{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}}