@property --installations-roll{syntax:"<integer>";inherits:true;initial-value:0}@layer components{.installation,.installations{--installations-accent:var(--secondary);--installations-ink:var(--primary);--installations-muted:color-mix(in oklab,var(--installations-ink),transparent 45%);--installations-tint:oklch(from var(--installations-accent) 0.96 0.025 h);--installations-radius:var(--button-border-radius,var(--size-xs));--installations-gap:var(--size-lg)}.installations>.foreground-content>.container>.row{align-content:start}.installations-filters{display:flex;flex-wrap:wrap;gap:var(--size-sm) var(--size-2xl);justify-content:center}.installations-filters__group,.installations-filters__list{align-items:center;display:flex;flex-wrap:wrap}.installations-filters__group{gap:var(--size-2xs) var(--size-sm)}.installations-filters__name{color:var(--installations-muted);font-size:.8em;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.installations-filters__list{gap:var(--size-3xs);margin:0;padding:0}.installations-filters__link{border:1.5px solid color-mix(in oklab,var(--installations-ink),transparent 80%);border-radius:999px;color:var(--installations-ink);display:inline-block;font-size:.875em;font-weight:500;line-height:1.2;padding:.35em .9em;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;white-space:nowrap;&:hover{background:var(--installations-tint);border-color:var(--installations-accent)}&[aria-current=true]{background:var(--installations-ink);border-color:var(--installations-ink);color:var(--white,#fff)}}.installations-empty{color:var(--installations-muted);text-align:center}.installations [data-installation][hidden],.installations-empty[hidden]{display:none}.installation .container>.row+.row{margin-top:var(--installations-row-gap,var(--size-3xl))}.installation__gyro-row,.installation__hero{--column-vertical:center}.installation__gyro-row{--column-overflow:visible}.installation__media{--image-aspect-ratio:1;--image-object-fit:cover;--image-position:center;img{box-shadow:var(--shadow-xl,0 1.5rem 3rem -1rem rgba(0,0,0,.25))}}.installation__back a{color:var(--installations-muted);text-decoration:none;&:hover{color:var(--installations-ink)}}.installation__vessel{color:var(--installations-accent);display:block;font-size:.5em;font-style:italic;font-weight:400;letter-spacing:0}.installation__chips{display:flex;flex-wrap:wrap;gap:var(--size-2xs);margin:0;padding:0}.installation__chip{background:var(--installations-tint);border-radius:999px;color:var(--installations-ink);font-size:.875em;font-weight:500;line-height:1.2;padding:.35em .85em}.installation__chip--gyro{background:var(--installations-accent);color:var(--white,#fff);font-weight:700;a{color:inherit;text-decoration:none}&:has(a:hover){background:var(--installations-ink)}}.installation__spec{--column-card-padding:var(--size-md);--column-card-shadow:none;>.foreground-content{align-items:center;display:flex;gap:var(--size-sm)}}.installation__spec-icon{background:var(--installations-tint);border-radius:50%;box-sizing:border-box;color:var(--installations-accent);flex:none;height:2.6rem;padding:.6rem;width:2.6rem}.installation__spec-text{margin:0}.installation__spec-name{color:var(--installations-muted);display:block;font-size:.75em;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.installation__spec-value{color:var(--installations-ink);display:block;font-size:1.125em;font-weight:700;a{color:inherit;text-decoration-color:var(--installations-accent);text-underline-offset:.2em}}.installation-gauge{--installations-roll:var(--roll);align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:100%;width:var(--installations-gauge-size,18rem)}@media (scripting:enabled){.installation:not([data-editor]) .installation-gauge:not([data-gauge=in]){--installations-roll:0}}@media (prefers-reduced-motion:no-preference){.installation-gauge[data-gauge=in]{transition:--installations-roll var(--installations-gauge-duration,1.6s) cubic-bezier(.22,.8,.25,1)}}.installation-gauge__dial{display:block;height:auto;overflow:visible;width:100%;path{fill:none;stroke-linecap:round;stroke-width:var(--installations-gauge-stroke,9)}}.installation-gauge__track{stroke:color-mix(in oklab,var(--installations-ink),transparent 88%)}.installation-gauge__value{stroke:var(--installations-accent);stroke-dasharray:var(--installations-roll) 200}.installation-gauge__number{color:var(--installations-ink);font-family:var(--font-family-mono,inherit);font-size:clamp(2.25rem,6vw,3.25rem);font-weight:800;line-height:1;margin:-1.4em 0 0}.installation-gauge__count:before{content:counter(installations-roll) "%";counter-reset:installations-roll var(--installations-roll)}.installation-gauge__caption{color:var(--installations-ink);font-size:.8em;font-weight:700;letter-spacing:.08em;margin-top:var(--size-xs);text-align:center;text-transform:uppercase}.installation__details>.foreground-content{display:grid;gap:var(--installations-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));>*{grid-column:1/-1;margin:0}>p:has(>img:only-child){grid-column:auto;img{aspect-ratio:4/3;border-radius:var(--installations-radius);display:block;height:100%!important;object-fit:cover;width:100%!important}}@media (min-width:768px){>p:has(>img:only-child):first-child{grid-column:span 2}}>p:has(>a>img){display:flex;flex-wrap:wrap;gap:var(--size-md);justify-content:center;a{border-radius:calc(var(--installations-icon-link-size, 7.5rem)*.16);display:block;transition:translate .2s,box-shadow .2s;&:focus-visible,&:hover{box-shadow:var(--shadow-lg,0 .75rem 1.5rem -.75rem rgba(0,0,0,.3));translate:0 -.2rem}}img{display:block;height:auto!important;width:var(--installations-icon-link-size,7.5rem)!important}}}}