@layer components{.pagination{background-color:var(--color-surface-primary);border-top:1px solid var(--color-brand-primary);justify-content:flex-end;align-items:center;width:100%;height:fit-content;padding:.75rem 1.5rem;display:flex}.pagination-inner{align-items:center;gap:2rem;display:flex}.pagination-page-size{align-items:center;gap:.5rem;display:flex}.pagination-label{font-family:var(--font-sans);font-size:var(--text-base);line-height:1rem;font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);white-space:nowrap}.pagination-nav{align-items:center;gap:1rem;display:flex}.pagination-range{font-family:var(--font-sans);font-size:var(--text-base);line-height:1rem;font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);white-space:nowrap}.pagination-buttons{align-items:center;gap:.25rem;display:flex}}@media (max-width:479px){.pagination{justify-content:center;padding:.75rem 1rem}.pagination-inner{flex-direction:row;align-items:center;gap:.75rem}.pagination-label{display:none}.pagination-page-size{gap:0}.pagination-nav{gap:.75rem}}
@layer components{.badge{font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-weight:400;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;overflow:hidden}.badge-rounded{border-radius:var(--radius-md)}.badge-round{border-radius:9999px}.badge-big{height:28px;font-size:var(--text-sm);gap:8px;padding:4px 8px;line-height:12px}.badge-medium{height:24px;font-size:var(--text-sm);gap:8px;padding:4px 8px;line-height:12px}.badge-small{height:24px;font-size:var(--text-xs);gap:8px;padding:4px 8px;line-height:12px}.badge-round.badge-big,.badge-round.badge-medium,.badge-round.badge-small{padding-inline:12px}.badge__label-container{flex-shrink:0;align-items:center;gap:4px;display:flex}.badge-big .badge__label-container,.badge-medium .badge__label-container{height:20px}.badge-small .badge__label-container{height:16px}.badge__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.badge-big .badge__icon,.badge-medium .badge__icon{width:16px;height:16px}.badge-small .badge__icon{width:12px;height:12px}.badge__close{cursor:pointer;color:inherit;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:opacity .15s;display:flex}.badge__close:hover{opacity:.7}.badge-big .badge__close,.badge-medium .badge__close{width:12px;height:12px}.badge-small .badge__close{width:10px;height:10px}.badge-clickable{cursor:pointer}.badge-disabled{cursor:not-allowed;background-color:var(--color-surface-disabled)!important;color:var(--color-text-disabled)!important;border-color:var(--color-border-disabled)!important}.badge-disabled .badge__close{cursor:not-allowed;pointer-events:none}.badge-basic{background-color:var(--color-surface-primary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.badge-basic.badge-clickable:hover{background-color:var(--color-surface-secondary)}.badge-success{background-color:var(--color-success-background-1);border-color:var(--color-success-border);color:var(--color-success-text)}.badge-success.badge-clickable:hover{background-color:var(--color-success-background-2)}.badge-warning{background-color:var(--color-warning-background-1);border-color:var(--color-warning-border);color:var(--color-warning-text)}.badge-warning.badge-clickable:hover{background-color:var(--color-warning-background-2)}.badge-error{background-color:var(--color-error-background-1);border-color:var(--color-error-border);color:var(--color-error-text)}.badge-error.badge-clickable:hover{background-color:var(--color-error-background-2)}.badge-info{background-color:var(--color-info-background-1);border-color:var(--color-info-border);color:var(--color-info-text)}.badge-info.badge-clickable:hover{background-color:var(--color-info-background-2)}}