.fabric-properties__indicators--single{display:block}[data-style=radar-overview] .fabric-radar{display:flex;flex-direction:column;align-items:center;gap:1.6rem}[data-style=radar-overview] .fabric-radar__svg{width:100%;max-width:300px;height:auto}[data-style=radar-overview] .fabric-radar__chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}[data-style=radar-overview] .fabric-radar__chip{display:inline-block;padding:.3rem .9rem;border-radius:99px;font-size:1.2rem;font-weight:500;background:var(--fp-tag-bg, #f5f5f5);color:var(--fp-tag-color, #333);border:1px solid var(--fp-dot-border, #ddd)}[data-style=radar-overview] .fabric-radar__chip--finish{background:var(--fp-seg-1, #eee)}[data-style=radar-overview] .fabric-radar__chip--use{background:transparent;border-style:dashed}[data-style=horizontal-bars] .fabric-properties__indicators{display:flex;flex-direction:column;gap:.4rem}[data-style=horizontal-bars] .fabric-properties__indicator{background:transparent;border:none;box-shadow:none;padding:.6rem 0;border-radius:0;border-bottom:1px solid var(--fp-dot-border, #e0e0e0)}[data-style=horizontal-bars] .fabric-properties__indicator:last-child{border-bottom:none}[data-style=horizontal-bars] .fabric-properties__indicator--color{grid-column:auto}.fabric-hbar__row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.fabric-hbar__label{font-size:1.2rem;font-weight:600;color:var(--fp-text, #333);text-transform:uppercase;letter-spacing:.04em}.fabric-hbar__value{font-size:1.2rem;font-weight:500;color:var(--fp-text-muted, #666)}.fabric-hbar__value--text{display:flex;align-items:center;gap:.5rem}.fabric-hbar__swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}.fabric-hbar__track{height:6px;background:var(--fp-seg-1, #e0e0e0);border-radius:3px;overflow:hidden}.fabric-hbar__fill{height:100%;background:var(--fp-accent, #333);border-radius:3px;transition:width .3s ease}[data-style=large-icon-cards] .fabric-properties__indicators{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}[data-style=large-icon-cards] .fabric-properties__indicator{padding:1.2rem}[data-style=large-icon-cards] .fabric-properties__indicator--color{grid-column:auto}.fabric-icon-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}.fabric-icon-card__icon{color:var(--fp-icon-color, #666);margin-bottom:.4rem}.fabric-icon-card__number{font-size:2.4rem;font-weight:800;color:var(--fp-text, #333);line-height:1}.fabric-icon-card__number small{font-size:1.4rem;font-weight:500;color:var(--fp-text-muted, #666)}.fabric-icon-card__unit{font-size:1.1rem;font-weight:600;color:var(--fp-text-muted, #666);text-transform:uppercase;letter-spacing:.04em}.fabric-icon-card__desc{font-size:1.1rem;color:var(--fp-text-muted, #888)}.fabric-icon-card__color-dot{width:48px;height:48px;border-radius:50%;border:2px solid rgba(0,0,0,.08);margin-bottom:.4rem}.fabric-icon-card__tags{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.fabric-icon-card__tag{font-size:1.1rem;padding:.2rem .6rem;border-radius:4px;background:var(--fp-tag-bg, #f0f0f0);color:var(--fp-tag-color, #333);border:1px solid var(--fp-dot-border, #ddd)}.fabric-spec{width:100%;border-collapse:collapse;font-size:1.3rem}.fabric-spec__th{text-align:left;padding:.8rem 1.2rem;font-weight:700;color:var(--fp-text, #333);border-bottom:2px solid var(--fp-text, #333);font-size:1.1rem;text-transform:uppercase;letter-spacing:.04em}.fabric-spec__row:nth-child(2n){background:var(--fp-seg-1, #f5f5f5)}.fabric-spec__prop{padding:.8rem 1.2rem;font-weight:600;color:var(--fp-text, #333);white-space:nowrap;width:35%}.fabric-spec__val{padding:.8rem 1.2rem;color:var(--fp-text-muted, #666);display:flex;align-items:center;gap:.5rem}.fabric-spec__swatch{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}[data-style=infographic-flow] .fabric-properties__indicators{display:flex;flex-direction:column;gap:0;padding-left:2rem;position:relative}[data-style=infographic-flow] .fabric-properties__indicators:before{content:"";position:absolute;left:2.8rem;top:0;bottom:0;width:2px;background:var(--fp-dot-border, #ddd)}[data-style=infographic-flow] .fabric-properties__indicator{background:transparent;border:none;box-shadow:none;padding:1.2rem 0 1.2rem 2rem;border-radius:0}[data-style=infographic-flow] .fabric-properties__indicator--color{grid-column:auto}.fabric-flow__stop{display:flex;align-items:flex-start;gap:1.4rem;position:relative}.fabric-flow__marker{width:16px;height:16px;border-radius:50%;background:var(--fp-accent, #333);border:3px solid var(--fp-card-bg, #fff);box-shadow:0 0 0 2px var(--fp-accent, #333);flex-shrink:0;margin-top:.3rem;position:relative;z-index:1}.fabric-flow__content{display:flex;flex-direction:column;gap:.2rem}.fabric-flow__value{font-size:2.4rem;font-weight:800;color:var(--fp-text, #333);line-height:1.1}.fabric-flow__value small{font-size:1.4rem;font-weight:500;color:var(--fp-text-muted, #666)}.fabric-flow__label{font-size:1.3rem;color:var(--fp-text-muted, #666);font-weight:500}.fabric-flow__bubble{background:var(--fp-tag-bg, #f5f5f5);border:1px solid var(--fp-dot-border, #ddd);border-radius:12px;padding:.6rem 1.2rem;font-size:1.2rem;color:var(--fp-text, #333);margin-top:.4rem;position:relative}.fabric-flow__bubble:before{content:"";position:absolute;left:-8px;top:10px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid var(--fp-dot-border, #ddd)}[data-style=gauge-dials] .fabric-properties__indicators{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}[data-style=gauge-dials] .fabric-properties__indicator{padding:1rem;display:flex;align-items:center;justify-content:center}[data-style=gauge-dials] .fabric-properties__indicator--color{grid-column:auto}.fabric-gauge{display:flex;flex-direction:column;align-items:center;position:relative;width:120px}.fabric-gauge__svg{width:120px;height:70px}.fabric-gauge__center{position:absolute;top:36px;left:50%;transform:translate(-50%);text-align:center;line-height:1}.fabric-gauge__num{font-size:2rem;font-weight:800;color:var(--fp-text, #333);display:block}.fabric-gauge__unit{font-size:1rem;color:var(--fp-text-muted, #666)}.fabric-gauge__name{font-size:1.1rem;font-weight:600;color:var(--fp-text-muted, #666);text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem}.fabric-tag-cloud{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem 1.2rem;padding:2rem 1rem;line-height:1.3}.fabric-tag-cloud__word{display:inline-block;font-weight:500;color:var(--fp-text, #333);transition:opacity .2s ease;cursor:default}.fabric-tag-cloud__word:hover{opacity:.7}.fabric-tag-cloud__word--sm{font-size:1.2rem;opacity:.6}.fabric-tag-cloud__word--md{font-size:1.5rem;opacity:.75}.fabric-tag-cloud__word--lg{font-size:2rem;font-weight:600;opacity:.85}.fabric-tag-cloud__word--xl{font-size:2.6rem;font-weight:700}.fabric-tag-cloud__word--xxl{font-size:3.4rem;font-weight:800}.fabric-tag-cloud__word--color{text-shadow:0 1px 2px rgba(0,0,0,.1)}[data-style=stat-blocks]{--fp-bg: #1a1a2e;--fp-card-bg: #16213e;--fp-text: #e0e0e0;--fp-text-muted: #8888aa;--fp-text-label: #e0e0e0;--fp-accent: #e94560;--fp-card-border: 1px solid #2a2a4a;--fp-card-shadow: 0 2px 8px rgba(0,0,0,.3);--fp-tag-bg: #2a2a4a;--fp-tag-color: #e0e0e0;--fp-tag-border: 1px solid #3a3a5a;--fp-dot-border: #3a3a5a}[data-style=stat-blocks] .fabric-properties__heading{color:#e94560;text-transform:uppercase;letter-spacing:.08em;font-size:1.6rem}[data-style=stat-blocks] .fabric-properties__indicators{display:flex;flex-direction:column;gap:0}[data-style=stat-blocks] .fabric-properties__indicator{background:transparent;border:none;box-shadow:none;padding:.4rem 0;border-radius:0}[data-style=stat-blocks] .fabric-properties__indicator--color{grid-column:auto}.fabric-stat__line{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;border-bottom:1px solid #2a2a4a;font-family:Courier New,Courier,monospace}.fabric-stat__line svg{color:#e94560;flex-shrink:0}.fabric-stat__name{font-size:1.2rem;font-weight:700;color:#e0e0e0;width:4rem;flex-shrink:0;text-transform:uppercase;letter-spacing:.06em}.fabric-stat__bar{display:flex;gap:2px;flex:1}.fabric-stat__seg{height:12px;flex:1;background:#2a2a4a;border-radius:1px}.fabric-stat__seg--filled{background:#e94560;box-shadow:0 0 4px #e9456066}.fabric-stat__val{font-size:1.4rem;font-weight:800;color:#e94560;width:3rem;text-align:right}.fabric-stat__tags{padding:.8rem 0;border-top:1px dashed #3a3a5a;margin-top:.4rem}.fabric-stat__tags-label{font-size:1rem;font-weight:700;color:#88a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;display:block;font-family:Courier New,Courier,monospace}.fabric-stat__tags-list{display:flex;flex-wrap:wrap;gap:.4rem}.fabric-stat__tag{display:inline-block;padding:.25rem .7rem;border-radius:3px;font-size:1.1rem;font-weight:500;background:#2a2a4a;color:#e0e0e0;border:1px solid #3a3a5a;font-family:Courier New,Courier,monospace}.fabric-stat__color{display:flex;align-items:center;gap:.6rem;padding:.6rem 0}.fabric-stat__color-swatch{width:20px;height:20px;border-radius:3px;border:1px solid #3a3a5a}.fabric-stat__color-name{font-size:1.2rem;color:#e0e0e0;font-family:Courier New,Courier,monospace}.fabric-swatch{display:flex;flex-direction:column;gap:1rem}.fabric-swatch__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:0;min-height:200px}.fabric-swatch__center{grid-column:1 / -1;min-height:160px;background:var(--fp-seg-3, #ccc);border-radius:var(--fp-card-radius, 12px);display:flex;align-items:center;justify-content:center;position:relative}.fabric-swatch__label{font-size:1rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.15em}.fabric-swatch-badge{position:absolute;display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:99px;background:var(--fp-card-bg, #fff);box-shadow:0 2px 8px #0000001f;font-size:1.1rem;font-weight:600;color:var(--fp-text, #333);z-index:2;white-space:nowrap}.fabric-swatch-badge svg{color:var(--fp-icon-color, #666)}.fabric-swatch-badge--top-left{top:12px;left:12px}.fabric-swatch-badge--top-right{top:12px;right:12px}.fabric-swatch-badge--bottom-left{bottom:12px;left:12px}.fabric-swatch-badge--bottom-right{bottom:12px;right:12px}.fabric-swatch__description{font-size:1.2rem;color:var(--fp-text-muted, #666);line-height:1.5;margin:0}.fabric-swatch__description strong{color:var(--fp-text, #333)}[data-style=slider-explorer] .fabric-properties__indicators{display:flex;flex-direction:column;gap:.8rem}[data-style=slider-explorer] .fabric-properties__indicator{background:transparent;border:none;box-shadow:none;padding:.8rem 0;border-radius:0}[data-style=slider-explorer] .fabric-properties__indicator--color{grid-column:auto}.fabric-slider{position:relative}.fabric-slider__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.fabric-slider__label{font-size:1.2rem;font-weight:600;color:var(--fp-text, #333)}.fabric-slider__value{font-size:1.2rem;font-weight:500;color:var(--fp-text-muted, #666)}.fabric-slider__track{position:relative;height:32px;background:var(--fp-seg-1, #f0f0f0);border-radius:6px;overflow:visible}.fabric-slider__regions{display:flex;height:100%}.fabric-slider__region{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;color:var(--fp-text-muted, #999);border-right:1px solid rgba(0,0,0,.06);padding:0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fabric-slider__region:last-child{border-right:none}.fabric-slider__thumb{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--fp-accent, #333);border:3px solid var(--fp-card-bg, #fff);box-shadow:0 1px 4px #0003;transform:translate(-50%,-50%);z-index:2;transition:left .3s ease}.fabric-slider__chips{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.6rem 0}.fabric-slider__chips-label{font-size:1.1rem;font-weight:600;color:var(--fp-text, #333);margin-right:.2rem}.fabric-slider__chip{display:inline-block;padding:.3rem .8rem;border-radius:99px;font-size:1.1rem;font-weight:500;background:var(--fp-tag-bg, #f0f0f0);color:var(--fp-tag-color, #333);border:1px solid var(--fp-dot-border, #ddd);cursor:default}.fabric-slider__color{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.fabric-slider__color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.fabric-slider__color-name{font-size:1.2rem;color:var(--fp-text-muted, #666)}.fabric-slider[data-slider-tooltip]:hover:after{content:attr(data-slider-tooltip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);padding:.4rem .8rem;background:var(--fp-text, #333);color:#fff;font-size:1.1rem;font-weight:500;border-radius:6px;white-space:nowrap;z-index:10;pointer-events:none}@media screen and (max-width:749px){[data-style=large-icon-cards] .fabric-properties__indicators,[data-style=gauge-dials] .fabric-properties__indicators{grid-template-columns:repeat(2,1fr)}.fabric-flow__value{font-size:1.8rem}.fabric-tag-cloud__word--xxl{font-size:2.6rem}.fabric-tag-cloud__word--xl{font-size:2rem}.fabric-stat__name{width:3.2rem;font-size:1rem}.fabric-swatch__center{min-height:120px}.fabric-icon-card__number{font-size:1.8rem}.fabric-icon-card__icon{width:36px;height:36px}.fabric-spec__prop,.fabric-spec__val{padding:.6rem .8rem;font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/fabric-viz-variations.css.map */