.profile[data-v-0f12d90c]{container-name:profile;container-type:inline-size;background-color:#fcfcfc;color:#14172e;border-radius:4px;border-radius:var(--radius-default);padding:2.25rem 2rem 2rem}.name[data-v-0f12d90c]{margin-bottom:1rem}.name h4[data-v-0f12d90c]{font-size:clamp(1.125rem,3cqi + .25rem,4rem)}.name span[data-v-0f12d90c]{color:#9295a8}.about[data-v-0f12d90c]{line-height:1.3;width:min(30ch,100% - 1rem)}.stats[data-v-0f12d90c]{color:#9295a8}.stats+button[data-v-0f12d90c]{display:none}.avatar[data-v-0f12d90c]{display:flex;justify-content:space-between;align-items:center;padding-right:2rem;margin-bottom:1rem}.avatar img[data-v-0f12d90c]{border-radius:9999px;border-radius:var(--radius-full);max-width:90px;max-height:90px;margin:0}button[data-v-0f12d90c]{background-color:#14172e;border-radius:3rem;padding:.5rem 1.75rem}@container (max-width: 400px){.stats[data-v-0f12d90c]{display:none}}@container (max-width: 300px){.avatar img[data-v-0f12d90c]{max-width:none;max-width:initial;max-height:none;max-height:initial}.avatar[data-v-0f12d90c]{padding:0;justify-content:center}.about[data-v-0f12d90c],.avatar button[data-v-0f12d90c]{display:none}.name[data-v-0f12d90c]{text-align:center}.stats+button[data-v-0f12d90c]{display:block;margin-left:auto;margin-right:auto}}.demo[data-v-7dbbc312]{--space: 2rem;--bg: rgb(28, 28, 39);padding:2rem;padding:var(--space);background-color:#1c1c27;background-color:var(--bg);border-radius:4px;border-radius:var(--radius-default)}.container[data-v-2fc06d07]{display:grid;grid-template-columns:160px 1fr;grid-gap:1rem;gap:1rem;overflow-x:auto}pre[data-v-2fc06d07]{font-size:.875rem;font-size:var(--text-sm)}.breadcrumb-container[data-v-2fc06d07]{container-name:breadcrumb;container-type:inline-size;display:flex}.breadcrumb[data-v-2fc06d07]{display:flex;list-style:none;gap:.25rem;padding:.75rem 0;--separator: " / ";--opacity: .7;border:var(--breadcrumb-border);border-right:0;border-right:initial;border-left:0;border-left:initial}.breadcrumb li[data-v-2fc06d07]{margin:0;color:var(--link-color)}.breadcrumb li[data-v-2fc06d07]:not(:last-child){opacity:var(--opacity)}.breadcrumb li[data-v-2fc06d07]:after{content:var(--separator)}.breadcrumb li[data-v-2fc06d07]:last-child:after{content:""}@container style(--variant: arrow){li[data-v-2fc06d07]{--separator: " ➜ ";--link-color: rgb(0, 217, 227)}@supports (color: color(display-p3 0 0 0%)){li[data-v-2fc06d07]{--link-color: rgb(0, 217, 227)}@media (color-gamut: p3){li[data-v-2fc06d07]{--link-color: color(display-p3 .1406 .85866 .91866)}}}}@container style(--variant: bordered){ul[data-v-2fc06d07]{--breadcrumb-border: 1px solid var(--color-silver)}li[data-v-2fc06d07]{--link-color: var(--color-silver);--separator: " ➤ "}}.two-column-layout[data-v-02a4cc9a]{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.container[data-v-2f4c3609]{display:flex;flex-flow:column wrap;justify-content:center;gap:1rem;border-radius:4px;border-radius:var(--radius-default);border:1px solid hsl(225,15%,50%);border:1px solid var(--color-silver);width:min(300px,100% - 2rem);height:-moz-fit-content;height:fit-content;padding:.75rem 2rem}.block[data-v-2f4c3609]{container-type:inline;display:inline-block;align-content:center}.computed[data-v-2f4c3609]{--value: var(--7cf27018);left:calc(var(--7cf27018) * 1cqi);left:calc(var(--value) * 1cqi);bottom:calc(var(--7cf27018) * 1cqb);bottom:calc(var(--value) * 1cqb);right:calc(var(--7cf27018) * 1cqmin);right:calc(var(--value) * 1cqmin);top:calc(var(--7cf27018) * 1cqmax);top:calc(var(--value) * 1cqmax)}input[type=range][data-v-2f4c3609]{max-width:200px}.demo[data-v-c7325833]{position:relative;overflow-x:auto;resize:horizontal}.demo[data-v-c7325833] *::-moz-selection{background:#00000080}.demo[data-v-c7325833] *::selection{background:#00000080}svg[data-v-c7325833]{enable-background:new 0 0 128 128;position:absolute;bottom:0;right:10px;fill:#e78336;fill:var(--color-accent);max-width:64px}.feature-card[data-v-803a985a]{container-name:feature-card;container-type:inline-size}.card[data-v-803a985a]{--primary-color: rgb(28, 28, 39);--contrast-color: rgb(241, 241, 241);display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;background:#f1f1f1;background:var(--contrast-color);border-radius:12px;overflow:hidden;transition:transform .3s ease}.content[data-v-803a985a]{padding:2rem}.card-image[data-v-803a985a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin:0;border-radius:0}.tag[data-v-803a985a]{display:inline-block;padding:.25rem .75rem;background:#e2e2e2;color:var(--primary-color);border-radius:16px;font-size:.875rem;font-weight:500}.title[data-v-803a985a]{margin:1rem 0;color:var(--primary-color);font-size:1.5rem}.description[data-v-803a985a]{color:var(--primary-color);opacity:.6;line-height:1.6}.action-btn[data-v-803a985a]{background:var(--primary-color);border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer}@container (min-width: 500px){.card[data-v-803a985a]{grid-template-columns:1fr 2fr}}.css-preview[data-v-903e1cc2]{--bg: rgb(28, 28, 39);display:grid;align-items:center;justify-items:center;place-items:center;color:#d9d9d9;color:var(--color-default-white);background-color:#1c1c27;background-color:var(--bg);border-radius:4px;border-radius:var(--radius-default);min-height:10rem;position:relative;overflow-x:auto;resize:horizontal}.css-preview svg[data-v-903e1cc2]{enable-background:new 0 0 128 128;position:absolute;bottom:0;right:10px;fill:#e78336;fill:var(--color-accent);max-width:64px}