@idds/styles 1.5.56 → 1.5.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -7939,7 +7939,7 @@ dialog.bottom-sheet-dropdown {
7939
7939
  .ina-pagination__page-info {
7940
7940
  display: none;
7941
7941
  }
7942
- @media (min-width: 768px) {
7942
+ @media (min-width: 1280px) {
7943
7943
  .ina-pagination {
7944
7944
  flex-direction: row-reverse;
7945
7945
  align-items: center;
@@ -7962,7 +7962,7 @@ dialog.bottom-sheet-dropdown {
7962
7962
  justify-content: flex-start;
7963
7963
  gap: 12px; /* 12px gap antara nav container dan page size container */
7964
7964
  }
7965
- @media (min-width: 768px) {
7965
+ @media (min-width: 1280px) {
7966
7966
  .ina-pagination--full-width {
7967
7967
  flex-direction: row;
7968
7968
  align-items: center;
@@ -7973,15 +7973,15 @@ dialog.bottom-sheet-dropdown {
7973
7973
  /* Navigation container */
7974
7974
  .ina-pagination__nav-container {
7975
7975
  display: flex;
7976
- flex-direction: column;
7977
- align-items: stretch;
7976
+ flex-direction: row;
7977
+ align-items: center;
7978
7978
  gap: var(--ina-spacing-2);
7979
+ justify-content: space-between;
7979
7980
  }
7980
- @media (min-width: 768px) {
7981
+ @media (min-width: 640px) {
7981
7982
  .ina-pagination__nav-container {
7982
- flex-direction: row;
7983
- align-items: center;
7984
7983
  gap: var(--ina-spacing-4);
7984
+ justify-content: flex-start;
7985
7985
  }
7986
7986
  }
7987
7987
  /* Page info text */
@@ -7994,8 +7994,14 @@ dialog.bottom-sheet-dropdown {
7994
7994
  align-items: center;
7995
7995
  }
7996
7996
  /* Page info input */
7997
+ .ina-table__search-controls {
7998
+ display: flex;
7999
+ align-items: center;
8000
+ gap: var(--ina-spacing-2);
8001
+ padding: var(--ina-spacing-1);
8002
+ }
7997
8003
  .ina-pagination__page-input {
7998
- width: 40px;
8004
+ min-width: 28px;
7999
8005
  text-align: center;
8000
8006
  border: 1px solid var(--ina-stroke-primary);
8001
8007
  border-radius: var(--ina-radius-md);
@@ -8004,15 +8010,18 @@ dialog.bottom-sheet-dropdown {
8004
8010
  color: var(--ina-content-primary);
8005
8011
  font-size: inherit;
8006
8012
  font-weight: inherit;
8007
- margin: 0 var(--ina-spacing-1);
8013
+ margin: 0 var(--ina-spacing-1-5);
8008
8014
  transition:
8009
8015
  border-color var(--ina-transition-base),
8010
8016
  box-shadow var(--ina-transition-base);
8011
8017
  }
8012
8018
  .ina-pagination__page-input:focus {
8019
+ box-shadow:
8020
+ 0 0 0 2px #fff,
8021
+ 0 0 0 3px var(--ina-content-primary, #1f1f1f);
8013
8022
  outline: none;
8014
- border-color: var(--ina-content-primary);
8015
- box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
8023
+ background-color: var(--ina-background-primary, #ffffff);
8024
+ border-color: var(--ina-stroke-tertiary, #141414);
8016
8025
  }
8017
8026
  .ina-pagination__page-input--disabled {
8018
8027
  opacity: 0.5;
@@ -8052,7 +8061,7 @@ dialog.bottom-sheet-dropdown {
8052
8061
  background-color var(--ina-transition-base),
8053
8062
  color var(--ina-transition-base);
8054
8063
  }
8055
- @media (min-width: 768px) {
8064
+ @media (min-width: 1280px) {
8056
8065
  .ina-pagination__nav-button {
8057
8066
  min-width: 32px;
8058
8067
  min-height: 32px;
@@ -8104,7 +8113,7 @@ dialog.bottom-sheet-dropdown {
8104
8113
  background-color var(--ina-transition-base),
8105
8114
  color var(--ina-transition-base);
8106
8115
  }
8107
- @media (min-width: 768px) {
8116
+ @media (min-width: 1280px) {
8108
8117
  .ina-pagination__page-button {
8109
8118
  min-width: 32px;
8110
8119
  min-height: 32px;
@@ -8150,7 +8159,7 @@ dialog.bottom-sheet-dropdown {
8150
8159
  gap: var(--ina-spacing-4);
8151
8160
  margin-top: var(--ina-spacing-2);
8152
8161
  }
8153
- @media (min-width: 768px) {
8162
+ @media (min-width: 1280px) {
8154
8163
  .ina-pagination__page-size-container {
8155
8164
  margin-top: 0;
8156
8165
  margin-right: var(--ina-spacing-12);
@@ -8162,7 +8171,7 @@ dialog.bottom-sheet-dropdown {
8162
8171
  margin-right: 0;
8163
8172
  order: 2; /* Di bawah nav container pada mobile */
8164
8173
  }
8165
- @media (min-width: 768px) {
8174
+ @media (min-width: 1280px) {
8166
8175
  .ina-pagination--full-width .ina-pagination__page-size-container {
8167
8176
  order: 1; /* Di kiri pada desktop */
8168
8177
  margin-right: 0;
@@ -8172,7 +8181,7 @@ dialog.bottom-sheet-dropdown {
8172
8181
  .ina-pagination--full-width .ina-pagination__nav-container {
8173
8182
  order: 1; /* Di atas page size container pada mobile */
8174
8183
  }
8175
- @media (min-width: 768px) {
8184
+ @media (min-width: 1280px) {
8176
8185
  .ina-pagination--full-width .ina-pagination__nav-container {
8177
8186
  order: 2; /* Di kanan pada desktop */
8178
8187
  }
@@ -8188,8 +8197,8 @@ dialog.bottom-sheet-dropdown {
8188
8197
  .ina-pagination__page-size-select {
8189
8198
  border: 1px solid var(--ina-stroke-primary);
8190
8199
  border-radius: var(--ina-radius-md);
8191
- padding: var(--ina-spacing-1) var(--ina-spacing-3);
8192
- padding-left: var(--ina-spacing-2);
8200
+ text-align: center;
8201
+ padding: var(--ina-spacing-1) var(--ina-spacing-2);
8193
8202
  background-color: var(--ina-background-primary);
8194
8203
  color: var(--ina-content-primary);
8195
8204
  font-size: inherit;
@@ -8202,11 +8211,15 @@ dialog.bottom-sheet-dropdown {
8202
8211
  opacity var(--ina-transition-base);
8203
8212
  }
8204
8213
  .ina-pagination__page-size-select:hover {
8205
- border-color: var(--ina-primary-400);
8214
+ border-color: var(--ina-stroke-tertiary);
8206
8215
  }
8207
8216
  .ina-pagination__page-size-select:focus {
8208
- border-color: var(--ina-content-primary);
8209
- box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
8217
+ box-shadow:
8218
+ 0 0 0 2px #fff,
8219
+ 0 0 0 3px var(--ina-content-primary, #1f1f1f);
8220
+ outline: none;
8221
+ background-color: var(--ina-background-primary, #ffffff);
8222
+ border-color: var(--ina-stroke-tertiary, #141414);
8210
8223
  }
8211
8224
  .ina-pagination__page-size-select--disabled {
8212
8225
  opacity: 0.5;
@@ -8255,7 +8268,7 @@ dialog.bottom-sheet-dropdown {
8255
8268
  height: 18px;
8256
8269
  }
8257
8270
  /* Responsive adjustments */
8258
- @media (max-width: 480px) {
8271
+ @media (min-width: 1024px) {
8259
8272
  .ina-pagination__nav-button,
8260
8273
  .ina-pagination__page-button {
8261
8274
  min-width: 28px;
@@ -10,7 +10,7 @@
10
10
  --ina-content-dark-secondary,#737373
11
11
  );cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:color var(--ina-transition-base,.2s ease-in-out);width:20px}.ina-input-search__clear-button:hover{background-color:transparent;color:var(--ina-content-secondary,#525252)}.ina-input-search__clear-button--hidden{display:none}@media (max-width:767px){.ina-input-search__wrapper{height:40px}}@media (max-width:639px){.ina-input-search__wrapper{height:36px;padding:var(--ina-spacing-2,.5rem) var(--ina-spacing-3,.75rem)}.ina-input-search__input,.ina-input-search__label{font-size:var(--ina-font-xs,.75rem)!important}}.ina-linear-progress-indicator{background-color:var(--ina-neutral-200);border-radius:var(--ina-radius-full);height:4px;overflow:hidden;position:relative;width:100%}.ina-linear-progress-indicator__fill{background-color:var(--ina-primary-500);border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:width .3s ease-out;width:0}@media (prefers-reduced-motion:reduce){.ina-linear-progress-indicator__fill{transition:none}}.ina-modal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.ina-modal--enter{opacity:0}.ina-modal--enter-active{opacity:1;transition:opacity .3s ease}.ina-modal--enter-active .ina-modal__dialog{opacity:1;transform:scale(1) translateY(0);transition:opacity .3s ease,transform .3s ease}.ina-modal--exit{opacity:1}.ina-modal--exit-active{opacity:0;transition:opacity .3s ease}.ina-modal--exit-active .ina-modal__dialog{transition:opacity .3s ease,transform .3s ease}.ina-modal--enter .ina-modal__dialog,.ina-modal--exit-active .ina-modal__dialog{opacity:0;transform:scale(.9) translateY(-20px)}.ina-modal__backdrop{backdrop-filter:blur(2px);background-color:rgba(0,0,0,.6);inset:0;position:absolute;transition:opacity .3s ease}.ina-modal__backdrop--light{background-color:rgba(0,0,0,.3)}.ina-modal__backdrop--dark{background-color:rgba(0,0,0,.8)}.ina-modal__backdrop--transparent{background-color:transparent}.ina-modal__container{position:relative;z-index:1}.ina-modal__dialog{background-color:var(--ina-background-primary);border:1px solid var(--ina-stroke-primary);border-radius:12px;box-shadow:var(--ina-shadow-xl);box-sizing:border-box;display:flex;flex-direction:column;margin:var(--ina-spacing-4);max-height:calc(100vh - var(--ina-spacing-8));max-width:100%;min-width:480px;overflow:hidden;position:relative;transition:opacity .3s ease,transform .3s ease}.ina-modal__dialog--size-sm{max-width:480px;min-width:480px}.ina-modal__dialog--size-md{max-width:640px;min-width:640px}.ina-modal__dialog--size-lg{max-width:800px;min-width:800px}.ina-modal__dialog--size-xl{max-width:1000px;min-width:1000px}.ina-modal__dialog--size-full{height:calc(100vh - var(--ina-spacing-8));margin:0;min-width:calc(100vw - var(--ina-spacing-8))}.ina-modal__dialog--variant-basic{box-shadow:var(--ina-shadow-lg)}.ina-modal__dialog--variant-elevated{box-shadow:var(--ina-shadow-xxl)}.ina-modal__dialog--variant-outline{border-width:2px;box-shadow:none}.ina-modal__dialog--variant-glass{backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2)}.ina-modal__header{align-items:center;border-bottom:1px solid var(--ina-stroke-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.ina-modal__header--no-border{border-bottom:none}.ina-modal__title{color:var(--ina-content-primary);font-size:var(--ina-font-lg);font-weight:var(--ina-font-semibold);line-height:1.3;margin:0}.ina-modal__title--sm{font-size:var(--ina-font-base)}.ina-modal__title--lg{font-size:var(--ina-font-xl)}.ina-modal__close-button{align-items:center;background:transparent;border:none;color:var(--ina-content-secondary);cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0}.ina-modal__close-button:hover{color:var(--ina-content-primary)}.ina-modal__close-icon{flex-shrink:0;height:24px;width:24px}.ina-modal__body{flex:1;min-width:0;overflow:auto;padding:16px 24px;scrollbar-color:var(--ina-neutral-400) var(--ina-neutral-100);scrollbar-width:thin;word-break:break-word}.ina-modal__body,.ina-modal__body>*{max-width:100%;word-wrap:break-word;box-sizing:border-box;overflow-wrap:break-word}.ina-modal__body--no-padding{padding:0}.ina-modal__body--scrollable{max-height:400px;overflow-y:auto}.ina-modal__body--scrollable::-webkit-scrollbar{width:6px}.ina-modal__body--scrollable::-webkit-scrollbar-track{background:var(--ina-neutral-100)}.ina-modal__body--scrollable::-webkit-scrollbar-thumb{background-color:var(--ina-neutral-400);border-radius:3px}.ina-modal__body--scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--ina-neutral-500)}.ina-modal__footer{align-items:flex-start;border-top:1px solid var(--ina-stroke-primary);display:flex;flex-shrink:0;gap:16px;justify-content:flex-end;padding:16px 24px 24px}.ina-modal__footer--no-border{border-top:none}.ina-modal__footer--center{justify-content:center}.ina-modal__footer--space-between{justify-content:space-between}.ina-modal--animation-fade{opacity:0;transition:opacity var(--ina-transition-duration-200) ease-out}.ina-modal--animation-fade.ina-modal--open{opacity:1}.ina-modal--animation-scale{opacity:0;transform:scale(.95);transition:opacity var(--ina-transition-duration-200) ease-out,transform var(--ina-transition-base)}.ina-modal--animation-scale.ina-modal--open{opacity:1;transform:scale(1)}.ina-modal--animation-slide-up{opacity:0;transform:translateY(20px);transition:opacity var(--ina-transition-duration-200) ease-out,transform var(--ina-transition-duration-200) ease-out}.ina-modal--animation-slide-up.ina-modal--open{opacity:1;transform:translateY(0)}.ina-modal--animation-slide-down{opacity:0;transform:translateY(-20px);transition:opacity var(--ina-transition-duration-200) ease-out,transform var(--ina-transition-duration-200) ease-out}.ina-modal--animation-slide-down.ina-modal--open{opacity:1;transform:translateY(0)}.ina-modal--position-top{align-items:flex-start;padding-top:var(--ina-spacing-8)}.ina-modal--position-bottom{align-items:flex-end;padding-bottom:var(--ina-spacing-8)}.ina-modal--position-left{align-items:center;justify-content:flex-start;padding-left:var(--ina-spacing-8)}.ina-modal--position-right{align-items:center;justify-content:flex-end;padding-right:var(--ina-spacing-8)}.ina-modal__loading-overlay{align-items:center;backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.8);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.ina-modal__spinner{animation:spin 1s linear infinite;border:3px solid var(--ina-neutral-300);border-radius:50%;border-top-color:var(--ina-primary-500);height:32px;width:32px}.ina-modal--confirmation .ina-modal__dialog{max-width:400px}.ina-modal__confirmation-icon{height:48px;margin:0 auto var(--ina-spacing-4);width:48px}.ina-modal__confirmation-title{margin-bottom:var(--ina-spacing-2);text-align:center}.ina-modal__confirmation-message{color:var(--ina-content-secondary);margin-bottom:var(--ina-spacing-6);text-align:center}@media (max-width:639px){.ina-modal__dialog{margin:var(--ina-spacing-2);max-height:calc(100vh - var(--ina-spacing-4));max-width:80vw;min-width:420px}.ina-modal__dialog--size-full{height:calc(100vh - var(--ina-spacing-4));margin:var(--ina-spacing-2)}.ina-modal__header{padding:var(--ina-spacing-2) var(--ina-spacing-3)}.ina-modal__body{padding:var(--ina-spacing-4)}.ina-modal__footer{padding:var(--ina-spacing-3)}.ina-modal__footer--stacked{flex-direction:column-reverse;gap:var(--ina-spacing-2)}}@media (max-width:480px){.ina-modal__dialog{margin:var(--ina-spacing-1);max-height:calc(100vh - var(--ina-spacing-2));max-width:90vw;min-width:90vw}.ina-modal__title{font-size:var(--ina-font-base)}.ina-modal__body{padding:var(--ina-spacing-3)}}.ina-modal[aria-hidden=true]{visibility:hidden}@media (prefers-contrast:high){.ina-modal__backdrop{background-color:rgba(0,0,0,.9)}.ina-modal__dialog{border-color:var(--ina-content-primary);border-width:2px}.ina-modal__close-button{border:1px solid}}.ina-modal-confirmation{max-width:400px;width:80vw}@media (min-width:768px){.ina-modal-confirmation{max-width:560px;width:560px}}.ina-modal-confirmation__body{display:flex;flex-direction:column;gap:var(--ina-spacing-4)}.ina-modal-confirmation__footer{align-items:center;display:flex;gap:var(--ina-spacing-4);justify-content:flex-end}.ina-modal-confirmation__confirm{background-color:var(--ina-primary-primary);border:1px solid var(--ina-stroke-primary);color:var(--ina-white)}.ina-modal-confirmation__confirm:hover{background-color:var(--ina-primary-700)}.ina-modal-confirmation__confirm:focus{outline:2px solid var(--ina-primary-25);outline-offset:2px}.ina-month-picker{display:inline-block;position:relative}.ina-month-picker__trigger{align-items:center;background-color:var(--ina-background-primary);border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-lg);color:var(--ina-content-primary);cursor:pointer;display:flex;font-size:var(--ina-font-xs);font-weight:var(--ina-font-medium);gap:var(--ina-spacing-2);min-width:40px;padding:var(--ina-spacing-1) var(--ina-spacing-4);transition:all var(--ina-transition-fast);width:-moz-fit-content;width:fit-content}.ina-month-picker__trigger--size-sm{height:32px}.ina-month-picker__trigger--size-md{height:36px}@media (min-width:768px){.ina-month-picker__trigger-md{height:44px}}.ina-month-picker__trigger:hover{background-color:var(--ina-neutral-50)}.ina-month-picker__trigger:focus{background-color:var(--ina-background-primary);border-color:var(--ina-content-primary);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px #f3f3f3;outline:none}.ina-month-picker__trigger--disabled{background-color:var(--ina-background-secondary);color:var(--ina-content-tertiary);cursor:not-allowed;opacity:.6}.ina-month-picker__trigger--disabled:hover{background-color:var(--ina-background-secondary);border-color:var(--ina-stroke-primary)}.ina-month-picker__trigger--readonly{background-color:var(--ina-background-secondary);cursor:default}.ina-month-picker__trigger--readonly:hover{background-color:var(--ina-background-secondary);border-color:var(--ina-stroke-primary)}.ina-month-picker__trigger-text{color:inherit;flex:1;font-size:var(--ina-font-xs);font-weight:var(--ina-font-medium);text-align:left}.ina-month-picker__clear-button,.ina-month-picker__icon{color:var(--ina-content-dark-secondary);flex-shrink:0}.ina-month-picker__clear-button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0;transition:color var(--ina-transition-base)}.ina-month-picker__clear-button:hover:not(:disabled){color:var(--ina-content-secondary)}.ina-month-picker__clear-button:disabled{cursor:not-allowed;opacity:.5}.ina-month-picker__clear-icon{height:16px;width:16px}.ina-month-picker__panel{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(
12
12
  --ina-background-primary
13
- )!important;border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-xl);box-shadow:var(--ina-shadow-lg);left:0;margin-top:var(--ina-spacing-1);max-height:300px;max-width:calc(100vw - 16px);opacity:0;overflow-y:auto;padding:var(--ina-spacing-4);position:absolute;top:100%;transform:translateY(-8px);transition:all var(--ina-transition-fast);visibility:hidden;width:240px;z-index:10005}.ina-month-picker__panel--open{opacity:1;transform:translateY(0);visibility:visible}.ina-month-picker__panel--right-aligned{left:auto!important;right:0!important}.ina-month-picker__grid{background-color:var(--ina-background-primary);border-radius:var(--ina-radius-base);display:grid;gap:var(--ina-spacing-1);grid-template-columns:repeat(4,1fr)}.ina-month-picker__month-option{align-items:center;aspect-ratio:1;background-color:var(--ina-white);border:1px solid var(--ina-border-light);border-radius:var(--ina-radius-lg);color:var(--ina-content-primary);cursor:pointer;display:flex;font-size:var(--ina-font-xs);font-weight:var(--ina-font-medium);height:40px;justify-content:center;padding:var(--ina-spacing-2) var(--ina-spacing-3);transition:all var(--ina-transition-fast);width:40px}.ina-month-picker__month-option:hover:not(:disabled){background-color:var(--ina-background-secondary)}.ina-month-picker__month-option--selected{background-color:var(--ina-content-primary);color:var(--ina-white);font-weight:var(--ina-font-medium)}.ina-month-picker__month-option.ina-month-picker__month-option--selected:hover{background-color:var(--ina-content-primary);font-weight:var(--ina-font-semibold)}.ina-month-picker__month-option--hovered:not(.ina-month-picker__month-option--selected){background-color:var(--ina-background-secondary);color:var(--ina-content-primary)}.ina-month-picker__month-option:disabled{color:var(--ina-content-tertiary);cursor:not-allowed;opacity:.5}.ina-month-picker__month-option--disabled{color:var(--ina-content-tertiary);cursor:not-allowed}.ina-month-picker__month-option--disabled,.ina-month-picker__month-option--disabled:hover{background-color:var(--ina-background-secondary);opacity:.4}[data-theme=dark] .ina-month-picker__trigger{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-primary);color:var(--ina-content-primary)}[data-theme=dark] .ina-month-picker__trigger:hover{background-color:var(--ina-neutral-50);border-color:var(--ina-stroke-secondary)}[data-theme=dark] .ina-month-picker__trigger:focus{border-color:var(--ina-primary-500);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px #f3f3f3}[data-theme=dark] .ina-month-picker__panel{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-primary);box-shadow:var(--ina-shadow-lg)}[data-theme=dark] .ina-month-picker__month-option{color:var(--ina-content-primary)}[data-theme=dark] .ina-month-picker__month-option:hover:not(:disabled){background-color:var(--ina-neutral-50)}[data-theme=dark] .ina-month-picker__month-option--selected{background-color:var(--ina-primary-500);color:var(--ina-white)}[data-theme=dark] .ina-month-picker__month-option--selected:hover{background-color:var(--ina-primary-600)}[data-theme=dark] .ina-month-picker__month-option--hovered:not(.ina-month-picker__month-option--selected){background-color:var(--ina-primary-100);color:var(--ina-primary-800)}[data-theme=dark] .ina-month-picker__month-option--disabled{background-color:var(--ina-background-secondary);color:var(--ina-content-tertiary);opacity:.4}[data-theme=dark] .ina-month-picker__month-option--disabled:hover{background-color:var(--ina-background-secondary);opacity:.4}@media (max-width:640px){.ina-month-picker__panel{max-width:200px!important;padding:var(--ina-spacing-2);width:calc(100vw - 2rem)!important}.ina-month-picker__grid{gap:var(--ina-spacing-1)}.ina-month-picker__month-option{font-size:10px;height:32px;min-height:32px;padding:var(--ina-spacing-1);width:40px}}.ina-multiple-choice-grid{background-color:var(--ina-background-primary);border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-lg);box-shadow:var(--ina-shadow-sm);max-width:100%;min-width:0;overflow:hidden;overflow-x:auto;width:100%}.ina-multiple-choice-grid__header{background-color:var(--ina-background-secondary);border-bottom:1px solid var(--ina-stroke-primary);display:grid;grid-template-columns:200px repeat(auto-fit,minmax(120px,auto));min-width:-moz-max-content;min-width:max-content;width:100%}.ina-multiple-choice-grid__header-cell{align-items:center;border-right:1px solid var(--ina-stroke-primary);color:var(--ina-content-primary);display:flex;font-size:var(--ina-font-sm);font-weight:var(--ina-font-semibold);justify-content:center;line-height:1.4;min-height:48px;overflow:visible;padding:var(--ina-spacing-4) var(--ina-spacing-3);text-align:center;white-space:nowrap}.ina-multiple-choice-grid__header-cell:last-child{border-right:none}.ina-multiple-choice-grid__header-cell--empty{background-color:var(--ina-background-primary);border-right:1px solid var(--ina-stroke-primary)}.ina-multiple-choice-grid__row{border-bottom:1px solid var(--ina-stroke-primary);display:grid;grid-template-columns:200px repeat(auto-fit,minmax(120px,auto));min-width:-moz-max-content;min-width:max-content;transition:background-color var(--ina-transition-fast);width:100%}.ina-multiple-choice-grid__row:last-child{border-bottom:none}.ina-multiple-choice-grid__row:hover,.ina-multiple-choice-grid__row:last-child:hover{background-color:var(--ina-background-tertiary,#f2f2f2)}.ina-multiple-choice-grid__row-label{background-color:var(--ina-background-primary);color:var(--ina-content-primary);font-size:var(--ina-font-sm);font-weight:var(--ina-font-medium);line-height:1.4;overflow:visible;padding:var(--ina-spacing-4) var(--ina-spacing-3);text-align:left;white-space:nowrap}.ina-multiple-choice-grid__cell,.ina-multiple-choice-grid__row-label{align-items:center;border-right:1px solid var(--ina-stroke-primary);display:flex;min-height:48px}.ina-multiple-choice-grid__cell{justify-content:center;padding:var(--ina-spacing-3)}.ina-multiple-choice-grid__cell:last-child{border-right:none}.ina-multiple-choice-grid__radio-label{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.ina-multiple-choice-grid__radio-input{border:none;height:0;margin:0;opacity:0;outline:none;padding:0;position:absolute;width:0}.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-background-primary);border:2px solid var(--ina-stroke-secondary);border-radius:50%;display:inline-block;height:16px;position:relative;transition:all var(--ina-transition-base);width:16px}.ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-primary-500);border-color:var(--ina-primary-500)}.ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom:after{background-color:var(--ina-background-primary);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.ina-multiple-choice-grid__radio-input:focus+.ina-multiple-choice-grid__radio-custom{outline:2px solid var(--ina-primary-500);outline-offset:2px}.ina-multiple-choice-grid__radio-input:focus:not(:focus-visible)+.ina-multiple-choice-grid__radio-custom{outline:none}.ina-multiple-choice-grid__radio-input:disabled+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-background-secondary);border-color:var(--ina-stroke-tertiary);cursor:not-allowed;opacity:.6}.ina-multiple-choice-grid__radio-input:disabled:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-stroke-tertiary);border-color:var(--ina-stroke-tertiary)}.ina-multiple-choice-grid__radio-input:disabled:checked+.ina-multiple-choice-grid__radio-custom:after{background-color:var(--ina-background-secondary)}.ina-multiple-choice-grid__radio-label:hover:not(:has(.ina-multiple-choice-grid__radio-input:disabled)) .ina-multiple-choice-grid__radio-custom{border-color:var(--ina-primary-400)}.ina-multiple-choice-grid__radio-label:hover:not(:has(.ina-multiple-choice-grid__radio-input:disabled)) .ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-primary-600);border-color:var(--ina-primary-600)}[data-theme=dark] .ina-multiple-choice-grid__radio-custom{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-secondary)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-primary-400);border-color:var(--ina-primary-400)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom:after{background-color:var(--ina-background-primary)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:focus+.ina-multiple-choice-grid__radio-custom{outline-color:var(--ina-primary-400)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:disabled+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-background-secondary);border-color:var(--ina-stroke-tertiary)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:disabled:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-stroke-tertiary);border-color:var(--ina-stroke-tertiary)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:disabled:checked+.ina-multiple-choice-grid__radio-custom:after{background-color:var(--ina-background-secondary)}[data-theme=dark] .ina-multiple-choice-grid__radio-label:hover:not(:has(.ina-multiple-choice-grid__radio-input:disabled)) .ina-multiple-choice-grid__radio-custom{border-color:var(--ina-primary-300)}[data-theme=dark] .ina-multiple-choice-grid__radio-label:hover:not(:has(.ina-multiple-choice-grid__radio-input:disabled)) .ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-primary-300);border-color:var(--ina-primary-300)}.ina-multiple-choice-grid--disabled{opacity:.6;pointer-events:none}.ina-multiple-choice-grid--disabled .ina-multiple-choice-grid__row:hover{background-color:transparent}@media (max-width:768px){.ina-multiple-choice-grid{max-width:100vw;overflow-x:auto;width:100%}.ina-multiple-choice-grid__header,.ina-multiple-choice-grid__row{grid-template-columns:150px repeat(auto-fit,minmax(100px,auto));min-width:-moz-max-content;min-width:max-content}.ina-multiple-choice-grid__cell,.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{font-size:var(--ina-font-xs);min-height:44px;padding:var(--ina-spacing-3) var(--ina-spacing-2)}.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{white-space:nowrap}}@media (max-width:480px){.ina-multiple-choice-grid{max-width:100vw;overflow-x:auto;width:100%}.ina-multiple-choice-grid__header,.ina-multiple-choice-grid__row{grid-template-columns:120px repeat(auto-fit,minmax(80px,auto));min-width:-moz-max-content;min-width:max-content}.ina-multiple-choice-grid__cell,.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{min-height:40px;padding:var(--ina-spacing-2)}.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{white-space:nowrap}}[data-theme=dark] .ina-multiple-choice-grid{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-primary)}[data-theme=dark] .ina-multiple-choice-grid__header{background-color:var(--ina-background-secondary);border-bottom-color:var(--ina-stroke-primary)}[data-theme=dark] .ina-multiple-choice-grid__header-cell{border-right-color:var(--ina-stroke-primary);color:var(--ina-content-primary)}[data-theme=dark] .ina-multiple-choice-grid__header-cell--empty{background-color:var(--ina-background-primary);border-right-color:var(--ina-stroke-primary)}[data-theme=dark] .ina-multiple-choice-grid__row{border-bottom-color:var(--ina-stroke-primary)}[data-theme=dark] .ina-multiple-choice-grid__row:hover{background-color:var(--ina-background-tertiary,#f2f2f2)}[data-theme=dark] .ina-multiple-choice-grid__row-label{background-color:var(--ina-background-primary);border-right-color:var(--ina-stroke-primary);color:var(--ina-content-primary)}[data-theme=dark] .ina-multiple-choice-grid__cell{border-right-color:var(--ina-stroke-primary)}@media (prefers-contrast:high){.ina-multiple-choice-grid{border-width:2px}.ina-multiple-choice-grid__cell,.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{border-right-width:2px}.ina-multiple-choice-grid__row{border-bottom-width:2px}}@media (prefers-reduced-motion:reduce){.ina-multiple-choice-grid__row{transition:none}}.ina-one-time-password{background-color:var(--ina-background-primary,#fff);border-radius:var(--ina-rounded-lg,8px);display:flex;flex-direction:column;max-width:100%;overflow-x:auto;width:100%}.ina-one-time-password__title{color:var(--ina-content-primary,#1f1f1f);font-size:20px;font-weight:600;margin-bottom:16px}.ina-one-time-password__description{color:var(--ina-content-secondary,#525252);font-size:14px;font-weight:400;margin-bottom:16px}.ina-one-time-password__container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;min-width:-moz-max-content;min-width:max-content}.ina-one-time-password__input{background-color:var(--ina-background-primary,#fff);border:1px solid var(--ina-stroke-primary,#e5e5e5);border-radius:var(--ina-rounded-lg,8px);color:var(--ina-content-primary,#1f1f1f);flex:0 0 auto;font-family:inherit;font-size:24px;font-weight:500;height:44px;margin:3px;outline:none;text-align:center;transition:all var(--ina-transition-base,.2s ease-in-out);width:44px}.ina-one-time-password__input:hover:not(:disabled):not(:-moz-read-only){background-color:var(--ina-neutral-50,#f8f8f7)}.ina-one-time-password__input:hover:not(:disabled):not(:read-only){background-color:var(--ina-neutral-50,#f8f8f7)}.ina-one-time-password__input:focus{background-color:var(--ina-background-primary,#fff);border-color:var(--ina-content-primary,#1f1f1f);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-content-primary,#1f1f1f)}.ina-one-time-password__input--error,.ina-one-time-password__input--error:focus{border-color:var(--ina-negative-500,#f02d2d)}.ina-one-time-password__input--error:focus{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-negative-500,#f02d2d)!important}.ina-one-time-password__input:disabled{background-color:var(--ina-background-tertiary,#f5f5f5);border-color:var(--ina-stroke-primary,#e5e5e5)!important;color:var(--ina-content-tertiary,#a3a3a3);cursor:not-allowed;opacity:.6}.ina-one-time-password__input[readonly]{background-color:var(--ina-background-tertiary,#f5f5f5);cursor:default}.ina-one-time-password__helper-text{color:var(--ina-content-primary,#1f1f1f);font-size:14px;font-weight:400}.ina-one-time-password__helper-text--error{color:var(--ina-negative-500,#f02d2d)}@media (max-width:640px){.ina-one-time-password{max-width:100%;padding:12px 8px}.ina-one-time-password__input{font-size:20px;height:40px;padding:0 12px;width:40px}.ina-one-time-password__container{gap:12px;min-width:-moz-max-content;min-width:max-content}}.ina-pagination{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--ina-font-xs);font-weight:var(--ina-font-normal);gap:var(--ina-spacing-2);justify-content:flex-end;width:100%}.ina-pagination__page-info,.ina-pagination__page-size-container{display:none}@media (min-width:768px){.ina-pagination{align-items:center;flex-direction:row-reverse;font-size:var(--ina-font-sm);font-weight:var(--ina-font-medium);gap:0;justify-content:flex-start}.ina-pagination__page-size-container{display:flex}.ina-pagination__page-info{display:block}}.ina-pagination--full-width{align-items:stretch;flex-direction:column;gap:12px;justify-content:flex-start}@media (min-width:768px){.ina-pagination--full-width{align-items:center;flex-direction:row;gap:0;justify-content:space-between}}.ina-pagination__nav-container{align-items:stretch;display:flex;flex-direction:column;gap:var(--ina-spacing-2)}@media (min-width:768px){.ina-pagination__nav-container{align-items:center;flex-direction:row;gap:var(--ina-spacing-4)}}.ina-pagination__page-info{align-items:center;display:flex;white-space:nowrap}.ina-pagination__page-info,.ina-pagination__page-input{color:var(--ina-content-primary);font-size:inherit;font-weight:inherit}.ina-pagination__page-input{background-color:var(--ina-background-primary);border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-md);margin:0 var(--ina-spacing-1);padding:var(--ina-spacing-1);text-align:center;transition:border-color var(--ina-transition-base),box-shadow var(--ina-transition-base);width:40px}.ina-pagination__page-input:focus{border-color:var(--ina-content-primary);box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}.ina-pagination__page-input--disabled{cursor:not-allowed;opacity:.5}.ina-pagination__page-input::-webkit-inner-spin-button,.ina-pagination__page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ina-pagination__page-input[type=number]{-moz-appearance:textfield}.ina-pagination__nav-buttons{align-items:center;display:flex;gap:var(--ina-spacing-1)}.ina-pagination__nav-button{align-items:center;background-color:var(--ina-background-primary);border-radius:var(--ina-radius-md);cursor:pointer;display:flex;justify-content:center;min-height:24px;min-width:24px;padding:0 var(--ina-spacing-0-5);transition:border-color var(--ina-transition-base),background-color var(--ina-transition-base),color var(--ina-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.ina-pagination__nav-button{border-radius:var(--ina-radius-lg);min-height:32px;min-width:32px}}.ina-pagination__nav-button--enabled{color:var(--ina-content-primary)}.ina-pagination__nav-button--enabled:hover{background-color:var(--ina-background-secondary)}.ina-pagination__nav-button--enabled:focus{outline:1px solid var(--ina-content-primary);outline-offset:2px}.ina-pagination__nav-button--enabled:active{background-color:var(--ina-neutral-50)}.ina-pagination__nav-button--disabled{color:var(--ina-neutral-400);cursor:not-allowed;opacity:.5}.ina-pagination__nav-button--disabled:hover{background-color:transparent}.ina-pagination__page-button{align-items:center;background-color:var(--ina-background-primary);border:1px solid transparent;border-radius:var(--ina-radius-md);color:var(--ina-content-primary);cursor:pointer;display:flex;font-size:inherit;font-weight:inherit;justify-content:center;min-height:24px;min-width:24px;padding:0 var(--ina-spacing-0-5);transition:border-color var(--ina-transition-base),background-color var(--ina-transition-base),color var(--ina-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.ina-pagination__page-button{border-radius:var(--ina-radius-lg);min-height:32px;min-width:32px}}.ina-pagination__page-button--active{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-tertiary)}.ina-pagination__page-button--enabled{border-color:transparent}.ina-pagination__page-button--enabled:hover{background-color:var(--ina-background-tertiary,#f2f2f2);border-color:var(--ina-stroke-primary)}.ina-pagination__page-button--enabled:focus{outline:2px solid var(--ina-content-primary);outline-offset:2px}.ina-pagination__page-button--enabled:active{background-color:var(--ina-neutral-200)}.ina-pagination__page-button--disabled{cursor:not-allowed;opacity:.5}.ina-pagination__nav-button.ina-pagination__nav-button--disabled{border-color:transparent}.ina-pagination__page-button--disabled:hover{background-color:transparent;border-color:transparent}.ina-pagination__page-size-container{align-items:center;display:flex;gap:var(--ina-spacing-4);margin-top:var(--ina-spacing-2)}@media (min-width:768px){.ina-pagination__page-size-container{margin-right:var(--ina-spacing-12);margin-top:0}}.ina-pagination--full-width .ina-pagination__page-size-container{margin-right:0;margin-top:0;order:2}@media (min-width:768px){.ina-pagination--full-width .ina-pagination__page-size-container{margin-right:0;order:1}}.ina-pagination--full-width .ina-pagination__nav-container{order:1}@media (min-width:768px){.ina-pagination--full-width .ina-pagination__nav-container{order:2}}.ina-pagination__page-size-label{white-space:nowrap}.ina-pagination__page-size-label,.ina-pagination__page-size-select{color:var(--ina-content-primary);font-size:inherit;font-weight:inherit}.ina-pagination__page-size-select{background-color:var(--ina-background-primary);border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-md);cursor:pointer;outline:none;padding:var(--ina-spacing-1) var(--ina-spacing-3);padding-left:var(--ina-spacing-2);transition:border-color var(--ina-transition-base),box-shadow var(--ina-transition-base),opacity var(--ina-transition-base)}.ina-pagination__page-size-select:hover{border-color:var(--ina-primary-400)}.ina-pagination__page-size-select:focus{border-color:var(--ina-content-primary);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.ina-pagination__page-size-select--disabled{cursor:not-allowed;opacity:.5}.ina-pagination__page-size-select--disabled:hover{border-color:var(--ina-stroke-primary);box-shadow:none}.ina-pagination__nav-icon{flex-shrink:0;height:16px;width:16px}.ina-pagination--loading .ina-pagination__nav-button,.ina-pagination--loading .ina-pagination__page-button{cursor:not-allowed;opacity:.6}.ina-pagination--loading .ina-pagination__nav-button:hover,.ina-pagination--loading .ina-pagination__page-button:hover{background-color:transparent}.ina-pagination--compact .ina-pagination__nav-button,.ina-pagination--compact .ina-pagination__page-button{min-height:20px;min-width:20px;padding:0 var(--ina-spacing-1)}.ina-pagination--compact .ina-pagination__nav-icon{height:14px;width:14px}.ina-pagination--spacious .ina-pagination__nav-button,.ina-pagination--spacious .ina-pagination__page-button{min-height:40px;min-width:40px;padding:0 var(--ina-spacing-2)}.ina-pagination--spacious .ina-pagination__nav-icon{height:18px;width:18px}@media (max-width:480px){.ina-pagination__nav-button,.ina-pagination__page-button{min-height:28px;min-width:28px}.ina-pagination__nav-icon{height:14px;width:14px}}@media (prefers-contrast:high){.ina-pagination__nav-button,.ina-pagination__page-button{border-width:2px}.ina-pagination__nav-button--disabled,.ina-pagination__page-button--disabled{opacity:.3}.ina-pagination__page-button--active{border-width:2px;font-weight:var(--ina-font-bold)}}@media print{.ina-pagination{display:none}}@media (prefers-reduced-motion:reduce){.ina-pagination__nav-button,.ina-pagination__page-button,.ina-pagination__page-size-select{transition:none}}.ina-password-input{display:flex;flex-direction:column}.ina-password-input__label{color:var(--ina-content-primary,#1f1f1f);font-size:var(--ina-font-sm,.875rem);font-weight:var(--ina-font-medium,500);margin-bottom:var(--ina-spacing-2,.5rem)}.ina-password-input__required{color:var(--ina-negative-500,#f02d2d);display:inline;margin-left:var(--ina-spacing-1,.25rem)}.ina-password-input__wrapper{align-items:center;background-color:var(--ina-background-primary,#fff);border:1px solid var(--ina-stroke-primary,#e5e5e5);border-radius:var(--ina-radius-lg,.5rem);display:flex;gap:var(--ina-spacing-2,.5rem);padding:var(--ina-spacing-2,.5rem) var(--ina-spacing-3,.75rem);transition:border-color var(--ina-transition-base,.2s ease-in-out),box-shadow var(--ina-transition-base,.2s ease-in-out)}.ina-password-input__wrapper--size-sm{height:40px}.ina-password-input__wrapper--size-md{height:44px}.ina-password-input__wrapper--size-lg{height:48px}@media (max-width:767px){.ina-password-input__wrapper--size-sm{height:36px}.ina-password-input__wrapper--size-md{height:40px}.ina-password-input__wrapper--size-lg{height:44px}}@media (max-width:639px){.ina-password-input__wrapper--size-sm{height:32px}.ina-password-input__wrapper--size-md{height:36px}.ina-password-input__wrapper--size-lg{height:40px}}.ina-password-input__wrapper.ina-password-input__wrapper--neutral{border-color:var(--ina-stroke-primary)}.ina-password-input__wrapper.ina-password-input__wrapper--neutral:focus-within{border-color:var(--ina-content-primary,#1f1f1f);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-content-primary,#1f1f1f)!important}.ina-password-input__wrapper.ina-password-input__wrapper--error{border-color:var(--ina-negative-500)}.ina-password-input__wrapper.ina-password-input__wrapper--error:focus-within{border-color:var(--ina-negative-600,#d50b0b);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-negative-500,#f02d2d)!important}.ina-password-input__wrapper.ina-password-input__wrapper--warning{border-color:var(--ina-warning-500)}.ina-password-input__wrapper.ina-password-input__wrapper--warning:focus-within{border-color:var(--ina-warning-600,#855f00);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-warning-500,#eebb04)!important}.ina-password-input__wrapper.ina-password-input__wrapper--success{border-color:var(--ina-positive-600)}.ina-password-input__wrapper.ina-password-input__wrapper--success:focus-within{border-color:var(--ina-positive-600,#288034);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-positive-500,#3cc14e)!important}.ina-password-input__prefix-icon{color:var(--ina-content-secondary,#525252);flex-shrink:0}.ina-password-input__input{background:transparent;border:none;color:var(--ina-content-primary,#1f1f1f);flex:1;font-size:var(--ina-font-sm,.875rem);outline:none}.ina-password-input__input::-moz-placeholder{color:var(--ina-content-tertiary,#a3a3a3)!important}.ina-password-input__input::placeholder{color:var(--ina-content-tertiary,#a3a3a3)!important}.ina-password-input__input:disabled{cursor:not-allowed;opacity:.6}.ina-password-input__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--ina-spacing-1)}.ina-password-input__action-button{align-items:center;background:transparent;border:none;border-radius:var(--ina-radius-base,.25rem);color:var(--ina-content-dark-secondary,#737373);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--ina-spacing-1);transition:color var(--ina-transition-base,.2s ease-in-out)}.ina-password-input__action-button:hover:not(:disabled){color:var(--ina-content-secondary)}.ina-password-input__action-button:disabled{cursor:not-allowed;opacity:.5}.ina-password-input__clear-icon{height:16px;width:16px}.ina-password-input__visibility-icon{height:20px;width:20px}.ina-password-input__status-area{align-items:center;display:flex;font-size:var(--ina-font-xs);justify-content:space-between;min-height:16px}.ina-password-input .ina-password-input__status-message{color:var(--ina-content-secondary);flex:1;padding-top:var(--ina-spacing-1,.25rem)}.ina-password-input .ina-password-input__status-message.ina-password-input__status-message--error{color:var(--ina-negative-500)}.ina-password-input .ina-password-input__status-message.ina-password-input__status-message--warning{color:var(--ina-warning-500)}.ina-password-input .ina-password-input__status-message.ina-password-input__status-message--success{color:var(--ina-positive-600)}.ina-password-input__character-count{color:var(--ina-content-secondary,#525252);font-size:var(--ina-font-xs,.75rem);font-weight:var(--ina-font-medium,500);margin-left:var(--ina-spacing-2,.5rem)}.ina-password-input__character-count--warning{color:var(--ina-warning-500)}.ina-password-input__character-count--error{color:var(--ina-negative-500)}.ina-password-input--size-sm .ina-password-input__wrapper{font-size:var(--ina-font-xs);padding:var(--ina-spacing-1-5) var(--ina-spacing-2)}.ina-password-input--size-sm .ina-password-input__input,.ina-password-input--size-sm .ina-password-input__label{font-size:var(--ina-font-xs)}.ina-password-input--size-sm .ina-password-input__clear-icon{height:14px;width:14px}.ina-password-input--size-sm .ina-password-input__visibility-icon{height:18px;width:18px}.ina-password-input--size-lg .ina-password-input__wrapper{font-size:var(--ina-font-base);padding:var(--ina-spacing-2-5) var(--ina-spacing-4)}.ina-password-input--size-lg .ina-password-input__input,.ina-password-input--size-lg .ina-password-input__label{font-size:var(--ina-font-base)}.ina-password-input--size-lg .ina-password-input__clear-icon{height:18px;width:18px}.ina-password-input--size-lg .ina-password-input__visibility-icon{height:22px;width:22px}.ina-password-input--variant-outlined .ina-password-input__wrapper{border-width:2px}.ina-password-input--variant-filled .ina-password-input__wrapper{background-color:var(--ina-neutral-100);border-color:var(--ina-neutral-200)}.ina-password-input--variant-filled .ina-password-input__wrapper:focus-within{background-color:var(--ina-background-primary);border-color:var(--ina-primary-500)}.ina-password-input__wrapper--disabled{background-color:var(--ina-background-tertiary,#f2f2f2);border-color:var(--ina-stroke-primary)!important;cursor:not-allowed}.ina-password-input__wrapper--disabled>.ina-password-input__input::-moz-placeholder{color:var(--ina-content-tertiary,#a3a3a3)!important}.ina-password-input__wrapper--disabled>.ina-password-input__input::placeholder{color:var(--ina-content-tertiary,#a3a3a3)!important}.ina-password-input--loading .ina-password-input__wrapper,.ina-password-input__wrapper--disabled .ina-password-input__input{cursor:not-allowed;opacity:.6}.ina-password-input--loading .ina-password-input__input{cursor:not-allowed}.ina-password-input--loading .ina-password-input__action-button{cursor:not-allowed;opacity:.6}.ina-password-input__wrapper:focus-within{background-color:var(--ina-background-primary,#fff);border-color:var(--ina-content-primary,#1f1f1f);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-content-primary,#1f1f1f);outline:none}.ina-password-input__wrapper:hover{background-color:var(--ina-neutral-50,#f8f8f7)}.ina-password-input__strength-indicator{background-color:var(--ina-neutral-200);border-radius:var(--ina-radius-full);height:4px;margin-top:var(--ina-spacing-1);overflow:hidden}.ina-password-input__strength-bar{height:100%;transition:width var(--ina-transition-duration-300) ease-out,background-color var(--ina-transition-base)}.ina-password-input__strength-bar--weak{background-color:var(--ina-negative-500)}.ina-password-input__strength-bar--fair{background-color:var(--ina-warning-500)}.ina-password-input__strength-bar--good{background-color:var(--ina-positive-600)}.ina-password-input__strength-bar--strong{background-color:var(--ina-primary-500)}@media (max-width:639px){.ina-password-input__wrapper{padding:var(--ina-spacing-3)}.ina-password-input__character-count,.ina-password-input__input,.ina-password-input__label,.ina-password-input__status-area{font-size:var(--ina-font-xs)}.ina-password-input__action-button{padding:var(--ina-spacing-2)}}.ina-password-input__action-button:focus{outline:2px solid var(--ina-primary-500);outline-offset:2px}.ina-password-input__sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.ina-password-input__clear-button,.ina-password-input__toggle-button{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;letter-spacing:normal;line-height:normal;margin:0;outline:none;padding:0;text-align:inherit;text-indent:0;text-shadow:none;text-transform:none;word-spacing:normal}.ina-phone-input{display:flex;flex-direction:column}.ina-phone-input__label{color:var(--ina-content-primary,#1f1f1f);font-size:var(--ina-font-sm,.875rem);font-weight:var(--ina-font-medium,500);margin-bottom:var(--ina-spacing-2,.5rem)}.ina-phone-input__required{color:var(--ina-negative-500,#f02d2d);display:inline;margin-left:var(--ina-spacing-1,.25rem)}.ina-phone-input__wrapper{align-items:center;background-color:var(--ina-background-primary,#fff);border:1px solid var(--ina-stroke-primary,#e5e5e5);border-radius:var(--ina-radius-lg,.5rem);display:flex;gap:var(--ina-spacing-2,.5rem);padding:var(--ina-spacing-2,.5rem) var(--ina-spacing-3,.75rem);position:relative;transition:all var(--ina-transition-base,.2s ease-in-out)}.ina-phone-input__wrapper--size-sm{height:40px}.ina-phone-input__wrapper--size-md{height:44px}.ina-phone-input__wrapper--size-lg{height:48px}.ina-phone-input__country-flag-img{box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 2px var(--ina-neutral-25,#fff)!important;display:block;height:20px;-o-object-fit:contain;object-fit:contain;width:26px}@media (max-width:767px){.ina-phone-input__wrapper--size-sm{height:36px}.ina-phone-input__wrapper--size-md{height:40px}.ina-phone-input__wrapper--size-lg{height:44px}}@media (max-width:639px){.ina-phone-input__country-flag-img{height:15px;width:20px}.ina-phone-input__wrapper{padding:var(--ina-spacing-2) var(--ina-spacing-3)}.ina-phone-input__wrapper--size-sm{height:32px}.ina-phone-input__wrapper--size-md{height:36px}.ina-phone-input__wrapper--size-lg{height:40px}.ina-phone-input__wrapper .ina-phone-input__country-search-input::-moz-placeholder{font-size:var(
13
+ )!important;border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-xl);box-shadow:var(--ina-shadow-lg);left:0;margin-top:var(--ina-spacing-1);max-height:300px;max-width:calc(100vw - 16px);opacity:0;overflow-y:auto;padding:var(--ina-spacing-4);position:absolute;top:100%;transform:translateY(-8px);transition:all var(--ina-transition-fast);visibility:hidden;width:240px;z-index:10005}.ina-month-picker__panel--open{opacity:1;transform:translateY(0);visibility:visible}.ina-month-picker__panel--right-aligned{left:auto!important;right:0!important}.ina-month-picker__grid{background-color:var(--ina-background-primary);border-radius:var(--ina-radius-base);display:grid;gap:var(--ina-spacing-1);grid-template-columns:repeat(4,1fr)}.ina-month-picker__month-option{align-items:center;aspect-ratio:1;background-color:var(--ina-white);border:1px solid var(--ina-border-light);border-radius:var(--ina-radius-lg);color:var(--ina-content-primary);cursor:pointer;display:flex;font-size:var(--ina-font-xs);font-weight:var(--ina-font-medium);height:40px;justify-content:center;padding:var(--ina-spacing-2) var(--ina-spacing-3);transition:all var(--ina-transition-fast);width:40px}.ina-month-picker__month-option:hover:not(:disabled){background-color:var(--ina-background-secondary)}.ina-month-picker__month-option--selected{background-color:var(--ina-content-primary);color:var(--ina-white);font-weight:var(--ina-font-medium)}.ina-month-picker__month-option.ina-month-picker__month-option--selected:hover{background-color:var(--ina-content-primary);font-weight:var(--ina-font-semibold)}.ina-month-picker__month-option--hovered:not(.ina-month-picker__month-option--selected){background-color:var(--ina-background-secondary);color:var(--ina-content-primary)}.ina-month-picker__month-option:disabled{color:var(--ina-content-tertiary);cursor:not-allowed;opacity:.5}.ina-month-picker__month-option--disabled{color:var(--ina-content-tertiary);cursor:not-allowed}.ina-month-picker__month-option--disabled,.ina-month-picker__month-option--disabled:hover{background-color:var(--ina-background-secondary);opacity:.4}[data-theme=dark] .ina-month-picker__trigger{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-primary);color:var(--ina-content-primary)}[data-theme=dark] .ina-month-picker__trigger:hover{background-color:var(--ina-neutral-50);border-color:var(--ina-stroke-secondary)}[data-theme=dark] .ina-month-picker__trigger:focus{border-color:var(--ina-primary-500);box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 3px #f3f3f3}[data-theme=dark] .ina-month-picker__panel{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-primary);box-shadow:var(--ina-shadow-lg)}[data-theme=dark] .ina-month-picker__month-option{color:var(--ina-content-primary)}[data-theme=dark] .ina-month-picker__month-option:hover:not(:disabled){background-color:var(--ina-neutral-50)}[data-theme=dark] .ina-month-picker__month-option--selected{background-color:var(--ina-primary-500);color:var(--ina-white)}[data-theme=dark] .ina-month-picker__month-option--selected:hover{background-color:var(--ina-primary-600)}[data-theme=dark] .ina-month-picker__month-option--hovered:not(.ina-month-picker__month-option--selected){background-color:var(--ina-primary-100);color:var(--ina-primary-800)}[data-theme=dark] .ina-month-picker__month-option--disabled{background-color:var(--ina-background-secondary);color:var(--ina-content-tertiary);opacity:.4}[data-theme=dark] .ina-month-picker__month-option--disabled:hover{background-color:var(--ina-background-secondary);opacity:.4}@media (max-width:640px){.ina-month-picker__panel{max-width:200px!important;padding:var(--ina-spacing-2);width:calc(100vw - 2rem)!important}.ina-month-picker__grid{gap:var(--ina-spacing-1)}.ina-month-picker__month-option{font-size:10px;height:32px;min-height:32px;padding:var(--ina-spacing-1);width:40px}}.ina-multiple-choice-grid{background-color:var(--ina-background-primary);border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-lg);box-shadow:var(--ina-shadow-sm);max-width:100%;min-width:0;overflow:hidden;overflow-x:auto;width:100%}.ina-multiple-choice-grid__header{background-color:var(--ina-background-secondary);border-bottom:1px solid var(--ina-stroke-primary);display:grid;grid-template-columns:200px repeat(auto-fit,minmax(120px,auto));min-width:-moz-max-content;min-width:max-content;width:100%}.ina-multiple-choice-grid__header-cell{align-items:center;border-right:1px solid var(--ina-stroke-primary);color:var(--ina-content-primary);display:flex;font-size:var(--ina-font-sm);font-weight:var(--ina-font-semibold);justify-content:center;line-height:1.4;min-height:48px;overflow:visible;padding:var(--ina-spacing-4) var(--ina-spacing-3);text-align:center;white-space:nowrap}.ina-multiple-choice-grid__header-cell:last-child{border-right:none}.ina-multiple-choice-grid__header-cell--empty{background-color:var(--ina-background-primary);border-right:1px solid var(--ina-stroke-primary)}.ina-multiple-choice-grid__row{border-bottom:1px solid var(--ina-stroke-primary);display:grid;grid-template-columns:200px repeat(auto-fit,minmax(120px,auto));min-width:-moz-max-content;min-width:max-content;transition:background-color var(--ina-transition-fast);width:100%}.ina-multiple-choice-grid__row:last-child{border-bottom:none}.ina-multiple-choice-grid__row:hover,.ina-multiple-choice-grid__row:last-child:hover{background-color:var(--ina-background-tertiary,#f2f2f2)}.ina-multiple-choice-grid__row-label{background-color:var(--ina-background-primary);color:var(--ina-content-primary);font-size:var(--ina-font-sm);font-weight:var(--ina-font-medium);line-height:1.4;overflow:visible;padding:var(--ina-spacing-4) var(--ina-spacing-3);text-align:left;white-space:nowrap}.ina-multiple-choice-grid__cell,.ina-multiple-choice-grid__row-label{align-items:center;border-right:1px solid var(--ina-stroke-primary);display:flex;min-height:48px}.ina-multiple-choice-grid__cell{justify-content:center;padding:var(--ina-spacing-3)}.ina-multiple-choice-grid__cell:last-child{border-right:none}.ina-multiple-choice-grid__radio-label{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.ina-multiple-choice-grid__radio-input{border:none;height:0;margin:0;opacity:0;outline:none;padding:0;position:absolute;width:0}.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-background-primary);border:2px solid var(--ina-stroke-secondary);border-radius:50%;display:inline-block;height:16px;position:relative;transition:all var(--ina-transition-base);width:16px}.ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-primary-500);border-color:var(--ina-primary-500)}.ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom:after{background-color:var(--ina-background-primary);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.ina-multiple-choice-grid__radio-input:focus+.ina-multiple-choice-grid__radio-custom{outline:2px solid var(--ina-primary-500);outline-offset:2px}.ina-multiple-choice-grid__radio-input:focus:not(:focus-visible)+.ina-multiple-choice-grid__radio-custom{outline:none}.ina-multiple-choice-grid__radio-input:disabled+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-background-secondary);border-color:var(--ina-stroke-tertiary);cursor:not-allowed;opacity:.6}.ina-multiple-choice-grid__radio-input:disabled:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-stroke-tertiary);border-color:var(--ina-stroke-tertiary)}.ina-multiple-choice-grid__radio-input:disabled:checked+.ina-multiple-choice-grid__radio-custom:after{background-color:var(--ina-background-secondary)}.ina-multiple-choice-grid__radio-label:hover:not(:has(.ina-multiple-choice-grid__radio-input:disabled)) .ina-multiple-choice-grid__radio-custom{border-color:var(--ina-primary-400)}.ina-multiple-choice-grid__radio-label:hover:not(:has(.ina-multiple-choice-grid__radio-input:disabled)) .ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-primary-600);border-color:var(--ina-primary-600)}[data-theme=dark] .ina-multiple-choice-grid__radio-custom{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-secondary)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-primary-400);border-color:var(--ina-primary-400)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom:after{background-color:var(--ina-background-primary)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:focus+.ina-multiple-choice-grid__radio-custom{outline-color:var(--ina-primary-400)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:disabled+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-background-secondary);border-color:var(--ina-stroke-tertiary)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:disabled:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-stroke-tertiary);border-color:var(--ina-stroke-tertiary)}[data-theme=dark] .ina-multiple-choice-grid__radio-input:disabled:checked+.ina-multiple-choice-grid__radio-custom:after{background-color:var(--ina-background-secondary)}[data-theme=dark] .ina-multiple-choice-grid__radio-label:hover:not(:has(.ina-multiple-choice-grid__radio-input:disabled)) .ina-multiple-choice-grid__radio-custom{border-color:var(--ina-primary-300)}[data-theme=dark] .ina-multiple-choice-grid__radio-label:hover:not(:has(.ina-multiple-choice-grid__radio-input:disabled)) .ina-multiple-choice-grid__radio-input:checked+.ina-multiple-choice-grid__radio-custom{background-color:var(--ina-primary-300);border-color:var(--ina-primary-300)}.ina-multiple-choice-grid--disabled{opacity:.6;pointer-events:none}.ina-multiple-choice-grid--disabled .ina-multiple-choice-grid__row:hover{background-color:transparent}@media (max-width:768px){.ina-multiple-choice-grid{max-width:100vw;overflow-x:auto;width:100%}.ina-multiple-choice-grid__header,.ina-multiple-choice-grid__row{grid-template-columns:150px repeat(auto-fit,minmax(100px,auto));min-width:-moz-max-content;min-width:max-content}.ina-multiple-choice-grid__cell,.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{font-size:var(--ina-font-xs);min-height:44px;padding:var(--ina-spacing-3) var(--ina-spacing-2)}.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{white-space:nowrap}}@media (max-width:480px){.ina-multiple-choice-grid{max-width:100vw;overflow-x:auto;width:100%}.ina-multiple-choice-grid__header,.ina-multiple-choice-grid__row{grid-template-columns:120px repeat(auto-fit,minmax(80px,auto));min-width:-moz-max-content;min-width:max-content}.ina-multiple-choice-grid__cell,.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{min-height:40px;padding:var(--ina-spacing-2)}.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{white-space:nowrap}}[data-theme=dark] .ina-multiple-choice-grid{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-primary)}[data-theme=dark] .ina-multiple-choice-grid__header{background-color:var(--ina-background-secondary);border-bottom-color:var(--ina-stroke-primary)}[data-theme=dark] .ina-multiple-choice-grid__header-cell{border-right-color:var(--ina-stroke-primary);color:var(--ina-content-primary)}[data-theme=dark] .ina-multiple-choice-grid__header-cell--empty{background-color:var(--ina-background-primary);border-right-color:var(--ina-stroke-primary)}[data-theme=dark] .ina-multiple-choice-grid__row{border-bottom-color:var(--ina-stroke-primary)}[data-theme=dark] .ina-multiple-choice-grid__row:hover{background-color:var(--ina-background-tertiary,#f2f2f2)}[data-theme=dark] .ina-multiple-choice-grid__row-label{background-color:var(--ina-background-primary);border-right-color:var(--ina-stroke-primary);color:var(--ina-content-primary)}[data-theme=dark] .ina-multiple-choice-grid__cell{border-right-color:var(--ina-stroke-primary)}@media (prefers-contrast:high){.ina-multiple-choice-grid{border-width:2px}.ina-multiple-choice-grid__cell,.ina-multiple-choice-grid__header-cell,.ina-multiple-choice-grid__row-label{border-right-width:2px}.ina-multiple-choice-grid__row{border-bottom-width:2px}}@media (prefers-reduced-motion:reduce){.ina-multiple-choice-grid__row{transition:none}}.ina-one-time-password{background-color:var(--ina-background-primary,#fff);border-radius:var(--ina-rounded-lg,8px);display:flex;flex-direction:column;max-width:100%;overflow-x:auto;width:100%}.ina-one-time-password__title{color:var(--ina-content-primary,#1f1f1f);font-size:20px;font-weight:600;margin-bottom:16px}.ina-one-time-password__description{color:var(--ina-content-secondary,#525252);font-size:14px;font-weight:400;margin-bottom:16px}.ina-one-time-password__container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;min-width:-moz-max-content;min-width:max-content}.ina-one-time-password__input{background-color:var(--ina-background-primary,#fff);border:1px solid var(--ina-stroke-primary,#e5e5e5);border-radius:var(--ina-rounded-lg,8px);color:var(--ina-content-primary,#1f1f1f);flex:0 0 auto;font-family:inherit;font-size:24px;font-weight:500;height:44px;margin:3px;outline:none;text-align:center;transition:all var(--ina-transition-base,.2s ease-in-out);width:44px}.ina-one-time-password__input:hover:not(:disabled):not(:-moz-read-only){background-color:var(--ina-neutral-50,#f8f8f7)}.ina-one-time-password__input:hover:not(:disabled):not(:read-only){background-color:var(--ina-neutral-50,#f8f8f7)}.ina-one-time-password__input:focus{background-color:var(--ina-background-primary,#fff);border-color:var(--ina-content-primary,#1f1f1f);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-content-primary,#1f1f1f)}.ina-one-time-password__input--error,.ina-one-time-password__input--error:focus{border-color:var(--ina-negative-500,#f02d2d)}.ina-one-time-password__input--error:focus{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-negative-500,#f02d2d)!important}.ina-one-time-password__input:disabled{background-color:var(--ina-background-tertiary,#f5f5f5);border-color:var(--ina-stroke-primary,#e5e5e5)!important;color:var(--ina-content-tertiary,#a3a3a3);cursor:not-allowed;opacity:.6}.ina-one-time-password__input[readonly]{background-color:var(--ina-background-tertiary,#f5f5f5);cursor:default}.ina-one-time-password__helper-text{color:var(--ina-content-primary,#1f1f1f);font-size:14px;font-weight:400}.ina-one-time-password__helper-text--error{color:var(--ina-negative-500,#f02d2d)}@media (max-width:640px){.ina-one-time-password{max-width:100%;padding:12px 8px}.ina-one-time-password__input{font-size:20px;height:40px;padding:0 12px;width:40px}.ina-one-time-password__container{gap:12px;min-width:-moz-max-content;min-width:max-content}}.ina-pagination{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--ina-font-xs);font-weight:var(--ina-font-normal);gap:var(--ina-spacing-2);justify-content:flex-end;width:100%}.ina-pagination__page-info,.ina-pagination__page-size-container{display:none}@media (min-width:1280px){.ina-pagination{align-items:center;flex-direction:row-reverse;font-size:var(--ina-font-sm);font-weight:var(--ina-font-medium);gap:0;justify-content:flex-start}.ina-pagination__page-size-container{display:flex}.ina-pagination__page-info{display:block}}.ina-pagination--full-width{align-items:stretch;flex-direction:column;gap:12px;justify-content:flex-start}@media (min-width:1280px){.ina-pagination--full-width{align-items:center;flex-direction:row;gap:0;justify-content:space-between}}.ina-pagination__nav-container{align-items:center;display:flex;flex-direction:row;gap:var(--ina-spacing-2);justify-content:space-between}@media (min-width:640px){.ina-pagination__nav-container{gap:var(--ina-spacing-4);justify-content:flex-start}}.ina-pagination__page-info{align-items:center;color:var(--ina-content-primary);display:flex;font-size:inherit;font-weight:inherit;white-space:nowrap}.ina-table__search-controls{align-items:center;display:flex;gap:var(--ina-spacing-2);padding:var(--ina-spacing-1)}.ina-pagination__page-input{background-color:var(--ina-background-primary);border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-md);color:var(--ina-content-primary);font-size:inherit;font-weight:inherit;margin:0 var(--ina-spacing-1-5);min-width:28px;padding:var(--ina-spacing-1);text-align:center;transition:border-color var(--ina-transition-base),box-shadow var(--ina-transition-base)}.ina-pagination__page-input:focus{background-color:var(--ina-background-primary,#fff);border-color:var(--ina-stroke-tertiary,#141414);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-content-primary,#1f1f1f);outline:none}.ina-pagination__page-input--disabled{cursor:not-allowed;opacity:.5}.ina-pagination__page-input::-webkit-inner-spin-button,.ina-pagination__page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ina-pagination__page-input[type=number]{-moz-appearance:textfield}.ina-pagination__nav-buttons{align-items:center;display:flex;gap:var(--ina-spacing-1)}.ina-pagination__nav-button{align-items:center;background-color:var(--ina-background-primary);border-radius:var(--ina-radius-md);cursor:pointer;display:flex;justify-content:center;min-height:24px;min-width:24px;padding:0 var(--ina-spacing-0-5);transition:border-color var(--ina-transition-base),background-color var(--ina-transition-base),color var(--ina-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:1280px){.ina-pagination__nav-button{border-radius:var(--ina-radius-lg);min-height:32px;min-width:32px}}.ina-pagination__nav-button--enabled{color:var(--ina-content-primary)}.ina-pagination__nav-button--enabled:hover{background-color:var(--ina-background-secondary)}.ina-pagination__nav-button--enabled:focus{outline:1px solid var(--ina-content-primary);outline-offset:2px}.ina-pagination__nav-button--enabled:active{background-color:var(--ina-neutral-50)}.ina-pagination__nav-button--disabled{color:var(--ina-neutral-400);cursor:not-allowed;opacity:.5}.ina-pagination__nav-button--disabled:hover{background-color:transparent}.ina-pagination__page-button{align-items:center;background-color:var(--ina-background-primary);border:1px solid transparent;border-radius:var(--ina-radius-md);color:var(--ina-content-primary);cursor:pointer;display:flex;font-size:inherit;font-weight:inherit;justify-content:center;min-height:24px;min-width:24px;padding:0 var(--ina-spacing-0-5);transition:border-color var(--ina-transition-base),background-color var(--ina-transition-base),color var(--ina-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:1280px){.ina-pagination__page-button{border-radius:var(--ina-radius-lg);min-height:32px;min-width:32px}}.ina-pagination__page-button--active{background-color:var(--ina-background-primary);border-color:var(--ina-stroke-tertiary)}.ina-pagination__page-button--enabled{border-color:transparent}.ina-pagination__page-button--enabled:hover{background-color:var(--ina-background-tertiary,#f2f2f2);border-color:var(--ina-stroke-primary)}.ina-pagination__page-button--enabled:focus{outline:2px solid var(--ina-content-primary);outline-offset:2px}.ina-pagination__page-button--enabled:active{background-color:var(--ina-neutral-200)}.ina-pagination__page-button--disabled{cursor:not-allowed;opacity:.5}.ina-pagination__nav-button.ina-pagination__nav-button--disabled{border-color:transparent}.ina-pagination__page-button--disabled:hover{background-color:transparent;border-color:transparent}.ina-pagination__page-size-container{align-items:center;display:flex;gap:var(--ina-spacing-4);margin-top:var(--ina-spacing-2)}@media (min-width:1280px){.ina-pagination__page-size-container{margin-right:var(--ina-spacing-12);margin-top:0}}.ina-pagination--full-width .ina-pagination__page-size-container{margin-right:0;margin-top:0;order:2}@media (min-width:1280px){.ina-pagination--full-width .ina-pagination__page-size-container{margin-right:0;order:1}}.ina-pagination--full-width .ina-pagination__nav-container{order:1}@media (min-width:1280px){.ina-pagination--full-width .ina-pagination__nav-container{order:2}}.ina-pagination__page-size-label{white-space:nowrap}.ina-pagination__page-size-label,.ina-pagination__page-size-select{color:var(--ina-content-primary);font-size:inherit;font-weight:inherit}.ina-pagination__page-size-select{background-color:var(--ina-background-primary);border:1px solid var(--ina-stroke-primary);border-radius:var(--ina-radius-md);cursor:pointer;outline:none;padding:var(--ina-spacing-1) var(--ina-spacing-2);text-align:center;transition:border-color var(--ina-transition-base),box-shadow var(--ina-transition-base),opacity var(--ina-transition-base)}.ina-pagination__page-size-select:hover{border-color:var(--ina-stroke-tertiary)}.ina-pagination__page-size-select:focus{background-color:var(--ina-background-primary,#fff);border-color:var(--ina-stroke-tertiary,#141414);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-content-primary,#1f1f1f);outline:none}.ina-pagination__page-size-select--disabled{cursor:not-allowed;opacity:.5}.ina-pagination__page-size-select--disabled:hover{border-color:var(--ina-stroke-primary);box-shadow:none}.ina-pagination__nav-icon{flex-shrink:0;height:16px;width:16px}.ina-pagination--loading .ina-pagination__nav-button,.ina-pagination--loading .ina-pagination__page-button{cursor:not-allowed;opacity:.6}.ina-pagination--loading .ina-pagination__nav-button:hover,.ina-pagination--loading .ina-pagination__page-button:hover{background-color:transparent}.ina-pagination--compact .ina-pagination__nav-button,.ina-pagination--compact .ina-pagination__page-button{min-height:20px;min-width:20px;padding:0 var(--ina-spacing-1)}.ina-pagination--compact .ina-pagination__nav-icon{height:14px;width:14px}.ina-pagination--spacious .ina-pagination__nav-button,.ina-pagination--spacious .ina-pagination__page-button{min-height:40px;min-width:40px;padding:0 var(--ina-spacing-2)}.ina-pagination--spacious .ina-pagination__nav-icon{height:18px;width:18px}@media (min-width:1024px){.ina-pagination__nav-button,.ina-pagination__page-button{min-height:28px;min-width:28px}.ina-pagination__nav-icon{height:14px;width:14px}}@media (prefers-contrast:high){.ina-pagination__nav-button,.ina-pagination__page-button{border-width:2px}.ina-pagination__nav-button--disabled,.ina-pagination__page-button--disabled{opacity:.3}.ina-pagination__page-button--active{border-width:2px;font-weight:var(--ina-font-bold)}}@media print{.ina-pagination{display:none}}@media (prefers-reduced-motion:reduce){.ina-pagination__nav-button,.ina-pagination__page-button,.ina-pagination__page-size-select{transition:none}}.ina-password-input{display:flex;flex-direction:column}.ina-password-input__label{color:var(--ina-content-primary,#1f1f1f);font-size:var(--ina-font-sm,.875rem);font-weight:var(--ina-font-medium,500);margin-bottom:var(--ina-spacing-2,.5rem)}.ina-password-input__required{color:var(--ina-negative-500,#f02d2d);display:inline;margin-left:var(--ina-spacing-1,.25rem)}.ina-password-input__wrapper{align-items:center;background-color:var(--ina-background-primary,#fff);border:1px solid var(--ina-stroke-primary,#e5e5e5);border-radius:var(--ina-radius-lg,.5rem);display:flex;gap:var(--ina-spacing-2,.5rem);padding:var(--ina-spacing-2,.5rem) var(--ina-spacing-3,.75rem);transition:border-color var(--ina-transition-base,.2s ease-in-out),box-shadow var(--ina-transition-base,.2s ease-in-out)}.ina-password-input__wrapper--size-sm{height:40px}.ina-password-input__wrapper--size-md{height:44px}.ina-password-input__wrapper--size-lg{height:48px}@media (max-width:767px){.ina-password-input__wrapper--size-sm{height:36px}.ina-password-input__wrapper--size-md{height:40px}.ina-password-input__wrapper--size-lg{height:44px}}@media (max-width:639px){.ina-password-input__wrapper--size-sm{height:32px}.ina-password-input__wrapper--size-md{height:36px}.ina-password-input__wrapper--size-lg{height:40px}}.ina-password-input__wrapper.ina-password-input__wrapper--neutral{border-color:var(--ina-stroke-primary)}.ina-password-input__wrapper.ina-password-input__wrapper--neutral:focus-within{border-color:var(--ina-content-primary,#1f1f1f);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-content-primary,#1f1f1f)!important}.ina-password-input__wrapper.ina-password-input__wrapper--error{border-color:var(--ina-negative-500)}.ina-password-input__wrapper.ina-password-input__wrapper--error:focus-within{border-color:var(--ina-negative-600,#d50b0b);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-negative-500,#f02d2d)!important}.ina-password-input__wrapper.ina-password-input__wrapper--warning{border-color:var(--ina-warning-500)}.ina-password-input__wrapper.ina-password-input__wrapper--warning:focus-within{border-color:var(--ina-warning-600,#855f00);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-warning-500,#eebb04)!important}.ina-password-input__wrapper.ina-password-input__wrapper--success{border-color:var(--ina-positive-600)}.ina-password-input__wrapper.ina-password-input__wrapper--success:focus-within{border-color:var(--ina-positive-600,#288034);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-positive-500,#3cc14e)!important}.ina-password-input__prefix-icon{color:var(--ina-content-secondary,#525252);flex-shrink:0}.ina-password-input__input{background:transparent;border:none;color:var(--ina-content-primary,#1f1f1f);flex:1;font-size:var(--ina-font-sm,.875rem);outline:none}.ina-password-input__input::-moz-placeholder{color:var(--ina-content-tertiary,#a3a3a3)!important}.ina-password-input__input::placeholder{color:var(--ina-content-tertiary,#a3a3a3)!important}.ina-password-input__input:disabled{cursor:not-allowed;opacity:.6}.ina-password-input__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--ina-spacing-1)}.ina-password-input__action-button{align-items:center;background:transparent;border:none;border-radius:var(--ina-radius-base,.25rem);color:var(--ina-content-dark-secondary,#737373);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--ina-spacing-1);transition:color var(--ina-transition-base,.2s ease-in-out)}.ina-password-input__action-button:hover:not(:disabled){color:var(--ina-content-secondary)}.ina-password-input__action-button:disabled{cursor:not-allowed;opacity:.5}.ina-password-input__clear-icon{height:16px;width:16px}.ina-password-input__visibility-icon{height:20px;width:20px}.ina-password-input__status-area{align-items:center;display:flex;font-size:var(--ina-font-xs);justify-content:space-between;min-height:16px}.ina-password-input .ina-password-input__status-message{color:var(--ina-content-secondary);flex:1;padding-top:var(--ina-spacing-1,.25rem)}.ina-password-input .ina-password-input__status-message.ina-password-input__status-message--error{color:var(--ina-negative-500)}.ina-password-input .ina-password-input__status-message.ina-password-input__status-message--warning{color:var(--ina-warning-500)}.ina-password-input .ina-password-input__status-message.ina-password-input__status-message--success{color:var(--ina-positive-600)}.ina-password-input__character-count{color:var(--ina-content-secondary,#525252);font-size:var(--ina-font-xs,.75rem);font-weight:var(--ina-font-medium,500);margin-left:var(--ina-spacing-2,.5rem)}.ina-password-input__character-count--warning{color:var(--ina-warning-500)}.ina-password-input__character-count--error{color:var(--ina-negative-500)}.ina-password-input--size-sm .ina-password-input__wrapper{font-size:var(--ina-font-xs);padding:var(--ina-spacing-1-5) var(--ina-spacing-2)}.ina-password-input--size-sm .ina-password-input__input,.ina-password-input--size-sm .ina-password-input__label{font-size:var(--ina-font-xs)}.ina-password-input--size-sm .ina-password-input__clear-icon{height:14px;width:14px}.ina-password-input--size-sm .ina-password-input__visibility-icon{height:18px;width:18px}.ina-password-input--size-lg .ina-password-input__wrapper{font-size:var(--ina-font-base);padding:var(--ina-spacing-2-5) var(--ina-spacing-4)}.ina-password-input--size-lg .ina-password-input__input,.ina-password-input--size-lg .ina-password-input__label{font-size:var(--ina-font-base)}.ina-password-input--size-lg .ina-password-input__clear-icon{height:18px;width:18px}.ina-password-input--size-lg .ina-password-input__visibility-icon{height:22px;width:22px}.ina-password-input--variant-outlined .ina-password-input__wrapper{border-width:2px}.ina-password-input--variant-filled .ina-password-input__wrapper{background-color:var(--ina-neutral-100);border-color:var(--ina-neutral-200)}.ina-password-input--variant-filled .ina-password-input__wrapper:focus-within{background-color:var(--ina-background-primary);border-color:var(--ina-primary-500)}.ina-password-input__wrapper--disabled{background-color:var(--ina-background-tertiary,#f2f2f2);border-color:var(--ina-stroke-primary)!important;cursor:not-allowed}.ina-password-input__wrapper--disabled>.ina-password-input__input::-moz-placeholder{color:var(--ina-content-tertiary,#a3a3a3)!important}.ina-password-input__wrapper--disabled>.ina-password-input__input::placeholder{color:var(--ina-content-tertiary,#a3a3a3)!important}.ina-password-input--loading .ina-password-input__wrapper,.ina-password-input__wrapper--disabled .ina-password-input__input{cursor:not-allowed;opacity:.6}.ina-password-input--loading .ina-password-input__input{cursor:not-allowed}.ina-password-input--loading .ina-password-input__action-button{cursor:not-allowed;opacity:.6}.ina-password-input__wrapper:focus-within{background-color:var(--ina-background-primary,#fff);border-color:var(--ina-content-primary,#1f1f1f);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ina-content-primary,#1f1f1f);outline:none}.ina-password-input__wrapper:hover{background-color:var(--ina-neutral-50,#f8f8f7)}.ina-password-input__strength-indicator{background-color:var(--ina-neutral-200);border-radius:var(--ina-radius-full);height:4px;margin-top:var(--ina-spacing-1);overflow:hidden}.ina-password-input__strength-bar{height:100%;transition:width var(--ina-transition-duration-300) ease-out,background-color var(--ina-transition-base)}.ina-password-input__strength-bar--weak{background-color:var(--ina-negative-500)}.ina-password-input__strength-bar--fair{background-color:var(--ina-warning-500)}.ina-password-input__strength-bar--good{background-color:var(--ina-positive-600)}.ina-password-input__strength-bar--strong{background-color:var(--ina-primary-500)}@media (max-width:639px){.ina-password-input__wrapper{padding:var(--ina-spacing-3)}.ina-password-input__character-count,.ina-password-input__input,.ina-password-input__label,.ina-password-input__status-area{font-size:var(--ina-font-xs)}.ina-password-input__action-button{padding:var(--ina-spacing-2)}}.ina-password-input__action-button:focus{outline:2px solid var(--ina-primary-500);outline-offset:2px}.ina-password-input__sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.ina-password-input__clear-button,.ina-password-input__toggle-button{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:none;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;letter-spacing:normal;line-height:normal;margin:0;outline:none;padding:0;text-align:inherit;text-indent:0;text-shadow:none;text-transform:none;word-spacing:normal}.ina-phone-input{display:flex;flex-direction:column}.ina-phone-input__label{color:var(--ina-content-primary,#1f1f1f);font-size:var(--ina-font-sm,.875rem);font-weight:var(--ina-font-medium,500);margin-bottom:var(--ina-spacing-2,.5rem)}.ina-phone-input__required{color:var(--ina-negative-500,#f02d2d);display:inline;margin-left:var(--ina-spacing-1,.25rem)}.ina-phone-input__wrapper{align-items:center;background-color:var(--ina-background-primary,#fff);border:1px solid var(--ina-stroke-primary,#e5e5e5);border-radius:var(--ina-radius-lg,.5rem);display:flex;gap:var(--ina-spacing-2,.5rem);padding:var(--ina-spacing-2,.5rem) var(--ina-spacing-3,.75rem);position:relative;transition:all var(--ina-transition-base,.2s ease-in-out)}.ina-phone-input__wrapper--size-sm{height:40px}.ina-phone-input__wrapper--size-md{height:44px}.ina-phone-input__wrapper--size-lg{height:48px}.ina-phone-input__country-flag-img{box-shadow:0 1px 2px 0 rgba(31,31,31,.1),0 0 0 2px var(--ina-neutral-25,#fff)!important;display:block;height:20px;-o-object-fit:contain;object-fit:contain;width:26px}@media (max-width:767px){.ina-phone-input__wrapper--size-sm{height:36px}.ina-phone-input__wrapper--size-md{height:40px}.ina-phone-input__wrapper--size-lg{height:44px}}@media (max-width:639px){.ina-phone-input__country-flag-img{height:15px;width:20px}.ina-phone-input__wrapper{padding:var(--ina-spacing-2) var(--ina-spacing-3)}.ina-phone-input__wrapper--size-sm{height:32px}.ina-phone-input__wrapper--size-md{height:36px}.ina-phone-input__wrapper--size-lg{height:40px}.ina-phone-input__wrapper .ina-phone-input__country-search-input::-moz-placeholder{font-size:var(
14
14
  --ina-font-xs
15
15
  )!important}.ina-phone-input__country-button,.ina-phone-input__country-code,.ina-phone-input__country-dial-code,.ina-phone-input__country-name,.ina-phone-input__label,.ina-phone-input__wrapper .ina-phone-input__country-search-input,.ina-phone-input__wrapper .ina-phone-input__country-search-input::placeholder,.ina-phone-input__wrapper input.ina-phone-input__input{font-size:var(
16
16
  --ina-font-xs
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@idds/styles",
3
- "version": "1.5.56",
3
+ "version": "1.5.58",
4
4
  "description": "Shared CSS styles and colors for INA Digital Design System",
5
5
  "type": "module",
6
6
  "main": "./dist/index.css",