.images-container{align-items:center;display:flex;flex-direction:column;max-width:800px;position:relative;width:100%}.images{border-radius:20px;box-sizing:content-box;cursor:grab;display:flex;gap:10px;overflow-x:auto;overflow-x:hidden;touch-action:none;user-select:none;width:100%}.image{aspect-ratio:4/3;border-radius:inherit;min-width:100%;overflow:hidden;pointer-events:none}.image img{height:100%!important;width:100%!important}button.close-view-image,button.view-image{align-items:center;background-color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:24px;height:45px;justify-content:center;opacity:.5;position:absolute;right:12px;top:12px;width:45px}button.close-view-image:hover,button.view-image:hover{opacity:1}.pagination-dots{align-items:center;background-color:hsla(0,0%,62%,.46);border-radius:50px;bottom:12px;display:flex;gap:5px;left:50%;padding:5px;position:absolute;translate:-50% -50%;z-index:1}.pagination-dots .dot{background-color:#fff;border-radius:50%;cursor:pointer;height:10px;transition:all .2s;width:10px}.pagination-dots .dot.hovered{background-color:var(--primary,#565656);scale:1.2}.nav-arrows{bottom:12px;display:flex;justify-content:space-between;left:0;position:absolute;width:100%}.nav-arrows__arrow{align-items:center;background-color:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.nav-arrows__arrow i{font-size:24px}.nav-arrows__arrow.arrow-left{transform:translateX(12px)}.nav-arrows__arrow.arrow-right{transform:translateX(-12px)}#view-image-dialog{border:none;left:50%;max-width:1000px;position:fixed;top:50%;translate:-50% -50%;width:100%}#view-image-dialog::backdrop{background-color:rgba(0,0,0,.5)}#view-image-dialog>img{height:auto;width:100%}button.close-view-image{border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2)}@media screen and (max-width:900px){.images{touch-action:pan-y}}