.web-data-preview-module__NOfKza__container{min-width:0;font-family:var(--font-sans);text-align:left;color:#111827;container-type:inline-size}.web-data-preview-module__NOfKza__card{isolation:isolate;background:#7041b5;border-radius:23px;padding:28px;position:relative;overflow:hidden;box-shadow:0 6px 24px #4d2b7b1f}.web-data-preview-module__NOfKza__texture{pointer-events:none;object-fit:cover;filter:hue-rotate(35deg)saturate(115%)}.web-data-preview-module__NOfKza__window{background:#fcfbfeeb;border:1px solid #f9f8fcd9;border-radius:12px;min-width:0;position:relative;overflow:hidden;box-shadow:0 8px 28px #34234f29}.web-data-preview-module__NOfKza__toolbar{background:#f5f3feb3;border-bottom:1px solid #736d8721;justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 20px;display:flex}.web-data-preview-module__NOfKza__url{font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:9px;font-size:12px;line-height:20px;display:flex}.web-data-preview-module__NOfKza__url svg{color:#4b5563;flex-shrink:0;width:15px;height:15px}.web-data-preview-module__NOfKza__tabList{scrollbar-width:none;background:#fcfbfe99;border-radius:0;justify-content:flex-start;gap:2px;width:100%;height:48px;padding:8px;scroll-padding-inline:8px;display:flex;overflow-x:auto}.web-data-preview-module__NOfKza__tabList::-webkit-scrollbar{display:none}.web-data-preview-module__NOfKza__tab{color:#4b5563;border-radius:6px;flex:1 0 auto;height:32px;padding:0 8px;font-size:13px;font-weight:400;line-height:20px}.web-data-preview-module__NOfKza__tab:hover{background:#eeeaf480}.web-data-preview-module__NOfKza__tab[data-state=active]{color:#5c418b;box-shadow:none;background:#ede8f9}.web-data-preview-module__NOfKza__tab:focus-visible,.web-data-preview-module__NOfKza__panel:focus-visible,.web-data-preview-module__NOfKza__sourceLink:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid #7961a2}.web-data-preview-module__NOfKza__panel{height:240px;margin:0;padding:24px 20px;overflow:auto}.web-data-preview-module__NOfKza__code{width:max-content;min-width:100%;font-family:var(--font-mono);margin:0;font-size:14px;line-height:24px}.web-data-preview-module__NOfKza__codeLine{gap:16px;display:flex}.web-data-preview-module__NOfKza__lineNumber{color:#6c6978;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:8px;font-size:12px}.web-data-preview-module__NOfKza__codeHeading{color:#5c418b;font-weight:500}.web-data-preview-module__NOfKza__screenshot{object-fit:cover;object-position:top;border:1px solid #ddd8ea;border-radius:6px;width:100%;height:100%}.web-data-preview-module__NOfKza__brand,.web-data-preview-module__NOfKza__styleguide,.web-data-preview-module__NOfKza__answers{flex-direction:column;justify-content:space-between;height:100%;display:flex}.web-data-preview-module__NOfKza__brandHeader{align-items:center;gap:14px;display:flex}.web-data-preview-module__NOfKza__logoTile{background:#fff;border:1px solid #ddd8ea;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.web-data-preview-module__NOfKza__brandName{font-size:20px;font-weight:500;line-height:28px}.web-data-preview-module__NOfKza__domain{color:#4b5563;font-family:var(--font-mono);margin-top:2px;font-size:12px;line-height:20px}.web-data-preview-module__NOfKza__description,.web-data-preview-module__NOfKza__answer{font-size:14px;line-height:22px}.web-data-preview-module__NOfKza__description{color:#4b5563}.web-data-preview-module__NOfKza__palette,.web-data-preview-module__NOfKza__colorTokens{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.web-data-preview-module__NOfKza__palette li{flex-direction:column;gap:8px;display:flex}.web-data-preview-module__NOfKza__swatch{border-radius:6px;height:42px}.web-data-preview-module__NOfKza__palette li:last-child .web-data-preview-module__NOfKza__swatch,.web-data-preview-module__NOfKza__colorTokens>div:last-child .web-data-preview-module__NOfKza__colorChip{box-shadow:inset 0 0 0 1px #ddd8ea}.web-data-preview-module__NOfKza__tokenValue{color:#4b5563;font-family:var(--font-mono);font-size:12px;line-height:20px}.web-data-preview-module__NOfKza__typeSample{align-items:center;gap:20px;min-height:66px;display:flex}.web-data-preview-module__NOfKza__specimen{letter-spacing:-2px;flex-shrink:0;width:72px;font-size:48px;line-height:60px}.web-data-preview-module__NOfKza__fontName{margin-bottom:4px;font-size:16px;font-weight:500;line-height:24px}.web-data-preview-module__NOfKza__colorTokens dt,.web-data-preview-module__NOfKza__layoutTokens dt{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:500;line-height:20px;display:flex}.web-data-preview-module__NOfKza__colorTokens dd{line-height:18px}.web-data-preview-module__NOfKza__colorChip{border-radius:4px;flex-shrink:0;width:16px;height:16px}.web-data-preview-module__NOfKza__layoutTokens{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.web-data-preview-module__NOfKza__answers{gap:12px}.web-data-preview-module__NOfKza__question{background:#efeaf780;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;min-height:44px;padding:12px;font-size:14px;font-weight:500;line-height:20px;display:flex}.web-data-preview-module__NOfKza__question svg{color:#6c6978;flex-shrink:0;width:16px;height:16px}.web-data-preview-module__NOfKza__sources{color:#4b5563;font-size:12px;line-height:18px}.web-data-preview-module__NOfKza__sourceLinks{gap:8px;margin-top:8px;display:flex}.web-data-preview-module__NOfKza__sourceLink{min-width:0;height:32px;font-family:var(--font-mono);background:#ffffffa6;border:1px solid #ddd8ea;border-radius:6px;align-items:center;gap:7px;padding:0 10px;line-height:20px;display:flex}.web-data-preview-module__NOfKza__sourceLink img{flex-shrink:0}.web-data-preview-module__NOfKza__sourceLink span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.web-data-preview-module__NOfKza__sourceLink:hover{color:#5c418b;background:#fff}@container (max-width:440px){.web-data-preview-module__NOfKza__card{padding:16px}.web-data-preview-module__NOfKza__toolbar{padding-inline:16px}.web-data-preview-module__NOfKza__toolbar [aria-live]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.web-data-preview-module__NOfKza__tabList{height:60px}.web-data-preview-module__NOfKza__tab{height:44px;font-size:14px}.web-data-preview-module__NOfKza__panel{height:304px;padding:20px 16px}.web-data-preview-module__NOfKza__typeSample{gap:14px}.web-data-preview-module__NOfKza__specimen{width:60px}.web-data-preview-module__NOfKza__colorTokens{gap:8px}.web-data-preview-module__NOfKza__colorTokens dt{gap:5px;font-size:12px}.web-data-preview-module__NOfKza__sourceLinks{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.web-data-preview-module__NOfKza__sourceLink{padding-inline:8px}.web-data-preview-module__NOfKza__sourceLink img{display:none}}