@layer theme,base;@layer components{.inf-catalogue-map{gap:1.25rem;display:grid}.inf-catalogue-map>li{border:1px solid var(--inf-line);background:var(--background);border-radius:.875rem;align-content:start;gap:.25rem;padding:.75rem;display:grid;position:relative}.inf-catalogue-map>li>strong{font-size:.9375rem;line-height:1.3}.inf-catalogue-map>li+li:before{content:"";border-top:1.5px solid var(--inf-copper);border-right:1.5px solid var(--inf-copper);width:.5rem;height:.5rem;position:absolute;top:-.9rem;left:50%;translate:-50%;rotate:135deg}.inf-catalogue-screen{background:var(--muted);aspect-ratio:64/44;border-radius:.5rem;margin-bottom:.375rem;overflow:hidden}.inf-catalogue-family{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.25rem;height:100%;padding:.375rem;display:grid}.inf-catalogue-family>span{background:var(--surface-picture);border-radius:.3rem;height:100%;position:relative;overflow:hidden}.inf-catalogue-picture img{object-fit:cover;width:100%;height:100%}@media (min-width:48rem){.inf-catalogue-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.inf-catalogue-map>li+li:before{top:50%;left:-1.1rem;translate:0 -50%;rotate:45deg}}.inf-catalogue-part{border:1px solid var(--inf-line);border-radius:.625rem;padding:.625rem .75rem;position:relative}.inf-catalogue-part strong{font-size:.9375rem;display:block}.inf-catalogue-head,.inf-catalogue-foot{color:var(--inf-quiet);justify-content:space-between;align-items:center;gap:1rem;display:flex}.inf-catalogue-head{border-bottom:2px solid var(--inf-copper)}.inf-catalogue-foot{justify-content:flex-start}.inf-catalogue-logo{border:1px dashed var(--border-strong);border-radius:.3rem;padding:.25rem .6rem;font-size:.6875rem;font-weight:600}.inf-catalogue-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.inf-catalogue-pair{gap:.875rem;display:grid}@container (min-width:30rem){.inf-catalogue-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.inf-catalogue-wait{stroke-dasharray:2.5 3}.inf-catalogue-picture{background:var(--surface-picture);aspect-ratio:3/2;border-radius:.4rem;display:block;overflow:hidden}.inf-catalogue-more{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;margin-top:.375rem;display:grid}.inf-catalogue-lines{gap:.3rem;margin-top:.4rem;display:grid}.inf-catalogue-lines>i,.inf-catalogue-values dd,.inf-catalogue-table>i{background:var(--secondary);border-radius:999px;height:.3rem}.inf-catalogue-lines>i:nth-child(2){width:78%}.inf-catalogue-lines>i:nth-child(3){width:56%}.inf-catalogue-values{margin-block:.25rem .5rem}.inf-catalogue-values>div{border-top:1px solid var(--inf-line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding-block:.25rem;display:grid}.inf-catalogue-link{text-underline-offset:3px;font-weight:600;text-decoration:underline}.inf-catalogue-visuals{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.inf-catalogue-visuals>.inf-label{grid-column:1/-1}.inf-catalogue-visuals img{width:100%;max-width:5rem;height:auto}.inf-catalogue-view{background:var(--muted);text-align:center;border-radius:.4rem;align-content:center;place-items:center;gap:.35rem;padding:.75rem .5rem;font-size:.75rem;font-weight:600;display:grid}.inf-catalogue-view>svg{fill:none;width:1.75rem;height:1.75rem;stroke:var(--inf-copper);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.inf-catalogue-table{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem .75rem;margin-top:.4rem;display:grid}.inf-catalogue-form{justify-items:start;gap:.4rem;display:grid}.inf-catalogue-field{border:1px solid var(--border-strong);border-radius:.4rem;width:100%;height:1.5rem}.inf-catalogue-button{background:var(--foreground);color:var(--background);border-radius:999px;padding:.3rem .8rem;font-weight:600}}@layer utilities;