.type-style-specimen{container-type:inline-size;min-width:0;padding:10px 0}.type-style-specimen p{margin:0;color:#101828;white-space:normal;overflow-wrap:break-word;text-wrap:pretty}.source-catalog{--catalog-purple:#813ebe;--catalog-line:#e7e8e9;min-width:0;color:#101828}.source-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.source-catalog-toolbar label{width:min(360px,100%)}.source-catalog-toolbar input{box-sizing:border-box;width:100%;height:36px;padding:0 12px;font:400 12px/1.4 Onest,sans-serif;border:1px solid var(--catalog-line);border-radius:8px;background:white;color:#101828}.source-catalog-toolbar>span{font-size:11px;color:#797381;white-space:nowrap}.source-catalog-families{display:grid;gap:36px}.source-catalog-family{min-width:0}.source-catalog-family-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:14px}.source-catalog-breadcrumb{display:block;max-width:560px;font-size:10px;line-height:1.6;color:#8a8390}.source-catalog-family-head h3{margin:4px 0 0;font:500 18px/1.3 Onest,sans-serif}.source-catalog-expand{display:inline-flex;align-items:center;gap:18px;flex-shrink:0;padding:8px 0;border:0;border-bottom:1px solid #e8d9f5;background:none;color:#704198;font:400 11px/1.4 Onest,sans-serif;cursor:pointer}.source-catalog-expand span{font-size:16px}.source-catalog-unfold{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .46s cubic-bezier(.2,.7,.2,1),opacity .24s ease}.source-catalog-unfold[data-open=true]{grid-template-rows:1fr;opacity:1}.source-catalog-unfold-inner{overflow:hidden;min-height:0}.source-catalog-library{margin:0 0 20px;padding:20px;border:1px dashed #c28bf3;border-radius:16px}.source-catalog-library-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:11px;color:#797381}.source-catalog-library-tools label{display:flex;align-items:center;gap:6px;cursor:pointer}.source-catalog-library-tools input{accent-color:var(--catalog-purple)}.source-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:28px 20px;align-items:start}.source-catalog-grid.icon-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:18px}.source-catalog-grid.native-grid{grid-template-columns:1fr}.source-catalog-specimen{margin:0;min-width:0}.source-catalog-preview{min-height:80px;height:220px;padding:20px;box-sizing:border-box;overflow:hidden}.source-catalog-art,.source-catalog-preview{display:flex;align-items:center;justify-content:center;min-width:0}.source-catalog-art{width:100%;height:100%}.source-catalog-art>svg{display:block;max-width:100%;max-height:100%;width:var(--source-width);height:auto;overflow:visible;flex-shrink:1}.source-catalog-preview.is-native{display:block;height:auto;min-height:100px;max-height:650px;overflow:auto}.source-catalog-preview.is-native .source-catalog-art{width:max-content;height:auto;display:block}.source-catalog-preview.is-native svg{width:var(--source-width);max-width:none;max-height:none;height:auto}.source-catalog-specimen figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px;font:400 10px/1.6 Onest,sans-serif;color:#7d7385}.source-catalog-specimen figcaption span{overflow-wrap:anywhere}.source-catalog-specimen figcaption small{font-size:9px;white-space:nowrap;color:#aaa3af}.source-catalog-note{display:block;font-size:9px;line-height:1.6;color:#a598af;cursor:help}.source-catalog-featured{overflow:hidden;border:1px solid var(--catalog-line);border-radius:16px}.source-catalog-featured-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #eee9f2;font-size:12px;color:var(--catalog-purple)}.source-catalog-pager{display:flex;align-items:center;gap:12px;font-size:10px;color:#8a8390}.source-catalog-pager button{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--catalog-line);border-radius:7px;background:white;color:var(--catalog-purple);cursor:pointer}.source-catalog-playground>.source-catalog-specimen{padding:0 20px 14px;background:#fff}.source-catalog-featured .source-catalog-preview{height:260px}.source-catalog-featured figcaption{padding-top:8px}.source-catalog-loading{font-size:10px;color:#a398ab}.source-catalog-icon-strip{display:grid;grid-template-columns:repeat(12,1fr);border:1px solid var(--catalog-line);border-radius:14px;padding:14px}.source-catalog-icon-strip .source-catalog-preview{height:52px;min-height:0;padding:12px}.source-catalog-icon-strip svg{width:24px}.source-catalog-specimen.is-icon .source-catalog-preview{height:58px;min-height:0;padding:14px}.source-catalog-specimen.is-icon svg{width:24px}.source-catalog-specimen.is-icon figcaption{display:block;text-align:center}.source-catalog-specimen.is-icon figcaption small{display:none}.source-catalog-load{display:block;margin:24px auto 0;padding:9px 14px;border:1px solid #e8d9f5;border-radius:8px;background:#fff;color:#704198;font:400 11px/1.4 Onest,sans-serif;cursor:pointer}.source-catalog-empty{padding:32px;border:1px dashed #e8d9f5;border-radius:12px;text-align:center;font-size:13px;color:#797381}.source-catalog button:focus-visible,.source-catalog input:focus-visible{outline:2px solid #b18bdd;outline-offset:3px}.source-catalog button:hover{color:#4c1d7e}.source-catalog-family.gallery-only .source-catalog-family-head{border-bottom:1px solid #eee9f2}.source-catalog-family.gallery-only .source-catalog-library{margin-top:16px}@media(max-width:640px){.source-catalog-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.source-catalog-family-head{align-items:flex-start;gap:12px}.source-catalog-breadcrumb{max-width:220px}.source-catalog-family-head h3{font-size:16px}.source-catalog-expand{font-size:10px;gap:10px}.source-catalog-library{padding:14px}.source-catalog-featured .source-catalog-preview{height:220px}.source-catalog-icon-strip{grid-template-columns:repeat(6,1fr)}.source-catalog-toolbar label{width:100%}}@media(prefers-reduced-motion:reduce){.source-catalog-unfold{transition:none}}.source-catalog-playground{min-width:0}.source-catalog-playground.has-controls{display:grid;grid-template-columns:minmax(0,1fr) 180px}.source-catalog-properties{display:grid;align-content:center;gap:16px;padding:22px;border-left:1px solid #eee9f2;background:#fff}.source-catalog-properties .lab-field{display:grid;gap:7px;font-size:11px;color:#787080}.source-catalog-properties .rondo-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:32px;padding:0 10px;border:1px solid #e7e8e9;border-radius:8px;background:#fff;color:#101828;font:400 12px/1.4 Onest,sans-serif;text-align:left}.source-catalog-properties .rondo-select-trigger>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-catalog-art{animation:source-catalog-reveal .2s ease-out}@keyframes source-catalog-reveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.source-catalog-playground.has-controls{grid-template-columns:1fr}.source-catalog-properties{border-left:0;border-top:1px solid #eee9f2;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}}.source-catalog[data-source-area=selection] .source-catalog-families{gap:0}.source-catalog-note summary{cursor:pointer;padding:4px 0}.source-catalog-note p{padding:5px 0;font-size:10px;line-height:1.6;color:#878b93}.source-catalog-expand:disabled{cursor:default;color:#878b93}.source-catalog .source-catalog-preview{background:#fff;overflow:visible}.source-catalog .source-catalog-preview[data-surface=dark]{background:#101828;border-color:#101828;border-radius:10px}.source-catalog .source-catalog-preview[data-surface=dark] .source-catalog-loading{color:#cfd1d4}.source-catalog .source-catalog-preview[data-shadow]{padding:24px}.source-catalog .source-catalog-preview.is-native{overflow:auto}.source-skeleton-sheen{animation:source-skeleton-shimmer 2s ease-in-out infinite;transform-box:fill-box}@keyframes source-skeleton-shimmer{0%,10%{transform:translateX(-100%)}85%,to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.source-skeleton-sheen{animation:none;opacity:0}}.source-catalog .icon-family{scroll-margin-top:80px}.source-icon-pages{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;color:#747783;font:400 11px/1.5 Onest,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.source-catalog-grid+.source-icon-pages{margin:24px 0 0;padding-top:18px;border-top:1px solid #e7e8e9}.source-icon-pages>div{display:flex;align-items:center;gap:12px}.source-icon-pages button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e7e8e9;border-radius:8px;background:#fff;color:#813ebe;cursor:pointer;transition:background .16s ease,border-color .16s ease}.source-icon-pages button:hover:not(:disabled){background:#f6f3fe;border-color:#c086fc}.source-icon-pages button:disabled{opacity:.3;cursor:default}@media(max-width:480px){.source-icon-pages{gap:8px;font-size:10px}.source-icon-pages>div{gap:8px}}.source-catalog-art{animation:source-art-enter .22s ease-out}@keyframes source-art-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.source-catalog-art{animation:none}}.source-catalog.is-continuous .source-catalog-families{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.source-catalog.is-continuous .source-catalog-family{grid-column:1/-1}.source-catalog.is-continuous .source-catalog-family[data-single=true]:is([data-density=compact],[data-density=controls]){grid-column:auto}.source-catalog.is-continuous .source-catalog-family-head{gap:12px;min-height:28px;padding:0 2px 12px;border:0;align-items:baseline}.source-catalog.is-continuous .source-catalog-family-head h3{margin:0;font-size:15px;font-weight:500;overflow-wrap:anywhere}.source-catalog-family-count{flex-shrink:0;font-size:10px;line-height:1.5;color:#878b93;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.source-catalog.is-continuous .source-catalog-unfold{display:block;opacity:1;transition:none}.source-catalog.is-continuous .source-catalog-unfold-inner{overflow:visible}.source-catalog.is-continuous .source-catalog-library{margin:0;padding:20px;border-radius:20px}.source-catalog.is-continuous .source-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:24px 16px;align-items:stretch}.source-catalog.is-continuous .source-catalog-specimen{display:flex;flex-direction:column;min-width:0}.source-catalog.is-continuous .source-catalog-preview{height:210px;padding:20px;border:1px solid #eff0f1;border-radius:10px;background:#fff}.source-catalog.is-continuous .source-catalog-specimen figcaption{align-items:flex-start;gap:10px;margin:10px 2px 0;font-size:10px;line-height:1.6}.source-catalog.is-continuous .source-catalog-specimen figcaption small{padding-top:1px;font-size:9px;color:#878b93}.source-catalog.is-continuous .source-catalog-note{margin:2px 2px 0}.source-catalog.is-continuous .source-catalog-loading{font-size:10px;color:#a1a3a9}.source-catalog.is-continuous [data-density=compact] .source-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr))}.source-catalog.is-continuous [data-density=compact] .source-catalog-preview{height:100px;padding:16px}.source-catalog.is-continuous [data-density=controls] .source-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.source-catalog.is-continuous [data-density=controls] .source-catalog-preview{height:130px;padding:18px}.source-catalog.is-continuous [data-density=composition] .source-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.source-catalog.is-continuous [data-density=composition] .source-catalog-preview{height:330px;padding:18px}.source-catalog.is-continuous [data-density=composition][data-single=true] .source-catalog-preview{height:430px;padding:24px}.source-catalog.is-continuous .source-catalog-grid.icon-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:16px 12px;align-items:start}.source-catalog.is-continuous .source-catalog-specimen.is-icon .source-catalog-preview{height:64px;min-height:0;padding:20px;background:#fff}.source-catalog.is-continuous .source-catalog-specimen.is-icon figcaption{margin:7px 0 0;font-size:9px;line-height:1.45;color:#747783}.source-catalog.is-continuous .source-catalog-specimen.is-icon svg{width:24px;height:24px}.source-catalog.is-continuous .source-catalog-toolbar{margin:0 0 26px}@media(max-width:720px){.source-catalog.is-continuous .source-catalog-families{grid-template-columns:1fr;gap:28px}.source-catalog.is-continuous .source-catalog-family[data-single=true]:is([data-density=compact],[data-density=controls]){grid-column:1/-1}.source-catalog.is-continuous .source-catalog-library{padding:16px}.source-catalog.is-continuous .source-catalog-family-head{flex-wrap:nowrap}.source-catalog.is-continuous .source-catalog-family-head h3{font-size:14px}.source-catalog.is-continuous [data-density=compact] .source-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(135px,100%),1fr))}.source-catalog.is-continuous [data-density=composition] .source-catalog-preview{height:280px;padding:14px}.source-catalog.is-continuous [data-density=composition][data-single=true] .source-catalog-preview{height:340px;padding:16px}.source-catalog.is-continuous .source-catalog-grid.icon-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:16px 10px}.source-catalog.is-continuous .source-catalog-specimen.is-icon .source-catalog-preview{height:58px;padding:17px}}.source-catalog.is-continuous .source-catalog-preview[data-surface=dark]{background:#101828;border-color:#101828}.source-catalog.is-continuous .source-catalog-preview[data-shadow]{padding:24px;min-height:128px}.source-catalog.is-continuous [data-density=compact]:has(.source-catalog-preview[data-shadow]) .source-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr))}.source-catalog.is-continuous [data-density=compact]:has(.source-catalog-preview[data-shadow]) .source-catalog-preview{height:128px}