@layer components{.qa-widget_wrap{font-size:var(--text-small);--_good:var(--success-border);--_warn:var(--warning-border);--_bad:var(--error-border);background-color:var(--light-base);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);width:100%;box-shadow:0 1.5rem 3rem -1.5rem color-mix(in srgb, var(--brand-500) 30%, transparent);color:var(--dark-900);text-align:left;line-height:1.4;overflow:hidden}.qa-widget_top{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border);display:flex}.qa-widget_title{white-space:nowrap;align-items:center;gap:var(--space-2);font-weight:var(--primary-bold);display:flex}.qa-widget_logo{background-color:var(--brand-500);border-radius:.2rem;width:.75rem;height:.75rem}.qa-widget_status{white-space:nowrap;border-radius:var(--radius-round);flex:none;padding:.3rem .65rem}.qa-widget_status.good{background-color:var(--success-background);color:color-mix(in srgb, var(--_good), black 35%)}.qa-widget_status.bad{background-color:var(--error-background);color:color-mix(in srgb, var(--_bad), black 25%)}.qa-widget_body{padding:var(--space-5) var(--space-4)}.qa-widget_body.flush{padding:0}.qa-widget_label,.qa-widget_muted{color:color-mix(in srgb, var(--dark-900) 50%, transparent)}.qa-widget_score{margin-top:var(--space-3);font-family:var(--heading-family);letter-spacing:-.03em;font-size:3.5rem;font-weight:500;line-height:1}.qa-widget_meter{height:.375rem;margin-top:var(--space-4);background-color:var(--light-200);border-radius:var(--radius-round);overflow:hidden}.qa-widget_meter span{width:var(--_value);background-color:var(--_good);border-radius:inherit;height:100%;display:block}.qa-widget_rows{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border);flex-direction:column;display:flex}.qa-widget_row{align-items:center;gap:var(--space-3);grid-template-columns:5.5rem minmax(0,1fr) 4rem;display:grid}.qa-widget_bar{background-color:var(--light-200);border-radius:var(--radius-round);height:.25rem;overflow:hidden}.qa-widget_bar span{width:var(--_value);border-radius:inherit;height:100%;display:block}.qa-widget_bar.good span{background-color:var(--_good)}.qa-widget_bar.warn span{background-color:var(--_warn)}.qa-widget_bar.bad span{background-color:var(--_bad)}.qa-widget_value{text-align:right}.qa-widget_value.good{color:color-mix(in srgb, var(--_good), black 30%)}.qa-widget_value.warn{color:color-mix(in srgb, var(--_warn), black 30%)}.qa-widget_tabs{gap:var(--space-1);padding:var(--space-3) var(--space-4) 0;border-bottom:var(--border-width) solid var(--border);display:flex}.qa-widget_tab{color:color-mix(in srgb, var(--dark-900) 50%, transparent);border-bottom:.125rem solid #0000;padding:.35rem .75rem .5rem}.qa-widget_tab.active{border-bottom-color:var(--brand-500);color:var(--dark-900)}.qa-widget_panes{gap:var(--space-3);padding:var(--space-4);background-color:var(--light-100);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qa-widget_pane-label{justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2);white-space:nowrap;display:flex}@media not (min-width:45.5rem){.qa-widget_pane-label .qa-widget_muted{display:none}}.qa-widget_page{padding:var(--space-3);background-color:var(--light-base);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);flex-direction:column;gap:.45rem;display:flex}.qa-widget_block{background-color:var(--light-200);border-radius:var(--radius-round);height:.4rem;display:block}.qa-widget_block.nav{background-color:var(--light-100);height:.5rem;margin-bottom:.4rem}.qa-widget_block.title{background-color:color-mix(in srgb, var(--dark-900) 75%, transparent);width:80%;height:.75rem}.qa-widget_block.short{width:60%}.qa-widget_block.button{background-color:var(--brand-500);border-radius:.15rem;width:40%;height:.75rem;margin-top:.2rem}.qa-widget_block.card{background-color:var(--brand-100);border-radius:.25rem;flex:1;height:2.25rem}.qa-widget_cards{gap:.4rem;margin-top:.4rem;display:flex}.qa-widget_list{flex-direction:column;display:flex}.qa-widget_item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border);display:flex}.qa-widget_item:last-child{border-bottom:0}.qa-widget_item.stacked{align-items:flex-start;gap:var(--space-1);flex-direction:column}.qa-widget_code{border-radius:var(--radius-xsmall);text-align:center;flex:none;min-width:2.75rem;padding:.25rem .45rem}.qa-widget_code.good{background-color:var(--success-background);color:color-mix(in srgb, var(--_good), black 35%)}.qa-widget_code.bad{background-color:var(--error-background);color:color-mix(in srgb, var(--_bad), black 25%)}.qa-widget_path{gap:0 var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.qa-widget_found{background-color:var(--warning-background);border-radius:var(--radius-xsmall);box-shadow:inset 0 -.125rem 0 var(--_warn);padding:.25rem .4rem}.qa-widget_meter.warn span{background-color:var(--_warn)}.qa-widget_meter.bad span{background-color:var(--_bad)}.qa-widget_value.bad{color:color-mix(in srgb, var(--_bad), black 15%)}.qa-widget_code.minor{background-color:var(--warning-background);color:color-mix(in srgb, var(--_warn), black 35%)}.qa-widget_code.major{background-color:var(--error-background);color:color-mix(in srgb, var(--_bad), black 25%)}.qa-widget_status.neutral{background-color:var(--light-100);color:color-mix(in srgb, var(--dark-900) 65%, transparent)}.qa-widget_severity{border-radius:var(--radius-round);flex:none;margin-left:auto;padding:.3rem .55rem;line-height:1}.qa-widget_severity.major{background-color:var(--error-background);color:color-mix(in srgb, var(--_bad), black 25%)}.qa-widget_severity.minor{background-color:var(--warning-background);color:color-mix(in srgb, var(--_warn), black 35%)}.qa-widget_item-top{align-items:center;gap:var(--space-2);width:100%;display:flex}.qa-widget_found{-webkit-box-decoration-break:clone;box-decoration-break:clone}.qa-widget_canvas{margin:var(--space-4);padding:var(--space-3);background-color:var(--light-100);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);flex-direction:column;gap:.45rem;display:flex;position:relative}.qa-widget_pin{background-color:var(--light-base);border:.125rem solid var(--brand-500);width:1.5rem;height:1.5rem;color:var(--brand-500);box-shadow:0 .25rem .75rem -.25rem color-mix(in srgb, var(--brand-500) 60%, transparent);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;font-size:.75rem;line-height:1;display:flex;position:absolute;transform:translate(-50%,-100%)}.qa-widget_pin.active{background-color:var(--brand-500);color:var(--light-base)}.qa-widget_pin.static{box-shadow:none;flex:none;position:static;transform:none}.qa-widget_thread{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-block:var(--border-width) solid var(--border);background-color:color-mix(in srgb, var(--brand-100) 50%, transparent);flex-direction:column;display:flex}.qa-widget_comment{padding:var(--space-2) var(--space-3);background-color:var(--light-base);border:var(--border-width) solid var(--border);border-radius:var(--radius-small)}.qa-widget_comment.reply{margin-left:var(--space-5)}.qa-widget_mention{color:var(--brand-500);font-weight:var(--primary-bold)}.qa-widget_severity.good{background-color:var(--success-background);color:color-mix(in srgb, var(--_good), black 35%)}.qa-widget_doc{gap:var(--space-2);flex-direction:column;display:flex}.qa-widget_doc-title{font-family:var(--heading-family);font-size:1.25rem;line-height:1.15}.qa-widget_doc-text{color:color-mix(in srgb, var(--dark-900) 70%, transparent);line-height:1.6}.qa-widget_hit{background-color:#0000;background-image:linear-gradient(var(--error-background), var(--error-background));color:var(--dark-900);box-shadow:inset 0 -.125rem 0 var(--_bad);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;background-size:100% 100%;padding:.1rem .2rem}.qa-widget_flag{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);background-color:var(--light-base);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);box-shadow:0 .5rem 1rem -.5rem color-mix(in srgb, var(--dark-900) 30%, transparent);align-self:flex-start;display:flex}.qa-widget_flag .qa-widget_severity{margin-left:0}.qa-widget_navbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--light-100);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);display:flex}.qa-widget_navbar .qa-widget_logo{margin-right:auto}.qa-widget_navitem{white-space:nowrap;position:relative}@media not (min-width:29.5rem){.qa-widget_logo+.qa-widget_navitem{display:none}}.qa-widget_navitem{color:color-mix(in srgb, var(--dark-900) 70%, transparent)}.qa-widget_navitem.broken{color:var(--dark-900);-webkit-text-decoration:underline wavy var(--_warn);text-decoration:underline wavy var(--_warn);text-underline-offset:.3em}.qa-widget_badge{background-color:var(--_warn);border-radius:var(--radius-round);color:var(--light-base);padding:.15rem .35rem;font-size:.65rem;line-height:1;position:absolute;top:-1.1rem;right:-1.4rem}.qa-widget_tooltip{gap:var(--space-1);margin:var(--space-3) 0 var(--space-4) auto;width:min(100%,17rem);padding:var(--space-3);background-color:var(--light-base);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);box-shadow:0 1rem 2rem -1rem color-mix(in srgb, var(--dark-900) 35%, transparent);flex-direction:column;display:flex}.qa-widget_body>.qa-widget_block+.qa-widget_block{margin-top:.45rem}.qa-widget_map{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.qa-widget_arrow{color:color-mix(in srgb, var(--dark-900) 40%, transparent)}.qa-widget_frame{align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-xsmall);padding:.3rem .5rem;display:flex}.qa-widget_frame.empty{color:color-mix(in srgb, var(--dark-900) 45%, transparent);border-style:dashed}.qa-widget_path.stack{flex-direction:column}.qa-widget_code.end{margin-left:auto}.qa-widget_code.warn{background-color:var(--warning-background);color:color-mix(in srgb, var(--_warn), black 35%)}.qa-widget_switch{background-color:var(--light-300);border-radius:var(--radius-round);flex:none;width:2rem;height:1.15rem;margin-left:auto;position:relative}.qa-widget_switch:after{content:"";background-color:var(--light-base);border-radius:var(--radius-round);width:.85rem;height:.85rem;position:absolute;top:.15rem;left:.15rem}.qa-widget_switch.on{background-color:var(--brand-500)}.qa-widget_switch.on:after{left:auto;right:.15rem}.qa-widget_field{background-color:var(--light-100);border:var(--border-width) solid var(--border);border-radius:var(--radius-xsmall);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:.4rem .6rem;overflow:hidden}.qa-widget_copy{background-color:var(--dark-900);color:var(--light-base);border-radius:var(--radius-xsmall);flex:none;padding:.4rem .7rem}.qa-widget_preview{padding:var(--space-3) var(--space-4) 0;background-color:var(--light-100);border-top:var(--border-width) solid var(--border)}.qa-widget_preview .qa-widget_list{margin-inline:calc(var(--space-4) * -1)}.qa-widget_preview .qa-widget_item{padding-block:var(--space-2)}.qa-widget_thumb{background-image:linear-gradient(var(--brand-500) 0 25%, var(--brand-100) 25%);border-radius:.15rem;flex:none;width:1.1rem;height:.8rem}}