.no-touch .click-area[data-v-ecc20b8d]{display:block}.media-item[data-v-36004bc9]{transition:filter .5s ease-out}.media-item .panono-icon[data-v-36004bc9],.media-item .zoom-icon[data-v-36004bc9]{left:50%;pointer-events:none;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.media-item .panono-icon[data-v-36004bc9]{background-color:rgb(var(--color-black)/.7);border-radius:.75rem;opacity:0;padding:1.25rem}.media-item:not(.selected) .panono-icon[data-v-36004bc9]{opacity:.8}.no-touch .media-item[data-v-36004bc9]:hover{cursor:pointer}.no-touch .media-item:hover .panono-icon[data-v-36004bc9]{opacity:0}.no-touch .media-item[data-v-36004bc9]:hover:not(.selected){filter:brightness(70%)}.no-touch .media-item:hover:not(.selected) .zoom-icon[data-v-36004bc9]{opacity:1}@media(hover:none)and (pointer:coarse){.media-item .panono-icon[data-v-36004bc9]{display:none}}