modular-ui-kit-vue 1.0.5 → 1.0.6

package/dist/modular-ui-kit-vue.css

@@ -1,1433 +1,2 @@
-@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
-
-:root {
-   --ui-text: #eceef2;
-   --ui-text-muted: #8a93a6;
-   --ui-bg: #0b0d11;
-   --ui-bg-soft: #12151c;
-   --ui-bg-card: #171b24;
-   --ui-bg-code: #1e2330;
-   --ui-primary: #6366f1;
-   --ui-primary-hover: #4f46e5;
-   --ui-danger: #ff4a6b;
-   --ui-success: #10b981;
-   --ui-warning: #f59e0b;
-   --ui-font-heading: 26px;
-   --ui-font-subheading: 19px;
-   --ui-font-body: 16px;
-   --ui-font-heading-md: 24px;
-   --ui-font-subheading-md: 18px;
-   --ui-font-body-md: 15px;
-   --ui-font-heading-sm: 20px;
-   --ui-font-subheading-sm: 16px;
-   --ui-font-body-sm: 14px;
-   --ui-border-color: #eceef214;
-   --ui-border-width: 1px;
-   --ui-border-style: solid;
-   --ui-border-radius: 0px;
-   --ui-space-content-sm: 6px;
-   --ui-space-content-md: 10px;
-   --ui-space-content-lg: 14px;
-   --ui-space-container-sm: 16px;
-   --ui-space-container-md: 24px;
-   --ui-space-container-lg: 32px;
-   --ui-transition: all .3s ease-out;
-   --ui-opacity: .4
-}
-
-*,
-:before,
-:after {
-   box-sizing: border-box
-}
-
-:focus,
-:active,
-a:focus,
-a:active {
-   outline: none
-}
-
-nav,
-footer,
-aside {
-   display: block
-}
-
-html,
-body {
-   -webkit-text-size-adjust: 100%;
-   -moz-text-size-adjust: 100%;
-   -ms-text-size-adjust: 100%;
-   -webkit-font-smoothing: antialiased;
-   -moz-osx-font-smoothing: grayscale;
-   text-rendering: optimizelegibility;
-   background: #232222;
-   height: 100%;
-   margin: 0;
-   padding: 0;
-   font-family: Inter, sans-serif;
-   font-size: 100%;
-   line-height: 1.5
-}
-
-input,
-textarea,
-button,
-select {
-   font-family: inherit
-}
-
-input::-ms-clear {
-   display: none
-}
-
-button {
-   cursor: pointer;
-   background: 0 0;
-   border: none
-}
-
-button::-moz-focus-inner {
-   border: 0;
-   padding: 0
-}
-
-a,
-a:visited {
-   cursor: pointer;
-   text-decoration: none
-}
-
-button,
-a:hover {
-   text-decoration: none
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-   font-weight: 400
-}
-
-ul {
-   padding-inline-start: 0
-}
-
-ul li {
-   margin: 0;
-   list-style: none
-}
-
-img {
-   max-width: 100%;
-   display: block
-}
-
-.heading {
-   font-size: var(--ui-font-heading);
-   font-weight: 600;
-   line-height: 34px
-}
-
-.subheading {
-   font-size: var(--ui-font-subheading);
-   font-weight: 500;
-   line-height: 28px
-}
-
-.body-text {
-   font-size: var(--ui-font-body);
-   font-weight: 400;
-   line-height: 24px
-}
-
-@media (width<=1024px) {
-   .heading {
-      font-size: var(--ui-font-heading-md);
-      line-height: 30px
-   }
-
-   .subheading {
-      font-size: var(--ui-font-subheading-md);
-      line-height: 24px
-   }
-
-   .body-text {
-      font-size: var(--ui-font-body-md);
-      line-height: 22px
-   }
-}
-
-@media (width<=767px) {
-   .heading {
-      font-size: var(--ui-font-heading-sm);
-      line-height: 26px
-   }
-
-   .subheading {
-      font-size: var(--ui-font-subheading-sm);
-      line-height: 22px
-   }
-
-   .body-text {
-      font-size: var(--ui-font-body-sm);
-      line-height: 20px
-   }
-}
-
-a {
-   transition: var(--ui-transition);
-   text-underline-offset: 4px;
-   display: block
-}
-
-a:hover {
-   opacity: .8
-}
-
-a:active {
-   opacity: .6;
-   filter: brightness(.9)
-}
-
-.shimmer {
-   position: relative;
-   overflow: hidden
-}
-
-.shimmer:before {
-   content: "";
-   background: linear-gradient(to right, transparent 0%, var(--ui-text-muted) 50%, transparent 100%);
-   width: 150px;
-   height: 100%;
-   animation: 2.6s infinite loading;
-   position: absolute;
-   top: 0;
-   left: -150px
-}
-
-@keyframes loading {
-   0% {
-      left: -150px
-   }
-
-   to {
-      left: 100%
-   }
-}
-
-.fade-enter-active,
-.fade-leave-active {
-   transition: opacity .25s
-}
-
-.fade-enter-from,
-.fade-leave-to {
-   opacity: 0
-}
-
-.visually-hidden {
-   clip: rect(0, 0, 0, 0);
-   white-space: nowrap;
-   border: 0;
-   width: 1px;
-   height: 1px;
-   margin: -1px;
-   padding: 0;
-   position: absolute;
-   overflow: hidden
-}
-
-.btn {
-   -webkit-user-select: none;
-   user-select: none;
-   white-space: nowrap;
-   cursor: pointer;
-   transition: var(--ui-transition);
-   border: none;
-   outline: none;
-   justify-content: center;
-   align-items: center;
-   gap: 8px;
-   font-family: inherit;
-   font-weight: 500;
-   line-height: 1.2;
-   display: inline-flex
-}
-
-.btn--sm {
-   --spinner-size: 14px;
-   height: 38px;
-   padding: 3px 14px;
-   font-size: 14px
-}
-
-.btn--md {
-   --spinner-size: 18px;
-   height: 44px;
-   padding: 3px 16px;
-   font-size: 15px
-}
-
-.btn--lg {
-   --spinner-size: 22px;
-   height: 50px;
-   padding: 3px 18px;
-   font-size: 16px
-}
-
-.btn--primary {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-primary);
-   background: var(--ui-bg-card);
-   color: var(--ui-text);
-   --spinner-color: var(--ui-primary);
-   border-radius: 10px
-}
-
-.btn--primary:hover:not(:disabled):not(.is-loading) {
-   background: var(--ui-primary)
-}
-
-.btn--primary:active:not(:disabled):not(.is-loading) {
-   filter: brightness(.9);
-   transform: scale(.97)
-}
-
-.btn--primary:disabled {
-   cursor: not-allowed;
-   opacity: var(--ui-opacity);
-   transform: none
-}
-
-.btn--primary.is-loading {
-   cursor: wait
-}
-
-.btn--secondary {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-text-muted);
-   background: var(--ui-bg-card);
-   color: var(--ui-text);
-   --spinner-color: var(--ui-text-muted);
-   border-radius: 10px
-}
-
-.btn--secondary:hover:not(:disabled):not(.is-loading) {
-   background: var(--ui-text-muted)
-}
-
-.btn--secondary:active:not(:disabled):not(.is-loading) {
-   filter: brightness(.9);
-   transform: scale(.97)
-}
-
-.btn--secondary:disabled {
-   cursor: not-allowed;
-   opacity: var(--ui-opacity);
-   transform: none
-}
-
-.btn--secondary.is-loading {
-   cursor: wait
-}
-
-.btn--success {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-success);
-   background: var(--ui-bg-card);
-   color: var(--ui-text);
-   --spinner-color: var(--ui-success);
-   border-radius: 10px
-}
-
-.btn--success:hover:not(:disabled):not(.is-loading) {
-   background: var(--ui-success)
-}
-
-.btn--success:active:not(:disabled):not(.is-loading) {
-   filter: brightness(.9);
-   transform: scale(.97)
-}
-
-.btn--success:disabled {
-   cursor: not-allowed;
-   opacity: var(--ui-opacity);
-   transform: none
-}
-
-.btn--success.is-loading {
-   cursor: wait
-}
-
-.btn--warning {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-warning);
-   background: var(--ui-bg-card);
-   color: var(--ui-text);
-   --spinner-color: var(--ui-warning);
-   border-radius: 10px
-}
-
-.btn--warning:hover:not(:disabled):not(.is-loading) {
-   background: var(--ui-warning)
-}
-
-.btn--warning:active:not(:disabled):not(.is-loading) {
-   filter: brightness(.9);
-   transform: scale(.97)
-}
-
-.btn--warning:disabled {
-   cursor: not-allowed;
-   opacity: var(--ui-opacity);
-   transform: none
-}
-
-.btn--warning.is-loading {
-   cursor: wait
-}
-
-.btn--danger {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-danger);
-   background: var(--ui-bg-card);
-   color: var(--ui-text);
-   --spinner-color: var(--ui-danger);
-   border-radius: 10px
-}
-
-.btn--danger:hover:not(:disabled):not(.is-loading) {
-   background: var(--ui-danger)
-}
-
-.btn--danger:active:not(:disabled):not(.is-loading) {
-   filter: brightness(.9);
-   transform: scale(.97)
-}
-
-.btn--danger:disabled {
-   cursor: not-allowed;
-   opacity: var(--ui-opacity);
-   transform: none
-}
-
-.btn--danger.is-loading {
-   cursor: wait
-}
-
-.btn--ghost {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-bg);
-   background: var(--ui-bg-card);
-   color: var(--ui-text-muted);
-   --spinner-color: var(--ui-bg);
-   border-radius: 10px
-}
-
-.btn--ghost:hover:not(:disabled):not(.is-loading) {
-   filter: brightness(1.1)
-}
-
-.btn--ghost:active:not(:disabled):not(.is-loading) {
-   filter: brightness(.9);
-   transform: scale(.97)
-}
-
-.btn--ghost:disabled {
-   cursor: not-allowed;
-   opacity: var(--ui-opacity);
-   transform: none
-}
-
-.btn--ghost.is-loading {
-   cursor: wait
-}
-
-.btn-spinner {
-   width: var(--spinner-size, 18px);
-   height: var(--spinner-size, 18px);
-   border: 2px solid var(--spinner-color, currentColor);
-   border-right-color: #0000;
-   border-radius: 50%;
-   flex-shrink: 0;
-   animation: .8s linear infinite spin;
-   display: inline-block
-}
-
-@keyframes spin {
-   0% {
-      transform: rotate(0)
-   }
-
-   to {
-      transform: rotate(360deg)
-   }
-}
-
-.btn-icon {
-   cursor: pointer;
-   transition: var(--ui-transition);
-   background: 0 0;
-   border: none;
-   justify-content: center;
-   align-items: center;
-   margin: 0;
-   padding: 0;
-   display: inline-flex
-}
-
-.btn-icon svg {
-   transition: var(--ui-transition)
-}
-
-.btn-icon--sm {
-   width: 32px;
-   min-width: 32px;
-   height: 32px;
-   min-height: 32px
-}
-
-.btn-icon--sm svg {
-   width: 18px;
-   height: 18px
-}
-
-.btn-icon--sm {
-   --spinner-size: 14px
-}
-
-.btn-icon--md {
-   width: 40px;
-   min-width: 40px;
-   height: 40px;
-   min-height: 40px
-}
-
-.btn-icon--md svg {
-   width: 22px;
-   height: 22px
-}
-
-.btn-icon--md {
-   --spinner-size: 18px
-}
-
-.btn-icon--lg {
-   width: 48px;
-   min-width: 48px;
-   height: 48px;
-   min-height: 48px
-}
-
-.btn-icon--lg svg {
-   width: 26px;
-   height: 26px
-}
-
-.btn-icon--lg {
-   --spinner-size: 22px
-}
-
-.btn-icon--primary {
-   color: var(--ui-primary);
-   background: 0 0
-}
-
-.btn-icon--primary svg {
-   fill: currentColor
-}
-
-.btn-icon--primary:hover:not(:disabled):not(.is-loading) {
-   color: var(--ui-primary-hover)
-}
-
-.btn-icon--primary:active:not(:disabled):not(.is-loading) {
-   transform: scale(.92)
-}
-
-.btn-icon--primary:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed;
-   transform: none
-}
-
-.btn-icon--primary.is-loading {
-   cursor: wait
-}
-
-.btn-icon--secondary {
-   color: var(--ui-text);
-   background: 0 0
-}
-
-.btn-icon--secondary svg {
-   fill: currentColor
-}
-
-.btn-icon--secondary:hover:not(:disabled):not(.is-loading) {
-   color: var(--ui-primary-hover)
-}
-
-.btn-icon--secondary:active:not(:disabled):not(.is-loading) {
-   transform: scale(.92)
-}
-
-.btn-icon--secondary:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed;
-   transform: none
-}
-
-.btn-icon--secondary.is-loading {
-   cursor: wait
-}
-
-.btn-icon--success {
-   color: var(--ui-success);
-   background: 0 0
-}
-
-.btn-icon--success svg {
-   fill: currentColor
-}
-
-.btn-icon--success:hover:not(:disabled):not(.is-loading) {
-   filter: brightness(1.2)
-}
-
-.btn-icon--success:active:not(:disabled):not(.is-loading) {
-   transform: scale(.92)
-}
-
-.btn-icon--success:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed;
-   transform: none
-}
-
-.btn-icon--success.is-loading {
-   cursor: wait
-}
-
-.btn-icon--warning {
-   color: var(--ui-warning);
-   background: 0 0
-}
-
-.btn-icon--warning svg {
-   fill: currentColor
-}
-
-.btn-icon--warning:hover:not(:disabled):not(.is-loading) {
-   filter: brightness(1.2)
-}
-
-.btn-icon--warning:active:not(:disabled):not(.is-loading) {
-   transform: scale(.92)
-}
-
-.btn-icon--warning:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed;
-   transform: none
-}
-
-.btn-icon--warning.is-loading {
-   cursor: wait
-}
-
-.btn-icon--danger {
-   color: var(--ui-danger);
-   background: 0 0
-}
-
-.btn-icon--danger svg {
-   fill: currentColor
-}
-
-.btn-icon--danger:hover:not(:disabled):not(.is-loading) {
-   filter: brightness(1.2)
-}
-
-.btn-icon--danger:active:not(:disabled):not(.is-loading) {
-   transform: scale(.92)
-}
-
-.btn-icon--danger:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed;
-   transform: none
-}
-
-.btn-icon--danger.is-loading {
-   cursor: wait
-}
-
-.btn-icon--ghost {
-   color: var(--ui-text-muted);
-   background: 0 0
-}
-
-.btn-icon--ghost svg {
-   fill: currentColor
-}
-
-.btn-icon--ghost:hover:not(:disabled):not(.is-loading) {
-   color: var(--ui-text)
-}
-
-.btn-icon--ghost:active:not(:disabled):not(.is-loading) {
-   transform: scale(.92)
-}
-
-.btn-icon--ghost:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed;
-   transform: none
-}
-
-.btn-icon--ghost.is-loading {
-   cursor: wait
-}
-
-.form-error {
-   color: var(--ui-danger);
-   font-size: 13px
-}
-
-.form-hint,
-.form-label {
-   color: var(--ui-text-muted);
-   font-size: 13px
-}
-
-.form-label--top {
-   margin: 0 0 10px
-}
-
-.form-label--side {
-   margin: 10px
-}
-
-.form__item {
-   background: var(--ui-bg-card);
-   width: 100%;
-   transition: var(--ui-transition);
-   padding: var(--ui-space-content-lg);
-   margin: var(--ui-space-content-lg) 0px
-}
-
-@media (width<=1024px) {
-   .form__item {
-      padding: var(--ui-space-content-md);
-      margin: var(--ui-space-content-md) 0px
-   }
-}
-
-@media (width<=768px) {
-   .form__item {
-      padding: var(--ui-space-content-sm);
-      margin: var(--ui-space-content-sm) 0px
-   }
-}
-
-.form__actions {
-   background: var(--ui-bg-card);
-   width: 100%;
-   transition: var(--ui-transition);
-   padding: var(--ui-space-content-lg);
-   margin: var(--ui-space-content-lg) 0px
-}
-
-@media (width<=1024px) {
-   .form__actions {
-      padding: var(--ui-space-content-md);
-      margin: var(--ui-space-content-md) 0px
-   }
-}
-
-@media (width<=768px) {
-   .form__actions {
-      padding: var(--ui-space-content-sm);
-      margin: var(--ui-space-content-sm) 0px
-   }
-}
-
-.form__actions {
-   flex-direction: row;
-   justify-content: start;
-   align-items: center;
-   gap: 10px;
-   display: flex
-}
-
-.base-input {
-   flex-direction: column;
-   display: flex
-}
-
-.base-input__control {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-bg);
-   border-radius: var(--ui-border-radius);
-   background: var(--ui-bg-soft);
-   padding: var(--ui-space-content-md);
-   transition: var(--ui-transition);
-   color: var(--ui-text);
-   margin-top: 5px
-}
-
-.base-input__control:focus,
-.base-input__control:focus-visible {
-   border-color: var(--ui-primary-hover);
-   box-shadow: 0 0 0 4px rgba(var(--ui-primary), .15);
-   outline: none
-}
-
-.base-input__control:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed
-}
-
-.base-input__control.is-error {
-   border-color: var(--ui-danger)
-}
-
-.base-input__control.is-error:focus,
-.base-input__control.is-error:focus-visible {
-   box-shadow: 0 0 0 4px rgba(var(--ui-danger), .15);
-   border-color: var(--ui-danger) !important
-}
-
-input[type=date]::-webkit-calendar-picker-indicator {
-   filter: invert(98%)sepia(1%)saturate(678%)hue-rotate(181deg)brightness(98%)contrast(94%)
-}
-
-.base-select {
-   flex-direction: column;
-   display: flex
-}
-
-.base-select__wrapper {
-   position: relative
-}
-
-.base-select__field {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-bg);
-   border-radius: var(--ui-border-radius);
-   background: var(--ui-bg-soft);
-   padding: var(--ui-space-content-md);
-   transition: var(--ui-transition);
-   color: var(--ui-text);
-   margin-top: 5px
-}
-
-.base-select__field:focus,
-.base-select__field:focus-visible {
-   border-color: var(--ui-primary-hover);
-   box-shadow: 0 0 0 4px rgba(var(--ui-primary), .15);
-   outline: none
-}
-
-.base-select__field:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed
-}
-
-.base-select__field.is-error {
-   border-color: var(--ui-danger)
-}
-
-.base-select__field.is-error:focus,
-.base-select__field.is-error:focus-visible {
-   box-shadow: 0 0 0 4px rgba(var(--ui-danger), .15);
-   border-color: var(--ui-danger) !important
-}
-
-.base-select__field {
-   appearance: none;
-   cursor: pointer;
-   border-radius: 0;
-   width: 100%
-}
-
-.base-select__icon {
-   pointer-events: none;
-   color: var(--ui-text-muted);
-   font-size: 14px;
-   position: absolute;
-   top: 50%;
-   right: 14px;
-   transform: translateY(-50%)
-}
-
-.base-textarea {
-   flex-direction: column;
-   display: flex
-}
-
-.base-textarea__field {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-bg);
-   border-radius: var(--ui-border-radius);
-   background: var(--ui-bg-soft);
-   padding: var(--ui-space-content-md);
-   transition: var(--ui-transition);
-   color: var(--ui-text);
-   margin-top: 5px
-}
-
-.base-textarea__field:focus,
-.base-textarea__field:focus-visible {
-   border-color: var(--ui-primary-hover);
-   box-shadow: 0 0 0 4px rgba(var(--ui-primary), .15);
-   outline: none
-}
-
-.base-textarea__field:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed
-}
-
-.base-textarea__field.is-error {
-   border-color: var(--ui-danger)
-}
-
-.base-textarea__field.is-error:focus,
-.base-textarea__field.is-error:focus-visible {
-   box-shadow: 0 0 0 4px rgba(var(--ui-danger), .15);
-   border-color: var(--ui-danger) !important
-}
-
-.base-textarea__field {
-   resize: vertical;
-   min-height: 120px
-}
-
-.base-textarea__field::placeholder {
-   color: var(--ui-text-muted)
-}
-
-.base-checkbox {
-   position: relative
-}
-
-.base-checkbox__wrapper {
-   cursor: pointer;
-   flex-direction: column;
-   width: 100%;
-   display: flex
-}
-
-.base-checkbox__data {
-   -webkit-user-select: none;
-   user-select: none;
-   align-items: center;
-   margin-bottom: 6px;
-   display: inline-flex
-}
-
-.base-checkbox__field {
-   opacity: 0;
-   appearance: none;
-   width: 0;
-   height: 0;
-   position: absolute
-}
-
-.base-checkbox__field:focus-visible+.base-checkbox__box {
-   border-color: var(--ui-primary-hover)
-}
-
-.base-checkbox__field:checked+.base-checkbox__box {
-   border-color: var(--ui-primary)
-}
-
-.base-checkbox__field:checked+.base-checkbox__box .base-checkbox__check {
-   transform: scale(1)
-}
-
-.base-checkbox__field:disabled+.base-checkbox__box {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed
-}
-
-.base-checkbox__box {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-bg);
-   border-radius: var(--ui-border-radius);
-   background: var(--ui-bg-soft);
-   padding: var(--ui-space-content-md);
-   transition: var(--ui-transition);
-   color: var(--ui-text);
-   margin-top: 5px
-}
-
-.base-checkbox__box:focus,
-.base-checkbox__box:focus-visible {
-   border-color: var(--ui-primary-hover);
-   box-shadow: 0 0 0 4px rgba(var(--ui-primary), .15);
-   outline: none
-}
-
-.base-checkbox__box:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed
-}
-
-.base-checkbox__box.is-error {
-   border-color: var(--ui-danger)
-}
-
-.base-checkbox__box.is-error:focus,
-.base-checkbox__box.is-error:focus-visible {
-   box-shadow: 0 0 0 4px rgba(var(--ui-danger), .15);
-   border-color: var(--ui-danger) !important
-}
-
-.base-checkbox__box {
-   flex-shrink: 0;
-   justify-content: center;
-   align-items: center;
-   width: 20px;
-   height: 20px;
-   margin-bottom: 4px;
-   display: flex
-}
-
-.base-checkbox__check {
-   color: var(--ui-text);
-   transition: var(--ui-transition);
-   border-radius: 50%;
-   transform: scale(0)
-}
-
-.base-radio {
-   position: relative
-}
-
-.base-radio__wrapper {
-   cursor: pointer;
-   flex-direction: column;
-   width: 100%;
-   display: flex
-}
-
-.base-radio__data {
-   -webkit-user-select: none;
-   user-select: none;
-   align-items: center;
-   margin-bottom: 6px;
-   display: inline-flex;
-   position: relative
-}
-
-.base-radio__field {
-   opacity: 0;
-   appearance: none;
-   width: 0;
-   height: 0;
-   position: absolute
-}
-
-.base-radio__field:checked+.base-radio__box {
-   border-color: var(--ui-primary)
-}
-
-.base-radio__field:checked+.base-radio__box .base-radio__circle {
-   background: var(--ui-text);
-   transform: scale(1)
-}
-
-.base-radio__field:disabled+.base-radio__box {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed
-}
-
-.base-radio__box {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-bg);
-   border-radius: var(--ui-border-radius);
-   background: var(--ui-bg-soft);
-   padding: var(--ui-space-content-md);
-   transition: var(--ui-transition);
-   color: var(--ui-text);
-   margin-top: 5px
-}
-
-.base-radio__box:focus,
-.base-radio__box:focus-visible {
-   border-color: var(--ui-primary-hover);
-   box-shadow: 0 0 0 4px rgba(var(--ui-primary), .15);
-   outline: none
-}
-
-.base-radio__box:disabled {
-   opacity: var(--ui-opacity);
-   cursor: not-allowed
-}
-
-.base-radio__box.is-error {
-   border-color: var(--ui-danger)
-}
-
-.base-radio__box.is-error:focus,
-.base-radio__box.is-error:focus-visible {
-   box-shadow: 0 0 0 4px rgba(var(--ui-danger), .15);
-   border-color: var(--ui-danger) !important
-}
-
-.base-radio__box {
-   border-radius: 50%;
-   flex-shrink: 0;
-   justify-content: center;
-   align-items: center;
-   width: 20px;
-   height: 20px;
-   margin-bottom: 5px;
-   display: flex
-}
-
-.base-radio__circle {
-   transition: var(--ui-transition);
-   background: 0 0;
-   border-radius: 50%;
-   flex-shrink: 0;
-   width: 10px;
-   height: 10px;
-   display: block;
-   transform: scale(0)
-}
-
-.base-breadcrumbs {
-   white-space: nowrap;
-   max-width: 100%;
-   overflow: auto scroll
-}
-
-.base-breadcrumbs__list {
-   align-items: center;
-   list-style: none;
-   display: flex
-}
-
-.base-breadcrumbs__item {
-   align-items: center;
-   display: flex
-}
-
-.base-breadcrumbs__item a,
-.base-breadcrumbs__item span {
-   margin-top: 0;
-   padding-top: 0
-}
-
-.base-breadcrumbs__item a:hover {
-   color: var(--ui-primary-hover)
-}
-
-.base-breadcrumbs__item-separator {
-   margin: 0 8px
-}
-
-.base-pagination {
-   justify-content: center;
-   align-items: center;
-   gap: 8px;
-   width: 100%;
-   display: flex
-}
-
-.base-pagination p {
-   transition: var(--ui-transition);
-   padding-top: 0;
-   cursor: pointer !important
-}
-
-.base-pagination p:hover {
-   color: var(--ui-primary-hover)
-}
-
-.base-pagination .btn-icon.is-active p {
-   font-weight: 700;
-   color: var(--ui-primary) !important
-}
-
-.base-pagination__desktop {
-   align-items: center;
-   gap: 5px;
-   display: flex
-}
-
-@media (width<=640px) {
-   .base-pagination__desktop {
-      display: none
-   }
-}
-
-.base-pagination__mobile {
-   display: none
-}
-
-@media (width<=640px) {
-   .base-pagination__mobile {
-      align-items: center;
-      display: flex
-   }
-}
-
-.empty-state {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-bg);
-   border-radius: var(--ui-border-radius);
-   padding: 10px
-}
-
-.empty-state__text p,
-.empty-state__text h3 {
-   text-align: center
-}
-
-.empty-state__actions {
-   justify-content: center;
-   display: flex
-}
-
-.empty-state--secondary {
-   border-color: var(--ui-text)
-}
-
-.empty-state--primary {
-   border-color: var(--ui-primary)
-}
-
-.empty-state--primary p,
-.empty-state--primary h3,
-.empty-state--primary a {
-   color: var(--ui-primary)
-}
-
-.error-state {
-   border: var(--ui-border-width) dotted var(--ui-danger);
-   border-radius: var(--ui-border-radius);
-   padding: 10px
-}
-
-.error-state__action {
-   justify-content: center;
-   display: flex
-}
-
-.base-skeleton {
-   background: var(--ui-bg);
-   opacity: var(--ui-opacity);
-   border-radius: var(--ui-border-radius)
-}
-
-.base-skeleton__circle {
-   border-radius: 50%;
-   width: 50px;
-   height: 50px
-}
-
-.base-skeleton__text {
-   width: 100%;
-   height: 20px
-}
-
-.base-skeleton__rect {
-   width: 100%;
-   height: 100px
-}
-
-.base-toast-container {
-   z-index: 99999;
-   pointer-events: none;
-   position: fixed;
-   top: 20px;
-   right: 20px
-}
-
-.base-toast {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-bg);
-   border-radius: var(--ui-border-radius);
-   background: var(--ui-bg);
-   pointer-events: auto;
-   width: 300px;
-   margin-top: 5px;
-   padding: 10px;
-   animation: .25s fadeIn;
-   position: relative;
-   overflow: hidden
-}
-
-.base-toast__wrapper {
-   flex-direction: row;
-   justify-content: space-between;
-   align-items: center;
-   display: flex
-}
-
-.base-toast__wrapper p {
-   margin: 0;
-   padding: 0
-}
-
-.base-toast__progress {
-   pointer-events: none;
-   background: #ffffffb3;
-   height: 4px;
-   transition: width .1s linear;
-   position: absolute;
-   bottom: 0;
-   left: 0
-}
-
-.base-toast--primary {
-   border-color: var(--ui-primary)
-}
-
-.base-toast--secondary {
-   border-color: var(--ui-text)
-}
-
-.base-toast--success {
-   border-color: var(--ui-success)
-}
-
-.base-toast--warning {
-   border-color: var(--ui-warning)
-}
-
-.base-toast--danger {
-   border-color: var(--ui-danger)
-}
-
-.toast-enter-active,
-.toast-leave-active {
-   transition: all .25s
-}
-
-.toast-enter-from,
-.toast-leave-to {
-   opacity: 0;
-   transform: translate(30px)
-}
-
-.base-modal-backdrop {
-   z-index: 10000;
-   pointer-events: auto;
-   background: #00000080;
-   justify-content: center;
-   align-items: center;
-   width: 100vw;
-   height: 100vh;
-   display: flex;
-   position: fixed;
-   top: 0;
-   left: 0
-}
-
-.base-modal {
-   border: var(--ui-border-width) var(--ui-border-style) var(--ui-bg);
-   border-radius: var(--ui-border-radius);
-   background: var(--ui-bg-card);
-   width: 100%;
-   max-width: 450px;
-   padding: 24px
-}
-
-.base-modal__header {
-   margin-bottom: 16px
-}
-
-.base-modal__content {
-   flex-direction: column;
-   gap: 16px;
-   margin-bottom: 24px;
-   display: flex
-}
-
-.base-modal__footer {
-   justify-content: flex-end;
-   gap: 12px;
-   display: flex
-}
-
-@media (width<=500px) {
-   .base-modal {
-      max-width: 100%
-   }
-}
-
-.modal-fade-enter-active,
-.modal-fade-leave-active {
-   transition: opacity .25s
-}
-
-.modal-fade-enter-active .base-modal,
-.modal-fade-leave-active .base-modal {
-   transition: transform .25s
-}
-
-.modal-fade-enter-from,
-.modal-fade-leave-to {
-   opacity: 0
-}
-
-.modal-fade-enter-from .base-modal,
-.modal-fade-leave-to .base-modal {
-   transform: translateY(-20px)
-}
-
-.base-modal--primary {
-   border-color: var(--ui-primary)
-}
-
-.base-modal--secondary {
-   border-color: var(--ui-text)
-}
-
-.base-modal--success {
-   border-color: var(--ui-success)
-}
-
-.base-modal--warning {
-   border-color: var(--ui-warning)
-}
-
-.base-modal--danger {
-   border-color: var(--ui-danger)
-}
-
-.txt--primary {
-   color: var(--ui-primary)
-}
-
-.txt--danger {
-   color: var(--ui-danger)
-}
-
-.txt--warning {
-   color: var(--ui-warning)
-}
-
-.txt--success {
-   color: var(--ui-success)
-}
-
-.txt--secondary {
-   color: var(--ui-text)
-}
-
-.txt--muted {
-   color: var(--ui-text-muted)
-}
-
-.txt--left {
-   text-align: left
-}
-
-.txt--center {
-   text-align: center
-}
-
-.txt--right {
-   text-align: right
-}
-
+@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--ui-text:#eceef2;--ui-text-muted:#8a93a6;--ui-bg:#0b0d11;--ui-bg-soft:#12151c;--ui-bg-card:#171b24;--ui-bg-code:#1e2330;--ui-primary:#6366f1;--ui-primary-hover:#4f46e5;--ui-danger:#ff4a6b;--ui-success:#10b981;--ui-warning:#f59e0b;--ui-font-heading:26px;--ui-font-subheading:19px;--ui-font-body:16px;--ui-font-heading-md:24px;--ui-font-subheading-md:18px;--ui-font-body-md:15px;--ui-font-heading-sm:20px;--ui-font-subheading-sm:16px;--ui-font-body-sm:14px;--ui-border-color:#eceef214;--ui-border-width:1px;--ui-border-style:solid;--ui-border-radius:0px;--ui-space-content-sm:6px;--ui-space-content-md:10px;--ui-space-content-lg:14px;--ui-space-container-sm:16px;--ui-space-container-md:24px;--ui-space-container-lg:32px;--ui-transition:all .3s ease-out;--ui-opacity:.4}*,:before,:after{box-sizing:border-box}:focus,:active,a:focus,a:active{outline:none}nav,footer,aside{display:block}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#232222;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;font-size:100%;line-height:1.5}input,textarea,button,select{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer;background:0 0;border:none}button::-moz-focus-inner{border:0;padding:0}a,a:visited{cursor:pointer;text-decoration:none}button,a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{padding-inline-start:0}ul li{margin:0;list-style:none}img{max-width:100%;display:block}.heading{font-size:var(--ui-font-heading);font-weight:600;line-height:34px}.subheading{font-size:var(--ui-font-subheading);font-weight:500;line-height:28px}.body-text{font-size:var(--ui-font-body);font-weight:400;line-height:24px}@media (width<=1024px){.heading{font-size:var(--ui-font-heading-md);line-height:30px}.subheading{font-size:var(--ui-font-subheading-md);line-height:24px}.body-text{font-size:var(--ui-font-body-md);line-height:22px}}@media (width<=767px){.heading{font-size:var(--ui-font-heading-sm);line-height:26px}.subheading{font-size:var(--ui-font-subheading-sm);line-height:22px}.body-text{font-size:var(--ui-font-body-sm);line-height:20px}}a{transition:var(--ui-transition);text-underline-offset:4px;display:block}a:hover{opacity:.8}a:active{opacity:.6;filter:brightness(.9)}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";background:linear-gradient(to right, transparent 0%, var(--ui-text-muted) 50%, transparent 100%);width:150px;height:100%;animation:2.6s infinite loading;position:absolute;top:0;left:-150px}@keyframes loading{0%{left:-150px}to{left:100%}}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;transition:var(--ui-transition);border:none;outline:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:500;line-height:1.2;display:inline-flex}.btn--sm{--spinner-size:14px;height:38px;padding:3px 14px;font-size:14px}.btn--md{--spinner-size:18px;height:44px;padding:3px 16px;font-size:15px}.btn--lg{--spinner-size:22px;height:50px;padding:3px 18px;font-size:16px}.btn--primary{border:var(--ui-border-width) var(--ui-border-style) var(--ui-primary);background:var(--ui-bg-card);color:var(--ui-text);--spinner-color:var(--ui-primary);border-radius:10px}.btn--primary:hover:not(:disabled):not(.is-loading){background:var(--ui-primary)}.btn--primary:active:not(:disabled):not(.is-loading){filter:brightness(.9);transform:scale(.97)}.btn--primary:disabled{cursor:not-allowed;opacity:var(--ui-opacity);transform:none}.btn--primary.is-loading{cursor:wait}.btn--secondary{border:var(--ui-border-width) var(--ui-border-style) var(--ui-text-muted);background:var(--ui-bg-card);color:var(--ui-text);--spinner-color:var(--ui-text-muted);border-radius:10px}.btn--secondary:hover:not(:disabled):not(.is-loading){background:var(--ui-text-muted)}.btn--secondary:active:not(:disabled):not(.is-loading){filter:brightness(.9);transform:scale(.97)}.btn--secondary:disabled{cursor:not-allowed;opacity:var(--ui-opacity);transform:none}.btn--secondary.is-loading{cursor:wait}.btn--success{border:var(--ui-border-width) var(--ui-border-style) var(--ui-success);background:var(--ui-bg-card);color:var(--ui-text);--spinner-color:var(--ui-success);border-radius:10px}.btn--success:hover:not(:disabled):not(.is-loading){background:var(--ui-success)}.btn--success:active:not(:disabled):not(.is-loading){filter:brightness(.9);transform:scale(.97)}.btn--success:disabled{cursor:not-allowed;opacity:var(--ui-opacity);transform:none}.btn--success.is-loading{cursor:wait}.btn--warning{border:var(--ui-border-width) var(--ui-border-style) var(--ui-warning);background:var(--ui-bg-card);color:var(--ui-text);--spinner-color:var(--ui-warning);border-radius:10px}.btn--warning:hover:not(:disabled):not(.is-loading){background:var(--ui-warning)}.btn--warning:active:not(:disabled):not(.is-loading){filter:brightness(.9);transform:scale(.97)}.btn--warning:disabled{cursor:not-allowed;opacity:var(--ui-opacity);transform:none}.btn--warning.is-loading{cursor:wait}.btn--danger{border:var(--ui-border-width) var(--ui-border-style) var(--ui-danger);background:var(--ui-bg-card);color:var(--ui-text);--spinner-color:var(--ui-danger);border-radius:10px}.btn--danger:hover:not(:disabled):not(.is-loading){background:var(--ui-danger)}.btn--danger:active:not(:disabled):not(.is-loading){filter:brightness(.9);transform:scale(.97)}.btn--danger:disabled{cursor:not-allowed;opacity:var(--ui-opacity);transform:none}.btn--danger.is-loading{cursor:wait}.btn--ghost{border:var(--ui-border-width) var(--ui-border-style) var(--ui-bg);background:var(--ui-bg-card);color:var(--ui-text-muted);--spinner-color:var(--ui-bg);border-radius:10px}.btn--ghost:hover:not(:disabled):not(.is-loading){filter:brightness(1.1)}.btn--ghost:active:not(:disabled):not(.is-loading){filter:brightness(.9);transform:scale(.97)}.btn--ghost:disabled{cursor:not-allowed;opacity:var(--ui-opacity);transform:none}.btn--ghost.is-loading{cursor:wait}.btn-spinner{width:var(--spinner-size,18px);height:var(--spinner-size,18px);border:2px solid var(--spinner-color,currentColor);border-right-color:#0000;border-radius:50%;flex-shrink:0;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-icon{cursor:pointer;transition:var(--ui-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.btn-icon svg{transition:var(--ui-transition)}.btn-icon--sm{width:32px;min-width:32px;height:32px;min-height:32px}.btn-icon--sm svg{width:18px;height:18px}.btn-icon--sm{--spinner-size:14px}.btn-icon--md{width:40px;min-width:40px;height:40px;min-height:40px}.btn-icon--md svg{width:22px;height:22px}.btn-icon--md{--spinner-size:18px}.btn-icon--lg{width:48px;min-width:48px;height:48px;min-height:48px}.btn-icon--lg svg{width:26px;height:26px}.btn-icon--lg{--spinner-size:22px}.btn-icon--primary{color:var(--ui-primary);background:0 0}.btn-icon--primary svg{fill:currentColor}.btn-icon--primary:hover:not(:disabled):not(.is-loading){color:var(--ui-primary-hover)}.btn-icon--primary:active:not(:disabled):not(.is-loading){transform:scale(.92)}.btn-icon--primary:disabled{opacity:var(--ui-opacity);cursor:not-allowed;transform:none}.btn-icon--primary.is-loading{cursor:wait}.btn-icon--secondary{color:var(--ui-text);background:0 0}.btn-icon--secondary svg{fill:currentColor}.btn-icon--secondary:hover:not(:disabled):not(.is-loading){color:var(--ui-primary-hover)}.btn-icon--secondary:active:not(:disabled):not(.is-loading){transform:scale(.92)}.btn-icon--secondary:disabled{opacity:var(--ui-opacity);cursor:not-allowed;transform:none}.btn-icon--secondary.is-loading{cursor:wait}.btn-icon--success{color:var(--ui-success);background:0 0}.btn-icon--success svg{fill:currentColor}.btn-icon--success:hover:not(:disabled):not(.is-loading){filter:brightness(1.2)}.btn-icon--success:active:not(:disabled):not(.is-loading){transform:scale(.92)}.btn-icon--success:disabled{opacity:var(--ui-opacity);cursor:not-allowed;transform:none}.btn-icon--success.is-loading{cursor:wait}.btn-icon--warning{color:var(--ui-warning);background:0 0}.btn-icon--warning svg{fill:currentColor}.btn-icon--warning:hover:not(:disabled):not(.is-loading){filter:brightness(1.2)}.btn-icon--warning:active:not(:disabled):not(.is-loading){transform:scale(.92)}.btn-icon--warning:disabled{opacity:var(--ui-opacity);cursor:not-allowed;transform:none}.btn-icon--warning.is-loading{cursor:wait}.btn-icon--danger{color:var(--ui-danger);background:0 0}.btn-icon--danger svg{fill:currentColor}.btn-icon--danger:hover:not(:disabled):not(.is-loading){filter:brightness(1.2)}.btn-icon--danger:active:not(:disabled):not(.is-loading){transform:scale(.92)}.btn-icon--danger:disabled{opacity:var(--ui-opacity);cursor:not-allowed;transform:none}.btn-icon--danger.is-loading{cursor:wait}.btn-icon--ghost{color:var(--ui-text-muted);background:0 0}.btn-icon--ghost svg{fill:currentColor}.btn-icon--ghost:hover:not(:disabled):not(.is-loading){color:var(--ui-text)}.btn-icon--ghost:active:not(:disabled):not(.is-loading){transform:scale(.92)}.btn-icon--ghost:disabled{opacity:var(--ui-opacity);cursor:not-allowed;transform:none}.btn-icon--ghost.is-loading{cursor:wait}.form-error{color:var(--ui-danger);font-size:13px}.form-hint,.form-label{color:var(--ui-text-muted);font-size:13px}.form-label--top{margin:0 0 10px}.form-label--side{margin:10px}.form__item{background:var(--ui-bg-card);width:100%;transition:var(--ui-transition);padding:var(--ui-space-content-lg);margin:var(--ui-space-content-lg) 0px}@media (width<=1024px){.form__item{padding:var(--ui-space-content-md);margin:var(--ui-space-content-md) 0px}}@media (width<=768px){.form__item{padding:var(--ui-space-content-sm);margin:var(--ui-space-content-sm) 0px}}.form__actions{background:var(--ui-bg-card);width:100%;transition:var(--ui-transition);padding:var(--ui-space-content-lg);margin:var(--ui-space-content-lg) 0px}@media (width<=1024px){.form__actions{padding:var(--ui-space-content-md);margin:var(--ui-space-content-md) 0px}}@media (width<=768px){.form__actions{padding:var(--ui-space-content-sm);margin:var(--ui-space-content-sm) 0px}}.form__actions{flex-direction:row;justify-content:start;align-items:center;gap:10px;display:flex}.base-input{flex-direction:column;display:flex}.base-input__control{border:var(--ui-border-width) var(--ui-border-style) var(--ui-bg);border-radius:var(--ui-border-radius);background:var(--ui-bg-soft);padding:var(--ui-space-content-md);transition:var(--ui-transition);color:var(--ui-text);margin-top:5px}.base-input__control:focus,.base-input__control:focus-visible{border-color:var(--ui-primary-hover);box-shadow:0 0 0 4px rgba(var(--ui-primary), .15);outline:none}.base-input__control:disabled{opacity:var(--ui-opacity);cursor:not-allowed}.base-input__control.is-error{border-color:var(--ui-danger)}.base-input__control.is-error:focus,.base-input__control.is-error:focus-visible{box-shadow:0 0 0 4px rgba(var(--ui-danger), .15);border-color:var(--ui-danger)!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(98%)sepia(1%)saturate(678%)hue-rotate(181deg)brightness(98%)contrast(94%)}.base-select{flex-direction:column;display:flex}.base-select__wrapper{position:relative}.base-select__field{border:var(--ui-border-width) var(--ui-border-style) var(--ui-bg);border-radius:var(--ui-border-radius);background:var(--ui-bg-soft);padding:var(--ui-space-content-md);transition:var(--ui-transition);color:var(--ui-text);margin-top:5px}.base-select__field:focus,.base-select__field:focus-visible{border-color:var(--ui-primary-hover);box-shadow:0 0 0 4px rgba(var(--ui-primary), .15);outline:none}.base-select__field:disabled{opacity:var(--ui-opacity);cursor:not-allowed}.base-select__field.is-error{border-color:var(--ui-danger)}.base-select__field.is-error:focus,.base-select__field.is-error:focus-visible{box-shadow:0 0 0 4px rgba(var(--ui-danger), .15);border-color:var(--ui-danger)!important}.base-select__field{appearance:none;cursor:pointer;border-radius:0;width:100%}.base-select__icon{pointer-events:none;color:var(--ui-text-muted);font-size:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.base-textarea{flex-direction:column;display:flex}.base-textarea__field{border:var(--ui-border-width) var(--ui-border-style) var(--ui-bg);border-radius:var(--ui-border-radius);background:var(--ui-bg-soft);padding:var(--ui-space-content-md);transition:var(--ui-transition);color:var(--ui-text);margin-top:5px}.base-textarea__field:focus,.base-textarea__field:focus-visible{border-color:var(--ui-primary-hover);box-shadow:0 0 0 4px rgba(var(--ui-primary), .15);outline:none}.base-textarea__field:disabled{opacity:var(--ui-opacity);cursor:not-allowed}.base-textarea__field.is-error{border-color:var(--ui-danger)}.base-textarea__field.is-error:focus,.base-textarea__field.is-error:focus-visible{box-shadow:0 0 0 4px rgba(var(--ui-danger), .15);border-color:var(--ui-danger)!important}.base-textarea__field{resize:vertical;min-height:120px}.base-textarea__field::placeholder{color:var(--ui-text-muted)}.base-checkbox{position:relative}.base-checkbox__wrapper{cursor:pointer;flex-direction:column;width:100%;display:flex}.base-checkbox__data{-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:6px;display:inline-flex}.base-checkbox__field{opacity:0;appearance:none;width:0;height:0;position:absolute}.base-checkbox__field:focus-visible+.base-checkbox__box{border-color:var(--ui-primary-hover)}.base-checkbox__field:checked+.base-checkbox__box{border-color:var(--ui-primary)}.base-checkbox__field:checked+.base-checkbox__box .base-checkbox__check{transform:scale(1)}.base-checkbox__field:disabled+.base-checkbox__box{opacity:var(--ui-opacity);cursor:not-allowed}.base-checkbox__box{border:var(--ui-border-width) var(--ui-border-style) var(--ui-bg);border-radius:var(--ui-border-radius);background:var(--ui-bg-soft);padding:var(--ui-space-content-md);transition:var(--ui-transition);color:var(--ui-text);margin-top:5px}.base-checkbox__box:focus,.base-checkbox__box:focus-visible{border-color:var(--ui-primary-hover);box-shadow:0 0 0 4px rgba(var(--ui-primary), .15);outline:none}.base-checkbox__box:disabled{opacity:var(--ui-opacity);cursor:not-allowed}.base-checkbox__box.is-error{border-color:var(--ui-danger)}.base-checkbox__box.is-error:focus,.base-checkbox__box.is-error:focus-visible{box-shadow:0 0 0 4px rgba(var(--ui-danger), .15);border-color:var(--ui-danger)!important}.base-checkbox__box{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-bottom:4px;display:flex}.base-checkbox__check{color:var(--ui-text);transition:var(--ui-transition);border-radius:50%;transform:scale(0)}.base-radio{position:relative}.base-radio__wrapper{cursor:pointer;flex-direction:column;width:100%;display:flex}.base-radio__data{-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:6px;display:inline-flex;position:relative}.base-radio__field{opacity:0;appearance:none;width:0;height:0;position:absolute}.base-radio__field:checked+.base-radio__box{border-color:var(--ui-primary)}.base-radio__field:checked+.base-radio__box .base-radio__circle{background:var(--ui-text);transform:scale(1)}.base-radio__field:disabled+.base-radio__box{opacity:var(--ui-opacity);cursor:not-allowed}.base-radio__box{border:var(--ui-border-width) var(--ui-border-style) var(--ui-bg);border-radius:var(--ui-border-radius);background:var(--ui-bg-soft);padding:var(--ui-space-content-md);transition:var(--ui-transition);color:var(--ui-text);margin-top:5px}.base-radio__box:focus,.base-radio__box:focus-visible{border-color:var(--ui-primary-hover);box-shadow:0 0 0 4px rgba(var(--ui-primary), .15);outline:none}.base-radio__box:disabled{opacity:var(--ui-opacity);cursor:not-allowed}.base-radio__box.is-error{border-color:var(--ui-danger)}.base-radio__box.is-error:focus,.base-radio__box.is-error:focus-visible{box-shadow:0 0 0 4px rgba(var(--ui-danger), .15);border-color:var(--ui-danger)!important}.base-radio__box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-bottom:5px;display:flex}.base-radio__circle{transition:var(--ui-transition);background:0 0;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:block;transform:scale(0)}.base-breadcrumbs{white-space:nowrap;max-width:100%;overflow:auto scroll}.base-breadcrumbs__list{align-items:center;list-style:none;display:flex}.base-breadcrumbs__item{align-items:center;display:flex}.base-breadcrumbs__item a,.base-breadcrumbs__item span{margin-top:0;padding-top:0}.base-breadcrumbs__item a:hover{color:var(--ui-primary-hover)}.base-breadcrumbs__item-separator{margin:0 8px}.base-pagination{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.base-pagination p{transition:var(--ui-transition);padding-top:0;cursor:pointer!important}.base-pagination p:hover{color:var(--ui-primary-hover)}.base-pagination .btn-icon.is-active p{font-weight:700;color:var(--ui-primary)!important}.base-pagination__desktop{align-items:center;gap:5px;display:flex}@media (width<=640px){.base-pagination__desktop{display:none}}.base-pagination__mobile{display:none}@media (width<=640px){.base-pagination__mobile{align-items:center;display:flex}}.empty-state{border:var(--ui-border-width) var(--ui-border-style) var(--ui-bg);border-radius:var(--ui-border-radius);padding:10px}.empty-state__text p,.empty-state__text h3{text-align:center}.empty-state__actions{justify-content:center;display:flex}.empty-state--secondary{border-color:var(--ui-text)}.empty-state--primary{border-color:var(--ui-primary)}.empty-state--primary p,.empty-state--primary h3,.empty-state--primary a{color:var(--ui-primary)}.error-state{border:var(--ui-border-width) dotted var(--ui-danger);border-radius:var(--ui-border-radius);padding:10px}.error-state__action{justify-content:center;display:flex}.base-skeleton{background:var(--ui-bg);opacity:var(--ui-opacity);border-radius:var(--ui-border-radius)}.base-skeleton__circle{border-radius:50%;width:50px;height:50px}.base-skeleton__text{width:100%;height:20px}.base-skeleton__rect{width:100%;height:100px}.base-toast-container{z-index:99999;pointer-events:none;position:fixed;top:20px;right:20px}.base-toast{border:var(--ui-border-width) var(--ui-border-style) var(--ui-bg);border-radius:var(--ui-border-radius);background:var(--ui-bg);pointer-events:auto;width:300px;margin-top:5px;padding:10px;animation:.25s fadeIn;position:relative;overflow:hidden}.base-toast__wrapper{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.base-toast__wrapper p{margin:0;padding:0}.base-toast__progress{pointer-events:none;background:#ffffffb3;height:4px;transition:width .1s linear;position:absolute;bottom:0;left:0}.base-toast--primary{border-color:var(--ui-primary)}.base-toast--secondary{border-color:var(--ui-text)}.base-toast--success{border-color:var(--ui-success)}.base-toast--warning{border-color:var(--ui-warning)}.base-toast--danger{border-color:var(--ui-danger)}.toast-enter-active,.toast-leave-active{transition:all .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(30px)}.base-modal-backdrop{z-index:10000;pointer-events:auto;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.base-modal{border:var(--ui-border-width) var(--ui-border-style) var(--ui-bg);border-radius:var(--ui-border-radius);background:var(--ui-bg-card);width:100%;max-width:450px;padding:24px}.base-modal__header{margin-bottom:16px}.base-modal__content{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.base-modal__footer{justify-content:flex-end;gap:12px;display:flex}@media (width<=500px){.base-modal{max-width:100%}}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .25s}.modal-fade-enter-active .base-modal,.modal-fade-leave-active .base-modal{transition:transform .25s}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .base-modal,.modal-fade-leave-to .base-modal{transform:translateY(-20px)}.base-modal--primary{border-color:var(--ui-primary)}.base-modal--secondary{border-color:var(--ui-text)}.base-modal--success{border-color:var(--ui-success)}.base-modal--warning{border-color:var(--ui-warning)}.base-modal--danger{border-color:var(--ui-danger)}.txt--primary{color:var(--ui-primary)}.txt--danger{color:var(--ui-danger)}.txt--warning{color:var(--ui-warning)}.txt--success{color:var(--ui-success)}.txt--secondary{color:var(--ui-text)}.txt--muted{color:var(--ui-text-muted)}.txt--left{text-align:left}.txt--center{text-align:center}.txt--right{text-align:right}
 /*$vite$:1*/