.colors-module__qFJVyq__colorsList{gap:var(--space-3);flex-direction:column;display:flex}.colors-module__qFJVyq__colorRow{align-items:center;gap:var(--space-4);flex-direction:row;display:flex}.colors-module__qFJVyq__colorHeader{flex-shrink:0;align-items:center;width:80px;display:flex}.colors-module__qFJVyq__colorName{font-weight:var(--fw-semibold);font-size:var(--fs-ui-2);color:var(--clr-text-primary)}.colors-module__qFJVyq__colorTiles{border-radius:var(--radius-md);flex-wrap:nowrap;flex:1;gap:0;display:flex;overflow:hidden}.colors-module__qFJVyq__colorTile{cursor:pointer;flex:1;min-width:0;height:64px;position:relative}.colors-module__qFJVyq__colorTile:after{content:"";pointer-events:none;z-index:1;background:0 0;transition:background .15s;position:absolute;inset:0}.colors-module__qFJVyq__colorTile:hover:after{background:#0000001f}.colors-module__qFJVyq__colorSwatch{width:100%;height:100%;padding:var(--space-05);z-index:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.colors-module__qFJVyq__colorInfo{text-align:center;flex-direction:column;gap:0;font-size:10px;line-height:1.1;display:flex}.colors-module__qFJVyq__colorScale{font-weight:var(--fw-bold);font-size:10px}.colors-module__qFJVyq__colorContrast{opacity:.8;font-size:9px}.colors-module__qFJVyq__colorCode{opacity:.9;font-size:9px}.colors-module__qFJVyq__controls{margin-bottom:var(--space-6);align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.colors-module__qFJVyq__controlLabel{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--fs-ui-2);color:var(--clr-text-secondary);display:flex}.colors-module__qFJVyq__controlCheckbox{cursor:pointer}.colors-module__qFJVyq__formatSelect{padding:var(--space-1)var(--space-2);font-size:var(--fs-ui-2);border-radius:var(--radius-sm);border:1px solid var(--clr-input);background:var(--clr-background);color:var(--clr-foreground);cursor:pointer}
.shared-module__mi6F4a__wrapTitle{margin-bottom:var(--space-8);align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.shared-module__mi6F4a__title{flex-direction:column;display:flex}.shared-module__mi6F4a__hint{color:var(--clr-base-600);font-size:var(--fs-ui-2)}.shared-module__mi6F4a__tabs{gap:var(--space-4);display:flex}.shared-module__mi6F4a__demoSection{padding:var(--space-8)0}.shared-module__mi6F4a__demoTitle{font-size:var(--fs-h2);font-weight:var(--fw-bold);margin-bottom:var(--space-2);color:var(--clr-text-primary)}.shared-module__mi6F4a__demoDescription{font-size:var(--fs-ui-2);color:var(--clr-text-secondary);margin-bottom:var(--space-8);max-width:70ch;line-height:1.6}.shared-module__mi6F4a__demoGroup{padding-top:var(--space-10);margin-bottom:var(--space-4);border-top:1px solid var(--color-border)}.shared-module__mi6F4a__demoGroup:first-of-type{border-top:none;padding-top:0}.shared-module__mi6F4a__demoSubtitle{font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin-bottom:var(--space-6);color:var(--clr-text-primary);scroll-margin-top:var(--space-20)}.shared-module__mi6F4a__demoPlaceholder{padding:var(--space-8);text-align:center;color:var(--clr-text-secondary);background:var(--clr-muted);border-radius:var(--radius-md);font-style:italic}.shared-module__mi6F4a__itemDemoStack{gap:var(--space-2);flex-direction:column;display:flex}
.Separator-module__iUdswa__separator{background:var(--clr-border);flex-shrink:0}.Separator-module__iUdswa__horizontal{width:100%;height:1px}.Separator-module__iUdswa__vertical{width:1px;height:var(--space-5);align-self:center}
.item-module__A9qXAq__item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--space-10);padding:var(--space-2-5)var(--space-3);font-size:var(--fs-ui-2);font-weight:var(--fw-medium);line-height:var(--lh-base);color:var(--clr-foreground);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.item-module__A9qXAq__item:where(a,button){appearance:none;outline:none}.item-module__A9qXAq__item:where(a,button):hover{background:var(--clr-muted);color:var(--clr-foreground)}.item-module__A9qXAq__item:where(a,button):focus-visible{outline:2px solid var(--clr-ring);outline-offset:2px;background:var(--clr-muted)}.item-module__A9qXAq__item:where(a,button):active{background:var(--clr-base-100)}.item-module__A9qXAq__item-outline{border-color:var(--clr-border);background:0 0;box-shadow:0 1px 2px #0000000d}.item-module__A9qXAq__item-outline:where(a,button):hover{border-color:var(--clr-input);background:var(--clr-muted);box-shadow:0 2px 4px #00000014}.item-module__A9qXAq__item-muted{background:var(--clr-muted);color:var(--clr-muted-foreground)}.item-module__A9qXAq__item-muted:where(a,button):hover{background:var(--clr-base-100);color:var(--clr-foreground)}.item-module__A9qXAq__item-ghost{background:0 0;border-color:#0000}.item-module__A9qXAq__item-ghost:where(a,button):hover{background:var(--clr-muted)}.item-module__A9qXAq__item-active{background:var(--ghost-10);color:var(--clr-accent-foreground);border-color:var(--clr-border)}.item-module__A9qXAq__item-active:where(a,button):hover{background:var(--ghost-5);color:var(--clr-accent-foreground);border-color:var(--clr-border)}.item-module__A9qXAq__item-active .item-module__A9qXAq__item-media{color:var(--clr-accent-foreground)}.item-module__A9qXAq__item-active:where(a,button):hover .item-module__A9qXAq__item-media{color:var(--clr-brand-700)}.item-module__A9qXAq__item-sm{min-height:var(--space-8);padding:var(--space-1-5)var(--space-2-5);gap:var(--space-2);font-size:var(--fs-small)}.item-module__A9qXAq__item-lg{min-height:var(--space-12);padding:var(--space-3-5)var(--space-4);gap:var(--space-3-5);font-size:var(--fs-ui-3)}.item-module__A9qXAq__item-media{color:var(--clr-muted-foreground);flex-shrink:0;justify-content:center;align-items:center;transition:color .2s cubic-bezier(.4,0,.2,1);display:flex}.item-module__A9qXAq__item:where(a,button):hover .item-module__A9qXAq__item-media{color:var(--clr-foreground)}.item-module__A9qXAq__item-media-icon{width:1rem;height:1rem}.item-module__A9qXAq__item-media-icon svg{width:100%;height:100%;display:block}.item-module__A9qXAq__item-media-image{border-radius:var(--radius-md);width:2rem;height:2rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.item-module__A9qXAq__item-media-image img{object-fit:cover;width:100%;height:100%;display:block}.item-module__A9qXAq__item-media-default{width:auto;height:auto}.item-module__A9qXAq__item-content{gap:var(--space-0-5);flex-direction:column;flex:auto;min-width:0;display:flex}.item-module__A9qXAq__item-label{font-size:inherit;font-weight:inherit;line-height:var(--lh-base);color:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-module__A9qXAq__item-description{font-size:var(--fs-small);font-weight:var(--fw-regular);color:var(--clr-muted-foreground);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.item-module__A9qXAq__item:where(a,button):hover .item-module__A9qXAq__item-description{color:var(--clr-foreground)}.item-module__A9qXAq__item-actions{align-items:center;gap:var(--space-2);color:var(--clr-muted-foreground);flex-shrink:0;margin-left:auto;transition:color .2s cubic-bezier(.4,0,.2,1);display:flex}.item-module__A9qXAq__item:where(a,button):hover .item-module__A9qXAq__item-actions{color:var(--clr-foreground)}.item-module__A9qXAq__item-actions svg{width:1rem;height:1rem;display:block}.item-module__A9qXAq__item-group{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);flex-direction:column;display:flex}.dark .item-module__A9qXAq__item:where(a,button):hover{background:var(--ghost-5)}.dark .item-module__A9qXAq__item:where(a,button):active{background:var(--ghost-10)}.dark .item-module__A9qXAq__item-outline{border-color:var(--clr-border);background:0 0;box-shadow:0 1px 2px #0003}.dark .item-module__A9qXAq__item-outline:where(a,button):hover{border-color:var(--clr-input);background:var(--ghost-5);box-shadow:0 2px 4px #0000004d}.dark .item-module__A9qXAq__item-muted{background:var(--ghost-5)}.dark .item-module__A9qXAq__item-muted:where(a,button):hover{background:var(--ghost-10)}.dark .item-module__A9qXAq__item-ghost:where(a,button):hover{background:var(--ghost-5)}@media (max-width:767px){.item-module__A9qXAq__item{min-height:var(--space-11);padding:var(--space-2-5)var(--space-3)}.item-module__A9qXAq__item-sm{min-height:var(--space-10);padding:var(--space-2)var(--space-3)}.item-module__A9qXAq__item-lg{min-height:var(--space-13);padding:var(--space-4)var(--space-4)}.item-module__A9qXAq__item-media-image{width:2.5rem;height:2.5rem}}@media (prefers-reduced-motion:reduce){.item-module__A9qXAq__item,.item-module__A9qXAq__item-media,.item-module__A9qXAq__item-actions{transition:none}}
.Preview-module__FTJTza__preview-component{background:var(--clr-background);border-radius:var(--radius-lg);border:1px solid var(--clr-border);margin-bottom:var(--space-4);flex-direction:column;display:flex;overflow:hidden}.Preview-module__FTJTza__preview{min-height:180px;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.Preview-module__FTJTza__code{border-top:1px solid var(--clr-border);background:var(--clr-muted);max-height:150px;transition:max-height .3s;position:relative;overflow:hidden}.Preview-module__FTJTza__code:after{content:"";background:linear-gradient(to bottom,transparent,var(--clr-muted));pointer-events:none;height:50%;position:absolute;bottom:0;left:0;right:0}.Preview-module__FTJTza__code[data-expanded=true]{max-height:none;overflow-y:auto}.Preview-module__FTJTza__code[data-expanded=true]:after{display:none}.Preview-module__FTJTza__code-toggle{margin:var(--space-2)var(--space-4);padding:var(--space-1)var(--space-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-muted-foreground);font-size:var(--fs-small);font-weight:var(--fw-medium);font-family:var(--ff-global);cursor:pointer;background:0 0;align-items:center;transition:all .15s;display:inline-flex}.Preview-module__FTJTza__code-toggle:hover{color:var(--clr-foreground);background:var(--clr-muted);border-color:var(--clr-border)}:is(.Preview-module__FTJTza__code pre[class*=language-],.Preview-module__FTJTza__code code[class*=language-]){color:var(--clr-foreground)!important;background:var(--clr-muted)!important}.Preview-module__FTJTza__code .linenumber{color:var(--clr-muted-foreground)!important}:is(.Preview-module__FTJTza__code .token.comment,.Preview-module__FTJTza__code .token.prolog,.Preview-module__FTJTza__code .token.doctype,.Preview-module__FTJTza__code .token.cdata){color:var(--clr-base-400)!important}:is(.Preview-module__FTJTza__code .token.punctuation,.Preview-module__FTJTza__code .token.operator){color:var(--clr-base-600)!important}.Preview-module__FTJTza__code .token.keyword{color:var(--clr-brand-600)!important}:is(.Preview-module__FTJTza__code .token.imports,.Preview-module__FTJTza__code .token.exports,.Preview-module__FTJTza__code .token.module){color:var(--clr-exotic-500)!important}:is(.Preview-module__FTJTza__code .token.tag,.Preview-module__FTJTza__code .token.property,.Preview-module__FTJTza__code .token.builtin){color:var(--clr-brand-500)!important}:is(.Preview-module__FTJTza__code .token.function,.Preview-module__FTJTza__code .token.class-name){color:var(--clr-brand-700)!important}:is(.Preview-module__FTJTza__code .token.string,.Preview-module__FTJTza__code .token.char,.Preview-module__FTJTza__code .token.url,.Preview-module__FTJTza__code .token.inserted,.Preview-module__FTJTza__code .token.attr-value){color:var(--clr-success-600)!important}:is(.Preview-module__FTJTza__code .token.number,.Preview-module__FTJTza__code .token.boolean,.Preview-module__FTJTza__code .token.constant,.Preview-module__FTJTza__code .token.symbol){color:var(--clr-info-500)!important}:is(.Preview-module__FTJTza__code .token.attr-name,.Preview-module__FTJTza__code .token.variable){color:var(--clr-info-600)!important}:is(.Preview-module__FTJTza__code .token.regex,.Preview-module__FTJTza__code .token.important){color:var(--clr-warning-500)!important}.Preview-module__FTJTza__code .token.deleted{color:var(--clr-error-500)!important}
.theme-module__bzqj8a__toggle{width:var(--space-9);height:var(--space-9);color:var(--clr-muted-foreground);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex;position:relative}.theme-module__bzqj8a__toggle:hover{background:var(--clr-muted);color:var(--clr-muted-foreground)}.theme-module__bzqj8a__toggle:focus-visible{outline:2px solid var(--clr-ring);outline-offset:2px}.theme-module__bzqj8a__toggle svg{width:var(--icon-md);height:var(--icon-md);transition:opacity .2s,transform .3s}.theme-module__bzqj8a__toggle:hover svg{transform:rotate(15deg)}
.Header-module__J0dF-G__header{height:var(--header-height);padding-inline:var(--space-6);background:var(--clr-background);justify-content:space-between;align-items:center;display:flex}.Header-module__J0dF-G__header-start{align-items:center;gap:var(--space-3);display:flex}.Header-module__J0dF-G__header-brand{align-items:center;gap:var(--space-2);color:var(--clr-foreground);text-decoration:none;transition:opacity .15s;display:flex}.Header-module__J0dF-G__header-brand:hover{opacity:.8}.Header-module__J0dF-G__header-logo{width:var(--space-8);height:auto;color:var(--clr-foreground);flex-shrink:0}.Header-module__J0dF-G__header-brand-text{font-size:var(--fs-ui-3);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;color:var(--clr-foreground)}.Header-module__J0dF-G__header-end{align-items:center;gap:var(--space-2);display:flex}@media (max-width:767px){.Header-module__J0dF-G__header-brand-text{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}}