@font-face{font-family:'Offworld Signature';src:url('/assets/offworld-signature.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/cormorant-garamond-variable.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:block}
.purchase-dialog.certificate-dialog{width:min(1110px,calc(100vw - 40px));max-height:94svh;padding:25px 32px 30px;background:linear-gradient(125deg,#13161c,#080a0e);border:1px solid #d8dfec26;border-radius:20px;overflow:auto}
.certificate-heading{padding:0 30px 23px 0}.certificate-dialog h2{font:500 24px/1.2 var(--font);letter-spacing:-.035em;margin:8px 0 0}.certificate-edition{font-size:9px;letter-spacing:.15em;color:#8b94a3}
.certificate-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:48px;align-items:center}
.certificate-stage{margin:0 auto;background:#050708;width:min(100%,calc((100svh - 190px)*.70696));aspect-ratio:2480/3508;border-radius:2px;overflow:hidden;box-shadow:0 20px 65px #0009;display:grid;place-items:center}
.certificate-stage img{display:block;width:100%;height:auto}.certificate-stage p{color:#aeb9c8;text-align:center;padding:24px;font-size:13px}
.certificate-sidebar{min-width:0;padding:10px 0 18px}.certificate-panel-title{font:450 27px/1.25 var(--font);letter-spacing:-.045em;color:#f1f2f4;margin-bottom:27px}
.certificate-style-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:30px}
.certificate-style-options button{display:flex;flex-direction:column;gap:11px;align-items:stretch;min-width:0;padding:0 0 11px;text-align:center;color:#8993a1;background:none;border:0;border-bottom:1px solid #d4dce91c;font:400 11px var(--font);transition:color .2s,border-color .2s}
.certificate-thumb{display:block;aspect-ratio:2480/3508;border-radius:3px;background:#171c24;overflow:hidden;box-shadow:0 6px 14px #0005;opacity:.58;outline:1px solid #d4dce920;outline-offset:4px;transition:opacity .2s,outline-color .2s,transform .2s}
.certificate-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.certificate-style-options button:hover .certificate-thumb{opacity:.9;transform:translateY(-3px)}
.certificate-style-options button[aria-pressed=true]{color:#edf0f6;border-bottom-color:#e4e9f0}.certificate-style-options button[aria-pressed=true] .certificate-thumb{opacity:1;outline-color:#e4e9f0b3}
.certificate-style-options button:focus-visible{outline:2px solid #e5edf7;outline-offset:7px;border-radius:2px}
#certificate-personalize{margin:0 0 33px}#certificate-personalize label{display:block;color:#7e8999;font:500 9px var(--font);letter-spacing:.14em;margin-bottom:9px}
.certificate-input-line{display:flex;align-items:center;gap:6px;border-bottom:1px solid #d5dfef45;transition:border-color .2s;min-height:48px}.certificate-input-line:focus-within{border-bottom-color:#edf1f8}
.certificate-input-line>span{font:400 23px var(--font);color:#728097}
#certificate-username{min-width:0;width:100%;padding:9px 0;border:0;border-radius:0;background:none;color:#e8ecf2;font:400 21px/1.4 var(--font);letter-spacing:-.02em;outline:none;box-shadow:none}
#certificate-username::placeholder{color:#626e81}
.certificate-dialog .certificate-actions{display:block}
.certificate-dialog #download-certificate-pdf{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:54px;border-radius:10px;padding:14px 17px;font:500 13px var(--font);letter-spacing:-.015em;background:#e8ebef;color:#15191f;box-shadow:inset 0 1px 0 #fff,0 5px 20px #0003;gap:10px}
.certificate-dialog #download-certificate-pdf>span{display:inline;width:auto;height:auto;background:none;border:0;border-radius:0;color:inherit;font:inherit;padding:0}
.certificate-dialog #download-certificate-pdf>.certificate-filetype{font:500 9px var(--font);letter-spacing:.04em;color:#59616d;background:none;border:1px solid #232a352b;border-radius:4px;padding:4px 5px;width:auto;height:auto}
.certificate-dialog #download-certificate-pdf:disabled{opacity:.44}
.certificate-secondary-actions{display:flex;gap:22px;margin-top:17px}
.certificate-dialog .certificate-secondary-actions button{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;padding:9px 0;background:none;border:0;border-bottom:1px solid #bfcce21c;border-radius:0;color:#a7b2c2;font:400 12px var(--font);min-height:35px;white-space:nowrap}
.certificate-secondary-actions button span{font-size:9px;color:#596b80;letter-spacing:.06em}.certificate-dialog .certificate-secondary-actions button:hover{border-bottom-color:#bfcce273;color:#eff3f9}
.certificate-format{display:flex;justify-content:space-between;margin-top:26px;color:#5f6d80;font:400 10px var(--font);letter-spacing:.035em}.certificate-status{font-size:11px!important;color:#8999af!important;margin:15px 0 0;line-height:1.6;min-height:0}.certificate-status:empty{display:none}
.certificate-share{margin-top:24px;padding-top:23px;border-top:1px solid #bfcce21c}
.certificate-dialog #post-certificate-x{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:45px;border:1px solid #d7e0ed32;border-radius:9px;background:#ffffff04;color:#e9edf4;font:500 12px var(--font);transition:background .2s,border-color .2s}
#post-certificate-x svg{width:15px;height:15px}.certificate-dialog #post-certificate-x:hover:enabled{background:#ffffff0b;border-color:#d7e0ed75}.certificate-dialog #post-certificate-x:disabled{opacity:.4;cursor:not-allowed}
#certificate-share-help{margin:10px 0 0;font:400 10px/1.6 var(--font);text-align:center;color:#8290a4}
#certificate-open-x{display:block;margin-top:12px;text-align:center;font:500 12px var(--font);color:#e9edf4;text-underline-offset:4px}#certificate-open-x[hidden]{display:none}
.certificate-dialog .close-dialog{right:12px;top:10px}
@media(max-width:720px){.purchase-dialog.certificate-dialog{width:calc(100vw - 20px);padding:20px 16px;border-radius:14px}.certificate-dialog h2{font-size:22px}.certificate-heading{padding-bottom:20px}.certificate-layout{display:flex;flex-direction:column;gap:31px}.certificate-stage{width:100%;max-width:370px}.certificate-sidebar{width:100%;max-width:370px;padding:0 3px 8px}.certificate-panel-title{font-size:25px;margin-bottom:24px}.certificate-style-options{gap:16px;margin-bottom:30px}.certificate-thumb{max-height:125px}.certificate-style-options button{font-size:11px}.certificate-edition{font-size:8px}}
@media(prefers-reduced-motion:reduce){.certificate-thumb,.certificate-input-line{transition:none}.certificate-style-options button:hover .certificate-thumb{transform:none}}
@media(max-width:720px){.certificate-style-options{gap:10px}.certificate-style-options button{font-size:10px}}