.p-spinner{align-items:flex-start;animation:p-spinner-spin 1s var(--pocky-ease-circ-in-out) infinite;display:flex;height:.75rem;justify-content:center;width:.75rem}.p-spinner:before{background-color:currentColor;border-radius:50%;content:"";display:block;height:.25rem;width:.25rem}.p-spinner[data-color=invert]:before{background-color:var(--pocky-color-ui-contrast-90)}@keyframes p-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.p-video{background:#000000;color:var(--pocky-color-gray-100);display:relative;padding-top:calc(100% / var(--ratio));position:relative;width:100%}.p-video[data-state=playing]{cursor:pointer}.p-video-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;cursor:pointer;display:inline-flex;outline:none;padding:0;align-items:center;color:var(--pocky-color-gray-100);display:flex;height:2.5rem;justify-content:center;position:relative;width:2.5rem}.p-video-btn:before{border:3px solid var(--pocky-color-ui-focus);border-radius:.5rem;box-sizing:border-box;left:-3px;filter:blur(.5rem);opacity:0;position:absolute;pointer-events:none;top:-3px;transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-moderate) var(--pocky-ease-linear);z-index:var(--pocky-layer-focus);height:calc(100% + 6px);width:calc(100% + 6px);content:"";display:block}.p-video-btn:focus-visible:before,.p-video-btn:focus-within:before{opacity:1;filter:blur(0);transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-quick) var(--pocky-ease-linear)}.p-video-btn--bigplay{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><path d='m84 50-51 29.4449v-58.8898z' fill='white'/></svg>");background-position:center center;background-repeat:no-repeat;background-size:2rem 2rem;border:1.5px solid white;border-radius:50%;cursor:pointer;display:block;height:2.5rem;left:50%;opacity:.625;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.5rem;z-index:var(--pocky-layer-nav)}.p-video-btn--bigplay:hover{opacity:1}.p-video[data-state=playing] .p-video-btn--bigplay{opacity:0;pointer-events:none}.p-video-btn--fs{width:2.5rem}.p-video-btn--playpause{width:3rem}.p-video-btn--settings .p-video-icon{transition:transform var(--pocky-timing-moderate) var(--pocky-ease-circ-in-out)}.p-video-btn--settings:hover .p-video-icon{transform:rotate(90deg)}.p-video-element{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.p-video-framecounter{opacity:0;transition:opacity var(--pocky-timing-slow) var(--pocky-ease-linear),visibility 0ms var(--pocky-timing-slow);visibility:hidden;color:#ffffffbf;font-size:.75rem;pointer-events:none;position:absolute;right:1rem;top:1rem;z-index:var(--pocky-layer-float)}.p-video[data-visible-fc=true] .p-video-framecounter{opacity:1;transition:opacity var(--pocky-timing-quick) var(--pocky-ease-linear);visibility:visible}.p-video-framecounter-num{color:#fff;font-family:var(--pocky-typography-jetbrains-mono);font-size:.75rem}.p-video-icon{fill:currentColor;height:1.3125rem;width:1.3125rem}.p-video-icon--play{height:1.5rem;width:1.5rem}.p-video-menu{opacity:0;transition:opacity var(--pocky-timing-slow) var(--pocky-ease-linear),visibility 0ms var(--pocky-timing-slow);visibility:hidden;bottom:0;align-items:center;display:grid;grid-template-columns:min-content auto min-content min-content min-content;height:2.5rem;left:0;margin:0;outline:none;padding:0;position:absolute;width:100%;z-index:var(--pocky-layer-nav)}.p-video[data-visible-main=true] .p-video-menu{opacity:1;transition:opacity var(--pocky-timing-quick) var(--pocky-ease-linear);visibility:visible}.p-video-menuitem{display:flex;margin:0;padding:0;position:relative}.p-video-scrubber{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;margin:0 .5rem}.p-video-scrubber:before{border:3px solid var(--pocky-color-ui-focus);border-radius:.5rem;box-sizing:border-box;left:-3px;filter:blur(.5rem);opacity:0;position:absolute;pointer-events:none;top:-3px;transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-moderate) var(--pocky-ease-linear);z-index:var(--pocky-layer-focus);height:calc(100% + 6px);width:calc(100% + 6px);content:"";display:block}.p-video-scrubber:focus-visible:before,.p-video-scrubber:focus-within:before{opacity:1;filter:blur(0);transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-quick) var(--pocky-ease-linear)}.p-video-scrubber::-moz-range-track{background:linear-gradient(to right,#fff,#fff var(--played),rgba(255,255,255,.375) var(--played),rgba(255,255,255,.375) var(--seekable),transparent var(--seekable));height:.125rem}.p-video-scrubber::-webkit-slider-runnable-track{background:linear-gradient(to right,#fff,#fff var(--played),rgba(255,255,255,.375) var(--played),rgba(255,255,255,.375) var(--seekable),transparent var(--seekable));height:.125rem}.p-video-scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;height:.5rem;opacity:0;width:.5rem}.p-video-scrubber::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;border:none;height:.5rem;opacity:0;width:.5rem}.p-video-thumb{opacity:0;transition:opacity var(--pocky-timing-slow) var(--pocky-ease-linear),visibility 0ms var(--pocky-timing-slow);visibility:hidden;border:1px solid #fff;bottom:2.5rem;left:0;margin-left:-2.5rem;pointer-events:none;position:absolute;transform:translate3d(var(--thumb-x),0,0);width:5rem;z-index:var(--pocky-layer-nav)}.p-video-thumb-inner{padding-top:calc(100% / var(--ratio));height:0;position:relative;width:100%}.p-video-scrubber:hover~.p-video-thumb{opacity:1;transition:opacity var(--pocky-timing-quick) var(--pocky-ease-linear);visibility:visible}.p-video-thumb-frame{height:100%;left:0;position:absolute;top:0;width:100%}.p-video-vol-1,.p-video-vol-2,.p-video-vol-mute{opacity:0}.p-video-vol-slider{opacity:0;transition:opacity var(--pocky-timing-slow) var(--pocky-ease-linear),visibility 0ms var(--pocky-timing-slow);visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;left:50%;position:absolute;top:0;transform-origin:0 0;transform:rotate(-90deg)}.p-video-vol-slider:before{border:3px solid var(--pocky-color-ui-focus);border-radius:.5rem;box-sizing:border-box;left:-3px;filter:blur(.5rem);opacity:0;position:absolute;pointer-events:none;top:-3px;transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-moderate) var(--pocky-ease-linear);z-index:var(--pocky-layer-focus);height:calc(100% + 6px);width:calc(100% + 6px);content:"";display:block}.p-video-vol-slider:focus-visible:before,.p-video-vol-slider:focus-within:before{opacity:1;filter:blur(0);transition:filter var(--pocky-timing-moderate) var(--pocky-ease-circ-out),opacity var(--pocky-timing-quick) var(--pocky-ease-linear)}.p-video-vol-slider::-moz-range-track{background:linear-gradient(to right,#fff,#fff var(--vol),rgba(255,255,255,.375) var(--vol),rgba(255,255,255,.375));height:.125rem}.p-video-vol-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#fff,#fff var(--vol),rgba(255,255,255,.375) var(--vol),rgba(255,255,255,.375));height:.125rem}.p-video-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;height:.5rem;opacity:0;width:.5rem}.p-video-vol-slider::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;border:none;height:.5rem;opacity:0;width:.5rem}.p-video-menuitem--vol:hover .p-video-vol-slider{opacity:1;transition:opacity var(--pocky-timing-quick) var(--pocky-ease-linear);visibility:visible}.p-video-vol[data-level="0"] .p-video-vol-mute,.p-video-vol[data-level="1"] .p-video-vol-1,.p-video-vol[data-level="2"] .p-video-vol-1,.p-video-vol[data-level="2"] .p-video-vol-2{opacity:1}