.ui-media-dialog{width:100vw;height:100dvh;max-height:100dvh;outline:none;overflow:hidden}.ui-media-dialog>div,.ui-media-dialog>div>div{height:100%}.ui-media-preview{position:relative;width:100%;height:100%;padding:24px 80px}.ui-media-gallery{padding-bottom:104px}.ui-media-preview-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;touch-action:pan-y pinch-zoom}.ui-media-preview-stage>img,.ui-media-preview-stage>video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.ui-media-preview-stage>img{width:100%;height:100%}.ui-media-next,.ui-media-previous{position:absolute;top:50%;transform:translateY(-50%);width:44px;min-height:44px}.ui-media-previous{left:24px}.ui-media-next{right:24px}.ui-media-preview-thumbnails{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;justify-content:safe center;gap:8px;max-width:calc(100% - 48px);overflow-x:auto;padding:4px}.ui-media-thumbnail{position:relative;width:48px!important;height:48px!important;min-width:48px!important;flex-shrink:0;padding:0!important;overflow:hidden;border-radius:8px;opacity:.55}.ui-media-thumbnail[aria-pressed=true]{outline:2px solid rgb(var(--ui-paper));outline-offset:2px;opacity:1}.ui-media-thumbnail img,.ui-media-thumbnail video{width:100%;height:100%;object-fit:cover;pointer-events:none}.ui-media-preview-error{position:absolute;top:16px;left:50%;transform:translateX(-50%)}@media(max-width:767px){.ui-media-preview{padding:max(12px,env(safe-area-inset-top)) 0 max(12px,env(safe-area-inset-bottom))}.ui-media-next,.ui-media-preview-thumbnails,.ui-media-previous{display:none}}.ui-media-dialog{--ui-paper:255 255 255;position:fixed;inset:0;max-width:100vw;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#eee}.ui-media-dialog::backdrop{background:rgb(0 0 0/.5)}.ui-media-next,.ui-media-previous{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgb(255 255 255/.1);border-radius:999px;background:#1b1b1b;color:#b8b8b8}.ui-media-next:hover,.ui-media-previous:hover{background:color-mix(in srgb,white 2%,#1b1b1b);color:#eee;border-color:rgb(255 255 255/.2)}.ui-media-next svg,.ui-media-previous svg{width:20px;height:20px}.ui-media-thumbnail{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent}@media(max-width:767px){.ui-media-next,.ui-media-previous{display:none}}