/* Feedback only: never block a click or delay navigation. */
#pk-page-loader{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:rgba(0,0,0,.3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s .18s}
#pk-page-loader>span{width:32px;height:32px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%}
html.pk-page-loading #pk-page-loader{opacity:1;visibility:visible;transition:opacity .14s ease}
html.pk-page-loading #pk-page-loader>span{animation:pk-loading-spin .72s linear infinite}
.pk-image-frame{position:relative}
span.pk-image-frame{display:inline-block;max-width:100%;vertical-align:middle}
span.pk-image-frame>img{display:block;max-width:100%}
.pk-image-frame>img{transition:opacity .18s ease}
.pk-image-frame.pk-image-loading>img{opacity:0}
.pk-image-spinner{display:none;position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid rgba(0,0,0,.12);border-top-color:#000;border-radius:50%;pointer-events:none;z-index:2}
.pk-image-loading>.pk-image-spinner{display:block;animation:pk-loading-spin .72s linear infinite}
@keyframes pk-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#pk-page-loader,.pk-image-frame>img{transition:none}.pk-image-loading>.pk-image-spinner,html.pk-page-loading #pk-page-loader>span{animation:none}}