main#main.svelte-1yb5mxf{max-width:min(var(--max-content-width),80vw);flex-direction:column;align-items:center;min-height:400px;display:flex;width:100%;gap:20px}header.svelte-1yb5mxf{justify-content:center;flex-wrap:wrap;display:flex;gap:10px}header.svelte-1yb5mxf input[type=radio]:where(.svelte-1yb5mxf){display:none}header.svelte-1yb5mxf label:where(.svelte-1yb5mxf){background-color:color-mix(in hsl shorter hue,var(--colour, grey) 10%,transparent);border:1px solid var(--colour, grey);border-radius:20px;color:var(--colour, grey);padding:10px;text-align:center;min-width:50px;cursor:pointer}header.svelte-1yb5mxf label:where(.svelte-1yb5mxf):has(input[type=radio]:where(.svelte-1yb5mxf):checked){--colour: red}.entries.svelte-1yb5mxf{grid-template-columns:repeat(auto-fit,290px);justify-content:center;display:grid;width:100%;gap:20px}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf){background-color:#f2f2f20c;outline:1px solid rgba(117,117,117,.45);border-radius:20px;max-width:290px;padding:10px;width:100%;gap:20px;grid-template-columns:max-content 1fr;grid-template-rows:1fr 1fr;grid-auto-columns:1fr;align-items:center;gap:7px 15px;display:grid;grid-template-areas:"Logo Name" "Logo Level"}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf) img:where(.svelte-1yb5mxf){grid-area:Logo;aspect-ratio:1/1}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf) .name:where(.svelte-1yb5mxf){font-size:large;grid-area:Name;color:#fff}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf) .level:where(.svelte-1yb5mxf){background-color:color-mix(in hsl shorter hue,var(--colour) 10%,transparent);border:1px solid var(--colour);border-radius:20px;color:var(--colour);text-transform:capitalize;width:max-content;font-style:italic;padding:5px 10px;font-size:small}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf) .level[data-level=master]:where(.svelte-1yb5mxf){--colour: #FBBF24}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf) .level[data-level=expert]:where(.svelte-1yb5mxf){--colour: #A78BFA}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf) .level[data-level=proficient]:where(.svelte-1yb5mxf){--colour: #34D399}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf) .level[data-level=competent]:where(.svelte-1yb5mxf){--colour: #38BDF8}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf) .level[data-level="advanced beginner"]:where(.svelte-1yb5mxf){--colour: #2DD4BF}.entries.svelte-1yb5mxf .technology-card:where(.svelte-1yb5mxf) .level[data-level=novice]:where(.svelte-1yb5mxf){--colour: #94A3B8}