.pp-preview .MuiBackdrop-root{background:#0a0e18b8}.pp-preview .pp-preview-paper{margin:var(--tal-sp-4);background:var(--tal-n-0);border-radius:var(--tal-radius-xl);width:min(960px,100vw - 32px);max-width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 24px 64px -16px #10182873}.pp-preview .pp-preview-bar{justify-content:space-between;align-items:center;gap:var(--tal-sp-3);padding:var(--tal-sp-3) var(--tal-sp-3) var(--tal-sp-3) var(--tal-sp-5);border-bottom:1px solid var(--tal-n-200);color:var(--tal-n-900);display:flex}.pp-preview .pp-preview-title{align-items:center;gap:var(--tal-sp-3);min-width:0;font-size:var(--tal-fs-md);font-weight:var(--tal-fw-semibold);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.pp-preview .pp-preview-pos{color:var(--tal-n-500);font-size:var(--tal-fs-sm);font-weight:var(--tal-fw-regular)}.pp-preview .pp-preview-close,.pp-preview .pp-preview-nav{cursor:pointer;width:40px;height:40px;transition:background var(--tal-dur) var(--tal-ease),color var(--tal-dur) var(--tal-ease);border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.pp-preview .pp-preview-close svg,.pp-preview .pp-preview-nav svg{width:20px;height:20px}.pp-preview .pp-preview-close:focus-visible,.pp-preview .pp-preview-nav:focus-visible{box-shadow:var(--tal-focus-ring);outline:none}.pp-preview .pp-preview-close{color:var(--tal-n-600);background:0 0}.pp-preview .pp-preview-close:hover{background:var(--tal-n-100);color:var(--tal-n-900)}.pp-preview .pp-preview-stage{box-sizing:border-box;height:min(600px,100dvh - 120px);padding:var(--tal-sp-4) 64px;background:var(--tal-n-0);grid-template-rows:minmax(0,100%);grid-template-columns:minmax(0,100%);place-items:center;display:grid;position:relative}@media screen and (max-width:600px){.pp-preview .pp-preview-stage{aspect-ratio:1;height:auto;max-height:calc(100dvh - 120px);padding:var(--tal-sp-3)}}.pp-preview .pp-preview-stage img,.pp-preview .pp-preview-stage video{object-fit:contain;object-position:center;border-radius:var(--tal-radius-md);background:var(--tal-n-0);width:100%;height:100%;min-height:0;display:block}.pp-preview .pp-preview-nav{background:var(--tal-n-0);color:var(--tal-n-800);box-shadow:0 0 0 1px var(--tal-n-200),var(--tal-e-2);position:absolute;top:50%;transform:translateY(-50%)}.pp-preview .pp-preview-nav.is-prev{left:var(--tal-sp-2)}.pp-preview .pp-preview-nav.is-next{right:var(--tal-sp-2)}@media screen and (max-width:600px){.pp-preview .pp-preview-nav{width:32px;height:32px}.pp-preview .pp-preview-nav svg{width:16px;height:16px}.pp-preview .pp-preview-nav.is-prev{left:var(--tal-sp-4)}.pp-preview .pp-preview-nav.is-next{right:var(--tal-sp-4)}}.pp-preview .pp-preview-nav:hover:not(:disabled){background:var(--tal-n-50);color:var(--tal-accent-600)}.pp-preview .pp-preview-nav:disabled{color:var(--tal-n-300);box-shadow:0 0 0 1px var(--tal-n-100);cursor:not-allowed;opacity:.6}.pp-preview .pp-preview-note{padding:var(--tal-sp-3) var(--tal-sp-5) var(--tal-sp-4);border-top:1px solid var(--tal-n-200);color:var(--tal-n-600);font-size:var(--tal-fs-sm);margin:0}