.page_vlog__0x0rU{display:flex;justify-content:center;align-items:center;height:calc(100dvh - 88px);padding:40px;font-size:1.6rem;background-color:#282935;position:relative;--video-height:calc(100vh - 87px - 40px);--video-width:calc(var(--video-height) * 9 / 16);--sidebar-offset:calc(var(--video-width) / 2 + 6px)}@media(max-width:768px){.page_vlog__0x0rU{height:100%;padding:0}}.page_vlog__swiper__dpur_{height:100%;aspect-ratio:9/16;border-radius:20px}@media(max-width:768px){.page_vlog__swiper__dpur_{aspect-ratio:unset;border-radius:0}}.page_vlog__swiper-slide__oUz3M{width:100%;height:100%;border-radius:20px;background-color:#000}@media(max-width:768px){.page_vlog__swiper-slide__oUz3M{border-radius:0}}.page_vlog__video__Jlf0Y{width:100%;height:100%;border-radius:20px}@media(max-width:768px){.page_vlog__video__Jlf0Y{border-radius:0}}.page_vlog__profile__mn9YH{position:absolute;display:inline-flex;align-items:center;gap:8px;top:12px;left:12px;z-index:100}.page_vlog__avatar-wrapper__NPbmj{width:40px;height:4rem;border-radius:50%;background:linear-gradient(135deg,#8bc43a,#0077ff);padding:.2rem}.page_vlog__avatar-wrapper__NPbmj:hover{cursor:pointer}.page_vlog__avatar__qvE0P{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:#fff}.page_vlog__username__1xo6W{font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.7)}.page_vlog__sidebar__i2ZUH{position:absolute;left:calc(50% + var(--sidebar-offset));bottom:0;transform:translateY(-35%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;z-index:100}@media(max-width:768px){.page_vlog__sidebar__i2ZUH{right:16px;left:auto;top:auto;bottom:150px;transform:none;gap:8px}}.page_vlog__sidebar-item__R4JfZ{display:flex;flex-direction:column;gap:6px}.page_vlog__sidebar-icon__dqPJ_{display:flex;justify-content:center;align-items:center}.page_vlog__sidebar-count__9CK5O{font-size:14px;color:#fff;text-shadow:0 1px 2px #000}.page_vlog__nav__sPRaA{position:absolute;right:3.2rem;display:flex;flex-direction:column;gap:1.2rem}@media(max-width:768px){.page_vlog__nav__sPRaA{display:none}}.page_vlog__nav-btn__unyTV{display:flex;justify-content:center;align-items:center;width:5.6rem;height:5.6rem;background-color:#32333e;border-radius:50%;transition:background-color .2s}.page_vlog__nav-btn__unyTV:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.page_vlog__nav-btn__unyTV:hover{background-color:#646578}