html,body{height:100%;overflow:hidden;background:#fff}body{-webkit-user-select:none;user-select:none}.dr{position:fixed;top:0;right:0;bottom:0;left:0}.dr__gl{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}.dr__gl:active{cursor:grabbing}.dr__gl canvas{display:block;width:100%;height:100%}.dr__title,.dr__meta,.dr__count{position:absolute;z-index:3;margin:0;pointer-events:none;color:#fff;opacity:var(--cap, 0);transform:translateY(calc((1 - var(--cap, 0)) * 10px));text-shadow:0 1px 18px rgba(0,0,0,.18)}.dr__title{left:50%;bottom:104px;translate:-50% 0;max-width:min(640px,80vw);text-align:center;font:400 clamp(24px,2.25vw,40px)/1.2 var(--font-display);letter-spacing:-.005em}.dr__count{left:22px;bottom:22px}.dr__meta{right:22px;bottom:22px}.dr__count,.dr__meta{padding:6px 9px;border-radius:6px;background:#0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:400 13px/1 var(--font-mono);letter-spacing:.02em}.dr__arrow{position:absolute;top:50%;z-index:5;width:44px;height:44px;margin-top:-22px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;cursor:pointer;color:#fff;background:#00000038;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out-expo),border-radius .7s var(--ease-out-expo),background-color .3s}.dr__arrow--prev{left:26px}.dr__arrow--next{right:26px}.dr-full .dr__arrow{opacity:1;pointer-events:auto}.dr__arrow:hover{border-radius:22px;background:#00000052}.dr__arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}.dr__ruler{position:fixed;left:0;bottom:-30px;width:100%;height:150px;z-index:4;pointer-events:none;mix-blend-mode:difference}.pblur{position:fixed;left:0;right:0;bottom:0;height:200px;z-index:2;pointer-events:none;opacity:var(--cap, 0)}.pblur i{position:absolute;top:0;right:0;bottom:0;left:0}.pblur i:nth-child(1){-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%);mask-image:linear-gradient(to bottom,transparent 0%,#000 25%)}.pblur i:nth-child(2){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(to bottom,transparent 25%,#000 50%);mask-image:linear-gradient(to bottom,transparent 25%,#000 50%)}.pblur i:nth-child(3){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(to bottom,transparent 50%,#000 75%);mask-image:linear-gradient(to bottom,transparent 50%,#000 75%)}.pblur i:nth-child(4){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(to bottom,transparent 75%,#000 100%);mask-image:linear-gradient(to bottom,transparent 75%,#000 100%)}@media (max-width: 700px){.dr__ruler,.dr__arrow,.pblur{display:none}.dr__title{left:22px;bottom:58px;translate:none;text-align:left;max-width:80vw;font-size:24px}.dr__meta{right:16px;bottom:16px}.dr__count{left:16px;bottom:16px}}