.certificate-card{overflow:hidden;animation:certificate-card-in .36s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--certificate-index, 0) * 45ms)}.certificate-card summary::-webkit-details-marker{display:none}.certificate-card[open]{border-color:color-mix(in srgb,var(--color-primary, #6366f1) 45%,transparent);box-shadow:0 14px 32px -22px color-mix(in srgb,var(--color-primary, #6366f1) 72%,transparent)}.certificate-card__hide-label,.certificate-card[open] .certificate-card__show-label{display:none}.certificate-card[open] .certificate-card__hide-label{display:inline}.certificate-card[open] .certificate-card__chevron{transform:rotate(180deg)}.certificate-empty{animation:certificate-empty-in .26s ease-out both}.certificate-overlay{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:4.5rem 1rem 1rem;background:#000000b8;backdrop-filter:blur(3px);animation:certificate-overlay-in .18s ease-out both}.certificate-overlay--closing{pointer-events:none;animation:certificate-overlay-out .18s ease-in both}.certificate-overlay__hint{position:fixed;top:1rem;left:50%;transform:translate(-50%);pointer-events:none;max-width:calc(100vw - 2rem);border:1px solid rgb(255 255 255 / .18);border-radius:9999px;background:#0000009e;color:#fff;box-shadow:0 16px 38px #00000047;padding:.65rem 1rem;text-align:center;font-size:.875rem;line-height:1.25;animation:certificate-hint-in .22s ease-out both}.certificate-overlay--closing .certificate-overlay__hint{animation:certificate-hint-out .14s ease-in both}.certificate-preview{display:flex;flex-direction:column;width:min(1180px,100%);height:min(86vh,920px);overflow:hidden;border:1px solid var(--color-base-300, rgb(255 255 255 / .18));border-radius:.5rem;background:var(--color-base-100, #111827);color:var(--color-base-content, white);box-shadow:0 28px 70px #00000061;animation:certificate-preview-in .22s ease-out both}.certificate-overlay--closing .certificate-preview{animation:certificate-preview-out .18s ease-in both}.certificate-preview__header{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;border-bottom:1px solid var(--color-base-300, rgb(255 255 255 / .16));background:var(--color-base-200, #1f2937);padding:.85rem}.certificate-preview__actions{display:flex;flex-wrap:wrap;gap:.5rem}.certificate-preview__viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:linear-gradient(45deg,rgb(255 255 255 / .04) 25%,transparent 25%),linear-gradient(-45deg,rgb(255 255 255 / .04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(255 255 255 / .04) 75%),linear-gradient(-45deg,transparent 75%,rgb(255 255 255 / .04) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;padding:1rem;cursor:zoom-in}.certificate-preview__viewport--zoomed{cursor:zoom-out}.certificate-preview__frame{display:block;width:100%;height:100%;pointer-events:none;border:0;border-radius:.35rem;background:#fff;transition:transform .18s ease-out}@keyframes certificate-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes certificate-card-in{0%{opacity:0;transform:translateY(.9rem) scale(.975);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes certificate-empty-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes certificate-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes certificate-hint-in{0%{opacity:0;transform:translate(-50%,-.5rem)}to{opacity:1;transform:translate(-50%)}}@keyframes certificate-hint-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-.35rem)}}@keyframes certificate-preview-in{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes certificate-preview-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(.5rem) scale(.99)}}@media(prefers-reduced-motion:reduce){.certificate-overlay,.certificate-overlay__hint,.certificate-preview,.certificate-overlay--closing,.certificate-overlay--closing .certificate-overlay__hint,.certificate-overlay--closing .certificate-preview,.certificate-card,.certificate-empty{animation:none}.certificate-preview__frame{transition:none}}@media(min-width:768px){.certificate-preview__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:.85rem 1rem}.certificate-preview__actions{justify-content:flex-end}}