.p-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.p-frame{display:grid;place-items:center;min-width:0;min-height:260px;padding:28px;overflow:hidden;border-radius:18px;container:frame/inline-size}.p-frame>*{max-width:100%;min-width:0}.p-frame[data-span="2"]{grid-column:span 2}.p-frame[data-span="3"]{grid-column:span 3}.p-frame[data-span="4"]{grid-column:span 4}.p-frame[data-span="6"]{grid-column:span 6}.p-frame[data-tall]{min-height:400px}.p-frame:has(.p-web){place-items:stretch;padding:0}.p-grid[data-narrow] .p-frame,.p-grid[data-narrow] .p-frame[data-span]{grid-column:span 6}@container stage (max-width: 900px){.p-frame[data-span]{grid-column:span 6}}.p-stack{display:grid;gap:14px;width:100%;max-width:360px}.b-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.p-palette{display:grid;align-self:stretch;gap:10px;width:100%}.p-palette-main{display:flex;min-height:170px;overflow:hidden;border-radius:12px}.p-swatch-big{display:flex;flex:3 1;flex-direction:column;justify-content:space-between;padding:14px}.p-swatch{flex:1 1}.p-ramp{display:grid;grid-template-columns:repeat(10,1fr);height:28px;overflow:hidden;border-radius:8px}.p-type-card{display:grid;align-content:center;gap:10px;width:100%;min-width:0;overflow-wrap:anywhere}.p-type-weights{display:flex;flex-wrap:wrap;gap:4px 14px;min-width:0}.p-specimen{display:grid;align-self:start;width:100%}.p-specimen-row{display:grid;gap:4px;min-width:0;padding:12px 0;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.p-specimen-row:first-child{border-top:0}.p-specimen-meta{opacity:.55}.p-specimen-sample{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.p-article{display:grid;gap:14px;max-width:440px}.p-web{display:grid;width:100%}.p-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:40px;padding:56px}.p-hero-copy{display:grid;gap:20px}.b-media{display:block;width:100%;border-radius:10px}.p-poster{align-content:space-between;gap:18px;height:100%}.p-post,.p-poster{display:grid;width:100%}.p-post{gap:14px;max-width:380px}.p-post-who{display:grid;flex:1 1;gap:2px}.p-notify{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px}.p-product{display:grid;gap:12px;width:100%;max-width:340px}.p-product-media{display:flex;align-items:flex-start;aspect-ratio:4/5;padding:12px;border-radius:12px}.p-line,.p-product-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.p-line{padding:8px 0;border-bottom:1px solid}.p-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.b-button{justify-content:center;gap:6px}.b-badge,.b-button{display:inline-flex;align-items:center;white-space:nowrap}.b-field{display:grid;gap:6px;width:100%;min-width:180px}.b-input{display:flex;justify-content:space-between}.b-check,.b-input{align-items:center;gap:8px}.b-check{display:inline-flex}.b-check-box{display:grid;flex:none;place-items:center;width:18px;height:18px}.b-switch{display:inline-flex;flex:none;align-items:center;justify-content:flex-start;width:42px;height:24px;padding:3px}.b-switch[data-on]{justify-content:flex-end}.b-switch-thumb{width:18px;height:18px}.b-tabs{gap:2px}.b-tab,.b-tabs{display:inline-flex}.b-tab{white-space:nowrap}.b-card{display:grid;width:100%;max-width:320px}.b-avatar{display:grid;flex:none;place-items:center;width:38px;height:38px}.b-accordion{display:grid;width:100%;max-width:420px}.b-accordion-item{display:grid}.b-accordion-q{display:flex;align-items:center;justify-content:space-between;gap:12px}.b-alert{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:400px}.b-alert-text{display:grid;gap:2px}.b-nav{display:flex;align-items:center;width:100%}.b-nav-links{display:flex;gap:24px;margin-left:auto}@container frame (max-width: 880px){.p-hero{grid-template-columns:minmax(0,1fr);padding:36px}}@container frame (max-width: 640px){.p-hero{padding:28px}.b-nav-links{display:none}.b-nav>.b-button{margin-left:auto}}.c-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.c-state,.c-tile{position:relative;display:grid;place-items:center;min-height:220px;padding:44px 24px 28px;text-align:left;border:0;border-radius:18px}.c-tile{cursor:pointer}.c-tile:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb,currentColor 14%,transparent)}.c-tile-label{position:absolute;top:14px;left:16px;font:400 12px/1 var(--font-body),sans-serif;opacity:.6}.c-tile-sample{display:grid;place-items:center;width:100%}.c-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.c-states[data-count="1"]{grid-template-columns:minmax(0,1fr)}.c-state{min-height:300px}