*{box-sizing:border-box;margin:0;padding:0}.certificate{min-height:100%}.certificate-career{background:transparent;height:514px;perspective:1000px;position:relative;width:728px}.certificate-career h1{color:#fff;font-family:Chakra Petch,"sans-serif";font-size:35px;font-style:normal;font-weight:400;letter-spacing:13.8px;line-height:100%;margin:20px 0 16px;text-transform:uppercase}.certificate-career strong{font-weight:700}.flipper{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.certificate-career.flipped .flipper{transform:rotateY(-180deg)}.certificate-back-wrapper,.front{backface-visibility:hidden;border-radius:8px;display:flex;font-family:sans-serif;height:auto;inset:0;justify-content:space-between;padding:2.013% 3.611% 3.333%;position:absolute;width:auto}.certificate-back-wrapper{padding:4.013% 3.611% 3.333%}.certificate-front-signature-info{border-color:#33d3f2;border-width:1px}.certificate-back-wrapper,.front{background:linear-gradient(180deg,#006eff,#0012da)}.front:before{background:url(/assets/images/careerPath/certificate/bg.png);background-position:-8% calc(100% + 99px);background-repeat:no-repeat;background-size:contain;content:"";inset:0;position:absolute}.certificate-back-wrapper{color:#fff;transform:rotateY(180deg)}.certificate-back-wrapper:before{background:url(/assets/images/careerPath/certificate/bg.png);background-position:-8% calc(100% + 99px);background-repeat:no-repeat;background-size:contain;content:"";inset:0;position:absolute;transform:scaleX(-1)}.break-line:before{content:"\A";white-space:pre}.certificate-front__step{color:#3cf2ff;display:-webkit-box;font-size:24px;font-weight:700;-webkit-line-clamp:2;margin-top:20px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.certificate-front__step,.certificate-front__step-name{font-family:Chakra Petch,sans-serif;font-style:normal;text-transform:uppercase}.certificate-front__step-name{color:#fff;font-size:17px;font-weight:400;line-height:113%}.certificate-front-user-info__github{align-items:flex-end;font-size:12px}.certificate-front__career-name{color:#05d9ff;display:-webkit-box;font-family:Chakra Petch,sans-serif;font-size:15px;font-style:normal;font-weight:700;-webkit-line-clamp:3;line-height:150%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:18px;text-transform:uppercase}.certificate-front__career-name span{color:#fff;font-size:19px;letter-spacing:5.621px;line-height:107%}.certificate-front,.certificate-front.--mobile{height:100%;padding:12px 12px 0 30px;width:100%}.certificate-front__side{background:url(/assets/images/careerPath/certificate/bg-side.png) no-repeat 50%;background-size:cover;border-radius:10px;height:100%;position:relative;width:120px}.certificate-front__side img{margin-top:20px;max-width:100px;width:100%}.certificate-front__side-container{position:relative}.certificate-front__side-link{color:#fff;font-family:Inter,sans-serif;font-size:10px;font-weight:400;height:12px;position:absolute;right:calc(100% - 132px);top:0;transform:rotate(90deg);white-space:nowrap;width:0}.certificate-front-arrow{background-color:transparent;border:none;bottom:20px;cursor:pointer;margin-left:-54px;margin-top:12px;position:absolute;right:calc(100% - 85px);transform:rotate(1turn);width:47px}.certificate-front-arrow svg{width:100%}.certificate-front-arrow.--back{transform:rotate(180deg)}.certificate-career__content-user{align-items:center;display:flex;gap:20px;position:relative}.certificate-career__avatar-wrapper{align-items:center;display:flex;height:109px;position:relative;width:109px}.certificate-front-avatar{background-image:url(/assets/images/retrospective/default-avatar.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:6.814px solid #e0e2ff;border-radius:100%;height:46px;left:-2px;position:relative;position:unset;top:15px;width:46px}.certificate-career__name{color:#fff;font-family:Inter,sans-serif;font-size:18px;font-style:normal;font-weight:800;letter-spacing:1.6px;line-height:normal;text-transform:uppercase}.certificate-career__content-user-info{display:flex;flex-direction:column;gap:10px}.certificate-front-user-info__course_info{color:#fff;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:150%}.certificate-front-user-info__course-finished{color:#fff;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.certificate-front-signature{margin:0}.certificate-back-pre-title{color:#89f7ff;font-weight:500;line-height:97%}.certificate-back-pre-title,.certificate-back-title-main{font-family:Chakra Petch,sans-serif;font-size:20px;font-style:normal;text-transform:uppercase}.certificate-back-title-main{color:#fff;font-weight:700;line-height:113%}.certificate-back__title-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.certificate-back-line{background:#89f7ff;display:block;height:2px;margin-bottom:20px;max-width:300px;width:100%}.certificate-back__courses{display:grid;font-family:Inter,sans-serif;font-size:10px;font-weight:600;gap:8px;grid-auto-flow:column;grid-auto-rows:min-content;grid-template-rows:repeat(12,max-content);padding-left:14px}@media print{.print-front .front{display:flex!important}.print-back .front,.print-front .certificate-back-wrapper{display:none!important}.print-back .certificate-back-wrapper{display:flex!important}.certificate-career__avatar-wrapper{height:160px;width:160px}.certificate-front-avatar{height:100%!important;width:100%!important}.certificate-career,.certificate-career.--mobile{border:unset;height:740px;width:1120px}.certificate-front,.front,.front.--mobile{height:100%;width:100%}.certificate-career h1{font-size:60px;margin-bottom:37px}.certificate-career__content-user-info{margin-bottom:30px}.certificate-career__name{font-size:25px}.certificate-front-user-info__course_info{font-size:20px}.certificate-front-user-info__course-finished,.certificate-front-user-info__github{font-size:18px}.certificate-front-user-info__github{gap:12px;margin-top:18px}.certificate-front-user-info__github_image{height:25px;width:25px}.certificate-front__step{font-size:42px;margin-top:6px}.certificate-front__step-name{font-size:21px}.certificate-front__career-name{font-size:24px}.certificate-front__career-name span{font-size:28px}}@media (min-width:1024px){.certificate-front-avatar{height:100%;width:100%}}@media screen and (max-width:767px){.certificate-background{width:100%}.certificate-career{height:211px;width:300px}.certificate-career h1{font-size:10px;letter-spacing:5.8px;margin-top:0}.certificate-career__content-user-info{gap:5px}.certificate-front__step{margin-top:8px}.certificate-career__name{font-size:7px}.certificate-career__content-user{gap:10px}.certificate-front-user-info__course-finished,.certificate-front-user-info__course_info,.certificate-front-user-info__github{font-size:4px}.certificate-career__avatar-wrapper{height:auto;width:auto}.certificate-front__career-name,.certificate-front__career-name span,.certificate-front__step,.certificate-front__step-name{font-size:8px}.certificate-front__career-name span{letter-spacing:1.621px}.certificate-front__career-name{margin-top:5px}.certificate-front,.certificate-front.--mobile{padding:10px}.certificate-front__side{width:40px}.certificate-front__side-link{font-size:.16rem;right:calc(100% - 41px)}.certificate-front-arrow{bottom:8px;right:calc(100% - 32px);width:24px}.certificate-back-pre-title{font-size:8px}.certificate-back-title-main{font-size:10px}.certificate-back__title-wrapper{gap:5px;margin-bottom:10px}.certificate-back-line{margin-bottom:10px}.certificate-back__courses{font-size:4px;gap:2px}}