main:has(>.katalog){max-width:75rem;padding-top:0}.katalog{--row-note:#000000b8;--row-month:#000000bf;--row-past:var(--ink-3);--bar-visible:#0006;--bar-picked:#00000038;--swatch-other:#0000001f;--track:#0000000d;grid-template-columns:minmax(0,1fr);padding-top:1.5rem;display:grid}:root[data-theme=dark] .katalog{--row-note:#ffffffa3;--row-month:#ffffffbf;--row-past:#ffffff80;--bar-visible:#ffffff70;--bar-picked:#ffffff3d;--swatch-other:#ffffff24;--track:#ffffff0f}astro-island:has(>.catalog-decades){display:contents}.katalog-intro h1{margin:0}.katalog-intro p{color:var(--ink-2);margin:.5rem 0 0}.katalog-intro .flag{vertical-align:-1px;border-radius:2px;margin-left:.125rem}.catalog-decades{--bar-height:3.5rem;margin-top:2rem;container-type:inline-size}.catalog-decades .bars{grid-template-columns:repeat(10,minmax(24px,1fr));grid-template-rows:var(--bar-height) auto var(--bar-height) auto;display:grid}.catalog-decades .bar{grid-row:1;align-items:flex-end;padding-inline:4px;display:flex}.catalog-decades .bar:nth-child(n+11){grid-row:3}.catalog-decades .tick{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;grid-row:2;margin:.375rem 0 .5rem;font-size:.75rem}.catalog-decades .tick.first{grid-column:1/span 3;justify-self:start}.catalog-decades .tick.century{grid-area:4/1/auto/span 3;justify-self:start}.catalog-decades .tick.last{grid-area:4/8/auto/span 3;justify-self:end}.catalog-decades .tick.wide{display:none}@container (width>=480px){.catalog-decades .bars{grid-template-columns:repeat(20,minmax(24px,1fr));grid-template-rows:var(--bar-height) auto}.catalog-decades .bar{padding-inline:1.5px}.catalog-decades .bar:nth-child(n+11){grid-row:1}.catalog-decades .tick{margin-bottom:0}.catalog-decades .tick.century{display:none}.catalog-decades .tick.wide{grid-row:2;justify-self:center;display:block}.catalog-decades .tick.current{color:var(--ink);font-weight:500}.catalog-decades .tick.last{grid-area:2/18/auto/span 3}}.catalog-decades .bar>span{background:var(--line);border-radius:2px 2px 0 0;align-items:flex-end;width:100%;display:flex}.catalog-decades .bar>span>span{background:var(--bar-visible);border-radius:2px 2px 0 0;width:100%}.catalog-decades .bar:hover>span,.catalog-decades .bar[aria-current=true]>span{background:var(--bar-picked)}.catalog-decades .bar:hover>span>span,.catalog-decades .bar[aria-current=true]>span>span{background:var(--ink)}.catalog-decades .legend{color:var(--ink-2);font-variant-numeric:tabular-nums;gap:1rem;margin:.625rem 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.catalog-decades .legend li{align-items:center;gap:.375rem;display:flex}.catalog-decades .legend i{background:var(--ink);border-radius:2px;width:10px;height:10px}.catalog-decades .legend .other i{background:var(--swatch-other)}:root:not([data-js]) .catalog-filters{display:none}.catalog-filters{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.catalog-filters .label,.catalog-filters small{display:none}.catalog-filters .kinds{background:var(--track);border-radius:.5rem;gap:2px;padding:2px;display:flex}.catalog-filters .kinds button{height:2.25rem;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:.375rem;flex:1;font:500 .875rem Inter,system-ui,sans-serif}.catalog-filters .kinds button[aria-pressed=true]{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #0000001f}:root[data-theme=dark] .catalog-filters .kinds button[aria-pressed=true]{box-shadow:none;background:#ffffff1f}.catalog-filters .pills,.catalog-filters .pills [role=group]{gap:.5rem;display:flex}.catalog-filters .pills .field{display:contents}.catalog-filters .pills{scrollbar-width:none;margin:0 -1.5rem;padding:0 1.5rem;overflow-x:auto}.catalog-filters .pill{border:1px solid var(--line-strong);height:2.25rem;color:var(--row-note);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 .875rem;font:500 .875rem Inter,system-ui,sans-serif}:root[data-theme=dark] .catalog-filters .pill{color:#ffffffb8}.catalog-filters .pill[aria-pressed=true],:root[data-theme=dark] .catalog-filters .pill[aria-pressed=true]{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-ink)}.catalog-filters button:disabled{cursor:progress}.catalog-filters .summary{min-height:2.25rem;color:var(--ink-3);justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;font-size:.875rem;display:flex}.catalog-filters .summary p{margin:0}.catalog-filters .clear{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.5rem 0;font:500 .875rem Inter,system-ui,sans-serif;text-decoration:underline}.catalog-count,.catalog-head{display:none}.catalog{margin-top:.5rem}.catalog-year[hidden],.catalog-row[hidden]{display:none}.catalog-year h2{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;margin:0;padding:2rem 0 .25rem;scroll-margin-top:1rem}.catalog ol{margin:0;padding:0;list-style:none}.catalog-row{border-bottom:1px solid var(--line-soft);grid-template-columns:20px 3.25rem minmax(0,1fr) auto;align-items:start;gap:.25rem .75rem;padding:.875rem 0;display:grid;position:relative}.catalog-row .type-icon{margin-top:2px}.catalog-row .date{font-variant-numeric:tabular-nums;flex-direction:column;line-height:1.25;display:flex}.catalog-row .date b{font-size:1.0625rem;font-weight:500}.catalog-row .date small{color:var(--row-month);font-size:.8125rem}.catalog-row .date .year,.catalog-row .vis-short,.catalog-row .saros{display:none}.catalog-row .what{flex-direction:column;gap:3px;display:flex}.catalog-row a{font-weight:500;text-decoration:none}.catalog-row a:after{content:"";position:absolute;inset:0}.catalog-row a:hover{text-decoration:underline}.catalog-row .vis{color:var(--row-note);font-size:.875rem;line-height:1.4}.catalog-row .status{color:var(--row-note);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:2px;font-size:.8125rem}.catalog-row.past,.catalog-row.past a{color:var(--row-past)}.catalog-row.past .vis,.catalog-row.past .status,.catalog-row.past .date small{color:var(--ink-off)}.now-marker{color:var(--ink);align-items:center;gap:.5rem;padding:.625rem 0;font-size:.8125rem;font-weight:600;display:flex}.now-marker:before{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px}.now-marker:after{content:"";background:var(--ink);flex:1;height:1px}.catalog-row>.now-marker{grid-column:1/-1;margin-top:-.875rem}@media (width>=48rem){main:has(>.katalog){padding-inline:3rem}}@media (width>=64rem){.katalog{grid-template-columns:17.5rem minmax(0,1fr) minmax(504px,1.4fr);align-items:end;column-gap:3.5rem;padding-top:2.5rem}.katalog-intro{grid-area:1/1/auto/3}.katalog-intro p{margin-top:.75rem;font-size:1.0625rem}.catalog-decades{--bar-height:4.5rem;grid-area:1/3;margin:0}.catalog-decades .bar{padding-inline:2px}.catalog-decades .legend{display:none}.catalog-filters{grid-area:2/1/span 2;align-self:start;gap:1.75rem;margin-top:4rem;position:sticky;top:1.5rem}.catalog-filters .label{color:var(--ink-3);font-size:.8125rem;display:block}.catalog-filters .kinds,.catalog-filters .pills,.catalog-filters .pills [role=group]{background:0 0;flex-direction:column;gap:0;margin:.5rem 0 0;padding:0;overflow:visible}.catalog-filters .pills{gap:1.75rem;margin:0}.catalog-filters .pills .field{display:block}.catalog-filters .pills .types{order:-1}.catalog-filters .kinds button,.catalog-filters .pill{width:100%;height:2.5rem;color:var(--row-note);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:.375rem;flex:none;justify-content:space-between;align-items:center;padding:0 .75rem;font:500 .9375rem Inter,system-ui,sans-serif;display:flex}:root[data-theme=dark] .catalog-filters .pill{color:#ffffffb8}.catalog-filters .kinds button[aria-pressed=true],.catalog-filters .pill[aria-pressed=true],:root[data-theme=dark] .catalog-filters .kinds button[aria-pressed=true],:root[data-theme=dark] .catalog-filters .pill[aria-pressed=true]{background:var(--fill-2);color:var(--ink);border-color:#0000}.catalog-filters small{color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:400;display:inline}.catalog-filters [aria-pressed=true] small{color:var(--ink-2)}.catalog-filters .pill.indonesia{color:var(--ink);margin-top:.5rem}.catalog-filters .pill.indonesia[aria-pressed=true]{background:0 0}.catalog-filters .pill.indonesia:after{content:"";background:radial-gradient(circle at 11px 50%, #fff 8px, #0003 8.5px, transparent 9.5px), var(--line-strong);border-radius:999px;flex:none;width:36px;height:22px}.catalog-filters .pill.indonesia[aria-pressed=true]:after{background:radial-gradient(circle at 25px 50%, var(--bg) 8px, transparent 9px), var(--ink)}.catalog-filters .summary{min-height:0;margin:0}.catalog-filters .phone-count{display:none}.catalog-count{color:var(--ink-3);grid-area:2/2/auto/4;align-self:start;margin:4rem 0 1rem;font-size:.875rem;display:block}.catalog{font-variant-numeric:tabular-nums;grid-area:3/2/auto/4;align-self:start;margin:0}.catalog-head,.catalog-row{grid-template-columns:20px 7.5rem minmax(0,1fr) 12.5rem 4rem 6rem;gap:1rem}.catalog-head{color:var(--ink-3);padding-bottom:.625rem;font-size:.8125rem;font-weight:500;display:grid}.catalog-head .status{text-align:right}.catalog-year h2{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.catalog-row{border-top:1px solid var(--line-soft);border-bottom:0;align-items:start;padding:1rem 0}.catalog-row .type-icon{margin-top:1px}.catalog-row .date{font-size:.9375rem;line-height:1.5;display:block}.catalog-row .date b,.catalog-row .date small{font-size:inherit;color:inherit;font-weight:400}.catalog-row .date .year{display:inline}.catalog-row .what{display:contents}.catalog-row .vis{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.catalog-row .vis-short,.catalog-row .saros,.catalog-row .status{color:inherit;padding:0;font-size:.9375rem;line-height:1.5;display:block}.catalog-row .vis-short.none{color:#0009}:root[data-theme=dark] .catalog-row .vis-short.none{color:#ffffff8c}.catalog-row .status{text-align:right}.catalog-row.past .vis-short,.catalog-row.past .saros,.catalog-row.past .status,.catalog-row.past .date small{color:var(--row-past)}.catalog-row.past .vis-short.none{color:var(--ink-off)}.now-marker{border-top:1px solid var(--ink);padding:.75rem 0}.now-marker:before,.now-marker:after{display:none}.catalog-row>.now-marker{margin-top:calc(-1rem - 1px)}}
