.story{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a08f5;justify-content:center;align-items:center;animation:.2s story-fade;display:flex;position:fixed;inset:0}.story__frame{flex-direction:column;width:min(480px,100vw);height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.story__frame{border-radius:20px;height:min(92dvh,860px)}}.story__bars{z-index:3;gap:4px;display:flex;position:absolute;top:10px;left:10px;right:10px}.story__bar{background:#ffffff47;border-radius:3px;flex:1;height:3px;overflow:hidden}.story__fill{background:#fff;border-radius:3px;width:0;height:100%;display:block}.story__fill--done{width:100%}.story__fill--active{animation-name:story-progress;animation-timing-function:linear;animation-fill-mode:forwards}.story__fill--paused{animation-play-state:paused}.story__head{z-index:3;color:#fff;text-shadow:0 1px 8px #00000080;align-items:center;gap:10px;display:flex;position:absolute;top:22px;left:14px;right:10px}.story__title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.story__counter{opacity:.8;flex-shrink:0;margin-left:auto;font-size:13px}.story__close{color:#fff;cursor:pointer;background:#00000059;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.story__close:hover{background:#0000008c}.story__stage{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0a0c0a;flex:1;position:relative;overflow:hidden}.story__stage:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#00000073,#0000 18%),linear-gradient(#0000 86%,#00000059);position:absolute;inset:0}.story__bg{object-fit:cover;filter:blur(28px)brightness(.55);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.25)}.story__img{object-fit:contain;z-index:1;width:100%;height:100%;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;inset:0}.story__img--paused{animation-play-state:paused}.story__img--kb0{animation-name:story-kb0}.story__img--kb1{animation-name:story-kb1}.story__img--kb2{animation-name:story-kb2}.story__img--kb3{animation-name:story-kb3}@keyframes story-progress{0%{width:0}to{width:100%}}@keyframes story-fade{0%{opacity:0}to{opacity:1}}@keyframes story-kb0{0%{transform:scale(1.02)}to{transform:scale(1.12)translate(1.6%,-1.2%)}}@keyframes story-kb1{0%{transform:scale(1.12)translate(-1.4%,1%)}to{transform:scale(1.03)}}@keyframes story-kb2{0%{transform:scale(1.02)translate(1.2%,1%)}to{transform:scale(1.1)translate(-1.2%,-.8%)}}@keyframes story-kb3{0%{transform:scale(1.1)translateY(-1.4%)}to{transform:scale(1.02)translateY(.8%)}}@media (prefers-reduced-motion:reduce){.story__img{animation-name:none!important}}