i.lh-score-fail{display:block;width:var(--base-icon-size);height:var(--base-icon-size)}i.lh-score-fail polygon{stroke:var(--fail-color);stroke-width:15px;fill:none}i.lh-score-average{display:block;width:var(--base-icon-size);height:var(--base-icon-size);border:2px solid var(--average-color)}i.lh-score-pass{display:block;width:var(--base-icon-size);height:var(--base-icon-size);border-radius:100%;border:2px solid var(--pass-color)}[data-tooltip]{--tooltip-arrow-size: 6px;--tooltip-max-content-size: 120px;position:relative}[data-tooltip]:before,[data-tooltip]:after{position:absolute;pointer-events:none;visibility:hidden;opacity:0;transform:translate(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;transition-delay:.3s}[data-tooltip]:before{z-index:10001;bottom:calc(100% - 2 * var(--tooltip-arrow-size));left:calc(50% - var(--tooltip-arrow-size));border:var(--tooltip-arrow-size) solid transparent;border-top-color:var(--inverted-background-color);background:transparent;content:""}[data-tooltip]:after{z-index:10000;bottom:100%;left:50%;transform:translate(-50%);overflow:hidden;text-overflow:ellipsis;width:max-content;max-width:var(--tooltip-max-content-size);padding:calc(var(--base-spacing) / 2);background-color:var(--inverted-background-color);color:var(--inverted-text-color);content:attr(data-tooltip);font-size:var(--subtext-font-size);font-family:var(--base-font-family);white-space:normal;text-align:center}[data-tooltip]:hover:before,[data-tooltip]:focus:before{visibility:visible;opacity:1;transform:translateY(calc(-2 * var(--tooltip-arrow-size)))}[data-tooltip]:hover:after,[data-tooltip]:focus:after{visibility:visible;opacity:1;transform:translate(-50%,calc(-2 * var(--tooltip-arrow-size)))}:root{--color-gray-0: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-800: #424242;--color-gray-900: #212121;--color-red-500: #ff4e42;--color-red-700: #eb0f00;--color-green-500: #0cce6b;--color-green-700: #018642;--color-blue-100: #eaefff;--color-blue-200: #d4e0ff;--color-blue-500: #3e72ff;--color-cyan-500: #00bcd4;--color-cyan-700: #078190;--color-magenta-500: #ff4081;--color-magenta-700: #e31f62;--color-orange-500: #ffa400;--color-orange-700: #d04900;--base-text-color: var(--color-gray-900);--secondary-text-color: var(--color-gray-500);--inverted-text-color: var(--color-gray-50);--inverted-secondary-text-color: var(--color-gray-500);--base-background-color: var(--color-gray-50);--secondary-background-color: var(--color-gray-100);--highlighted-background-color: var(--color-gray-0);--inverted-background-color: var(--color-gray-900);--base-border-color: var(--color-gray-200);--strong-border-color: var(--color-gray-900);--inverted-border-color: var(--color-gray-800);--pass-color: var(--color-green-500);--average-color: var(--color-orange-500);--fail-color: var(--color-red-500);--improvement-color: var(--color-cyan-500);--improvement-text-color: var(--color-cyan-700);--neutral-color: var(--color-gray-800);--neutral-highlight-color: var(--color-gray-200);--neutral-secondary-highlight-color: var(--color-gray-100);--regression-color: var(--color-magenta-500);--regression-text-color: var(--color-magenta-700);--compare-color: var(--color-blue-500);--compare-highlight-color: var(--color-blue-200);--compare-secondary-highlight-color: var(--color-blue-100);--dev-branch-color: var(--color-gray-600);--master-branch-color: var(--color-gray-800);--base-font-family: "Roboto", Arial, Helvetica, sans-serif;--base-font-weight: 400;--medium-font-weight: 500;--monospace-font-family: "Roboto Mono", "Menlo", "dejavu sans mono", "Consolas", "Lucida Console", monospace;--gauge-number-font-size: 24px;--gauge-title-font-size: 18px;--title-font-size: 24px;--header-font-size: 20px;--base-font-size: 16px;--monospace-font-size: 15px;--smaller-font-size: 14px;--subtext-font-size: 12px;--base-icon-size: 14px;--arrow-icon-size: 20px;--large-icon-size: 24px;--base-spacing: 12px;--paper-padding: 16px;--page-header-height: 56px;--page-header-vertical-padding: var(--base-spacing);--page-header-horizontal-padding: calc(var(--base-spacing) * 2);--page-header-content-height: calc( var(--page-header-height) - 2 * var(--page-header-vertical-padding) );--page-sidebar-width: 260px;--page-sidebar-nav-item-height: 24px;--gauge-size: 82px;--gauge-stroke-width: 7px;--build-score-delta-badge-height: 24px;--pill-height: 26px;--pill-content-height: calc(var(--pill-height) - 6px);--pill-spacing: calc(var(--base-spacing) / 2);--avatar-image-size: 25px;--lhr-viewer-button-size: 20px;--audit-group-audit-height: 36px;--paper-min-width: 200px;--dashboard-graph-min-height: 300px;--dashboard-donut-graph-size: 60px;--warning-message-icon-height: 40px}html,body{font-size:var(--base-font-size);font-family:var(--base-font-family);font-weight:var(--base-font-weight);color:var(--base-text-color);background:var(--base-background-color)}*{box-sizing:border-box;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lhci{position:relative}.page-body{padding:var(--base-spacing);padding-top:calc(var(--base-spacing) + var(--page-header-height))}.container{width:100%;max-width:762px;min-width:300px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-size:var(--header-font-size);font-weight:var(--base-font-weight)}.v-spacer{display:block;height:var(--base-spacing)}.h-spacer{display:inline-block;width:var(--base-spacing)}.flex-row{display:flex;flex-direction:row;align-items:center}.text--center{text-align:center}.text--secondary{color:var(--secondary-text-color)}.text--improvement{color:var(--improvement-color)}.text--regression{color:var(--regression-color)}.text--pass{color:var(--pass-color)}.text--average{color:var(--average-color)}.text--fail{color:var(--fail-color)}.text--smaller{font-size:var(--smaller-font-size)}a{text-decoration:none}a .material-icons{color:var(--base-text-color)}.position-relative{position:relative}.page-header{position:fixed;height:var(--page-header-height);width:100vw;background:var(--highlighted-background-color);border-bottom:1px solid var(--base-border-color);display:flex;flex-direction:row;align-items:center;z-index:10}.page-header>div{display:flex;flex-direction:row;align-items:center;justify-content:center}.page-header__left{height:var(--page-header-height);width:var(--page-header-height);flex-shrink:0;border-right:1px solid var(--base-border-color)}.page-header__center{height:var(--page-header-height);width:calc(100% - var(--page-header-height) * 2)}.page-header__sidebar-button{cursor:pointer;position:relative;top:2px}.page-header__right{height:var(--page-header-height);width:var(--page-header-height);flex-shrink:0}.page-header__right--with-content{border-left:1px solid var(--base-border-color)}.page-sidebar{position:fixed;top:0;left:calc(-1 * var(--page-sidebar-width));z-index:15;height:100vh;width:var(--page-sidebar-width);color:var(--inverted-text-color);background:var(--inverted-background-color);transition:left .5s}.page-sidebar--open{left:0;box-shadow:0 0 10px var(--inverted-background-color)}.page-sidebar__header{height:var(--page-header-height);width:100%;padding:var(--page-header-vertical-padding) var(--page-header-horizontal-padding);display:flex;flex-direction:row;align-items:center;cursor:pointer}.page-sidebar__header>*{margin-right:var(--base-spacing)}.page-sidebar__logo{width:var(--page-header-content-height);height:var(--page-header-content-height);background-image:url("/app/assets/logo-7LKJDYBP.svg")}.page-sidebar__content{padding:0 var(--page-header-horizontal-padding) var(--page-header-vertical-padding) var(--page-header-horizontal-padding);max-height:calc(100% - var(--subtext-font-size) - var(--page-header-height) - var(--page-header-vertical-padding) * 2);overflow:auto}.page-sidebar__content ul{list-style:none;padding:0}.page-sidebar__link{display:flex;align-items:center;height:var(--page-sidebar-nav-item-height);margin-top:var(--base-spacing)}.page-sidebar__link a:first-child{flex-grow:1;color:var(--inverted-secondary-text-color);text-decoration:none}.page-sidebar__link a:last-child,.page-sidebar__link a i.material-icons{color:var(--inverted-secondary-text-color);font-size:var(--base-font-size);height:var(--base-font-size)}.page-sidebar__link a.active,.page-sidebar__link a:hover,.page-sidebar__link a i.material-icons:hover{color:var(--inverted-text-color);text-decoration:none}.page-sidebar__footer{position:absolute;left:0;right:0;bottom:var(--base-spacing);text-align:center;color:var(--inverted-secondary-text-color);font-size:var(--subtext-font-size)}.page-sidebar__issue-link,.page-sidebar__issue-link:visited{color:var(--inverted-text-color);text-decoration:none}.loading-spinner--container{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner img{width:80px;height:80px}.project-list{--project-list-height: calc(100vh - var(--page-header-height));--project-list-width: 100vw;position:absolute;top:var(--page-header-height);left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--project-list-height);width:var(--project-list-width);text-align:center}.project-list .paper{max-width:50vw;max-height:100%;padding:calc(var(--paper-padding) * 2);z-index:2;overflow:auto}.project-list img{height:80px;width:80px;margin-bottom:var(--base-spacing)}.project-list ul{list-style:none;padding:0}.project-list li{font-size:var(--header-font-size);padding:var(--base-spacing)}.project-list li a{color:var(--base-text-color);text-decoration:none}.project-list li a:hover{color:var(--compare-color)}.project-list__confetti-background{position:absolute;top:0;left:0;height:var(--project-list-height);width:var(--project-list-width);z-index:1}.project-list__confetti-background img{margin:0;height:var(--project-list-height);width:var(--project-list-width);object-fit:cover}.no-projects h2{font-size:var(--title-font-size);line-height:calc(var(--title-font-size) * 2)}.no-projects pre{display:inline;background:var(--secondary-background-color);color:var(--compare-color);padding:calc(var(--base-spacing) / 2);border-radius:calc(var(--base-spacing) / 4)}.paper{background:var(--highlighted-background-color);border:1px solid var(--base-border-color);padding:var(--paper-padding);margin:var(--base-spacing);overflow:visible}.form-item{margin-top:var(--base-spacing);display:block}.form-item input{padding:calc(var(--base-spacing) / 2) 0;border:none;border-bottom:1px solid var(--secondary-text-color)}.form-item button{background:var(--highlighted-background-color);border-radius:3px;padding:calc(var(--base-spacing) / 2);margin-right:var(--base-spacing);cursor:pointer;color:var(--base-text-color);font-weight:var(--medium-font-weight);overflow:hidden;white-space:nowrap}.form-item button:hover{background:var(--secondary-background-color)}.form-item button:disabled{background:var(--secondary-background-color);cursor:not-allowed;opacity:.7}.project-category-summaries{display:flex;flex-direction:row;flex-wrap:wrap;padding-bottom:300px}.paper.category-card{padding:0;width:100%;display:flex;flex-direction:column}.category-card__header{padding:var(--paper-padding);display:flex;flex-direction:row;border-bottom:1px solid var(--base-border-color)}.category-card__body{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card__visualization-types{margin-top:calc(var(--paper-padding) * -1);margin-bottom:calc(var(--paper-padding) * -1);flex-grow:1;display:flex;flex-direction:row;justify-content:center}.category-card__visualization-type{height:100%;padding:var(--paper-padding);color:var(--secondary-text-color);font-weight:var(--medium-font-weight);cursor:pointer}.category-card__visualization-type--active{color:var(--base-text-color);border-bottom:1px solid var(--strong-border-color)}.category-card__build-limit{color:var(--secondary-text-color);font-size:var(--base-font-size);font-weight:var(--medium-font-weight);text-transform:uppercase}.category-card__build-limit .build-limit-option{margin-left:var(--base-spacing);cursor:pointer}.category-card__build-limit .build-limit-option--selected{color:var(--base-text-color)}.performance-category-details__graphs{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden}.basic-category-details{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;padding:var(--base-spacing)}.basic-category-auditgroup{position:relative;width:calc(50% - var(--base-spacing));margin:calc(var(--base-spacing) / 2);padding-right:var(--dashboard-donut-graph-size);padding-bottom:var(--base-spacing);border-bottom:1px solid var(--base-border-color)}.basic-category-auditgroup__title{padding-bottom:calc(var(--base-spacing) / 2);font-size:var(--base-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basic-category-auditgroup__count-block{display:inline-block}.basic-category-auditgroup__count-block>span:first-child{display:inline-block;text-align:right;font-size:var(--title-font-size);width:calc(var(--title-font-size) * 1.25)}.basic-category-auditgroup__count-block-label{font-size:var(--base-font-size);color:var(--secondary-text-color);margin-left:calc(var(--base-spacing) / 2);margin-right:calc(var(--base-spacing) * 2)}.audit-list-hover-card.hover-card{width:400px;align-items:flex-start}.audit-list-hover-card__list{max-width:100%;padding:var(--base-spacing)}.audit-list-hover-card__list-item{max-width:100%;display:flex;padding-bottom:var(--base-spacing)}.audit-list-hover-card__list-item:last-child{padding-bottom:0}.audit-list-hover-card__list-item>i:first-child{flex-shrink:0;margin-right:var(--base-spacing);margin-top:calc(var(--base-spacing) / 4)}.audit-list-hover-card__list-item-title{max-width:100%;font-weight:var(--medium-font-weight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tracking-line{stroke:var(--base-border-color);stroke-width:1px}.distribution-summary,.distribution-example{width:100%;padding:calc(var(--base-spacing) / 2) var(--base-spacing);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--medium-font-weight)}.distribution-summary>span{color:var(--secondary-text-color);font-weight:var(--base-font-weight)}.distribution-example:last-child{padding-bottom:var(--base-spacing)}.distribution-example span{margin-right:calc(var(--base-spacing) / 2);font-family:var(--monospace-font-family);font-size:var(--monospace-font-size)}.category-score-graph{position:relative;width:100%;padding:var(--paper-padding);overflow:visible;display:flex;flex-direction:column;border-bottom:1px solid var(--base-border-color)}.category-score-graph h2{margin-bottom:var(--base-spacing);font-size:var(--base-font-size);font-weight:var(--medium-font-weight)}.category-score-graph__score-graph{width:100%;height:175px}.category-score-graph--distribution .category-score-graph__score-graph{height:250px}.category-score-graph__score-graph .score-line-fill.score--pass{fill:var(--pass-color)}.category-score-graph__score-graph .score-line-fill.score--average{fill:var(--average-color)}.category-score-graph__score-graph .score-line-fill.score--fail{fill:var(--fail-color)}.category-score-graph__score-graph .version-change-warning{fill:var(--neutral-color);opacity:.1}.category-score-graph__score-graph .score-error-range{fill:var(--secondary-background-color)}.category-score-graph__score-graph .score-guide{fill:none;stroke:var(--base-border-color)}.category-score-graph__score-graph .score-point.score--pass{fill:var(--pass-color)}.category-score-graph__score-graph .score-point.score--average{fill:var(--average-color)}.category-score-graph__score-graph .score-point.score--fail{fill:var(--fail-color)}.category-score-graph__score-graph .y-axis path{fill:none;stroke:none}.category-score-graph__score-graph .y-axis text{font-family:var(--base-font-family);font-weight:var(--medium-font-weight);font-size:var(--subtext-font-size);color:var(--secondary-text-color)}.category-score-graph__score-delta-graph{width:100%;height:100px}.category-score-graph__score-delta-graph .score-delta--improvement{fill:var(--improvement-color)}.category-score-graph__score-delta-graph .score-delta--regression{fill:var(--regression-color)}.category-score-graph__score-delta-graph .score-guide{fill:none;stroke:var(--secondary-background-color)}.category-score-graph__x-axis{position:relative;height:calc(var(--subtext-font-size) * 1.5);display:flex;flex-direction:row;color:var(--secondary-text-color);font-size:var(--subtext-font-size)}.category-score-graph--distribution .category-score-graph__x-axis div{position:absolute;font-weight:var(--medium-font-weight)}.category-score-graph--distribution .category-score-graph__x-axis div div{transform:translate(-50%)}.histogram-bar--pass{fill:var(--pass-color)}.histogram-bar--average{fill:var(--average-color)}.histogram-bar--fail{fill:var(--fail-color)}.category-score-graph__version-change-warning{padding:0 var(--base-spacing);margin-bottom:var(--base-spacing);display:flex;flex-direction:row;align-items:center;color:var(--neutral-color);text-align:center;line-height:var(--base-font-size);font-size:var(--subtext-font-size);font-weight:var(--medium-font-weight)}.category-score-graph__version-change-warning .material-icons{font-size:var(--base-font-size);margin-right:calc(var(--base-spacing) / 2)}.category-score-graph__info-tip{padding:0 var(--base-spacing);margin-bottom:var(--base-spacing);display:flex;flex-direction:row;align-items:center;color:var(--neutral-color);text-align:center;line-height:var(--base-font-size);font-size:var(--subtext-font-size);font-weight:var(--medium-font-weight)}.category-score-graph__info-tip .material-icons{font-size:var(--base-font-size);margin-right:calc(var(--base-spacing) / 2)}.gauge{position:relative;width:var(--gauge-size);height:var(--gauge-size);border-radius:calc(var(--gauge-size) / 2);line-height:var(--gauge-size);background:var(--secondary-background-color);color:var(--neutral-color);font-family:var(--monospace-font-family);font-size:var(--gauge-number-font-size);font-weight:var(--medium-font-weight);text-align:center}.gauge-arc{position:absolute;width:var(--gauge-size);height:var(--gauge-size)}.gauge-arc__arc{fill:none;stroke:var(--neutral-color);stroke-linecap:round;stroke-width:var(--gauge-stroke-width);transition:stroke-dasharray .5s}.gauge-arc__indicator{--indicator-width: 3px;--indicator-height: 12px;position:absolute;left:calc(50% - var(--indicator-width) / 2);top:calc(var(--indicator-height) / -4);width:var(--indicator-width);height:var(--indicator-height);border-radius:25%;background:var(--neutral-color)}.gauge-arc__indicator-wrapper,.gauge-arc__delta-wrapper{position:absolute;inset:0;transform-origin:center;transition:transform .5s}.gauge--improvement .gauge-arc__indicator{background:var(--improvement-color)}.gauge--regression .gauge-arc__indicator{background:var(--regression-color)}.gauge--improvement .gauge-arc__delta-wrapper .gauge-arc__arc{stroke:var(--improvement-color)}.gauge--regression .gauge-arc__delta-wrapper .gauge-arc__arc{stroke:var(--regression-color)}.score-delta-badge{height:var(--build-score-delta-badge-height);padding:0 var(--base-spacing);border-radius:calc(var(--build-score-delta-badge-height) / 2);line-height:var(--build-score-delta-badge-height);background:var(--neutral-color);color:var(--inverted-text-color);font-family:var(--monospace-font-family);font-size:var(--monospace-font-size);text-align:center}.score-delta-badge.score-delta-badge--improvement{background-color:var(--improvement-color)}.score-delta-badge.score-delta-badge--regression{background-color:var(--regression-color)}.lhr-viewer-link--loading{opacity:.5;cursor:not-allowed}.hover-card{position:absolute;top:50px;width:200px;display:none;flex-direction:column;align-items:center;background:var(--highlighted-background-color);box-shadow:0 1px 6px #0003;border-radius:4px;z-index:9}.hover-card--visible{display:flex}.hover-card__datetime{width:100%;padding:var(--base-spacing);font-size:var(--smaller-font-size);font-weight:var(--medium-font-weight)}.hover-card__time{float:right;color:var(--secondary-text-color)}.hover-card .gauge,.hover-card .score-delta-badge{margin-bottom:var(--base-spacing)}.hover-card__actions{width:100%;border-top:1px solid var(--base-border-color);display:flex;flex-direction:row}.hover-card__actions>a,.hover-card__actions>span{width:50%;padding:var(--base-spacing);text-align:center;font-size:var(--smaller-font-size);font-weight:var(--medium-font-weight);color:var(--base-text-color);cursor:pointer}.hover-card__actions .lhr-viewer-button{margin-right:0;padding:0}.hover-card__actions>a:last-child{border-left:1px solid var(--base-border-color);line-height:var(--lhr-viewer-button-size)}.graph-hitbox{fill:#0000;cursor:pointer}.hover-card .loading-spinner--container{min-height:150px}.metric-line-graph{position:relative;width:50%}#storybook-test-root .metric-line-graph{width:100%}.metric-line-graph__graph{height:250px;width:100%}.metric-line-graph .metric-line-graph__line{fill:none;stroke:var(--secondary-text-color);stroke-width:1px}.metric-line-graph .metric-line-mask{stroke:#000;stroke-width:2px}.metric-line-graph .metric-line-mask--selected{stroke:#fff}.metric-line-graph__mask-fill--pass{fill:var(--pass-color)}.metric-line-graph__mask-fill--average{fill:var(--average-color)}.metric-line-graph__mask-fill--fail{fill:var(--fail-color)}.metric-line-graph .y-axis path{fill:none;stroke:none}.metric-line-graph .y-axis text{font-family:var(--base-font-family);font-weight:var(--medium-font-weight);font-size:var(--subtext-font-size);color:var(--secondary-text-color)}.metric-line-graph__date-range{display:flex;flex-direction:row;color:var(--secondary-text-color);font-size:var(--subtext-font-size)}.metric-line-graph__legend{margin-top:var(--base-spacing);margin-bottom:var(--base-spacing)}.metric-line-graph__legend>div{display:flex;flex-direction:row;position:relative;margin-bottom:var(--base-spacing)}.metric-line-graph__legend-line{position:absolute;top:50%}.metric-line-graph__legend-line line{stroke:var(--secondary-text-color);stroke-width:2px}.metric-line-graph__legend-label{padding-left:var(--base-spacing);font-family:var(--base-font-family);font-size:var(--smaller-font-size);font-weight:var(--medium-font-weight);color:var(--secondary-text-color)}.metric-line-graph__legend-label>span{display:inline-block;width:40px;padding-right:var(--base-spacing);color:var(--base-text-color)}.legend-label--highlighted{color:var(--base-text-color)}.metric-line-graph:first-child .hover-card{left:100%!important}.metric-line-graph:last-child .hover-card{left:initial!important;right:100%!important}#storybook-test-root .metric-line-graph:last-child .hover-card{left:initial!important;top:10px;right:10px!important}.metric-line-graph__hover-card-data{width:100%;padding:var(--base-spacing);padding-top:0}.metric-line-graph__hover-card-data>div:first-child{font-size:var(--title-font-size)}.metric-line-graph__hover-card-data>div:last-child{font-size:var(--smaller-font-size)}.donut-graph,.donut-graph__graph{position:absolute;width:var(--dashboard-donut-graph-size);height:var(--dashboard-donut-graph-size);top:0;right:0}.donut-arc{stroke:var(--base-border-color);stroke-width:1px}.donut-arc--pass,.donut-legend-circle--pass{stroke:var(--pass-color)}.donut-pattern--pass line{stroke:var(--pass-color)}.donut-arc--fail,.donut-legend-circle--fail{stroke:var(--fail-color)}.donut-pattern--fail line{stroke:var(--fail-color)}.donut-arc--na,.donut-legend-circle--na{stroke:var(--neutral-highlight-color);fill:var(--secondary-background-color)}.donut-graph-legend{--legend-circle-size: 24px;width:100%;padding-top:var(--base-spacing);padding-bottom:var(--base-spacing);display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end}.donut-graph-legend__label{line-height:var(--legend-circle-size);margin-left:calc(var(--base-spacing) / 2)}.donut-graph-legend__legend-circle{margin-left:var(--base-spacing);width:var(--legend-circle-size);height:var(--legend-circle-size)}.metric-distribution-graph{position:relative;width:50%}#storybook-test-root .metric-distribution-graph{width:100%}.metric-distribution-graph__title{padding:var(--paper-padding);padding-bottom:0;color:var(--secondary-text-color)}.metric-distribution-graph__title>span{margin-right:calc(var(--base-spacing) / 2);color:var(--base-text-color);font-weight:var(--medium-font-weight)}.metric-distribution-graph__graph{height:200px;width:100%}.metric-distribution-graph .y-axis path{fill:none;stroke:none}.metric-distribution-graph .y-axis text{font-family:var(--base-font-family);font-weight:var(--medium-font-weight);font-size:var(--subtext-font-size);color:var(--secondary-text-color)}.metric-distribution-graph__x-axis{margin-bottom:var(--base-spacing);display:flex;flex-direction:row;color:var(--secondary-text-color);font-size:var(--subtext-font-size);font-weight:var(--medium-font-weight)}.dashboard{display:flex;flex-direction:column}.dashboard__url-branch-selector{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:var(--base-spacing)}.dashboard__url-branch-selector>*{margin-right:var(--base-spacing)}.dashboard__url-branch-selector .dropdown--url select{max-width:300px}.dashboard__url-branch-selector .dropdown--branch select{max-width:120px}.dashboard--scrolled .dashboard__url-branch-selector{position:fixed;z-index:11;top:0;left:var(--page-header-height);right:var(--page-header-height);height:var(--page-header-height)}.dashboard--scrolled #dashboard__scroll-height-detector{height:calc(var(--base-spacing) + var(--base-font-size))}.dropdown{border-bottom:1px solid var(--strong-border-color);padding:calc(var(--base-spacing) / 2) 0;font-family:var(--base-font-family);font-size:var(--base-font-size);font-weight:var(--medium-font-weight)}.dropdown__label{color:var(--secondary-text-color);margin-right:calc(var(--base-spacing) / 2)}.dropdown select{position:relative;background:none;border:none;border-radius:0;-webkit-appearance:none;padding-right:25px;cursor:pointer;z-index:2;font-family:var(--base-font-family);font-size:var(--base-font-size);font-weight:var(--medium-font-weight)}.dropdown__chevron{position:absolute;top:5px;right:calc(var(--base-spacing) / 4);z-index:1}.pill{--pill-vertical-padding: calc((var(--pill-height) - var(--pill-content-height) - 2px) / 2);display:flex;flex-direction:row;justify-content:center;height:var(--pill-height);margin:0 var(--pill-spacing);padding:var(--pill-vertical-padding) var(--pill-spacing);border-radius:calc(var(--pill-height) / 2);border:1px solid var(--neutral-color)}.pill--solid{--pill-vertical-padding: calc((var(--pill-height) - var(--pill-content-height)) / 2);border:none;background:var(--neutral-highlight-color);color:var(--neutral-color)}.pill--clickable{cursor:pointer}.pill--compare{border-color:var(--compare-color)}.pill--compare.pill--solid{background:var(--compare-highlight-color);color:var(--compare-color)}.pill--master-branch{border-color:var(--neutral-color)}.pill--dev-branch{border-color:var(--dev-branch-color)}.pill--dev-branch.pill--solid{background:var(--dev-branch-color)}.pill *{display:inline-block;height:var(--pill-content-height);line-height:var(--pill-content-height)}.pill__avatar{height:var(--pill-content-height);width:var(--pill-content-height);border-radius:100%;margin-left:-5px;margin-right:calc(var(--base-spacing) / 2)}.dashboard-build-list__header{margin-bottom:var(--base-spacing);display:flex;flex-direction:row;align-items:center}.dashboard-build-list__header>h2{flex-grow:1}.dashboard-build-list__filter{padding:calc(var(--base-spacing) / 2) 0;border-bottom:1px solid var(--strong-border-color)}.dashboard-build-list__filter label{color:var(--secondary-text-color);font-weight:var(--medium-font-weight)}.dashboard-build-list__filter input{font-size:var(--base-font-size);border:none}.dashboard-build-list__pagination{min-width:100px;margin-left:var(--base-spacing);display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.dashboard-build-list__pagination button{padding:0;background:none;border:none;cursor:pointer}.dashboard-build-list .build-list{width:100%;max-width:100%}.dashboard-build-list .build-list{border-collapse:collapse}.dashboard-build-list .build-list td{padding:var(--base-spacing)}.dashboard-build-list .build-list tr:nth-child(odd){background-color:var(--base-background-color)}.dashboard-build-list .build-list tr:hover{cursor:pointer;background-color:var(--color-gray-100)}.dashboard-build-list .build-list i{margin:0 calc(var(--base-spacing) / 2)}.build-list__commit{max-width:30vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.build-list__commit,.build-list__branch{font-weight:var(--medium-font-weight)}.build-list__date{color:var(--secondary-text-color);white-space:nowrap}.build-list__hash{width:145px}.build-list__hash .pill{width:fit-content}.getting-started{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center}.getting-started .paper{max-width:50vw;padding:calc(var(--base-spacing) * 2)}.getting-started pre{display:inline}.getting-started img{height:80px;width:80px;margin-bottom:calc(var(--base-spacing) * 2)}.build-view--with-lhr-base-link-hover .lhr-comparison__scores-and-dropdowns .dropdown--base-url,.build-view--with-lhr-compare-link-hover .lhr-comparison__scores-and-dropdowns .dropdown--compare-url{background:var(--compare-secondary-highlight-color)}.build-view--with-lhr-base-link-hover .lhr-comparison__scores-and-dropdowns .dropdown--base-url .dropdown__label,.build-view--with-lhr-compare-link-hover .lhr-comparison__scores-and-dropdowns .dropdown--compare-url .dropdown__label{padding-left:calc(var(--base-spacing) / 4);margin-right:calc(var(--base-spacing) / 4)}.build-hash-selector{--line-item-height: 40px;position:fixed;z-index:10;top:var(--page-header-height);left:0;right:0;min-height:10vh;max-height:60vh;overflow:auto;background:var(--highlighted-background-color);box-shadow:0 1px 1px var(--base-border-color)}#storybook-test-root .build-hash-selector{top:0;max-height:calc(100vh - 5px)}.build-hash-selector-obscure-background{position:fixed;z-index:9;top:var(--page-header-height);bottom:0;left:0;right:0;background:var(--highlighted-background-color);opacity:.9}.build-hash-selector__list{list-style:none;padding:0}.build-hash-selector__item{position:relative;height:var(--line-item-height);width:100%;font-weight:var(--medium-font-weight)}.build-hash-selector__item>div.container{display:flex;flex-direction:row;align-items:center;height:var(--line-item-height);padding:calc(var(--base-spacing) / 2)}.build-hash-selector__item:hover,.build-hash-selector__item--selected{cursor:pointer;background:var(--compare-highlight-color)}.build-hash-selector--base li:hover,.build-hash-selector--base .build-hash-selector__item--selected{cursor:pointer;background:var(--neutral-highlight-color)}.build-hash-selector__item.build-hash-selector__label-li:hover{cursor:initial;background:none}.build-hash-selector__selection{width:90px;min-width:90px}.build-hash-selector__selection .pill--compare.pill--solid,.build-hash-selector__selection .pill--base.pill--solid{text-transform:uppercase;width:90%;text-align:center;font-size:var(--subtext-font-size)}.build-hash-selector__selection .pill--compare.pill--solid{background:var(--compare-color);color:var(--inverted-text-color)}.build-hash-selector__selection .pill--base.pill--solid{background:var(--neutral-color);color:var(--inverted-text-color)}.build-hash-selector__selector-selection{position:absolute;right:calc(var(--base-spacing));bottom:calc((var(--line-item-height) - 24px) / 2);color:var(--compare-color)}.build-hash-selector--base .build-hash-selector__selector-selection{color:var(--neutral-color)}.build-hash-selector__hash{color:var(--base-text-color);font-family:var(--monospace-font-family);font-size:var(--monospace-font-size)}.build-hash-selector__commit{flex-grow:1;flex-shrink:10;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.build-hash-selector__links{display:none;white-space:nowrap}.build-hash-selector__item:hover .build-hash-selector__links{display:inline}.build-hash-selector__links>*{margin:0 calc(var(--base-spacing) / 2)}.build-hash-selector__branch-label{font-family:var(--monospace-font-family);font-size:var(--monospace-font-size);margin-left:calc(var(--base-spacing) / 2);margin-top:calc(var(--base-spacing) * -1)}.build-hash-selector__branch-label--dev-branch{color:var(--dev-branch-color)}.git-viz{position:relative;width:50px;min-width:50px;height:var(--line-item-height)}.git-viz *{position:absolute}.git-viz__master-line{border-left:2px solid var(--neutral-color);left:9px;height:var(--line-item-height);width:1px}.git-viz__dev-line{border-left:2px solid var(--dev-branch-color);left:29px;height:var(--line-item-height);width:1px}.git-viz__master-node{background:var(--neutral-color);left:5px;top:15px;height:10px;width:10px;border-radius:100%;z-index:5}.git-viz__dev-node{background:var(--dev-branch-color);left:25px;top:15px;height:10px;width:10px;border-radius:100%;z-index:5}.git-viz__dev-branch-off{left:11px;top:0;height:20px;width:20px;border-bottom-right-radius:100px;border-right:2px solid var(--dev-branch-color);border-bottom:2px solid var(--dev-branch-color)}.build-selector-header-section{width:50%;max-width:50%;display:flex;flex-direction:row;align-items:center;height:var(--page-header-height);padding:0 var(--base-spacing);cursor:pointer;border-bottom:2px solid transparent}.build-selector-header-section--compare{color:var(--compare-color);border-left:1px solid var(--base-border-color)}.build-selector-header-section:hover{background:var(--neutral-secondary-highlight-color)}.build-selector-header-section--compare:hover{background:var(--compare-secondary-highlight-color)}.build-selector-header-section__hash{font-family:var(--monospace-font-family);font-size:var(--monospace-font-size);margin-left:calc(var(--pill-spacing) / 2)}.build-selector-header-section__message{flex-grow:1;margin-right:var(--pill-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-selector-header-section__variant-label{text-transform:uppercase;font-weight:var(--medium-font-weight);padding-right:var(--pill-spacing)}.build-selector-header-section__lhr-link{display:none}.build-selector-header-section:hover .build-selector-header-section__lhr-link{display:block}.build-selector-header-section--dim{opacity:.5}.build-selector-header-section--open{border-bottom-color:var(--neutral-color)}.build-selector-header-section--compare.build-selector-header-section--open{border-bottom-color:var(--compare-color)}.lhr-viewer-button{background:var(--highlighted-background-color);border-radius:3px;padding:calc(var(--base-spacing) / 2);margin-right:var(--base-spacing);display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;color:var(--base-text-color);font-weight:var(--medium-font-weight);overflow:hidden;white-space:nowrap}.lhr-viewer-button img{height:var(--lhr-viewer-button-size);width:var(--lhr-viewer-button-size)}.lhr-viewer-button span{margin-left:calc(var(--base-spacing) / 2);padding-right:calc(var(--base-spacing) / 2)}@media (max-width: 1000px){.lhr-viewer-button{border-radius:100%}.lhr-viewer-button span{display:none}}.audit-detail-pane{position:fixed;top:var(--page-header-height);right:0;left:40%;bottom:0;z-index:5;padding-bottom:70vh;overflow-x:hidden;overflow-y:auto;background:var(--highlighted-background-color);border-left:1px solid var(--base-border-color)}#storybook-test-root .audit-detail-pane{position:absolute;top:0;left:0;bottom:initial;height:max-content;overflow-y:visible}.audit-detail-pane__close{position:fixed;z-index:10;top:calc(var(--page-header-height) + 10px);right:20px;height:30px;width:30px;border-radius:30px;display:flex;align-items:center;justify-content:center;background:var(--secondary-background-color);cursor:pointer}#storybook-test-root .audit-detail-pane__close{top:10px}.audit-detail-pane__close i.material-icons{font-size:22px}.audit-detail-pane__audit{position:relative;padding:calc(2 * var(--base-spacing));padding-left:calc(3 * var(--base-spacing));border-bottom:1px solid var(--base-border-color)}.audit-detail-pane__score{position:absolute;left:var(--base-spacing);top:calc(2 * var(--base-spacing) + var(--header-font-size) / 4)}.audit-detail-pane__audit-title{font-size:var(--header-font-size)}.audit-detail-pane__audit-description{color:var(--secondary-text-color);margin-top:calc(var(--base-spacing) / 2)}.audit-detail-pane__audit-details{margin-top:var(--base-spacing)}.audit-detail-pane__audit-details-summary{display:flex;flex-direction:row;align-items:center;padding:var(--base-spacing) 0}.audit-detail-pane__audit-details-summary .audit-numeric-diff{width:100%}.audit-detail-pane__audit-details-summary .audit-numeric-diff__bar{flex-grow:1}.audit-detail-pane__audit-details--binary{display:flex;flex-direction:row;align-items:center;font-family:var(--monospace-font-family);font-size:var(--monospace-font-size)}.table-details table{border-collapse:collapse;width:calc(100% - var(--base-spacing))}.table-details thead th{font-weight:400;color:var(--color-gray-600);word-break:normal}.table-details tbody tr:nth-child(odd){background-color:var(--color-gray-100)}.table-details th,.table-details td{padding:8px 6px}.table-details th:first-child{padding-left:0}.table-details th:last-child{padding-right:0}.table-column--text,.table-column--url,.table-column--code,.table-column--node{text-align:left;max-width:30vw;overflow:hidden;text-overflow:ellipsis}.table-column--bytes,.table-column--timespanMs,.table-column--ms,.table-column--numeric{text-align:right;word-break:normal}.table-details .table-column--thumbnail{width:var(--image-preview-size);padding:0}.table-column--url{min-width:250px}.table-column--url+th.table-column--bytes,.table-column--url+.table-column--bytes+th.table-column--bytes,.table-column--url+.table-column--ms,.table-column--url+.table-column--ms+th.table-column--bytes,.table-column--url+.table-column--bytes+th.table-column--timespanMs{width:12%}.table-column--row-label{color:var(--secondary-text-color)}.simple-details--improvement{color:var(--improvement-text-color)}.simple-details--regression{color:var(--regression-text-color)}.simple-details__url-hostname{color:var(--secondary-text-color);margin-left:calc(var(--base-spacing) / 2);font-size:var(--subtext-font-size)}.audit-numeric-diff{--numeric-diff-bar-height: calc(var(--base-font-size) + 8px);display:flex;flex-direction:row;font-family:var(--monospace-font-family);font-size:var(--monospace-font-size)}.audit-numeric-diff__bar{position:relative;min-width:300px;background:var(--secondary-background-color);margin:0 var(--base-spacing)}@media (max-width: 600px){.audit-numeric-diff__bar{min-width:200px}}.audit-numeric-diff__box{position:absolute;top:0;bottom:0;background:var(--highlighted-background-color);transition:left 1s,right 1s}.audit-numeric-diff__box--improvement{color:var(--improvement-text-color);background:repeating-linear-gradient(60deg,var(--improvement-color),var(--improvement-color) 1px,var(--secondary-background-color) 1px,var(--secondary-background-color) 3px)}.audit-numeric-diff__box--regression{color:var(--regression-text-color);background:repeating-linear-gradient(60deg,var(--regression-color),var(--regression-color) 1px,var(--secondary-background-color) 1px,var(--secondary-background-color) 3px)}.audit-numeric-diff__now{position:absolute;top:0;bottom:0;width:2px}.audit-numeric-diff__delta-label{position:absolute;top:0;bottom:0;padding:0 calc(var(--base-spacing) / 2);line-height:var(--numeric-diff-bar-height);white-space:nowrap;font-weight:var(--medium-font-weight);text-shadow:1px 1px 0px var(--secondary-background-color),-1px -1px 0px var(--secondary-background-color),-1px 1px 0px var(--secondary-background-color),1px -1px 0px var(--secondary-background-color);display:flex;flex-direction:row;align-items:center;transition:left 1s,right 1s}.audit-numeric-diff__delta-label--narrow-left{left:2px;right:initial!important}.audit-numeric-diff__delta-label--narrow-right{left:initial!important;right:2px}.audit-numeric-diff__left-label,.audit-numeric-diff__right-label{width:40px;color:var(--secondary-text-color);font-size:var(--subtext-font-size);line-height:var(--numeric-diff-bar-height)}.audit-numeric-diff__left-label{text-align:right}.audit-numeric-diff__box--improvement .audit-numeric-diff__now{background:var(--improvement-color)}.audit-numeric-diff__box--regression .audit-numeric-diff__now{background:var(--regression-color)}.lhr-comparison-scores{display:flex;width:100%;margin-top:var(--base-spacing)}.lhr-comparison-scores-item{flex-basis:0;flex-grow:1;display:flex;flex-direction:column;align-items:center}.lhr-comparison-scores-item__label{margin-top:var(--base-spacing);font-size:var(--gauge-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lhr-comparison-scores-item__delta{display:flex;flex-direction:row;align-items:center;margin-top:var(--base-spacing);padding:0 var(--base-spacing);height:var(--build-score-delta-badge-height);border-radius:calc(var(--build-score-delta-badge-height) / 2);line-height:var(--build-score-delta-badge-height);background:var(--neutral-color);color:var(--inverted-text-color);font-family:var(--monospace-font-family);font-size:var(--monospace-font-size);text-align:center}.lhr-comparison-scores-item__delta>.pwa-icon{margin-right:calc(var(--base-spacing) / 2)}.lhr-comparison-scores-item__delta>.pwa-icon:last-child{margin-right:0}.lhr-comparison-scores-item--pwa .lhr-comparison-scores-item__delta{background-color:var(--secondary-background-color);color:var(--base-text-color)}.pwa-icon{width:18px;height:18px}.pwa-icon__background{fill:var(--neutral-color)}.pwa-icon--improvement .pwa-icon__background{fill:var(--improvement-color)}.pwa-icon--regression .pwa-icon__background{fill:var(--regression-color)}.pwa-gauge{width:var(--gauge-size);height:var(--gauge-size)}.pwa-gauge .pwa-gauge__component{display:none}.pwa-gauge:not(.pwa-gauge--all) .pwa-gauge__logo>path{fill:#b0b0b0}.pwa-gauge__disc{fill:var(--secondary-background-color)}.pwa-gauge__logo--primary-color{fill:#304ffe}.pwa-gauge__logo--secondary-color{fill:#3d3d3d}.pwa-gauge:not([class*=pwa-gauge--]) .pwa-gauge__na-line{display:inline}.pwa-gauge.pwa-gauge--pwa-optimized:not(.pwa-gauge--pwa-installable):not(.pwa-gauge--pwa-fast-reliable) .pwa-gauge__na-line{display:inline}.pwa-gauge.pwa-gauge--pwa-fast-reliable:not(.pwa-gauge--pwa-installable) .pwa-gauge__fast-reliable-badge{display:inline}.pwa-gauge.pwa-gauge--pwa-installable:not(.pwa-gauge--pwa-fast-reliable) .pwa-gauge__installable-badge{display:inline}.pwa-gauge.pwa-gauge--pwa-fast-reliable.pwa-gauge--pwa-installable .pwa-gauge__fast-reliable-installable-badges,.pwa-gauge.pwa-gauge--all .pwa-gauge__check-circle{display:inline}.audit-group{margin:calc(2 * var(--base-spacing))}.audit-group__header{display:flex;flex-direction:row}.audit-group__title{font-size:var(--header-font-size);margin-bottom:calc(var(--base-spacing) / 2);flex-grow:1}.audit-group__big-picture-tabs{width:380px;display:flex;flex-direction:row;margin-right:calc(var(--base-spacing) / 2)}.big-picture-tabs__tab{flex-grow:1;cursor:pointer;font-size:var(--smaller-font-size);text-align:center;text-transform:uppercase;color:var(--secondary-text-color);font-weight:var(--medium-font-weight);border-bottom:1px solid var(--base-border-color);margin-bottom:calc(var(--base-spacing) / 2)}.big-picture-tabs__tab--selected{color:var(--base-text-color);border-bottom:1px solid var(--strong-border-color)}.audit-group__audit{display:flex;flex-direction:row;align-items:center;height:var(--audit-group-audit-height);margin:0 calc(var(--base-spacing) * -1);padding:0 var(--base-spacing)}.audit-group__audit:hover{cursor:pointer;background:var(--secondary-background-color)}.audit-group__expand-toggle{display:none;cursor:pointer}.audit-group__expand-toggle i{transform:rotate(90deg)}.audit-group__audit-title{margin-left:var(--base-spacing);font-weight:var(--medium-font-weight);min-width:25px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-group__audit-diff{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-family:var(--monospace-font-family);font-size:var(--monospace-font-size)}.audit-group__error-message{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-group__error-message i{margin-right:calc(var(--base-spacing) / 2)}.audit-group__diff-arrow{color:var(--secondary-text-color);font-size:var(--arrow-icon-size);line-height:var(--large-icon-size);margin:0 var(--base-spacing)}.audit-group__diff-arrow--regression{color:var(--regression-color)}.audit-group__diff-arrow--improvement{color:var(--improvement-color)}.audit-group__diff-badge-group{--badge-height: 16px;position:relative;height:var(--large-icon-size)}.audit-group__diff-badge-group:last-child{margin-right:20px}.audit-group__diff-badges{position:absolute;top:calc(-1 * var(--badge-height) / 5);left:calc(100% - var(--badge-height) * 4 / 5);height:var(--badge-height);display:flex;flex-direction:row}.audit-group__diff-badge{display:inline-block;height:var(--badge-height);min-width:var(--badge-height);border-radius:calc(var(--badge-height) * 2);padding:0 calc(var(--badge-height) / 4);margin-right:calc(-1 * var(--badge-height) / 4);line-height:var(--badge-height);font-size:var(--subtext-font-size);text-align:center;background:var(--neutral-highlight-color);color:var(--secondary-text-color)}.audit-group__diff-badge-group--multiple .audit-group__diff-badge:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.audit-group__diff-badge-group--multiple .audit-group__diff-badge:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.audit-group__diff-badge--regression{background:var(--regression-color);color:var(--inverted-text-color);z-index:1}.audit-group__diff-badge--improvement{background:var(--improvement-color);color:var(--inverted-text-color)}.audit-group--unchanged .audit-group__header{cursor:pointer}.audit-group--unchanged .audit-group__audit-diff{display:none}.audit-group--unchanged .audit-group__audit:hover .audit-group__audit-diff{display:flex}.audit-group--unchanged .audit-group__expand-toggle{display:block}.audit-group--expanded .audit-group__expand-toggle i{transform:rotate(-90deg)}.lhr-comparison-legend{display:flex;flex-direction:row;align-items:center;margin-right:var(--base-spacing);width:fit-content;padding:var(--base-spacing) calc(var(--base-spacing) * 1.5);background:var(--highlighted-background-color);border:1px solid var(--base-border-color);border-radius:9999px}.lhr-comparison-legend__label{font-family:var(--monospace-font-family);font-size:var(--monospace-font-size);margin-left:calc(var(--base-spacing) / 2);margin-right:calc(var(--base-spacing) * 1.5)}.lhr-comparison-legend__label:last-child{margin-right:0}.lhr-comparison-legend__chip{display:"block";width:var(--base-icon-size);height:var(--base-icon-size);border-radius:2px}.lhr-comparison-legend__chip--regression{background:var(--regression-color)}.lhr-comparison-legend__chip--improvement{background:var(--improvement-color)}.lhr-comparison--with-audit-selection{width:40%}.lhr-comparison__scores-and-dropdowns{height:260px;width:calc(100% + 2 * var(--base-spacing));padding:var(--base-spacing);margin:calc(-1 * var(--base-spacing));margin-bottom:var(--base-spacing);background:var(--highlighted-background-color);border-bottom:1px solid var(--base-border-color)}.lhr-comparison--with-audit-selection .lhr-comparison__scores-and-dropdowns{background:none;border-bottom:none;height:auto;margin-bottom:0;padding-bottom:0}.lhr-comparison--with-audit-selection .lhr-comparison__dropdowns{margin-bottom:0}.lhr-comparison__scores-and-dropdowns .container{display:flex;flex-direction:column;align-items:center}.lhr-comparison__dropdowns{display:flex;flex-direction:row;justify-content:center;margin-top:calc(var(--base-spacing) / 2);margin-bottom:var(--base-spacing)}.lhr-comparison__dropdowns .dropdown{margin-right:var(--base-spacing)}.lhr-comparison__legend-container{display:flex;flex-direction:row;justify-content:center}.lhr-comparison__warning{display:flex;flex-direction:row;align-items:center;min-height:calc(var(--warning-message-icon-height) * 2);margin-bottom:calc(var(--base-spacing) * 2)}.lhr-comparison__warning i{font-size:var(--warning-message-icon-height);margin:0 var(--base-spacing)}.lhr-comparison__warning div{line-height:1.5}.lhr-comparison__warning__lhr-link{cursor:pointer;color:var(--improvement-color)}.modal-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000b3}.modal{position:relative;width:60vw;min-width:400px;max-width:800px;background:var(--highlighted-background-color);padding:var(--base-spacing);padding-right:calc(var(--base-spacing) * 2)}.modal__close{position:absolute;top:calc(var(--base-spacing) / 2);right:calc(var(--base-spacing) / 2);cursor:pointer}.lhr-comparison-runtime-diff{position:relative}.lhr-comparison-runtime-diff .lhr-comparison__warning{margin-bottom:0}.lhr-comparison-runtime-diff__diffs{--table-margin: calc(var(--warning-message-icon-height) + 2 * var(--base-spacing));width:calc(100% - var(--table-margin));text-align:left;margin-left:var(--table-margin)}.lhr-comparison-runtime-diff__close{position:absolute;top:calc(var(--base-spacing) / 2);right:calc(var(--base-spacing) / 2);cursor:pointer}.lhr-comparison-runtime-diff table{width:100%;border-collapse:collapse}.lhr-comparison-runtime-diff table th{font-weight:var(--medium-font-weight)}.lhr-comparison-runtime-diff table tbody td{padding:calc(var(--base-spacing) / 2)}.lhr-comparison-runtime-diff table tbody tr:nth-child(2n){background:var(--secondary-background-color)}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-cyrillic-ext-400-normal-P2R3MDOK.woff2") format("woff2"),url("/app/assets/roboto-all-400-normal-ELEMG2VN.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-cyrillic-400-normal-XIMUJLHS.woff2") format("woff2"),url("/app/assets/roboto-all-400-normal-ELEMG2VN.woff") format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-greek-ext-400-normal-JZQ2T4LU.woff2") format("woff2"),url("/app/assets/roboto-all-400-normal-ELEMG2VN.woff") format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-greek-400-normal-OATLPXF3.woff2") format("woff2"),url("/app/assets/roboto-all-400-normal-ELEMG2VN.woff") format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-vietnamese-400-normal-B6N6IV4E.woff2") format("woff2"),url("/app/assets/roboto-all-400-normal-ELEMG2VN.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-latin-ext-400-normal-Z46XPCK7.woff2") format("woff2"),url("/app/assets/roboto-all-400-normal-ELEMG2VN.woff") format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-latin-400-normal-POGXOGF2.woff2") format("woff2"),url("/app/assets/roboto-all-400-normal-ELEMG2VN.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-cyrillic-ext-500-normal-HFWIZSUY.woff2") format("woff2"),url("/app/assets/roboto-all-500-normal-LAMVO6O2.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-cyrillic-500-normal-EM72C6IQ.woff2") format("woff2"),url("/app/assets/roboto-all-500-normal-LAMVO6O2.woff") format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-greek-ext-500-normal-HQ7O5GKO.woff2") format("woff2"),url("/app/assets/roboto-all-500-normal-LAMVO6O2.woff") format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-greek-500-normal-YO7LQ4WC.woff2") format("woff2"),url("/app/assets/roboto-all-500-normal-LAMVO6O2.woff") format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-vietnamese-500-normal-FZL4V5AH.woff2") format("woff2"),url("/app/assets/roboto-all-500-normal-LAMVO6O2.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-latin-ext-500-normal-4YD25CN3.woff2") format("woff2"),url("/app/assets/roboto-all-500-normal-LAMVO6O2.woff") format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-latin-500-normal-67TPDXAU.woff2") format("woff2"),url("/app/assets/roboto-all-500-normal-LAMVO6O2.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-mono-cyrillic-ext-400-normal-EMP7XACI.woff2") format("woff2"),url("/app/assets/roboto-mono-all-400-normal-SFQJU3H7.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-mono-cyrillic-400-normal-H7BWSHTC.woff2") format("woff2"),url("/app/assets/roboto-mono-all-400-normal-SFQJU3H7.woff") format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-mono-greek-400-normal-W74KCAVC.woff2") format("woff2"),url("/app/assets/roboto-mono-all-400-normal-SFQJU3H7.woff") format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-mono-vietnamese-400-normal-HQ4XDU64.woff2") format("woff2"),url("/app/assets/roboto-mono-all-400-normal-SFQJU3H7.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-mono-latin-ext-400-normal-DRTPXRJS.woff2") format("woff2"),url("/app/assets/roboto-mono-all-400-normal-SFQJU3H7.woff") format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/roboto-mono-latin-400-normal-OKRWGZOX.woff2") format("woff2"),url("/app/assets/roboto-mono-all-400-normal-SFQJU3H7.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-mono-cyrillic-ext-500-normal-QOVJWVAZ.woff2") format("woff2"),url("/app/assets/roboto-mono-all-500-normal-ODBQNREV.woff") format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-mono-cyrillic-500-normal-YYHCDE6E.woff2") format("woff2"),url("/app/assets/roboto-mono-all-500-normal-ODBQNREV.woff") format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-mono-greek-500-normal-3UZKQ3RY.woff2") format("woff2"),url("/app/assets/roboto-mono-all-500-normal-ODBQNREV.woff") format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-mono-vietnamese-500-normal-OCWIUWUJ.woff2") format("woff2"),url("/app/assets/roboto-mono-all-500-normal-ODBQNREV.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-mono-latin-ext-500-normal-JIU4SEFZ.woff2") format("woff2"),url("/app/assets/roboto-mono-all-500-normal-ODBQNREV.woff") format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url("/app/assets/roboto-mono-latin-500-normal-67YXJMLO.woff2") format("woff2"),url("/app/assets/roboto-mono-all-500-normal-ODBQNREV.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Icons;font-style:normal;font-display:swap;font-weight:400;src:url("/app/assets/material-icons-base-400-normal-4U5KPGSB.woff2") format("woff2"),url("/app/assets/material-icons-base-400-normal-2QSJNDXO.woff") format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}
/**
 * @license Copyright 2019 Google Inc. All Rights Reserved.
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
 */
/**
 * @license Copyright 2020 Google Inc. All Rights Reserved.
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
 */
/*# sourceMappingURL=/app/chunks/entry-C4YZOFS6.css.map */