.input-label{display:block;margin:0 2px 7px;color:#4e6275;font-size:12px;font-weight:800}.grade-input{width:100%;height:46px;box-sizing:border-box;margin-bottom:16px;padding:0 13px;border:1px solid #d8dee3;border-radius:10px;outline:none;color:#26364a;background:#fbfcfc;font:inherit;direction:rtl;text-align:right}.grade-input:focus{border-color:#a57d32;box-shadow:0 0 0 3px #a57d321f}.certificate{position:relative;display:grid;place-items:center;width:100%;min-height:0;aspect-ratio:614 / 418;padding:0;overflow:hidden;border:0;outline:0;border-radius:3px;background:#fff;box-shadow:0 12px 30px #322d2324}.certificate__artboard{position:relative;width:100%;height:100%;aspect-ratio:614 / 418;overflow:hidden}.certificate__template{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none}.certificate__data{position:absolute;top:39.45%;left:31.25%;display:flex;width:37.15%;height:6.25%;align-items:center;justify-content:center;overflow:hidden;color:#162d30;font-family:Tahoma,Arial,sans-serif;font-size:clamp(9px,1.45vw,18px);font-weight:700;line-height:1;text-align:center;white-space:nowrap}.certificate__data span{display:block;max-width:100%;overflow:hidden;padding-inline:2px;text-overflow:clip}.certificate__data--medium{font-size:clamp(8px,1.2vw,15px)}.certificate__data--long{font-size:clamp(7px,1vw,12px)}@media (max-width: 900px){.certificate__data{font-size:clamp(9px,3.1vw,18px)}.certificate__data--medium{font-size:clamp(8px,2.5vw,15px)}.certificate__data--long{font-size:clamp(7px,2vw,12px)}}@media (max-width: 520px){.certificate{border-radius:2px;box-shadow:0 8px 20px #322d231a}}@media print{@page{size:A4 landscape;margin:0}html,body{width:100%;height:100%;margin:0;background:#fff}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}.app-shell{width:100vw;height:100vh;min-height:0;padding:0;overflow:visible;background:#fff}.print-area.print-area--active{display:block;width:100vw;height:100vh}.print-area .certificate{display:grid;width:100vw;height:100vh;min-height:0;aspect-ratio:auto;margin:0;border:0;border-radius:0;box-shadow:none;page-break-after:always;break-after:page}.print-area .certificate:last-child{page-break-after:auto;break-after:auto}.print-area .certificate__artboard{width:min(calc(100vw - 24px),calc((100vh - 24px) * 614 / 418));height:auto;aspect-ratio:614 / 418;margin:auto}.print-area .certificate__data{font-size:min(1.6vw,18px)}.print-area .certificate__data--medium{font-size:min(1.3vw,15px)}.print-area .certificate__data--long{font-size:min(1vw,12px)}}