﻿.PrimaryAttachmentCarousel{--primary-attachment-carousel-margin-abs-lr:var(--post-padding-lr, 20px);--primary-attachment-carousel-margin-lr:calc(var(--primary-attachment-carousel-margin-abs-lr, 20px)*-1);--primary-attachment-carousel-bullits-container-height:14px;--primary-attachment-carousel-bullits-container-margin-top:14px;--primary-attachment-carousel-bullit-circle-size-xy:8px;--primary-attachment-carousel-bullit-circle-margin-xy:3px;--primary-attachment-carousel-arrows-container-top:60px;--primary-attachment-carousel-arrows-container-bottom:160px;margin-top:var(--post-primary-attachments-margin-top, 12px);margin-left:var(--primary-attachment-carousel-margin-lr);margin-right:var(--primary-attachment-carousel-margin-lr)}.PrimaryAttachmentCarousel.PrimaryAttachmentCarousel--repost{margin-left:0}[dir=rtl] .PrimaryAttachmentCarousel.PrimaryAttachmentCarousel--repost{margin-left:0;margin-right:0}.PrimaryAttachmentCarousel .PrimaryAttachmentCarousel__item.ui_gallery_item{width:calc(100% - var(--primary-attachment-carousel-margin-abs-lr)*2);margin-right:8px}[dir=rtl] .PrimaryAttachmentCarousel .PrimaryAttachmentCarousel__item.ui_gallery_item{margin-right:0;margin-left:8px}.PrimaryAttachmentCarousel--repost .PrimaryAttachmentCarousel__item.ui_gallery_item{width:calc(100% - var(--primary-attachment-carousel-margin-abs-lr))}.PrimaryAttachmentCarousel .PrimaryAttachmentCarousel__item.ui_gallery_item:first-child{margin-left:var(--primary-attachment-carousel-margin-abs-lr)}[dir=rtl] .PrimaryAttachmentCarousel .PrimaryAttachmentCarousel__item.ui_gallery_item:first-child{margin-left:0;margin-right:var(--primary-attachment-carousel-margin-abs-lr)}.PrimaryAttachmentCarousel--repost .PrimaryAttachmentCarousel__item.ui_gallery_item:first-child{margin-left:0}[dir=rtl] .PrimaryAttachmentCarousel--repost .PrimaryAttachmentCarousel__item.ui_gallery_item:first-child{margin-left:0;margin-right:0}.PrimaryAttachmentCarousel .PrimaryAttachmentCarousel__item.ui_gallery_item:last-child{margin-right:0}[dir=rtl] .PrimaryAttachmentCarousel .PrimaryAttachmentCarousel__item.ui_gallery_item:last-child{margin-right:0;margin-left:0}.PrimaryAttachmentCarousel .ui_gallery__inner::after{content:"";width:var(--primary-attachment-carousel-margin-abs-lr);display:inline-block;height:1px}.PrimaryAttachmentCarousel .ui_gallery__arrow.ui_gallery__arrow_left{left:0;height:auto;top:var(--primary-attachment-carousel-arrows-container-top);bottom:var(--primary-attachment-carousel-arrows-container-bottom)}[dir=rtl] .PrimaryAttachmentCarousel .ui_gallery__arrow.ui_gallery__arrow_left{left:auto;right:0}.PrimaryAttachmentCarousel.PrimaryAttachmentCarousel--repost .ui_gallery__arrow.ui_gallery__arrow_left{left:0}[dir=rtl] .PrimaryAttachmentCarousel.PrimaryAttachmentCarousel--repost .ui_gallery__arrow.ui_gallery__arrow_left{left:auto;right:0}.PrimaryAttachmentCarousel .ui_gallery__arrow.ui_gallery__arrow_right{right:0;height:auto;top:60px;bottom:160px}[dir=rtl] .PrimaryAttachmentCarousel .ui_gallery__arrow.ui_gallery__arrow_right{right:auto;left:0}.PrimaryAttachmentCarousel .PrimaryAttachmentCarousel__arrow{width:85px;z-index:4}.PrimaryAttachmentCarousel .ui_gallery__arrow__icon{--primary-attachment-carousel-arrows-container-diff:calc((var(--primary-attachment-carousel-arrows-container-top) - var(--primary-attachment-carousel-arrows-container-bottom))/2);top:calc(50% - var(--primary-attachment-carousel-arrows-container-diff));-webkit-transform:translateY(-50%);transform:translateY(-50%)}.PrimaryAttachmentCarousel__bullets{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc((var(--primary-attachment-carousel-bullit-circle-size-xy) + var(--primary-attachment-carousel-bullit-circle-margin-xy)*2)*5);height:var(--primary-attachment-carousel-bullits-container-height);overflow:hidden;margin:var(--primary-attachment-carousel-bullits-container-margin-top) auto 0}.PrimaryAttachmentCarousel__bullets--hidden{display:none}.PrimaryAttachmentCarousel__bulletsInner{position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:left ease-in-out .25s;transition:left ease-in-out .25s}[dir=rtl] .PrimaryAttachmentCarousel__bulletsInner{left:auto;right:0;-webkit-transition:right ease-in-out .25s;transition:right ease-in-out .25s}.PrimaryAttachmentCarousel__bulletsInner--static{position:static}.PrimaryAttachmentCarousel__bullet{cursor:pointer;opacity:.6;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.PrimaryAttachmentCarousel__bullet:hover,.PrimaryAttachmentCarousel__bullet--active{opacity:1}.PrimaryAttachmentCarousel__bulletCircle{width:var(--primary-attachment-carousel-bullit-circle-size-xy);height:var(--primary-attachment-carousel-bullit-circle-size-xy);margin:var(--primary-attachment-carousel-bullit-circle-margin-xy);border-radius:50%;background-color:var(--vkui--color_track_background);overflow:hidden;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transform-origin:center;transform-origin:center}.PrimaryAttachmentCarousel__bulletCircle--small{-webkit-transform:scale(.75);transform:scale(.75)}.PrimaryAttachmentCarousel__bulletCircle--big{cursor:default;-webkit-transform:scale(1.25);transform:scale(1.25);background-color:var(--vkui--color_background_accent);margin:3px 4px}.PrimaryAttachmentCarousel .PrimaryAttachmentCarousel__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;border-radius:0 var(--mg-border-radius-wrapper, 8px)0 0}[dir=rtl] .PrimaryAttachmentCarousel .PrimaryAttachmentCarousel__close{border-radius:var(--mg-border-radius-wrapper, 8px)0 0 0}
