@charset "UTF-8";.l-main{display:flex;min-height:100vh}.l-main__content{flex:1;padding:24px}.l-sidebar{width:24rem;padding:var(--space-md);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.l-sidebar__divider{height:1px;background-color:var(--color-border);margin:var(--space-sm) 0}.l-sidebar__logo{display:flex;justify-content:center}.l-sidebar__nav{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--space-xs);flex-grow:1}.l-sidebar__link{width:100%;padding:.8rem 1rem;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all .2s ease-in-out}.l-sidebar__link:hover,.l-sidebar__link:focus,.l-sidebar__link.active{background-image:linear-gradient(to right,rgba(59,130,246,.3),var(--color-dodger-blue));color:var(--color-white)}.l-sidebar__footer{margin-top:auto;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.c-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:var(--transition-fast)}.c-card--hoverable:hover{border-color:var(--color-primary);background:var(--color-surface-light);transform:translateY(-2px)}.c-card__header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:0;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.c-card__title{font-size:1.6rem;font-weight:500;color:var(--color-text)}.c-card__action{display:flex;align-items:center}.c-card__body,.c-card__footer{padding:var(--space-xs)}.c-card--compact .c-card__body{padding:var(--space-sm)}.c-card--borderless{border:none}.c-button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0}.c-button:hover,.c-button:focus,.c-button.active{filter:brightness(1.05)}.c-button{font-size:1.4rem;font-weight:500;border-radius:var(--radius-sm);padding:.8rem 1.6rem;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent}.c-button--primary{background:var(--color-primary);color:var(--color-text)}.c-button--primary:hover{color:var(--color-text-muted);filter:brightness(1.1)}.c-button--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.c-button--secondary:hover{background:var(--color-surface-light)}.c-button--ghost{background:transparent;color:var(--color-text-muted)}.c-button--ghost:hover{background:var(--color-surface-light);color:var(--color-text)}.c-button--icon{background:var(--color-primary);color:var(--color-text);border-radius:50%}.c-button--icon:hover{color:var(--color-text-muted);filter:brightness(1.1)}.c-button--sm{font-size:1.2rem;padding:.6rem 1.2rem}.c-button--md{font-size:1.4rem;padding:.8rem 1.6rem}.c-button--lg{font-size:1.6rem;padding:1rem 2rem}.c-button--block{width:100%}.c-button:disabled{opacity:.5;cursor:not-allowed}.counter__title{color:var(--color-counter-text);margin-bottom:2rem}.counter__actions{display:flex;align-items:"flex-start";justify-content:"space-evenly";flex-direction:"row";gap:1rem}.counter__button{padding:.5rem 2rem;border-radius:.5rem}.c-input{display:flex;flex-direction:column;gap:.6rem}.c-input__label{font-size:1.2rem;color:var(--color-text-muted)}.c-input__field{padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:1.4rem;transition:var(--transition-fast)}.c-input__field::placeholder{color:var(--color-text-muted);opacity:.7}.c-input__field:hover,.c-input__field:focus,.c-input__field.active{border-color:var(--color-primary)}.c-input__field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.c-input__error{font-size:1.2rem;color:var(--color-error)}.c-input--block{width:100%}.c-input--error .c-input__field{border-color:var(--color-error)}.c-input--error .c-input__field:focus{outline:none;border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}.p-styleguide__title{margin-bottom:var(--space-lg)}.p-styleguide__section{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-md)}.p-styleguide__demo{margin-top:var(--space-sm);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.c-alert{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid transparent}.c-alert__content{color:var(--color-text)}.c-alert__close{margin-left:var(--space-sm);font-size:1.4rem;color:inherit;cursor:pointer}.c-alert__close:hover,.c-alert__close:focus,.c-alert__close.active{opacity:.8}.c-alert--info{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}.c-alert--success{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.c-alert--warning{background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.c-alert--error{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.c-table{width:100%;overflow-x:auto}.c-table__element{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.c-table__head{background:var(--color-surface-light)}.c-table__th{text-align:left;padding:1rem;font-weight:var(--fw-medium);color:var(--color-text);border-bottom:1px solid var(--color-border)}.c-table__row{transition:var(--transition-fast)}.c-table__row:not(:last-child){border-bottom:1px solid var(--color-border)}.c-table__row:hover{background:var(--color-surface-light)}.c-table__td{padding:1rem;color:var(--color-text-muted)}.c-table--striped .c-table__row:nth-child(2n){background:#ffffff05}.c-table--compact .c-table__th,.c-table--compact .c-table__td{padding:.6rem .8rem}.c-table--clickable .c-table__row{cursor:pointer}.c-loader{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0}.c-loader__spinner{border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.c-loader--sm .c-loader__spinner{width:1.6rem;height:1.6rem}.c-loader--md .c-loader__spinner{width:2.4rem;height:2.4rem}.c-loader--lg .c-loader__spinner{width:3.2rem;height:3.2rem}.c-loader--fullscreen{position:fixed;inset:0;z-index:z(overlay);background:#0009}@keyframes spin{to{transform:rotate(360deg)}}.c-logo{display:flex;align-items:center;padding:1rem}.c-logo__react-image{margin-right:1rem;height:3rem}.c-logo__text-react{font-size:1.4em}.c-logo__lab{font-size:1.4em;color:var(--color-dodger-blue)}.c-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0}.c-modal__overlay{position:absolute;inset:0;background:#0009}.c-modal__content{position:relative;width:100%;max-width:50rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);z-index:1100;animation:modalFade .2s ease}.c-modal__header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:0;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.c-modal__title{font-size:var(--text-lg);font-weight:var(--fw-medium)}.c-modal__close{font-size:1.6rem;color:var(--color-text-muted);cursor:pointer}.c-modal__close:hover,.c-modal__close:focus,.c-modal__close.active{color:var(--color-text)}.c-modal__body{padding:var(--space-md)}.c-modal__footer{padding:var(--space-md);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:var(--space-sm)}@keyframes modalFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.c-tabs{width:100%}.c-tabs__header{display:flex;margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.c-tabs__tab{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:2px solid transparent;color:var(--color-text-muted);background-color:var(--color-surface);border-radius:0}.c-tabs__tab.is-active,.c-tabs__tab:hover{border-bottom-color:var(--color-dodger-blue);color:var(--color-text);background-color:var(--color-charade)}.c-tabs__content{padding:var(--space-md)}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:var(--space-md)}.not-found-page h1{font-size:var(--text-2xl);color:var(--color-text)}.not-found-page p{font-size:var(--text-lg);color:var(--color-text-muted)}.not-found-page svg{color:var(--color-primary)}.feature__header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.feature__title{font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.feature__description{font-size:1.2rem;color:var(--color-text-muted)}.feature__go-back-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;padding:0;flex-shrink:0}.c-code{position:relative}.c-code__button{position:absolute;top:1rem;right:1rem;z-index:1;color:var(--color-text);cursor:pointer}.example-layout{overflow:hidden;border-radius:.5rem;background-color:var(--color-ebony-clay)}.example-layout pre{padding:1rem;border-radius:.25rem;white-space:pre-wrap;word-break:break-all}.example-layout__component{padding:1rem;border-radius:.25rem}.example-layout__notes{padding:1rem}:root{--color-black-russian: #0f1117;--color-vulcan: #1e222a;--color-charade: #252a34;--color-white: #ffffff;--color-manatee: #9ca3af;--color-tuna: #2a2f3a;--color-dark-orange: #ff8c00;--color-dark-orange-15: rgba(255, 140, 0, .15);--color-dark-orange-10: rgba(255, 140, 0, .1);--color-dodger-blue: #3b82f6;--color-dodger-blue-10: rgba(59, 130, 246, .1);--color-islamic-green: #22c55e;--color-islamic-green-10: rgba(34, 197, 94, .1);--color-marigold: #eab308;--color-marigold-10: rgba(234, 179, 8, .1);--color-red: #ef4444;--color-ghost-white: #f8fafc;--color-catskill-white: #f1f5f9;--color-black: #111827;--color-shuttle-gray: #6b7280;--color-gallery: #e5e7eb;--color-ebony-clay: #212532;--color-mariner: #2e82d4;--color-mariner-light: #6EC2C4}:root{--color-bg: var(--color-black-russian);--color-surface: var(--color-vulcan);--color-surface-light: var(--color-charade);--color-text: var(--color-white);--color-text-muted: var(--color-manatee);--font-primary: "Inter", system-ui, sans-serif;--text-xs: 1.2rem;--text-sm: 1.4rem;--text-md: 1.6rem;--text-lg: 1.8rem;--text-xl: 2.2rem;--text-2xl: 2.8rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--lh-base: 1.5;--lh-tight: 1.3;--color-border: var(--color-tuna);--color-primary: var(--color-mariner);--color-primary-soft: var(--color-mariner-light);--radius-sm: 6px;--radius-md: 10px;--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 24px;--color-info: var(--color-dodger-blue);--color-info-soft: var(--color-dodger-blue-10);--color-success: var(--color-islamic-green);--color-success-soft: var(--color-islamic-green-10);--color-warning: var(--color-marigold);--color-warning-soft: var(--color-marigold-10);--color-error: var(--color-red);--color-error-soft: rgba(239, 68, 68, .1);--transition-fast: .2s ease}html{font-size:62.5%}body{font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--lh-base);background:var(--color-bg);color:var(--color-text);text-rendering:optimizeLegibility}#root{min-height:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--color-text)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{font-size:var(--text-sm);color:var(--color-text-muted)}small{font-size:var(--text-xs);color:var(--color-text-muted)}a{color:inherit;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-size:1.4rem;border-radius:var(--radius-sm)}input,textarea,select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.8rem 1rem;color:var(--color-text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-primary);color:#fff}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}[data-theme=light]{--color-bg: var(--color-ghost-white);--color-surface: var(--color-white);--color-surface-light: var(--color-catskill-white);--color-text: var(--color-black);--color-text-muted: var(--color-shuttle-gray);--color-border: var(--color-gallery);--color-primary: var(--color-dark-orange);--color-primary-soft: var(--color-dark-orange-10);--color-counter-text: var(--color-ebony-clay)}.u-text-center{text-align:center}.u-flex{display:flex}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-mt-md{margin-top:var(--space-md)}.u-mb-md{margin-bottom:var(--space-md)}.u-w-full{width:100%}.u-hidden{display:none!important}.u-text-xs{font-size:var(--text-xs)}.u-text-sm{font-size:var(--text-sm)}.u-text-md{font-size:var(--text-md)}.u-text-lg{font-size:var(--text-lg)}.u-fw-medium{font-weight:var(--fw-medium)}.u-fw-semibold{font-weight:var(--fw-semibold)}.u-text-muted{color:var(--color-text-muted)}.u-text-primary{color:var(--color-primary)}.u-masonry-container{column-width:300px;column-gap:1.5rem}.u-masonry-item{display:inline-block;width:100%;margin-bottom:1.5rem;break-inside:avoid}