@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-ext-wght-normal-BDUtSsKd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-wght-normal-ObQm3Zd1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff;--fg:#141414;--muted:#666;--line:#d9d9d9;--accent:#e4572e;--s1:#f04641;--s2:#b02538;--s3:#8b1636;--s4:#6b0f2e;--s5:#3c1e33;--sans:"Jost Variable", "Jost", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}.page{flex-direction:column;max-width:1180px;min-height:100dvh;margin:0 auto;padding:32px 24px 20px;display:flex}main{flex-direction:column;flex:1;justify-content:center;display:flex}.sites{margin:0;padding:0;list-style:none;display:grid}.site{height:100%;color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:14px 4px;text-decoration:none;display:grid}.site:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site:hover .site-name,.site:focus-visible .site-name{color:var(--fg)}.site-name{color:var(--muted);margin:0;font-size:18px;font-weight:400;transition:color .15s}.site-go{color:var(--muted);font-size:22px;transition:transform .15s,color .15s}.site:hover .site-go{color:var(--fg);transform:translate(4px)}.intro{text-align:center;color:var(--muted);margin:0;font-size:15px}@media (width<=899px){.intro{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=601px) and (width<=899px){.site .preview{width:64px;height:64px}}@media (width>=900px){.sites{width:776px;margin:0 auto;display:flex}.sites li{flex:auto}.sites li:first-child,.sites li:last-child{flex-grow:.5}.site .preview{justify-self:center}.sites li:first-child .site,.sites li:last-child .site{grid-template-columns:auto;justify-content:start}.sites li:last-child .site{justify-content:end}.site{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:stretch;gap:16px;padding:4px 14px 8px}.site-text{text-align:center;flex-direction:column;align-items:center;display:flex}.site-go{display:none}.site{--lag:.1s;--ease:.4s cubic-bezier(.4, 0, .2, 1);transition:filter var(--ease) var(--lag), opacity var(--ease) var(--lag)}.site-name{transition:color var(--ease) var(--lag)}.site .preview{width:110px;height:110px;transition:width var(--ease) var(--lag)}}@media (width>=900px) and (hover:hover){.site:hover .preview,.site:focus-visible .preview{width:196px}.page{position:relative}.intro{opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s;position:absolute;bottom:72px;left:0;right:0}:is(main:has(.site:hover) .intro,main:has(.site:focus-visible) .intro){opacity:1}:is(.sites:has(.site:hover) .site:not(:hover),.sites:has(.site:focus-visible) .site:not(:focus-visible)){filter:blur(12px)grayscale();opacity:.4}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.preview{border:1px solid var(--line);background:var(--bg);object-fit:cover;object-position:left top;border-radius:8px;width:76px;height:76px;display:block}.preview-less,.preview-one{object-position:center}@media (width<=600px){.page{padding:20px 16px 16px}.sites{align-self:center}.site{grid-template-columns:auto auto;justify-content:start;align-items:center;gap:40px;padding:12px 0}.site-name{font-size:18px}.site-go{display:none}.site .preview{border-radius:6px;width:92px;height:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
