@vuetify/nightly 3.3.0-master.2023-05-21 → 3.3.0-master.2023-05-22

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.3.0-master.2023-05-21
2
+ * Vuetify v3.3.0-master.2023-05-22
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16119,31 +16119,6 @@ html.overflow-y-hidden {
16119
16119
 
16120
16120
  .v-data-table-rows-no-data {
16121
16121
  text-align: center;
16122
- }.v-infinite-scroll--horizontal {
16123
- display: flex;
16124
- flex-direction: row;
16125
- overflow-x: auto;
16126
- }
16127
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
16128
- height: 100%;
16129
- width: 1px;
16130
- }
16131
-
16132
- .v-infinite-scroll--vertical {
16133
- display: flex;
16134
- flex-direction: column;
16135
- overflow-y: auto;
16136
- }
16137
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
16138
- height: 1px;
16139
- width: 100%;
16140
- }
16141
-
16142
- .v-infinite-scroll__side {
16143
- align-items: center;
16144
- display: flex;
16145
- justify-content: center;
16146
- padding: 8px;
16147
16122
  }.v-data-table-footer {
16148
16123
  display: flex;
16149
16124
  align-items: center;
@@ -16174,6 +16149,31 @@ html.overflow-y-hidden {
16174
16149
 
16175
16150
  .v-data-table-footer__page {
16176
16151
  padding: 0 8px;
16152
+ }.v-infinite-scroll--horizontal {
16153
+ display: flex;
16154
+ flex-direction: row;
16155
+ overflow-x: auto;
16156
+ }
16157
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
16158
+ height: 100%;
16159
+ width: 1px;
16160
+ }
16161
+
16162
+ .v-infinite-scroll--vertical {
16163
+ display: flex;
16164
+ flex-direction: column;
16165
+ overflow-y: auto;
16166
+ }
16167
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
16168
+ height: 1px;
16169
+ width: 100%;
16170
+ }
16171
+
16172
+ .v-infinite-scroll__side {
16173
+ align-items: center;
16174
+ display: flex;
16175
+ justify-content: center;
16176
+ padding: 8px;
16177
16177
  }.v-skeleton-loader {
16178
16178
  align-items: center;
16179
16179
  background: rgb(var(--v-theme-surface));
@@ -17094,60 +17094,6 @@ html.overflow-y-hidden {
17094
17094
  }
17095
17095
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17096
17096
  transform: translateY(0.5rem);
17097
- }.v-breadcrumbs {
17098
- display: flex;
17099
- align-items: center;
17100
- line-height: 1.375rem;
17101
- padding: 16px 12px;
17102
- }
17103
- .v-breadcrumbs--rounded {
17104
- border-radius: 4px;
17105
- }
17106
- .v-breadcrumbs--density-default {
17107
- padding-top: 16px;
17108
- padding-bottom: 16px;
17109
- }
17110
-
17111
- .v-breadcrumbs--density-comfortable {
17112
- padding-top: 12px;
17113
- padding-bottom: 12px;
17114
- }
17115
-
17116
- .v-breadcrumbs--density-compact {
17117
- padding-top: 8px;
17118
- padding-bottom: 8px;
17119
- }
17120
-
17121
- .v-breadcrumbs__prepend {
17122
- align-items: center;
17123
- display: inline-flex;
17124
- }
17125
-
17126
- .v-breadcrumbs-item {
17127
- align-items: center;
17128
- color: inherit;
17129
- display: inline-flex;
17130
- padding: 0 4px;
17131
- text-decoration: none;
17132
- vertical-align: middle;
17133
- }
17134
- .v-breadcrumbs-item--disabled {
17135
- opacity: var(--v-disabled-opacity);
17136
- pointer-events: none;
17137
- }
17138
- .v-breadcrumbs-item--link:hover {
17139
- text-decoration: underline;
17140
- }
17141
- .v-breadcrumbs-item .v-icon {
17142
- font-size: 1rem;
17143
- margin-inline-start: -4px;
17144
- margin-inline-end: 2px;
17145
- }
17146
-
17147
- .v-breadcrumbs-divider {
17148
- display: inline-block;
17149
- padding: 0 8px;
17150
- vertical-align: middle;
17151
17097
  }/** if false, disabled buttons will be greyed out */
17152
17098
  .v-btn {
17153
17099
  align-items: center;
@@ -17969,1432 +17915,1432 @@ html.overflow-y-hidden {
17969
17915
  width: 50px;
17970
17916
  }.v-checkbox .v-selection-control {
17971
17917
  min-height: var(--v-input-control-height);
17972
- }.v-chip-group {
17973
- display: flex;
17918
+ }.v-chip {
17919
+ align-items: center;
17920
+ cursor: default;
17921
+ display: inline-flex;
17922
+ font-weight: 400;
17974
17923
  max-width: 100%;
17975
17924
  min-width: 0;
17976
- overflow-x: auto;
17977
- padding: 4px 0;
17978
- flex-wrap: wrap;
17979
- }
17980
- .v-chip-group .v-chip {
17981
- margin: 4px 8px 4px 0;
17982
- }
17983
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
17984
- opacity: var(--v-activated-opacity);
17925
+ overflow: hidden;
17926
+ position: relative;
17927
+ text-decoration: none;
17928
+ white-space: nowrap;
17929
+ vertical-align: middle;
17930
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17931
+ border-style: solid;
17932
+ border-width: 0;
17933
+ border-radius: 9999px;
17985
17934
  }
17986
-
17987
- .v-chip-group--column {
17988
- flex-wrap: wrap;
17989
- white-space: normal;
17990
- }.v-color-picker {
17991
- align-self: flex-start;
17992
- contain: content;
17935
+ .v-chip.v-chip--size-x-small {
17936
+ --v-chip-size: 0.625rem;
17937
+ --v-chip-height: 20px;
17938
+ font-size: 0.625rem;
17939
+ padding: 0 8px;
17993
17940
  }
17994
- .v-color-picker.v-sheet {
17995
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17996
- border-radius: 4px;
17941
+ .v-chip.v-chip--size-x-small .v-avatar {
17942
+ --v-avatar-height: 14px;
17997
17943
  }
17998
-
17999
- .v-color-picker__controls {
18000
- display: flex;
18001
- flex-direction: column;
18002
- padding: 16px;
17944
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
17945
+ --v-avatar-height: 20px;
18003
17946
  }
18004
17947
 
18005
- .v-color-picker--flat {
18006
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17948
+ .v-chip.v-chip--size-x-small .v-avatar--start {
17949
+ margin-inline-start: -5.6px;
17950
+ margin-inline-end: 4px;
18007
17951
  }
18008
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
18009
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18010
- }.v-input--density-default {
18011
- --combobox-chips-margin-bottom: 0px;
17952
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
17953
+ margin-inline-start: -8px;
18012
17954
  }
18013
17955
 
18014
- .v-input--density-comfortable {
18015
- --combobox-chips-margin-bottom: 2px;
17956
+ .v-chip.v-chip--size-x-small .v-avatar--end {
17957
+ margin-inline-start: 4px;
17958
+ margin-inline-end: -5.6px;
17959
+ }
17960
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
17961
+ margin-inline-end: -8px;
18016
17962
  }
18017
17963
 
18018
- .v-input--density-compact {
18019
- --combobox-chips-margin-bottom: 4px;
17964
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
17965
+ margin-inline-start: 12px;
18020
17966
  }
18021
17967
 
18022
- .v-combobox .v-field .v-text-field__prefix,
18023
- .v-combobox .v-field .v-text-field__suffix,
18024
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
18025
- cursor: text;
17968
+ .v-chip.v-chip--size-x-small .v-icon--start,
17969
+ .v-chip.v-chip--size-x-small .v-chip__filter {
17970
+ margin-inline-start: -4px;
17971
+ margin-inline-end: 4px;
18026
17972
  }
18027
- .v-combobox .v-field--variant-outlined {
18028
- --combobox-chips-margin-bottom: 2px;
17973
+ .v-chip.v-chip--size-x-small .v-icon--end,
17974
+ .v-chip.v-chip--size-x-small .v-chip__close {
17975
+ margin-inline-start: 4px;
17976
+ margin-inline-end: -4px;
18029
17977
  }
18030
- .v-combobox .v-field .v-field__input > input {
18031
- align-self: flex-start;
18032
- flex: 1 1;
17978
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
17979
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
17980
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
17981
+ margin-inline-start: 8px;
18033
17982
  }
18034
- .v-combobox .v-field:not(.v-field--focused) input {
18035
- min-width: 0;
17983
+
17984
+ .v-chip.v-chip--size-small {
17985
+ --v-chip-size: 0.75rem;
17986
+ --v-chip-height: 26px;
17987
+ font-size: 0.75rem;
17988
+ padding: 0 10px;
18036
17989
  }
18037
- .v-combobox .v-field--dirty .v-combobox__selection {
18038
- margin-inline-end: 2px;
17990
+ .v-chip.v-chip--size-small .v-avatar {
17991
+ --v-avatar-height: 20px;
18039
17992
  }
18040
- .v-combobox .v-field--single-line .v-combobox__selection-text {
18041
- overflow: hidden;
18042
- text-overflow: ellipsis;
18043
- white-space: nowrap;
17993
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
17994
+ --v-avatar-height: 26px;
18044
17995
  }
18045
17996
 
18046
- .v-combobox__content {
18047
- overflow: hidden;
18048
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18049
- border-radius: 4px;
18050
- }
18051
- .v-combobox__mask {
18052
- background: rgb(var(--v-theme-on-surface-variant));
17997
+ .v-chip.v-chip--size-small .v-avatar--start {
17998
+ margin-inline-start: -7px;
17999
+ margin-inline-end: 5px;
18053
18000
  }
18054
- .v-combobox__selection {
18055
- display: inline-flex;
18056
- letter-spacing: inherit;
18057
- line-height: inherit;
18058
- max-width: 100%;
18001
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
18002
+ margin-inline-start: -10px;
18059
18003
  }
18060
- .v-combobox--chips .v-field__input, .v-combobox--selection-slot .v-field__input {
18061
- min-height: calc(var(--v-field-input-min-height) + var(--combobox-chips-margin-bottom) + 2px);
18004
+
18005
+ .v-chip.v-chip--size-small .v-avatar--end {
18006
+ margin-inline-start: 5px;
18007
+ margin-inline-end: -7px;
18062
18008
  }
18063
- .v-combobox--chips .v-combobox__selection, .v-combobox--selection-slot .v-combobox__selection {
18064
- margin-top: 2px;
18065
- margin-bottom: var(--combobox-chips-margin-bottom);
18009
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
18010
+ margin-inline-end: -10px;
18066
18011
  }
18067
- .v-combobox--chips .v-combobox__selection:first-child, .v-combobox--selection-slot .v-combobox__selection:first-child {
18068
- margin-inline-start: 0;
18012
+
18013
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
18014
+ margin-inline-start: 15px;
18069
18015
  }
18070
- .v-combobox--selecting-index .v-combobox__selection {
18071
- opacity: var(--v-medium-emphasis-opacity);
18016
+
18017
+ .v-chip.v-chip--size-small .v-icon--start,
18018
+ .v-chip.v-chip--size-small .v-chip__filter {
18019
+ margin-inline-start: -5px;
18020
+ margin-inline-end: 5px;
18072
18021
  }
18073
- .v-combobox--selecting-index .v-combobox__selection--selected {
18074
- opacity: 1;
18075
- }
18076
- .v-combobox--selecting-index .v-field__input > input {
18077
- caret-color: transparent;
18022
+ .v-chip.v-chip--size-small .v-icon--end,
18023
+ .v-chip.v-chip--size-small .v-chip__close {
18024
+ margin-inline-start: 5px;
18025
+ margin-inline-end: -5px;
18078
18026
  }
18079
- .v-combobox--single.v-text-field input {
18080
- flex: 1 1;
18081
- position: absolute;
18082
- left: 0;
18083
- right: 0;
18084
- width: 100%;
18085
- padding-inline-start: inherit;
18086
- padding-inline-end: inherit;
18027
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
18028
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
18029
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
18030
+ margin-inline-start: 10px;
18087
18031
  }
18088
- .v-combobox--single .v-field--active input {
18089
- transition: none;
18032
+
18033
+ .v-chip.v-chip--size-default {
18034
+ --v-chip-size: 0.875rem;
18035
+ --v-chip-height: 32px;
18036
+ font-size: 0.875rem;
18037
+ padding: 0 12px;
18090
18038
  }
18091
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
18092
- opacity: 0;
18039
+ .v-chip.v-chip--size-default .v-avatar {
18040
+ --v-avatar-height: 26px;
18093
18041
  }
18094
- .v-combobox--single .v-field--focused .v-combobox__selection {
18095
- opacity: 0;
18042
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
18043
+ --v-avatar-height: 32px;
18096
18044
  }
18097
- .v-combobox__menu-icon {
18098
- margin-inline-start: 4px;
18099
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18045
+
18046
+ .v-chip.v-chip--size-default .v-avatar--start {
18047
+ margin-inline-start: -8.4px;
18048
+ margin-inline-end: 6px;
18100
18049
  }
18101
- .v-combobox--active-menu .v-combobox__menu-icon {
18102
- opacity: var(--v-high-emphasis-opacity);
18103
- transform: rotate(180deg);
18104
- }.v-counter {
18105
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18106
- flex: 0 1 auto;
18107
- font-size: 12px;
18108
- transition-duration: 150ms;
18109
- }.v-container {
18110
- width: 100%;
18111
- padding: 16px;
18112
- margin-right: auto;
18113
- margin-left: auto;
18050
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
18051
+ margin-inline-start: -12px;
18114
18052
  }
18115
- @media (min-width: 960px) {
18116
- .v-container {
18117
- max-width: 900px;
18118
- }
18053
+
18054
+ .v-chip.v-chip--size-default .v-avatar--end {
18055
+ margin-inline-start: 6px;
18056
+ margin-inline-end: -8.4px;
18119
18057
  }
18120
- @media (min-width: 1280px) {
18121
- .v-container {
18122
- max-width: 1200px;
18123
- }
18058
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
18059
+ margin-inline-end: -12px;
18124
18060
  }
18125
- @media (min-width: 1920px) {
18126
- .v-container {
18127
- max-width: 1800px;
18128
- }
18061
+
18062
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
18063
+ margin-inline-start: 18px;
18129
18064
  }
18130
- @media (min-width: 2560px) {
18131
- .v-container {
18132
- max-width: 2400px;
18133
- }
18065
+
18066
+ .v-chip.v-chip--size-default .v-icon--start,
18067
+ .v-chip.v-chip--size-default .v-chip__filter {
18068
+ margin-inline-start: -6px;
18069
+ margin-inline-end: 6px;
18134
18070
  }
18135
- .v-container--fluid {
18136
- max-width: 100%;
18071
+ .v-chip.v-chip--size-default .v-icon--end,
18072
+ .v-chip.v-chip--size-default .v-chip__close {
18073
+ margin-inline-start: 6px;
18074
+ margin-inline-end: -6px;
18137
18075
  }
18138
- .v-container.fill-height {
18139
- align-items: center;
18140
- display: flex;
18141
- flex-wrap: wrap;
18076
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
18077
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
18078
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
18079
+ margin-inline-start: 12px;
18142
18080
  }
18143
18081
 
18144
- .v-row {
18145
- display: flex;
18146
- flex-wrap: wrap;
18147
- flex: 1 1 auto;
18148
- margin: -12px;
18082
+ .v-chip.v-chip--size-large {
18083
+ --v-chip-size: 1rem;
18084
+ --v-chip-height: 38px;
18085
+ font-size: 1rem;
18086
+ padding: 0 14px;
18149
18087
  }
18150
- .v-row + .v-row {
18151
- margin-top: 12px;
18088
+ .v-chip.v-chip--size-large .v-avatar {
18089
+ --v-avatar-height: 32px;
18152
18090
  }
18153
- .v-row + .v-row--dense {
18154
- margin-top: 4px;
18091
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
18092
+ --v-avatar-height: 38px;
18155
18093
  }
18156
- .v-row--dense {
18157
- margin: -4px;
18094
+
18095
+ .v-chip.v-chip--size-large .v-avatar--start {
18096
+ margin-inline-start: -9.8px;
18097
+ margin-inline-end: 7px;
18158
18098
  }
18159
- .v-row--dense > .v-col,
18160
- .v-row--dense > [class*=v-col-] {
18161
- padding: 4px;
18099
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
18100
+ margin-inline-start: -14px;
18162
18101
  }
18163
- .v-row.v-row--no-gutters {
18164
- margin: 0;
18102
+
18103
+ .v-chip.v-chip--size-large .v-avatar--end {
18104
+ margin-inline-start: 7px;
18105
+ margin-inline-end: -9.8px;
18165
18106
  }
18166
- .v-row.v-row--no-gutters > .v-col,
18167
- .v-row.v-row--no-gutters > [class*=v-col-] {
18168
- padding: 0;
18107
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
18108
+ margin-inline-end: -14px;
18169
18109
  }
18170
18110
 
18171
- .v-col-xxl,
18172
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
18173
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
18174
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
18175
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
18176
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
18177
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
18178
- width: 100%;
18179
- padding: 12px;
18111
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
18112
+ margin-inline-start: 21px;
18180
18113
  }
18181
18114
 
18182
- .v-col {
18183
- flex-basis: 0;
18184
- flex-grow: 1;
18185
- max-width: 100%;
18115
+ .v-chip.v-chip--size-large .v-icon--start,
18116
+ .v-chip.v-chip--size-large .v-chip__filter {
18117
+ margin-inline-start: -7px;
18118
+ margin-inline-end: 7px;
18186
18119
  }
18187
-
18188
- .v-col-auto {
18189
- flex: 0 0 auto;
18190
- width: auto;
18191
- max-width: 100%;
18120
+ .v-chip.v-chip--size-large .v-icon--end,
18121
+ .v-chip.v-chip--size-large .v-chip__close {
18122
+ margin-inline-start: 7px;
18123
+ margin-inline-end: -7px;
18192
18124
  }
18193
-
18194
- .v-col-1 {
18195
- flex: 0 0 8.3333333333%;
18196
- max-width: 8.3333333333%;
18125
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
18126
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
18127
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
18128
+ margin-inline-start: 14px;
18197
18129
  }
18198
18130
 
18199
- .v-col-2 {
18200
- flex: 0 0 16.6666666667%;
18201
- max-width: 16.6666666667%;
18131
+ .v-chip.v-chip--size-x-large {
18132
+ --v-chip-size: 1.125rem;
18133
+ --v-chip-height: 44px;
18134
+ font-size: 1.125rem;
18135
+ padding: 0 17px;
18202
18136
  }
18203
-
18204
- .v-col-3 {
18205
- flex: 0 0 25%;
18206
- max-width: 25%;
18137
+ .v-chip.v-chip--size-x-large .v-avatar {
18138
+ --v-avatar-height: 38px;
18207
18139
  }
18208
-
18209
- .v-col-4 {
18210
- flex: 0 0 33.3333333333%;
18211
- max-width: 33.3333333333%;
18140
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
18141
+ --v-avatar-height: 44px;
18212
18142
  }
18213
18143
 
18214
- .v-col-5 {
18215
- flex: 0 0 41.6666666667%;
18216
- max-width: 41.6666666667%;
18144
+ .v-chip.v-chip--size-x-large .v-avatar--start {
18145
+ margin-inline-start: -11.9px;
18146
+ margin-inline-end: 8.5px;
18217
18147
  }
18218
-
18219
- .v-col-6 {
18220
- flex: 0 0 50%;
18221
- max-width: 50%;
18148
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
18149
+ margin-inline-start: -17px;
18222
18150
  }
18223
18151
 
18224
- .v-col-7 {
18225
- flex: 0 0 58.3333333333%;
18226
- max-width: 58.3333333333%;
18152
+ .v-chip.v-chip--size-x-large .v-avatar--end {
18153
+ margin-inline-start: 8.5px;
18154
+ margin-inline-end: -11.9px;
18155
+ }
18156
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
18157
+ margin-inline-end: -17px;
18227
18158
  }
18228
18159
 
18229
- .v-col-8 {
18230
- flex: 0 0 66.6666666667%;
18231
- max-width: 66.6666666667%;
18160
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
18161
+ margin-inline-start: 25.5px;
18232
18162
  }
18233
18163
 
18234
- .v-col-9 {
18235
- flex: 0 0 75%;
18236
- max-width: 75%;
18164
+ .v-chip.v-chip--size-x-large .v-icon--start,
18165
+ .v-chip.v-chip--size-x-large .v-chip__filter {
18166
+ margin-inline-start: -8.5px;
18167
+ margin-inline-end: 8.5px;
18168
+ }
18169
+ .v-chip.v-chip--size-x-large .v-icon--end,
18170
+ .v-chip.v-chip--size-x-large .v-chip__close {
18171
+ margin-inline-start: 8.5px;
18172
+ margin-inline-end: -8.5px;
18173
+ }
18174
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
18175
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
18176
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
18177
+ margin-inline-start: 17px;
18237
18178
  }
18238
18179
 
18239
- .v-col-10 {
18240
- flex: 0 0 83.3333333333%;
18241
- max-width: 83.3333333333%;
18180
+ .v-chip.v-chip--density-default {
18181
+ height: calc(var(--v-chip-height) + 0px);
18242
18182
  }
18243
18183
 
18244
- .v-col-11 {
18245
- flex: 0 0 91.6666666667%;
18246
- max-width: 91.6666666667%;
18184
+ .v-chip.v-chip--density-comfortable {
18185
+ height: calc(var(--v-chip-height) + -8px);
18247
18186
  }
18248
18187
 
18249
- .v-col-12 {
18250
- flex: 0 0 100%;
18251
- max-width: 100%;
18188
+ .v-chip.v-chip--density-compact {
18189
+ height: calc(var(--v-chip-height) + -12px);
18252
18190
  }
18253
18191
 
18254
- .offset-1.v-locale--is-ltr, .v-locale--is-ltr .offset-1 {
18255
- margin-left: 8.3333333333%;
18192
+ .v-chip:hover > .v-chip__overlay {
18193
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18256
18194
  }
18257
- .offset-1.v-locale--is-rtl, .v-locale--is-rtl .offset-1 {
18258
- margin-right: 8.3333333333%;
18195
+ .v-chip:focus-visible > .v-chip__overlay {
18196
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18259
18197
  }
18260
-
18261
- .offset-2.v-locale--is-ltr, .v-locale--is-ltr .offset-2 {
18262
- margin-left: 16.6666666667%;
18198
+ @supports not selector(:focus-visible) {
18199
+ .v-chip:focus > .v-chip__overlay {
18200
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18201
+ }
18263
18202
  }
18264
- .offset-2.v-locale--is-rtl, .v-locale--is-rtl .offset-2 {
18265
- margin-right: 16.6666666667%;
18203
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
18204
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18266
18205
  }
18267
-
18268
- .offset-3.v-locale--is-ltr, .v-locale--is-ltr .offset-3 {
18269
- margin-left: 25%;
18206
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
18207
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18270
18208
  }
18271
- .offset-3.v-locale--is-rtl, .v-locale--is-rtl .offset-3 {
18272
- margin-right: 25%;
18209
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
18210
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18211
+ }
18212
+ @supports not selector(:focus-visible) {
18213
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
18214
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18215
+ }
18216
+ }
18217
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
18218
+ background: transparent;
18219
+ color: inherit;
18220
+ }
18221
+ .v-chip--variant-plain {
18222
+ opacity: 0.26;
18223
+ }
18224
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
18225
+ opacity: 1;
18226
+ }
18227
+ .v-chip--variant-plain .v-chip__overlay {
18228
+ display: none;
18229
+ }
18230
+ .v-chip--variant-elevated, .v-chip--variant-flat {
18231
+ background: rgb(var(--v-theme-surface-variant));
18232
+ color: rgb(var(--v-theme-on-surface-variant));
18233
+ }
18234
+ .v-chip--variant-elevated {
18235
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18236
+ }
18237
+ .v-chip--variant-flat {
18238
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18239
+ }
18240
+ .v-chip--variant-outlined {
18241
+ border: thin solid currentColor;
18242
+ }
18243
+ .v-chip--variant-text .v-chip__overlay {
18244
+ background: currentColor;
18245
+ }
18246
+ .v-chip--variant-tonal .v-chip__underlay {
18247
+ background: currentColor;
18248
+ opacity: var(--v-activated-opacity);
18249
+ border-radius: inherit;
18250
+ position: absolute;
18251
+ top: 0;
18252
+ right: 0;
18253
+ bottom: 0;
18254
+ left: 0;
18255
+ pointer-events: none;
18256
+ }
18257
+ .v-chip--border {
18258
+ border-width: thin;
18259
+ }
18260
+ .v-chip--link {
18261
+ cursor: pointer;
18262
+ }
18263
+ .v-chip--filter {
18264
+ -webkit-user-select: none;
18265
+ user-select: none;
18266
+ }
18267
+ .v-chip--label {
18268
+ border-radius: 4px;
18273
18269
  }
18274
18270
 
18275
- .offset-4.v-locale--is-ltr, .v-locale--is-ltr .offset-4 {
18276
- margin-left: 33.3333333333%;
18271
+ .v-chip__content {
18272
+ align-items: center;
18273
+ display: inline-flex;
18277
18274
  }
18278
- .offset-4.v-locale--is-rtl, .v-locale--is-rtl .offset-4 {
18279
- margin-right: 33.3333333333%;
18275
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
18276
+ overflow: hidden;
18280
18277
  }
18281
18278
 
18282
- .offset-5.v-locale--is-ltr, .v-locale--is-ltr .offset-5 {
18283
- margin-left: 41.6666666667%;
18279
+ .v-chip__filter,
18280
+ .v-chip__prepend,
18281
+ .v-chip__append,
18282
+ .v-chip__close {
18283
+ align-items: center;
18284
+ display: inline-flex;
18284
18285
  }
18285
- .offset-5.v-locale--is-rtl, .v-locale--is-rtl .offset-5 {
18286
- margin-right: 41.6666666667%;
18286
+
18287
+ .v-chip__close {
18288
+ cursor: pointer;
18289
+ flex: 0 1 auto;
18290
+ font-size: 18px;
18291
+ max-height: 18px;
18292
+ max-width: 18px;
18293
+ -webkit-user-select: none;
18294
+ user-select: none;
18295
+ }
18296
+ .v-chip__close .v-icon {
18297
+ font-size: inherit;
18287
18298
  }
18288
18299
 
18289
- .offset-6.v-locale--is-ltr, .v-locale--is-ltr .offset-6 {
18290
- margin-left: 50%;
18300
+ .v-chip__filter {
18301
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
18291
18302
  }
18292
- .offset-6.v-locale--is-rtl, .v-locale--is-rtl .offset-6 {
18293
- margin-right: 50%;
18303
+
18304
+ .v-chip__overlay {
18305
+ position: absolute;
18306
+ top: 0;
18307
+ left: 0;
18308
+ width: 100%;
18309
+ height: 100%;
18310
+ background-color: currentColor;
18311
+ border-radius: inherit;
18312
+ pointer-events: none;
18313
+ opacity: 0;
18314
+ transition: opacity 0.2s ease-in-out;
18294
18315
  }
18295
18316
 
18296
- .offset-7.v-locale--is-ltr, .v-locale--is-ltr .offset-7 {
18297
- margin-left: 58.3333333333%;
18317
+ .v-chip--disabled {
18318
+ opacity: 0.3;
18319
+ pointer-events: none;
18320
+ -webkit-user-select: none;
18321
+ user-select: none;
18298
18322
  }
18299
- .offset-7.v-locale--is-rtl, .v-locale--is-rtl .offset-7 {
18300
- margin-right: 58.3333333333%;
18323
+
18324
+ .v-chip--label {
18325
+ border-radius: 4px;
18326
+ }.v-chip-group {
18327
+ display: flex;
18328
+ max-width: 100%;
18329
+ min-width: 0;
18330
+ overflow-x: auto;
18331
+ padding: 4px 0;
18332
+ flex-wrap: wrap;
18333
+ }
18334
+ .v-chip-group .v-chip {
18335
+ margin: 4px 8px 4px 0;
18336
+ }
18337
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18338
+ opacity: var(--v-activated-opacity);
18301
18339
  }
18302
18340
 
18303
- .offset-8.v-locale--is-ltr, .v-locale--is-ltr .offset-8 {
18304
- margin-left: 66.6666666667%;
18341
+ .v-chip-group--column {
18342
+ flex-wrap: wrap;
18343
+ white-space: normal;
18344
+ }.v-color-picker {
18345
+ align-self: flex-start;
18346
+ contain: content;
18305
18347
  }
18306
- .offset-8.v-locale--is-rtl, .v-locale--is-rtl .offset-8 {
18307
- margin-right: 66.6666666667%;
18348
+ .v-color-picker.v-sheet {
18349
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18350
+ border-radius: 4px;
18308
18351
  }
18309
18352
 
18310
- .offset-9.v-locale--is-ltr, .v-locale--is-ltr .offset-9 {
18311
- margin-left: 75%;
18353
+ .v-color-picker__controls {
18354
+ display: flex;
18355
+ flex-direction: column;
18356
+ padding: 16px;
18312
18357
  }
18313
- .offset-9.v-locale--is-rtl, .v-locale--is-rtl .offset-9 {
18314
- margin-right: 75%;
18358
+
18359
+ .v-color-picker--flat {
18360
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18361
+ }
18362
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
18363
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18364
+ }.v-input--density-default {
18365
+ --combobox-chips-margin-bottom: 0px;
18315
18366
  }
18316
18367
 
18317
- .offset-10.v-locale--is-ltr, .v-locale--is-ltr .offset-10 {
18318
- margin-left: 83.3333333333%;
18368
+ .v-input--density-comfortable {
18369
+ --combobox-chips-margin-bottom: 2px;
18319
18370
  }
18320
- .offset-10.v-locale--is-rtl, .v-locale--is-rtl .offset-10 {
18321
- margin-right: 83.3333333333%;
18371
+
18372
+ .v-input--density-compact {
18373
+ --combobox-chips-margin-bottom: 4px;
18322
18374
  }
18323
18375
 
18324
- .offset-11.v-locale--is-ltr, .v-locale--is-ltr .offset-11 {
18325
- margin-left: 91.6666666667%;
18376
+ .v-combobox .v-field .v-text-field__prefix,
18377
+ .v-combobox .v-field .v-text-field__suffix,
18378
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
18379
+ cursor: text;
18326
18380
  }
18327
- .offset-11.v-locale--is-rtl, .v-locale--is-rtl .offset-11 {
18328
- margin-right: 91.6666666667%;
18381
+ .v-combobox .v-field--variant-outlined {
18382
+ --combobox-chips-margin-bottom: 2px;
18383
+ }
18384
+ .v-combobox .v-field .v-field__input > input {
18385
+ align-self: flex-start;
18386
+ flex: 1 1;
18387
+ }
18388
+ .v-combobox .v-field:not(.v-field--focused) input {
18389
+ min-width: 0;
18390
+ }
18391
+ .v-combobox .v-field--dirty .v-combobox__selection {
18392
+ margin-inline-end: 2px;
18393
+ }
18394
+ .v-combobox .v-field--single-line .v-combobox__selection-text {
18395
+ overflow: hidden;
18396
+ text-overflow: ellipsis;
18397
+ white-space: nowrap;
18329
18398
  }
18330
18399
 
18331
- @media (min-width: 600px) {
18332
- .v-col-sm {
18333
- flex-basis: 0;
18334
- flex-grow: 1;
18335
- max-width: 100%;
18336
- }
18337
- .v-col-sm-auto {
18338
- flex: 0 0 auto;
18339
- width: auto;
18340
- max-width: 100%;
18341
- }
18342
- .v-col-sm-1 {
18343
- flex: 0 0 8.3333333333%;
18344
- max-width: 8.3333333333%;
18345
- }
18346
- .v-col-sm-2 {
18347
- flex: 0 0 16.6666666667%;
18348
- max-width: 16.6666666667%;
18349
- }
18350
- .v-col-sm-3 {
18351
- flex: 0 0 25%;
18352
- max-width: 25%;
18353
- }
18354
- .v-col-sm-4 {
18355
- flex: 0 0 33.3333333333%;
18356
- max-width: 33.3333333333%;
18357
- }
18358
- .v-col-sm-5 {
18359
- flex: 0 0 41.6666666667%;
18360
- max-width: 41.6666666667%;
18361
- }
18362
- .v-col-sm-6 {
18363
- flex: 0 0 50%;
18364
- max-width: 50%;
18365
- }
18366
- .v-col-sm-7 {
18367
- flex: 0 0 58.3333333333%;
18368
- max-width: 58.3333333333%;
18369
- }
18370
- .v-col-sm-8 {
18371
- flex: 0 0 66.6666666667%;
18372
- max-width: 66.6666666667%;
18373
- }
18374
- .v-col-sm-9 {
18375
- flex: 0 0 75%;
18376
- max-width: 75%;
18377
- }
18378
- .v-col-sm-10 {
18379
- flex: 0 0 83.3333333333%;
18380
- max-width: 83.3333333333%;
18381
- }
18382
- .v-col-sm-11 {
18383
- flex: 0 0 91.6666666667%;
18384
- max-width: 91.6666666667%;
18385
- }
18386
- .v-col-sm-12 {
18387
- flex: 0 0 100%;
18388
- max-width: 100%;
18389
- }
18390
- .offset-sm-0.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-0 {
18391
- margin-left: 0;
18392
- }
18393
- .offset-sm-0.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-0 {
18394
- margin-right: 0;
18395
- }
18396
- .offset-sm-1.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-1 {
18397
- margin-left: 8.3333333333%;
18398
- }
18399
- .offset-sm-1.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-1 {
18400
- margin-right: 8.3333333333%;
18401
- }
18402
- .offset-sm-2.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-2 {
18403
- margin-left: 16.6666666667%;
18404
- }
18405
- .offset-sm-2.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-2 {
18406
- margin-right: 16.6666666667%;
18407
- }
18408
- .offset-sm-3.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-3 {
18409
- margin-left: 25%;
18410
- }
18411
- .offset-sm-3.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-3 {
18412
- margin-right: 25%;
18413
- }
18414
- .offset-sm-4.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-4 {
18415
- margin-left: 33.3333333333%;
18416
- }
18417
- .offset-sm-4.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-4 {
18418
- margin-right: 33.3333333333%;
18419
- }
18420
- .offset-sm-5.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-5 {
18421
- margin-left: 41.6666666667%;
18422
- }
18423
- .offset-sm-5.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-5 {
18424
- margin-right: 41.6666666667%;
18425
- }
18426
- .offset-sm-6.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-6 {
18427
- margin-left: 50%;
18428
- }
18429
- .offset-sm-6.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-6 {
18430
- margin-right: 50%;
18431
- }
18432
- .offset-sm-7.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-7 {
18433
- margin-left: 58.3333333333%;
18434
- }
18435
- .offset-sm-7.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-7 {
18436
- margin-right: 58.3333333333%;
18437
- }
18438
- .offset-sm-8.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-8 {
18439
- margin-left: 66.6666666667%;
18440
- }
18441
- .offset-sm-8.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-8 {
18442
- margin-right: 66.6666666667%;
18443
- }
18444
- .offset-sm-9.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-9 {
18445
- margin-left: 75%;
18446
- }
18447
- .offset-sm-9.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-9 {
18448
- margin-right: 75%;
18449
- }
18450
- .offset-sm-10.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-10 {
18451
- margin-left: 83.3333333333%;
18452
- }
18453
- .offset-sm-10.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-10 {
18454
- margin-right: 83.3333333333%;
18455
- }
18456
- .offset-sm-11.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-11 {
18457
- margin-left: 91.6666666667%;
18458
- }
18459
- .offset-sm-11.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-11 {
18460
- margin-right: 91.6666666667%;
18461
- }
18400
+ .v-combobox__content {
18401
+ overflow: hidden;
18402
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18403
+ border-radius: 4px;
18404
+ }
18405
+ .v-combobox__mask {
18406
+ background: rgb(var(--v-theme-on-surface-variant));
18407
+ }
18408
+ .v-combobox__selection {
18409
+ display: inline-flex;
18410
+ letter-spacing: inherit;
18411
+ line-height: inherit;
18412
+ max-width: 100%;
18413
+ }
18414
+ .v-combobox--chips .v-field__input, .v-combobox--selection-slot .v-field__input {
18415
+ min-height: calc(var(--v-field-input-min-height) + var(--combobox-chips-margin-bottom) + 2px);
18416
+ }
18417
+ .v-combobox--chips .v-combobox__selection, .v-combobox--selection-slot .v-combobox__selection {
18418
+ margin-top: 2px;
18419
+ margin-bottom: var(--combobox-chips-margin-bottom);
18420
+ }
18421
+ .v-combobox--chips .v-combobox__selection:first-child, .v-combobox--selection-slot .v-combobox__selection:first-child {
18422
+ margin-inline-start: 0;
18423
+ }
18424
+ .v-combobox--selecting-index .v-combobox__selection {
18425
+ opacity: var(--v-medium-emphasis-opacity);
18426
+ }
18427
+ .v-combobox--selecting-index .v-combobox__selection--selected {
18428
+ opacity: 1;
18429
+ }
18430
+ .v-combobox--selecting-index .v-field__input > input {
18431
+ caret-color: transparent;
18432
+ }
18433
+ .v-combobox--single.v-text-field input {
18434
+ flex: 1 1;
18435
+ position: absolute;
18436
+ left: 0;
18437
+ right: 0;
18438
+ width: 100%;
18439
+ padding-inline-start: inherit;
18440
+ padding-inline-end: inherit;
18441
+ }
18442
+ .v-combobox--single .v-field--active input {
18443
+ transition: none;
18444
+ }
18445
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
18446
+ opacity: 0;
18447
+ }
18448
+ .v-combobox--single .v-field--focused .v-combobox__selection {
18449
+ opacity: 0;
18450
+ }
18451
+ .v-combobox__menu-icon {
18452
+ margin-inline-start: 4px;
18453
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18454
+ }
18455
+ .v-combobox--active-menu .v-combobox__menu-icon {
18456
+ opacity: var(--v-high-emphasis-opacity);
18457
+ transform: rotate(180deg);
18458
+ }.v-counter {
18459
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18460
+ flex: 0 1 auto;
18461
+ font-size: 12px;
18462
+ transition-duration: 150ms;
18463
+ }.v-container {
18464
+ width: 100%;
18465
+ padding: 16px;
18466
+ margin-right: auto;
18467
+ margin-left: auto;
18462
18468
  }
18463
18469
  @media (min-width: 960px) {
18464
- .v-col-md {
18465
- flex-basis: 0;
18466
- flex-grow: 1;
18467
- max-width: 100%;
18468
- }
18469
- .v-col-md-auto {
18470
- flex: 0 0 auto;
18471
- width: auto;
18472
- max-width: 100%;
18473
- }
18474
- .v-col-md-1 {
18475
- flex: 0 0 8.3333333333%;
18476
- max-width: 8.3333333333%;
18477
- }
18478
- .v-col-md-2 {
18479
- flex: 0 0 16.6666666667%;
18480
- max-width: 16.6666666667%;
18481
- }
18482
- .v-col-md-3 {
18483
- flex: 0 0 25%;
18484
- max-width: 25%;
18485
- }
18486
- .v-col-md-4 {
18487
- flex: 0 0 33.3333333333%;
18488
- max-width: 33.3333333333%;
18489
- }
18490
- .v-col-md-5 {
18491
- flex: 0 0 41.6666666667%;
18492
- max-width: 41.6666666667%;
18493
- }
18494
- .v-col-md-6 {
18495
- flex: 0 0 50%;
18496
- max-width: 50%;
18497
- }
18498
- .v-col-md-7 {
18499
- flex: 0 0 58.3333333333%;
18500
- max-width: 58.3333333333%;
18501
- }
18502
- .v-col-md-8 {
18503
- flex: 0 0 66.6666666667%;
18504
- max-width: 66.6666666667%;
18505
- }
18506
- .v-col-md-9 {
18507
- flex: 0 0 75%;
18508
- max-width: 75%;
18509
- }
18510
- .v-col-md-10 {
18511
- flex: 0 0 83.3333333333%;
18512
- max-width: 83.3333333333%;
18513
- }
18514
- .v-col-md-11 {
18515
- flex: 0 0 91.6666666667%;
18516
- max-width: 91.6666666667%;
18517
- }
18518
- .v-col-md-12 {
18519
- flex: 0 0 100%;
18520
- max-width: 100%;
18521
- }
18522
- .offset-md-0.v-locale--is-ltr, .v-locale--is-ltr .offset-md-0 {
18523
- margin-left: 0;
18524
- }
18525
- .offset-md-0.v-locale--is-rtl, .v-locale--is-rtl .offset-md-0 {
18526
- margin-right: 0;
18527
- }
18528
- .offset-md-1.v-locale--is-ltr, .v-locale--is-ltr .offset-md-1 {
18529
- margin-left: 8.3333333333%;
18530
- }
18531
- .offset-md-1.v-locale--is-rtl, .v-locale--is-rtl .offset-md-1 {
18532
- margin-right: 8.3333333333%;
18470
+ .v-container {
18471
+ max-width: 900px;
18533
18472
  }
18534
- .offset-md-2.v-locale--is-ltr, .v-locale--is-ltr .offset-md-2 {
18535
- margin-left: 16.6666666667%;
18473
+ }
18474
+ @media (min-width: 1280px) {
18475
+ .v-container {
18476
+ max-width: 1200px;
18536
18477
  }
18537
- .offset-md-2.v-locale--is-rtl, .v-locale--is-rtl .offset-md-2 {
18538
- margin-right: 16.6666666667%;
18478
+ }
18479
+ @media (min-width: 1920px) {
18480
+ .v-container {
18481
+ max-width: 1800px;
18539
18482
  }
18540
- .offset-md-3.v-locale--is-ltr, .v-locale--is-ltr .offset-md-3 {
18541
- margin-left: 25%;
18542
- }
18543
- .offset-md-3.v-locale--is-rtl, .v-locale--is-rtl .offset-md-3 {
18544
- margin-right: 25%;
18545
- }
18546
- .offset-md-4.v-locale--is-ltr, .v-locale--is-ltr .offset-md-4 {
18547
- margin-left: 33.3333333333%;
18548
- }
18549
- .offset-md-4.v-locale--is-rtl, .v-locale--is-rtl .offset-md-4 {
18550
- margin-right: 33.3333333333%;
18551
- }
18552
- .offset-md-5.v-locale--is-ltr, .v-locale--is-ltr .offset-md-5 {
18553
- margin-left: 41.6666666667%;
18554
- }
18555
- .offset-md-5.v-locale--is-rtl, .v-locale--is-rtl .offset-md-5 {
18556
- margin-right: 41.6666666667%;
18557
- }
18558
- .offset-md-6.v-locale--is-ltr, .v-locale--is-ltr .offset-md-6 {
18559
- margin-left: 50%;
18560
- }
18561
- .offset-md-6.v-locale--is-rtl, .v-locale--is-rtl .offset-md-6 {
18562
- margin-right: 50%;
18563
- }
18564
- .offset-md-7.v-locale--is-ltr, .v-locale--is-ltr .offset-md-7 {
18565
- margin-left: 58.3333333333%;
18566
- }
18567
- .offset-md-7.v-locale--is-rtl, .v-locale--is-rtl .offset-md-7 {
18568
- margin-right: 58.3333333333%;
18569
- }
18570
- .offset-md-8.v-locale--is-ltr, .v-locale--is-ltr .offset-md-8 {
18571
- margin-left: 66.6666666667%;
18572
- }
18573
- .offset-md-8.v-locale--is-rtl, .v-locale--is-rtl .offset-md-8 {
18574
- margin-right: 66.6666666667%;
18575
- }
18576
- .offset-md-9.v-locale--is-ltr, .v-locale--is-ltr .offset-md-9 {
18577
- margin-left: 75%;
18578
- }
18579
- .offset-md-9.v-locale--is-rtl, .v-locale--is-rtl .offset-md-9 {
18580
- margin-right: 75%;
18581
- }
18582
- .offset-md-10.v-locale--is-ltr, .v-locale--is-ltr .offset-md-10 {
18583
- margin-left: 83.3333333333%;
18584
- }
18585
- .offset-md-10.v-locale--is-rtl, .v-locale--is-rtl .offset-md-10 {
18586
- margin-right: 83.3333333333%;
18587
- }
18588
- .offset-md-11.v-locale--is-ltr, .v-locale--is-ltr .offset-md-11 {
18589
- margin-left: 91.6666666667%;
18590
- }
18591
- .offset-md-11.v-locale--is-rtl, .v-locale--is-rtl .offset-md-11 {
18592
- margin-right: 91.6666666667%;
18483
+ }
18484
+ @media (min-width: 2560px) {
18485
+ .v-container {
18486
+ max-width: 2400px;
18593
18487
  }
18594
18488
  }
18595
- @media (min-width: 1280px) {
18596
- .v-col-lg {
18489
+ .v-container--fluid {
18490
+ max-width: 100%;
18491
+ }
18492
+ .v-container.fill-height {
18493
+ align-items: center;
18494
+ display: flex;
18495
+ flex-wrap: wrap;
18496
+ }
18497
+
18498
+ .v-row {
18499
+ display: flex;
18500
+ flex-wrap: wrap;
18501
+ flex: 1 1 auto;
18502
+ margin: -12px;
18503
+ }
18504
+ .v-row + .v-row {
18505
+ margin-top: 12px;
18506
+ }
18507
+ .v-row + .v-row--dense {
18508
+ margin-top: 4px;
18509
+ }
18510
+ .v-row--dense {
18511
+ margin: -4px;
18512
+ }
18513
+ .v-row--dense > .v-col,
18514
+ .v-row--dense > [class*=v-col-] {
18515
+ padding: 4px;
18516
+ }
18517
+ .v-row.v-row--no-gutters {
18518
+ margin: 0;
18519
+ }
18520
+ .v-row.v-row--no-gutters > .v-col,
18521
+ .v-row.v-row--no-gutters > [class*=v-col-] {
18522
+ padding: 0;
18523
+ }
18524
+
18525
+ .v-col-xxl,
18526
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
18527
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
18528
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
18529
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
18530
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
18531
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
18532
+ width: 100%;
18533
+ padding: 12px;
18534
+ }
18535
+
18536
+ .v-col {
18537
+ flex-basis: 0;
18538
+ flex-grow: 1;
18539
+ max-width: 100%;
18540
+ }
18541
+
18542
+ .v-col-auto {
18543
+ flex: 0 0 auto;
18544
+ width: auto;
18545
+ max-width: 100%;
18546
+ }
18547
+
18548
+ .v-col-1 {
18549
+ flex: 0 0 8.3333333333%;
18550
+ max-width: 8.3333333333%;
18551
+ }
18552
+
18553
+ .v-col-2 {
18554
+ flex: 0 0 16.6666666667%;
18555
+ max-width: 16.6666666667%;
18556
+ }
18557
+
18558
+ .v-col-3 {
18559
+ flex: 0 0 25%;
18560
+ max-width: 25%;
18561
+ }
18562
+
18563
+ .v-col-4 {
18564
+ flex: 0 0 33.3333333333%;
18565
+ max-width: 33.3333333333%;
18566
+ }
18567
+
18568
+ .v-col-5 {
18569
+ flex: 0 0 41.6666666667%;
18570
+ max-width: 41.6666666667%;
18571
+ }
18572
+
18573
+ .v-col-6 {
18574
+ flex: 0 0 50%;
18575
+ max-width: 50%;
18576
+ }
18577
+
18578
+ .v-col-7 {
18579
+ flex: 0 0 58.3333333333%;
18580
+ max-width: 58.3333333333%;
18581
+ }
18582
+
18583
+ .v-col-8 {
18584
+ flex: 0 0 66.6666666667%;
18585
+ max-width: 66.6666666667%;
18586
+ }
18587
+
18588
+ .v-col-9 {
18589
+ flex: 0 0 75%;
18590
+ max-width: 75%;
18591
+ }
18592
+
18593
+ .v-col-10 {
18594
+ flex: 0 0 83.3333333333%;
18595
+ max-width: 83.3333333333%;
18596
+ }
18597
+
18598
+ .v-col-11 {
18599
+ flex: 0 0 91.6666666667%;
18600
+ max-width: 91.6666666667%;
18601
+ }
18602
+
18603
+ .v-col-12 {
18604
+ flex: 0 0 100%;
18605
+ max-width: 100%;
18606
+ }
18607
+
18608
+ .offset-1.v-locale--is-ltr, .v-locale--is-ltr .offset-1 {
18609
+ margin-left: 8.3333333333%;
18610
+ }
18611
+ .offset-1.v-locale--is-rtl, .v-locale--is-rtl .offset-1 {
18612
+ margin-right: 8.3333333333%;
18613
+ }
18614
+
18615
+ .offset-2.v-locale--is-ltr, .v-locale--is-ltr .offset-2 {
18616
+ margin-left: 16.6666666667%;
18617
+ }
18618
+ .offset-2.v-locale--is-rtl, .v-locale--is-rtl .offset-2 {
18619
+ margin-right: 16.6666666667%;
18620
+ }
18621
+
18622
+ .offset-3.v-locale--is-ltr, .v-locale--is-ltr .offset-3 {
18623
+ margin-left: 25%;
18624
+ }
18625
+ .offset-3.v-locale--is-rtl, .v-locale--is-rtl .offset-3 {
18626
+ margin-right: 25%;
18627
+ }
18628
+
18629
+ .offset-4.v-locale--is-ltr, .v-locale--is-ltr .offset-4 {
18630
+ margin-left: 33.3333333333%;
18631
+ }
18632
+ .offset-4.v-locale--is-rtl, .v-locale--is-rtl .offset-4 {
18633
+ margin-right: 33.3333333333%;
18634
+ }
18635
+
18636
+ .offset-5.v-locale--is-ltr, .v-locale--is-ltr .offset-5 {
18637
+ margin-left: 41.6666666667%;
18638
+ }
18639
+ .offset-5.v-locale--is-rtl, .v-locale--is-rtl .offset-5 {
18640
+ margin-right: 41.6666666667%;
18641
+ }
18642
+
18643
+ .offset-6.v-locale--is-ltr, .v-locale--is-ltr .offset-6 {
18644
+ margin-left: 50%;
18645
+ }
18646
+ .offset-6.v-locale--is-rtl, .v-locale--is-rtl .offset-6 {
18647
+ margin-right: 50%;
18648
+ }
18649
+
18650
+ .offset-7.v-locale--is-ltr, .v-locale--is-ltr .offset-7 {
18651
+ margin-left: 58.3333333333%;
18652
+ }
18653
+ .offset-7.v-locale--is-rtl, .v-locale--is-rtl .offset-7 {
18654
+ margin-right: 58.3333333333%;
18655
+ }
18656
+
18657
+ .offset-8.v-locale--is-ltr, .v-locale--is-ltr .offset-8 {
18658
+ margin-left: 66.6666666667%;
18659
+ }
18660
+ .offset-8.v-locale--is-rtl, .v-locale--is-rtl .offset-8 {
18661
+ margin-right: 66.6666666667%;
18662
+ }
18663
+
18664
+ .offset-9.v-locale--is-ltr, .v-locale--is-ltr .offset-9 {
18665
+ margin-left: 75%;
18666
+ }
18667
+ .offset-9.v-locale--is-rtl, .v-locale--is-rtl .offset-9 {
18668
+ margin-right: 75%;
18669
+ }
18670
+
18671
+ .offset-10.v-locale--is-ltr, .v-locale--is-ltr .offset-10 {
18672
+ margin-left: 83.3333333333%;
18673
+ }
18674
+ .offset-10.v-locale--is-rtl, .v-locale--is-rtl .offset-10 {
18675
+ margin-right: 83.3333333333%;
18676
+ }
18677
+
18678
+ .offset-11.v-locale--is-ltr, .v-locale--is-ltr .offset-11 {
18679
+ margin-left: 91.6666666667%;
18680
+ }
18681
+ .offset-11.v-locale--is-rtl, .v-locale--is-rtl .offset-11 {
18682
+ margin-right: 91.6666666667%;
18683
+ }
18684
+
18685
+ @media (min-width: 600px) {
18686
+ .v-col-sm {
18597
18687
  flex-basis: 0;
18598
18688
  flex-grow: 1;
18599
18689
  max-width: 100%;
18600
18690
  }
18601
- .v-col-lg-auto {
18691
+ .v-col-sm-auto {
18602
18692
  flex: 0 0 auto;
18603
18693
  width: auto;
18604
18694
  max-width: 100%;
18605
18695
  }
18606
- .v-col-lg-1 {
18696
+ .v-col-sm-1 {
18607
18697
  flex: 0 0 8.3333333333%;
18608
18698
  max-width: 8.3333333333%;
18609
18699
  }
18610
- .v-col-lg-2 {
18700
+ .v-col-sm-2 {
18611
18701
  flex: 0 0 16.6666666667%;
18612
18702
  max-width: 16.6666666667%;
18613
18703
  }
18614
- .v-col-lg-3 {
18704
+ .v-col-sm-3 {
18615
18705
  flex: 0 0 25%;
18616
18706
  max-width: 25%;
18617
18707
  }
18618
- .v-col-lg-4 {
18708
+ .v-col-sm-4 {
18619
18709
  flex: 0 0 33.3333333333%;
18620
18710
  max-width: 33.3333333333%;
18621
18711
  }
18622
- .v-col-lg-5 {
18712
+ .v-col-sm-5 {
18623
18713
  flex: 0 0 41.6666666667%;
18624
18714
  max-width: 41.6666666667%;
18625
18715
  }
18626
- .v-col-lg-6 {
18716
+ .v-col-sm-6 {
18627
18717
  flex: 0 0 50%;
18628
18718
  max-width: 50%;
18629
18719
  }
18630
- .v-col-lg-7 {
18720
+ .v-col-sm-7 {
18631
18721
  flex: 0 0 58.3333333333%;
18632
18722
  max-width: 58.3333333333%;
18633
18723
  }
18634
- .v-col-lg-8 {
18724
+ .v-col-sm-8 {
18635
18725
  flex: 0 0 66.6666666667%;
18636
18726
  max-width: 66.6666666667%;
18637
18727
  }
18638
- .v-col-lg-9 {
18728
+ .v-col-sm-9 {
18639
18729
  flex: 0 0 75%;
18640
18730
  max-width: 75%;
18641
18731
  }
18642
- .v-col-lg-10 {
18732
+ .v-col-sm-10 {
18643
18733
  flex: 0 0 83.3333333333%;
18644
18734
  max-width: 83.3333333333%;
18645
18735
  }
18646
- .v-col-lg-11 {
18736
+ .v-col-sm-11 {
18647
18737
  flex: 0 0 91.6666666667%;
18648
18738
  max-width: 91.6666666667%;
18649
18739
  }
18650
- .v-col-lg-12 {
18740
+ .v-col-sm-12 {
18651
18741
  flex: 0 0 100%;
18652
18742
  max-width: 100%;
18653
18743
  }
18654
- .offset-lg-0.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-0 {
18744
+ .offset-sm-0.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-0 {
18655
18745
  margin-left: 0;
18656
18746
  }
18657
- .offset-lg-0.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-0 {
18747
+ .offset-sm-0.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-0 {
18658
18748
  margin-right: 0;
18659
18749
  }
18660
- .offset-lg-1.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-1 {
18750
+ .offset-sm-1.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-1 {
18661
18751
  margin-left: 8.3333333333%;
18662
18752
  }
18663
- .offset-lg-1.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-1 {
18753
+ .offset-sm-1.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-1 {
18664
18754
  margin-right: 8.3333333333%;
18665
18755
  }
18666
- .offset-lg-2.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-2 {
18756
+ .offset-sm-2.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-2 {
18667
18757
  margin-left: 16.6666666667%;
18668
18758
  }
18669
- .offset-lg-2.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-2 {
18759
+ .offset-sm-2.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-2 {
18670
18760
  margin-right: 16.6666666667%;
18671
18761
  }
18672
- .offset-lg-3.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-3 {
18762
+ .offset-sm-3.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-3 {
18673
18763
  margin-left: 25%;
18674
18764
  }
18675
- .offset-lg-3.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-3 {
18765
+ .offset-sm-3.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-3 {
18676
18766
  margin-right: 25%;
18677
18767
  }
18678
- .offset-lg-4.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-4 {
18768
+ .offset-sm-4.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-4 {
18679
18769
  margin-left: 33.3333333333%;
18680
18770
  }
18681
- .offset-lg-4.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-4 {
18771
+ .offset-sm-4.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-4 {
18682
18772
  margin-right: 33.3333333333%;
18683
18773
  }
18684
- .offset-lg-5.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-5 {
18774
+ .offset-sm-5.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-5 {
18685
18775
  margin-left: 41.6666666667%;
18686
18776
  }
18687
- .offset-lg-5.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-5 {
18777
+ .offset-sm-5.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-5 {
18688
18778
  margin-right: 41.6666666667%;
18689
18779
  }
18690
- .offset-lg-6.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-6 {
18780
+ .offset-sm-6.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-6 {
18691
18781
  margin-left: 50%;
18692
18782
  }
18693
- .offset-lg-6.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-6 {
18783
+ .offset-sm-6.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-6 {
18694
18784
  margin-right: 50%;
18695
18785
  }
18696
- .offset-lg-7.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-7 {
18786
+ .offset-sm-7.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-7 {
18697
18787
  margin-left: 58.3333333333%;
18698
18788
  }
18699
- .offset-lg-7.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-7 {
18789
+ .offset-sm-7.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-7 {
18700
18790
  margin-right: 58.3333333333%;
18701
18791
  }
18702
- .offset-lg-8.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-8 {
18792
+ .offset-sm-8.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-8 {
18703
18793
  margin-left: 66.6666666667%;
18704
18794
  }
18705
- .offset-lg-8.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-8 {
18795
+ .offset-sm-8.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-8 {
18706
18796
  margin-right: 66.6666666667%;
18707
18797
  }
18708
- .offset-lg-9.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-9 {
18798
+ .offset-sm-9.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-9 {
18709
18799
  margin-left: 75%;
18710
18800
  }
18711
- .offset-lg-9.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-9 {
18801
+ .offset-sm-9.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-9 {
18712
18802
  margin-right: 75%;
18713
18803
  }
18714
- .offset-lg-10.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-10 {
18804
+ .offset-sm-10.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-10 {
18715
18805
  margin-left: 83.3333333333%;
18716
18806
  }
18717
- .offset-lg-10.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-10 {
18807
+ .offset-sm-10.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-10 {
18718
18808
  margin-right: 83.3333333333%;
18719
18809
  }
18720
- .offset-lg-11.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-11 {
18810
+ .offset-sm-11.v-locale--is-ltr, .v-locale--is-ltr .offset-sm-11 {
18721
18811
  margin-left: 91.6666666667%;
18722
18812
  }
18723
- .offset-lg-11.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-11 {
18813
+ .offset-sm-11.v-locale--is-rtl, .v-locale--is-rtl .offset-sm-11 {
18724
18814
  margin-right: 91.6666666667%;
18725
18815
  }
18726
18816
  }
18727
- @media (min-width: 1920px) {
18728
- .v-col-xl {
18817
+ @media (min-width: 960px) {
18818
+ .v-col-md {
18729
18819
  flex-basis: 0;
18730
18820
  flex-grow: 1;
18731
18821
  max-width: 100%;
18732
18822
  }
18733
- .v-col-xl-auto {
18823
+ .v-col-md-auto {
18734
18824
  flex: 0 0 auto;
18735
18825
  width: auto;
18736
18826
  max-width: 100%;
18737
18827
  }
18738
- .v-col-xl-1 {
18828
+ .v-col-md-1 {
18739
18829
  flex: 0 0 8.3333333333%;
18740
18830
  max-width: 8.3333333333%;
18741
18831
  }
18742
- .v-col-xl-2 {
18832
+ .v-col-md-2 {
18743
18833
  flex: 0 0 16.6666666667%;
18744
18834
  max-width: 16.6666666667%;
18745
18835
  }
18746
- .v-col-xl-3 {
18836
+ .v-col-md-3 {
18747
18837
  flex: 0 0 25%;
18748
18838
  max-width: 25%;
18749
18839
  }
18750
- .v-col-xl-4 {
18840
+ .v-col-md-4 {
18751
18841
  flex: 0 0 33.3333333333%;
18752
18842
  max-width: 33.3333333333%;
18753
18843
  }
18754
- .v-col-xl-5 {
18844
+ .v-col-md-5 {
18755
18845
  flex: 0 0 41.6666666667%;
18756
18846
  max-width: 41.6666666667%;
18757
18847
  }
18758
- .v-col-xl-6 {
18848
+ .v-col-md-6 {
18759
18849
  flex: 0 0 50%;
18760
18850
  max-width: 50%;
18761
18851
  }
18762
- .v-col-xl-7 {
18852
+ .v-col-md-7 {
18763
18853
  flex: 0 0 58.3333333333%;
18764
18854
  max-width: 58.3333333333%;
18765
18855
  }
18766
- .v-col-xl-8 {
18856
+ .v-col-md-8 {
18767
18857
  flex: 0 0 66.6666666667%;
18768
18858
  max-width: 66.6666666667%;
18769
18859
  }
18770
- .v-col-xl-9 {
18860
+ .v-col-md-9 {
18771
18861
  flex: 0 0 75%;
18772
18862
  max-width: 75%;
18773
18863
  }
18774
- .v-col-xl-10 {
18864
+ .v-col-md-10 {
18775
18865
  flex: 0 0 83.3333333333%;
18776
18866
  max-width: 83.3333333333%;
18777
18867
  }
18778
- .v-col-xl-11 {
18868
+ .v-col-md-11 {
18779
18869
  flex: 0 0 91.6666666667%;
18780
18870
  max-width: 91.6666666667%;
18781
18871
  }
18782
- .v-col-xl-12 {
18872
+ .v-col-md-12 {
18783
18873
  flex: 0 0 100%;
18784
18874
  max-width: 100%;
18785
18875
  }
18786
- .offset-xl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-0 {
18876
+ .offset-md-0.v-locale--is-ltr, .v-locale--is-ltr .offset-md-0 {
18787
18877
  margin-left: 0;
18788
18878
  }
18789
- .offset-xl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-0 {
18879
+ .offset-md-0.v-locale--is-rtl, .v-locale--is-rtl .offset-md-0 {
18790
18880
  margin-right: 0;
18791
18881
  }
18792
- .offset-xl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-1 {
18882
+ .offset-md-1.v-locale--is-ltr, .v-locale--is-ltr .offset-md-1 {
18793
18883
  margin-left: 8.3333333333%;
18794
18884
  }
18795
- .offset-xl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-1 {
18885
+ .offset-md-1.v-locale--is-rtl, .v-locale--is-rtl .offset-md-1 {
18796
18886
  margin-right: 8.3333333333%;
18797
18887
  }
18798
- .offset-xl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-2 {
18888
+ .offset-md-2.v-locale--is-ltr, .v-locale--is-ltr .offset-md-2 {
18799
18889
  margin-left: 16.6666666667%;
18800
18890
  }
18801
- .offset-xl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-2 {
18891
+ .offset-md-2.v-locale--is-rtl, .v-locale--is-rtl .offset-md-2 {
18802
18892
  margin-right: 16.6666666667%;
18803
18893
  }
18804
- .offset-xl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-3 {
18894
+ .offset-md-3.v-locale--is-ltr, .v-locale--is-ltr .offset-md-3 {
18805
18895
  margin-left: 25%;
18806
18896
  }
18807
- .offset-xl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-3 {
18897
+ .offset-md-3.v-locale--is-rtl, .v-locale--is-rtl .offset-md-3 {
18808
18898
  margin-right: 25%;
18809
18899
  }
18810
- .offset-xl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-4 {
18900
+ .offset-md-4.v-locale--is-ltr, .v-locale--is-ltr .offset-md-4 {
18811
18901
  margin-left: 33.3333333333%;
18812
18902
  }
18813
- .offset-xl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-4 {
18903
+ .offset-md-4.v-locale--is-rtl, .v-locale--is-rtl .offset-md-4 {
18814
18904
  margin-right: 33.3333333333%;
18815
18905
  }
18816
- .offset-xl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-5 {
18906
+ .offset-md-5.v-locale--is-ltr, .v-locale--is-ltr .offset-md-5 {
18817
18907
  margin-left: 41.6666666667%;
18818
18908
  }
18819
- .offset-xl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-5 {
18909
+ .offset-md-5.v-locale--is-rtl, .v-locale--is-rtl .offset-md-5 {
18820
18910
  margin-right: 41.6666666667%;
18821
18911
  }
18822
- .offset-xl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-6 {
18912
+ .offset-md-6.v-locale--is-ltr, .v-locale--is-ltr .offset-md-6 {
18823
18913
  margin-left: 50%;
18824
18914
  }
18825
- .offset-xl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-6 {
18915
+ .offset-md-6.v-locale--is-rtl, .v-locale--is-rtl .offset-md-6 {
18826
18916
  margin-right: 50%;
18827
18917
  }
18828
- .offset-xl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-7 {
18918
+ .offset-md-7.v-locale--is-ltr, .v-locale--is-ltr .offset-md-7 {
18829
18919
  margin-left: 58.3333333333%;
18830
18920
  }
18831
- .offset-xl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-7 {
18921
+ .offset-md-7.v-locale--is-rtl, .v-locale--is-rtl .offset-md-7 {
18832
18922
  margin-right: 58.3333333333%;
18833
18923
  }
18834
- .offset-xl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-8 {
18924
+ .offset-md-8.v-locale--is-ltr, .v-locale--is-ltr .offset-md-8 {
18835
18925
  margin-left: 66.6666666667%;
18836
18926
  }
18837
- .offset-xl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-8 {
18927
+ .offset-md-8.v-locale--is-rtl, .v-locale--is-rtl .offset-md-8 {
18838
18928
  margin-right: 66.6666666667%;
18839
18929
  }
18840
- .offset-xl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-9 {
18930
+ .offset-md-9.v-locale--is-ltr, .v-locale--is-ltr .offset-md-9 {
18841
18931
  margin-left: 75%;
18842
18932
  }
18843
- .offset-xl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-9 {
18933
+ .offset-md-9.v-locale--is-rtl, .v-locale--is-rtl .offset-md-9 {
18844
18934
  margin-right: 75%;
18845
18935
  }
18846
- .offset-xl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-10 {
18936
+ .offset-md-10.v-locale--is-ltr, .v-locale--is-ltr .offset-md-10 {
18847
18937
  margin-left: 83.3333333333%;
18848
18938
  }
18849
- .offset-xl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-10 {
18939
+ .offset-md-10.v-locale--is-rtl, .v-locale--is-rtl .offset-md-10 {
18850
18940
  margin-right: 83.3333333333%;
18851
18941
  }
18852
- .offset-xl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-11 {
18942
+ .offset-md-11.v-locale--is-ltr, .v-locale--is-ltr .offset-md-11 {
18853
18943
  margin-left: 91.6666666667%;
18854
18944
  }
18855
- .offset-xl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-11 {
18945
+ .offset-md-11.v-locale--is-rtl, .v-locale--is-rtl .offset-md-11 {
18856
18946
  margin-right: 91.6666666667%;
18857
18947
  }
18858
18948
  }
18859
- @media (min-width: 2560px) {
18860
- .v-col-xxl {
18949
+ @media (min-width: 1280px) {
18950
+ .v-col-lg {
18861
18951
  flex-basis: 0;
18862
18952
  flex-grow: 1;
18863
18953
  max-width: 100%;
18864
18954
  }
18865
- .v-col-xxl-auto {
18955
+ .v-col-lg-auto {
18866
18956
  flex: 0 0 auto;
18867
18957
  width: auto;
18868
18958
  max-width: 100%;
18869
18959
  }
18870
- .v-col-xxl-1 {
18960
+ .v-col-lg-1 {
18871
18961
  flex: 0 0 8.3333333333%;
18872
18962
  max-width: 8.3333333333%;
18873
18963
  }
18874
- .v-col-xxl-2 {
18964
+ .v-col-lg-2 {
18875
18965
  flex: 0 0 16.6666666667%;
18876
18966
  max-width: 16.6666666667%;
18877
18967
  }
18878
- .v-col-xxl-3 {
18968
+ .v-col-lg-3 {
18879
18969
  flex: 0 0 25%;
18880
18970
  max-width: 25%;
18881
18971
  }
18882
- .v-col-xxl-4 {
18972
+ .v-col-lg-4 {
18883
18973
  flex: 0 0 33.3333333333%;
18884
18974
  max-width: 33.3333333333%;
18885
18975
  }
18886
- .v-col-xxl-5 {
18976
+ .v-col-lg-5 {
18887
18977
  flex: 0 0 41.6666666667%;
18888
18978
  max-width: 41.6666666667%;
18889
18979
  }
18890
- .v-col-xxl-6 {
18980
+ .v-col-lg-6 {
18891
18981
  flex: 0 0 50%;
18892
18982
  max-width: 50%;
18893
18983
  }
18894
- .v-col-xxl-7 {
18984
+ .v-col-lg-7 {
18895
18985
  flex: 0 0 58.3333333333%;
18896
18986
  max-width: 58.3333333333%;
18897
18987
  }
18898
- .v-col-xxl-8 {
18988
+ .v-col-lg-8 {
18899
18989
  flex: 0 0 66.6666666667%;
18900
18990
  max-width: 66.6666666667%;
18901
18991
  }
18902
- .v-col-xxl-9 {
18992
+ .v-col-lg-9 {
18903
18993
  flex: 0 0 75%;
18904
18994
  max-width: 75%;
18905
18995
  }
18906
- .v-col-xxl-10 {
18996
+ .v-col-lg-10 {
18907
18997
  flex: 0 0 83.3333333333%;
18908
18998
  max-width: 83.3333333333%;
18909
18999
  }
18910
- .v-col-xxl-11 {
19000
+ .v-col-lg-11 {
18911
19001
  flex: 0 0 91.6666666667%;
18912
19002
  max-width: 91.6666666667%;
18913
19003
  }
18914
- .v-col-xxl-12 {
19004
+ .v-col-lg-12 {
18915
19005
  flex: 0 0 100%;
18916
19006
  max-width: 100%;
18917
19007
  }
18918
- .offset-xxl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-0 {
19008
+ .offset-lg-0.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-0 {
18919
19009
  margin-left: 0;
18920
19010
  }
18921
- .offset-xxl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-0 {
19011
+ .offset-lg-0.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-0 {
18922
19012
  margin-right: 0;
18923
19013
  }
18924
- .offset-xxl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-1 {
19014
+ .offset-lg-1.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-1 {
18925
19015
  margin-left: 8.3333333333%;
18926
19016
  }
18927
- .offset-xxl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-1 {
19017
+ .offset-lg-1.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-1 {
18928
19018
  margin-right: 8.3333333333%;
18929
19019
  }
18930
- .offset-xxl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-2 {
19020
+ .offset-lg-2.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-2 {
18931
19021
  margin-left: 16.6666666667%;
18932
19022
  }
18933
- .offset-xxl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-2 {
19023
+ .offset-lg-2.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-2 {
18934
19024
  margin-right: 16.6666666667%;
18935
19025
  }
18936
- .offset-xxl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-3 {
19026
+ .offset-lg-3.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-3 {
18937
19027
  margin-left: 25%;
18938
19028
  }
18939
- .offset-xxl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-3 {
19029
+ .offset-lg-3.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-3 {
18940
19030
  margin-right: 25%;
18941
19031
  }
18942
- .offset-xxl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-4 {
19032
+ .offset-lg-4.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-4 {
18943
19033
  margin-left: 33.3333333333%;
18944
19034
  }
18945
- .offset-xxl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-4 {
19035
+ .offset-lg-4.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-4 {
18946
19036
  margin-right: 33.3333333333%;
18947
19037
  }
18948
- .offset-xxl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-5 {
19038
+ .offset-lg-5.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-5 {
18949
19039
  margin-left: 41.6666666667%;
18950
19040
  }
18951
- .offset-xxl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-5 {
19041
+ .offset-lg-5.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-5 {
18952
19042
  margin-right: 41.6666666667%;
18953
19043
  }
18954
- .offset-xxl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-6 {
19044
+ .offset-lg-6.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-6 {
18955
19045
  margin-left: 50%;
18956
19046
  }
18957
- .offset-xxl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-6 {
19047
+ .offset-lg-6.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-6 {
18958
19048
  margin-right: 50%;
18959
19049
  }
18960
- .offset-xxl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-7 {
19050
+ .offset-lg-7.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-7 {
18961
19051
  margin-left: 58.3333333333%;
18962
19052
  }
18963
- .offset-xxl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-7 {
19053
+ .offset-lg-7.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-7 {
18964
19054
  margin-right: 58.3333333333%;
18965
19055
  }
18966
- .offset-xxl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-8 {
19056
+ .offset-lg-8.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-8 {
18967
19057
  margin-left: 66.6666666667%;
18968
19058
  }
18969
- .offset-xxl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-8 {
19059
+ .offset-lg-8.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-8 {
18970
19060
  margin-right: 66.6666666667%;
18971
19061
  }
18972
- .offset-xxl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-9 {
19062
+ .offset-lg-9.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-9 {
18973
19063
  margin-left: 75%;
18974
19064
  }
18975
- .offset-xxl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-9 {
19065
+ .offset-lg-9.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-9 {
18976
19066
  margin-right: 75%;
18977
19067
  }
18978
- .offset-xxl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-10 {
19068
+ .offset-lg-10.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-10 {
18979
19069
  margin-left: 83.3333333333%;
18980
19070
  }
18981
- .offset-xxl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-10 {
19071
+ .offset-lg-10.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-10 {
18982
19072
  margin-right: 83.3333333333%;
18983
19073
  }
18984
- .offset-xxl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-11 {
19074
+ .offset-lg-11.v-locale--is-ltr, .v-locale--is-ltr .offset-lg-11 {
18985
19075
  margin-left: 91.6666666667%;
18986
19076
  }
18987
- .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
19077
+ .offset-lg-11.v-locale--is-rtl, .v-locale--is-rtl .offset-lg-11 {
18988
19078
  margin-right: 91.6666666667%;
18989
19079
  }
18990
- }.v-chip {
18991
- align-items: center;
18992
- cursor: default;
18993
- display: inline-flex;
18994
- font-weight: 400;
18995
- max-width: 100%;
18996
- min-width: 0;
18997
- overflow: hidden;
18998
- position: relative;
18999
- text-decoration: none;
19000
- white-space: nowrap;
19001
- vertical-align: middle;
19002
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19003
- border-style: solid;
19004
- border-width: 0;
19005
- border-radius: 9999px;
19006
19080
  }
19007
- .v-chip.v-chip--size-x-small {
19008
- --v-chip-size: 0.625rem;
19009
- --v-chip-height: 20px;
19010
- font-size: 0.625rem;
19011
- padding: 0 8px;
19012
- }
19013
- .v-chip.v-chip--size-x-small .v-avatar {
19014
- --v-avatar-height: 14px;
19015
- }
19016
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19017
- --v-avatar-height: 20px;
19018
- }
19019
-
19020
- .v-chip.v-chip--size-x-small .v-avatar--start {
19021
- margin-inline-start: -5.6px;
19022
- margin-inline-end: 4px;
19023
- }
19024
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19025
- margin-inline-start: -8px;
19026
- }
19027
-
19028
- .v-chip.v-chip--size-x-small .v-avatar--end {
19029
- margin-inline-start: 4px;
19030
- margin-inline-end: -5.6px;
19031
- }
19032
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19033
- margin-inline-end: -8px;
19034
- }
19035
-
19036
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19037
- margin-inline-start: 12px;
19038
- }
19039
-
19040
- .v-chip.v-chip--size-x-small .v-icon--start,
19041
- .v-chip.v-chip--size-x-small .v-chip__filter {
19042
- margin-inline-start: -4px;
19043
- margin-inline-end: 4px;
19044
- }
19045
- .v-chip.v-chip--size-x-small .v-icon--end,
19046
- .v-chip.v-chip--size-x-small .v-chip__close {
19047
- margin-inline-start: 4px;
19048
- margin-inline-end: -4px;
19049
- }
19050
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19051
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19052
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19053
- margin-inline-start: 8px;
19054
- }
19055
-
19056
- .v-chip.v-chip--size-small {
19057
- --v-chip-size: 0.75rem;
19058
- --v-chip-height: 26px;
19059
- font-size: 0.75rem;
19060
- padding: 0 10px;
19061
- }
19062
- .v-chip.v-chip--size-small .v-avatar {
19063
- --v-avatar-height: 20px;
19064
- }
19065
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19066
- --v-avatar-height: 26px;
19067
- }
19068
-
19069
- .v-chip.v-chip--size-small .v-avatar--start {
19070
- margin-inline-start: -7px;
19071
- margin-inline-end: 5px;
19072
- }
19073
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19074
- margin-inline-start: -10px;
19075
- }
19076
-
19077
- .v-chip.v-chip--size-small .v-avatar--end {
19078
- margin-inline-start: 5px;
19079
- margin-inline-end: -7px;
19080
- }
19081
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19082
- margin-inline-end: -10px;
19083
- }
19084
-
19085
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19086
- margin-inline-start: 15px;
19087
- }
19088
-
19089
- .v-chip.v-chip--size-small .v-icon--start,
19090
- .v-chip.v-chip--size-small .v-chip__filter {
19091
- margin-inline-start: -5px;
19092
- margin-inline-end: 5px;
19093
- }
19094
- .v-chip.v-chip--size-small .v-icon--end,
19095
- .v-chip.v-chip--size-small .v-chip__close {
19096
- margin-inline-start: 5px;
19097
- margin-inline-end: -5px;
19098
- }
19099
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19100
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19101
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19102
- margin-inline-start: 10px;
19103
- }
19104
-
19105
- .v-chip.v-chip--size-default {
19106
- --v-chip-size: 0.875rem;
19107
- --v-chip-height: 32px;
19108
- font-size: 0.875rem;
19109
- padding: 0 12px;
19110
- }
19111
- .v-chip.v-chip--size-default .v-avatar {
19112
- --v-avatar-height: 26px;
19113
- }
19114
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19115
- --v-avatar-height: 32px;
19116
- }
19117
-
19118
- .v-chip.v-chip--size-default .v-avatar--start {
19119
- margin-inline-start: -8.4px;
19120
- margin-inline-end: 6px;
19121
- }
19122
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19123
- margin-inline-start: -12px;
19124
- }
19125
-
19126
- .v-chip.v-chip--size-default .v-avatar--end {
19127
- margin-inline-start: 6px;
19128
- margin-inline-end: -8.4px;
19129
- }
19130
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19131
- margin-inline-end: -12px;
19132
- }
19133
-
19134
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19135
- margin-inline-start: 18px;
19136
- }
19137
-
19138
- .v-chip.v-chip--size-default .v-icon--start,
19139
- .v-chip.v-chip--size-default .v-chip__filter {
19140
- margin-inline-start: -6px;
19141
- margin-inline-end: 6px;
19142
- }
19143
- .v-chip.v-chip--size-default .v-icon--end,
19144
- .v-chip.v-chip--size-default .v-chip__close {
19145
- margin-inline-start: 6px;
19146
- margin-inline-end: -6px;
19147
- }
19148
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19149
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19150
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19151
- margin-inline-start: 12px;
19152
- }
19153
-
19154
- .v-chip.v-chip--size-large {
19155
- --v-chip-size: 1rem;
19156
- --v-chip-height: 38px;
19157
- font-size: 1rem;
19158
- padding: 0 14px;
19159
- }
19160
- .v-chip.v-chip--size-large .v-avatar {
19161
- --v-avatar-height: 32px;
19162
- }
19163
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19164
- --v-avatar-height: 38px;
19165
- }
19166
-
19167
- .v-chip.v-chip--size-large .v-avatar--start {
19168
- margin-inline-start: -9.8px;
19169
- margin-inline-end: 7px;
19170
- }
19171
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19172
- margin-inline-start: -14px;
19173
- }
19174
-
19175
- .v-chip.v-chip--size-large .v-avatar--end {
19176
- margin-inline-start: 7px;
19177
- margin-inline-end: -9.8px;
19178
- }
19179
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19180
- margin-inline-end: -14px;
19181
- }
19182
-
19183
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19184
- margin-inline-start: 21px;
19185
- }
19186
-
19187
- .v-chip.v-chip--size-large .v-icon--start,
19188
- .v-chip.v-chip--size-large .v-chip__filter {
19189
- margin-inline-start: -7px;
19190
- margin-inline-end: 7px;
19191
- }
19192
- .v-chip.v-chip--size-large .v-icon--end,
19193
- .v-chip.v-chip--size-large .v-chip__close {
19194
- margin-inline-start: 7px;
19195
- margin-inline-end: -7px;
19196
- }
19197
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19198
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19199
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19200
- margin-inline-start: 14px;
19201
- }
19202
-
19203
- .v-chip.v-chip--size-x-large {
19204
- --v-chip-size: 1.125rem;
19205
- --v-chip-height: 44px;
19206
- font-size: 1.125rem;
19207
- padding: 0 17px;
19208
- }
19209
- .v-chip.v-chip--size-x-large .v-avatar {
19210
- --v-avatar-height: 38px;
19211
- }
19212
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19213
- --v-avatar-height: 44px;
19214
- }
19215
-
19216
- .v-chip.v-chip--size-x-large .v-avatar--start {
19217
- margin-inline-start: -11.9px;
19218
- margin-inline-end: 8.5px;
19219
- }
19220
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19221
- margin-inline-start: -17px;
19222
- }
19223
-
19224
- .v-chip.v-chip--size-x-large .v-avatar--end {
19225
- margin-inline-start: 8.5px;
19226
- margin-inline-end: -11.9px;
19227
- }
19228
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19229
- margin-inline-end: -17px;
19230
- }
19231
-
19232
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19233
- margin-inline-start: 25.5px;
19234
- }
19235
-
19236
- .v-chip.v-chip--size-x-large .v-icon--start,
19237
- .v-chip.v-chip--size-x-large .v-chip__filter {
19238
- margin-inline-start: -8.5px;
19239
- margin-inline-end: 8.5px;
19240
- }
19241
- .v-chip.v-chip--size-x-large .v-icon--end,
19242
- .v-chip.v-chip--size-x-large .v-chip__close {
19243
- margin-inline-start: 8.5px;
19244
- margin-inline-end: -8.5px;
19245
- }
19246
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19247
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19248
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19249
- margin-inline-start: 17px;
19250
- }
19251
-
19252
- .v-chip.v-chip--density-default {
19253
- height: calc(var(--v-chip-height) + 0px);
19254
- }
19255
-
19256
- .v-chip.v-chip--density-comfortable {
19257
- height: calc(var(--v-chip-height) + -8px);
19258
- }
19259
-
19260
- .v-chip.v-chip--density-compact {
19261
- height: calc(var(--v-chip-height) + -12px);
19262
- }
19263
-
19264
- .v-chip:hover > .v-chip__overlay {
19265
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19266
- }
19267
- .v-chip:focus-visible > .v-chip__overlay {
19268
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19269
- }
19270
- @supports not selector(:focus-visible) {
19271
- .v-chip:focus > .v-chip__overlay {
19272
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19081
+ @media (min-width: 1920px) {
19082
+ .v-col-xl {
19083
+ flex-basis: 0;
19084
+ flex-grow: 1;
19085
+ max-width: 100%;
19086
+ }
19087
+ .v-col-xl-auto {
19088
+ flex: 0 0 auto;
19089
+ width: auto;
19090
+ max-width: 100%;
19091
+ }
19092
+ .v-col-xl-1 {
19093
+ flex: 0 0 8.3333333333%;
19094
+ max-width: 8.3333333333%;
19095
+ }
19096
+ .v-col-xl-2 {
19097
+ flex: 0 0 16.6666666667%;
19098
+ max-width: 16.6666666667%;
19099
+ }
19100
+ .v-col-xl-3 {
19101
+ flex: 0 0 25%;
19102
+ max-width: 25%;
19103
+ }
19104
+ .v-col-xl-4 {
19105
+ flex: 0 0 33.3333333333%;
19106
+ max-width: 33.3333333333%;
19107
+ }
19108
+ .v-col-xl-5 {
19109
+ flex: 0 0 41.6666666667%;
19110
+ max-width: 41.6666666667%;
19111
+ }
19112
+ .v-col-xl-6 {
19113
+ flex: 0 0 50%;
19114
+ max-width: 50%;
19115
+ }
19116
+ .v-col-xl-7 {
19117
+ flex: 0 0 58.3333333333%;
19118
+ max-width: 58.3333333333%;
19119
+ }
19120
+ .v-col-xl-8 {
19121
+ flex: 0 0 66.6666666667%;
19122
+ max-width: 66.6666666667%;
19123
+ }
19124
+ .v-col-xl-9 {
19125
+ flex: 0 0 75%;
19126
+ max-width: 75%;
19127
+ }
19128
+ .v-col-xl-10 {
19129
+ flex: 0 0 83.3333333333%;
19130
+ max-width: 83.3333333333%;
19131
+ }
19132
+ .v-col-xl-11 {
19133
+ flex: 0 0 91.6666666667%;
19134
+ max-width: 91.6666666667%;
19135
+ }
19136
+ .v-col-xl-12 {
19137
+ flex: 0 0 100%;
19138
+ max-width: 100%;
19139
+ }
19140
+ .offset-xl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-0 {
19141
+ margin-left: 0;
19273
19142
  }
19274
- }
19275
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19276
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19277
- }
19278
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19279
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19280
- }
19281
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19282
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19283
- }
19284
- @supports not selector(:focus-visible) {
19285
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19286
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19143
+ .offset-xl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-0 {
19144
+ margin-right: 0;
19145
+ }
19146
+ .offset-xl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-1 {
19147
+ margin-left: 8.3333333333%;
19148
+ }
19149
+ .offset-xl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-1 {
19150
+ margin-right: 8.3333333333%;
19151
+ }
19152
+ .offset-xl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-2 {
19153
+ margin-left: 16.6666666667%;
19154
+ }
19155
+ .offset-xl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-2 {
19156
+ margin-right: 16.6666666667%;
19157
+ }
19158
+ .offset-xl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-3 {
19159
+ margin-left: 25%;
19160
+ }
19161
+ .offset-xl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-3 {
19162
+ margin-right: 25%;
19163
+ }
19164
+ .offset-xl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-4 {
19165
+ margin-left: 33.3333333333%;
19166
+ }
19167
+ .offset-xl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-4 {
19168
+ margin-right: 33.3333333333%;
19169
+ }
19170
+ .offset-xl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-5 {
19171
+ margin-left: 41.6666666667%;
19172
+ }
19173
+ .offset-xl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-5 {
19174
+ margin-right: 41.6666666667%;
19175
+ }
19176
+ .offset-xl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-6 {
19177
+ margin-left: 50%;
19178
+ }
19179
+ .offset-xl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-6 {
19180
+ margin-right: 50%;
19181
+ }
19182
+ .offset-xl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-7 {
19183
+ margin-left: 58.3333333333%;
19184
+ }
19185
+ .offset-xl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-7 {
19186
+ margin-right: 58.3333333333%;
19187
+ }
19188
+ .offset-xl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-8 {
19189
+ margin-left: 66.6666666667%;
19190
+ }
19191
+ .offset-xl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-8 {
19192
+ margin-right: 66.6666666667%;
19193
+ }
19194
+ .offset-xl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-9 {
19195
+ margin-left: 75%;
19196
+ }
19197
+ .offset-xl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-9 {
19198
+ margin-right: 75%;
19199
+ }
19200
+ .offset-xl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-10 {
19201
+ margin-left: 83.3333333333%;
19202
+ }
19203
+ .offset-xl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-10 {
19204
+ margin-right: 83.3333333333%;
19205
+ }
19206
+ .offset-xl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xl-11 {
19207
+ margin-left: 91.6666666667%;
19208
+ }
19209
+ .offset-xl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xl-11 {
19210
+ margin-right: 91.6666666667%;
19287
19211
  }
19288
19212
  }
19289
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19290
- background: transparent;
19291
- color: inherit;
19292
- }
19293
- .v-chip--variant-plain {
19294
- opacity: 0.26;
19295
- }
19296
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19297
- opacity: 1;
19298
- }
19299
- .v-chip--variant-plain .v-chip__overlay {
19300
- display: none;
19301
- }
19302
- .v-chip--variant-elevated, .v-chip--variant-flat {
19303
- background: rgb(var(--v-theme-surface-variant));
19304
- color: rgb(var(--v-theme-on-surface-variant));
19305
- }
19306
- .v-chip--variant-elevated {
19307
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
19308
- }
19309
- .v-chip--variant-flat {
19310
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
19311
- }
19312
- .v-chip--variant-outlined {
19313
- border: thin solid currentColor;
19314
- }
19315
- .v-chip--variant-text .v-chip__overlay {
19316
- background: currentColor;
19317
- }
19318
- .v-chip--variant-tonal .v-chip__underlay {
19319
- background: currentColor;
19320
- opacity: var(--v-activated-opacity);
19321
- border-radius: inherit;
19322
- position: absolute;
19323
- top: 0;
19324
- right: 0;
19325
- bottom: 0;
19326
- left: 0;
19327
- pointer-events: none;
19328
- }
19329
- .v-chip--border {
19330
- border-width: thin;
19331
- }
19332
- .v-chip--link {
19333
- cursor: pointer;
19334
- }
19335
- .v-chip--filter {
19336
- -webkit-user-select: none;
19337
- user-select: none;
19338
- }
19339
- .v-chip--label {
19340
- border-radius: 4px;
19341
- }
19342
-
19343
- .v-chip__content {
19344
- align-items: center;
19345
- display: inline-flex;
19346
- }
19347
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19348
- overflow: hidden;
19349
- }
19350
-
19351
- .v-chip__filter,
19352
- .v-chip__prepend,
19353
- .v-chip__append,
19354
- .v-chip__close {
19355
- align-items: center;
19356
- display: inline-flex;
19357
- }
19358
-
19359
- .v-chip__close {
19360
- cursor: pointer;
19361
- flex: 0 1 auto;
19362
- font-size: 18px;
19363
- max-height: 18px;
19364
- max-width: 18px;
19365
- -webkit-user-select: none;
19366
- user-select: none;
19367
- }
19368
- .v-chip__close .v-icon {
19369
- font-size: inherit;
19370
- }
19371
-
19372
- .v-chip__filter {
19373
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19374
- }
19375
-
19376
- .v-chip__overlay {
19377
- position: absolute;
19378
- top: 0;
19379
- left: 0;
19380
- width: 100%;
19381
- height: 100%;
19382
- background-color: currentColor;
19383
- border-radius: inherit;
19384
- pointer-events: none;
19385
- opacity: 0;
19386
- transition: opacity 0.2s ease-in-out;
19387
- }
19388
-
19389
- .v-chip--disabled {
19390
- opacity: 0.3;
19391
- pointer-events: none;
19392
- -webkit-user-select: none;
19393
- user-select: none;
19394
- }
19395
-
19396
- .v-chip--label {
19397
- border-radius: 4px;
19213
+ @media (min-width: 2560px) {
19214
+ .v-col-xxl {
19215
+ flex-basis: 0;
19216
+ flex-grow: 1;
19217
+ max-width: 100%;
19218
+ }
19219
+ .v-col-xxl-auto {
19220
+ flex: 0 0 auto;
19221
+ width: auto;
19222
+ max-width: 100%;
19223
+ }
19224
+ .v-col-xxl-1 {
19225
+ flex: 0 0 8.3333333333%;
19226
+ max-width: 8.3333333333%;
19227
+ }
19228
+ .v-col-xxl-2 {
19229
+ flex: 0 0 16.6666666667%;
19230
+ max-width: 16.6666666667%;
19231
+ }
19232
+ .v-col-xxl-3 {
19233
+ flex: 0 0 25%;
19234
+ max-width: 25%;
19235
+ }
19236
+ .v-col-xxl-4 {
19237
+ flex: 0 0 33.3333333333%;
19238
+ max-width: 33.3333333333%;
19239
+ }
19240
+ .v-col-xxl-5 {
19241
+ flex: 0 0 41.6666666667%;
19242
+ max-width: 41.6666666667%;
19243
+ }
19244
+ .v-col-xxl-6 {
19245
+ flex: 0 0 50%;
19246
+ max-width: 50%;
19247
+ }
19248
+ .v-col-xxl-7 {
19249
+ flex: 0 0 58.3333333333%;
19250
+ max-width: 58.3333333333%;
19251
+ }
19252
+ .v-col-xxl-8 {
19253
+ flex: 0 0 66.6666666667%;
19254
+ max-width: 66.6666666667%;
19255
+ }
19256
+ .v-col-xxl-9 {
19257
+ flex: 0 0 75%;
19258
+ max-width: 75%;
19259
+ }
19260
+ .v-col-xxl-10 {
19261
+ flex: 0 0 83.3333333333%;
19262
+ max-width: 83.3333333333%;
19263
+ }
19264
+ .v-col-xxl-11 {
19265
+ flex: 0 0 91.6666666667%;
19266
+ max-width: 91.6666666667%;
19267
+ }
19268
+ .v-col-xxl-12 {
19269
+ flex: 0 0 100%;
19270
+ max-width: 100%;
19271
+ }
19272
+ .offset-xxl-0.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-0 {
19273
+ margin-left: 0;
19274
+ }
19275
+ .offset-xxl-0.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-0 {
19276
+ margin-right: 0;
19277
+ }
19278
+ .offset-xxl-1.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-1 {
19279
+ margin-left: 8.3333333333%;
19280
+ }
19281
+ .offset-xxl-1.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-1 {
19282
+ margin-right: 8.3333333333%;
19283
+ }
19284
+ .offset-xxl-2.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-2 {
19285
+ margin-left: 16.6666666667%;
19286
+ }
19287
+ .offset-xxl-2.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-2 {
19288
+ margin-right: 16.6666666667%;
19289
+ }
19290
+ .offset-xxl-3.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-3 {
19291
+ margin-left: 25%;
19292
+ }
19293
+ .offset-xxl-3.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-3 {
19294
+ margin-right: 25%;
19295
+ }
19296
+ .offset-xxl-4.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-4 {
19297
+ margin-left: 33.3333333333%;
19298
+ }
19299
+ .offset-xxl-4.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-4 {
19300
+ margin-right: 33.3333333333%;
19301
+ }
19302
+ .offset-xxl-5.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-5 {
19303
+ margin-left: 41.6666666667%;
19304
+ }
19305
+ .offset-xxl-5.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-5 {
19306
+ margin-right: 41.6666666667%;
19307
+ }
19308
+ .offset-xxl-6.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-6 {
19309
+ margin-left: 50%;
19310
+ }
19311
+ .offset-xxl-6.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-6 {
19312
+ margin-right: 50%;
19313
+ }
19314
+ .offset-xxl-7.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-7 {
19315
+ margin-left: 58.3333333333%;
19316
+ }
19317
+ .offset-xxl-7.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-7 {
19318
+ margin-right: 58.3333333333%;
19319
+ }
19320
+ .offset-xxl-8.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-8 {
19321
+ margin-left: 66.6666666667%;
19322
+ }
19323
+ .offset-xxl-8.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-8 {
19324
+ margin-right: 66.6666666667%;
19325
+ }
19326
+ .offset-xxl-9.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-9 {
19327
+ margin-left: 75%;
19328
+ }
19329
+ .offset-xxl-9.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-9 {
19330
+ margin-right: 75%;
19331
+ }
19332
+ .offset-xxl-10.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-10 {
19333
+ margin-left: 83.3333333333%;
19334
+ }
19335
+ .offset-xxl-10.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-10 {
19336
+ margin-right: 83.3333333333%;
19337
+ }
19338
+ .offset-xxl-11.v-locale--is-ltr, .v-locale--is-ltr .offset-xxl-11 {
19339
+ margin-left: 91.6666666667%;
19340
+ }
19341
+ .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
19342
+ margin-right: 91.6666666667%;
19343
+ }
19398
19344
  }.v-dialog {
19399
19345
  align-items: center;
19400
19346
  justify-content: center;
@@ -21680,74 +21626,6 @@ html.v-overlay-scroll-blocked {
21680
21626
  .v-responsive__content {
21681
21627
  grid-row-start: 1;
21682
21628
  grid-column-start: 1;
21683
- }.v-input--density-default {
21684
- --select-chips-margin-bottom: 0px;
21685
- }
21686
-
21687
- .v-input--density-comfortable {
21688
- --select-chips-margin-bottom: 2px;
21689
- }
21690
-
21691
- .v-input--density-compact {
21692
- --select-chips-margin-bottom: 4px;
21693
- }
21694
-
21695
- .v-select .v-field .v-text-field__prefix,
21696
- .v-select .v-field .v-text-field__suffix,
21697
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
21698
- cursor: pointer;
21699
- }
21700
- .v-select .v-field--variant-outlined {
21701
- --select-chips-margin-bottom: 2px;
21702
- }
21703
- .v-select .v-field .v-field__input > input {
21704
- align-self: flex-start;
21705
- opacity: 1;
21706
- flex: 0 0;
21707
- position: absolute;
21708
- width: 100%;
21709
- transition: none;
21710
- pointer-events: none;
21711
- }
21712
- .v-select .v-field--dirty .v-select__selection {
21713
- margin-inline-end: 2px;
21714
- }
21715
- .v-select .v-field--single-line .v-select__selection-text {
21716
- overflow: hidden;
21717
- text-overflow: ellipsis;
21718
- white-space: nowrap;
21719
- }
21720
- .v-select__content {
21721
- overflow: hidden;
21722
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21723
- border-radius: 4px;
21724
- }
21725
- .v-select__selection {
21726
- display: inline-flex;
21727
- letter-spacing: inherit;
21728
- line-height: inherit;
21729
- max-width: 100%;
21730
- }
21731
- .v-select--chips .v-field__input, .v-select--selection-slot .v-field__input {
21732
- min-height: calc(var(--v-field-input-min-height) + var(--select-chips-margin-bottom) + 2px);
21733
- }
21734
- .v-select--chips .v-select__selection, .v-select--selection-slot .v-select__selection {
21735
- margin-top: 2px;
21736
- margin-bottom: var(--select-chips-margin-bottom);
21737
- }
21738
- .v-select--chips .v-select__selection:first-child, .v-select--selection-slot .v-select__selection:first-child {
21739
- margin-inline-start: 0;
21740
- }
21741
- .v-select--selected .v-field .v-field__input > input {
21742
- opacity: 0;
21743
- }
21744
- .v-select__menu-icon {
21745
- margin-inline-start: 4px;
21746
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21747
- }
21748
- .v-select--active-menu .v-select__menu-icon {
21749
- opacity: var(--v-high-emphasis-opacity);
21750
- transform: rotate(180deg);
21751
21629
  }.v-selection-control {
21752
21630
  align-items: center;
21753
21631
  contain: layout;
@@ -21850,6 +21728,74 @@ html.v-overlay-scroll-blocked {
21850
21728
  }
21851
21729
  .v-selection-control--focus-visible .v-selection-control__input::before {
21852
21730
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21731
+ }.v-input--density-default {
21732
+ --select-chips-margin-bottom: 0px;
21733
+ }
21734
+
21735
+ .v-input--density-comfortable {
21736
+ --select-chips-margin-bottom: 2px;
21737
+ }
21738
+
21739
+ .v-input--density-compact {
21740
+ --select-chips-margin-bottom: 4px;
21741
+ }
21742
+
21743
+ .v-select .v-field .v-text-field__prefix,
21744
+ .v-select .v-field .v-text-field__suffix,
21745
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
21746
+ cursor: pointer;
21747
+ }
21748
+ .v-select .v-field--variant-outlined {
21749
+ --select-chips-margin-bottom: 2px;
21750
+ }
21751
+ .v-select .v-field .v-field__input > input {
21752
+ align-self: flex-start;
21753
+ opacity: 1;
21754
+ flex: 0 0;
21755
+ position: absolute;
21756
+ width: 100%;
21757
+ transition: none;
21758
+ pointer-events: none;
21759
+ }
21760
+ .v-select .v-field--dirty .v-select__selection {
21761
+ margin-inline-end: 2px;
21762
+ }
21763
+ .v-select .v-field--single-line .v-select__selection-text {
21764
+ overflow: hidden;
21765
+ text-overflow: ellipsis;
21766
+ white-space: nowrap;
21767
+ }
21768
+ .v-select__content {
21769
+ overflow: hidden;
21770
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21771
+ border-radius: 4px;
21772
+ }
21773
+ .v-select__selection {
21774
+ display: inline-flex;
21775
+ letter-spacing: inherit;
21776
+ line-height: inherit;
21777
+ max-width: 100%;
21778
+ }
21779
+ .v-select--chips .v-field__input, .v-select--selection-slot .v-field__input {
21780
+ min-height: calc(var(--v-field-input-min-height) + var(--select-chips-margin-bottom) + 2px);
21781
+ }
21782
+ .v-select--chips .v-select__selection, .v-select--selection-slot .v-select__selection {
21783
+ margin-top: 2px;
21784
+ margin-bottom: var(--select-chips-margin-bottom);
21785
+ }
21786
+ .v-select--chips .v-select__selection:first-child, .v-select--selection-slot .v-select__selection:first-child {
21787
+ margin-inline-start: 0;
21788
+ }
21789
+ .v-select--selected .v-field .v-field__input > input {
21790
+ opacity: 0;
21791
+ }
21792
+ .v-select__menu-icon {
21793
+ margin-inline-start: 4px;
21794
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21795
+ }
21796
+ .v-select--active-menu .v-select__menu-icon {
21797
+ opacity: var(--v-high-emphasis-opacity);
21798
+ transform: rotate(180deg);
21853
21799
  }.v-selection-control-group {
21854
21800
  grid-area: control;
21855
21801
  display: flex;
@@ -23175,6 +23121,60 @@ html.v-overlay-scroll-blocked {
23175
23121
  }
23176
23122
  .v-window-y-reverse-transition-leave-to {
23177
23123
  transform: translateY(100%);
23124
+ }.v-breadcrumbs {
23125
+ display: flex;
23126
+ align-items: center;
23127
+ line-height: 1.375rem;
23128
+ padding: 16px 12px;
23129
+ }
23130
+ .v-breadcrumbs--rounded {
23131
+ border-radius: 4px;
23132
+ }
23133
+ .v-breadcrumbs--density-default {
23134
+ padding-top: 16px;
23135
+ padding-bottom: 16px;
23136
+ }
23137
+
23138
+ .v-breadcrumbs--density-comfortable {
23139
+ padding-top: 12px;
23140
+ padding-bottom: 12px;
23141
+ }
23142
+
23143
+ .v-breadcrumbs--density-compact {
23144
+ padding-top: 8px;
23145
+ padding-bottom: 8px;
23146
+ }
23147
+
23148
+ .v-breadcrumbs__prepend {
23149
+ align-items: center;
23150
+ display: inline-flex;
23151
+ }
23152
+
23153
+ .v-breadcrumbs-item {
23154
+ align-items: center;
23155
+ color: inherit;
23156
+ display: inline-flex;
23157
+ padding: 0 4px;
23158
+ text-decoration: none;
23159
+ vertical-align: middle;
23160
+ }
23161
+ .v-breadcrumbs-item--disabled {
23162
+ opacity: var(--v-disabled-opacity);
23163
+ pointer-events: none;
23164
+ }
23165
+ .v-breadcrumbs-item--link:hover {
23166
+ text-decoration: underline;
23167
+ }
23168
+ .v-breadcrumbs-item .v-icon {
23169
+ font-size: 1rem;
23170
+ margin-inline-start: -4px;
23171
+ margin-inline-end: 2px;
23172
+ }
23173
+
23174
+ .v-breadcrumbs-divider {
23175
+ display: inline-block;
23176
+ padding: 0 8px;
23177
+ vertical-align: middle;
23178
23178
  }.v-color-picker-canvas {
23179
23179
  display: flex;
23180
23180
  position: relative;