.b-colorful-title{display:flex;width:100%;align-items:center;justify-content:var(--b-colorful-align, center);text-align:var(--b-colorful-align, center)}.b-colorful-title__content{min-width:0;margin:0;color:inherit}.b-colorful-title__segments{display:inline-flex;min-width:0;flex-wrap:wrap;align-items:baseline;justify-content:inherit;gap:var(--b-colorful-gap, 8px);color:inherit;text-decoration:none}.b-colorful-title__segments:focus-visible{border-radius:4px;outline:2px solid currentColor;outline-offset:4px}.b-colorful-title__segment{display:inline-flex;align-items:baseline;padding:var(--b-colorful-item-top, 0) var(--b-colorful-item-right, 0) var(--b-colorful-item-bottom, 0) var(--b-colorful-item-left, 0)}.b-colorful-title__text{color:var(--b-colorful-item-color, #0f172a)}.b-colorful-title__text--gradient{background-image:linear-gradient(var(--b-colorful-gradient-angle, 90deg),var(--b-colorful-gradient-start, #7c3aed),var(--b-colorful-gradient-end, #ec4899));background-repeat:no-repeat;background-size:100%;color:transparent;-webkit-background-clip:text;background-clip:text}.b-colorful-title__separator{margin-inline-start:var(--b-colorful-gap, 8px);color:currentColor;opacity:.48}.b-colorful-title__segment:last-child .b-colorful-title__separator{display:none}.b-colorful-title--inline{flex-wrap:wrap;gap:var(--b-colorful-line-gap, 14px)}.b-colorful-title__line{display:block;width:var(--b-colorful-line-width, 72px);height:var(--b-colorful-line-height, 2px);border-radius:999px;background:var(--b-colorful-line, #cbd5e1)}.b-colorful-title--framed .b-colorful-title__frame{position:relative;width:min(100%,var(--b-colorful-frame-width, 100%));padding:var(--b-colorful-frame-top, 22px) var(--b-colorful-frame-right, 24px) var(--b-colorful-frame-bottom, 22px) var(--b-colorful-frame-left, 24px);border:var(--b-colorful-frame-border-width, 1px) solid var(--b-colorful-frame-border, #8b5cf6);border-radius:var(--b-colorful-frame-radius, 14px);background:var(--b-colorful-frame-bg, #faf5ff)}.b-colorful-title__dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.b-colorful-title__dot{position:absolute;width:var(--b-colorful-dot-size, 14px);height:var(--b-colorful-dot-size, 14px);border:var(--b-colorful-dot-border-width, 2px) solid var(--b-colorful-dot-border, #8b5cf6);border-radius:50%;background:var(--b-colorful-dot-bg, #faf5ff)}.b-colorful-title__dot--start-top{inset-block-start:calc(var(--b-colorful-dot-size, 14px) / -2);inset-inline-start:calc(var(--b-colorful-dot-size, 14px) / -2)}.b-colorful-title__dot--end-top{inset-block-start:calc(var(--b-colorful-dot-size, 14px) / -2);inset-inline-end:calc(var(--b-colorful-dot-size, 14px) / -2)}.b-colorful-title__dot--start-bottom{inset-block-end:calc(var(--b-colorful-dot-size, 14px) / -2);inset-inline-start:calc(var(--b-colorful-dot-size, 14px) / -2)}.b-colorful-title__dot--end-bottom{inset-block-end:calc(var(--b-colorful-dot-size, 14px) / -2);inset-inline-end:calc(var(--b-colorful-dot-size, 14px) / -2)}@media (max-width: 640px){.b-colorful-title--inline .b-colorful-title__line{flex-basis:var(--b-colorful-line-width, 72px)}}