@media (hover: hover){.stories-card:hover{opacity:.72}}.stories-card{--border-color: var(--theme-color-signal-active-default);--border-radius: 8px;display:grid;grid-template-columns:100%;grid-template-rows:100%;align-items:flex-end;width:var(--card-width);height:var(--card-height);padding:4px;box-shadow:inset 0 0 0 2px var(--border-color);border-radius:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.stories-card:after{content:"";width:100%;height:100%;background:linear-gradient(180deg,#0000001a 50%,#000000b3);border-radius:var(--border-radius)}.stories-card--viewed{--border-color: var(--theme-color-border)}.stories-card:after,.stories-card__cover,.stories-card__title{grid-column:1;grid-row:1}.stories-card__title{z-index:1;padding:8px;font-size:13px;font-weight:500;line-height:15px;color:var(--color-white)}.stories-cards{position:relative}.stories-cards__container{display:flex;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.stories-cards__container::-webkit-scrollbar{display:none}.stories-cards__list{display:inline-grid;grid-auto-flow:column;justify-content:flex-start;gap:12px;padding:0 var(--layout-content-offset-x)}@media all and (min-width: 640px){.stories-cards__list{padding:0}}.stories-cards__nav{position:absolute;z-index:1;top:0;bottom:0;display:flex;justify-content:flex-start;align-items:center;width:76px}.stories-cards__nav--prev{left:0;background:linear-gradient(-90deg,transparent 0%,var(--theme-color-background) 80%)}.stories-cards__nav--next{right:0;justify-content:flex-end;background:linear-gradient(90deg,transparent 0%,var(--theme-color-background) 80%)}.stories-cards__button{display:flex;justify-content:center;align-items:center;width:32px;height:32px;color:var(--theme-color-text-secondary);background-color:var(--theme-color-button-secondary);border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.stories-skeleton{will-change:opacity}.app-loaded .stories-skeleton{animation:skeleton-loading 1s linear alternate infinite}@keyframes skeleton-loading{0%{opacity:1}to{opacity:.5}}.stories-skeleton{position:relative;display:grid;grid-auto-flow:column;grid-gap:12px;gap:12px;justify-content:flex-start;padding-left:var(--layout-content-offset-x);overflow:hidden}.stories-skeleton:after{content:"";position:absolute;top:0;bottom:0;right:0;width:76px;background:linear-gradient(90deg,transparent 0%,var(--theme-color-background) 80%)}@media all and (min-width: 640px){.stories-skeleton{padding-left:0}}.stories-skeleton-card{display:flex;flex-direction:column;justify-content:flex-end;width:var(--card-width);height:var(--card-height);padding:12px;background-color:var(--theme-color-background-content);border-radius:12px;box-shadow:inset 0 0 0 2px var(--theme-color-border),inset 0 0 0 4px var(--theme-color-background)}.stories-skeleton-card .skeleton-bar:not(:last-child){margin-bottom:5px}.story-media{--border-radius: 24px}.story-media__video{display:grid;grid-template-columns:100%;grid-template-rows:100%;width:100%;height:100%}.story-media__video:before,.story-media__video video{grid-column:1;grid-row:1}.story-media__video:before{content:"";width:100%;height:100%;background-color:var(--color-white);background-color:var(--bg, var(--color-white))}@media (min-width: 480px){.story-media__video:before{border-radius:calc(var(--border-radius) + 1px)}}.story-media__video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.story{--border-radius: 24px;position:relative;display:grid;grid-template-columns:100%;grid-template-rows:100%;align-items:flex-end;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (min-width: 480px){.story{border-radius:var(--border-radius)}}.story__header{position:absolute;z-index:3;top:0;left:0;right:0}.story__controls{display:flex;align-items:center;padding:8px}@media (hover: hover){.story__control-button:hover{opacity:.72}}.story__control-button{padding:10px 8px;color:var(--color-white);cursor:pointer}.story__control-button--close{margin-left:auto;padding:8px}.story__control-button--close>div{display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:var(--theme-color-text-secondary-light);background-color:var(--theme-color-button-secondary);border-radius:100%}.story__progress{padding:20px 16px 8px;display:grid;grid-auto-flow:column;grid-gap:4px;gap:4px}.story__progress>div{position:relative;height:4px;border-radius:16px;overflow:hidden}.story__progress>div:before,.story__progress>div:after{content:"";position:absolute;top:0;bottom:0;left:0;background-color:var(--color-white);border-radius:16px}.story__progress>div:before{right:0;opacity:.3}.story__progress>div:after{width:0;width:var(--progress, 0);transition-property:width;transition-duration:var(--duration);transition-timing-function:linear}.story__media,.story__nav,.story__content{grid-column:1;grid-row:1}.story__media{width:100%;height:100%}.story__nav{z-index:1;display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;background:linear-gradient(180deg,#0000001a,#0000 15%,#0000 50%,#00000026 70%,#00000080);cursor:pointer}.story__content{z-index:2;display:grid;justify-items:flex-start;grid-gap:12px;gap:12px;padding:16px}.story__text{word-break:break-word;color:var(--color-white)}:root{--safe-tabbar-height: calc(var(--layout-tabbar-height) + env(safe-area-inset-bottom)) }@keyframes underlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes modal-enter-slide{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.stories-viewer{position:fixed;z-index:var(--layout-z-modal-overlay);left:0;right:0;top:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);will-change:opacity;animation:underlay-in .2s ease;display:flex;justify-content:center;align-items:center}@media (hover: hover){.stories-viewer__close:hover{opacity:.72}}.stories-viewer__close{position:absolute;z-index:2;top:32px;right:32px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:var(--theme-color-text-secondary-light);background-color:var(--theme-color-button-secondary);border-radius:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}.stories-viewer__container{position:relative;width:100vw;height:100vh;height:100dvh}@media (min-width: 480px){.stories-viewer__container{aspect-ratio:.6 / 1;width:auto;max-width:480px;height:800px;max-height:calc(100vh - 40px)}}@media (hover: hover){.stories-viewer__nav:hover{opacity:.72}}.stories-viewer__nav{position:absolute;z-index:1;top:0;bottom:0;display:flex;align-items:center;width:108px;color:var(--color-white);cursor:pointer;-webkit-tap-highlight-color:transparent}.stories-viewer__nav--prev{right:100%;justify-content:flex-start}.stories-viewer__nav--next{left:100%;justify-content:flex-end}.stories-viewer__sets,.stories-viewer__set{position:absolute;width:100%;height:100%}.stories-viewer__set--enter-active,.stories-viewer__set--leave-active{transition:transform .5s ease}[data-dir=prev] .stories-viewer__set--leave-to{transform:scale(.8) translate(100vw)}[data-dir=next] .stories-viewer__set--leave-to,[data-dir=prev] .stories-viewer__set--enter-from{transform:scale(.8) translate(-100vw)}[data-dir=next] .stories-viewer__set--enter-from{transform:scale(.8) translate(100vw)}.stories{--card-width: 100px;--card-height: 122px;padding:var(--layout-content-offset-x) 0}@media all and (min-width: 640px){.stories{padding:0 0 16px}}