.dnc-ui *,.dnc-ui *:before,.dnc-ui *:after{box-sizing:border-box}:root{--dnc-fill-duration: 1.5s;--dnc-progress-color: #4a9eff;--dnc-bg: #f5f5f5;--dnc-border: #ddd;--dnc-input-color: #1a1a1a}.dnc-button{position:relative;overflow:hidden;padding:.5em 1em;font-size:1rem;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);cursor:default;isolation:isolate}.dnc-button-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);max-width:100%;background:var(--dnc-progress-color);border-radius:inherit;transition:none;pointer-events:none}.dnc-button-text{position:relative;z-index:1}.dnc-select{position:relative;display:inline-block}.dnc-select-trigger{padding:.5em 1em;font-size:1rem;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);cursor:default;min-width:120px;text-align:left}.dnc-select-dropdown{position:absolute;top:100%;left:0;margin-top:2px;min-width:100%;border:1px solid var(--dnc-border);border-radius:4px;background:#fff;box-shadow:0 2px 8px #00000026;z-index:10}.dnc-select-option{position:relative;overflow:hidden;padding:.5em 1em;cursor:default}.dnc-select-option:hover{background:var(--dnc-bg)}.dnc-select-option-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-select-option-text{position:relative;z-index:1}.dnc-slider{display:inline-flex;align-items:center;gap:.5em}.dnc-slider-track{position:relative;width:120px;height:24px;background:var(--dnc-bg);border:1px solid var(--dnc-border);border-radius:4px;cursor:default}.dnc-slider-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--dnc-slider-value, 0) * 1%);background:var(--dnc-progress-color);opacity:.5;border-radius:4px 0 0 4px}.dnc-slider-thumb{position:absolute;left:calc(var(--dnc-slider-value, 0) * 1%);top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--dnc-progress-color);border-radius:50%;pointer-events:none}.dnc-slider-hover-dot{position:absolute;left:var(--dnc-slider-hover-x, -9999px);top:50%;transform:translate(-50%,-50%);width:calc(6px + var(--dnc-progress, 0) * 12px);height:calc(6px + var(--dnc-progress, 0) * 12px);min-width:0;min-height:0;background:var(--dnc-progress-color);border-radius:50%;opacity:.8;pointer-events:none;transition:none;visibility:hidden}.dnc-slider-track:hover .dnc-slider-hover-dot{visibility:visible}.dnc-slider-value{min-width:2em;font-variant-numeric:tabular-nums}.dnc-input-wrapper{position:relative;display:inline-block}.dnc-input{display:block;padding:.5em .75em;font-size:1rem;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);color:var(--dnc-input-color, #1a1a1a);caret-color:var(--dnc-progress-color);cursor:default;min-width:120px}.dnc-input:focus{outline:none;border-color:var(--dnc-progress-color);box-shadow:0 0 0 2px #4a9eff59}.dnc-input-fill{position:absolute;bottom:0;left:0;height:2px;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);transition:none;pointer-events:none}.dnc-textarea-wrapper .dnc-input-fill{bottom:0}.dnc-textarea{resize:vertical;min-height:4em}.dnc-search-wrapper{display:inline-flex;align-items:center;gap:.25em;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg)}.dnc-search-input-wrap{position:relative;display:inline-flex;align-items:center;gap:.25em;padding:.25em .5em;flex:1;min-width:0}.dnc-search-icon{font-size:1em;opacity:.6}.dnc-search-wrapper .dnc-input{border:none;background:transparent;min-width:100px}.dnc-search-input-wrap{overflow:hidden}.dnc-search-input-wrap .dnc-input-fill{bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%)}.dnc-search-clear{display:none;padding:.25em;cursor:default;position:relative;overflow:hidden;border-radius:4px;isolation:isolate}.dnc-search-clear--visible{display:flex;align-items:center;justify-content:center}.dnc-search-clear:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none;pointer-events:none}.dnc-number-input{display:inline-flex;align-items:stretch;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);overflow:hidden;max-width:140px}.dnc-number-input .dnc-input{color:var(--dnc-input-color, #1a1a1a)}.dnc-number-decrement,.dnc-number-increment{position:relative;overflow:hidden;padding:.5em .75em;cursor:default;display:flex;align-items:center;justify-content:center;border:none;background:transparent}.dnc-number-btn-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-number-btn-text{position:relative;z-index:1;font-size:1.2em;font-variant-numeric:tabular-nums}.dnc-number-value-wrap{position:relative;overflow:hidden;padding:.5em .75em}.dnc-number-value-wrap .dnc-input{border:none;background:transparent;min-width:3em;text-align:center;font-variant-numeric:tabular-nums}.dnc-number-value-wrap .dnc-input-fill{bottom:0}.dnc-datepicker{display:inline-block;padding:.5em;border:1px solid var(--dnc-border);border-radius:4px;background:#fff}.dnc-datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5em}.dnc-datepicker-month-year{display:flex;align-items:center;gap:.25em}.dnc-datepicker-month{font-weight:600}.dnc-datepicker-year{position:relative;overflow:hidden;padding:.15em .35em;border-radius:4px;cursor:default;font-weight:600}.dnc-datepicker-year:hover{background:var(--dnc-bg)}.dnc-datepicker-year-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-datepicker-year-text{position:relative;z-index:1}.dnc-datepicker-content{margin-top:.5em}.dnc-datepicker-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.dnc-datepicker-year-cell{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:.25em;border-radius:4px;cursor:default;font-size:.85em}.dnc-datepicker-year-cell:hover{background:var(--dnc-bg)}.dnc-datepicker-year-cell--current{font-weight:600}.dnc-datepicker-year-cell-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-datepicker-year-cell-text{position:relative;z-index:1}.dnc-datepicker-nav{position:relative;overflow:hidden;padding:.25em .5em;border:none;background:var(--dnc-bg);border-radius:4px;cursor:default;font-size:1.2em}.dnc-datepicker-nav-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-datepicker-nav-text{position:relative;z-index:1}.dnc-datepicker-grid{display:grid;grid-template-columns:repeat(7,1.75em);gap:4px}.dnc-datepicker-weekday{font-size:.7em;color:#666;text-align:center}.dnc-datepicker-day{position:relative;overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:default}.dnc-datepicker-day:hover{background:var(--dnc-bg)}.dnc-datepicker-day--selected{background:var(--dnc-progress-color);color:#fff}.dnc-datepicker-day--selected:hover{background:var(--dnc-progress-color);opacity:.9}.dnc-datepicker-day-empty{visibility:hidden}.dnc-datepicker-day-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-datepicker-day-text{position:relative;z-index:1;font-size:.85em}.dnc-checkbox{display:inline-flex;align-items:center;gap:.5em;cursor:default}.dnc-checkbox-box{position:relative;overflow:hidden;width:1.25em;height:1.25em;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);flex-shrink:0}.dnc-checkbox-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.5;border-radius:inherit;transition:none}.dnc-checkbox-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.85em;color:#fff;opacity:0;transition:opacity .15s;z-index:1}.dnc-checkbox--checked .dnc-checkbox-check{opacity:1}.dnc-checkbox--checked .dnc-checkbox-box{background:var(--dnc-progress-color);border-color:var(--dnc-progress-color)}.dnc-radio-group{border:none;padding:0;margin:0}.dnc-radio-group legend{margin-bottom:.5em}.dnc-radio-option{display:inline-flex;align-items:center;gap:.5em;padding:.25em 0;margin-right:1em;cursor:default;position:relative;overflow:hidden}.dnc-radio-circle{position:relative;width:1.25em;height:1.25em;border:1px solid var(--dnc-border);border-radius:50%;background:var(--dnc-bg);flex-shrink:0}.dnc-radio-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.5;transition:none}.dnc-radio-dot{position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);width:.5em;height:.5em;border-radius:50%;background:var(--dnc-progress-color);opacity:0;transition:opacity .15s;z-index:1}.dnc-radio-option--checked .dnc-radio-dot{opacity:1}.dnc-radio-option--checked .dnc-radio-circle{border-color:var(--dnc-progress-color)}.dnc-toggle{display:inline-flex;align-items:center;gap:.5em;cursor:default}.dnc-toggle-track{position:relative;width:2.5em;height:1.25em;border:1px solid var(--dnc-border);border-radius:999px;background:var(--dnc-bg);flex-shrink:0}.dnc-toggle-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--dnc-progress, 0) * 100%);max-width:100%;background:var(--dnc-progress-color);border-radius:inherit;transition:none}.dnc-toggle--checked .dnc-toggle-fill{left:auto;right:0}.dnc-toggle-thumb{position:absolute;top:50%;left:.15em;transform:translateY(-50%);width:.9em;height:.9em;border-radius:50%;background:#fff;border:1px solid var(--dnc-border);box-shadow:0 1px 2px #0000001a;transition:transform .2s;z-index:1}.dnc-toggle--checked .dnc-toggle-thumb{left:auto;right:.15em;transform:translateY(-50%)}.dnc-toggle--checked .dnc-toggle-track{background:var(--dnc-progress-color);border-color:var(--dnc-progress-color)}.dnc-link{position:relative;display:inline;color:inherit;text-decoration:none;cursor:default}.dnc-link:hover{text-decoration:none}.dnc-link-underline{position:absolute;bottom:-2px;left:0;height:2px;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);transition:none}.dnc-link-text{position:relative;z-index:1}.dnc-tabs{display:flex;gap:0;border-bottom:1px solid var(--dnc-border)}.dnc-tab{position:relative;overflow:hidden;padding:.5em 1em;cursor:default;border-bottom:2px solid transparent}.dnc-tab:hover{background:var(--dnc-bg)}.dnc-tab-fill{position:absolute;bottom:0;left:0;height:2px;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);transition:none}.dnc-tab--active{border-bottom-color:var(--dnc-progress-color);font-weight:600}.dnc-tab-text{position:relative;z-index:1}.dnc-tab-indicator{display:none}.dnc-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.25em}.dnc-breadcrumbs-separator{color:#666;pointer-events:none}.dnc-breadcrumbs-crumb{position:relative;overflow:hidden;padding:.25em .5em;border-radius:4px;cursor:default}.dnc-breadcrumbs-crumb:hover{background:var(--dnc-bg)}.dnc-breadcrumbs-crumb-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-breadcrumbs-crumb-text{position:relative;z-index:1}.dnc-breadcrumbs-current{padding:.25em .5em;color:#666}.dnc-pagination{display:flex;align-items:center;gap:.25em}.dnc-pagination-btn{position:relative;overflow:hidden;padding:.35em .6em;border-radius:4px;cursor:default;min-width:2em;text-align:center}.dnc-pagination-btn:hover:not(.dnc-pagination--active){background:var(--dnc-bg)}.dnc-pagination-btn-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-pagination-btn-text{position:relative;z-index:1}.dnc-pagination--active{background:var(--dnc-progress-color);color:#fff;font-weight:600}.dnc-pagination-ellipsis{padding:0 .25em;color:#666}.dnc-menu{display:flex;align-items:center;gap:0}.dnc-menu-item-wrapper{position:relative}.dnc-menu-item{position:relative;overflow:hidden;padding:.5em 1em;cursor:default}.dnc-menu-item:hover{background:var(--dnc-bg)}.dnc-menu-item-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-menu-item-text{position:relative;z-index:1}.dnc-menu-item--active{font-weight:600}.dnc-menu-chevron{margin-left:.25em;font-size:.8em;opacity:.7}.dnc-menu-submenu{position:absolute;top:100%;left:0;min-width:100%;margin-top:0;padding:.25em 0;border:1px solid var(--dnc-border);border-radius:4px;background:#fff;box-shadow:0 2px 8px #00000026;z-index:10}.dnc-menu-submenu-item{position:relative;overflow:hidden;padding:.5em 1em;cursor:default}.dnc-menu-submenu-item:hover{background:var(--dnc-bg)}.dnc-dropdown-menu{position:relative;display:inline-block}.dnc-dropdown-menu-trigger{padding:.5em 1em;font-size:1rem;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);cursor:default}.dnc-dropdown-menu-panel{position:absolute;top:100%;left:0;margin-top:2px;min-width:160px;padding:.25em 0;border:1px solid var(--dnc-border);border-radius:4px;background:#fff;box-shadow:0 2px 8px #00000026;z-index:10}.dnc-dropdown-menu--bottom-end{left:auto;right:0}.dnc-dropdown-menu-item{position:relative;overflow:hidden;padding:.5em 1em;cursor:default;display:flex;align-items:center;gap:.5em}.dnc-dropdown-menu-item:hover{background:var(--dnc-bg)}.dnc-dropdown-menu-item-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-dropdown-menu-item-text{position:relative;z-index:1}.dnc-dropdown-menu-item--danger{color:#c00}.dnc-dropdown-menu-divider{height:1px;margin:.25em 0;background:var(--dnc-border)}.dnc-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25em;height:1.25em;padding:0 .35em;font-size:.75rem;font-weight:600;line-height:1;border-radius:999px;background:var(--dnc-progress-color);color:#fff;cursor:default;position:relative;overflow:hidden}.dnc-badge--dot{min-width:.5em;width:.5em;height:.5em;padding:0}.dnc-badge--success{background:#22c55e}.dnc-badge--warning{background:#eab308}.dnc-badge--error{background:#ef4444}.dnc-badge-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:#fff6;border-radius:inherit;transition:none}.dnc-badge-text{position:relative;z-index:1}.dnc-tag{display:inline-flex;align-items:center;gap:.25em;padding:.25em .5em;font-size:.875rem;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);cursor:default;position:relative;overflow:hidden}.dnc-tag--selected{border-color:var(--dnc-progress-color);background:#4a9eff26}.dnc-tag-fill,.dnc-tag-dismiss-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;transition:none}.dnc-tag-fill{border-radius:inherit}.dnc-tag-dismiss-fill{border-radius:0 4px 4px 0;right:0;left:auto}.dnc-tag-label{position:relative;z-index:1}.dnc-tag-dismiss{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;margin-left:.25em;border-radius:4px;cursor:default;z-index:1}.dnc-tag-dismiss:hover{background:#0000001a}.dnc-icon-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:.5em;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);cursor:default;isolation:isolate}.dnc-icon-button--sm{padding:.35em;font-size:.875rem}.dnc-icon-button--lg{padding:.65em;font-size:1.125rem}.dnc-icon-button--ghost{border-color:transparent;background:transparent}.dnc-icon-button--ghost:hover{background:var(--dnc-bg)}.dnc-icon-button--danger{border-color:#ef4444;color:#ef4444}.dnc-icon-button--danger:hover{background:#ef44441a}.dnc-icon-button-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-icon-button-icon{position:relative;z-index:1}.dnc-button-group{display:inline-flex;border:1px solid var(--dnc-border);border-radius:4px;overflow:hidden}.dnc-button-group-item{position:relative;overflow:hidden;padding:.5em 1em;font-size:1rem;border:none;border-right:1px solid var(--dnc-border);background:var(--dnc-bg);cursor:default;display:flex;align-items:center;gap:.35em}.dnc-button-group-item:last-child{border-right:none}.dnc-button-group-item:hover{background:#e8e8e8}.dnc-button-group-item--active{background:var(--dnc-progress-color);color:#fff}.dnc-button-group-item--active:hover{background:var(--dnc-progress-color);opacity:.9}.dnc-button-group-item-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:#ffffff4d;border-radius:inherit;transition:none}.dnc-button-group-item-icon,.dnc-button-group-item-text{position:relative;z-index:1}.dnc-tooltip-wrapper{position:relative;display:inline-block}.dnc-tooltip{position:absolute;z-index:1000;max-width:200px;padding:.35em .6em;font-size:.8rem;line-height:1.4;color:#fff;background:#1a1a1a;border-radius:4px;box-shadow:0 2px 8px #0003;pointer-events:none;white-space:normal}.dnc-tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px}.dnc-tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:6px}.dnc-tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:6px}.dnc-tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:6px}.dnc-alert{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);cursor:default}.dnc-alert--info{border-color:#3b82f6;background:#3b82f61a}.dnc-alert--success{border-color:#22c55e;background:#22c55e1a}.dnc-alert--warning{border-color:#eab308;background:#eab3081a}.dnc-alert--error{border-color:#ef4444;background:#ef44441a}.dnc-alert-content{flex:1;display:flex;align-items:flex-start;gap:.5rem}.dnc-alert-icon{font-size:1.1rem;flex-shrink:0}.dnc-alert-message{flex:1}.dnc-alert-dismiss{position:relative;overflow:hidden;flex-shrink:0;padding:.25em;border:none;background:transparent;border-radius:4px;cursor:default}.dnc-alert-dismiss:hover{background:#00000014}.dnc-alert-dismiss-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-alert-dismiss-icon{position:relative;z-index:1;font-size:1.2rem;line-height:1}.dnc-popover-wrapper{position:relative;display:inline-block}.dnc-popover{z-index:1000;min-width:160px;max-width:320px;padding:.75rem;font-size:.9rem;border:1px solid var(--dnc-border);border-radius:4px;background:#fff;box-shadow:0 4px 12px #00000026;cursor:default}.dnc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#00000080}.dnc-modal-overlay[hidden]{display:none!important}.dnc-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;cursor:default}.dnc-modal{position:relative;z-index:1;width:100%;max-width:400px;max-height:90vh;overflow:auto;border:1px solid var(--dnc-border);border-radius:8px;background:#fff;box-shadow:0 8px 32px #0000004d}.dnc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--dnc-border)}.dnc-modal-title{margin:0;font-size:1.1rem;font-weight:600}.dnc-modal-close{position:relative;overflow:hidden;padding:.35em;border:none;background:transparent;border-radius:4px;cursor:default}.dnc-modal-close:hover{background:var(--dnc-bg)}.dnc-modal-close-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-modal-close-icon{position:relative;z-index:1;font-size:1.2rem;line-height:1}.dnc-modal-body{padding:1.25rem}.dnc-toaster{position:fixed;z-index:1100;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.dnc-toaster--top-right{top:1rem;right:1rem}.dnc-toaster--top-left{top:1rem;left:1rem}.dnc-toaster--bottom-right{bottom:1rem;right:1rem}.dnc-toaster--bottom-left{bottom:1rem;left:1rem}.dnc-toast{position:relative;overflow:hidden;min-width:200px;padding:.75rem 1rem;border:1px solid var(--dnc-border);border-radius:4px;background:#fff;box-shadow:0 4px 12px #00000026;cursor:default;pointer-events:auto}.dnc-toast--info{border-left:4px solid #3b82f6}.dnc-toast--success{border-left:4px solid #22c55e}.dnc-toast--warning{border-left:4px solid #eab308}.dnc-toast--error{border-left:4px solid #ef4444}.dnc-toast-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.2;border-radius:inherit;transition:none}.dnc-toast-message{position:relative;z-index:1}.dnc-toast--exiting{opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s}.dnc-accordion{border:1px solid var(--dnc-border);border-radius:4px;overflow:hidden}.dnc-accordion-item{border-bottom:1px solid var(--dnc-border)}.dnc-accordion-item:last-child{border-bottom:none}.dnc-accordion-header{position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;text-align:left;border:none;background:var(--dnc-bg);cursor:default}.dnc-accordion-header:hover{background:#e8e8e8}.dnc-accordion-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;border-radius:inherit;transition:none}.dnc-accordion-title{position:relative;z-index:1;flex:1}.dnc-accordion-chevron{position:relative;z-index:1;font-size:.9em;opacity:.7;transition:transform .2s ease}.dnc-accordion-item--expanded .dnc-accordion-chevron{transform:rotate(180deg)}.dnc-accordion-content{overflow:hidden;max-height:0;transition:max-height .25s ease}.dnc-accordion-item--expanded .dnc-accordion-content{max-height:500px}.dnc-accordion-content-inner{padding:1rem;border-top:1px solid var(--dnc-border)}.dnc-carousel{position:relative;width:100%;max-width:600px;border:1px solid var(--dnc-border);border-radius:8px;overflow:hidden;background:var(--dnc-bg);cursor:default}.dnc-carousel-viewport{position:relative;overflow:hidden;aspect-ratio:16 / 9}.dnc-carousel-track{display:flex;height:100%;transition:transform .3s ease;transform:translate(calc(-100% * var(--dnc-carousel-index, 0)))}.dnc-carousel-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.dnc-carousel-prev,.dnc-carousel-next{position:absolute;top:0;bottom:0;width:15%;min-width:48px;display:flex;align-items:center;justify-content:center;z-index:2;cursor:default;isolation:isolate}.dnc-carousel-prev{left:0}.dnc-carousel-next{right:0;left:auto}.dnc-carousel-zone-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.25;transition:none;pointer-events:none}.dnc-carousel-arrow{position:relative;z-index:1;font-size:2rem;font-weight:300;color:#0009;opacity:.6;transition:opacity .2s}.dnc-carousel-prev:hover .dnc-carousel-arrow,.dnc-carousel-next:hover .dnc-carousel-arrow{opacity:1}.dnc-carousel-dots{display:flex;justify-content:center;gap:.5rem;padding:.75rem}.dnc-carousel-dot{position:relative;overflow:hidden;width:10px;height:10px;border-radius:50%;border:1px solid var(--dnc-border);background:var(--dnc-bg);cursor:default;isolation:isolate}.dnc-carousel-dot:hover{background:#e8e8e8}.dnc-carousel-dot--active{background:var(--dnc-progress-color);border-color:var(--dnc-progress-color)}.dnc-carousel-dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.5;border-radius:inherit;transition:none;pointer-events:none}*{box-sizing:border-box}:root{--dnc-progress-color: #58a6ff;--dnc-bg: #21262d;--dnc-border: #30363d;--dnc-input-color: #e6edf3}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;background:#0d1117;color:#e6edf3;min-height:100vh}#app{max-width:900px;margin:0 auto;padding:1.5rem 2rem}.site-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #21262d}.main-nav{display:flex;gap:.5rem}.nav-btn{font-size:1.2rem;overflow:hidden;position:relative;isolation:isolate;cursor:pointer;padding:.5rem 1rem;border:0;border-radius:.5rem}.click-badge{position:fixed;top:1rem;right:1rem;padding:.25em .5em;background:#21262d;border:1px solid #30363d;border-radius:6px;font-size:.85rem;font-variant-numeric:tabular-nums}.site-main{min-height:50vh}.site-footer{margin-top:4rem;padding:3rem 0 4rem;text-align:center;color:#8b949e;font-size:.9rem}.site-footer-link{color:#58a6ff;text-decoration:none}.site-footer-link:hover{text-decoration:underline}.page h1{margin-top:0;font-size:2rem;font-weight:600}.page .tagline{font-size:1.15rem;color:#8b949e;margin-bottom:1rem}.page .intro{color:#8b949e;margin-bottom:2rem}.doc-section{margin-bottom:2.5rem}.doc-section h2{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:#e6edf3}.doc-section ul{margin:0;padding-left:1.5rem;color:#8b949e}.doc-section li{margin-bottom:.25rem}.doc-section a{color:#58a6ff;text-decoration:none}.doc-section a:hover{text-decoration:underline}.code-block{margin:0 0 1rem;padding:1rem 1.25rem;background:#161b22;border:1px solid #21262d;border-radius:6px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto;color:#e6edf3}.code-block code{font-family:inherit}.component-demos{display:flex;flex-direction:column;gap:2.5rem}.demo-block{padding-bottom:2rem;border-bottom:1px solid #21262d}.demo-block:last-child{border-bottom:none}.demo-block h3{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#58a6ff}.demo-block h3:before{content:"# ";color:#484f58}.demo-block .code-block{margin-bottom:1rem}.demo-state{margin-bottom:.5rem;font-size:.9rem;color:#8b949e}.demo-state-value{font-weight:500;color:#e6edf3}.config-demo{display:flex;flex-direction:column;gap:1rem}.config-demo .config-samples{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.demo-preview{padding:1rem;background:#161b22;border:1px solid #21262d;border-radius:6px;display:inline-flex;align-items:center;gap:1rem;flex-wrap:wrap}.demo-preview .dnc-button,.demo-preview .dnc-select-trigger{background:#21262d;border-color:#30363d;color:#e6edf3}.demo-preview .dnc-select-dropdown{background:#21262d;border-color:#30363d}.demo-preview .dnc-select-option:hover{background:#30363d}.demo-preview .dnc-slider-track{background:#21262d;border-color:#30363d}.demo-preview .dnc-datepicker{background:#21262d;border-color:#30363d;color:#e6edf3}.demo-preview .dnc-datepicker-weekday{color:#8b949e}.demo-preview .dnc-datepicker-day-text{color:#e6edf3}.demo-preview .dnc-datepicker-nav{background:#30363d;color:#e6edf3}.demo-preview .dnc-datepicker-day:hover{background:#30363d}.demo-preview .dnc-datepicker-day--selected{background:#58a6ff;color:#fff}.demo-preview .dnc-datepicker-day--selected:hover{background:#58a6ff;opacity:.9}.demo-preview .dnc-datepicker-year:hover,.demo-preview .dnc-datepicker-year-cell:hover{background:#30363d}.demo-preview .dnc-datepicker-year-cell--current{color:#58a6ff}.demo-preview .dnc-checkbox-box,.demo-preview .dnc-radio-circle,.demo-preview .dnc-toggle-track,.demo-preview .dnc-input,.demo-preview .dnc-search-wrapper,.demo-preview .dnc-number-input{background:#21262d;border-color:#30363d}.demo-preview .dnc-input,.demo-preview .dnc-textarea{color:#e6edf3;caret-color:#58a6ff}.demo-preview .dnc-input:focus,.demo-preview .dnc-textarea:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff59}.demo-preview .dnc-search-wrapper .dnc-input,.demo-preview .dnc-number-value-wrap .dnc-input{background:transparent;color:#e6edf3;caret-color:#58a6ff}.demo-preview .dnc-link{color:#58a6ff}.demo-preview .dnc-tabs,.demo-preview .dnc-menu,.demo-preview .dnc-dropdown-menu-trigger{border-color:#30363d}.demo-preview .dnc-tab:hover,.demo-preview .dnc-menu-item:hover,.demo-preview .dnc-menu-submenu-item:hover,.demo-preview .dnc-dropdown-menu-item:hover{background:#30363d}.demo-preview .dnc-menu-submenu,.demo-preview .dnc-dropdown-menu-panel{background:#21262d;border-color:#30363d}.demo-preview .dnc-pagination-btn:hover:not(.dnc-pagination--active){background:#30363d}.demo-preview .dnc-breadcrumbs-crumb:hover{background:#30363d}.demo-preview .dnc-badge,.demo-preview .dnc-tag,.demo-preview .dnc-icon-button,.demo-preview .dnc-button-group-item{background:#21262d;border-color:#30363d;color:#e6edf3}.demo-preview .dnc-tag--selected{border-color:#58a6ff;background:#58a6ff33}.demo-preview .dnc-icon-button--ghost:hover,.demo-preview .dnc-button-group-item:hover{background:#30363d}.demo-preview .dnc-button-group-item--active{background:#58a6ff;border-color:#58a6ff;color:#fff}.demo-preview .dnc-alert,.demo-preview .dnc-popover,.dnc-popover{background:#21262d;border-color:#30363d;color:#e6edf3}.dnc-tooltip-demo-trigger{padding:.35em .75em;border-bottom:1px dashed #58a6ff;color:#58a6ff;cursor:default}.dnc-tooltip-demo-trigger:hover{border-bottom-style:solid}.dnc-popover-demo-trigger{display:inline-block;position:relative;overflow:hidden;padding:.5em 1em;border:1px solid var(--dnc-border);border-radius:4px;background:var(--dnc-bg);cursor:default}.dnc-popover-demo-trigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--dnc-progress, 0) * 100%);background:var(--dnc-progress-color);opacity:.3;transition:none}.dnc-popover-demo-trigger-text{position:relative;z-index:1}.demo-preview .dnc-popover-demo-trigger{background:#21262d;border-color:#30363d;color:#e6edf3}.demo-preview .dnc-accordion,.demo-preview .dnc-accordion-item{border-color:#30363d}.demo-preview .dnc-accordion-header{background:#21262d;color:#e6edf3}.demo-preview .dnc-accordion-header:hover{background:#30363d}.demo-preview .dnc-accordion-content-inner{border-color:#30363d;color:#e6edf3}.custom-style-demo{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.custom-style-demo .custom-style--green .dnc-button-fill{background:#10b981}.custom-style-demo .custom-style--purple .dnc-button-fill{background:#8b5cf6}.custom-style-demo .custom-style--pill{border-radius:999px}.dnc-modal-overlay{background:#000000b3}.dnc-modal{background:#21262d;border-color:#30363d;color:#e6edf3}.dnc-modal-header{border-color:#30363d}.dnc-modal-title{color:#e6edf3}.dnc-modal-close:hover{background:#30363d;color:#e6edf3}.dnc-modal-body{color:#e6edf3}.dnc-toast{background:#21262d;border-color:#30363d;color:#e6edf3}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:#21262d;border:1px solid #30363d;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:1000;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}