:root{--light-gray-color: #f3f4f6;--dark-gray-color: #111827;--muted-color: #9ca3af;--light-muted-color: #d1d5db;--link-color: #2563eb;--dark-link-color: #1d4ed8;--decorator-width: 120px;--decorator-height: 120px}@media (min-width: 640px){:root{--decorator-width: 160px;--decorator-height: 160px}}@media (min-width: 1200px){:root{--decorator-width: 200px;--decorator-height: 200px}}*{box-sizing:border-box}html,body{position:relative;width:100%;margin:0;font-family:Inter,sans-serif;color:var(--dark-gray-color)}html{height:100%}body{min-height:100%;display:flex;align-items:center;justify-content:center}@media only screen{body{padding:12px 12px 132px}}@media only screen and (min-width: 640px){body{padding:24px}}@media only screen and (min-width: 1200px){body{padding:32px}}.certificate__container{padding:calc(var(--decorator-height) + 12px) 0px;position:relative;width:min(1600px,100%)}.certificate__content-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.certificate__title{letter-spacing:1px;font-family:Inter,sans-serif;font-weight:800;font-size:44px}@media (min-width: 640px){.certificate__title{font-size:52px}}@media (min-width: 1200px){.certificate__title{font-size:68px}}.certificate__name-container{margin-top:36px}@media (min-width: 640px){.certificate__name-container{margin-top:48px}}@media (min-width: 1200px){.certificate__name-container{margin-top:64px}}.certificate__name-subtitle,.certificate__subtitle{color:var(--muted-color);font-weight:500;font-size:16px}@media (min-width: 640px){.certificate__name-subtitle,.certificate__subtitle{font-size:18px}}@media (min-width: 1200px){.certificate__name-subtitle,.certificate__subtitle{font-size:20px}}.certificate__name-title{margin-top:8px;font-weight:500;font-size:36px}@media (min-width: 640px){.certificate__name-title{font-size:40px}}@media (min-width: 1200px){.certificate__name-title{font-size:56px}}.certificate__subtitle{margin-top:36px}@media (min-width: 640px){.certificate__subtitle{margin-top:44px}}@media (min-width: 1200px){.certificate__subtitle{margin-top:64px}}.certificate__awarded-for-name{margin-top:8px;font-size:36px}@media (min-width: 640px){.certificate__awarded-for-name{font-size:40px}}@media (min-width: 1200px){.certificate__awarded-for-name{font-size:48px}}.certificate__completion-date,.certificate__unique-id{position:absolute;color:var(--muted-color);font-weight:500}.certificate__completion-date{bottom:0;left:0}.certificate__unique-id{top:0;right:0}.certificate__logo{--image-height: calc(var(--decorator-height) * .6);--image-top-offset: calc((var(--decorator-height) - var(--image-height)) / 2);--image-max-width: calc(100vw - (var(--decorator-width) * 2));position:absolute;height:var(--image-height);top:var(--image-top-offset);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center}.certificate__logo img{display:block;-o-object-fit:contain;object-fit:contain;max-height:var(--image-height);max-width:var(--image-max-width);width:auto}.certificate__decorator{position:absolute}.certificate__decorator svg{height:var(--decorator-width);width:var(--decorator-height)}.certificate__decorator.top-left{top:0;left:0}.certificate__decorator.bottom-right{bottom:0;right:0;transform:rotate(180deg)}.certificate__actions{position:absolute;text-align:center;left:0;right:0;bottom:max(2vw,24px);padding:0 12px}.certificate__actions .social-sharing-buttons{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0}.certificate__actions a:not(.sharing-button){background:var(--link-color);color:var(--light-gray-color)}.certificate__actions a:not(.sharing-button):hover{background:var(--dark-link-color)}.certificate__actions a,.certificate__actions a.sharing-button{display:inline-block;margin-top:12px;font-size:14px;text-decoration:none;padding:8px 20px;border-radius:4px;display:inline-flex;align-items:center;margin:12px 6px 0!important;box-shadow:none}.certificate__actions a svg,.certificate__actions a.sharing-button svg{width:16px;margin-right:4px}@media print{.certificate__actions{display:none}}.certificate--hide-completion-date .certificate__completion-date,.certificate--hide-unique-id .certificate__unique-id{display:none}.certificate--editing{overflow:hidden}.certificate--editing [contenteditable=true]{position:relative;min-width:50px;outline:none;--outline-border-color: var(--muted-color);--outline-border-style: dotted}.certificate--editing [contenteditable=true]:before{display:none;content:"";position:absolute;top:-2%;bottom:-2%;left:-8px;right:-8px;border:2px var(--outline-border-style) var(--outline-border-color);z-index:-1}.certificate--editing [contenteditable=true]:focus{--outline-border-color: var(--link-color);--outline-border-style: solid}.certificate--editing [contenteditable=true]:focus:before{display:block}.certificate--editing:hover [contenteditable=true]:before{display:block}.certificate--editing:hover .certificate__logo__editor-overlay{display:flex}.certificate--editing .certificate__logo{min-width:var(--image-height)}.certificate--editing .certificate__logo__editor-overlay{background:#00000080;position:absolute;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center}.certificate--editing .certificate__logo__editor-action{cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.certificate--editing .certificate__logo__editor-action svg{height:20px;width:20px;flex-shrink:0}.certificate--editing .certificate__logo__editor-action:hover{color:var(--light-muted-color)}.certificate--editing .certificate__logo__editor-action:not(:first-child){margin-left:12px}.certificate--editing .certificate__logo__editor-action--remove{display:none}.certificate--editing img+.certificate__logo__editor-overlay .certificate__logo__editor-action--remove{display:flex}