._9OXqhq_logoCard{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}._9OXqhq_logoPreview{justify-content:center;align-items:center;height:200px;padding:2rem;display:flex;position:relative}._9OXqhq_previewCheckerboard{background:repeating-conic-gradient(#e6e6e6 0% 25%,#fff 0% 50%) 0 0/20px 20px}._9OXqhq_previewBlack{background:#323330}._9OXqhq_previewWhite{background:#fff}._9OXqhq_backgroundToggleGroup{background:#00000073;border-radius:.375rem;gap:.25rem;padding:.2rem;display:flex;position:absolute;bottom:.5rem;right:.5rem}._9OXqhq_backgroundToggle{all:unset;color:#ffffffb3;cursor:pointer;border-radius:.25rem;padding:.2rem .5rem;font-size:.6875rem;transition:background-color .1s,color .1s}._9OXqhq_backgroundToggle:hover{color:#fff}._9OXqhq_backgroundToggleActive{color:#fff;background:#fff3}._9OXqhq_logoInfo{border-top:1px solid var(--border-light);flex:1;padding:1rem 1.25rem}._9OXqhq_logoName{color:var(--font-color-strong);margin-bottom:.25rem;font-weight:600}._9OXqhq_logoDescription{color:var(--font-color-default);margin-bottom:.75rem;font-size:.875rem}._9OXqhq_variantGroup{margin-top:1rem;margin-bottom:.5rem}._9OXqhq_variantGroupLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--font-color-strong);margin-bottom:.25rem;font-size:1rem;font-weight:700}._9OXqhq_variantList{flex-direction:column;gap:.375rem;display:flex}._9OXqhq_variantRow{justify-content:space-between;align-items:center;gap:.5rem;display:flex}._9OXqhq_variantFormat{color:var(--font-color-default);min-width:4rem;font-size:.8125rem;font-weight:500}._9OXqhq_variantActions{gap:.375rem;display:flex}._9OXqhq_actionButton{white-space:nowrap;color:var(--font-color-strong);background-color:var(--background-button);cursor:pointer;border:none;border-radius:.375em;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .1s;display:inline-flex}._9OXqhq_actionButton:hover{background-color:var(--background-button-hover)}._9OXqhq_actionButton:active{background-color:var(--background-button-active)}._9OXqhq_copied{color:#4ade80}._9OXqhq_colorSwatch{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}._9OXqhq_swatchPreview{border-bottom:1px solid var(--border-light);height:80px}._9OXqhq_swatchInfo{padding:.75rem 1rem}._9OXqhq_swatchName{color:var(--font-color-strong);margin-bottom:.125rem;font-size:.875rem;font-weight:600}._9OXqhq_swatchDescription{color:var(--font-color-default);margin-bottom:.5rem;font-size:.75rem}._9OXqhq_swatchValues{flex-direction:column;gap:.25rem;display:flex}._9OXqhq_swatchValue{color:var(--font-color-default);justify-content:space-between;align-items:center;gap:1rem;font-family:monospace;font-size:.75rem;display:flex}
.b9poLG_intro{color:var(--font-color-default);max-width:720px;line-height:1.7}.b9poLG_section{margin-top:3rem}.b9poLG_descriptionBlock{color:var(--font-color-default);flex-direction:column;gap:.75rem;max-width:720px;margin-top:1rem;line-height:1.7;display:flex}.b9poLG_logoGrid{grid-template-columns:1fr;gap:1.5rem;margin-top:1rem;display:grid}@media (min-width:768px){.b9poLG_logoGrid{grid-template-columns:repeat(2,1fr)}}.b9poLG_colorGrid{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}@media (min-width:600px){.b9poLG_colorGrid{flex-direction:row}}.b9poLG_guidelineColumn{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:12px;max-width:600px;margin-top:1rem;padding:1.25rem}.b9poLG_guidelineList{flex-direction:column;gap:.5rem;display:flex}.b9poLG_guidelineItem{color:var(--font-color-default);align-items:baseline;gap:.5rem;font-size:.875rem;line-height:1.5;display:flex}.b9poLG_guidelineIconDo{color:#4ade80;flex-shrink:0}