@layer theme,base;@layer components{.inf-website-site{color:var(--inf-quiet);gap:.5rem;display:grid;position:relative}.inf-website-menu{border-bottom:1px solid var(--inf-line);flex-wrap:wrap;align-items:baseline;gap:.25rem .875rem;padding-bottom:.5rem;display:flex}.inf-website-menu>strong{color:var(--foreground);margin-right:auto}.inf-website-heading{letter-spacing:-.015em;color:var(--foreground);font-size:1.0625rem;font-weight:700}.inf-website-lines{gap:.3rem;display:grid}.inf-website-lines>i{background:var(--secondary);border-radius:999px;height:.3rem}.inf-website-lines>i:nth-child(2){width:64%}.inf-website-frame{border:1px solid var(--inf-copper);background:var(--background);border-top-width:4px;border-radius:.625rem;gap:.75rem;padding:.75rem;display:grid}.inf-website-head{border-bottom:1px solid var(--inf-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;padding-bottom:.625rem;display:flex;position:relative}.inf-website-brand{border:1px dashed var(--border-strong);color:var(--inf-quiet);border-radius:.3rem;padding:.15rem .6rem;font-weight:600}.inf-website-all{color:var(--foreground);align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.inf-website-away{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:.75rem;height:.75rem}.inf-website-family{gap:.5rem;display:grid}.inf-website-part{align-items:center;gap:.5rem;display:flex}.inf-website-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.inf-website-card{border:1px solid var(--inf-line);background:var(--card);border-radius:.5rem;display:grid;position:relative}.inf-website-picture{background:var(--surface-picture);aspect-ratio:16/8;border-radius:.45rem .45rem 0 0;display:block;overflow:hidden}.inf-website-picture img{object-fit:cover;width:100%;height:100%}.inf-website-name{border-top:1px solid var(--inf-line);align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.inf-website-name>strong{flex:1}.inf-website-name>svg{color:var(--inf-quiet)}.inf-website-site>.inf-mark,.inf-website-head>.inf-mark,.inf-website-card>.inf-mark{z-index:1;box-shadow:0 0 0 3px var(--card);position:absolute;top:-.6rem;right:-.5rem}.inf-website-head>.inf-mark{top:-1.5rem}.inf-website-card>.inf-mark{top:.375rem;right:.375rem}.inf-website-site>.inf-mark{top:2rem}.inf-website-dash{stroke-dasharray:2.5 3}@container (min-width:30rem){.inf-website-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}}@layer utilities;