.c-accordion{display:flex;flex-direction:column}.c-accordion__item{border-bottom:1px solid var(--new-blue-200)}.c-accordion__item:first-child{border-top:1px solid var(--new-blue-200)}.c-accordion__item.is-disabled{opacity:.5;pointer-events:none}.c-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.75rem 0;background:transparent;border:none;cursor:pointer;color:inherit;font:inherit;text-align:start}.c-accordion__trigger:disabled{cursor:not-allowed}@media(hover:hover){.c-accordion__trigger:hover{opacity:.8}}.c-accordion__trigger-label{flex:1}.c-accordion__trigger-icon{display:flex;align-items:center;flex-shrink:0}@media(prefers-reduced-motion:no-preference){.c-accordion__trigger-icon{transition:transform .25s ease}}.is-open .c-accordion__trigger-icon{transform:rotate(180deg)}.c-accordion__body{display:grid;grid-template-rows:0fr}@media(prefers-reduced-motion:no-preference){.c-accordion__body{transition:grid-template-rows .28s ease}}.is-open .c-accordion__body{grid-template-rows:1fr}.c-accordion__content{overflow:hidden;padding-bottom:0}.is-open .c-accordion__content{padding-bottom:.75rem}.c-pwa-cache__header{display:flex;align-items:center;justify-content:space-between;margin-block-end:1.5rem}.c-pwa-cache__status{font-family:Berliner,serif;font-size:clamp(.88rem,.43vw + .79rem,1.13rem)}.c-pwa-cache__status.is-online{color:#35a672}.c-pwa-cache__status.is-offline{color:#f2391c}.c-pwa-cache__stats{display:flex;gap:1rem;margin-block-end:1.5rem;flex-wrap:wrap}.c-pwa-cache__stat{display:flex;flex-direction:column;padding:.75rem 1.25rem;background-color:color-mix(in srgb,var(--orange-100) 20%,transparent);border:1px solid var(--new-blue-200);min-width:8rem}.dark .c-pwa-cache__stat{background-color:#0000001a}.c-pwa-cache__stat-value{font-family:Berliner,serif;font-size:clamp(1.25rem,.85vw + 1.08rem,1.75rem);line-height:1.2}.c-pwa-cache__stat-label{font-size:.8rem;opacity:.7;margin-top:.25rem}.c-pwa-cache__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-block-end:2rem}.c-pwa-cache__actions .c-button{--padding: .5rem 1rem;gap:.5rem}.c-pwa-cache__skeleton{display:flex;flex-direction:column;gap:.5rem}.c-pwa-cache__skeleton-row{height:4rem;--color-skeleton: 255, 255, 255}.dark .c-pwa-cache__skeleton-row{--color-skeleton: 0, 0, 0}.c-pwa-cache__skeleton-row{position:relative;overflow:hidden;background:rgb(var(--color-skeleton),.1)}.c-pwa-cache__skeleton-row:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgb(var(--color-skeleton),.2) 50%,transparent 75%);animation:1.5s shine linear infinite}.c-pwa-cache__empty{padding:2rem;text-align:center;opacity:.6;font-family:Berliner,serif;font-size:clamp(1rem,.43vw + .91rem,1.25rem)}.c-pwa-cache__unavailable{padding:1rem 1.25rem;background-color:color-mix(in srgb,var(--orange-100) 20%,transparent);border:1px solid var(--new-blue-200)}.dark .c-pwa-cache__unavailable{background-color:#0000001a}.c-pwa-cache__list{display:flex;flex-direction:column;gap:.5rem}.c-pwa-cache__bucket{padding:.75rem 1.25rem;background-color:color-mix(in srgb,var(--orange-100) 20%,transparent);border:1px solid var(--new-blue-200)}.dark .c-pwa-cache__bucket{background-color:#0000001a}.c-pwa-cache__bucket .c-accordion__item,.c-pwa-cache__bucket .c-accordion__item:first-child{border:none}.c-pwa-cache__bucket-header{display:flex;align-items:center;gap:.5rem;margin-block-end:.25rem}.c-pwa-cache__bucket-header .c-accordion__trigger{width:auto;padding:.25rem}.c-pwa-cache__bucket-header .c-accordion__trigger-label{display:none}.c-pwa-cache__bucket-name{flex:1;font-family:Berliner,serif;font-size:clamp(.94rem,.43vw + .85rem,1.19rem)}.c-pwa-cache__bucket-size{font-size:.875rem;opacity:.8}.c-pwa-cache__bucket-delete{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:transparent;cursor:pointer;color:inherit;opacity:.5}.c-pwa-cache__bucket-delete:hover{opacity:1}.c-pwa-cache__bucket-toggle{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:transparent;cursor:pointer;color:inherit;opacity:.5}.c-pwa-cache__bucket-toggle:hover{opacity:1}@media(prefers-reduced-motion:no-preference){.c-pwa-cache__bucket-toggle svg{transition:transform .25s ease}}.is-open .c-pwa-cache__bucket-toggle svg{transform:rotate(180deg)}.c-pwa-cache__bucket-meta{font-size:.8rem;opacity:.6}.c-pwa-cache__bucket-types{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.c-pwa-cache__type-pill{font-size:.7rem;font-family:monospace;padding:.1rem .4rem;border-radius:3px;background-color:color-mix(in srgb,var(--new-blue-200) 40%,transparent);opacity:.8}.c-pwa-cache__url-meta{display:flex;align-items:center;gap:.4rem;flex-shrink:0;white-space:nowrap}.c-pwa-cache__url-size{font-size:.7rem;opacity:.6}.c-pwa-cache__url-type{font-size:.65rem;padding:.05rem .3rem;border-radius:2px;background-color:color-mix(in srgb,var(--new-blue-200) 30%,transparent);opacity:.8}.c-pwa-cache__urls{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--new-blue-200)}.c-pwa-cache__url{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.1rem .25rem;font-size:.75rem;font-family:monospace;opacity:.7}.c-pwa-cache__url-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.c-pwa-cache__url-age{white-space:nowrap;flex-shrink:0;opacity:.7;font-size:.7rem}.c-pwa-cache__info-grid{display:grid;grid-template-columns:max-content 1fr;margin-block-end:1.5rem;background-color:color-mix(in srgb,var(--orange-100) 20%,transparent);border:1px solid var(--new-blue-200)}.dark .c-pwa-cache__info-grid{background-color:#0000001a}.c-pwa-cache__info-row{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;min-height:2.75rem;padding-block:.4rem}.c-pwa-cache__info-row+.c-pwa-cache__info-row{border-top:1px solid var(--new-blue-200)}.c-pwa-cache__info-label{font-size:.8rem;opacity:.6;padding-inline:1.25rem}.c-pwa-cache__info-value{padding-inline:1.25rem}.c-pwa-cache__info-value{font-size:.875rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.c-pwa-cache__info-value.is-sw-active{color:#35a672}.c-pwa-cache__info-value.is-sw-waiting,.c-pwa-cache__info-value.is-sw-installing{color:#e1b125}.c-pwa-cache__info-value.is-installed{color:#35a672}.c-pwa-cache__info-sub{font-size:.75rem;opacity:.6;font-family:monospace}.c-pwa-cache__quota-bar{display:inline-block;width:6rem;height:.4rem;background-color:color-mix(in srgb,currentcolor 20%,transparent);border:1px solid var(--new-blue-200);overflow:hidden;flex-shrink:0}.c-pwa-cache__quota-fill{display:block;height:100%;background-color:#35a672;transition:width .3s ease}.c-pwa-type-bar{margin-block-end:1rem}.c-pwa-type-bar__track{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px;background-color:color-mix(in srgb,var(--new-blue-200) 30%,transparent)}.c-pwa-type-bar__segment{height:100%;border-radius:2px;transition:width .3s ease;min-width:2px}.c-pwa-type-bar__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem}.c-pwa-type-bar__legend-item{display:flex;align-items:center;gap:.3rem;font-size:.75rem}.c-pwa-type-bar__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.c-pwa-type-bar__legend-type{font-family:monospace;font-weight:600}.c-pwa-type-bar__legend-size{opacity:.6}.c-pwa-type-bar__legend-pct{opacity:.5;font-size:.7rem}