.cb-root{--ui-bg:#0b0e0d;--ui-panel:#14181a;--ui-panel-2:#1b2124;--ui-line:rgba(255,255,255,.1);--ui-ink:#f4f6f5;--ui-muted:rgba(244,246,245,.62);--ui-faint:rgba(244,246,245,.36);--ui-accent:#E8452C;--c1:#16365e;--c2:#e6b422;background:var(--ui-bg);color:var(--ui-ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.cb-root *{box-sizing:border-box}.cb-head{text-align:center;max-width:640px;margin:0 auto;padding:clamp(16px,3vw,28px) 16px 0}.cb-head h1{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(26px,5vw,42px);margin:0 0 8px}.cb-head p{color:var(--ui-muted);font-size:15px;margin:0}.cb-wrap{max-width:1240px;margin:0 auto;padding:clamp(16px,3vw,30px) clamp(14px,4vw,32px) 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:clamp(20px,3vw,40px);align-items:start}@media(max-width:960px){.cb-wrap{grid-template-columns:1fr}}.cb-previewcol{position:sticky;top:16px}@media(max-width:960px){.cb-previewcol{position:static}}.cb-stagehd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted)}.cb-stagehd .live{display:inline-flex;align-items:center;gap:7px}.cb-stagehd .dot{width:8px;height:8px;border-radius:50%;background:#5fe0a0;box-shadow:0 0 8px #5fe0a0}.cb-stage{position:relative;background:#0e1213;border-radius:10px;padding:clamp(10px,2vw,18px);border:1px solid var(--ui-line)}.cb-pop{position:absolute;z-index:20;background:#14181a;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px;box-shadow:0 14px 40px #0000008c;display:flex;flex-direction:column;gap:8px;width:250px;max-width:calc(100% - 12px)}.cb-pop[hidden]{display:none}.cb-root.cb-dragging .cb-pop{opacity:0;pointer-events:none}.cb-pop-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cb-pop-text{flex:1 1 100%;background:#0b0e0d;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 10px;color:#fff;font:inherit;font-size:14px}.cb-pop-col{width:36px;height:30px;border:0;border-radius:7px;background:none;cursor:pointer;padding:0;flex:0 0 auto}.cb-pop-font{flex:1;min-width:84px;background:#0b0e0d;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 8px;color:#fff;font:inherit;font-size:13px}.cb-pop-mini{background:#1b2124;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:8px;padding:7px 9px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;flex:0 0 auto}.cb-pop-mini:hover{border-color:var(--ui-accent)}.cb-pop-mini.on{background:var(--ui-accent);border-color:var(--ui-accent)}.cb-flip{display:flex;gap:8px;justify-content:center;margin-top:12px}.cb-flipbtn{border:1px solid var(--ui-line);background:var(--ui-panel-2);color:var(--ui-ink);border-radius:9px;padding:8px 18px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.cb-flipbtn.is-active{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}.cb-hint{font-size:12px;color:var(--ui-faint);margin:10px 0 0;text-align:center}.cb-helper{margin:12px 0 0;text-align:center;font-size:13px;font-weight:600;color:var(--ui-ink);background:#e8452c1f;border:1px solid rgba(232,69,44,.32);border-radius:10px;padding:10px 12px}.cb-helper b{color:#f0b62c}.cert{position:relative;width:100%;aspect-ratio:1.4142;background:#fff;overflow:hidden;container-type:inline-size;border-radius:2px;box-shadow:0 20px 50px #00000080}.cert-back{display:none;background:var(--c1)}.cb-root.cb-showback .cert-front{display:none}.cb-root.cb-showback .cert-back{display:block}.cb-root .cert-photo{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:1}.cert-sw{position:absolute;left:0;width:100%;z-index:2;display:block}.cert-sw-top{top:0;height:15cqw}.cert-sw-bot{bottom:0;height:17cqw}.cert-heading{position:absolute;top:2.6cqw;left:0;right:0;z-index:4;text-align:center;margin:0;font-family:var(--cert-font,"Anton"),sans-serif;font-weight:400;text-transform:uppercase;color:var(--c2);font-size:7cqw;line-height:1;letter-spacing:.01em;text-shadow:0 .3cqw .5cqw rgba(0,0,0,.35);padding:0 12cqw}.cert-fields{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:1.6cqw;align-items:center;padding:0 8cqw}.cert-row{width:100%;max-width:calc(58cqw * var(--box-scale,1));background:var(--box-bg,#fff);border-radius:1.8cqw;padding:calc(1.2cqw * var(--box-scale,1)) calc(2.6cqw * var(--box-scale,1));display:flex;flex-direction:column;box-shadow:0 .8cqw 2cqw #0000004d}.cert-lb{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--c1);font-size:1.7cqw;line-height:1}.cert-val{font-family:var(--cert-font,"Archivo"),sans-serif;font-weight:700;color:#14181a;font-size:3.1cqw;line-height:1.1;margin-top:.5cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-val:empty:before{content:"";display:inline-block;width:100%;border-bottom:.22cqw solid rgba(20,24,26,.4);margin-top:1.7cqw}.cert-crest{position:absolute;left:4cqw;bottom:3.2cqw;z-index:5;width:var(--crest-w,13cqw);height:var(--crest-w,13cqw);display:grid;place-items:center}.cert-crest img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 .6cqw 1cqw rgba(0,0,0,.5))}.cert-crest-ph{width:100%;height:100%;border:.4cqw dashed rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;color:#ffffffb3;font-family:Oswald,sans-serif;font-size:1.7cqw;text-transform:uppercase;letter-spacing:.1em;text-align:center}.cert-message{position:absolute;right:5cqw;bottom:4.4cqw;z-index:5;margin:0;font-family:var(--cert-font,"Anton"),sans-serif;font-weight:400;text-transform:uppercase;color:#fff;font-size:6cqw;line-height:1;text-shadow:0 .4cqw .7cqw rgba(0,0,0,.45)}.cert-back-in{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;text-align:center;padding:16cqw 10cqw}.cert-crest-b{position:static;width:var(--crest-w-b,22cqw);height:var(--crest-w-b,22cqw)}.cert-back-name{margin:0;font-family:var(--cert-font,"Anton"),sans-serif;font-weight:400;text-transform:uppercase;color:var(--c2);font-size:6cqw;line-height:1;text-shadow:0 .3cqw .5cqw rgba(0,0,0,.4)}.cert-back-tag{margin:0;font-family:Oswald,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#fff;font-size:2.2cqw}.cb-controls{display:flex;flex-direction:column;gap:22px}.cb-panel{background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:14px;padding:clamp(16px,2.4vw,22px)}.cb-panel-h{display:flex;align-items:center;gap:10px;margin:0 0 14px}.cb-panel-n{width:24px;height:24px;border-radius:50%;background:var(--ui-accent);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;flex:0 0 auto}.cb-panel-t{font-size:15.5px;font-weight:800}.cb-lb{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ui-muted);text-transform:uppercase;margin:14px 0 8px}.cb-lb:first-child{margin-top:0}.cb-swatches{display:flex;gap:10px;flex-wrap:wrap}.cb-swatch{display:flex;align-items:center;gap:9px;background:var(--ui-panel-2);border:1px solid var(--ui-line);border-radius:10px;padding:8px 12px}.cb-swatch label{font-size:12.5px;color:var(--ui-muted);font-weight:600}.cb-swatch input[type=color]{width:34px;height:34px;border:0;border-radius:8px;background:none;cursor:pointer;padding:0}.cb-presetcols{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cb-presetcols button{display:inline-flex;border:2px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;cursor:pointer;padding:0;width:52px;height:26px}.cb-presetcols button i{flex:1;display:block}.cb-bgfilter{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.cb-bgfilter button{background:var(--ui-panel-2);border:1px solid var(--ui-line);color:var(--ui-ink);border-radius:100px;padding:6px 12px;font:inherit;font-size:12.5px;cursor:pointer}.cb-bgfilter button[aria-pressed=true]{background:#fff;color:#0b0e0d;border-color:#fff}.cb-bggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-height:300px;overflow:auto;padding:2px}.cb-bgcell{aspect-ratio:1.5;border:2px solid var(--ui-line);border-radius:9px;overflow:hidden;cursor:pointer;padding:0;background:#0b0e0d}.cb-bgcell[aria-pressed=true]{border-color:var(--ui-accent);box-shadow:0 0 0 2px #e8452c59}.cb-bgcell img{width:100%;height:100%;object-fit:cover;display:block}.cb-fonts{display:flex;flex-wrap:wrap;gap:8px}.cb-fontchip{border:1px solid var(--ui-line);background:var(--ui-panel-2);color:var(--ui-ink);border-radius:9px;padding:8px 13px;font-size:15px;cursor:pointer;transition:.13s}.cb-fontchip:hover{border-color:var(--ui-accent)}.cb-fontchip[aria-pressed=true]{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}.cb-range{width:100%;accent-color:var(--ui-accent);margin:2px 0 4px}.cb-elpick{display:flex;flex-wrap:wrap;gap:8px}.cb-elchip{border:1px solid var(--ui-line);background:var(--ui-panel-2);color:var(--ui-ink);border-radius:9px;padding:8px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.13s}.cb-elchip:hover{border-color:var(--ui-accent)}.cb-elchip[aria-pressed=true]{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}.cb-eleditor{margin-top:14px;border-top:1px solid var(--ui-line);padding-top:14px}.cb-eleditor:empty{display:none}.cb-eleditor .cb-lb:first-child{margin-top:0}.cb-eleditor input[type=color]{width:44px;height:34px;border:0;border-radius:8px;background:none;cursor:pointer;padding:0;vertical-align:middle}.cb-eleditor .cb-resetcol{background:none;border:0;color:var(--ui-muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;margin-left:10px;text-decoration:underline}.cb-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.cb-toggle .t{font-size:14px;font-weight:600}.cb-switch{width:44px;height:26px;border-radius:100px;border:1px solid var(--ui-line);background:var(--ui-panel-2);position:relative;cursor:pointer;flex:0 0 auto;transition:.15s}.cb-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.15s}.cb-switch[aria-pressed=true]{background:var(--ui-accent);border-color:var(--ui-accent)}.cb-switch[aria-pressed=true]:after{left:20px}.cb-root:not(.cb-exporting) .cert-front .cert-heading,.cb-root:not(.cb-exporting) .cert-front .cert-message,.cb-root:not(.cb-exporting) .cert-front .cert-row,.cb-root:not(.cb-exporting) .cert-back .cert-back-name{cursor:grab;touch-action:none}.cb-root.cb-dragging .cert-heading,.cb-root.cb-dragging .cert-message,.cb-root.cb-dragging .cert-row,.cb-root.cb-dragging .cert-back-name{cursor:grabbing}.cert-sel{outline:.3cqw dashed #E8452C;outline-offset:.5cqw}.cb-root.cb-exporting .cert-sel{outline:none!important}.cb-root.cb-exporting .cert-crest-ph{display:none!important}.cb-root:not(.cb-exporting) .cert-front .cert-crest{cursor:grab}.cb-root.cb-dragging .cert-front .cert-crest{cursor:grabbing}.cb-boxrow{display:flex;align-items:center;gap:12px}.cb-boxrow input[type=color]{width:44px;height:34px;border:0;border-radius:8px;background:none;cursor:pointer;padding:0;flex:0 0 auto}.cb-boxrow .cb-range{flex:1;margin:0}.cb-lb-sub{font-weight:400;text-transform:none;color:var(--ui-faint)}.cb-input{width:100%;background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:10px;padding:12px 13px;color:var(--ui-ink);font:inherit;font-size:15px}.cb-input:focus{outline:0;border-color:var(--ui-accent);box-shadow:0 0 0 3px #e8452c33}.cb-drop{display:block;border:1.5px dashed var(--ui-line);border-radius:12px;padding:16px;text-align:center;cursor:pointer;background:#ffffff05;transition:.15s}.cb-drop:hover{border-color:var(--ui-accent);background:#e8452c0d}.cb-drop strong{display:block;font-size:14px}.cb-drop span{font-size:12px;color:var(--ui-faint)}.cb-drop input{display:none}.cb-chipfile{display:flex;align-items:center;gap:10px;background:var(--ui-panel-2);border:1px solid var(--ui-line);border-radius:10px;padding:8px 10px;margin-top:8px}.cb-chipfile img{width:34px;height:34px;object-fit:contain;border-radius:6px;background:#0b0e0d}.cb-chipfile .n{flex:1;font-size:12.5px;color:var(--ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-chipfile button{background:none;border:0;color:var(--ui-accent);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.cb-bgrow{margin-top:10px}.cb-minibtn{background:var(--ui-panel-2);border:1px solid var(--ui-line);color:var(--ui-ink);border-radius:9px;padding:9px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;margin-right:8px}.cb-minibtn:hover{border-color:var(--ui-accent)}.cb-bgmsg{font-size:12px;color:var(--ui-muted)}.cb-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cb-buy{background:linear-gradient(180deg,var(--ui-panel),var(--ui-panel-2));border:1px solid var(--ui-line);border-radius:14px;padding:20px}.cb-price{font-family:Anton,sans-serif;font-size:30px;line-height:1;margin:12px 0 14px}.cb-cta{width:100%;background:var(--ui-accent);color:#fff;border:0;border-radius:11px;padding:16px 20px;font:inherit;font-weight:800;font-size:16px;cursor:pointer;transition:filter .15s,transform .12s}.cb-cta:hover{filter:brightness(1.07);transform:translateY(-1px)}.cb-cta[disabled]{opacity:.7;cursor:default;transform:none}.cb-reassure{font-size:12.5px;color:var(--ui-muted);text-align:center;margin:12px 0 0;line-height:1.5}.cb-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#060807e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cb-loading[hidden]{display:none}.cb-loading-box{text-align:center;max-width:360px;padding:26px}.cb-spinner{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;border:4px solid rgba(255,255,255,.16);border-top-color:#e8452c;animation:cb-spin .8s linear infinite}@keyframes cb-spin{to{transform:rotate(360deg)}}.cb-loading-t{font-family:Anton,sans-serif;text-transform:uppercase;font-size:23px;color:#fff;margin:0 0 6px}.cb-loading-s{font-size:13.5px;color:#ffffffb8;margin:0 0 20px;line-height:1.5}.cb-bar{height:9px;border-radius:100px;background:#ffffff21;overflow:hidden}.cb-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#e8452c,#f0b62c);border-radius:100px}@media(prefers-reduced-motion:reduce){*{transition:none!important}.cb-spinner{animation-duration:1.4s}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/certificate-builder.css.map */