.material-preview-trigger{display:block;margin:18px 0 0;padding:0;border:0;background:none;color:#5165ef;font:700 .88rem/1.3 Manrope,sans-serif;cursor:pointer;transition:color .2s,transform .2s}.material-preview-trigger:hover{color:#7552e8;transform:translateX(4px)}.material-preview-modal[hidden]{display:none}.material-preview-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}.material-preview-backdrop{position:absolute;inset:0;border:0;background:rgba(17,14,45,.76);backdrop-filter:blur(7px);cursor:pointer}.material-preview-dialog{position:relative;width:min(100%,940px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(122,112,237,.35);border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(10,8,36,.42);animation:materialPreviewIn .24s ease-out}.material-preview-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:24px 28px 19px}.material-preview-dialog header span{color:#5368f4;font-size:.72rem;font-weight:800;letter-spacing:.14em}.material-preview-dialog h2{margin:5px 0 3px;color:#12102d;font-size:1.35rem}.material-preview-dialog p{margin:0;color:#69708c}.material-preview-close{width:40px;height:40px;border:1px solid #e1e2f3;border-radius:50%;background:#fafaff;color:#171533;font-size:1.8rem;line-height:1;cursor:pointer;transition:transform .2s,background .2s}.material-preview-close:hover{background:#efedff;transform:rotate(90deg)}.material-preview-dialog iframe{display:block;width:100%;min-height:0;height:min(67vh,720px);border:0;background:#f4f4f8}.material-preview-open{align-self:flex-start;margin:18px 28px 24px;color:#5368f4;font-weight:800;text-decoration:none}.material-preview-open:hover{text-decoration:underline}@keyframes materialPreviewIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.material-preview-modal{padding:12px}.material-preview-dialog{border-radius:20px}.material-preview-dialog header{padding:18px}.material-preview-dialog iframe{height:58vh}.material-preview-open{margin:15px 18px 19px}}
