.audit-sketch{--sketch-fail:#c62a2f;--sketch-fail-tint:#feebec;text-align:left;text-transform:none;letter-spacing:normal;white-space:normal;width:100%;font-style:normal;font-weight:400;position:relative;container-type:inline-size}.audit-sketch--frame{aspect-ratio:605/390;align-items:center;display:flex}.audit-sketch--tall{aspect-ratio:616/512}.audit-sketch .ui{background:var(--white);border:1px solid var(--dark-10);width:100%;font-family:var(--body-font-family);color:var(--dark);border-radius:.85em;flex-direction:column;font-size:2.6cqw;line-height:1.3;display:flex;overflow:hidden;box-shadow:0 1.5em 3.5em #1f0c5424,0 .25em .7em #1414280f}.audit-sketch--dark:before{content:"";background:var(--gradient-primary);clip-path:polygon(0 0,100% 0,70.2% 100%,0 100%);width:66%;position:absolute;top:-7%;bottom:-7%;left:0}.audit-sketch--dark .ui{width:93%;box-shadow:none;border-color:#0000;margin-left:7%;position:relative}.audit-sketch .ui-head{align-items:center;gap:.75em;padding:1.15em 1.3em .75em;display:flex}.audit-sketch .ui-chip{background:var(--secondary-20);width:2.5em;height:2.5em;color:var(--secondary);border-radius:.6em;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audit-sketch .ui-chip svg{width:1.35em;height:1.35em;display:block}.audit-sketch .ui-title{font-family:var(--heading-font-family);letter-spacing:-.02em;font-size:1.15em;font-weight:700}.audit-sketch .ui-grow{flex:1 1 0;min-width:0}.audit-sketch .ui-tabs{border-bottom:1px solid var(--dark-10);gap:1.6em;padding:0 1.3em;font-size:.74em;display:flex}.audit-sketch .ui-tab{color:var(--dark-60);white-space:nowrap;padding:.65em 0}.audit-sketch .ui-tab-on{color:var(--secondary);box-shadow:inset 0 -2px 0 var(--secondary)}.audit-sketch .ui-body{flex-direction:column;gap:.9em;padding:1.1em 1.3em;display:flex}.audit-sketch .ui-row{border-bottom:1px solid var(--dark-5);align-items:center;gap:.9em;padding:.8em 1.3em;display:flex}.audit-sketch .ui>.ui-row:last-child{border-bottom:0}.audit-sketch .ui-row-on{background:var(--secondary-5);box-shadow:inset 3px 0 0 var(--secondary)}.audit-sketch .ui-line{align-items:center;gap:.9em;display:flex}.audit-sketch .ui-list{flex-direction:column;gap:.75em;display:flex}.audit-sketch .ui-actions{gap:.6em;margin-top:.2em;display:flex}.audit-sketch .ui-btn{background:var(--secondary);color:var(--white);white-space:nowrap;border-radius:.35em;align-items:center;padding:.45em .9em;font-size:.72em;font-weight:700;display:inline-flex}.audit-sketch .ui-btn-ghost{color:var(--dark-60);box-shadow:inset 0 0 0 1px var(--dark-20);background:0 0}.audit-sketch .ui-label{letter-spacing:.04em;text-transform:uppercase;color:var(--dark-60);font-size:.72em;font-weight:700}.audit-sketch .ui-strong{color:var(--dark);font-size:.82em;font-weight:700}.audit-sketch .ui-num{background:var(--dark-5);width:1.9em;height:1.9em;color:var(--dark-60);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7em;font-weight:700;display:flex}.audit-sketch .ui-panel{border:1px solid var(--dark-10);border-radius:.5em;flex-direction:column;gap:.65em;padding:.95em 1.05em;display:flex}.audit-sketch .ui-quote{background:var(--secondary-5);box-shadow:inset 3px 0 0 var(--secondary);flex-direction:column;gap:.55em;padding:.8em .95em;display:flex}.audit-sketch .ui-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em;display:grid}.audit-sketch .ui-stat{border:1px solid var(--dark-10);border-radius:.5em;flex-direction:column;gap:.55em;padding:.85em .9em;display:flex}.audit-sketch .sk{background:var(--dark-10);border-radius:1em;flex-shrink:0;height:.55em;display:block}.audit-sketch .sk-tint{background:var(--secondary-20)}.audit-sketch .w15{width:15%}.audit-sketch .w25{width:25%}.audit-sketch .w35{width:35%}.audit-sketch .w45{width:45%}.audit-sketch .w55{width:55%}.audit-sketch .w65{width:65%}.audit-sketch .w80{width:80%}.audit-sketch .w95{width:95%}.audit-sketch .tag{white-space:nowrap;border-radius:.3em;flex-shrink:0;align-items:center;padding:.22em .6em;font-size:.68em;font-weight:700;line-height:1.3;display:inline-flex}.audit-sketch .tag-ok{background:var(--success-10);color:var(--success-text)}.audit-sketch .tag-bad{background:var(--sketch-fail-tint);color:var(--sketch-fail)}.audit-sketch .tag-warn{background:var(--warning-10);color:var(--warning-text)}.audit-sketch .tag-mute{background:var(--dark-5);color:var(--dark-60)}.audit-sketch .tag-brand{background:var(--secondary-10);color:var(--secondary)}
