.certificate .head{gap:16px}.certificate .head,.certificate .head__main{align-items:center;display:flex}.certificate .head h2{--tw-text-opacity:1;color:hsl(var(--twc-textColor-600)/var(--twc-textColor-600-opacity,var(--tw-text-opacity)))}.certificate-card{margin-top:20px}.certificate-card-text{align-items:center;display:flex;gap:24px}.certificate-card-text .right{display:flex;flex-direction:column}.certificate-card-text .right .img-wrapper{border-radius:4px;border-width:1px;position:relative;--tw-border-opacity:1;border-color:hsl(var(--twc-borderColor-200)/var(--twc-borderColor-200-opacity,var(--tw-border-opacity)));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.certificate-card-text .right .img-wrapper img{border-radius:4px}.certificate-card-text .right .img-wrapper--preview{aspect-ratio:175/146;overflow:hidden;width:275px}.certificate-card-text .right .actions{margin-top:24px}.certificate-card-text .right .actions .unlocked-actions{display:flex;flex-direction:column;gap:25px}.certificate-card-text .right .actions .done-actions{align-items:center;display:flex;gap:8px}.certificate--mobile{border-radius:8px;border-width:1px;--tw-border-opacity:1;border-color:hsl(var(--twc-borderColor-200)/var(--twc-borderColor-200-opacity,var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:hsl(var(--twc-bgColor-100)/var(--twc-bgColor-100-opacity,var(--tw-bg-opacity)));padding:16px}.certificate--mobile .head{align-items:center;display:flex;justify-content:space-between}.certificate--mobile .certificate-card{border-style:none;margin-top:16px;padding:0}.certificate--mobile .certificate-card-text{align-items:stretch;flex-direction:column;gap:16px}.certificate--mobile .certificate-card-text .right{align-items:center;display:flex;flex-direction:column;gap:16px}.certificate--mobile .certificate-card-text .right .img-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.certificate--mobile .certificate-card-text .right .img-wrapper--preview{max-width:none;width:100%}.certificate--mobile .certificate-card-text .right .action{align-items:center;display:flex;justify-content:center;width:100%}.certificate--mobile .certificate-card-text .right .action .progress-bar-wrapper{width:100%}