.app{max-width:900px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.app__head{display:flex;align-items:baseline;gap:.5rem}.app__updated{color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--footnotes-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.app__updated{font-size:var(--footnotes-font-size-medium-up)}}.app__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:.75rem}.app__loading{min-height:220px;display:flex;align-items:center;justify-content:center}.details__title{display:flex;align-items:center;gap:.5rem;padding-inline:.5rem}.details__body{width:min(27.5rem,100vw - 2rem);padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;color:var(--color-grey-900)}.details__facts{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;align-items:baseline}.details__facts dt{font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.details__facts dt{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.details__facts dd{margin:0;font-variant-numeric:tabular-nums;text-align:right;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.details__facts dd{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.details__steps{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.details__steps th{text-align:left;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.details__steps th{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.details__steps td{padding:.1875rem 0 .1875rem .5rem;text-align:right;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.details__steps td{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.details__total{border-top:1px solid var(--color-grey-200)}.details__id{margin:0;color:var(--color-roche-grey-400);word-break:break-all;font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--footnotes-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.details__id{font-size:var(--footnotes-font-size-medium-up)}}.build-history{border-top:1px solid var(--color-grey-200);padding-top:1rem}.build-history__title{margin:0 0 .75rem;font-family:roche-sans;font-style:normal;font-weight:200;font-weight:400;font-size:var(--label-font-size-small-up);line-height:1.3125rem}@media(min-width:48rem){.build-history__title{font-size:var(--label-font-size-medium-up);line-height:1.3125rem}}.build-history__table{width:calc(100% + 1rem);margin-inline:-.5rem;border-collapse:collapse;text-align:left}.build-history__table th{padding-bottom:.5rem;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.build-history__table th{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.build-history__table td{padding:.375rem 0;vertical-align:middle;font-variant-numeric:tabular-nums;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.build-history__table td{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.build-history__table th:first-child,.build-history__table td:first-child{padding-left:.5rem}.build-history__table th:last-child,.build-history__table td:last-child{padding-right:.5rem}.build-history__table th:nth-child(3),.build-history__table td:nth-child(3){text-align:right}.build-history__result{display:flex}.build-history__open{width:0}.build-history__table .build-history__open{padding-left:.5rem}.build-history__hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.build-history__row{cursor:pointer}.build-history__row:hover{background:var(--color-roche-grey-100)}.steps-button{flex-shrink:0;display:flex;padding:0;border:none;background:none;color:var(--color-grey-500);cursor:pointer;transition:color .2s ease-in}.steps-button:focus,.steps-button:focus-visible{outline:var(--color-roche-blue-600) dashed 2px;outline-offset:unset}.steps-button:focus:not(:focus-visible){outline:none}.steps-button:hover{color:var(--color-roche-blue-600)}.build-progress{height:.25rem;background:var(--color-grey-200);overflow:hidden}.build-progress__bar{height:100%;background:var(--color-roche-blue-600);transition:width .3s linear,background-color .3s ease}@media(prefers-reduced-motion:reduce){.build-progress__bar{transition:none}}.build-progress--hidden{visibility:hidden}.build-progress--overdue .build-progress__bar{background:var(--color-orange)}.build-progress--waiting .build-progress__bar{width:30%;animation:build-progress-waiting 1.6s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.build-progress--waiting .build-progress__bar{width:100%;opacity:.4;animation:none}}@keyframes build-progress-waiting{0%{transform:translate(0)}to{transform:translate(233.3333333333%)}}.card{grid-row:span 4;border:1px solid var(--color-grey-200);background:var(--color-white);padding:.5rem 1rem;display:grid;grid-template-rows:subgrid;row-gap:.75rem}.card .card__head{grid-row:1}.card .card__status-row{grid-row:2}.card .card__action-row{grid-row:3;min-height:2.5rem;display:flex;flex-direction:column;gap:.75rem}.card .card__history-row{grid-row:4}.card .card__muted{color:var(--color-grey-500);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.card .card__muted{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.card .card__action{display:flex;justify-content:flex-end}.card .card__run{margin:-.375rem -.5rem;padding:.375rem .5rem;display:flex;flex-direction:column;gap:.375rem;cursor:pointer}.card .card__run:hover{background:var(--color-roche-grey-100)}.card .card__run-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.card .card__status{margin-top:.375rem;display:flex;flex-direction:column;gap:.375rem}.card .card__summary{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .375rem;font-variant-numeric:tabular-nums;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.card .card__summary{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.card .card__emphasis{font-weight:400;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.card .card__emphasis{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.card .card__detail{color:var(--color-grey-500);white-space:nowrap}.card .card__error{margin:0;color:var(--color-alert-error);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;line-clamp:3;font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.card .card__error{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.card .card__note{margin:0;color:var(--color-grey-800);font-family:roche-sans;font-style:normal;font-weight:200;font-size:var(--caption-font-size-small-up);line-height:1.1875rem}@media(min-width:48rem){.card .card__note{font-size:var(--caption-font-size-medium-up);line-height:1.375rem}}.card .card__nowrap{white-space:nowrap}body{--color-text-primary: var(--color-grey-900);background:var(--color-roche-grey-100)}dialog{color:var(--color-text-primary)}