@layer components{.mosuk-app-dialog-images{--swiper-navigation-top-offset:calc(50% + calc(var(--spacing,.25rem)*-10));--swiper-navigation-sides-offset:calc(var(--spacing,.25rem)*4);--swiper-navigation-size:var(--text-xs,.75rem)}.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery{-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%}.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper{width:100%;height:100%}.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-wrapper .swiper-slide img{object-fit:contain;object-position:center;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;width:100%;height:100%}.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next{top:auto;left:auto;right:calc(var(--spacing,.25rem)*2);z-index:100;width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8);min-width:calc(var(--spacing,.25rem)*8);min-height:calc(var(--spacing,.25rem)*8);background-color:var(--color-gray-100);color:var(--color-gray-500)}:is(.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next):after{color:var(--color-gray-500)}:is(.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next).swiper-button-disabled{opacity:.5;pointer-events:none}.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next{transition:background-color .2s ease-in-out,color .2s ease-in-out}:is(.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next):after{transition:color .2s ease-in-out}:is(.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next):hover,:is(.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next).is-flash{background-color:var(--color-primary-100)}:is(:is(.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next):hover,:is(.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next).is-flash):after{color:var(--color-primary-500)}.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev{bottom:calc(var(--spacing,.25rem)*13);transform:rotate(90deg)}.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next{bottom:calc(var(--spacing,.25rem)*3);transform:rotate(90deg)}.mosuk-app-dialog-images .mosuk-app-dialog-images-thumbnails{display:none}@media (min-width:769px){.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev,.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next{right:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);min-width:calc(var(--spacing,.25rem)*9);min-height:calc(var(--spacing,.25rem)*9)}.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-next{bottom:calc(50% - calc(var(--spacing,.25rem)*5.5));transform:rotate(90deg)}.mosuk-app-dialog-images .mosuk-app-dialog-images-gallery .swiper .swiper-button-prev{bottom:calc(50% + calc(var(--spacing,.25rem)*5.5));transform:rotate(90deg)}.mosuk-app-dialog-images .mosuk-app-dialog-images-thumbnails{z-index:100;width:calc(var(--spacing,.25rem)*24);height:100%;padding:calc(var(--spacing,.25rem)*3);border-right:1px solid var(--color-gray-100);display:block;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.mosuk-app-dialog-images .mosuk-app-dialog-images-thumbnails .swiper{width:100%;height:100%}.mosuk-app-dialog-images .mosuk-app-dialog-images-thumbnails .swiper .swiper-wrapper .swiper-slide{aspect-ratio:1;background-color:var(--color-gray-50);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;width:100%;height:auto;transition:border-color .2s ease-in-out;overflow:hidden}.mosuk-app-dialog-images .mosuk-app-dialog-images-thumbnails .swiper .swiper-wrapper .swiper-slide img{object-fit:contain;object-position:center;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.mosuk-app-dialog-images .mosuk-app-dialog-images-thumbnails .swiper .swiper-wrapper .swiper-slide:hover{border-color:var(--color-primary-200)}.mosuk-app-dialog-images .mosuk-app-dialog-images-thumbnails .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{border-color:var(--color-primary-500)}}}