.vk-today-bar,.vk-today-ring{position:relative}.vk-today-ring{height:8rem;width:8rem;flex-shrink:0;cursor:pointer;border-radius:var(--radius)}.vk-today-ring__bg{position:absolute;inset:0;border-radius:var(--radius);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.vk-today-ring:hover .vk-today-ring__bg{transform:scale(1.05)}.vk-today-ring__border{position:absolute;inset:.125rem;border-radius:var(--radius);border-color:hsl(var(--background))}.vk-today-ring__content{position:relative;display:flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius);background-color:hsl(var(--muted))}.vk-today-ring__image{height:100%;width:100%;object-fit:cover}.vk-today-ring__emoji{position:absolute;top:.25rem;left:.25rem;display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;border-color:hsl(var(--background));background-color:hsl(var(--card));--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.vk-today-ring__text{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.25rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));text-shadow:0 1px 3px rgba(0,0,0,.8)}.vk-today-viewer{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/.8);padding:1rem;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.vk-today-viewer__content{position:relative;display:flex;height:100%;max-height:85vh;width:100%;max-width:28rem;flex-direction:column;overflow:hidden;border-radius:1rem;--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.vk-today-viewer__story-area{position:relative;flex:1 1 0%}.vk-today-viewer__story-card{position:absolute;inset:0;display:flex;height:100%;width:100%;align-items:center;justify-content:center;padding:2rem}.vk-today-viewer__bg{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.vk-today-viewer__text-content{position:relative;z-index:10;text-align:center;font-family:Poppins,Literata,Adishila,serif;font-size:1rem;line-height:1.75rem;line-height:1.25;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.vk-today-viewer__text-content{font-size:2.25rem;line-height:2.5rem}}.vk-today-viewer__text-content{text-shadow:0 2px 8px rgba(0,0,0,.7)}.vk-today-viewer__progress-bar{position:absolute;top:.5rem;left:.5rem;right:.5rem;height:.25rem;overflow:hidden;border-radius:9999px;background-color:rgb(255 255 255/.3)}.vk-today-viewer__progress-indicator{height:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;transition-timing-function:linear;animation-duration:.1s;animation-timing-function:linear}.vk-today-viewer__nav{position:absolute;top:50%;z-index:20;height:100%;width:33.333333%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.vk-today-viewer__header{position:absolute;top:1rem;left:1rem;right:1rem;z-index:20;display:flex;align-items:center;justify-content:space-between}.vk-today-viewer__author{display:flex;align-items:center;gap:.5rem}.vk-today-viewer__author-name{font-size:.8125rem;line-height:1.125rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));text-shadow:0 1px 4px rgba(0,0,0,.5)}.vk-today-viewer__context-box{border-top-width:1px;border-color:hsl(var(--border)/.5);background-color:hsl(var(--background)/.8);padding:1rem;font-size:.8125rem;line-height:1.125rem;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.vk-today-viewer__actions{display:flex;align-items:center;gap:.5rem}