28491 lines
659 KiB
CSS
28491 lines
659 KiB
CSS
/*!
|
|
* Vuetify v4.0.6
|
|
* Forged by John Leider
|
|
* Released under the MIT License.
|
|
*/
|
|
@layer vuetify-core {
|
|
@layer reset, base;
|
|
}
|
|
@layer vuetify-components;
|
|
@layer vuetify-overrides;
|
|
@layer vuetify-utilities {
|
|
@layer theme-base;
|
|
@layer typography;
|
|
@layer helpers;
|
|
@layer theme-background;
|
|
@layer theme-foreground;
|
|
}
|
|
@layer vuetify-final {
|
|
@layer transitions, trumps;
|
|
}
|
|
@layer vuetify-final.transitions {
|
|
@keyframes v-shake {
|
|
59% {
|
|
margin-left: 0;
|
|
}
|
|
60%, 80% {
|
|
margin-left: 2px;
|
|
}
|
|
70%, 90% {
|
|
margin-left: -2px;
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-utilities.theme-base {
|
|
.v-theme-on-light {
|
|
color: rgb(var(--v-theme-on-light));
|
|
}
|
|
.v-theme-on-dark {
|
|
color: rgb(var(--v-theme-on-dark));
|
|
}
|
|
}
|
|
@layer vuetify-utilities.theme-background {
|
|
.bg-black {
|
|
background-color: #000000;
|
|
}
|
|
.bg-black {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-white {
|
|
background-color: #FFFFFF;
|
|
}
|
|
.bg-white {
|
|
color: #000000;
|
|
}
|
|
.bg-transparent {
|
|
background-color: transparent;
|
|
}
|
|
.bg-transparent {
|
|
color: currentColor;
|
|
}
|
|
.bg-red {
|
|
background-color: #F44336;
|
|
}
|
|
.bg-red {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-red-lighten-5 {
|
|
background-color: #FFEBEE;
|
|
}
|
|
.bg-red-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-red-lighten-4 {
|
|
background-color: #FFCDD2;
|
|
}
|
|
.bg-red-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-red-lighten-3 {
|
|
background-color: #EF9A9A;
|
|
}
|
|
.bg-red-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-red-lighten-2 {
|
|
background-color: #E57373;
|
|
}
|
|
.bg-red-lighten-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-red-lighten-1 {
|
|
background-color: #EF5350;
|
|
}
|
|
.bg-red-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-red-darken-1 {
|
|
background-color: #E53935;
|
|
}
|
|
.bg-red-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-red-darken-2 {
|
|
background-color: #D32F2F;
|
|
}
|
|
.bg-red-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-red-darken-3 {
|
|
background-color: #C62828;
|
|
}
|
|
.bg-red-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-red-darken-4 {
|
|
background-color: #B71C1C;
|
|
}
|
|
.bg-red-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-red-accent-1 {
|
|
background-color: #FF8A80;
|
|
}
|
|
.bg-red-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-red-accent-2 {
|
|
background-color: #FF5252;
|
|
}
|
|
.bg-red-accent-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-red-accent-3 {
|
|
background-color: #FF1744;
|
|
}
|
|
.bg-red-accent-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-red-accent-4 {
|
|
background-color: #D50000;
|
|
}
|
|
.bg-red-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink {
|
|
background-color: #e91e63;
|
|
}
|
|
.bg-pink {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-lighten-5 {
|
|
background-color: #fce4ec;
|
|
}
|
|
.bg-pink-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-pink-lighten-4 {
|
|
background-color: #f8bbd0;
|
|
}
|
|
.bg-pink-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-pink-lighten-3 {
|
|
background-color: #f48fb1;
|
|
}
|
|
.bg-pink-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-pink-lighten-2 {
|
|
background-color: #f06292;
|
|
}
|
|
.bg-pink-lighten-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-lighten-1 {
|
|
background-color: #ec407a;
|
|
}
|
|
.bg-pink-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-darken-1 {
|
|
background-color: #d81b60;
|
|
}
|
|
.bg-pink-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-darken-2 {
|
|
background-color: #c2185b;
|
|
}
|
|
.bg-pink-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-darken-3 {
|
|
background-color: #ad1457;
|
|
}
|
|
.bg-pink-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-darken-4 {
|
|
background-color: #880e4f;
|
|
}
|
|
.bg-pink-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-accent-1 {
|
|
background-color: #ff80ab;
|
|
}
|
|
.bg-pink-accent-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-accent-2 {
|
|
background-color: #ff4081;
|
|
}
|
|
.bg-pink-accent-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-accent-3 {
|
|
background-color: #f50057;
|
|
}
|
|
.bg-pink-accent-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-pink-accent-4 {
|
|
background-color: #c51162;
|
|
}
|
|
.bg-pink-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple {
|
|
background-color: #9c27b0;
|
|
}
|
|
.bg-purple {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-lighten-5 {
|
|
background-color: #f3e5f5;
|
|
}
|
|
.bg-purple-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-purple-lighten-4 {
|
|
background-color: #e1bee7;
|
|
}
|
|
.bg-purple-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-purple-lighten-3 {
|
|
background-color: #ce93d8;
|
|
}
|
|
.bg-purple-lighten-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-lighten-2 {
|
|
background-color: #ba68c8;
|
|
}
|
|
.bg-purple-lighten-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-lighten-1 {
|
|
background-color: #ab47bc;
|
|
}
|
|
.bg-purple-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-darken-1 {
|
|
background-color: #8e24aa;
|
|
}
|
|
.bg-purple-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-darken-2 {
|
|
background-color: #7b1fa2;
|
|
}
|
|
.bg-purple-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-darken-3 {
|
|
background-color: #6a1b9a;
|
|
}
|
|
.bg-purple-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-darken-4 {
|
|
background-color: #4a148c;
|
|
}
|
|
.bg-purple-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-accent-1 {
|
|
background-color: #ea80fc;
|
|
}
|
|
.bg-purple-accent-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-accent-2 {
|
|
background-color: #e040fb;
|
|
}
|
|
.bg-purple-accent-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-accent-3 {
|
|
background-color: #d500f9;
|
|
}
|
|
.bg-purple-accent-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-purple-accent-4 {
|
|
background-color: #aa00ff;
|
|
}
|
|
.bg-purple-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple {
|
|
background-color: #673ab7;
|
|
}
|
|
.bg-deep-purple {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-lighten-5 {
|
|
background-color: #ede7f6;
|
|
}
|
|
.bg-deep-purple-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-deep-purple-lighten-4 {
|
|
background-color: #d1c4e9;
|
|
}
|
|
.bg-deep-purple-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-deep-purple-lighten-3 {
|
|
background-color: #b39ddb;
|
|
}
|
|
.bg-deep-purple-lighten-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-lighten-2 {
|
|
background-color: #9575cd;
|
|
}
|
|
.bg-deep-purple-lighten-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-lighten-1 {
|
|
background-color: #7e57c2;
|
|
}
|
|
.bg-deep-purple-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-darken-1 {
|
|
background-color: #5e35b1;
|
|
}
|
|
.bg-deep-purple-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-darken-2 {
|
|
background-color: #512da8;
|
|
}
|
|
.bg-deep-purple-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-darken-3 {
|
|
background-color: #4527a0;
|
|
}
|
|
.bg-deep-purple-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-darken-4 {
|
|
background-color: #311b92;
|
|
}
|
|
.bg-deep-purple-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-accent-1 {
|
|
background-color: #b388ff;
|
|
}
|
|
.bg-deep-purple-accent-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-accent-2 {
|
|
background-color: #7c4dff;
|
|
}
|
|
.bg-deep-purple-accent-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-accent-3 {
|
|
background-color: #651fff;
|
|
}
|
|
.bg-deep-purple-accent-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-purple-accent-4 {
|
|
background-color: #6200ea;
|
|
}
|
|
.bg-deep-purple-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo {
|
|
background-color: #3f51b5;
|
|
}
|
|
.bg-indigo {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-lighten-5 {
|
|
background-color: #e8eaf6;
|
|
}
|
|
.bg-indigo-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-indigo-lighten-4 {
|
|
background-color: #c5cae9;
|
|
}
|
|
.bg-indigo-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-indigo-lighten-3 {
|
|
background-color: #9fa8da;
|
|
}
|
|
.bg-indigo-lighten-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-lighten-2 {
|
|
background-color: #7986cb;
|
|
}
|
|
.bg-indigo-lighten-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-lighten-1 {
|
|
background-color: #5c6bc0;
|
|
}
|
|
.bg-indigo-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-darken-1 {
|
|
background-color: #3949ab;
|
|
}
|
|
.bg-indigo-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-darken-2 {
|
|
background-color: #303f9f;
|
|
}
|
|
.bg-indigo-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-darken-3 {
|
|
background-color: #283593;
|
|
}
|
|
.bg-indigo-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-darken-4 {
|
|
background-color: #1a237e;
|
|
}
|
|
.bg-indigo-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-accent-1 {
|
|
background-color: #8c9eff;
|
|
}
|
|
.bg-indigo-accent-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-accent-2 {
|
|
background-color: #536dfe;
|
|
}
|
|
.bg-indigo-accent-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-accent-3 {
|
|
background-color: #3d5afe;
|
|
}
|
|
.bg-indigo-accent-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-indigo-accent-4 {
|
|
background-color: #304ffe;
|
|
}
|
|
.bg-indigo-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue {
|
|
background-color: #2196F3;
|
|
}
|
|
.bg-blue {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-lighten-5 {
|
|
background-color: #E3F2FD;
|
|
}
|
|
.bg-blue-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-blue-lighten-4 {
|
|
background-color: #BBDEFB;
|
|
}
|
|
.bg-blue-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-blue-lighten-3 {
|
|
background-color: #90CAF9;
|
|
}
|
|
.bg-blue-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-blue-lighten-2 {
|
|
background-color: #64B5F6;
|
|
}
|
|
.bg-blue-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-blue-lighten-1 {
|
|
background-color: #42A5F5;
|
|
}
|
|
.bg-blue-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-darken-1 {
|
|
background-color: #1E88E5;
|
|
}
|
|
.bg-blue-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-darken-2 {
|
|
background-color: #1976D2;
|
|
}
|
|
.bg-blue-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-darken-3 {
|
|
background-color: #1565C0;
|
|
}
|
|
.bg-blue-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-darken-4 {
|
|
background-color: #0D47A1;
|
|
}
|
|
.bg-blue-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-accent-1 {
|
|
background-color: #82B1FF;
|
|
}
|
|
.bg-blue-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-blue-accent-2 {
|
|
background-color: #448AFF;
|
|
}
|
|
.bg-blue-accent-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-accent-3 {
|
|
background-color: #2979FF;
|
|
}
|
|
.bg-blue-accent-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-accent-4 {
|
|
background-color: #2962FF;
|
|
}
|
|
.bg-blue-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-blue {
|
|
background-color: #03a9f4;
|
|
}
|
|
.bg-light-blue {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-blue-lighten-5 {
|
|
background-color: #e1f5fe;
|
|
}
|
|
.bg-light-blue-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-blue-lighten-4 {
|
|
background-color: #b3e5fc;
|
|
}
|
|
.bg-light-blue-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-blue-lighten-3 {
|
|
background-color: #81d4fa;
|
|
}
|
|
.bg-light-blue-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-blue-lighten-2 {
|
|
background-color: #4fc3f7;
|
|
}
|
|
.bg-light-blue-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-blue-lighten-1 {
|
|
background-color: #29b6f6;
|
|
}
|
|
.bg-light-blue-lighten-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-blue-darken-1 {
|
|
background-color: #039be5;
|
|
}
|
|
.bg-light-blue-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-blue-darken-2 {
|
|
background-color: #0288d1;
|
|
}
|
|
.bg-light-blue-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-blue-darken-3 {
|
|
background-color: #0277bd;
|
|
}
|
|
.bg-light-blue-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-blue-darken-4 {
|
|
background-color: #01579b;
|
|
}
|
|
.bg-light-blue-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-blue-accent-1 {
|
|
background-color: #80d8ff;
|
|
}
|
|
.bg-light-blue-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-blue-accent-2 {
|
|
background-color: #40c4ff;
|
|
}
|
|
.bg-light-blue-accent-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-blue-accent-3 {
|
|
background-color: #00b0ff;
|
|
}
|
|
.bg-light-blue-accent-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-blue-accent-4 {
|
|
background-color: #0091ea;
|
|
}
|
|
.bg-light-blue-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-cyan {
|
|
background-color: #00bcd4;
|
|
}
|
|
.bg-cyan {
|
|
color: #000000;
|
|
}
|
|
.bg-cyan-lighten-5 {
|
|
background-color: #e0f7fa;
|
|
}
|
|
.bg-cyan-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-cyan-lighten-4 {
|
|
background-color: #b2ebf2;
|
|
}
|
|
.bg-cyan-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-cyan-lighten-3 {
|
|
background-color: #80deea;
|
|
}
|
|
.bg-cyan-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-cyan-lighten-2 {
|
|
background-color: #4dd0e1;
|
|
}
|
|
.bg-cyan-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-cyan-lighten-1 {
|
|
background-color: #26c6da;
|
|
}
|
|
.bg-cyan-lighten-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-cyan-darken-1 {
|
|
background-color: #00acc1;
|
|
}
|
|
.bg-cyan-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-cyan-darken-2 {
|
|
background-color: #0097a7;
|
|
}
|
|
.bg-cyan-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-cyan-darken-3 {
|
|
background-color: #00838f;
|
|
}
|
|
.bg-cyan-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-cyan-darken-4 {
|
|
background-color: #006064;
|
|
}
|
|
.bg-cyan-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-cyan-accent-1 {
|
|
background-color: #84ffff;
|
|
}
|
|
.bg-cyan-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-cyan-accent-2 {
|
|
background-color: #18ffff;
|
|
}
|
|
.bg-cyan-accent-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-cyan-accent-3 {
|
|
background-color: #00e5ff;
|
|
}
|
|
.bg-cyan-accent-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-cyan-accent-4 {
|
|
background-color: #00b8d4;
|
|
}
|
|
.bg-cyan-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-teal {
|
|
background-color: #009688;
|
|
}
|
|
.bg-teal {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-teal-lighten-5 {
|
|
background-color: #e0f2f1;
|
|
}
|
|
.bg-teal-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-teal-lighten-4 {
|
|
background-color: #b2dfdb;
|
|
}
|
|
.bg-teal-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-teal-lighten-3 {
|
|
background-color: #80cbc4;
|
|
}
|
|
.bg-teal-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-teal-lighten-2 {
|
|
background-color: #4db6ac;
|
|
}
|
|
.bg-teal-lighten-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-teal-lighten-1 {
|
|
background-color: #26a69a;
|
|
}
|
|
.bg-teal-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-teal-darken-1 {
|
|
background-color: #00897b;
|
|
}
|
|
.bg-teal-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-teal-darken-2 {
|
|
background-color: #00796b;
|
|
}
|
|
.bg-teal-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-teal-darken-3 {
|
|
background-color: #00695c;
|
|
}
|
|
.bg-teal-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-teal-darken-4 {
|
|
background-color: #004d40;
|
|
}
|
|
.bg-teal-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-teal-accent-1 {
|
|
background-color: #a7ffeb;
|
|
}
|
|
.bg-teal-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-teal-accent-2 {
|
|
background-color: #64ffda;
|
|
}
|
|
.bg-teal-accent-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-teal-accent-3 {
|
|
background-color: #1de9b6;
|
|
}
|
|
.bg-teal-accent-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-teal-accent-4 {
|
|
background-color: #00bfa5;
|
|
}
|
|
.bg-teal-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-green {
|
|
background-color: #4CAF50;
|
|
}
|
|
.bg-green {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-green-lighten-5 {
|
|
background-color: #E8F5E9;
|
|
}
|
|
.bg-green-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-green-lighten-4 {
|
|
background-color: #C8E6C9;
|
|
}
|
|
.bg-green-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-green-lighten-3 {
|
|
background-color: #A5D6A7;
|
|
}
|
|
.bg-green-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-green-lighten-2 {
|
|
background-color: #81C784;
|
|
}
|
|
.bg-green-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-green-lighten-1 {
|
|
background-color: #66BB6A;
|
|
}
|
|
.bg-green-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-green-darken-1 {
|
|
background-color: #43A047;
|
|
}
|
|
.bg-green-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-green-darken-2 {
|
|
background-color: #388E3C;
|
|
}
|
|
.bg-green-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-green-darken-3 {
|
|
background-color: #2E7D32;
|
|
}
|
|
.bg-green-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-green-darken-4 {
|
|
background-color: #1B5E20;
|
|
}
|
|
.bg-green-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-green-accent-1 {
|
|
background-color: #B9F6CA;
|
|
}
|
|
.bg-green-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-green-accent-2 {
|
|
background-color: #69F0AE;
|
|
}
|
|
.bg-green-accent-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-green-accent-3 {
|
|
background-color: #00E676;
|
|
}
|
|
.bg-green-accent-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-green-accent-4 {
|
|
background-color: #00C853;
|
|
}
|
|
.bg-green-accent-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green {
|
|
background-color: #8bc34a;
|
|
}
|
|
.bg-light-green {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green-lighten-5 {
|
|
background-color: #f1f8e9;
|
|
}
|
|
.bg-light-green-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green-lighten-4 {
|
|
background-color: #dcedc8;
|
|
}
|
|
.bg-light-green-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green-lighten-3 {
|
|
background-color: #c5e1a5;
|
|
}
|
|
.bg-light-green-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green-lighten-2 {
|
|
background-color: #aed581;
|
|
}
|
|
.bg-light-green-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green-lighten-1 {
|
|
background-color: #9ccc65;
|
|
}
|
|
.bg-light-green-lighten-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green-darken-1 {
|
|
background-color: #7cb342;
|
|
}
|
|
.bg-light-green-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-green-darken-2 {
|
|
background-color: #689f38;
|
|
}
|
|
.bg-light-green-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-green-darken-3 {
|
|
background-color: #558b2f;
|
|
}
|
|
.bg-light-green-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-green-darken-4 {
|
|
background-color: #33691e;
|
|
}
|
|
.bg-light-green-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-light-green-accent-1 {
|
|
background-color: #ccff90;
|
|
}
|
|
.bg-light-green-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green-accent-2 {
|
|
background-color: #b2ff59;
|
|
}
|
|
.bg-light-green-accent-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green-accent-3 {
|
|
background-color: #76ff03;
|
|
}
|
|
.bg-light-green-accent-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-light-green-accent-4 {
|
|
background-color: #64dd17;
|
|
}
|
|
.bg-light-green-accent-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime {
|
|
background-color: #cddc39;
|
|
}
|
|
.bg-lime {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-lighten-5 {
|
|
background-color: #f9fbe7;
|
|
}
|
|
.bg-lime-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-lighten-4 {
|
|
background-color: #f0f4c3;
|
|
}
|
|
.bg-lime-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-lighten-3 {
|
|
background-color: #e6ee9c;
|
|
}
|
|
.bg-lime-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-lighten-2 {
|
|
background-color: #dce775;
|
|
}
|
|
.bg-lime-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-lighten-1 {
|
|
background-color: #d4e157;
|
|
}
|
|
.bg-lime-lighten-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-darken-1 {
|
|
background-color: #c0ca33;
|
|
}
|
|
.bg-lime-darken-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-darken-2 {
|
|
background-color: #afb42b;
|
|
}
|
|
.bg-lime-darken-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-darken-3 {
|
|
background-color: #9e9d24;
|
|
}
|
|
.bg-lime-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-lime-darken-4 {
|
|
background-color: #827717;
|
|
}
|
|
.bg-lime-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-lime-accent-1 {
|
|
background-color: #f4ff81;
|
|
}
|
|
.bg-lime-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-accent-2 {
|
|
background-color: #eeff41;
|
|
}
|
|
.bg-lime-accent-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-accent-3 {
|
|
background-color: #c6ff00;
|
|
}
|
|
.bg-lime-accent-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-lime-accent-4 {
|
|
background-color: #aeea00;
|
|
}
|
|
.bg-lime-accent-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow {
|
|
background-color: #ffeb3b;
|
|
}
|
|
.bg-yellow {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-lighten-5 {
|
|
background-color: #fffde7;
|
|
}
|
|
.bg-yellow-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-lighten-4 {
|
|
background-color: #fff9c4;
|
|
}
|
|
.bg-yellow-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-lighten-3 {
|
|
background-color: #fff59d;
|
|
}
|
|
.bg-yellow-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-lighten-2 {
|
|
background-color: #fff176;
|
|
}
|
|
.bg-yellow-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-lighten-1 {
|
|
background-color: #ffee58;
|
|
}
|
|
.bg-yellow-lighten-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-darken-1 {
|
|
background-color: #fdd835;
|
|
}
|
|
.bg-yellow-darken-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-darken-2 {
|
|
background-color: #fbc02d;
|
|
}
|
|
.bg-yellow-darken-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-darken-3 {
|
|
background-color: #f9a825;
|
|
}
|
|
.bg-yellow-darken-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-darken-4 {
|
|
background-color: #f57f17;
|
|
}
|
|
.bg-yellow-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-yellow-accent-1 {
|
|
background-color: #ffff8d;
|
|
}
|
|
.bg-yellow-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-accent-2 {
|
|
background-color: #ffff00;
|
|
}
|
|
.bg-yellow-accent-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-accent-3 {
|
|
background-color: #ffea00;
|
|
}
|
|
.bg-yellow-accent-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-yellow-accent-4 {
|
|
background-color: #ffd600;
|
|
}
|
|
.bg-yellow-accent-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber {
|
|
background-color: #ffc107;
|
|
}
|
|
.bg-amber {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-lighten-5 {
|
|
background-color: #fff8e1;
|
|
}
|
|
.bg-amber-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-lighten-4 {
|
|
background-color: #ffecb3;
|
|
}
|
|
.bg-amber-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-lighten-3 {
|
|
background-color: #ffe082;
|
|
}
|
|
.bg-amber-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-lighten-2 {
|
|
background-color: #ffd54f;
|
|
}
|
|
.bg-amber-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-lighten-1 {
|
|
background-color: #ffca28;
|
|
}
|
|
.bg-amber-lighten-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-darken-1 {
|
|
background-color: #ffb300;
|
|
}
|
|
.bg-amber-darken-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-darken-2 {
|
|
background-color: #ffa000;
|
|
}
|
|
.bg-amber-darken-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-darken-3 {
|
|
background-color: #ff8f00;
|
|
}
|
|
.bg-amber-darken-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-darken-4 {
|
|
background-color: #ff6f00;
|
|
}
|
|
.bg-amber-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-amber-accent-1 {
|
|
background-color: #ffe57f;
|
|
}
|
|
.bg-amber-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-accent-2 {
|
|
background-color: #ffd740;
|
|
}
|
|
.bg-amber-accent-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-accent-3 {
|
|
background-color: #ffc400;
|
|
}
|
|
.bg-amber-accent-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-amber-accent-4 {
|
|
background-color: #ffab00;
|
|
}
|
|
.bg-amber-accent-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-orange {
|
|
background-color: #ff9800;
|
|
}
|
|
.bg-orange {
|
|
color: #000000;
|
|
}
|
|
.bg-orange-lighten-5 {
|
|
background-color: #fff3e0;
|
|
}
|
|
.bg-orange-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-orange-lighten-4 {
|
|
background-color: #ffe0b2;
|
|
}
|
|
.bg-orange-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-orange-lighten-3 {
|
|
background-color: #ffcc80;
|
|
}
|
|
.bg-orange-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-orange-lighten-2 {
|
|
background-color: #ffb74d;
|
|
}
|
|
.bg-orange-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-orange-lighten-1 {
|
|
background-color: #ffa726;
|
|
}
|
|
.bg-orange-lighten-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-orange-darken-1 {
|
|
background-color: #fb8c00;
|
|
}
|
|
.bg-orange-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-orange-darken-2 {
|
|
background-color: #f57c00;
|
|
}
|
|
.bg-orange-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-orange-darken-3 {
|
|
background-color: #ef6c00;
|
|
}
|
|
.bg-orange-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-orange-darken-4 {
|
|
background-color: #e65100;
|
|
}
|
|
.bg-orange-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-orange-accent-1 {
|
|
background-color: #ffd180;
|
|
}
|
|
.bg-orange-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-orange-accent-2 {
|
|
background-color: #ffab40;
|
|
}
|
|
.bg-orange-accent-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-orange-accent-3 {
|
|
background-color: #ff9100;
|
|
}
|
|
.bg-orange-accent-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-orange-accent-4 {
|
|
background-color: #ff6d00;
|
|
}
|
|
.bg-orange-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-orange {
|
|
background-color: #ff5722;
|
|
}
|
|
.bg-deep-orange {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-orange-lighten-5 {
|
|
background-color: #fbe9e7;
|
|
}
|
|
.bg-deep-orange-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-deep-orange-lighten-4 {
|
|
background-color: #ffccbc;
|
|
}
|
|
.bg-deep-orange-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-deep-orange-lighten-3 {
|
|
background-color: #ffab91;
|
|
}
|
|
.bg-deep-orange-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-deep-orange-lighten-2 {
|
|
background-color: #ff8a65;
|
|
}
|
|
.bg-deep-orange-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-deep-orange-lighten-1 {
|
|
background-color: #ff7043;
|
|
}
|
|
.bg-deep-orange-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-orange-darken-1 {
|
|
background-color: #f4511e;
|
|
}
|
|
.bg-deep-orange-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-orange-darken-2 {
|
|
background-color: #e64a19;
|
|
}
|
|
.bg-deep-orange-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-orange-darken-3 {
|
|
background-color: #d84315;
|
|
}
|
|
.bg-deep-orange-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-orange-darken-4 {
|
|
background-color: #bf360c;
|
|
}
|
|
.bg-deep-orange-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-orange-accent-1 {
|
|
background-color: #ff9e80;
|
|
}
|
|
.bg-deep-orange-accent-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-deep-orange-accent-2 {
|
|
background-color: #ff6e40;
|
|
}
|
|
.bg-deep-orange-accent-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-orange-accent-3 {
|
|
background-color: #ff3d00;
|
|
}
|
|
.bg-deep-orange-accent-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-deep-orange-accent-4 {
|
|
background-color: #dd2c00;
|
|
}
|
|
.bg-deep-orange-accent-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-brown {
|
|
background-color: #795548;
|
|
}
|
|
.bg-brown {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-brown-lighten-5 {
|
|
background-color: #efebe9;
|
|
}
|
|
.bg-brown-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-brown-lighten-4 {
|
|
background-color: #d7ccc8;
|
|
}
|
|
.bg-brown-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-brown-lighten-3 {
|
|
background-color: #bcaaa4;
|
|
}
|
|
.bg-brown-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-brown-lighten-2 {
|
|
background-color: #a1887f;
|
|
}
|
|
.bg-brown-lighten-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-brown-lighten-1 {
|
|
background-color: #8d6e63;
|
|
}
|
|
.bg-brown-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-brown-darken-1 {
|
|
background-color: #6d4c41;
|
|
}
|
|
.bg-brown-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-brown-darken-2 {
|
|
background-color: #5d4037;
|
|
}
|
|
.bg-brown-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-brown-darken-3 {
|
|
background-color: #4e342e;
|
|
}
|
|
.bg-brown-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-brown-darken-4 {
|
|
background-color: #3e2723;
|
|
}
|
|
.bg-brown-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-grey {
|
|
background-color: #607d8b;
|
|
}
|
|
.bg-blue-grey {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-grey-lighten-5 {
|
|
background-color: #eceff1;
|
|
}
|
|
.bg-blue-grey-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-blue-grey-lighten-4 {
|
|
background-color: #cfd8dc;
|
|
}
|
|
.bg-blue-grey-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-blue-grey-lighten-3 {
|
|
background-color: #b0bec5;
|
|
}
|
|
.bg-blue-grey-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-blue-grey-lighten-2 {
|
|
background-color: #90a4ae;
|
|
}
|
|
.bg-blue-grey-lighten-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-grey-lighten-1 {
|
|
background-color: #78909c;
|
|
}
|
|
.bg-blue-grey-lighten-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-grey-darken-1 {
|
|
background-color: #546e7a;
|
|
}
|
|
.bg-blue-grey-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-grey-darken-2 {
|
|
background-color: #455a64;
|
|
}
|
|
.bg-blue-grey-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-grey-darken-3 {
|
|
background-color: #37474f;
|
|
}
|
|
.bg-blue-grey-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-blue-grey-darken-4 {
|
|
background-color: #263238;
|
|
}
|
|
.bg-blue-grey-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-grey {
|
|
background-color: #9e9e9e;
|
|
}
|
|
.bg-grey {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-grey-lighten-5 {
|
|
background-color: #fafafa;
|
|
}
|
|
.bg-grey-lighten-5 {
|
|
color: #000000;
|
|
}
|
|
.bg-grey-lighten-4 {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.bg-grey-lighten-4 {
|
|
color: #000000;
|
|
}
|
|
.bg-grey-lighten-3 {
|
|
background-color: #eeeeee;
|
|
}
|
|
.bg-grey-lighten-3 {
|
|
color: #000000;
|
|
}
|
|
.bg-grey-lighten-2 {
|
|
background-color: #e0e0e0;
|
|
}
|
|
.bg-grey-lighten-2 {
|
|
color: #000000;
|
|
}
|
|
.bg-grey-lighten-1 {
|
|
background-color: #bdbdbd;
|
|
}
|
|
.bg-grey-lighten-1 {
|
|
color: #000000;
|
|
}
|
|
.bg-grey-darken-1 {
|
|
background-color: #757575;
|
|
}
|
|
.bg-grey-darken-1 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-grey-darken-2 {
|
|
background-color: #616161;
|
|
}
|
|
.bg-grey-darken-2 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-grey-darken-3 {
|
|
background-color: #424242;
|
|
}
|
|
.bg-grey-darken-3 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-grey-darken-4 {
|
|
background-color: #212121;
|
|
}
|
|
.bg-grey-darken-4 {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-shades-black {
|
|
background-color: #000000;
|
|
}
|
|
.bg-shades-black {
|
|
color: #FFFFFF;
|
|
}
|
|
.bg-shades-white {
|
|
background-color: #FFFFFF;
|
|
}
|
|
.bg-shades-white {
|
|
color: #000000;
|
|
}
|
|
.bg-shades-transparent {
|
|
background-color: transparent;
|
|
}
|
|
.bg-shades-transparent {
|
|
color: currentColor;
|
|
}
|
|
}
|
|
@layer vuetify-utilities.theme-foreground {
|
|
.text-black {
|
|
color: #000000;
|
|
}
|
|
.text-white {
|
|
color: #FFFFFF;
|
|
}
|
|
.text-transparent {
|
|
color: transparent;
|
|
}
|
|
.text-red {
|
|
color: #F44336;
|
|
}
|
|
.text-red-lighten-5 {
|
|
color: #FFEBEE;
|
|
}
|
|
.text-red-lighten-4 {
|
|
color: #FFCDD2;
|
|
}
|
|
.text-red-lighten-3 {
|
|
color: #EF9A9A;
|
|
}
|
|
.text-red-lighten-2 {
|
|
color: #E57373;
|
|
}
|
|
.text-red-lighten-1 {
|
|
color: #EF5350;
|
|
}
|
|
.text-red-darken-1 {
|
|
color: #E53935;
|
|
}
|
|
.text-red-darken-2 {
|
|
color: #D32F2F;
|
|
}
|
|
.text-red-darken-3 {
|
|
color: #C62828;
|
|
}
|
|
.text-red-darken-4 {
|
|
color: #B71C1C;
|
|
}
|
|
.text-red-accent-1 {
|
|
color: #FF8A80;
|
|
}
|
|
.text-red-accent-2 {
|
|
color: #FF5252;
|
|
}
|
|
.text-red-accent-3 {
|
|
color: #FF1744;
|
|
}
|
|
.text-red-accent-4 {
|
|
color: #D50000;
|
|
}
|
|
.text-pink {
|
|
color: #e91e63;
|
|
}
|
|
.text-pink-lighten-5 {
|
|
color: #fce4ec;
|
|
}
|
|
.text-pink-lighten-4 {
|
|
color: #f8bbd0;
|
|
}
|
|
.text-pink-lighten-3 {
|
|
color: #f48fb1;
|
|
}
|
|
.text-pink-lighten-2 {
|
|
color: #f06292;
|
|
}
|
|
.text-pink-lighten-1 {
|
|
color: #ec407a;
|
|
}
|
|
.text-pink-darken-1 {
|
|
color: #d81b60;
|
|
}
|
|
.text-pink-darken-2 {
|
|
color: #c2185b;
|
|
}
|
|
.text-pink-darken-3 {
|
|
color: #ad1457;
|
|
}
|
|
.text-pink-darken-4 {
|
|
color: #880e4f;
|
|
}
|
|
.text-pink-accent-1 {
|
|
color: #ff80ab;
|
|
}
|
|
.text-pink-accent-2 {
|
|
color: #ff4081;
|
|
}
|
|
.text-pink-accent-3 {
|
|
color: #f50057;
|
|
}
|
|
.text-pink-accent-4 {
|
|
color: #c51162;
|
|
}
|
|
.text-purple {
|
|
color: #9c27b0;
|
|
}
|
|
.text-purple-lighten-5 {
|
|
color: #f3e5f5;
|
|
}
|
|
.text-purple-lighten-4 {
|
|
color: #e1bee7;
|
|
}
|
|
.text-purple-lighten-3 {
|
|
color: #ce93d8;
|
|
}
|
|
.text-purple-lighten-2 {
|
|
color: #ba68c8;
|
|
}
|
|
.text-purple-lighten-1 {
|
|
color: #ab47bc;
|
|
}
|
|
.text-purple-darken-1 {
|
|
color: #8e24aa;
|
|
}
|
|
.text-purple-darken-2 {
|
|
color: #7b1fa2;
|
|
}
|
|
.text-purple-darken-3 {
|
|
color: #6a1b9a;
|
|
}
|
|
.text-purple-darken-4 {
|
|
color: #4a148c;
|
|
}
|
|
.text-purple-accent-1 {
|
|
color: #ea80fc;
|
|
}
|
|
.text-purple-accent-2 {
|
|
color: #e040fb;
|
|
}
|
|
.text-purple-accent-3 {
|
|
color: #d500f9;
|
|
}
|
|
.text-purple-accent-4 {
|
|
color: #aa00ff;
|
|
}
|
|
.text-deep-purple {
|
|
color: #673ab7;
|
|
}
|
|
.text-deep-purple-lighten-5 {
|
|
color: #ede7f6;
|
|
}
|
|
.text-deep-purple-lighten-4 {
|
|
color: #d1c4e9;
|
|
}
|
|
.text-deep-purple-lighten-3 {
|
|
color: #b39ddb;
|
|
}
|
|
.text-deep-purple-lighten-2 {
|
|
color: #9575cd;
|
|
}
|
|
.text-deep-purple-lighten-1 {
|
|
color: #7e57c2;
|
|
}
|
|
.text-deep-purple-darken-1 {
|
|
color: #5e35b1;
|
|
}
|
|
.text-deep-purple-darken-2 {
|
|
color: #512da8;
|
|
}
|
|
.text-deep-purple-darken-3 {
|
|
color: #4527a0;
|
|
}
|
|
.text-deep-purple-darken-4 {
|
|
color: #311b92;
|
|
}
|
|
.text-deep-purple-accent-1 {
|
|
color: #b388ff;
|
|
}
|
|
.text-deep-purple-accent-2 {
|
|
color: #7c4dff;
|
|
}
|
|
.text-deep-purple-accent-3 {
|
|
color: #651fff;
|
|
}
|
|
.text-deep-purple-accent-4 {
|
|
color: #6200ea;
|
|
}
|
|
.text-indigo {
|
|
color: #3f51b5;
|
|
}
|
|
.text-indigo-lighten-5 {
|
|
color: #e8eaf6;
|
|
}
|
|
.text-indigo-lighten-4 {
|
|
color: #c5cae9;
|
|
}
|
|
.text-indigo-lighten-3 {
|
|
color: #9fa8da;
|
|
}
|
|
.text-indigo-lighten-2 {
|
|
color: #7986cb;
|
|
}
|
|
.text-indigo-lighten-1 {
|
|
color: #5c6bc0;
|
|
}
|
|
.text-indigo-darken-1 {
|
|
color: #3949ab;
|
|
}
|
|
.text-indigo-darken-2 {
|
|
color: #303f9f;
|
|
}
|
|
.text-indigo-darken-3 {
|
|
color: #283593;
|
|
}
|
|
.text-indigo-darken-4 {
|
|
color: #1a237e;
|
|
}
|
|
.text-indigo-accent-1 {
|
|
color: #8c9eff;
|
|
}
|
|
.text-indigo-accent-2 {
|
|
color: #536dfe;
|
|
}
|
|
.text-indigo-accent-3 {
|
|
color: #3d5afe;
|
|
}
|
|
.text-indigo-accent-4 {
|
|
color: #304ffe;
|
|
}
|
|
.text-blue {
|
|
color: #2196F3;
|
|
}
|
|
.text-blue-lighten-5 {
|
|
color: #E3F2FD;
|
|
}
|
|
.text-blue-lighten-4 {
|
|
color: #BBDEFB;
|
|
}
|
|
.text-blue-lighten-3 {
|
|
color: #90CAF9;
|
|
}
|
|
.text-blue-lighten-2 {
|
|
color: #64B5F6;
|
|
}
|
|
.text-blue-lighten-1 {
|
|
color: #42A5F5;
|
|
}
|
|
.text-blue-darken-1 {
|
|
color: #1E88E5;
|
|
}
|
|
.text-blue-darken-2 {
|
|
color: #1976D2;
|
|
}
|
|
.text-blue-darken-3 {
|
|
color: #1565C0;
|
|
}
|
|
.text-blue-darken-4 {
|
|
color: #0D47A1;
|
|
}
|
|
.text-blue-accent-1 {
|
|
color: #82B1FF;
|
|
}
|
|
.text-blue-accent-2 {
|
|
color: #448AFF;
|
|
}
|
|
.text-blue-accent-3 {
|
|
color: #2979FF;
|
|
}
|
|
.text-blue-accent-4 {
|
|
color: #2962FF;
|
|
}
|
|
.text-light-blue {
|
|
color: #03a9f4;
|
|
}
|
|
.text-light-blue-lighten-5 {
|
|
color: #e1f5fe;
|
|
}
|
|
.text-light-blue-lighten-4 {
|
|
color: #b3e5fc;
|
|
}
|
|
.text-light-blue-lighten-3 {
|
|
color: #81d4fa;
|
|
}
|
|
.text-light-blue-lighten-2 {
|
|
color: #4fc3f7;
|
|
}
|
|
.text-light-blue-lighten-1 {
|
|
color: #29b6f6;
|
|
}
|
|
.text-light-blue-darken-1 {
|
|
color: #039be5;
|
|
}
|
|
.text-light-blue-darken-2 {
|
|
color: #0288d1;
|
|
}
|
|
.text-light-blue-darken-3 {
|
|
color: #0277bd;
|
|
}
|
|
.text-light-blue-darken-4 {
|
|
color: #01579b;
|
|
}
|
|
.text-light-blue-accent-1 {
|
|
color: #80d8ff;
|
|
}
|
|
.text-light-blue-accent-2 {
|
|
color: #40c4ff;
|
|
}
|
|
.text-light-blue-accent-3 {
|
|
color: #00b0ff;
|
|
}
|
|
.text-light-blue-accent-4 {
|
|
color: #0091ea;
|
|
}
|
|
.text-cyan {
|
|
color: #00bcd4;
|
|
}
|
|
.text-cyan-lighten-5 {
|
|
color: #e0f7fa;
|
|
}
|
|
.text-cyan-lighten-4 {
|
|
color: #b2ebf2;
|
|
}
|
|
.text-cyan-lighten-3 {
|
|
color: #80deea;
|
|
}
|
|
.text-cyan-lighten-2 {
|
|
color: #4dd0e1;
|
|
}
|
|
.text-cyan-lighten-1 {
|
|
color: #26c6da;
|
|
}
|
|
.text-cyan-darken-1 {
|
|
color: #00acc1;
|
|
}
|
|
.text-cyan-darken-2 {
|
|
color: #0097a7;
|
|
}
|
|
.text-cyan-darken-3 {
|
|
color: #00838f;
|
|
}
|
|
.text-cyan-darken-4 {
|
|
color: #006064;
|
|
}
|
|
.text-cyan-accent-1 {
|
|
color: #84ffff;
|
|
}
|
|
.text-cyan-accent-2 {
|
|
color: #18ffff;
|
|
}
|
|
.text-cyan-accent-3 {
|
|
color: #00e5ff;
|
|
}
|
|
.text-cyan-accent-4 {
|
|
color: #00b8d4;
|
|
}
|
|
.text-teal {
|
|
color: #009688;
|
|
}
|
|
.text-teal-lighten-5 {
|
|
color: #e0f2f1;
|
|
}
|
|
.text-teal-lighten-4 {
|
|
color: #b2dfdb;
|
|
}
|
|
.text-teal-lighten-3 {
|
|
color: #80cbc4;
|
|
}
|
|
.text-teal-lighten-2 {
|
|
color: #4db6ac;
|
|
}
|
|
.text-teal-lighten-1 {
|
|
color: #26a69a;
|
|
}
|
|
.text-teal-darken-1 {
|
|
color: #00897b;
|
|
}
|
|
.text-teal-darken-2 {
|
|
color: #00796b;
|
|
}
|
|
.text-teal-darken-3 {
|
|
color: #00695c;
|
|
}
|
|
.text-teal-darken-4 {
|
|
color: #004d40;
|
|
}
|
|
.text-teal-accent-1 {
|
|
color: #a7ffeb;
|
|
}
|
|
.text-teal-accent-2 {
|
|
color: #64ffda;
|
|
}
|
|
.text-teal-accent-3 {
|
|
color: #1de9b6;
|
|
}
|
|
.text-teal-accent-4 {
|
|
color: #00bfa5;
|
|
}
|
|
.text-green {
|
|
color: #4CAF50;
|
|
}
|
|
.text-green-lighten-5 {
|
|
color: #E8F5E9;
|
|
}
|
|
.text-green-lighten-4 {
|
|
color: #C8E6C9;
|
|
}
|
|
.text-green-lighten-3 {
|
|
color: #A5D6A7;
|
|
}
|
|
.text-green-lighten-2 {
|
|
color: #81C784;
|
|
}
|
|
.text-green-lighten-1 {
|
|
color: #66BB6A;
|
|
}
|
|
.text-green-darken-1 {
|
|
color: #43A047;
|
|
}
|
|
.text-green-darken-2 {
|
|
color: #388E3C;
|
|
}
|
|
.text-green-darken-3 {
|
|
color: #2E7D32;
|
|
}
|
|
.text-green-darken-4 {
|
|
color: #1B5E20;
|
|
}
|
|
.text-green-accent-1 {
|
|
color: #B9F6CA;
|
|
}
|
|
.text-green-accent-2 {
|
|
color: #69F0AE;
|
|
}
|
|
.text-green-accent-3 {
|
|
color: #00E676;
|
|
}
|
|
.text-green-accent-4 {
|
|
color: #00C853;
|
|
}
|
|
.text-light-green {
|
|
color: #8bc34a;
|
|
}
|
|
.text-light-green-lighten-5 {
|
|
color: #f1f8e9;
|
|
}
|
|
.text-light-green-lighten-4 {
|
|
color: #dcedc8;
|
|
}
|
|
.text-light-green-lighten-3 {
|
|
color: #c5e1a5;
|
|
}
|
|
.text-light-green-lighten-2 {
|
|
color: #aed581;
|
|
}
|
|
.text-light-green-lighten-1 {
|
|
color: #9ccc65;
|
|
}
|
|
.text-light-green-darken-1 {
|
|
color: #7cb342;
|
|
}
|
|
.text-light-green-darken-2 {
|
|
color: #689f38;
|
|
}
|
|
.text-light-green-darken-3 {
|
|
color: #558b2f;
|
|
}
|
|
.text-light-green-darken-4 {
|
|
color: #33691e;
|
|
}
|
|
.text-light-green-accent-1 {
|
|
color: #ccff90;
|
|
}
|
|
.text-light-green-accent-2 {
|
|
color: #b2ff59;
|
|
}
|
|
.text-light-green-accent-3 {
|
|
color: #76ff03;
|
|
}
|
|
.text-light-green-accent-4 {
|
|
color: #64dd17;
|
|
}
|
|
.text-lime {
|
|
color: #cddc39;
|
|
}
|
|
.text-lime-lighten-5 {
|
|
color: #f9fbe7;
|
|
}
|
|
.text-lime-lighten-4 {
|
|
color: #f0f4c3;
|
|
}
|
|
.text-lime-lighten-3 {
|
|
color: #e6ee9c;
|
|
}
|
|
.text-lime-lighten-2 {
|
|
color: #dce775;
|
|
}
|
|
.text-lime-lighten-1 {
|
|
color: #d4e157;
|
|
}
|
|
.text-lime-darken-1 {
|
|
color: #c0ca33;
|
|
}
|
|
.text-lime-darken-2 {
|
|
color: #afb42b;
|
|
}
|
|
.text-lime-darken-3 {
|
|
color: #9e9d24;
|
|
}
|
|
.text-lime-darken-4 {
|
|
color: #827717;
|
|
}
|
|
.text-lime-accent-1 {
|
|
color: #f4ff81;
|
|
}
|
|
.text-lime-accent-2 {
|
|
color: #eeff41;
|
|
}
|
|
.text-lime-accent-3 {
|
|
color: #c6ff00;
|
|
}
|
|
.text-lime-accent-4 {
|
|
color: #aeea00;
|
|
}
|
|
.text-yellow {
|
|
color: #ffeb3b;
|
|
}
|
|
.text-yellow-lighten-5 {
|
|
color: #fffde7;
|
|
}
|
|
.text-yellow-lighten-4 {
|
|
color: #fff9c4;
|
|
}
|
|
.text-yellow-lighten-3 {
|
|
color: #fff59d;
|
|
}
|
|
.text-yellow-lighten-2 {
|
|
color: #fff176;
|
|
}
|
|
.text-yellow-lighten-1 {
|
|
color: #ffee58;
|
|
}
|
|
.text-yellow-darken-1 {
|
|
color: #fdd835;
|
|
}
|
|
.text-yellow-darken-2 {
|
|
color: #fbc02d;
|
|
}
|
|
.text-yellow-darken-3 {
|
|
color: #f9a825;
|
|
}
|
|
.text-yellow-darken-4 {
|
|
color: #f57f17;
|
|
}
|
|
.text-yellow-accent-1 {
|
|
color: #ffff8d;
|
|
}
|
|
.text-yellow-accent-2 {
|
|
color: #ffff00;
|
|
}
|
|
.text-yellow-accent-3 {
|
|
color: #ffea00;
|
|
}
|
|
.text-yellow-accent-4 {
|
|
color: #ffd600;
|
|
}
|
|
.text-amber {
|
|
color: #ffc107;
|
|
}
|
|
.text-amber-lighten-5 {
|
|
color: #fff8e1;
|
|
}
|
|
.text-amber-lighten-4 {
|
|
color: #ffecb3;
|
|
}
|
|
.text-amber-lighten-3 {
|
|
color: #ffe082;
|
|
}
|
|
.text-amber-lighten-2 {
|
|
color: #ffd54f;
|
|
}
|
|
.text-amber-lighten-1 {
|
|
color: #ffca28;
|
|
}
|
|
.text-amber-darken-1 {
|
|
color: #ffb300;
|
|
}
|
|
.text-amber-darken-2 {
|
|
color: #ffa000;
|
|
}
|
|
.text-amber-darken-3 {
|
|
color: #ff8f00;
|
|
}
|
|
.text-amber-darken-4 {
|
|
color: #ff6f00;
|
|
}
|
|
.text-amber-accent-1 {
|
|
color: #ffe57f;
|
|
}
|
|
.text-amber-accent-2 {
|
|
color: #ffd740;
|
|
}
|
|
.text-amber-accent-3 {
|
|
color: #ffc400;
|
|
}
|
|
.text-amber-accent-4 {
|
|
color: #ffab00;
|
|
}
|
|
.text-orange {
|
|
color: #ff9800;
|
|
}
|
|
.text-orange-lighten-5 {
|
|
color: #fff3e0;
|
|
}
|
|
.text-orange-lighten-4 {
|
|
color: #ffe0b2;
|
|
}
|
|
.text-orange-lighten-3 {
|
|
color: #ffcc80;
|
|
}
|
|
.text-orange-lighten-2 {
|
|
color: #ffb74d;
|
|
}
|
|
.text-orange-lighten-1 {
|
|
color: #ffa726;
|
|
}
|
|
.text-orange-darken-1 {
|
|
color: #fb8c00;
|
|
}
|
|
.text-orange-darken-2 {
|
|
color: #f57c00;
|
|
}
|
|
.text-orange-darken-3 {
|
|
color: #ef6c00;
|
|
}
|
|
.text-orange-darken-4 {
|
|
color: #e65100;
|
|
}
|
|
.text-orange-accent-1 {
|
|
color: #ffd180;
|
|
}
|
|
.text-orange-accent-2 {
|
|
color: #ffab40;
|
|
}
|
|
.text-orange-accent-3 {
|
|
color: #ff9100;
|
|
}
|
|
.text-orange-accent-4 {
|
|
color: #ff6d00;
|
|
}
|
|
.text-deep-orange {
|
|
color: #ff5722;
|
|
}
|
|
.text-deep-orange-lighten-5 {
|
|
color: #fbe9e7;
|
|
}
|
|
.text-deep-orange-lighten-4 {
|
|
color: #ffccbc;
|
|
}
|
|
.text-deep-orange-lighten-3 {
|
|
color: #ffab91;
|
|
}
|
|
.text-deep-orange-lighten-2 {
|
|
color: #ff8a65;
|
|
}
|
|
.text-deep-orange-lighten-1 {
|
|
color: #ff7043;
|
|
}
|
|
.text-deep-orange-darken-1 {
|
|
color: #f4511e;
|
|
}
|
|
.text-deep-orange-darken-2 {
|
|
color: #e64a19;
|
|
}
|
|
.text-deep-orange-darken-3 {
|
|
color: #d84315;
|
|
}
|
|
.text-deep-orange-darken-4 {
|
|
color: #bf360c;
|
|
}
|
|
.text-deep-orange-accent-1 {
|
|
color: #ff9e80;
|
|
}
|
|
.text-deep-orange-accent-2 {
|
|
color: #ff6e40;
|
|
}
|
|
.text-deep-orange-accent-3 {
|
|
color: #ff3d00;
|
|
}
|
|
.text-deep-orange-accent-4 {
|
|
color: #dd2c00;
|
|
}
|
|
.text-brown {
|
|
color: #795548;
|
|
}
|
|
.text-brown-lighten-5 {
|
|
color: #efebe9;
|
|
}
|
|
.text-brown-lighten-4 {
|
|
color: #d7ccc8;
|
|
}
|
|
.text-brown-lighten-3 {
|
|
color: #bcaaa4;
|
|
}
|
|
.text-brown-lighten-2 {
|
|
color: #a1887f;
|
|
}
|
|
.text-brown-lighten-1 {
|
|
color: #8d6e63;
|
|
}
|
|
.text-brown-darken-1 {
|
|
color: #6d4c41;
|
|
}
|
|
.text-brown-darken-2 {
|
|
color: #5d4037;
|
|
}
|
|
.text-brown-darken-3 {
|
|
color: #4e342e;
|
|
}
|
|
.text-brown-darken-4 {
|
|
color: #3e2723;
|
|
}
|
|
.text-blue-grey {
|
|
color: #607d8b;
|
|
}
|
|
.text-blue-grey-lighten-5 {
|
|
color: #eceff1;
|
|
}
|
|
.text-blue-grey-lighten-4 {
|
|
color: #cfd8dc;
|
|
}
|
|
.text-blue-grey-lighten-3 {
|
|
color: #b0bec5;
|
|
}
|
|
.text-blue-grey-lighten-2 {
|
|
color: #90a4ae;
|
|
}
|
|
.text-blue-grey-lighten-1 {
|
|
color: #78909c;
|
|
}
|
|
.text-blue-grey-darken-1 {
|
|
color: #546e7a;
|
|
}
|
|
.text-blue-grey-darken-2 {
|
|
color: #455a64;
|
|
}
|
|
.text-blue-grey-darken-3 {
|
|
color: #37474f;
|
|
}
|
|
.text-blue-grey-darken-4 {
|
|
color: #263238;
|
|
}
|
|
.text-grey {
|
|
color: #9e9e9e;
|
|
}
|
|
.text-grey-lighten-5 {
|
|
color: #fafafa;
|
|
}
|
|
.text-grey-lighten-4 {
|
|
color: #f5f5f5;
|
|
}
|
|
.text-grey-lighten-3 {
|
|
color: #eeeeee;
|
|
}
|
|
.text-grey-lighten-2 {
|
|
color: #e0e0e0;
|
|
}
|
|
.text-grey-lighten-1 {
|
|
color: #bdbdbd;
|
|
}
|
|
.text-grey-darken-1 {
|
|
color: #757575;
|
|
}
|
|
.text-grey-darken-2 {
|
|
color: #616161;
|
|
}
|
|
.text-grey-darken-3 {
|
|
color: #424242;
|
|
}
|
|
.text-grey-darken-4 {
|
|
color: #212121;
|
|
}
|
|
.text-shades-black {
|
|
color: #000000;
|
|
}
|
|
.text-shades-white {
|
|
color: #FFFFFF;
|
|
}
|
|
.text-shades-transparent {
|
|
color: transparent;
|
|
}
|
|
}
|
|
@layer vuetify-core.reset {
|
|
html {
|
|
box-sizing: border-box;
|
|
/* Prevent adjustments of font size after orientation changes in iOS */
|
|
-webkit-text-size-adjust: 100%;
|
|
tab-size: 4;
|
|
margin: 0;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
}
|
|
*,
|
|
::before,
|
|
::after {
|
|
background-repeat: no-repeat;
|
|
box-sizing: inherit;
|
|
}
|
|
::before,
|
|
::after {
|
|
text-decoration: inherit;
|
|
vertical-align: inherit;
|
|
}
|
|
input {
|
|
border-radius: 0;
|
|
}
|
|
/* Replace pointer cursor in disabled elements */
|
|
[disabled] {
|
|
cursor: default;
|
|
}
|
|
[type=number]::-webkit-inner-spin-button,
|
|
[type=number]::-webkit-outer-spin-button {
|
|
/* Correct the cursor style of increment and decrement buttons in Chrome */
|
|
height: auto;
|
|
}
|
|
[type=search] {
|
|
-webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
|
|
outline-offset: -2px; /* Correct the outline style in Safari */
|
|
}
|
|
[type=search]::-webkit-search-cancel-button,
|
|
[type=search]::-webkit-search-decoration {
|
|
/* Remove the inner padding in Chrome and Safari on macOS */
|
|
-webkit-appearance: none;
|
|
}
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
font: inherit;
|
|
}
|
|
optgroup {
|
|
/* Restore the font weight unset by the previous rule */
|
|
font-weight: bold;
|
|
}
|
|
/* Apply cursor pointer to button elements */
|
|
button,
|
|
[type=button],
|
|
[type=reset],
|
|
[type=submit],
|
|
[role=button] {
|
|
cursor: pointer;
|
|
color: inherit;
|
|
}
|
|
/* Specify the progress cursor of updating elements */
|
|
[aria-busy=true] {
|
|
cursor: progress;
|
|
}
|
|
/* Specify the pointer cursor of trigger elements */
|
|
[aria-controls] {
|
|
cursor: pointer;
|
|
}
|
|
/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
|
|
[aria-disabled=true] {
|
|
cursor: default;
|
|
}
|
|
}
|
|
@layer vuetify-final.transitions {
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.dialog-transition-enter-active,
|
|
.dialog-bottom-transition-enter-active,
|
|
.dialog-top-transition-enter-active {
|
|
transition-duration: 225ms;
|
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
.dialog-transition-leave-active,
|
|
.dialog-bottom-transition-leave-active,
|
|
.dialog-top-transition-leave-active {
|
|
transition-duration: 125ms;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
}
|
|
.dialog-transition-enter-active, .dialog-transition-leave-active,
|
|
.dialog-bottom-transition-enter-active,
|
|
.dialog-bottom-transition-leave-active,
|
|
.dialog-top-transition-enter-active,
|
|
.dialog-top-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
pointer-events: none;
|
|
}
|
|
.dialog-transition-enter-from, .dialog-transition-leave-to {
|
|
transform: scale(0.9);
|
|
opacity: 0;
|
|
}
|
|
.dialog-transition-enter-to, .dialog-transition-leave-from {
|
|
opacity: 1;
|
|
}
|
|
.dialog-bottom-transition-enter-from, .dialog-bottom-transition-leave-to {
|
|
transform: translateY(calc(50vh + 50%));
|
|
}
|
|
.dialog-top-transition-enter-from, .dialog-top-transition-leave-to {
|
|
transform: translateY(calc(-50vh - 50%));
|
|
}
|
|
.picker-transition-enter-active,
|
|
.picker-reverse-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.picker-transition-leave-active,
|
|
.picker-reverse-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.picker-transition-move,
|
|
.picker-reverse-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.picker-transition-enter-from, .picker-transition-leave-to,
|
|
.picker-reverse-transition-enter-from,
|
|
.picker-reverse-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.picker-transition-leave-from, .picker-transition-leave-active, .picker-transition-leave-to,
|
|
.picker-reverse-transition-leave-from,
|
|
.picker-reverse-transition-leave-active,
|
|
.picker-reverse-transition-leave-to {
|
|
position: absolute;
|
|
}
|
|
.picker-transition-enter-active, .picker-transition-leave-active,
|
|
.picker-reverse-transition-enter-active,
|
|
.picker-reverse-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.picker-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.picker-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.picker-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.picker-transition-enter-from {
|
|
transform: translate(100%, 0);
|
|
}
|
|
.picker-transition-leave-to {
|
|
transform: translate(-100%, 0);
|
|
}
|
|
.picker-reverse-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.picker-reverse-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.picker-reverse-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.picker-reverse-transition-enter-from {
|
|
transform: translate(-100%, 0);
|
|
}
|
|
.picker-reverse-transition-leave-to {
|
|
transform: translate(100%, 0);
|
|
}
|
|
.expand-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.expand-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.expand-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.expand-transition-enter-active, .expand-transition-leave-active {
|
|
transition-property: height;
|
|
}
|
|
.expand-x-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.expand-x-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.expand-x-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.expand-x-transition-enter-active, .expand-x-transition-leave-active {
|
|
transition-property: width;
|
|
}
|
|
.expand-both-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.expand-both-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.expand-both-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.expand-both-transition-enter-active, .expand-both-transition-leave-active {
|
|
transition-property: height, width !important;
|
|
}
|
|
.scale-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scale-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scale-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scale-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.scale-transition-leave-active {
|
|
transition-duration: 100ms;
|
|
}
|
|
.scale-transition-enter-from {
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
}
|
|
.scale-transition-enter-active, .scale-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.scale-rotate-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scale-rotate-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scale-rotate-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scale-rotate-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.scale-rotate-transition-leave-active {
|
|
transition-duration: 100ms;
|
|
}
|
|
.scale-rotate-transition-enter-from {
|
|
opacity: 0;
|
|
transform: scale(0) rotate(-45deg);
|
|
}
|
|
.scale-rotate-transition-enter-active, .scale-rotate-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.scale-rotate-reverse-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scale-rotate-reverse-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scale-rotate-reverse-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scale-rotate-reverse-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.scale-rotate-reverse-transition-leave-active {
|
|
transition-duration: 100ms;
|
|
}
|
|
.scale-rotate-reverse-transition-enter-from {
|
|
opacity: 0;
|
|
transform: scale(0) rotate(45deg);
|
|
}
|
|
.scale-rotate-reverse-transition-enter-active, .scale-rotate-reverse-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.message-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.message-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.message-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.message-transition-enter-from, .message-transition-leave-to {
|
|
opacity: 0;
|
|
transform: translateY(-15px);
|
|
}
|
|
.message-transition-leave-from, .message-transition-leave-active {
|
|
position: absolute;
|
|
}
|
|
.message-transition-enter-active, .message-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.slide-y-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-y-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-y-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-y-transition-enter-from, .slide-y-transition-leave-to {
|
|
opacity: 0;
|
|
transform: translateY(-15px);
|
|
}
|
|
.slide-y-transition-enter-active, .slide-y-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.slide-y-reverse-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-y-reverse-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-y-reverse-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-y-reverse-transition-enter-from, .slide-y-reverse-transition-leave-to {
|
|
opacity: 0;
|
|
transform: translateY(15px);
|
|
}
|
|
.slide-y-reverse-transition-enter-active, .slide-y-reverse-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.scroll-y-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-y-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-y-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-y-transition-enter-from, .scroll-y-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.scroll-y-transition-enter-from {
|
|
transform: translateY(-15px);
|
|
}
|
|
.scroll-y-transition-leave-to {
|
|
transform: translateY(15px);
|
|
}
|
|
.scroll-y-transition-enter-active, .scroll-y-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.scroll-y-reverse-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-y-reverse-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-y-reverse-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-y-reverse-transition-enter-from, .scroll-y-reverse-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.scroll-y-reverse-transition-enter-from {
|
|
transform: translateY(15px);
|
|
}
|
|
.scroll-y-reverse-transition-leave-to {
|
|
transform: translateY(-15px);
|
|
}
|
|
.scroll-y-reverse-transition-enter-active, .scroll-y-reverse-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.scroll-x-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-x-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-x-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-x-transition-enter-from, .scroll-x-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.scroll-x-transition-enter-from {
|
|
transform: translateX(-15px);
|
|
}
|
|
.scroll-x-transition-leave-to {
|
|
transform: translateX(15px);
|
|
}
|
|
.scroll-x-transition-enter-active, .scroll-x-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.scroll-x-reverse-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-x-reverse-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-x-reverse-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.scroll-x-reverse-transition-enter-from, .scroll-x-reverse-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.scroll-x-reverse-transition-enter-from {
|
|
transform: translateX(15px);
|
|
}
|
|
.scroll-x-reverse-transition-leave-to {
|
|
transform: translateX(-15px);
|
|
}
|
|
.scroll-x-reverse-transition-enter-active, .scroll-x-reverse-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.slide-x-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-x-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-x-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-x-transition-enter-from, .slide-x-transition-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(-15px);
|
|
}
|
|
.slide-x-transition-enter-active, .slide-x-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.slide-x-reverse-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-x-reverse-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-x-reverse-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.slide-x-reverse-transition-enter-from, .slide-x-reverse-transition-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(15px);
|
|
}
|
|
.slide-x-reverse-transition-enter-active, .slide-x-reverse-transition-leave-active {
|
|
transition-property: transform, opacity;
|
|
}
|
|
.fade-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.fade-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.fade-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.fade-transition-enter-from, .fade-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
.fade-transition-enter-active, .fade-transition-leave-active {
|
|
transition-property: opacity;
|
|
}
|
|
.fab-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.fab-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.fab-transition-move {
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.fab-transition-enter-from, .fab-transition-leave-to {
|
|
transform: scale(0) rotate(-45deg);
|
|
}
|
|
.fab-transition-enter-active, .fab-transition-leave-active {
|
|
transition-property: transform;
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-core.base {
|
|
.v-locale--is-rtl {
|
|
direction: rtl;
|
|
}
|
|
.v-locale--is-ltr {
|
|
direction: ltr;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.blockquote {
|
|
margin: 0;
|
|
padding: 16px 0 16px 24px;
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
}
|
|
}
|
|
@layer vuetify-core.base {
|
|
html {
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
line-height: 1.5;
|
|
font-size: 1rem;
|
|
overflow-x: hidden;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
html.overflow-y-hidden {
|
|
overflow-y: hidden;
|
|
}
|
|
:root {
|
|
--v-theme-overlay-multiplier: 1;
|
|
--v-scrollbar-offset: 0px;
|
|
}
|
|
@supports (-webkit-touch-callout: none) {
|
|
body {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-utilities.helpers {
|
|
@media only print {
|
|
.hidden-print-only {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media only screen {
|
|
.hidden-screen-only {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (max-width: 599.98px) {
|
|
.hidden-xs {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 600px) and (max-width: 839.98px) {
|
|
.hidden-sm {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 840px) and (max-width: 1144.98px) {
|
|
.hidden-md {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 1145px) and (max-width: 1544.98px) {
|
|
.hidden-lg {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 1545px) and (max-width: 2137.98px) {
|
|
.hidden-xl {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 2138px) {
|
|
.hidden-xxl {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 600px) {
|
|
.hidden-sm-and-up {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 840px) {
|
|
.hidden-md-and-up {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 1145px) {
|
|
.hidden-lg-and-up {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (min-width: 1545px) {
|
|
.hidden-xl-and-up {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (max-width: 839.98px) {
|
|
.hidden-sm-and-down {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (max-width: 1144.98px) {
|
|
.hidden-md-and-down {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (max-width: 1544.98px) {
|
|
.hidden-lg-and-down {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (max-width: 2137.98px) {
|
|
.hidden-xl-and-down {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
@property --v-elevation-overlay {
|
|
syntax: "<color>";
|
|
inherits: false;
|
|
initial-value: transparent;
|
|
}
|
|
@layer vuetify-utilities.helpers {
|
|
.elevation-0 {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.elevation-1 {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.elevation-2 {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.elevation-3 {
|
|
box-shadow: 0px 1px 3px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 4px 8px 3px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 6%, transparent);
|
|
}
|
|
.elevation-4 {
|
|
box-shadow: 0px 2px 3px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 6px 10px 4px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 8%, transparent);
|
|
}
|
|
.elevation-5 {
|
|
box-shadow: 0px 4px 4px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 8px 12px 6px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 10%, transparent);
|
|
}
|
|
.elevation-overlay {
|
|
background-image: linear-gradient(var(--v-elevation-overlay), var(--v-elevation-overlay));
|
|
}
|
|
}
|
|
@layer vuetify-utilities.helpers {
|
|
.pointer-events-none {
|
|
pointer-events: none !important;
|
|
}
|
|
.pointer-events-auto {
|
|
pointer-events: auto !important;
|
|
}
|
|
.pointer-pass-through {
|
|
pointer-events: none !important;
|
|
}
|
|
.pointer-pass-through > * {
|
|
pointer-events: auto !important;
|
|
}
|
|
}
|
|
@layer vuetify-utilities.helpers {
|
|
.d-sr-only,
|
|
.d-sr-only-focusable:not(:focus) {
|
|
border: 0 !important;
|
|
clip: rect(0, 0, 0, 0) !important;
|
|
height: 1px !important;
|
|
margin: -1px !important;
|
|
overflow: hidden !important;
|
|
padding: 0 !important;
|
|
position: absolute !important;
|
|
white-space: nowrap !important;
|
|
width: 1px !important;
|
|
}
|
|
}
|
|
@layer vuetify-utilities.typography {
|
|
.text-display-large {
|
|
font-size: 3.5625rem;
|
|
font-weight: 400;
|
|
line-height: 1.1228070175;
|
|
letter-spacing: -0.0043859649em;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-display-medium {
|
|
font-size: 2.8125rem;
|
|
font-weight: 400;
|
|
line-height: 1.1555555556;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-display-small {
|
|
font-size: 2.25rem;
|
|
font-weight: 400;
|
|
line-height: 1.2222222222;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-headline-large {
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-headline-medium {
|
|
font-size: 1.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-headline-small {
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-title-large {
|
|
font-size: 1.375rem;
|
|
font-weight: 400;
|
|
line-height: 1.2727272727;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-title-medium {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.009375em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-title-small {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-body-large {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.03125em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-body-medium {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0178571429em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-body-small {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0333333333em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-label-large {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-label-medium {
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0416666667em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-label-small {
|
|
font-size: 0.6875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4545454545;
|
|
letter-spacing: 0.0454545455em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
@media (min-width: 600px) {
|
|
.text-sm-display-large {
|
|
font-size: 3.5625rem;
|
|
font-weight: 400;
|
|
line-height: 1.1228070175;
|
|
letter-spacing: -0.0043859649em;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-sm-display-medium {
|
|
font-size: 2.8125rem;
|
|
font-weight: 400;
|
|
line-height: 1.1555555556;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-sm-display-small {
|
|
font-size: 2.25rem;
|
|
font-weight: 400;
|
|
line-height: 1.2222222222;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-sm-headline-large {
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-sm-headline-medium {
|
|
font-size: 1.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-sm-headline-small {
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-sm-title-large {
|
|
font-size: 1.375rem;
|
|
font-weight: 400;
|
|
line-height: 1.2727272727;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-sm-title-medium {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.009375em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-sm-title-small {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-sm-body-large {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.03125em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-sm-body-medium {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0178571429em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-sm-body-small {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0333333333em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-sm-label-large {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-sm-label-medium {
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0416666667em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-sm-label-small {
|
|
font-size: 0.6875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4545454545;
|
|
letter-spacing: 0.0454545455em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
}
|
|
@media (min-width: 840px) {
|
|
.text-md-display-large {
|
|
font-size: 3.5625rem;
|
|
font-weight: 400;
|
|
line-height: 1.1228070175;
|
|
letter-spacing: -0.0043859649em;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-md-display-medium {
|
|
font-size: 2.8125rem;
|
|
font-weight: 400;
|
|
line-height: 1.1555555556;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-md-display-small {
|
|
font-size: 2.25rem;
|
|
font-weight: 400;
|
|
line-height: 1.2222222222;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-md-headline-large {
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-md-headline-medium {
|
|
font-size: 1.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-md-headline-small {
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-md-title-large {
|
|
font-size: 1.375rem;
|
|
font-weight: 400;
|
|
line-height: 1.2727272727;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-md-title-medium {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.009375em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-md-title-small {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-md-body-large {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.03125em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-md-body-medium {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0178571429em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-md-body-small {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0333333333em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-md-label-large {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-md-label-medium {
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0416666667em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-md-label-small {
|
|
font-size: 0.6875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4545454545;
|
|
letter-spacing: 0.0454545455em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
}
|
|
@media (min-width: 1145px) {
|
|
.text-lg-display-large {
|
|
font-size: 3.5625rem;
|
|
font-weight: 400;
|
|
line-height: 1.1228070175;
|
|
letter-spacing: -0.0043859649em;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-lg-display-medium {
|
|
font-size: 2.8125rem;
|
|
font-weight: 400;
|
|
line-height: 1.1555555556;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-lg-display-small {
|
|
font-size: 2.25rem;
|
|
font-weight: 400;
|
|
line-height: 1.2222222222;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-lg-headline-large {
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-lg-headline-medium {
|
|
font-size: 1.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-lg-headline-small {
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-lg-title-large {
|
|
font-size: 1.375rem;
|
|
font-weight: 400;
|
|
line-height: 1.2727272727;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-lg-title-medium {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.009375em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-lg-title-small {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-lg-body-large {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.03125em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-lg-body-medium {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0178571429em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-lg-body-small {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0333333333em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-lg-label-large {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-lg-label-medium {
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0416666667em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-lg-label-small {
|
|
font-size: 0.6875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4545454545;
|
|
letter-spacing: 0.0454545455em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
}
|
|
@media (min-width: 1545px) {
|
|
.text-xl-display-large {
|
|
font-size: 3.5625rem;
|
|
font-weight: 400;
|
|
line-height: 1.1228070175;
|
|
letter-spacing: -0.0043859649em;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xl-display-medium {
|
|
font-size: 2.8125rem;
|
|
font-weight: 400;
|
|
line-height: 1.1555555556;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xl-display-small {
|
|
font-size: 2.25rem;
|
|
font-weight: 400;
|
|
line-height: 1.2222222222;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xl-headline-large {
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xl-headline-medium {
|
|
font-size: 1.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xl-headline-small {
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xl-title-large {
|
|
font-size: 1.375rem;
|
|
font-weight: 400;
|
|
line-height: 1.2727272727;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xl-title-medium {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.009375em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xl-title-small {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xl-body-large {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.03125em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xl-body-medium {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0178571429em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xl-body-small {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0333333333em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xl-label-large {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xl-label-medium {
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0416666667em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xl-label-small {
|
|
font-size: 0.6875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4545454545;
|
|
letter-spacing: 0.0454545455em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
}
|
|
@media (min-width: 2138px) {
|
|
.text-xxl-display-large {
|
|
font-size: 3.5625rem;
|
|
font-weight: 400;
|
|
line-height: 1.1228070175;
|
|
letter-spacing: -0.0043859649em;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xxl-display-medium {
|
|
font-size: 2.8125rem;
|
|
font-weight: 400;
|
|
line-height: 1.1555555556;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xxl-display-small {
|
|
font-size: 2.25rem;
|
|
font-weight: 400;
|
|
line-height: 1.2222222222;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xxl-headline-large {
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
line-height: 1.25;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xxl-headline-medium {
|
|
font-size: 1.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.2857142857;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xxl-headline-small {
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xxl-title-large {
|
|
font-size: 1.375rem;
|
|
font-weight: 400;
|
|
line-height: 1.2727272727;
|
|
letter-spacing: normal;
|
|
font-family: var(--v-font-heading, var(--v-font-body, "Roboto", sans-serif));
|
|
}
|
|
.text-xxl-title-medium {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.009375em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xxl-title-small {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xxl-body-large {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
letter-spacing: 0.03125em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xxl-body-medium {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0178571429em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xxl-body-small {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0333333333em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xxl-label-large {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4285714286;
|
|
letter-spacing: 0.0071428571em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xxl-label-medium {
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
line-height: 1.3333333333;
|
|
letter-spacing: 0.0416666667em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
.text-xxl-label-small {
|
|
font-size: 0.6875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4545454545;
|
|
letter-spacing: 0.0454545455em;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-utilities.helpers {
|
|
.overflow-auto {
|
|
overflow: auto;
|
|
}
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
.overflow-visible {
|
|
overflow: visible;
|
|
}
|
|
.overflow-scroll {
|
|
overflow: scroll;
|
|
}
|
|
.overflow-x-auto {
|
|
overflow-x: auto;
|
|
}
|
|
.overflow-x-hidden {
|
|
overflow-x: hidden;
|
|
}
|
|
.overflow-x-scroll {
|
|
overflow-x: scroll;
|
|
}
|
|
.overflow-y-auto {
|
|
overflow-y: auto;
|
|
}
|
|
.overflow-y-hidden {
|
|
overflow-y: hidden;
|
|
}
|
|
.overflow-y-scroll {
|
|
overflow-y: scroll;
|
|
}
|
|
.d-none {
|
|
display: none;
|
|
}
|
|
.d-inline {
|
|
display: inline;
|
|
}
|
|
.d-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-block {
|
|
display: block;
|
|
}
|
|
.d-table {
|
|
display: table;
|
|
}
|
|
.d-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-flex {
|
|
display: flex;
|
|
}
|
|
.d-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.float-none {
|
|
float: none;
|
|
}
|
|
.float-left {
|
|
float: left;
|
|
}
|
|
.float-right {
|
|
float: right;
|
|
}
|
|
.v-locale--is-rtl .float-end {
|
|
float: left;
|
|
}
|
|
.v-locale--is-rtl .float-start {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-end {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-start {
|
|
float: left;
|
|
}
|
|
.flex-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-1-1 {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-1-0 {
|
|
flex: 1 0 auto;
|
|
}
|
|
.flex-0-1 {
|
|
flex: 0 1 auto;
|
|
}
|
|
.flex-0-0 {
|
|
flex: 0 0 auto;
|
|
}
|
|
.flex-1-1-100 {
|
|
flex: 1 1 100%;
|
|
}
|
|
.flex-1-0-100 {
|
|
flex: 1 0 100%;
|
|
}
|
|
.flex-0-1-100 {
|
|
flex: 0 1 100%;
|
|
}
|
|
.flex-0-0-100 {
|
|
flex: 0 0 100%;
|
|
}
|
|
.flex-1-1-0 {
|
|
flex: 1 1 0;
|
|
}
|
|
.flex-1-0-0 {
|
|
flex: 1 0 0;
|
|
}
|
|
.flex-0-1-0 {
|
|
flex: 0 1 0;
|
|
}
|
|
.flex-0-0-0 {
|
|
flex: 0 0 0;
|
|
}
|
|
.flex-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-space-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-start {
|
|
justify-items: flex-start;
|
|
}
|
|
.justify-items-end {
|
|
justify-items: flex-end;
|
|
}
|
|
.justify-items-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.align-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-center {
|
|
align-items: center;
|
|
}
|
|
.align-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-space-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-space-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-space-evenly {
|
|
align-content: space-evenly;
|
|
}
|
|
.align-content-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.order-first {
|
|
order: -1;
|
|
}
|
|
.order-0 {
|
|
order: 0;
|
|
}
|
|
.order-1 {
|
|
order: 1;
|
|
}
|
|
.order-2 {
|
|
order: 2;
|
|
}
|
|
.order-3 {
|
|
order: 3;
|
|
}
|
|
.order-4 {
|
|
order: 4;
|
|
}
|
|
.order-5 {
|
|
order: 5;
|
|
}
|
|
.order-6 {
|
|
order: 6;
|
|
}
|
|
.order-7 {
|
|
order: 7;
|
|
}
|
|
.order-8 {
|
|
order: 8;
|
|
}
|
|
.order-9 {
|
|
order: 9;
|
|
}
|
|
.order-10 {
|
|
order: 10;
|
|
}
|
|
.order-11 {
|
|
order: 11;
|
|
}
|
|
.order-12 {
|
|
order: 12;
|
|
}
|
|
.order-last {
|
|
order: 13;
|
|
}
|
|
.ga-0 {
|
|
gap: 0px;
|
|
}
|
|
.ga-1 {
|
|
gap: 4px;
|
|
}
|
|
.ga-2 {
|
|
gap: 8px;
|
|
}
|
|
.ga-3 {
|
|
gap: 12px;
|
|
}
|
|
.ga-4 {
|
|
gap: 16px;
|
|
}
|
|
.ga-5 {
|
|
gap: 20px;
|
|
}
|
|
.ga-6 {
|
|
gap: 24px;
|
|
}
|
|
.ga-7 {
|
|
gap: 28px;
|
|
}
|
|
.ga-8 {
|
|
gap: 32px;
|
|
}
|
|
.ga-9 {
|
|
gap: 36px;
|
|
}
|
|
.ga-10 {
|
|
gap: 40px;
|
|
}
|
|
.ga-11 {
|
|
gap: 44px;
|
|
}
|
|
.ga-12 {
|
|
gap: 48px;
|
|
}
|
|
.ga-13 {
|
|
gap: 52px;
|
|
}
|
|
.ga-14 {
|
|
gap: 56px;
|
|
}
|
|
.ga-15 {
|
|
gap: 60px;
|
|
}
|
|
.ga-16 {
|
|
gap: 64px;
|
|
}
|
|
.ga-auto {
|
|
gap: auto;
|
|
}
|
|
.gr-0 {
|
|
row-gap: 0px;
|
|
}
|
|
.gr-1 {
|
|
row-gap: 4px;
|
|
}
|
|
.gr-2 {
|
|
row-gap: 8px;
|
|
}
|
|
.gr-3 {
|
|
row-gap: 12px;
|
|
}
|
|
.gr-4 {
|
|
row-gap: 16px;
|
|
}
|
|
.gr-5 {
|
|
row-gap: 20px;
|
|
}
|
|
.gr-6 {
|
|
row-gap: 24px;
|
|
}
|
|
.gr-7 {
|
|
row-gap: 28px;
|
|
}
|
|
.gr-8 {
|
|
row-gap: 32px;
|
|
}
|
|
.gr-9 {
|
|
row-gap: 36px;
|
|
}
|
|
.gr-10 {
|
|
row-gap: 40px;
|
|
}
|
|
.gr-11 {
|
|
row-gap: 44px;
|
|
}
|
|
.gr-12 {
|
|
row-gap: 48px;
|
|
}
|
|
.gr-13 {
|
|
row-gap: 52px;
|
|
}
|
|
.gr-14 {
|
|
row-gap: 56px;
|
|
}
|
|
.gr-15 {
|
|
row-gap: 60px;
|
|
}
|
|
.gr-16 {
|
|
row-gap: 64px;
|
|
}
|
|
.gr-auto {
|
|
row-gap: auto;
|
|
}
|
|
.gc-0 {
|
|
column-gap: 0px;
|
|
}
|
|
.gc-1 {
|
|
column-gap: 4px;
|
|
}
|
|
.gc-2 {
|
|
column-gap: 8px;
|
|
}
|
|
.gc-3 {
|
|
column-gap: 12px;
|
|
}
|
|
.gc-4 {
|
|
column-gap: 16px;
|
|
}
|
|
.gc-5 {
|
|
column-gap: 20px;
|
|
}
|
|
.gc-6 {
|
|
column-gap: 24px;
|
|
}
|
|
.gc-7 {
|
|
column-gap: 28px;
|
|
}
|
|
.gc-8 {
|
|
column-gap: 32px;
|
|
}
|
|
.gc-9 {
|
|
column-gap: 36px;
|
|
}
|
|
.gc-10 {
|
|
column-gap: 40px;
|
|
}
|
|
.gc-11 {
|
|
column-gap: 44px;
|
|
}
|
|
.gc-12 {
|
|
column-gap: 48px;
|
|
}
|
|
.gc-13 {
|
|
column-gap: 52px;
|
|
}
|
|
.gc-14 {
|
|
column-gap: 56px;
|
|
}
|
|
.gc-15 {
|
|
column-gap: 60px;
|
|
}
|
|
.gc-16 {
|
|
column-gap: 64px;
|
|
}
|
|
.gc-auto {
|
|
column-gap: auto;
|
|
}
|
|
.ma-0 {
|
|
margin: 0px;
|
|
}
|
|
.ma-1 {
|
|
margin: 4px;
|
|
}
|
|
.ma-2 {
|
|
margin: 8px;
|
|
}
|
|
.ma-3 {
|
|
margin: 12px;
|
|
}
|
|
.ma-4 {
|
|
margin: 16px;
|
|
}
|
|
.ma-5 {
|
|
margin: 20px;
|
|
}
|
|
.ma-6 {
|
|
margin: 24px;
|
|
}
|
|
.ma-7 {
|
|
margin: 28px;
|
|
}
|
|
.ma-8 {
|
|
margin: 32px;
|
|
}
|
|
.ma-9 {
|
|
margin: 36px;
|
|
}
|
|
.ma-10 {
|
|
margin: 40px;
|
|
}
|
|
.ma-11 {
|
|
margin: 44px;
|
|
}
|
|
.ma-12 {
|
|
margin: 48px;
|
|
}
|
|
.ma-13 {
|
|
margin: 52px;
|
|
}
|
|
.ma-14 {
|
|
margin: 56px;
|
|
}
|
|
.ma-15 {
|
|
margin: 60px;
|
|
}
|
|
.ma-16 {
|
|
margin: 64px;
|
|
}
|
|
.ma-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-0 {
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
.mx-1 {
|
|
margin-right: 4px;
|
|
margin-left: 4px;
|
|
}
|
|
.mx-2 {
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
.mx-3 {
|
|
margin-right: 12px;
|
|
margin-left: 12px;
|
|
}
|
|
.mx-4 {
|
|
margin-right: 16px;
|
|
margin-left: 16px;
|
|
}
|
|
.mx-5 {
|
|
margin-right: 20px;
|
|
margin-left: 20px;
|
|
}
|
|
.mx-6 {
|
|
margin-right: 24px;
|
|
margin-left: 24px;
|
|
}
|
|
.mx-7 {
|
|
margin-right: 28px;
|
|
margin-left: 28px;
|
|
}
|
|
.mx-8 {
|
|
margin-right: 32px;
|
|
margin-left: 32px;
|
|
}
|
|
.mx-9 {
|
|
margin-right: 36px;
|
|
margin-left: 36px;
|
|
}
|
|
.mx-10 {
|
|
margin-right: 40px;
|
|
margin-left: 40px;
|
|
}
|
|
.mx-11 {
|
|
margin-right: 44px;
|
|
margin-left: 44px;
|
|
}
|
|
.mx-12 {
|
|
margin-right: 48px;
|
|
margin-left: 48px;
|
|
}
|
|
.mx-13 {
|
|
margin-right: 52px;
|
|
margin-left: 52px;
|
|
}
|
|
.mx-14 {
|
|
margin-right: 56px;
|
|
margin-left: 56px;
|
|
}
|
|
.mx-15 {
|
|
margin-right: 60px;
|
|
margin-left: 60px;
|
|
}
|
|
.mx-16 {
|
|
margin-right: 64px;
|
|
margin-left: 64px;
|
|
}
|
|
.mx-auto {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.my-0 {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.my-1 {
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.my-2 {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.my-3 {
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.my-4 {
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.my-5 {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.my-6 {
|
|
margin-top: 24px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.my-7 {
|
|
margin-top: 28px;
|
|
margin-bottom: 28px;
|
|
}
|
|
.my-8 {
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.my-9 {
|
|
margin-top: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
.my-10 {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.my-11 {
|
|
margin-top: 44px;
|
|
margin-bottom: 44px;
|
|
}
|
|
.my-12 {
|
|
margin-top: 48px;
|
|
margin-bottom: 48px;
|
|
}
|
|
.my-13 {
|
|
margin-top: 52px;
|
|
margin-bottom: 52px;
|
|
}
|
|
.my-14 {
|
|
margin-top: 56px;
|
|
margin-bottom: 56px;
|
|
}
|
|
.my-15 {
|
|
margin-top: 60px;
|
|
margin-bottom: 60px;
|
|
}
|
|
.my-16 {
|
|
margin-top: 64px;
|
|
margin-bottom: 64px;
|
|
}
|
|
.my-auto {
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
.mt-0 {
|
|
margin-top: 0px;
|
|
}
|
|
.mt-1 {
|
|
margin-top: 4px;
|
|
}
|
|
.mt-2 {
|
|
margin-top: 8px;
|
|
}
|
|
.mt-3 {
|
|
margin-top: 12px;
|
|
}
|
|
.mt-4 {
|
|
margin-top: 16px;
|
|
}
|
|
.mt-5 {
|
|
margin-top: 20px;
|
|
}
|
|
.mt-6 {
|
|
margin-top: 24px;
|
|
}
|
|
.mt-7 {
|
|
margin-top: 28px;
|
|
}
|
|
.mt-8 {
|
|
margin-top: 32px;
|
|
}
|
|
.mt-9 {
|
|
margin-top: 36px;
|
|
}
|
|
.mt-10 {
|
|
margin-top: 40px;
|
|
}
|
|
.mt-11 {
|
|
margin-top: 44px;
|
|
}
|
|
.mt-12 {
|
|
margin-top: 48px;
|
|
}
|
|
.mt-13 {
|
|
margin-top: 52px;
|
|
}
|
|
.mt-14 {
|
|
margin-top: 56px;
|
|
}
|
|
.mt-15 {
|
|
margin-top: 60px;
|
|
}
|
|
.mt-16 {
|
|
margin-top: 64px;
|
|
}
|
|
.mt-auto {
|
|
margin-top: auto;
|
|
}
|
|
.mr-0 {
|
|
margin-right: 0px;
|
|
}
|
|
.mr-1 {
|
|
margin-right: 4px;
|
|
}
|
|
.mr-2 {
|
|
margin-right: 8px;
|
|
}
|
|
.mr-3 {
|
|
margin-right: 12px;
|
|
}
|
|
.mr-4 {
|
|
margin-right: 16px;
|
|
}
|
|
.mr-5 {
|
|
margin-right: 20px;
|
|
}
|
|
.mr-6 {
|
|
margin-right: 24px;
|
|
}
|
|
.mr-7 {
|
|
margin-right: 28px;
|
|
}
|
|
.mr-8 {
|
|
margin-right: 32px;
|
|
}
|
|
.mr-9 {
|
|
margin-right: 36px;
|
|
}
|
|
.mr-10 {
|
|
margin-right: 40px;
|
|
}
|
|
.mr-11 {
|
|
margin-right: 44px;
|
|
}
|
|
.mr-12 {
|
|
margin-right: 48px;
|
|
}
|
|
.mr-13 {
|
|
margin-right: 52px;
|
|
}
|
|
.mr-14 {
|
|
margin-right: 56px;
|
|
}
|
|
.mr-15 {
|
|
margin-right: 60px;
|
|
}
|
|
.mr-16 {
|
|
margin-right: 64px;
|
|
}
|
|
.mr-auto {
|
|
margin-right: auto;
|
|
}
|
|
.mb-0 {
|
|
margin-bottom: 0px;
|
|
}
|
|
.mb-1 {
|
|
margin-bottom: 4px;
|
|
}
|
|
.mb-2 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.mb-3 {
|
|
margin-bottom: 12px;
|
|
}
|
|
.mb-4 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mb-5 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-6 {
|
|
margin-bottom: 24px;
|
|
}
|
|
.mb-7 {
|
|
margin-bottom: 28px;
|
|
}
|
|
.mb-8 {
|
|
margin-bottom: 32px;
|
|
}
|
|
.mb-9 {
|
|
margin-bottom: 36px;
|
|
}
|
|
.mb-10 {
|
|
margin-bottom: 40px;
|
|
}
|
|
.mb-11 {
|
|
margin-bottom: 44px;
|
|
}
|
|
.mb-12 {
|
|
margin-bottom: 48px;
|
|
}
|
|
.mb-13 {
|
|
margin-bottom: 52px;
|
|
}
|
|
.mb-14 {
|
|
margin-bottom: 56px;
|
|
}
|
|
.mb-15 {
|
|
margin-bottom: 60px;
|
|
}
|
|
.mb-16 {
|
|
margin-bottom: 64px;
|
|
}
|
|
.mb-auto {
|
|
margin-bottom: auto;
|
|
}
|
|
.ml-0 {
|
|
margin-left: 0px;
|
|
}
|
|
.ml-1 {
|
|
margin-left: 4px;
|
|
}
|
|
.ml-2 {
|
|
margin-left: 8px;
|
|
}
|
|
.ml-3 {
|
|
margin-left: 12px;
|
|
}
|
|
.ml-4 {
|
|
margin-left: 16px;
|
|
}
|
|
.ml-5 {
|
|
margin-left: 20px;
|
|
}
|
|
.ml-6 {
|
|
margin-left: 24px;
|
|
}
|
|
.ml-7 {
|
|
margin-left: 28px;
|
|
}
|
|
.ml-8 {
|
|
margin-left: 32px;
|
|
}
|
|
.ml-9 {
|
|
margin-left: 36px;
|
|
}
|
|
.ml-10 {
|
|
margin-left: 40px;
|
|
}
|
|
.ml-11 {
|
|
margin-left: 44px;
|
|
}
|
|
.ml-12 {
|
|
margin-left: 48px;
|
|
}
|
|
.ml-13 {
|
|
margin-left: 52px;
|
|
}
|
|
.ml-14 {
|
|
margin-left: 56px;
|
|
}
|
|
.ml-15 {
|
|
margin-left: 60px;
|
|
}
|
|
.ml-16 {
|
|
margin-left: 64px;
|
|
}
|
|
.ml-auto {
|
|
margin-left: auto;
|
|
}
|
|
.ms-0 {
|
|
margin-inline-start: 0px;
|
|
}
|
|
.ms-1 {
|
|
margin-inline-start: 4px;
|
|
}
|
|
.ms-2 {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.ms-3 {
|
|
margin-inline-start: 12px;
|
|
}
|
|
.ms-4 {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.ms-5 {
|
|
margin-inline-start: 20px;
|
|
}
|
|
.ms-6 {
|
|
margin-inline-start: 24px;
|
|
}
|
|
.ms-7 {
|
|
margin-inline-start: 28px;
|
|
}
|
|
.ms-8 {
|
|
margin-inline-start: 32px;
|
|
}
|
|
.ms-9 {
|
|
margin-inline-start: 36px;
|
|
}
|
|
.ms-10 {
|
|
margin-inline-start: 40px;
|
|
}
|
|
.ms-11 {
|
|
margin-inline-start: 44px;
|
|
}
|
|
.ms-12 {
|
|
margin-inline-start: 48px;
|
|
}
|
|
.ms-13 {
|
|
margin-inline-start: 52px;
|
|
}
|
|
.ms-14 {
|
|
margin-inline-start: 56px;
|
|
}
|
|
.ms-15 {
|
|
margin-inline-start: 60px;
|
|
}
|
|
.ms-16 {
|
|
margin-inline-start: 64px;
|
|
}
|
|
.ms-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.me-0 {
|
|
margin-inline-end: 0px;
|
|
}
|
|
.me-1 {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.me-2 {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.me-3 {
|
|
margin-inline-end: 12px;
|
|
}
|
|
.me-4 {
|
|
margin-inline-end: 16px;
|
|
}
|
|
.me-5 {
|
|
margin-inline-end: 20px;
|
|
}
|
|
.me-6 {
|
|
margin-inline-end: 24px;
|
|
}
|
|
.me-7 {
|
|
margin-inline-end: 28px;
|
|
}
|
|
.me-8 {
|
|
margin-inline-end: 32px;
|
|
}
|
|
.me-9 {
|
|
margin-inline-end: 36px;
|
|
}
|
|
.me-10 {
|
|
margin-inline-end: 40px;
|
|
}
|
|
.me-11 {
|
|
margin-inline-end: 44px;
|
|
}
|
|
.me-12 {
|
|
margin-inline-end: 48px;
|
|
}
|
|
.me-13 {
|
|
margin-inline-end: 52px;
|
|
}
|
|
.me-14 {
|
|
margin-inline-end: 56px;
|
|
}
|
|
.me-15 {
|
|
margin-inline-end: 60px;
|
|
}
|
|
.me-16 {
|
|
margin-inline-end: 64px;
|
|
}
|
|
.me-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.ma-n1 {
|
|
margin: -4px;
|
|
}
|
|
.ma-n2 {
|
|
margin: -8px;
|
|
}
|
|
.ma-n3 {
|
|
margin: -12px;
|
|
}
|
|
.ma-n4 {
|
|
margin: -16px;
|
|
}
|
|
.ma-n5 {
|
|
margin: -20px;
|
|
}
|
|
.ma-n6 {
|
|
margin: -24px;
|
|
}
|
|
.ma-n7 {
|
|
margin: -28px;
|
|
}
|
|
.ma-n8 {
|
|
margin: -32px;
|
|
}
|
|
.ma-n9 {
|
|
margin: -36px;
|
|
}
|
|
.ma-n10 {
|
|
margin: -40px;
|
|
}
|
|
.ma-n11 {
|
|
margin: -44px;
|
|
}
|
|
.ma-n12 {
|
|
margin: -48px;
|
|
}
|
|
.ma-n13 {
|
|
margin: -52px;
|
|
}
|
|
.ma-n14 {
|
|
margin: -56px;
|
|
}
|
|
.ma-n15 {
|
|
margin: -60px;
|
|
}
|
|
.ma-n16 {
|
|
margin: -64px;
|
|
}
|
|
.mx-n1 {
|
|
margin-right: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.mx-n2 {
|
|
margin-right: -8px;
|
|
margin-left: -8px;
|
|
}
|
|
.mx-n3 {
|
|
margin-right: -12px;
|
|
margin-left: -12px;
|
|
}
|
|
.mx-n4 {
|
|
margin-right: -16px;
|
|
margin-left: -16px;
|
|
}
|
|
.mx-n5 {
|
|
margin-right: -20px;
|
|
margin-left: -20px;
|
|
}
|
|
.mx-n6 {
|
|
margin-right: -24px;
|
|
margin-left: -24px;
|
|
}
|
|
.mx-n7 {
|
|
margin-right: -28px;
|
|
margin-left: -28px;
|
|
}
|
|
.mx-n8 {
|
|
margin-right: -32px;
|
|
margin-left: -32px;
|
|
}
|
|
.mx-n9 {
|
|
margin-right: -36px;
|
|
margin-left: -36px;
|
|
}
|
|
.mx-n10 {
|
|
margin-right: -40px;
|
|
margin-left: -40px;
|
|
}
|
|
.mx-n11 {
|
|
margin-right: -44px;
|
|
margin-left: -44px;
|
|
}
|
|
.mx-n12 {
|
|
margin-right: -48px;
|
|
margin-left: -48px;
|
|
}
|
|
.mx-n13 {
|
|
margin-right: -52px;
|
|
margin-left: -52px;
|
|
}
|
|
.mx-n14 {
|
|
margin-right: -56px;
|
|
margin-left: -56px;
|
|
}
|
|
.mx-n15 {
|
|
margin-right: -60px;
|
|
margin-left: -60px;
|
|
}
|
|
.mx-n16 {
|
|
margin-right: -64px;
|
|
margin-left: -64px;
|
|
}
|
|
.my-n1 {
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
}
|
|
.my-n2 {
|
|
margin-top: -8px;
|
|
margin-bottom: -8px;
|
|
}
|
|
.my-n3 {
|
|
margin-top: -12px;
|
|
margin-bottom: -12px;
|
|
}
|
|
.my-n4 {
|
|
margin-top: -16px;
|
|
margin-bottom: -16px;
|
|
}
|
|
.my-n5 {
|
|
margin-top: -20px;
|
|
margin-bottom: -20px;
|
|
}
|
|
.my-n6 {
|
|
margin-top: -24px;
|
|
margin-bottom: -24px;
|
|
}
|
|
.my-n7 {
|
|
margin-top: -28px;
|
|
margin-bottom: -28px;
|
|
}
|
|
.my-n8 {
|
|
margin-top: -32px;
|
|
margin-bottom: -32px;
|
|
}
|
|
.my-n9 {
|
|
margin-top: -36px;
|
|
margin-bottom: -36px;
|
|
}
|
|
.my-n10 {
|
|
margin-top: -40px;
|
|
margin-bottom: -40px;
|
|
}
|
|
.my-n11 {
|
|
margin-top: -44px;
|
|
margin-bottom: -44px;
|
|
}
|
|
.my-n12 {
|
|
margin-top: -48px;
|
|
margin-bottom: -48px;
|
|
}
|
|
.my-n13 {
|
|
margin-top: -52px;
|
|
margin-bottom: -52px;
|
|
}
|
|
.my-n14 {
|
|
margin-top: -56px;
|
|
margin-bottom: -56px;
|
|
}
|
|
.my-n15 {
|
|
margin-top: -60px;
|
|
margin-bottom: -60px;
|
|
}
|
|
.my-n16 {
|
|
margin-top: -64px;
|
|
margin-bottom: -64px;
|
|
}
|
|
.mt-n1 {
|
|
margin-top: -4px;
|
|
}
|
|
.mt-n2 {
|
|
margin-top: -8px;
|
|
}
|
|
.mt-n3 {
|
|
margin-top: -12px;
|
|
}
|
|
.mt-n4 {
|
|
margin-top: -16px;
|
|
}
|
|
.mt-n5 {
|
|
margin-top: -20px;
|
|
}
|
|
.mt-n6 {
|
|
margin-top: -24px;
|
|
}
|
|
.mt-n7 {
|
|
margin-top: -28px;
|
|
}
|
|
.mt-n8 {
|
|
margin-top: -32px;
|
|
}
|
|
.mt-n9 {
|
|
margin-top: -36px;
|
|
}
|
|
.mt-n10 {
|
|
margin-top: -40px;
|
|
}
|
|
.mt-n11 {
|
|
margin-top: -44px;
|
|
}
|
|
.mt-n12 {
|
|
margin-top: -48px;
|
|
}
|
|
.mt-n13 {
|
|
margin-top: -52px;
|
|
}
|
|
.mt-n14 {
|
|
margin-top: -56px;
|
|
}
|
|
.mt-n15 {
|
|
margin-top: -60px;
|
|
}
|
|
.mt-n16 {
|
|
margin-top: -64px;
|
|
}
|
|
.mr-n1 {
|
|
margin-right: -4px;
|
|
}
|
|
.mr-n2 {
|
|
margin-right: -8px;
|
|
}
|
|
.mr-n3 {
|
|
margin-right: -12px;
|
|
}
|
|
.mr-n4 {
|
|
margin-right: -16px;
|
|
}
|
|
.mr-n5 {
|
|
margin-right: -20px;
|
|
}
|
|
.mr-n6 {
|
|
margin-right: -24px;
|
|
}
|
|
.mr-n7 {
|
|
margin-right: -28px;
|
|
}
|
|
.mr-n8 {
|
|
margin-right: -32px;
|
|
}
|
|
.mr-n9 {
|
|
margin-right: -36px;
|
|
}
|
|
.mr-n10 {
|
|
margin-right: -40px;
|
|
}
|
|
.mr-n11 {
|
|
margin-right: -44px;
|
|
}
|
|
.mr-n12 {
|
|
margin-right: -48px;
|
|
}
|
|
.mr-n13 {
|
|
margin-right: -52px;
|
|
}
|
|
.mr-n14 {
|
|
margin-right: -56px;
|
|
}
|
|
.mr-n15 {
|
|
margin-right: -60px;
|
|
}
|
|
.mr-n16 {
|
|
margin-right: -64px;
|
|
}
|
|
.mb-n1 {
|
|
margin-bottom: -4px;
|
|
}
|
|
.mb-n2 {
|
|
margin-bottom: -8px;
|
|
}
|
|
.mb-n3 {
|
|
margin-bottom: -12px;
|
|
}
|
|
.mb-n4 {
|
|
margin-bottom: -16px;
|
|
}
|
|
.mb-n5 {
|
|
margin-bottom: -20px;
|
|
}
|
|
.mb-n6 {
|
|
margin-bottom: -24px;
|
|
}
|
|
.mb-n7 {
|
|
margin-bottom: -28px;
|
|
}
|
|
.mb-n8 {
|
|
margin-bottom: -32px;
|
|
}
|
|
.mb-n9 {
|
|
margin-bottom: -36px;
|
|
}
|
|
.mb-n10 {
|
|
margin-bottom: -40px;
|
|
}
|
|
.mb-n11 {
|
|
margin-bottom: -44px;
|
|
}
|
|
.mb-n12 {
|
|
margin-bottom: -48px;
|
|
}
|
|
.mb-n13 {
|
|
margin-bottom: -52px;
|
|
}
|
|
.mb-n14 {
|
|
margin-bottom: -56px;
|
|
}
|
|
.mb-n15 {
|
|
margin-bottom: -60px;
|
|
}
|
|
.mb-n16 {
|
|
margin-bottom: -64px;
|
|
}
|
|
.ml-n1 {
|
|
margin-left: -4px;
|
|
}
|
|
.ml-n2 {
|
|
margin-left: -8px;
|
|
}
|
|
.ml-n3 {
|
|
margin-left: -12px;
|
|
}
|
|
.ml-n4 {
|
|
margin-left: -16px;
|
|
}
|
|
.ml-n5 {
|
|
margin-left: -20px;
|
|
}
|
|
.ml-n6 {
|
|
margin-left: -24px;
|
|
}
|
|
.ml-n7 {
|
|
margin-left: -28px;
|
|
}
|
|
.ml-n8 {
|
|
margin-left: -32px;
|
|
}
|
|
.ml-n9 {
|
|
margin-left: -36px;
|
|
}
|
|
.ml-n10 {
|
|
margin-left: -40px;
|
|
}
|
|
.ml-n11 {
|
|
margin-left: -44px;
|
|
}
|
|
.ml-n12 {
|
|
margin-left: -48px;
|
|
}
|
|
.ml-n13 {
|
|
margin-left: -52px;
|
|
}
|
|
.ml-n14 {
|
|
margin-left: -56px;
|
|
}
|
|
.ml-n15 {
|
|
margin-left: -60px;
|
|
}
|
|
.ml-n16 {
|
|
margin-left: -64px;
|
|
}
|
|
.ms-n1 {
|
|
margin-inline-start: -4px;
|
|
}
|
|
.ms-n2 {
|
|
margin-inline-start: -8px;
|
|
}
|
|
.ms-n3 {
|
|
margin-inline-start: -12px;
|
|
}
|
|
.ms-n4 {
|
|
margin-inline-start: -16px;
|
|
}
|
|
.ms-n5 {
|
|
margin-inline-start: -20px;
|
|
}
|
|
.ms-n6 {
|
|
margin-inline-start: -24px;
|
|
}
|
|
.ms-n7 {
|
|
margin-inline-start: -28px;
|
|
}
|
|
.ms-n8 {
|
|
margin-inline-start: -32px;
|
|
}
|
|
.ms-n9 {
|
|
margin-inline-start: -36px;
|
|
}
|
|
.ms-n10 {
|
|
margin-inline-start: -40px;
|
|
}
|
|
.ms-n11 {
|
|
margin-inline-start: -44px;
|
|
}
|
|
.ms-n12 {
|
|
margin-inline-start: -48px;
|
|
}
|
|
.ms-n13 {
|
|
margin-inline-start: -52px;
|
|
}
|
|
.ms-n14 {
|
|
margin-inline-start: -56px;
|
|
}
|
|
.ms-n15 {
|
|
margin-inline-start: -60px;
|
|
}
|
|
.ms-n16 {
|
|
margin-inline-start: -64px;
|
|
}
|
|
.me-n1 {
|
|
margin-inline-end: -4px;
|
|
}
|
|
.me-n2 {
|
|
margin-inline-end: -8px;
|
|
}
|
|
.me-n3 {
|
|
margin-inline-end: -12px;
|
|
}
|
|
.me-n4 {
|
|
margin-inline-end: -16px;
|
|
}
|
|
.me-n5 {
|
|
margin-inline-end: -20px;
|
|
}
|
|
.me-n6 {
|
|
margin-inline-end: -24px;
|
|
}
|
|
.me-n7 {
|
|
margin-inline-end: -28px;
|
|
}
|
|
.me-n8 {
|
|
margin-inline-end: -32px;
|
|
}
|
|
.me-n9 {
|
|
margin-inline-end: -36px;
|
|
}
|
|
.me-n10 {
|
|
margin-inline-end: -40px;
|
|
}
|
|
.me-n11 {
|
|
margin-inline-end: -44px;
|
|
}
|
|
.me-n12 {
|
|
margin-inline-end: -48px;
|
|
}
|
|
.me-n13 {
|
|
margin-inline-end: -52px;
|
|
}
|
|
.me-n14 {
|
|
margin-inline-end: -56px;
|
|
}
|
|
.me-n15 {
|
|
margin-inline-end: -60px;
|
|
}
|
|
.me-n16 {
|
|
margin-inline-end: -64px;
|
|
}
|
|
.pa-0 {
|
|
padding: 0px;
|
|
}
|
|
.pa-1 {
|
|
padding: 4px;
|
|
}
|
|
.pa-2 {
|
|
padding: 8px;
|
|
}
|
|
.pa-3 {
|
|
padding: 12px;
|
|
}
|
|
.pa-4 {
|
|
padding: 16px;
|
|
}
|
|
.pa-5 {
|
|
padding: 20px;
|
|
}
|
|
.pa-6 {
|
|
padding: 24px;
|
|
}
|
|
.pa-7 {
|
|
padding: 28px;
|
|
}
|
|
.pa-8 {
|
|
padding: 32px;
|
|
}
|
|
.pa-9 {
|
|
padding: 36px;
|
|
}
|
|
.pa-10 {
|
|
padding: 40px;
|
|
}
|
|
.pa-11 {
|
|
padding: 44px;
|
|
}
|
|
.pa-12 {
|
|
padding: 48px;
|
|
}
|
|
.pa-13 {
|
|
padding: 52px;
|
|
}
|
|
.pa-14 {
|
|
padding: 56px;
|
|
}
|
|
.pa-15 {
|
|
padding: 60px;
|
|
}
|
|
.pa-16 {
|
|
padding: 64px;
|
|
}
|
|
.px-0 {
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.px-1 {
|
|
padding-right: 4px;
|
|
padding-left: 4px;
|
|
}
|
|
.px-2 {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
.px-3 {
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
}
|
|
.px-4 {
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
.px-5 {
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.px-6 {
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.px-7 {
|
|
padding-right: 28px;
|
|
padding-left: 28px;
|
|
}
|
|
.px-8 {
|
|
padding-right: 32px;
|
|
padding-left: 32px;
|
|
}
|
|
.px-9 {
|
|
padding-right: 36px;
|
|
padding-left: 36px;
|
|
}
|
|
.px-10 {
|
|
padding-right: 40px;
|
|
padding-left: 40px;
|
|
}
|
|
.px-11 {
|
|
padding-right: 44px;
|
|
padding-left: 44px;
|
|
}
|
|
.px-12 {
|
|
padding-right: 48px;
|
|
padding-left: 48px;
|
|
}
|
|
.px-13 {
|
|
padding-right: 52px;
|
|
padding-left: 52px;
|
|
}
|
|
.px-14 {
|
|
padding-right: 56px;
|
|
padding-left: 56px;
|
|
}
|
|
.px-15 {
|
|
padding-right: 60px;
|
|
padding-left: 60px;
|
|
}
|
|
.px-16 {
|
|
padding-right: 64px;
|
|
padding-left: 64px;
|
|
}
|
|
.py-0 {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.py-1 {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.py-2 {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.py-3 {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.py-4 {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.py-5 {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.py-6 {
|
|
padding-top: 24px;
|
|
padding-bottom: 24px;
|
|
}
|
|
.py-7 {
|
|
padding-top: 28px;
|
|
padding-bottom: 28px;
|
|
}
|
|
.py-8 {
|
|
padding-top: 32px;
|
|
padding-bottom: 32px;
|
|
}
|
|
.py-9 {
|
|
padding-top: 36px;
|
|
padding-bottom: 36px;
|
|
}
|
|
.py-10 {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
}
|
|
.py-11 {
|
|
padding-top: 44px;
|
|
padding-bottom: 44px;
|
|
}
|
|
.py-12 {
|
|
padding-top: 48px;
|
|
padding-bottom: 48px;
|
|
}
|
|
.py-13 {
|
|
padding-top: 52px;
|
|
padding-bottom: 52px;
|
|
}
|
|
.py-14 {
|
|
padding-top: 56px;
|
|
padding-bottom: 56px;
|
|
}
|
|
.py-15 {
|
|
padding-top: 60px;
|
|
padding-bottom: 60px;
|
|
}
|
|
.py-16 {
|
|
padding-top: 64px;
|
|
padding-bottom: 64px;
|
|
}
|
|
.pt-0 {
|
|
padding-top: 0px;
|
|
}
|
|
.pt-1 {
|
|
padding-top: 4px;
|
|
}
|
|
.pt-2 {
|
|
padding-top: 8px;
|
|
}
|
|
.pt-3 {
|
|
padding-top: 12px;
|
|
}
|
|
.pt-4 {
|
|
padding-top: 16px;
|
|
}
|
|
.pt-5 {
|
|
padding-top: 20px;
|
|
}
|
|
.pt-6 {
|
|
padding-top: 24px;
|
|
}
|
|
.pt-7 {
|
|
padding-top: 28px;
|
|
}
|
|
.pt-8 {
|
|
padding-top: 32px;
|
|
}
|
|
.pt-9 {
|
|
padding-top: 36px;
|
|
}
|
|
.pt-10 {
|
|
padding-top: 40px;
|
|
}
|
|
.pt-11 {
|
|
padding-top: 44px;
|
|
}
|
|
.pt-12 {
|
|
padding-top: 48px;
|
|
}
|
|
.pt-13 {
|
|
padding-top: 52px;
|
|
}
|
|
.pt-14 {
|
|
padding-top: 56px;
|
|
}
|
|
.pt-15 {
|
|
padding-top: 60px;
|
|
}
|
|
.pt-16 {
|
|
padding-top: 64px;
|
|
}
|
|
.pr-0 {
|
|
padding-right: 0px;
|
|
}
|
|
.pr-1 {
|
|
padding-right: 4px;
|
|
}
|
|
.pr-2 {
|
|
padding-right: 8px;
|
|
}
|
|
.pr-3 {
|
|
padding-right: 12px;
|
|
}
|
|
.pr-4 {
|
|
padding-right: 16px;
|
|
}
|
|
.pr-5 {
|
|
padding-right: 20px;
|
|
}
|
|
.pr-6 {
|
|
padding-right: 24px;
|
|
}
|
|
.pr-7 {
|
|
padding-right: 28px;
|
|
}
|
|
.pr-8 {
|
|
padding-right: 32px;
|
|
}
|
|
.pr-9 {
|
|
padding-right: 36px;
|
|
}
|
|
.pr-10 {
|
|
padding-right: 40px;
|
|
}
|
|
.pr-11 {
|
|
padding-right: 44px;
|
|
}
|
|
.pr-12 {
|
|
padding-right: 48px;
|
|
}
|
|
.pr-13 {
|
|
padding-right: 52px;
|
|
}
|
|
.pr-14 {
|
|
padding-right: 56px;
|
|
}
|
|
.pr-15 {
|
|
padding-right: 60px;
|
|
}
|
|
.pr-16 {
|
|
padding-right: 64px;
|
|
}
|
|
.pb-0 {
|
|
padding-bottom: 0px;
|
|
}
|
|
.pb-1 {
|
|
padding-bottom: 4px;
|
|
}
|
|
.pb-2 {
|
|
padding-bottom: 8px;
|
|
}
|
|
.pb-3 {
|
|
padding-bottom: 12px;
|
|
}
|
|
.pb-4 {
|
|
padding-bottom: 16px;
|
|
}
|
|
.pb-5 {
|
|
padding-bottom: 20px;
|
|
}
|
|
.pb-6 {
|
|
padding-bottom: 24px;
|
|
}
|
|
.pb-7 {
|
|
padding-bottom: 28px;
|
|
}
|
|
.pb-8 {
|
|
padding-bottom: 32px;
|
|
}
|
|
.pb-9 {
|
|
padding-bottom: 36px;
|
|
}
|
|
.pb-10 {
|
|
padding-bottom: 40px;
|
|
}
|
|
.pb-11 {
|
|
padding-bottom: 44px;
|
|
}
|
|
.pb-12 {
|
|
padding-bottom: 48px;
|
|
}
|
|
.pb-13 {
|
|
padding-bottom: 52px;
|
|
}
|
|
.pb-14 {
|
|
padding-bottom: 56px;
|
|
}
|
|
.pb-15 {
|
|
padding-bottom: 60px;
|
|
}
|
|
.pb-16 {
|
|
padding-bottom: 64px;
|
|
}
|
|
.pl-0 {
|
|
padding-left: 0px;
|
|
}
|
|
.pl-1 {
|
|
padding-left: 4px;
|
|
}
|
|
.pl-2 {
|
|
padding-left: 8px;
|
|
}
|
|
.pl-3 {
|
|
padding-left: 12px;
|
|
}
|
|
.pl-4 {
|
|
padding-left: 16px;
|
|
}
|
|
.pl-5 {
|
|
padding-left: 20px;
|
|
}
|
|
.pl-6 {
|
|
padding-left: 24px;
|
|
}
|
|
.pl-7 {
|
|
padding-left: 28px;
|
|
}
|
|
.pl-8 {
|
|
padding-left: 32px;
|
|
}
|
|
.pl-9 {
|
|
padding-left: 36px;
|
|
}
|
|
.pl-10 {
|
|
padding-left: 40px;
|
|
}
|
|
.pl-11 {
|
|
padding-left: 44px;
|
|
}
|
|
.pl-12 {
|
|
padding-left: 48px;
|
|
}
|
|
.pl-13 {
|
|
padding-left: 52px;
|
|
}
|
|
.pl-14 {
|
|
padding-left: 56px;
|
|
}
|
|
.pl-15 {
|
|
padding-left: 60px;
|
|
}
|
|
.pl-16 {
|
|
padding-left: 64px;
|
|
}
|
|
.ps-0 {
|
|
padding-inline-start: 0px;
|
|
}
|
|
.ps-1 {
|
|
padding-inline-start: 4px;
|
|
}
|
|
.ps-2 {
|
|
padding-inline-start: 8px;
|
|
}
|
|
.ps-3 {
|
|
padding-inline-start: 12px;
|
|
}
|
|
.ps-4 {
|
|
padding-inline-start: 16px;
|
|
}
|
|
.ps-5 {
|
|
padding-inline-start: 20px;
|
|
}
|
|
.ps-6 {
|
|
padding-inline-start: 24px;
|
|
}
|
|
.ps-7 {
|
|
padding-inline-start: 28px;
|
|
}
|
|
.ps-8 {
|
|
padding-inline-start: 32px;
|
|
}
|
|
.ps-9 {
|
|
padding-inline-start: 36px;
|
|
}
|
|
.ps-10 {
|
|
padding-inline-start: 40px;
|
|
}
|
|
.ps-11 {
|
|
padding-inline-start: 44px;
|
|
}
|
|
.ps-12 {
|
|
padding-inline-start: 48px;
|
|
}
|
|
.ps-13 {
|
|
padding-inline-start: 52px;
|
|
}
|
|
.ps-14 {
|
|
padding-inline-start: 56px;
|
|
}
|
|
.ps-15 {
|
|
padding-inline-start: 60px;
|
|
}
|
|
.ps-16 {
|
|
padding-inline-start: 64px;
|
|
}
|
|
.pe-0 {
|
|
padding-inline-end: 0px;
|
|
}
|
|
.pe-1 {
|
|
padding-inline-end: 4px;
|
|
}
|
|
.pe-2 {
|
|
padding-inline-end: 8px;
|
|
}
|
|
.pe-3 {
|
|
padding-inline-end: 12px;
|
|
}
|
|
.pe-4 {
|
|
padding-inline-end: 16px;
|
|
}
|
|
.pe-5 {
|
|
padding-inline-end: 20px;
|
|
}
|
|
.pe-6 {
|
|
padding-inline-end: 24px;
|
|
}
|
|
.pe-7 {
|
|
padding-inline-end: 28px;
|
|
}
|
|
.pe-8 {
|
|
padding-inline-end: 32px;
|
|
}
|
|
.pe-9 {
|
|
padding-inline-end: 36px;
|
|
}
|
|
.pe-10 {
|
|
padding-inline-end: 40px;
|
|
}
|
|
.pe-11 {
|
|
padding-inline-end: 44px;
|
|
}
|
|
.pe-12 {
|
|
padding-inline-end: 48px;
|
|
}
|
|
.pe-13 {
|
|
padding-inline-end: 52px;
|
|
}
|
|
.pe-14 {
|
|
padding-inline-end: 56px;
|
|
}
|
|
.pe-15 {
|
|
padding-inline-end: 60px;
|
|
}
|
|
.pe-16 {
|
|
padding-inline-end: 64px;
|
|
}
|
|
.rounded-0 {
|
|
border-radius: 0;
|
|
}
|
|
.rounded-sm {
|
|
border-radius: 2px;
|
|
}
|
|
.rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.rounded-md {
|
|
border-radius: 4px;
|
|
}
|
|
.rounded-lg {
|
|
border-radius: 8px;
|
|
}
|
|
.rounded-xl {
|
|
border-radius: 24px;
|
|
}
|
|
.rounded-pill {
|
|
border-radius: 9999px;
|
|
}
|
|
.rounded-circle {
|
|
border-radius: 50%;
|
|
}
|
|
.rounded-shaped {
|
|
border-radius: 24px 0;
|
|
}
|
|
.rounded-t-0 {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.rounded-t-sm {
|
|
border-top-left-radius: 2px;
|
|
border-top-right-radius: 2px;
|
|
}
|
|
.rounded-t {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
.rounded-t-md {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
.rounded-t-lg {
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.rounded-t-xl {
|
|
border-top-left-radius: 24px;
|
|
border-top-right-radius: 24px;
|
|
}
|
|
.rounded-t-pill {
|
|
border-top-left-radius: 9999px;
|
|
border-top-right-radius: 9999px;
|
|
}
|
|
.rounded-t-circle {
|
|
border-top-left-radius: 50%;
|
|
border-top-right-radius: 50%;
|
|
}
|
|
.rounded-t-shaped {
|
|
border-top-left-radius: 24px;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-e-0 {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-e-0 {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-e-sm {
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
}
|
|
.v-locale--is-rtl .rounded-e-sm {
|
|
border-top-left-radius: 2px;
|
|
border-bottom-left-radius: 2px;
|
|
}
|
|
.v-locale--is-ltr .rounded-e {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-e {
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-e-md {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-e-md {
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-e-lg {
|
|
border-top-right-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.v-locale--is-rtl .rounded-e-lg {
|
|
border-top-left-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.v-locale--is-ltr .rounded-e-xl {
|
|
border-top-right-radius: 24px;
|
|
border-bottom-right-radius: 24px;
|
|
}
|
|
.v-locale--is-rtl .rounded-e-xl {
|
|
border-top-left-radius: 24px;
|
|
border-bottom-left-radius: 24px;
|
|
}
|
|
.v-locale--is-ltr .rounded-e-pill {
|
|
border-top-right-radius: 9999px;
|
|
border-bottom-right-radius: 9999px;
|
|
}
|
|
.v-locale--is-rtl .rounded-e-pill {
|
|
border-top-left-radius: 9999px;
|
|
border-bottom-left-radius: 9999px;
|
|
}
|
|
.v-locale--is-ltr .rounded-e-circle {
|
|
border-top-right-radius: 50%;
|
|
border-bottom-right-radius: 50%;
|
|
}
|
|
.v-locale--is-rtl .rounded-e-circle {
|
|
border-top-left-radius: 50%;
|
|
border-bottom-left-radius: 50%;
|
|
}
|
|
.v-locale--is-ltr .rounded-e-shaped {
|
|
border-top-right-radius: 24px;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-e-shaped {
|
|
border-top-left-radius: 24px;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.rounded-b-0 {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.rounded-b-sm {
|
|
border-bottom-left-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
}
|
|
.rounded-b {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.rounded-b-md {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.rounded-b-lg {
|
|
border-bottom-left-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.rounded-b-xl {
|
|
border-bottom-left-radius: 24px;
|
|
border-bottom-right-radius: 24px;
|
|
}
|
|
.rounded-b-pill {
|
|
border-bottom-left-radius: 9999px;
|
|
border-bottom-right-radius: 9999px;
|
|
}
|
|
.rounded-b-circle {
|
|
border-bottom-left-radius: 50%;
|
|
border-bottom-right-radius: 50%;
|
|
}
|
|
.rounded-b-shaped {
|
|
border-bottom-left-radius: 24px;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-s-0 {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-s-0 {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-s-sm {
|
|
border-top-left-radius: 2px;
|
|
border-bottom-left-radius: 2px;
|
|
}
|
|
.v-locale--is-rtl .rounded-s-sm {
|
|
border-top-right-radius: 2px;
|
|
border-bottom-right-radius: 2px;
|
|
}
|
|
.v-locale--is-ltr .rounded-s {
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-s {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-s-md {
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-s-md {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-s-lg {
|
|
border-top-left-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.v-locale--is-rtl .rounded-s-lg {
|
|
border-top-right-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.v-locale--is-ltr .rounded-s-xl {
|
|
border-top-left-radius: 24px;
|
|
border-bottom-left-radius: 24px;
|
|
}
|
|
.v-locale--is-rtl .rounded-s-xl {
|
|
border-top-right-radius: 24px;
|
|
border-bottom-right-radius: 24px;
|
|
}
|
|
.v-locale--is-ltr .rounded-s-pill {
|
|
border-top-left-radius: 9999px;
|
|
border-bottom-left-radius: 9999px;
|
|
}
|
|
.v-locale--is-rtl .rounded-s-pill {
|
|
border-top-right-radius: 9999px;
|
|
border-bottom-right-radius: 9999px;
|
|
}
|
|
.v-locale--is-ltr .rounded-s-circle {
|
|
border-top-left-radius: 50%;
|
|
border-bottom-left-radius: 50%;
|
|
}
|
|
.v-locale--is-rtl .rounded-s-circle {
|
|
border-top-right-radius: 50%;
|
|
border-bottom-right-radius: 50%;
|
|
}
|
|
.v-locale--is-ltr .rounded-s-shaped {
|
|
border-top-left-radius: 24px;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-s-shaped {
|
|
border-top-right-radius: 24px;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-ts-0 {
|
|
border-top-left-radius: 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-ts-0 {
|
|
border-top-right-radius: 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-ts-sm {
|
|
border-top-left-radius: 2px;
|
|
}
|
|
.v-locale--is-rtl .rounded-ts-sm {
|
|
border-top-right-radius: 2px;
|
|
}
|
|
.v-locale--is-ltr .rounded-ts {
|
|
border-top-left-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-ts {
|
|
border-top-right-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-ts-md {
|
|
border-top-left-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-ts-md {
|
|
border-top-right-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-ts-lg {
|
|
border-top-left-radius: 8px;
|
|
}
|
|
.v-locale--is-rtl .rounded-ts-lg {
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.v-locale--is-ltr .rounded-ts-xl {
|
|
border-top-left-radius: 24px;
|
|
}
|
|
.v-locale--is-rtl .rounded-ts-xl {
|
|
border-top-right-radius: 24px;
|
|
}
|
|
.v-locale--is-ltr .rounded-ts-pill {
|
|
border-top-left-radius: 9999px;
|
|
}
|
|
.v-locale--is-rtl .rounded-ts-pill {
|
|
border-top-right-radius: 9999px;
|
|
}
|
|
.v-locale--is-ltr .rounded-ts-circle {
|
|
border-top-left-radius: 50%;
|
|
}
|
|
.v-locale--is-rtl .rounded-ts-circle {
|
|
border-top-right-radius: 50%;
|
|
}
|
|
.v-locale--is-ltr .rounded-ts-shaped {
|
|
border-top-left-radius: 24px 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-ts-shaped {
|
|
border-top-right-radius: 24px 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-te-0 {
|
|
border-top-right-radius: 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-te-0 {
|
|
border-top-left-radius: 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-te-sm {
|
|
border-top-right-radius: 2px;
|
|
}
|
|
.v-locale--is-rtl .rounded-te-sm {
|
|
border-top-left-radius: 2px;
|
|
}
|
|
.v-locale--is-ltr .rounded-te {
|
|
border-top-right-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-te {
|
|
border-top-left-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-te-md {
|
|
border-top-right-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-te-md {
|
|
border-top-left-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-te-lg {
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.v-locale--is-rtl .rounded-te-lg {
|
|
border-top-left-radius: 8px;
|
|
}
|
|
.v-locale--is-ltr .rounded-te-xl {
|
|
border-top-right-radius: 24px;
|
|
}
|
|
.v-locale--is-rtl .rounded-te-xl {
|
|
border-top-left-radius: 24px;
|
|
}
|
|
.v-locale--is-ltr .rounded-te-pill {
|
|
border-top-right-radius: 9999px;
|
|
}
|
|
.v-locale--is-rtl .rounded-te-pill {
|
|
border-top-left-radius: 9999px;
|
|
}
|
|
.v-locale--is-ltr .rounded-te-circle {
|
|
border-top-right-radius: 50%;
|
|
}
|
|
.v-locale--is-rtl .rounded-te-circle {
|
|
border-top-left-radius: 50%;
|
|
}
|
|
.v-locale--is-ltr .rounded-te-shaped {
|
|
border-top-right-radius: 24px 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-te-shaped {
|
|
border-top-left-radius: 24px 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-be-0 {
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-be-0 {
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-be-sm {
|
|
border-bottom-right-radius: 2px;
|
|
}
|
|
.v-locale--is-rtl .rounded-be-sm {
|
|
border-bottom-left-radius: 2px;
|
|
}
|
|
.v-locale--is-ltr .rounded-be {
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-be {
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-be-md {
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-be-md {
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-be-lg {
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.v-locale--is-rtl .rounded-be-lg {
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.v-locale--is-ltr .rounded-be-xl {
|
|
border-bottom-right-radius: 24px;
|
|
}
|
|
.v-locale--is-rtl .rounded-be-xl {
|
|
border-bottom-left-radius: 24px;
|
|
}
|
|
.v-locale--is-ltr .rounded-be-pill {
|
|
border-bottom-right-radius: 9999px;
|
|
}
|
|
.v-locale--is-rtl .rounded-be-pill {
|
|
border-bottom-left-radius: 9999px;
|
|
}
|
|
.v-locale--is-ltr .rounded-be-circle {
|
|
border-bottom-right-radius: 50%;
|
|
}
|
|
.v-locale--is-rtl .rounded-be-circle {
|
|
border-bottom-left-radius: 50%;
|
|
}
|
|
.v-locale--is-ltr .rounded-be-shaped {
|
|
border-bottom-right-radius: 24px 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-be-shaped {
|
|
border-bottom-left-radius: 24px 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-bs-0 {
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-bs-0 {
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-locale--is-ltr .rounded-bs-sm {
|
|
border-bottom-left-radius: 2px;
|
|
}
|
|
.v-locale--is-rtl .rounded-bs-sm {
|
|
border-bottom-right-radius: 2px;
|
|
}
|
|
.v-locale--is-ltr .rounded-bs {
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-bs {
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-bs-md {
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl .rounded-bs-md {
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.v-locale--is-ltr .rounded-bs-lg {
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
.v-locale--is-rtl .rounded-bs-lg {
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.v-locale--is-ltr .rounded-bs-xl {
|
|
border-bottom-left-radius: 24px;
|
|
}
|
|
.v-locale--is-rtl .rounded-bs-xl {
|
|
border-bottom-right-radius: 24px;
|
|
}
|
|
.v-locale--is-ltr .rounded-bs-pill {
|
|
border-bottom-left-radius: 9999px;
|
|
}
|
|
.v-locale--is-rtl .rounded-bs-pill {
|
|
border-bottom-right-radius: 9999px;
|
|
}
|
|
.v-locale--is-ltr .rounded-bs-circle {
|
|
border-bottom-left-radius: 50%;
|
|
}
|
|
.v-locale--is-rtl .rounded-bs-circle {
|
|
border-bottom-right-radius: 50%;
|
|
}
|
|
.v-locale--is-ltr .rounded-bs-shaped {
|
|
border-bottom-left-radius: 24px 0;
|
|
}
|
|
.v-locale--is-rtl .rounded-bs-shaped {
|
|
border-bottom-right-radius: 24px 0;
|
|
}
|
|
.border-0 {
|
|
border-width: 0;
|
|
border-style: solid;
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border {
|
|
border-width: thin;
|
|
border-style: solid;
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-thin {
|
|
border-width: thin;
|
|
border-style: solid;
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-sm {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-md {
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-lg {
|
|
border-width: 4px;
|
|
border-style: solid;
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-xl {
|
|
border-width: 8px;
|
|
border-style: solid;
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-current {
|
|
border-color: currentColor;
|
|
}
|
|
.border-opacity-0 {
|
|
--v-border-opacity: 0;
|
|
}
|
|
.border-opacity {
|
|
--v-border-opacity: 0.12;
|
|
}
|
|
.border-opacity-25 {
|
|
--v-border-opacity: 0.25;
|
|
}
|
|
.border-opacity-50 {
|
|
--v-border-opacity: 0.5;
|
|
}
|
|
.border-opacity-75 {
|
|
--v-border-opacity: 0.75;
|
|
}
|
|
.border-opacity-100 {
|
|
--v-border-opacity: 1;
|
|
}
|
|
.border-t-0 {
|
|
border-block-start-width: 0;
|
|
border-block-start-style: solid;
|
|
border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-t {
|
|
border-block-start-width: thin;
|
|
border-block-start-style: solid;
|
|
border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-t-thin {
|
|
border-block-start-width: thin;
|
|
border-block-start-style: solid;
|
|
border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-t-sm {
|
|
border-block-start-width: 1px;
|
|
border-block-start-style: solid;
|
|
border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-t-md {
|
|
border-block-start-width: 2px;
|
|
border-block-start-style: solid;
|
|
border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-t-lg {
|
|
border-block-start-width: 4px;
|
|
border-block-start-style: solid;
|
|
border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-t-xl {
|
|
border-block-start-width: 8px;
|
|
border-block-start-style: solid;
|
|
border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-e-0 {
|
|
border-inline-end-width: 0;
|
|
border-inline-end-style: solid;
|
|
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-e {
|
|
border-inline-end-width: thin;
|
|
border-inline-end-style: solid;
|
|
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-e-thin {
|
|
border-inline-end-width: thin;
|
|
border-inline-end-style: solid;
|
|
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-e-sm {
|
|
border-inline-end-width: 1px;
|
|
border-inline-end-style: solid;
|
|
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-e-md {
|
|
border-inline-end-width: 2px;
|
|
border-inline-end-style: solid;
|
|
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-e-lg {
|
|
border-inline-end-width: 4px;
|
|
border-inline-end-style: solid;
|
|
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-e-xl {
|
|
border-inline-end-width: 8px;
|
|
border-inline-end-style: solid;
|
|
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-b-0 {
|
|
border-block-end-width: 0;
|
|
border-block-end-style: solid;
|
|
border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-b {
|
|
border-block-end-width: thin;
|
|
border-block-end-style: solid;
|
|
border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-b-thin {
|
|
border-block-end-width: thin;
|
|
border-block-end-style: solid;
|
|
border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-b-sm {
|
|
border-block-end-width: 1px;
|
|
border-block-end-style: solid;
|
|
border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-b-md {
|
|
border-block-end-width: 2px;
|
|
border-block-end-style: solid;
|
|
border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-b-lg {
|
|
border-block-end-width: 4px;
|
|
border-block-end-style: solid;
|
|
border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-b-xl {
|
|
border-block-end-width: 8px;
|
|
border-block-end-style: solid;
|
|
border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-s-0 {
|
|
border-inline-start-width: 0;
|
|
border-inline-start-style: solid;
|
|
border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-s {
|
|
border-inline-start-width: thin;
|
|
border-inline-start-style: solid;
|
|
border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-s-thin {
|
|
border-inline-start-width: thin;
|
|
border-inline-start-style: solid;
|
|
border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-s-sm {
|
|
border-inline-start-width: 1px;
|
|
border-inline-start-style: solid;
|
|
border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-s-md {
|
|
border-inline-start-width: 2px;
|
|
border-inline-start-style: solid;
|
|
border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-s-lg {
|
|
border-inline-start-width: 4px;
|
|
border-inline-start-style: solid;
|
|
border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-s-xl {
|
|
border-inline-start-width: 8px;
|
|
border-inline-start-style: solid;
|
|
border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.border-solid {
|
|
border-style: solid;
|
|
}
|
|
.border-dashed {
|
|
border-style: dashed;
|
|
}
|
|
.border-dotted {
|
|
border-style: dotted;
|
|
}
|
|
.border-double {
|
|
border-style: double;
|
|
}
|
|
.border-none {
|
|
border-style: none;
|
|
}
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
.text-justify {
|
|
text-align: justify;
|
|
}
|
|
.text-start {
|
|
text-align: start;
|
|
}
|
|
.text-end {
|
|
text-align: end;
|
|
}
|
|
.text-decoration-line-through {
|
|
text-decoration: line-through;
|
|
}
|
|
.text-decoration-none {
|
|
text-decoration: none;
|
|
}
|
|
.text-decoration-overline {
|
|
text-decoration: overline;
|
|
}
|
|
.text-decoration-underline {
|
|
text-decoration: underline;
|
|
}
|
|
.text-wrap {
|
|
white-space: normal;
|
|
}
|
|
.text-no-wrap {
|
|
white-space: nowrap;
|
|
}
|
|
.text-pre {
|
|
white-space: pre;
|
|
}
|
|
.text-pre-line {
|
|
white-space: pre-line;
|
|
}
|
|
.text-pre-wrap {
|
|
white-space: pre-wrap;
|
|
}
|
|
.text-break {
|
|
overflow-wrap: break-word;
|
|
word-break: break-word;
|
|
}
|
|
.opacity-hover {
|
|
opacity: var(--v-hover-opacity);
|
|
}
|
|
.opacity-focus {
|
|
opacity: var(--v-focus-opacity);
|
|
}
|
|
.opacity-selected {
|
|
opacity: var(--v-selected-opacity);
|
|
}
|
|
.opacity-activated {
|
|
opacity: var(--v-activated-opacity);
|
|
}
|
|
.opacity-pressed {
|
|
opacity: var(--v-pressed-opacity);
|
|
}
|
|
.opacity-dragged {
|
|
opacity: var(--v-dragged-opacity);
|
|
}
|
|
.opacity-0 {
|
|
opacity: 0;
|
|
}
|
|
.opacity-10 {
|
|
opacity: 0.1;
|
|
}
|
|
.opacity-20 {
|
|
opacity: 0.2;
|
|
}
|
|
.opacity-30 {
|
|
opacity: 0.3;
|
|
}
|
|
.opacity-40 {
|
|
opacity: 0.4;
|
|
}
|
|
.opacity-50 {
|
|
opacity: 0.5;
|
|
}
|
|
.opacity-60 {
|
|
opacity: 0.6;
|
|
}
|
|
.opacity-70 {
|
|
opacity: 0.7;
|
|
}
|
|
.opacity-80 {
|
|
opacity: 0.8;
|
|
}
|
|
.opacity-90 {
|
|
opacity: 0.9;
|
|
}
|
|
.opacity-100 {
|
|
opacity: 1;
|
|
}
|
|
.text-high-emphasis {
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-background)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.text-medium-emphasis {
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-background)) calc(var(--v-medium-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.text-disabled {
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-background)) calc(var(--v-disabled-opacity) * 100%), transparent);
|
|
}
|
|
.text-truncate {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.text-none {
|
|
text-transform: none;
|
|
}
|
|
.text-capitalize {
|
|
text-transform: capitalize;
|
|
}
|
|
.text-lowercase {
|
|
text-transform: lowercase;
|
|
}
|
|
.text-uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
.font-weight-thin {
|
|
font-weight: 100;
|
|
}
|
|
.font-weight-light {
|
|
font-weight: 300;
|
|
}
|
|
.font-weight-regular {
|
|
font-weight: 400;
|
|
}
|
|
.font-weight-medium {
|
|
font-weight: 500;
|
|
}
|
|
.font-weight-semibold {
|
|
font-weight: 600;
|
|
}
|
|
.font-weight-bold {
|
|
font-weight: 700;
|
|
}
|
|
.font-weight-black {
|
|
font-weight: 900;
|
|
}
|
|
.font-italic {
|
|
font-style: italic;
|
|
}
|
|
.text-mono {
|
|
font-family: monospace;
|
|
}
|
|
.position-static {
|
|
position: static;
|
|
}
|
|
.position-relative {
|
|
position: relative;
|
|
}
|
|
.position-fixed {
|
|
position: fixed;
|
|
}
|
|
.position-absolute {
|
|
position: absolute;
|
|
}
|
|
.position-sticky {
|
|
position: sticky;
|
|
}
|
|
.top-0 {
|
|
top: 0;
|
|
}
|
|
.right-0 {
|
|
right: 0;
|
|
}
|
|
.bottom-0 {
|
|
bottom: 0;
|
|
}
|
|
.left-0 {
|
|
left: 0;
|
|
}
|
|
.cursor-auto {
|
|
cursor: auto;
|
|
}
|
|
.cursor-default {
|
|
cursor: default;
|
|
}
|
|
.cursor-pointer {
|
|
cursor: pointer;
|
|
}
|
|
.cursor-wait {
|
|
cursor: wait;
|
|
}
|
|
.cursor-text {
|
|
cursor: text;
|
|
}
|
|
.cursor-move {
|
|
cursor: move;
|
|
}
|
|
.cursor-help {
|
|
cursor: help;
|
|
}
|
|
.cursor-not-allowed {
|
|
cursor: not-allowed;
|
|
}
|
|
.cursor-progress {
|
|
cursor: progress;
|
|
}
|
|
.cursor-grab {
|
|
cursor: grab;
|
|
}
|
|
.cursor-grabbing {
|
|
cursor: grabbing;
|
|
}
|
|
.cursor-none {
|
|
cursor: none;
|
|
}
|
|
.fill-height {
|
|
height: 100%;
|
|
}
|
|
.h-auto {
|
|
height: auto;
|
|
}
|
|
.h-screen {
|
|
height: 100vh;
|
|
}
|
|
.h-0 {
|
|
height: 0;
|
|
}
|
|
.h-25 {
|
|
height: 25%;
|
|
}
|
|
.h-50 {
|
|
height: 50%;
|
|
}
|
|
.h-75 {
|
|
height: 75%;
|
|
}
|
|
.h-100 {
|
|
height: 100%;
|
|
}
|
|
.h-screen {
|
|
height: 100dvh;
|
|
}
|
|
.w-auto {
|
|
width: auto;
|
|
}
|
|
.w-0 {
|
|
width: 0;
|
|
}
|
|
.w-25 {
|
|
width: 25%;
|
|
}
|
|
.w-33 {
|
|
width: 33%;
|
|
}
|
|
.w-50 {
|
|
width: 50%;
|
|
}
|
|
.w-66 {
|
|
width: 66%;
|
|
}
|
|
.w-75 {
|
|
width: 75%;
|
|
}
|
|
.w-100 {
|
|
width: 100%;
|
|
}
|
|
@media (min-width: 600px) {
|
|
.d-sm-none {
|
|
display: none;
|
|
}
|
|
.d-sm-inline {
|
|
display: inline;
|
|
}
|
|
.d-sm-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-sm-block {
|
|
display: block;
|
|
}
|
|
.d-sm-table {
|
|
display: table;
|
|
}
|
|
.d-sm-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-sm-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-sm-flex {
|
|
display: flex;
|
|
}
|
|
.d-sm-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.float-sm-none {
|
|
float: none;
|
|
}
|
|
.float-sm-left {
|
|
float: left;
|
|
}
|
|
.float-sm-right {
|
|
float: right;
|
|
}
|
|
.v-locale--is-rtl .float-sm-end {
|
|
float: left;
|
|
}
|
|
.v-locale--is-rtl .float-sm-start {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-sm-end {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-sm-start {
|
|
float: left;
|
|
}
|
|
.flex-sm-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-sm-1-1 {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-sm-1-0 {
|
|
flex: 1 0 auto;
|
|
}
|
|
.flex-sm-0-1 {
|
|
flex: 0 1 auto;
|
|
}
|
|
.flex-sm-0-0 {
|
|
flex: 0 0 auto;
|
|
}
|
|
.flex-sm-1-1-100 {
|
|
flex: 1 1 100%;
|
|
}
|
|
.flex-sm-1-0-100 {
|
|
flex: 1 0 100%;
|
|
}
|
|
.flex-sm-0-1-100 {
|
|
flex: 0 1 100%;
|
|
}
|
|
.flex-sm-0-0-100 {
|
|
flex: 0 0 100%;
|
|
}
|
|
.flex-sm-1-1-0 {
|
|
flex: 1 1 0;
|
|
}
|
|
.flex-sm-1-0-0 {
|
|
flex: 1 0 0;
|
|
}
|
|
.flex-sm-0-1-0 {
|
|
flex: 0 1 0;
|
|
}
|
|
.flex-sm-0-0-0 {
|
|
flex: 0 0 0;
|
|
}
|
|
.flex-sm-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-sm-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-sm-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-sm-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-sm-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-sm-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-sm-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-sm-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-sm-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-sm-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-sm-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-sm-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-sm-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-sm-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-sm-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-sm-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-sm-space-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-sm-start {
|
|
justify-items: flex-start;
|
|
}
|
|
.justify-items-sm-end {
|
|
justify-items: flex-end;
|
|
}
|
|
.justify-items-sm-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-sm-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.align-sm-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-sm-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-sm-center {
|
|
align-items: center;
|
|
}
|
|
.align-sm-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-sm-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-sm-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-sm-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-sm-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-sm-space-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-sm-space-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-sm-space-evenly {
|
|
align-content: space-evenly;
|
|
}
|
|
.align-content-sm-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-sm-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-sm-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-sm-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-sm-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-sm-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-sm-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.order-sm-first {
|
|
order: -1;
|
|
}
|
|
.order-sm-0 {
|
|
order: 0;
|
|
}
|
|
.order-sm-1 {
|
|
order: 1;
|
|
}
|
|
.order-sm-2 {
|
|
order: 2;
|
|
}
|
|
.order-sm-3 {
|
|
order: 3;
|
|
}
|
|
.order-sm-4 {
|
|
order: 4;
|
|
}
|
|
.order-sm-5 {
|
|
order: 5;
|
|
}
|
|
.order-sm-6 {
|
|
order: 6;
|
|
}
|
|
.order-sm-7 {
|
|
order: 7;
|
|
}
|
|
.order-sm-8 {
|
|
order: 8;
|
|
}
|
|
.order-sm-9 {
|
|
order: 9;
|
|
}
|
|
.order-sm-10 {
|
|
order: 10;
|
|
}
|
|
.order-sm-11 {
|
|
order: 11;
|
|
}
|
|
.order-sm-12 {
|
|
order: 12;
|
|
}
|
|
.order-sm-last {
|
|
order: 13;
|
|
}
|
|
.ga-sm-0 {
|
|
gap: 0px;
|
|
}
|
|
.ga-sm-1 {
|
|
gap: 4px;
|
|
}
|
|
.ga-sm-2 {
|
|
gap: 8px;
|
|
}
|
|
.ga-sm-3 {
|
|
gap: 12px;
|
|
}
|
|
.ga-sm-4 {
|
|
gap: 16px;
|
|
}
|
|
.ga-sm-5 {
|
|
gap: 20px;
|
|
}
|
|
.ga-sm-6 {
|
|
gap: 24px;
|
|
}
|
|
.ga-sm-7 {
|
|
gap: 28px;
|
|
}
|
|
.ga-sm-8 {
|
|
gap: 32px;
|
|
}
|
|
.ga-sm-9 {
|
|
gap: 36px;
|
|
}
|
|
.ga-sm-10 {
|
|
gap: 40px;
|
|
}
|
|
.ga-sm-11 {
|
|
gap: 44px;
|
|
}
|
|
.ga-sm-12 {
|
|
gap: 48px;
|
|
}
|
|
.ga-sm-13 {
|
|
gap: 52px;
|
|
}
|
|
.ga-sm-14 {
|
|
gap: 56px;
|
|
}
|
|
.ga-sm-15 {
|
|
gap: 60px;
|
|
}
|
|
.ga-sm-16 {
|
|
gap: 64px;
|
|
}
|
|
.ga-sm-auto {
|
|
gap: auto;
|
|
}
|
|
.gr-sm-0 {
|
|
row-gap: 0px;
|
|
}
|
|
.gr-sm-1 {
|
|
row-gap: 4px;
|
|
}
|
|
.gr-sm-2 {
|
|
row-gap: 8px;
|
|
}
|
|
.gr-sm-3 {
|
|
row-gap: 12px;
|
|
}
|
|
.gr-sm-4 {
|
|
row-gap: 16px;
|
|
}
|
|
.gr-sm-5 {
|
|
row-gap: 20px;
|
|
}
|
|
.gr-sm-6 {
|
|
row-gap: 24px;
|
|
}
|
|
.gr-sm-7 {
|
|
row-gap: 28px;
|
|
}
|
|
.gr-sm-8 {
|
|
row-gap: 32px;
|
|
}
|
|
.gr-sm-9 {
|
|
row-gap: 36px;
|
|
}
|
|
.gr-sm-10 {
|
|
row-gap: 40px;
|
|
}
|
|
.gr-sm-11 {
|
|
row-gap: 44px;
|
|
}
|
|
.gr-sm-12 {
|
|
row-gap: 48px;
|
|
}
|
|
.gr-sm-13 {
|
|
row-gap: 52px;
|
|
}
|
|
.gr-sm-14 {
|
|
row-gap: 56px;
|
|
}
|
|
.gr-sm-15 {
|
|
row-gap: 60px;
|
|
}
|
|
.gr-sm-16 {
|
|
row-gap: 64px;
|
|
}
|
|
.gr-sm-auto {
|
|
row-gap: auto;
|
|
}
|
|
.gc-sm-0 {
|
|
column-gap: 0px;
|
|
}
|
|
.gc-sm-1 {
|
|
column-gap: 4px;
|
|
}
|
|
.gc-sm-2 {
|
|
column-gap: 8px;
|
|
}
|
|
.gc-sm-3 {
|
|
column-gap: 12px;
|
|
}
|
|
.gc-sm-4 {
|
|
column-gap: 16px;
|
|
}
|
|
.gc-sm-5 {
|
|
column-gap: 20px;
|
|
}
|
|
.gc-sm-6 {
|
|
column-gap: 24px;
|
|
}
|
|
.gc-sm-7 {
|
|
column-gap: 28px;
|
|
}
|
|
.gc-sm-8 {
|
|
column-gap: 32px;
|
|
}
|
|
.gc-sm-9 {
|
|
column-gap: 36px;
|
|
}
|
|
.gc-sm-10 {
|
|
column-gap: 40px;
|
|
}
|
|
.gc-sm-11 {
|
|
column-gap: 44px;
|
|
}
|
|
.gc-sm-12 {
|
|
column-gap: 48px;
|
|
}
|
|
.gc-sm-13 {
|
|
column-gap: 52px;
|
|
}
|
|
.gc-sm-14 {
|
|
column-gap: 56px;
|
|
}
|
|
.gc-sm-15 {
|
|
column-gap: 60px;
|
|
}
|
|
.gc-sm-16 {
|
|
column-gap: 64px;
|
|
}
|
|
.gc-sm-auto {
|
|
column-gap: auto;
|
|
}
|
|
.ma-sm-0 {
|
|
margin: 0px;
|
|
}
|
|
.ma-sm-1 {
|
|
margin: 4px;
|
|
}
|
|
.ma-sm-2 {
|
|
margin: 8px;
|
|
}
|
|
.ma-sm-3 {
|
|
margin: 12px;
|
|
}
|
|
.ma-sm-4 {
|
|
margin: 16px;
|
|
}
|
|
.ma-sm-5 {
|
|
margin: 20px;
|
|
}
|
|
.ma-sm-6 {
|
|
margin: 24px;
|
|
}
|
|
.ma-sm-7 {
|
|
margin: 28px;
|
|
}
|
|
.ma-sm-8 {
|
|
margin: 32px;
|
|
}
|
|
.ma-sm-9 {
|
|
margin: 36px;
|
|
}
|
|
.ma-sm-10 {
|
|
margin: 40px;
|
|
}
|
|
.ma-sm-11 {
|
|
margin: 44px;
|
|
}
|
|
.ma-sm-12 {
|
|
margin: 48px;
|
|
}
|
|
.ma-sm-13 {
|
|
margin: 52px;
|
|
}
|
|
.ma-sm-14 {
|
|
margin: 56px;
|
|
}
|
|
.ma-sm-15 {
|
|
margin: 60px;
|
|
}
|
|
.ma-sm-16 {
|
|
margin: 64px;
|
|
}
|
|
.ma-sm-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-sm-0 {
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
.mx-sm-1 {
|
|
margin-right: 4px;
|
|
margin-left: 4px;
|
|
}
|
|
.mx-sm-2 {
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
.mx-sm-3 {
|
|
margin-right: 12px;
|
|
margin-left: 12px;
|
|
}
|
|
.mx-sm-4 {
|
|
margin-right: 16px;
|
|
margin-left: 16px;
|
|
}
|
|
.mx-sm-5 {
|
|
margin-right: 20px;
|
|
margin-left: 20px;
|
|
}
|
|
.mx-sm-6 {
|
|
margin-right: 24px;
|
|
margin-left: 24px;
|
|
}
|
|
.mx-sm-7 {
|
|
margin-right: 28px;
|
|
margin-left: 28px;
|
|
}
|
|
.mx-sm-8 {
|
|
margin-right: 32px;
|
|
margin-left: 32px;
|
|
}
|
|
.mx-sm-9 {
|
|
margin-right: 36px;
|
|
margin-left: 36px;
|
|
}
|
|
.mx-sm-10 {
|
|
margin-right: 40px;
|
|
margin-left: 40px;
|
|
}
|
|
.mx-sm-11 {
|
|
margin-right: 44px;
|
|
margin-left: 44px;
|
|
}
|
|
.mx-sm-12 {
|
|
margin-right: 48px;
|
|
margin-left: 48px;
|
|
}
|
|
.mx-sm-13 {
|
|
margin-right: 52px;
|
|
margin-left: 52px;
|
|
}
|
|
.mx-sm-14 {
|
|
margin-right: 56px;
|
|
margin-left: 56px;
|
|
}
|
|
.mx-sm-15 {
|
|
margin-right: 60px;
|
|
margin-left: 60px;
|
|
}
|
|
.mx-sm-16 {
|
|
margin-right: 64px;
|
|
margin-left: 64px;
|
|
}
|
|
.mx-sm-auto {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.my-sm-0 {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.my-sm-1 {
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.my-sm-2 {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.my-sm-3 {
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.my-sm-4 {
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.my-sm-5 {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.my-sm-6 {
|
|
margin-top: 24px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.my-sm-7 {
|
|
margin-top: 28px;
|
|
margin-bottom: 28px;
|
|
}
|
|
.my-sm-8 {
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.my-sm-9 {
|
|
margin-top: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
.my-sm-10 {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.my-sm-11 {
|
|
margin-top: 44px;
|
|
margin-bottom: 44px;
|
|
}
|
|
.my-sm-12 {
|
|
margin-top: 48px;
|
|
margin-bottom: 48px;
|
|
}
|
|
.my-sm-13 {
|
|
margin-top: 52px;
|
|
margin-bottom: 52px;
|
|
}
|
|
.my-sm-14 {
|
|
margin-top: 56px;
|
|
margin-bottom: 56px;
|
|
}
|
|
.my-sm-15 {
|
|
margin-top: 60px;
|
|
margin-bottom: 60px;
|
|
}
|
|
.my-sm-16 {
|
|
margin-top: 64px;
|
|
margin-bottom: 64px;
|
|
}
|
|
.my-sm-auto {
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
.mt-sm-0 {
|
|
margin-top: 0px;
|
|
}
|
|
.mt-sm-1 {
|
|
margin-top: 4px;
|
|
}
|
|
.mt-sm-2 {
|
|
margin-top: 8px;
|
|
}
|
|
.mt-sm-3 {
|
|
margin-top: 12px;
|
|
}
|
|
.mt-sm-4 {
|
|
margin-top: 16px;
|
|
}
|
|
.mt-sm-5 {
|
|
margin-top: 20px;
|
|
}
|
|
.mt-sm-6 {
|
|
margin-top: 24px;
|
|
}
|
|
.mt-sm-7 {
|
|
margin-top: 28px;
|
|
}
|
|
.mt-sm-8 {
|
|
margin-top: 32px;
|
|
}
|
|
.mt-sm-9 {
|
|
margin-top: 36px;
|
|
}
|
|
.mt-sm-10 {
|
|
margin-top: 40px;
|
|
}
|
|
.mt-sm-11 {
|
|
margin-top: 44px;
|
|
}
|
|
.mt-sm-12 {
|
|
margin-top: 48px;
|
|
}
|
|
.mt-sm-13 {
|
|
margin-top: 52px;
|
|
}
|
|
.mt-sm-14 {
|
|
margin-top: 56px;
|
|
}
|
|
.mt-sm-15 {
|
|
margin-top: 60px;
|
|
}
|
|
.mt-sm-16 {
|
|
margin-top: 64px;
|
|
}
|
|
.mt-sm-auto {
|
|
margin-top: auto;
|
|
}
|
|
.mr-sm-0 {
|
|
margin-right: 0px;
|
|
}
|
|
.mr-sm-1 {
|
|
margin-right: 4px;
|
|
}
|
|
.mr-sm-2 {
|
|
margin-right: 8px;
|
|
}
|
|
.mr-sm-3 {
|
|
margin-right: 12px;
|
|
}
|
|
.mr-sm-4 {
|
|
margin-right: 16px;
|
|
}
|
|
.mr-sm-5 {
|
|
margin-right: 20px;
|
|
}
|
|
.mr-sm-6 {
|
|
margin-right: 24px;
|
|
}
|
|
.mr-sm-7 {
|
|
margin-right: 28px;
|
|
}
|
|
.mr-sm-8 {
|
|
margin-right: 32px;
|
|
}
|
|
.mr-sm-9 {
|
|
margin-right: 36px;
|
|
}
|
|
.mr-sm-10 {
|
|
margin-right: 40px;
|
|
}
|
|
.mr-sm-11 {
|
|
margin-right: 44px;
|
|
}
|
|
.mr-sm-12 {
|
|
margin-right: 48px;
|
|
}
|
|
.mr-sm-13 {
|
|
margin-right: 52px;
|
|
}
|
|
.mr-sm-14 {
|
|
margin-right: 56px;
|
|
}
|
|
.mr-sm-15 {
|
|
margin-right: 60px;
|
|
}
|
|
.mr-sm-16 {
|
|
margin-right: 64px;
|
|
}
|
|
.mr-sm-auto {
|
|
margin-right: auto;
|
|
}
|
|
.mb-sm-0 {
|
|
margin-bottom: 0px;
|
|
}
|
|
.mb-sm-1 {
|
|
margin-bottom: 4px;
|
|
}
|
|
.mb-sm-2 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.mb-sm-3 {
|
|
margin-bottom: 12px;
|
|
}
|
|
.mb-sm-4 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mb-sm-5 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-sm-6 {
|
|
margin-bottom: 24px;
|
|
}
|
|
.mb-sm-7 {
|
|
margin-bottom: 28px;
|
|
}
|
|
.mb-sm-8 {
|
|
margin-bottom: 32px;
|
|
}
|
|
.mb-sm-9 {
|
|
margin-bottom: 36px;
|
|
}
|
|
.mb-sm-10 {
|
|
margin-bottom: 40px;
|
|
}
|
|
.mb-sm-11 {
|
|
margin-bottom: 44px;
|
|
}
|
|
.mb-sm-12 {
|
|
margin-bottom: 48px;
|
|
}
|
|
.mb-sm-13 {
|
|
margin-bottom: 52px;
|
|
}
|
|
.mb-sm-14 {
|
|
margin-bottom: 56px;
|
|
}
|
|
.mb-sm-15 {
|
|
margin-bottom: 60px;
|
|
}
|
|
.mb-sm-16 {
|
|
margin-bottom: 64px;
|
|
}
|
|
.mb-sm-auto {
|
|
margin-bottom: auto;
|
|
}
|
|
.ml-sm-0 {
|
|
margin-left: 0px;
|
|
}
|
|
.ml-sm-1 {
|
|
margin-left: 4px;
|
|
}
|
|
.ml-sm-2 {
|
|
margin-left: 8px;
|
|
}
|
|
.ml-sm-3 {
|
|
margin-left: 12px;
|
|
}
|
|
.ml-sm-4 {
|
|
margin-left: 16px;
|
|
}
|
|
.ml-sm-5 {
|
|
margin-left: 20px;
|
|
}
|
|
.ml-sm-6 {
|
|
margin-left: 24px;
|
|
}
|
|
.ml-sm-7 {
|
|
margin-left: 28px;
|
|
}
|
|
.ml-sm-8 {
|
|
margin-left: 32px;
|
|
}
|
|
.ml-sm-9 {
|
|
margin-left: 36px;
|
|
}
|
|
.ml-sm-10 {
|
|
margin-left: 40px;
|
|
}
|
|
.ml-sm-11 {
|
|
margin-left: 44px;
|
|
}
|
|
.ml-sm-12 {
|
|
margin-left: 48px;
|
|
}
|
|
.ml-sm-13 {
|
|
margin-left: 52px;
|
|
}
|
|
.ml-sm-14 {
|
|
margin-left: 56px;
|
|
}
|
|
.ml-sm-15 {
|
|
margin-left: 60px;
|
|
}
|
|
.ml-sm-16 {
|
|
margin-left: 64px;
|
|
}
|
|
.ml-sm-auto {
|
|
margin-left: auto;
|
|
}
|
|
.ms-sm-0 {
|
|
margin-inline-start: 0px;
|
|
}
|
|
.ms-sm-1 {
|
|
margin-inline-start: 4px;
|
|
}
|
|
.ms-sm-2 {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.ms-sm-3 {
|
|
margin-inline-start: 12px;
|
|
}
|
|
.ms-sm-4 {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.ms-sm-5 {
|
|
margin-inline-start: 20px;
|
|
}
|
|
.ms-sm-6 {
|
|
margin-inline-start: 24px;
|
|
}
|
|
.ms-sm-7 {
|
|
margin-inline-start: 28px;
|
|
}
|
|
.ms-sm-8 {
|
|
margin-inline-start: 32px;
|
|
}
|
|
.ms-sm-9 {
|
|
margin-inline-start: 36px;
|
|
}
|
|
.ms-sm-10 {
|
|
margin-inline-start: 40px;
|
|
}
|
|
.ms-sm-11 {
|
|
margin-inline-start: 44px;
|
|
}
|
|
.ms-sm-12 {
|
|
margin-inline-start: 48px;
|
|
}
|
|
.ms-sm-13 {
|
|
margin-inline-start: 52px;
|
|
}
|
|
.ms-sm-14 {
|
|
margin-inline-start: 56px;
|
|
}
|
|
.ms-sm-15 {
|
|
margin-inline-start: 60px;
|
|
}
|
|
.ms-sm-16 {
|
|
margin-inline-start: 64px;
|
|
}
|
|
.ms-sm-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.me-sm-0 {
|
|
margin-inline-end: 0px;
|
|
}
|
|
.me-sm-1 {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.me-sm-2 {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.me-sm-3 {
|
|
margin-inline-end: 12px;
|
|
}
|
|
.me-sm-4 {
|
|
margin-inline-end: 16px;
|
|
}
|
|
.me-sm-5 {
|
|
margin-inline-end: 20px;
|
|
}
|
|
.me-sm-6 {
|
|
margin-inline-end: 24px;
|
|
}
|
|
.me-sm-7 {
|
|
margin-inline-end: 28px;
|
|
}
|
|
.me-sm-8 {
|
|
margin-inline-end: 32px;
|
|
}
|
|
.me-sm-9 {
|
|
margin-inline-end: 36px;
|
|
}
|
|
.me-sm-10 {
|
|
margin-inline-end: 40px;
|
|
}
|
|
.me-sm-11 {
|
|
margin-inline-end: 44px;
|
|
}
|
|
.me-sm-12 {
|
|
margin-inline-end: 48px;
|
|
}
|
|
.me-sm-13 {
|
|
margin-inline-end: 52px;
|
|
}
|
|
.me-sm-14 {
|
|
margin-inline-end: 56px;
|
|
}
|
|
.me-sm-15 {
|
|
margin-inline-end: 60px;
|
|
}
|
|
.me-sm-16 {
|
|
margin-inline-end: 64px;
|
|
}
|
|
.me-sm-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.ma-sm-n1 {
|
|
margin: -4px;
|
|
}
|
|
.ma-sm-n2 {
|
|
margin: -8px;
|
|
}
|
|
.ma-sm-n3 {
|
|
margin: -12px;
|
|
}
|
|
.ma-sm-n4 {
|
|
margin: -16px;
|
|
}
|
|
.ma-sm-n5 {
|
|
margin: -20px;
|
|
}
|
|
.ma-sm-n6 {
|
|
margin: -24px;
|
|
}
|
|
.ma-sm-n7 {
|
|
margin: -28px;
|
|
}
|
|
.ma-sm-n8 {
|
|
margin: -32px;
|
|
}
|
|
.ma-sm-n9 {
|
|
margin: -36px;
|
|
}
|
|
.ma-sm-n10 {
|
|
margin: -40px;
|
|
}
|
|
.ma-sm-n11 {
|
|
margin: -44px;
|
|
}
|
|
.ma-sm-n12 {
|
|
margin: -48px;
|
|
}
|
|
.ma-sm-n13 {
|
|
margin: -52px;
|
|
}
|
|
.ma-sm-n14 {
|
|
margin: -56px;
|
|
}
|
|
.ma-sm-n15 {
|
|
margin: -60px;
|
|
}
|
|
.ma-sm-n16 {
|
|
margin: -64px;
|
|
}
|
|
.mx-sm-n1 {
|
|
margin-right: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.mx-sm-n2 {
|
|
margin-right: -8px;
|
|
margin-left: -8px;
|
|
}
|
|
.mx-sm-n3 {
|
|
margin-right: -12px;
|
|
margin-left: -12px;
|
|
}
|
|
.mx-sm-n4 {
|
|
margin-right: -16px;
|
|
margin-left: -16px;
|
|
}
|
|
.mx-sm-n5 {
|
|
margin-right: -20px;
|
|
margin-left: -20px;
|
|
}
|
|
.mx-sm-n6 {
|
|
margin-right: -24px;
|
|
margin-left: -24px;
|
|
}
|
|
.mx-sm-n7 {
|
|
margin-right: -28px;
|
|
margin-left: -28px;
|
|
}
|
|
.mx-sm-n8 {
|
|
margin-right: -32px;
|
|
margin-left: -32px;
|
|
}
|
|
.mx-sm-n9 {
|
|
margin-right: -36px;
|
|
margin-left: -36px;
|
|
}
|
|
.mx-sm-n10 {
|
|
margin-right: -40px;
|
|
margin-left: -40px;
|
|
}
|
|
.mx-sm-n11 {
|
|
margin-right: -44px;
|
|
margin-left: -44px;
|
|
}
|
|
.mx-sm-n12 {
|
|
margin-right: -48px;
|
|
margin-left: -48px;
|
|
}
|
|
.mx-sm-n13 {
|
|
margin-right: -52px;
|
|
margin-left: -52px;
|
|
}
|
|
.mx-sm-n14 {
|
|
margin-right: -56px;
|
|
margin-left: -56px;
|
|
}
|
|
.mx-sm-n15 {
|
|
margin-right: -60px;
|
|
margin-left: -60px;
|
|
}
|
|
.mx-sm-n16 {
|
|
margin-right: -64px;
|
|
margin-left: -64px;
|
|
}
|
|
.my-sm-n1 {
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
}
|
|
.my-sm-n2 {
|
|
margin-top: -8px;
|
|
margin-bottom: -8px;
|
|
}
|
|
.my-sm-n3 {
|
|
margin-top: -12px;
|
|
margin-bottom: -12px;
|
|
}
|
|
.my-sm-n4 {
|
|
margin-top: -16px;
|
|
margin-bottom: -16px;
|
|
}
|
|
.my-sm-n5 {
|
|
margin-top: -20px;
|
|
margin-bottom: -20px;
|
|
}
|
|
.my-sm-n6 {
|
|
margin-top: -24px;
|
|
margin-bottom: -24px;
|
|
}
|
|
.my-sm-n7 {
|
|
margin-top: -28px;
|
|
margin-bottom: -28px;
|
|
}
|
|
.my-sm-n8 {
|
|
margin-top: -32px;
|
|
margin-bottom: -32px;
|
|
}
|
|
.my-sm-n9 {
|
|
margin-top: -36px;
|
|
margin-bottom: -36px;
|
|
}
|
|
.my-sm-n10 {
|
|
margin-top: -40px;
|
|
margin-bottom: -40px;
|
|
}
|
|
.my-sm-n11 {
|
|
margin-top: -44px;
|
|
margin-bottom: -44px;
|
|
}
|
|
.my-sm-n12 {
|
|
margin-top: -48px;
|
|
margin-bottom: -48px;
|
|
}
|
|
.my-sm-n13 {
|
|
margin-top: -52px;
|
|
margin-bottom: -52px;
|
|
}
|
|
.my-sm-n14 {
|
|
margin-top: -56px;
|
|
margin-bottom: -56px;
|
|
}
|
|
.my-sm-n15 {
|
|
margin-top: -60px;
|
|
margin-bottom: -60px;
|
|
}
|
|
.my-sm-n16 {
|
|
margin-top: -64px;
|
|
margin-bottom: -64px;
|
|
}
|
|
.mt-sm-n1 {
|
|
margin-top: -4px;
|
|
}
|
|
.mt-sm-n2 {
|
|
margin-top: -8px;
|
|
}
|
|
.mt-sm-n3 {
|
|
margin-top: -12px;
|
|
}
|
|
.mt-sm-n4 {
|
|
margin-top: -16px;
|
|
}
|
|
.mt-sm-n5 {
|
|
margin-top: -20px;
|
|
}
|
|
.mt-sm-n6 {
|
|
margin-top: -24px;
|
|
}
|
|
.mt-sm-n7 {
|
|
margin-top: -28px;
|
|
}
|
|
.mt-sm-n8 {
|
|
margin-top: -32px;
|
|
}
|
|
.mt-sm-n9 {
|
|
margin-top: -36px;
|
|
}
|
|
.mt-sm-n10 {
|
|
margin-top: -40px;
|
|
}
|
|
.mt-sm-n11 {
|
|
margin-top: -44px;
|
|
}
|
|
.mt-sm-n12 {
|
|
margin-top: -48px;
|
|
}
|
|
.mt-sm-n13 {
|
|
margin-top: -52px;
|
|
}
|
|
.mt-sm-n14 {
|
|
margin-top: -56px;
|
|
}
|
|
.mt-sm-n15 {
|
|
margin-top: -60px;
|
|
}
|
|
.mt-sm-n16 {
|
|
margin-top: -64px;
|
|
}
|
|
.mr-sm-n1 {
|
|
margin-right: -4px;
|
|
}
|
|
.mr-sm-n2 {
|
|
margin-right: -8px;
|
|
}
|
|
.mr-sm-n3 {
|
|
margin-right: -12px;
|
|
}
|
|
.mr-sm-n4 {
|
|
margin-right: -16px;
|
|
}
|
|
.mr-sm-n5 {
|
|
margin-right: -20px;
|
|
}
|
|
.mr-sm-n6 {
|
|
margin-right: -24px;
|
|
}
|
|
.mr-sm-n7 {
|
|
margin-right: -28px;
|
|
}
|
|
.mr-sm-n8 {
|
|
margin-right: -32px;
|
|
}
|
|
.mr-sm-n9 {
|
|
margin-right: -36px;
|
|
}
|
|
.mr-sm-n10 {
|
|
margin-right: -40px;
|
|
}
|
|
.mr-sm-n11 {
|
|
margin-right: -44px;
|
|
}
|
|
.mr-sm-n12 {
|
|
margin-right: -48px;
|
|
}
|
|
.mr-sm-n13 {
|
|
margin-right: -52px;
|
|
}
|
|
.mr-sm-n14 {
|
|
margin-right: -56px;
|
|
}
|
|
.mr-sm-n15 {
|
|
margin-right: -60px;
|
|
}
|
|
.mr-sm-n16 {
|
|
margin-right: -64px;
|
|
}
|
|
.mb-sm-n1 {
|
|
margin-bottom: -4px;
|
|
}
|
|
.mb-sm-n2 {
|
|
margin-bottom: -8px;
|
|
}
|
|
.mb-sm-n3 {
|
|
margin-bottom: -12px;
|
|
}
|
|
.mb-sm-n4 {
|
|
margin-bottom: -16px;
|
|
}
|
|
.mb-sm-n5 {
|
|
margin-bottom: -20px;
|
|
}
|
|
.mb-sm-n6 {
|
|
margin-bottom: -24px;
|
|
}
|
|
.mb-sm-n7 {
|
|
margin-bottom: -28px;
|
|
}
|
|
.mb-sm-n8 {
|
|
margin-bottom: -32px;
|
|
}
|
|
.mb-sm-n9 {
|
|
margin-bottom: -36px;
|
|
}
|
|
.mb-sm-n10 {
|
|
margin-bottom: -40px;
|
|
}
|
|
.mb-sm-n11 {
|
|
margin-bottom: -44px;
|
|
}
|
|
.mb-sm-n12 {
|
|
margin-bottom: -48px;
|
|
}
|
|
.mb-sm-n13 {
|
|
margin-bottom: -52px;
|
|
}
|
|
.mb-sm-n14 {
|
|
margin-bottom: -56px;
|
|
}
|
|
.mb-sm-n15 {
|
|
margin-bottom: -60px;
|
|
}
|
|
.mb-sm-n16 {
|
|
margin-bottom: -64px;
|
|
}
|
|
.ml-sm-n1 {
|
|
margin-left: -4px;
|
|
}
|
|
.ml-sm-n2 {
|
|
margin-left: -8px;
|
|
}
|
|
.ml-sm-n3 {
|
|
margin-left: -12px;
|
|
}
|
|
.ml-sm-n4 {
|
|
margin-left: -16px;
|
|
}
|
|
.ml-sm-n5 {
|
|
margin-left: -20px;
|
|
}
|
|
.ml-sm-n6 {
|
|
margin-left: -24px;
|
|
}
|
|
.ml-sm-n7 {
|
|
margin-left: -28px;
|
|
}
|
|
.ml-sm-n8 {
|
|
margin-left: -32px;
|
|
}
|
|
.ml-sm-n9 {
|
|
margin-left: -36px;
|
|
}
|
|
.ml-sm-n10 {
|
|
margin-left: -40px;
|
|
}
|
|
.ml-sm-n11 {
|
|
margin-left: -44px;
|
|
}
|
|
.ml-sm-n12 {
|
|
margin-left: -48px;
|
|
}
|
|
.ml-sm-n13 {
|
|
margin-left: -52px;
|
|
}
|
|
.ml-sm-n14 {
|
|
margin-left: -56px;
|
|
}
|
|
.ml-sm-n15 {
|
|
margin-left: -60px;
|
|
}
|
|
.ml-sm-n16 {
|
|
margin-left: -64px;
|
|
}
|
|
.ms-sm-n1 {
|
|
margin-inline-start: -4px;
|
|
}
|
|
.ms-sm-n2 {
|
|
margin-inline-start: -8px;
|
|
}
|
|
.ms-sm-n3 {
|
|
margin-inline-start: -12px;
|
|
}
|
|
.ms-sm-n4 {
|
|
margin-inline-start: -16px;
|
|
}
|
|
.ms-sm-n5 {
|
|
margin-inline-start: -20px;
|
|
}
|
|
.ms-sm-n6 {
|
|
margin-inline-start: -24px;
|
|
}
|
|
.ms-sm-n7 {
|
|
margin-inline-start: -28px;
|
|
}
|
|
.ms-sm-n8 {
|
|
margin-inline-start: -32px;
|
|
}
|
|
.ms-sm-n9 {
|
|
margin-inline-start: -36px;
|
|
}
|
|
.ms-sm-n10 {
|
|
margin-inline-start: -40px;
|
|
}
|
|
.ms-sm-n11 {
|
|
margin-inline-start: -44px;
|
|
}
|
|
.ms-sm-n12 {
|
|
margin-inline-start: -48px;
|
|
}
|
|
.ms-sm-n13 {
|
|
margin-inline-start: -52px;
|
|
}
|
|
.ms-sm-n14 {
|
|
margin-inline-start: -56px;
|
|
}
|
|
.ms-sm-n15 {
|
|
margin-inline-start: -60px;
|
|
}
|
|
.ms-sm-n16 {
|
|
margin-inline-start: -64px;
|
|
}
|
|
.me-sm-n1 {
|
|
margin-inline-end: -4px;
|
|
}
|
|
.me-sm-n2 {
|
|
margin-inline-end: -8px;
|
|
}
|
|
.me-sm-n3 {
|
|
margin-inline-end: -12px;
|
|
}
|
|
.me-sm-n4 {
|
|
margin-inline-end: -16px;
|
|
}
|
|
.me-sm-n5 {
|
|
margin-inline-end: -20px;
|
|
}
|
|
.me-sm-n6 {
|
|
margin-inline-end: -24px;
|
|
}
|
|
.me-sm-n7 {
|
|
margin-inline-end: -28px;
|
|
}
|
|
.me-sm-n8 {
|
|
margin-inline-end: -32px;
|
|
}
|
|
.me-sm-n9 {
|
|
margin-inline-end: -36px;
|
|
}
|
|
.me-sm-n10 {
|
|
margin-inline-end: -40px;
|
|
}
|
|
.me-sm-n11 {
|
|
margin-inline-end: -44px;
|
|
}
|
|
.me-sm-n12 {
|
|
margin-inline-end: -48px;
|
|
}
|
|
.me-sm-n13 {
|
|
margin-inline-end: -52px;
|
|
}
|
|
.me-sm-n14 {
|
|
margin-inline-end: -56px;
|
|
}
|
|
.me-sm-n15 {
|
|
margin-inline-end: -60px;
|
|
}
|
|
.me-sm-n16 {
|
|
margin-inline-end: -64px;
|
|
}
|
|
.pa-sm-0 {
|
|
padding: 0px;
|
|
}
|
|
.pa-sm-1 {
|
|
padding: 4px;
|
|
}
|
|
.pa-sm-2 {
|
|
padding: 8px;
|
|
}
|
|
.pa-sm-3 {
|
|
padding: 12px;
|
|
}
|
|
.pa-sm-4 {
|
|
padding: 16px;
|
|
}
|
|
.pa-sm-5 {
|
|
padding: 20px;
|
|
}
|
|
.pa-sm-6 {
|
|
padding: 24px;
|
|
}
|
|
.pa-sm-7 {
|
|
padding: 28px;
|
|
}
|
|
.pa-sm-8 {
|
|
padding: 32px;
|
|
}
|
|
.pa-sm-9 {
|
|
padding: 36px;
|
|
}
|
|
.pa-sm-10 {
|
|
padding: 40px;
|
|
}
|
|
.pa-sm-11 {
|
|
padding: 44px;
|
|
}
|
|
.pa-sm-12 {
|
|
padding: 48px;
|
|
}
|
|
.pa-sm-13 {
|
|
padding: 52px;
|
|
}
|
|
.pa-sm-14 {
|
|
padding: 56px;
|
|
}
|
|
.pa-sm-15 {
|
|
padding: 60px;
|
|
}
|
|
.pa-sm-16 {
|
|
padding: 64px;
|
|
}
|
|
.px-sm-0 {
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.px-sm-1 {
|
|
padding-right: 4px;
|
|
padding-left: 4px;
|
|
}
|
|
.px-sm-2 {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
.px-sm-3 {
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
}
|
|
.px-sm-4 {
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
.px-sm-5 {
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.px-sm-6 {
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.px-sm-7 {
|
|
padding-right: 28px;
|
|
padding-left: 28px;
|
|
}
|
|
.px-sm-8 {
|
|
padding-right: 32px;
|
|
padding-left: 32px;
|
|
}
|
|
.px-sm-9 {
|
|
padding-right: 36px;
|
|
padding-left: 36px;
|
|
}
|
|
.px-sm-10 {
|
|
padding-right: 40px;
|
|
padding-left: 40px;
|
|
}
|
|
.px-sm-11 {
|
|
padding-right: 44px;
|
|
padding-left: 44px;
|
|
}
|
|
.px-sm-12 {
|
|
padding-right: 48px;
|
|
padding-left: 48px;
|
|
}
|
|
.px-sm-13 {
|
|
padding-right: 52px;
|
|
padding-left: 52px;
|
|
}
|
|
.px-sm-14 {
|
|
padding-right: 56px;
|
|
padding-left: 56px;
|
|
}
|
|
.px-sm-15 {
|
|
padding-right: 60px;
|
|
padding-left: 60px;
|
|
}
|
|
.px-sm-16 {
|
|
padding-right: 64px;
|
|
padding-left: 64px;
|
|
}
|
|
.py-sm-0 {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.py-sm-1 {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.py-sm-2 {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.py-sm-3 {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.py-sm-4 {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.py-sm-5 {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.py-sm-6 {
|
|
padding-top: 24px;
|
|
padding-bottom: 24px;
|
|
}
|
|
.py-sm-7 {
|
|
padding-top: 28px;
|
|
padding-bottom: 28px;
|
|
}
|
|
.py-sm-8 {
|
|
padding-top: 32px;
|
|
padding-bottom: 32px;
|
|
}
|
|
.py-sm-9 {
|
|
padding-top: 36px;
|
|
padding-bottom: 36px;
|
|
}
|
|
.py-sm-10 {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
}
|
|
.py-sm-11 {
|
|
padding-top: 44px;
|
|
padding-bottom: 44px;
|
|
}
|
|
.py-sm-12 {
|
|
padding-top: 48px;
|
|
padding-bottom: 48px;
|
|
}
|
|
.py-sm-13 {
|
|
padding-top: 52px;
|
|
padding-bottom: 52px;
|
|
}
|
|
.py-sm-14 {
|
|
padding-top: 56px;
|
|
padding-bottom: 56px;
|
|
}
|
|
.py-sm-15 {
|
|
padding-top: 60px;
|
|
padding-bottom: 60px;
|
|
}
|
|
.py-sm-16 {
|
|
padding-top: 64px;
|
|
padding-bottom: 64px;
|
|
}
|
|
.pt-sm-0 {
|
|
padding-top: 0px;
|
|
}
|
|
.pt-sm-1 {
|
|
padding-top: 4px;
|
|
}
|
|
.pt-sm-2 {
|
|
padding-top: 8px;
|
|
}
|
|
.pt-sm-3 {
|
|
padding-top: 12px;
|
|
}
|
|
.pt-sm-4 {
|
|
padding-top: 16px;
|
|
}
|
|
.pt-sm-5 {
|
|
padding-top: 20px;
|
|
}
|
|
.pt-sm-6 {
|
|
padding-top: 24px;
|
|
}
|
|
.pt-sm-7 {
|
|
padding-top: 28px;
|
|
}
|
|
.pt-sm-8 {
|
|
padding-top: 32px;
|
|
}
|
|
.pt-sm-9 {
|
|
padding-top: 36px;
|
|
}
|
|
.pt-sm-10 {
|
|
padding-top: 40px;
|
|
}
|
|
.pt-sm-11 {
|
|
padding-top: 44px;
|
|
}
|
|
.pt-sm-12 {
|
|
padding-top: 48px;
|
|
}
|
|
.pt-sm-13 {
|
|
padding-top: 52px;
|
|
}
|
|
.pt-sm-14 {
|
|
padding-top: 56px;
|
|
}
|
|
.pt-sm-15 {
|
|
padding-top: 60px;
|
|
}
|
|
.pt-sm-16 {
|
|
padding-top: 64px;
|
|
}
|
|
.pr-sm-0 {
|
|
padding-right: 0px;
|
|
}
|
|
.pr-sm-1 {
|
|
padding-right: 4px;
|
|
}
|
|
.pr-sm-2 {
|
|
padding-right: 8px;
|
|
}
|
|
.pr-sm-3 {
|
|
padding-right: 12px;
|
|
}
|
|
.pr-sm-4 {
|
|
padding-right: 16px;
|
|
}
|
|
.pr-sm-5 {
|
|
padding-right: 20px;
|
|
}
|
|
.pr-sm-6 {
|
|
padding-right: 24px;
|
|
}
|
|
.pr-sm-7 {
|
|
padding-right: 28px;
|
|
}
|
|
.pr-sm-8 {
|
|
padding-right: 32px;
|
|
}
|
|
.pr-sm-9 {
|
|
padding-right: 36px;
|
|
}
|
|
.pr-sm-10 {
|
|
padding-right: 40px;
|
|
}
|
|
.pr-sm-11 {
|
|
padding-right: 44px;
|
|
}
|
|
.pr-sm-12 {
|
|
padding-right: 48px;
|
|
}
|
|
.pr-sm-13 {
|
|
padding-right: 52px;
|
|
}
|
|
.pr-sm-14 {
|
|
padding-right: 56px;
|
|
}
|
|
.pr-sm-15 {
|
|
padding-right: 60px;
|
|
}
|
|
.pr-sm-16 {
|
|
padding-right: 64px;
|
|
}
|
|
.pb-sm-0 {
|
|
padding-bottom: 0px;
|
|
}
|
|
.pb-sm-1 {
|
|
padding-bottom: 4px;
|
|
}
|
|
.pb-sm-2 {
|
|
padding-bottom: 8px;
|
|
}
|
|
.pb-sm-3 {
|
|
padding-bottom: 12px;
|
|
}
|
|
.pb-sm-4 {
|
|
padding-bottom: 16px;
|
|
}
|
|
.pb-sm-5 {
|
|
padding-bottom: 20px;
|
|
}
|
|
.pb-sm-6 {
|
|
padding-bottom: 24px;
|
|
}
|
|
.pb-sm-7 {
|
|
padding-bottom: 28px;
|
|
}
|
|
.pb-sm-8 {
|
|
padding-bottom: 32px;
|
|
}
|
|
.pb-sm-9 {
|
|
padding-bottom: 36px;
|
|
}
|
|
.pb-sm-10 {
|
|
padding-bottom: 40px;
|
|
}
|
|
.pb-sm-11 {
|
|
padding-bottom: 44px;
|
|
}
|
|
.pb-sm-12 {
|
|
padding-bottom: 48px;
|
|
}
|
|
.pb-sm-13 {
|
|
padding-bottom: 52px;
|
|
}
|
|
.pb-sm-14 {
|
|
padding-bottom: 56px;
|
|
}
|
|
.pb-sm-15 {
|
|
padding-bottom: 60px;
|
|
}
|
|
.pb-sm-16 {
|
|
padding-bottom: 64px;
|
|
}
|
|
.pl-sm-0 {
|
|
padding-left: 0px;
|
|
}
|
|
.pl-sm-1 {
|
|
padding-left: 4px;
|
|
}
|
|
.pl-sm-2 {
|
|
padding-left: 8px;
|
|
}
|
|
.pl-sm-3 {
|
|
padding-left: 12px;
|
|
}
|
|
.pl-sm-4 {
|
|
padding-left: 16px;
|
|
}
|
|
.pl-sm-5 {
|
|
padding-left: 20px;
|
|
}
|
|
.pl-sm-6 {
|
|
padding-left: 24px;
|
|
}
|
|
.pl-sm-7 {
|
|
padding-left: 28px;
|
|
}
|
|
.pl-sm-8 {
|
|
padding-left: 32px;
|
|
}
|
|
.pl-sm-9 {
|
|
padding-left: 36px;
|
|
}
|
|
.pl-sm-10 {
|
|
padding-left: 40px;
|
|
}
|
|
.pl-sm-11 {
|
|
padding-left: 44px;
|
|
}
|
|
.pl-sm-12 {
|
|
padding-left: 48px;
|
|
}
|
|
.pl-sm-13 {
|
|
padding-left: 52px;
|
|
}
|
|
.pl-sm-14 {
|
|
padding-left: 56px;
|
|
}
|
|
.pl-sm-15 {
|
|
padding-left: 60px;
|
|
}
|
|
.pl-sm-16 {
|
|
padding-left: 64px;
|
|
}
|
|
.ps-sm-0 {
|
|
padding-inline-start: 0px;
|
|
}
|
|
.ps-sm-1 {
|
|
padding-inline-start: 4px;
|
|
}
|
|
.ps-sm-2 {
|
|
padding-inline-start: 8px;
|
|
}
|
|
.ps-sm-3 {
|
|
padding-inline-start: 12px;
|
|
}
|
|
.ps-sm-4 {
|
|
padding-inline-start: 16px;
|
|
}
|
|
.ps-sm-5 {
|
|
padding-inline-start: 20px;
|
|
}
|
|
.ps-sm-6 {
|
|
padding-inline-start: 24px;
|
|
}
|
|
.ps-sm-7 {
|
|
padding-inline-start: 28px;
|
|
}
|
|
.ps-sm-8 {
|
|
padding-inline-start: 32px;
|
|
}
|
|
.ps-sm-9 {
|
|
padding-inline-start: 36px;
|
|
}
|
|
.ps-sm-10 {
|
|
padding-inline-start: 40px;
|
|
}
|
|
.ps-sm-11 {
|
|
padding-inline-start: 44px;
|
|
}
|
|
.ps-sm-12 {
|
|
padding-inline-start: 48px;
|
|
}
|
|
.ps-sm-13 {
|
|
padding-inline-start: 52px;
|
|
}
|
|
.ps-sm-14 {
|
|
padding-inline-start: 56px;
|
|
}
|
|
.ps-sm-15 {
|
|
padding-inline-start: 60px;
|
|
}
|
|
.ps-sm-16 {
|
|
padding-inline-start: 64px;
|
|
}
|
|
.pe-sm-0 {
|
|
padding-inline-end: 0px;
|
|
}
|
|
.pe-sm-1 {
|
|
padding-inline-end: 4px;
|
|
}
|
|
.pe-sm-2 {
|
|
padding-inline-end: 8px;
|
|
}
|
|
.pe-sm-3 {
|
|
padding-inline-end: 12px;
|
|
}
|
|
.pe-sm-4 {
|
|
padding-inline-end: 16px;
|
|
}
|
|
.pe-sm-5 {
|
|
padding-inline-end: 20px;
|
|
}
|
|
.pe-sm-6 {
|
|
padding-inline-end: 24px;
|
|
}
|
|
.pe-sm-7 {
|
|
padding-inline-end: 28px;
|
|
}
|
|
.pe-sm-8 {
|
|
padding-inline-end: 32px;
|
|
}
|
|
.pe-sm-9 {
|
|
padding-inline-end: 36px;
|
|
}
|
|
.pe-sm-10 {
|
|
padding-inline-end: 40px;
|
|
}
|
|
.pe-sm-11 {
|
|
padding-inline-end: 44px;
|
|
}
|
|
.pe-sm-12 {
|
|
padding-inline-end: 48px;
|
|
}
|
|
.pe-sm-13 {
|
|
padding-inline-end: 52px;
|
|
}
|
|
.pe-sm-14 {
|
|
padding-inline-end: 56px;
|
|
}
|
|
.pe-sm-15 {
|
|
padding-inline-end: 60px;
|
|
}
|
|
.pe-sm-16 {
|
|
padding-inline-end: 64px;
|
|
}
|
|
.text-sm-left {
|
|
text-align: left;
|
|
}
|
|
.text-sm-right {
|
|
text-align: right;
|
|
}
|
|
.text-sm-center {
|
|
text-align: center;
|
|
}
|
|
.text-sm-justify {
|
|
text-align: justify;
|
|
}
|
|
.text-sm-start {
|
|
text-align: start;
|
|
}
|
|
.text-sm-end {
|
|
text-align: end;
|
|
}
|
|
.h-sm-auto {
|
|
height: auto;
|
|
}
|
|
.h-sm-screen {
|
|
height: 100vh;
|
|
}
|
|
.h-sm-0 {
|
|
height: 0;
|
|
}
|
|
.h-sm-25 {
|
|
height: 25%;
|
|
}
|
|
.h-sm-50 {
|
|
height: 50%;
|
|
}
|
|
.h-sm-75 {
|
|
height: 75%;
|
|
}
|
|
.h-sm-100 {
|
|
height: 100%;
|
|
}
|
|
.w-sm-auto {
|
|
width: auto;
|
|
}
|
|
.w-sm-0 {
|
|
width: 0;
|
|
}
|
|
.w-sm-25 {
|
|
width: 25%;
|
|
}
|
|
.w-sm-33 {
|
|
width: 33%;
|
|
}
|
|
.w-sm-50 {
|
|
width: 50%;
|
|
}
|
|
.w-sm-66 {
|
|
width: 66%;
|
|
}
|
|
.w-sm-75 {
|
|
width: 75%;
|
|
}
|
|
.w-sm-100 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 840px) {
|
|
.d-md-none {
|
|
display: none;
|
|
}
|
|
.d-md-inline {
|
|
display: inline;
|
|
}
|
|
.d-md-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-md-block {
|
|
display: block;
|
|
}
|
|
.d-md-table {
|
|
display: table;
|
|
}
|
|
.d-md-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-md-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-md-flex {
|
|
display: flex;
|
|
}
|
|
.d-md-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.float-md-none {
|
|
float: none;
|
|
}
|
|
.float-md-left {
|
|
float: left;
|
|
}
|
|
.float-md-right {
|
|
float: right;
|
|
}
|
|
.v-locale--is-rtl .float-md-end {
|
|
float: left;
|
|
}
|
|
.v-locale--is-rtl .float-md-start {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-md-end {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-md-start {
|
|
float: left;
|
|
}
|
|
.flex-md-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-md-1-1 {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-md-1-0 {
|
|
flex: 1 0 auto;
|
|
}
|
|
.flex-md-0-1 {
|
|
flex: 0 1 auto;
|
|
}
|
|
.flex-md-0-0 {
|
|
flex: 0 0 auto;
|
|
}
|
|
.flex-md-1-1-100 {
|
|
flex: 1 1 100%;
|
|
}
|
|
.flex-md-1-0-100 {
|
|
flex: 1 0 100%;
|
|
}
|
|
.flex-md-0-1-100 {
|
|
flex: 0 1 100%;
|
|
}
|
|
.flex-md-0-0-100 {
|
|
flex: 0 0 100%;
|
|
}
|
|
.flex-md-1-1-0 {
|
|
flex: 1 1 0;
|
|
}
|
|
.flex-md-1-0-0 {
|
|
flex: 1 0 0;
|
|
}
|
|
.flex-md-0-1-0 {
|
|
flex: 0 1 0;
|
|
}
|
|
.flex-md-0-0-0 {
|
|
flex: 0 0 0;
|
|
}
|
|
.flex-md-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-md-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-md-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-md-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-md-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-md-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-md-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-md-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-md-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-md-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-md-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-md-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-md-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-md-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-md-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-md-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-md-space-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-md-start {
|
|
justify-items: flex-start;
|
|
}
|
|
.justify-items-md-end {
|
|
justify-items: flex-end;
|
|
}
|
|
.justify-items-md-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-md-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.align-md-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-md-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-md-center {
|
|
align-items: center;
|
|
}
|
|
.align-md-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-md-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-md-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-md-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-md-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-md-space-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-md-space-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-md-space-evenly {
|
|
align-content: space-evenly;
|
|
}
|
|
.align-content-md-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-md-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-md-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-md-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-md-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-md-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-md-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.order-md-first {
|
|
order: -1;
|
|
}
|
|
.order-md-0 {
|
|
order: 0;
|
|
}
|
|
.order-md-1 {
|
|
order: 1;
|
|
}
|
|
.order-md-2 {
|
|
order: 2;
|
|
}
|
|
.order-md-3 {
|
|
order: 3;
|
|
}
|
|
.order-md-4 {
|
|
order: 4;
|
|
}
|
|
.order-md-5 {
|
|
order: 5;
|
|
}
|
|
.order-md-6 {
|
|
order: 6;
|
|
}
|
|
.order-md-7 {
|
|
order: 7;
|
|
}
|
|
.order-md-8 {
|
|
order: 8;
|
|
}
|
|
.order-md-9 {
|
|
order: 9;
|
|
}
|
|
.order-md-10 {
|
|
order: 10;
|
|
}
|
|
.order-md-11 {
|
|
order: 11;
|
|
}
|
|
.order-md-12 {
|
|
order: 12;
|
|
}
|
|
.order-md-last {
|
|
order: 13;
|
|
}
|
|
.ga-md-0 {
|
|
gap: 0px;
|
|
}
|
|
.ga-md-1 {
|
|
gap: 4px;
|
|
}
|
|
.ga-md-2 {
|
|
gap: 8px;
|
|
}
|
|
.ga-md-3 {
|
|
gap: 12px;
|
|
}
|
|
.ga-md-4 {
|
|
gap: 16px;
|
|
}
|
|
.ga-md-5 {
|
|
gap: 20px;
|
|
}
|
|
.ga-md-6 {
|
|
gap: 24px;
|
|
}
|
|
.ga-md-7 {
|
|
gap: 28px;
|
|
}
|
|
.ga-md-8 {
|
|
gap: 32px;
|
|
}
|
|
.ga-md-9 {
|
|
gap: 36px;
|
|
}
|
|
.ga-md-10 {
|
|
gap: 40px;
|
|
}
|
|
.ga-md-11 {
|
|
gap: 44px;
|
|
}
|
|
.ga-md-12 {
|
|
gap: 48px;
|
|
}
|
|
.ga-md-13 {
|
|
gap: 52px;
|
|
}
|
|
.ga-md-14 {
|
|
gap: 56px;
|
|
}
|
|
.ga-md-15 {
|
|
gap: 60px;
|
|
}
|
|
.ga-md-16 {
|
|
gap: 64px;
|
|
}
|
|
.ga-md-auto {
|
|
gap: auto;
|
|
}
|
|
.gr-md-0 {
|
|
row-gap: 0px;
|
|
}
|
|
.gr-md-1 {
|
|
row-gap: 4px;
|
|
}
|
|
.gr-md-2 {
|
|
row-gap: 8px;
|
|
}
|
|
.gr-md-3 {
|
|
row-gap: 12px;
|
|
}
|
|
.gr-md-4 {
|
|
row-gap: 16px;
|
|
}
|
|
.gr-md-5 {
|
|
row-gap: 20px;
|
|
}
|
|
.gr-md-6 {
|
|
row-gap: 24px;
|
|
}
|
|
.gr-md-7 {
|
|
row-gap: 28px;
|
|
}
|
|
.gr-md-8 {
|
|
row-gap: 32px;
|
|
}
|
|
.gr-md-9 {
|
|
row-gap: 36px;
|
|
}
|
|
.gr-md-10 {
|
|
row-gap: 40px;
|
|
}
|
|
.gr-md-11 {
|
|
row-gap: 44px;
|
|
}
|
|
.gr-md-12 {
|
|
row-gap: 48px;
|
|
}
|
|
.gr-md-13 {
|
|
row-gap: 52px;
|
|
}
|
|
.gr-md-14 {
|
|
row-gap: 56px;
|
|
}
|
|
.gr-md-15 {
|
|
row-gap: 60px;
|
|
}
|
|
.gr-md-16 {
|
|
row-gap: 64px;
|
|
}
|
|
.gr-md-auto {
|
|
row-gap: auto;
|
|
}
|
|
.gc-md-0 {
|
|
column-gap: 0px;
|
|
}
|
|
.gc-md-1 {
|
|
column-gap: 4px;
|
|
}
|
|
.gc-md-2 {
|
|
column-gap: 8px;
|
|
}
|
|
.gc-md-3 {
|
|
column-gap: 12px;
|
|
}
|
|
.gc-md-4 {
|
|
column-gap: 16px;
|
|
}
|
|
.gc-md-5 {
|
|
column-gap: 20px;
|
|
}
|
|
.gc-md-6 {
|
|
column-gap: 24px;
|
|
}
|
|
.gc-md-7 {
|
|
column-gap: 28px;
|
|
}
|
|
.gc-md-8 {
|
|
column-gap: 32px;
|
|
}
|
|
.gc-md-9 {
|
|
column-gap: 36px;
|
|
}
|
|
.gc-md-10 {
|
|
column-gap: 40px;
|
|
}
|
|
.gc-md-11 {
|
|
column-gap: 44px;
|
|
}
|
|
.gc-md-12 {
|
|
column-gap: 48px;
|
|
}
|
|
.gc-md-13 {
|
|
column-gap: 52px;
|
|
}
|
|
.gc-md-14 {
|
|
column-gap: 56px;
|
|
}
|
|
.gc-md-15 {
|
|
column-gap: 60px;
|
|
}
|
|
.gc-md-16 {
|
|
column-gap: 64px;
|
|
}
|
|
.gc-md-auto {
|
|
column-gap: auto;
|
|
}
|
|
.ma-md-0 {
|
|
margin: 0px;
|
|
}
|
|
.ma-md-1 {
|
|
margin: 4px;
|
|
}
|
|
.ma-md-2 {
|
|
margin: 8px;
|
|
}
|
|
.ma-md-3 {
|
|
margin: 12px;
|
|
}
|
|
.ma-md-4 {
|
|
margin: 16px;
|
|
}
|
|
.ma-md-5 {
|
|
margin: 20px;
|
|
}
|
|
.ma-md-6 {
|
|
margin: 24px;
|
|
}
|
|
.ma-md-7 {
|
|
margin: 28px;
|
|
}
|
|
.ma-md-8 {
|
|
margin: 32px;
|
|
}
|
|
.ma-md-9 {
|
|
margin: 36px;
|
|
}
|
|
.ma-md-10 {
|
|
margin: 40px;
|
|
}
|
|
.ma-md-11 {
|
|
margin: 44px;
|
|
}
|
|
.ma-md-12 {
|
|
margin: 48px;
|
|
}
|
|
.ma-md-13 {
|
|
margin: 52px;
|
|
}
|
|
.ma-md-14 {
|
|
margin: 56px;
|
|
}
|
|
.ma-md-15 {
|
|
margin: 60px;
|
|
}
|
|
.ma-md-16 {
|
|
margin: 64px;
|
|
}
|
|
.ma-md-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-md-0 {
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
.mx-md-1 {
|
|
margin-right: 4px;
|
|
margin-left: 4px;
|
|
}
|
|
.mx-md-2 {
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
.mx-md-3 {
|
|
margin-right: 12px;
|
|
margin-left: 12px;
|
|
}
|
|
.mx-md-4 {
|
|
margin-right: 16px;
|
|
margin-left: 16px;
|
|
}
|
|
.mx-md-5 {
|
|
margin-right: 20px;
|
|
margin-left: 20px;
|
|
}
|
|
.mx-md-6 {
|
|
margin-right: 24px;
|
|
margin-left: 24px;
|
|
}
|
|
.mx-md-7 {
|
|
margin-right: 28px;
|
|
margin-left: 28px;
|
|
}
|
|
.mx-md-8 {
|
|
margin-right: 32px;
|
|
margin-left: 32px;
|
|
}
|
|
.mx-md-9 {
|
|
margin-right: 36px;
|
|
margin-left: 36px;
|
|
}
|
|
.mx-md-10 {
|
|
margin-right: 40px;
|
|
margin-left: 40px;
|
|
}
|
|
.mx-md-11 {
|
|
margin-right: 44px;
|
|
margin-left: 44px;
|
|
}
|
|
.mx-md-12 {
|
|
margin-right: 48px;
|
|
margin-left: 48px;
|
|
}
|
|
.mx-md-13 {
|
|
margin-right: 52px;
|
|
margin-left: 52px;
|
|
}
|
|
.mx-md-14 {
|
|
margin-right: 56px;
|
|
margin-left: 56px;
|
|
}
|
|
.mx-md-15 {
|
|
margin-right: 60px;
|
|
margin-left: 60px;
|
|
}
|
|
.mx-md-16 {
|
|
margin-right: 64px;
|
|
margin-left: 64px;
|
|
}
|
|
.mx-md-auto {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.my-md-0 {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.my-md-1 {
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.my-md-2 {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.my-md-3 {
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.my-md-4 {
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.my-md-5 {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.my-md-6 {
|
|
margin-top: 24px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.my-md-7 {
|
|
margin-top: 28px;
|
|
margin-bottom: 28px;
|
|
}
|
|
.my-md-8 {
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.my-md-9 {
|
|
margin-top: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
.my-md-10 {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.my-md-11 {
|
|
margin-top: 44px;
|
|
margin-bottom: 44px;
|
|
}
|
|
.my-md-12 {
|
|
margin-top: 48px;
|
|
margin-bottom: 48px;
|
|
}
|
|
.my-md-13 {
|
|
margin-top: 52px;
|
|
margin-bottom: 52px;
|
|
}
|
|
.my-md-14 {
|
|
margin-top: 56px;
|
|
margin-bottom: 56px;
|
|
}
|
|
.my-md-15 {
|
|
margin-top: 60px;
|
|
margin-bottom: 60px;
|
|
}
|
|
.my-md-16 {
|
|
margin-top: 64px;
|
|
margin-bottom: 64px;
|
|
}
|
|
.my-md-auto {
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
.mt-md-0 {
|
|
margin-top: 0px;
|
|
}
|
|
.mt-md-1 {
|
|
margin-top: 4px;
|
|
}
|
|
.mt-md-2 {
|
|
margin-top: 8px;
|
|
}
|
|
.mt-md-3 {
|
|
margin-top: 12px;
|
|
}
|
|
.mt-md-4 {
|
|
margin-top: 16px;
|
|
}
|
|
.mt-md-5 {
|
|
margin-top: 20px;
|
|
}
|
|
.mt-md-6 {
|
|
margin-top: 24px;
|
|
}
|
|
.mt-md-7 {
|
|
margin-top: 28px;
|
|
}
|
|
.mt-md-8 {
|
|
margin-top: 32px;
|
|
}
|
|
.mt-md-9 {
|
|
margin-top: 36px;
|
|
}
|
|
.mt-md-10 {
|
|
margin-top: 40px;
|
|
}
|
|
.mt-md-11 {
|
|
margin-top: 44px;
|
|
}
|
|
.mt-md-12 {
|
|
margin-top: 48px;
|
|
}
|
|
.mt-md-13 {
|
|
margin-top: 52px;
|
|
}
|
|
.mt-md-14 {
|
|
margin-top: 56px;
|
|
}
|
|
.mt-md-15 {
|
|
margin-top: 60px;
|
|
}
|
|
.mt-md-16 {
|
|
margin-top: 64px;
|
|
}
|
|
.mt-md-auto {
|
|
margin-top: auto;
|
|
}
|
|
.mr-md-0 {
|
|
margin-right: 0px;
|
|
}
|
|
.mr-md-1 {
|
|
margin-right: 4px;
|
|
}
|
|
.mr-md-2 {
|
|
margin-right: 8px;
|
|
}
|
|
.mr-md-3 {
|
|
margin-right: 12px;
|
|
}
|
|
.mr-md-4 {
|
|
margin-right: 16px;
|
|
}
|
|
.mr-md-5 {
|
|
margin-right: 20px;
|
|
}
|
|
.mr-md-6 {
|
|
margin-right: 24px;
|
|
}
|
|
.mr-md-7 {
|
|
margin-right: 28px;
|
|
}
|
|
.mr-md-8 {
|
|
margin-right: 32px;
|
|
}
|
|
.mr-md-9 {
|
|
margin-right: 36px;
|
|
}
|
|
.mr-md-10 {
|
|
margin-right: 40px;
|
|
}
|
|
.mr-md-11 {
|
|
margin-right: 44px;
|
|
}
|
|
.mr-md-12 {
|
|
margin-right: 48px;
|
|
}
|
|
.mr-md-13 {
|
|
margin-right: 52px;
|
|
}
|
|
.mr-md-14 {
|
|
margin-right: 56px;
|
|
}
|
|
.mr-md-15 {
|
|
margin-right: 60px;
|
|
}
|
|
.mr-md-16 {
|
|
margin-right: 64px;
|
|
}
|
|
.mr-md-auto {
|
|
margin-right: auto;
|
|
}
|
|
.mb-md-0 {
|
|
margin-bottom: 0px;
|
|
}
|
|
.mb-md-1 {
|
|
margin-bottom: 4px;
|
|
}
|
|
.mb-md-2 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.mb-md-3 {
|
|
margin-bottom: 12px;
|
|
}
|
|
.mb-md-4 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mb-md-5 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-md-6 {
|
|
margin-bottom: 24px;
|
|
}
|
|
.mb-md-7 {
|
|
margin-bottom: 28px;
|
|
}
|
|
.mb-md-8 {
|
|
margin-bottom: 32px;
|
|
}
|
|
.mb-md-9 {
|
|
margin-bottom: 36px;
|
|
}
|
|
.mb-md-10 {
|
|
margin-bottom: 40px;
|
|
}
|
|
.mb-md-11 {
|
|
margin-bottom: 44px;
|
|
}
|
|
.mb-md-12 {
|
|
margin-bottom: 48px;
|
|
}
|
|
.mb-md-13 {
|
|
margin-bottom: 52px;
|
|
}
|
|
.mb-md-14 {
|
|
margin-bottom: 56px;
|
|
}
|
|
.mb-md-15 {
|
|
margin-bottom: 60px;
|
|
}
|
|
.mb-md-16 {
|
|
margin-bottom: 64px;
|
|
}
|
|
.mb-md-auto {
|
|
margin-bottom: auto;
|
|
}
|
|
.ml-md-0 {
|
|
margin-left: 0px;
|
|
}
|
|
.ml-md-1 {
|
|
margin-left: 4px;
|
|
}
|
|
.ml-md-2 {
|
|
margin-left: 8px;
|
|
}
|
|
.ml-md-3 {
|
|
margin-left: 12px;
|
|
}
|
|
.ml-md-4 {
|
|
margin-left: 16px;
|
|
}
|
|
.ml-md-5 {
|
|
margin-left: 20px;
|
|
}
|
|
.ml-md-6 {
|
|
margin-left: 24px;
|
|
}
|
|
.ml-md-7 {
|
|
margin-left: 28px;
|
|
}
|
|
.ml-md-8 {
|
|
margin-left: 32px;
|
|
}
|
|
.ml-md-9 {
|
|
margin-left: 36px;
|
|
}
|
|
.ml-md-10 {
|
|
margin-left: 40px;
|
|
}
|
|
.ml-md-11 {
|
|
margin-left: 44px;
|
|
}
|
|
.ml-md-12 {
|
|
margin-left: 48px;
|
|
}
|
|
.ml-md-13 {
|
|
margin-left: 52px;
|
|
}
|
|
.ml-md-14 {
|
|
margin-left: 56px;
|
|
}
|
|
.ml-md-15 {
|
|
margin-left: 60px;
|
|
}
|
|
.ml-md-16 {
|
|
margin-left: 64px;
|
|
}
|
|
.ml-md-auto {
|
|
margin-left: auto;
|
|
}
|
|
.ms-md-0 {
|
|
margin-inline-start: 0px;
|
|
}
|
|
.ms-md-1 {
|
|
margin-inline-start: 4px;
|
|
}
|
|
.ms-md-2 {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.ms-md-3 {
|
|
margin-inline-start: 12px;
|
|
}
|
|
.ms-md-4 {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.ms-md-5 {
|
|
margin-inline-start: 20px;
|
|
}
|
|
.ms-md-6 {
|
|
margin-inline-start: 24px;
|
|
}
|
|
.ms-md-7 {
|
|
margin-inline-start: 28px;
|
|
}
|
|
.ms-md-8 {
|
|
margin-inline-start: 32px;
|
|
}
|
|
.ms-md-9 {
|
|
margin-inline-start: 36px;
|
|
}
|
|
.ms-md-10 {
|
|
margin-inline-start: 40px;
|
|
}
|
|
.ms-md-11 {
|
|
margin-inline-start: 44px;
|
|
}
|
|
.ms-md-12 {
|
|
margin-inline-start: 48px;
|
|
}
|
|
.ms-md-13 {
|
|
margin-inline-start: 52px;
|
|
}
|
|
.ms-md-14 {
|
|
margin-inline-start: 56px;
|
|
}
|
|
.ms-md-15 {
|
|
margin-inline-start: 60px;
|
|
}
|
|
.ms-md-16 {
|
|
margin-inline-start: 64px;
|
|
}
|
|
.ms-md-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.me-md-0 {
|
|
margin-inline-end: 0px;
|
|
}
|
|
.me-md-1 {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.me-md-2 {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.me-md-3 {
|
|
margin-inline-end: 12px;
|
|
}
|
|
.me-md-4 {
|
|
margin-inline-end: 16px;
|
|
}
|
|
.me-md-5 {
|
|
margin-inline-end: 20px;
|
|
}
|
|
.me-md-6 {
|
|
margin-inline-end: 24px;
|
|
}
|
|
.me-md-7 {
|
|
margin-inline-end: 28px;
|
|
}
|
|
.me-md-8 {
|
|
margin-inline-end: 32px;
|
|
}
|
|
.me-md-9 {
|
|
margin-inline-end: 36px;
|
|
}
|
|
.me-md-10 {
|
|
margin-inline-end: 40px;
|
|
}
|
|
.me-md-11 {
|
|
margin-inline-end: 44px;
|
|
}
|
|
.me-md-12 {
|
|
margin-inline-end: 48px;
|
|
}
|
|
.me-md-13 {
|
|
margin-inline-end: 52px;
|
|
}
|
|
.me-md-14 {
|
|
margin-inline-end: 56px;
|
|
}
|
|
.me-md-15 {
|
|
margin-inline-end: 60px;
|
|
}
|
|
.me-md-16 {
|
|
margin-inline-end: 64px;
|
|
}
|
|
.me-md-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.ma-md-n1 {
|
|
margin: -4px;
|
|
}
|
|
.ma-md-n2 {
|
|
margin: -8px;
|
|
}
|
|
.ma-md-n3 {
|
|
margin: -12px;
|
|
}
|
|
.ma-md-n4 {
|
|
margin: -16px;
|
|
}
|
|
.ma-md-n5 {
|
|
margin: -20px;
|
|
}
|
|
.ma-md-n6 {
|
|
margin: -24px;
|
|
}
|
|
.ma-md-n7 {
|
|
margin: -28px;
|
|
}
|
|
.ma-md-n8 {
|
|
margin: -32px;
|
|
}
|
|
.ma-md-n9 {
|
|
margin: -36px;
|
|
}
|
|
.ma-md-n10 {
|
|
margin: -40px;
|
|
}
|
|
.ma-md-n11 {
|
|
margin: -44px;
|
|
}
|
|
.ma-md-n12 {
|
|
margin: -48px;
|
|
}
|
|
.ma-md-n13 {
|
|
margin: -52px;
|
|
}
|
|
.ma-md-n14 {
|
|
margin: -56px;
|
|
}
|
|
.ma-md-n15 {
|
|
margin: -60px;
|
|
}
|
|
.ma-md-n16 {
|
|
margin: -64px;
|
|
}
|
|
.mx-md-n1 {
|
|
margin-right: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.mx-md-n2 {
|
|
margin-right: -8px;
|
|
margin-left: -8px;
|
|
}
|
|
.mx-md-n3 {
|
|
margin-right: -12px;
|
|
margin-left: -12px;
|
|
}
|
|
.mx-md-n4 {
|
|
margin-right: -16px;
|
|
margin-left: -16px;
|
|
}
|
|
.mx-md-n5 {
|
|
margin-right: -20px;
|
|
margin-left: -20px;
|
|
}
|
|
.mx-md-n6 {
|
|
margin-right: -24px;
|
|
margin-left: -24px;
|
|
}
|
|
.mx-md-n7 {
|
|
margin-right: -28px;
|
|
margin-left: -28px;
|
|
}
|
|
.mx-md-n8 {
|
|
margin-right: -32px;
|
|
margin-left: -32px;
|
|
}
|
|
.mx-md-n9 {
|
|
margin-right: -36px;
|
|
margin-left: -36px;
|
|
}
|
|
.mx-md-n10 {
|
|
margin-right: -40px;
|
|
margin-left: -40px;
|
|
}
|
|
.mx-md-n11 {
|
|
margin-right: -44px;
|
|
margin-left: -44px;
|
|
}
|
|
.mx-md-n12 {
|
|
margin-right: -48px;
|
|
margin-left: -48px;
|
|
}
|
|
.mx-md-n13 {
|
|
margin-right: -52px;
|
|
margin-left: -52px;
|
|
}
|
|
.mx-md-n14 {
|
|
margin-right: -56px;
|
|
margin-left: -56px;
|
|
}
|
|
.mx-md-n15 {
|
|
margin-right: -60px;
|
|
margin-left: -60px;
|
|
}
|
|
.mx-md-n16 {
|
|
margin-right: -64px;
|
|
margin-left: -64px;
|
|
}
|
|
.my-md-n1 {
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
}
|
|
.my-md-n2 {
|
|
margin-top: -8px;
|
|
margin-bottom: -8px;
|
|
}
|
|
.my-md-n3 {
|
|
margin-top: -12px;
|
|
margin-bottom: -12px;
|
|
}
|
|
.my-md-n4 {
|
|
margin-top: -16px;
|
|
margin-bottom: -16px;
|
|
}
|
|
.my-md-n5 {
|
|
margin-top: -20px;
|
|
margin-bottom: -20px;
|
|
}
|
|
.my-md-n6 {
|
|
margin-top: -24px;
|
|
margin-bottom: -24px;
|
|
}
|
|
.my-md-n7 {
|
|
margin-top: -28px;
|
|
margin-bottom: -28px;
|
|
}
|
|
.my-md-n8 {
|
|
margin-top: -32px;
|
|
margin-bottom: -32px;
|
|
}
|
|
.my-md-n9 {
|
|
margin-top: -36px;
|
|
margin-bottom: -36px;
|
|
}
|
|
.my-md-n10 {
|
|
margin-top: -40px;
|
|
margin-bottom: -40px;
|
|
}
|
|
.my-md-n11 {
|
|
margin-top: -44px;
|
|
margin-bottom: -44px;
|
|
}
|
|
.my-md-n12 {
|
|
margin-top: -48px;
|
|
margin-bottom: -48px;
|
|
}
|
|
.my-md-n13 {
|
|
margin-top: -52px;
|
|
margin-bottom: -52px;
|
|
}
|
|
.my-md-n14 {
|
|
margin-top: -56px;
|
|
margin-bottom: -56px;
|
|
}
|
|
.my-md-n15 {
|
|
margin-top: -60px;
|
|
margin-bottom: -60px;
|
|
}
|
|
.my-md-n16 {
|
|
margin-top: -64px;
|
|
margin-bottom: -64px;
|
|
}
|
|
.mt-md-n1 {
|
|
margin-top: -4px;
|
|
}
|
|
.mt-md-n2 {
|
|
margin-top: -8px;
|
|
}
|
|
.mt-md-n3 {
|
|
margin-top: -12px;
|
|
}
|
|
.mt-md-n4 {
|
|
margin-top: -16px;
|
|
}
|
|
.mt-md-n5 {
|
|
margin-top: -20px;
|
|
}
|
|
.mt-md-n6 {
|
|
margin-top: -24px;
|
|
}
|
|
.mt-md-n7 {
|
|
margin-top: -28px;
|
|
}
|
|
.mt-md-n8 {
|
|
margin-top: -32px;
|
|
}
|
|
.mt-md-n9 {
|
|
margin-top: -36px;
|
|
}
|
|
.mt-md-n10 {
|
|
margin-top: -40px;
|
|
}
|
|
.mt-md-n11 {
|
|
margin-top: -44px;
|
|
}
|
|
.mt-md-n12 {
|
|
margin-top: -48px;
|
|
}
|
|
.mt-md-n13 {
|
|
margin-top: -52px;
|
|
}
|
|
.mt-md-n14 {
|
|
margin-top: -56px;
|
|
}
|
|
.mt-md-n15 {
|
|
margin-top: -60px;
|
|
}
|
|
.mt-md-n16 {
|
|
margin-top: -64px;
|
|
}
|
|
.mr-md-n1 {
|
|
margin-right: -4px;
|
|
}
|
|
.mr-md-n2 {
|
|
margin-right: -8px;
|
|
}
|
|
.mr-md-n3 {
|
|
margin-right: -12px;
|
|
}
|
|
.mr-md-n4 {
|
|
margin-right: -16px;
|
|
}
|
|
.mr-md-n5 {
|
|
margin-right: -20px;
|
|
}
|
|
.mr-md-n6 {
|
|
margin-right: -24px;
|
|
}
|
|
.mr-md-n7 {
|
|
margin-right: -28px;
|
|
}
|
|
.mr-md-n8 {
|
|
margin-right: -32px;
|
|
}
|
|
.mr-md-n9 {
|
|
margin-right: -36px;
|
|
}
|
|
.mr-md-n10 {
|
|
margin-right: -40px;
|
|
}
|
|
.mr-md-n11 {
|
|
margin-right: -44px;
|
|
}
|
|
.mr-md-n12 {
|
|
margin-right: -48px;
|
|
}
|
|
.mr-md-n13 {
|
|
margin-right: -52px;
|
|
}
|
|
.mr-md-n14 {
|
|
margin-right: -56px;
|
|
}
|
|
.mr-md-n15 {
|
|
margin-right: -60px;
|
|
}
|
|
.mr-md-n16 {
|
|
margin-right: -64px;
|
|
}
|
|
.mb-md-n1 {
|
|
margin-bottom: -4px;
|
|
}
|
|
.mb-md-n2 {
|
|
margin-bottom: -8px;
|
|
}
|
|
.mb-md-n3 {
|
|
margin-bottom: -12px;
|
|
}
|
|
.mb-md-n4 {
|
|
margin-bottom: -16px;
|
|
}
|
|
.mb-md-n5 {
|
|
margin-bottom: -20px;
|
|
}
|
|
.mb-md-n6 {
|
|
margin-bottom: -24px;
|
|
}
|
|
.mb-md-n7 {
|
|
margin-bottom: -28px;
|
|
}
|
|
.mb-md-n8 {
|
|
margin-bottom: -32px;
|
|
}
|
|
.mb-md-n9 {
|
|
margin-bottom: -36px;
|
|
}
|
|
.mb-md-n10 {
|
|
margin-bottom: -40px;
|
|
}
|
|
.mb-md-n11 {
|
|
margin-bottom: -44px;
|
|
}
|
|
.mb-md-n12 {
|
|
margin-bottom: -48px;
|
|
}
|
|
.mb-md-n13 {
|
|
margin-bottom: -52px;
|
|
}
|
|
.mb-md-n14 {
|
|
margin-bottom: -56px;
|
|
}
|
|
.mb-md-n15 {
|
|
margin-bottom: -60px;
|
|
}
|
|
.mb-md-n16 {
|
|
margin-bottom: -64px;
|
|
}
|
|
.ml-md-n1 {
|
|
margin-left: -4px;
|
|
}
|
|
.ml-md-n2 {
|
|
margin-left: -8px;
|
|
}
|
|
.ml-md-n3 {
|
|
margin-left: -12px;
|
|
}
|
|
.ml-md-n4 {
|
|
margin-left: -16px;
|
|
}
|
|
.ml-md-n5 {
|
|
margin-left: -20px;
|
|
}
|
|
.ml-md-n6 {
|
|
margin-left: -24px;
|
|
}
|
|
.ml-md-n7 {
|
|
margin-left: -28px;
|
|
}
|
|
.ml-md-n8 {
|
|
margin-left: -32px;
|
|
}
|
|
.ml-md-n9 {
|
|
margin-left: -36px;
|
|
}
|
|
.ml-md-n10 {
|
|
margin-left: -40px;
|
|
}
|
|
.ml-md-n11 {
|
|
margin-left: -44px;
|
|
}
|
|
.ml-md-n12 {
|
|
margin-left: -48px;
|
|
}
|
|
.ml-md-n13 {
|
|
margin-left: -52px;
|
|
}
|
|
.ml-md-n14 {
|
|
margin-left: -56px;
|
|
}
|
|
.ml-md-n15 {
|
|
margin-left: -60px;
|
|
}
|
|
.ml-md-n16 {
|
|
margin-left: -64px;
|
|
}
|
|
.ms-md-n1 {
|
|
margin-inline-start: -4px;
|
|
}
|
|
.ms-md-n2 {
|
|
margin-inline-start: -8px;
|
|
}
|
|
.ms-md-n3 {
|
|
margin-inline-start: -12px;
|
|
}
|
|
.ms-md-n4 {
|
|
margin-inline-start: -16px;
|
|
}
|
|
.ms-md-n5 {
|
|
margin-inline-start: -20px;
|
|
}
|
|
.ms-md-n6 {
|
|
margin-inline-start: -24px;
|
|
}
|
|
.ms-md-n7 {
|
|
margin-inline-start: -28px;
|
|
}
|
|
.ms-md-n8 {
|
|
margin-inline-start: -32px;
|
|
}
|
|
.ms-md-n9 {
|
|
margin-inline-start: -36px;
|
|
}
|
|
.ms-md-n10 {
|
|
margin-inline-start: -40px;
|
|
}
|
|
.ms-md-n11 {
|
|
margin-inline-start: -44px;
|
|
}
|
|
.ms-md-n12 {
|
|
margin-inline-start: -48px;
|
|
}
|
|
.ms-md-n13 {
|
|
margin-inline-start: -52px;
|
|
}
|
|
.ms-md-n14 {
|
|
margin-inline-start: -56px;
|
|
}
|
|
.ms-md-n15 {
|
|
margin-inline-start: -60px;
|
|
}
|
|
.ms-md-n16 {
|
|
margin-inline-start: -64px;
|
|
}
|
|
.me-md-n1 {
|
|
margin-inline-end: -4px;
|
|
}
|
|
.me-md-n2 {
|
|
margin-inline-end: -8px;
|
|
}
|
|
.me-md-n3 {
|
|
margin-inline-end: -12px;
|
|
}
|
|
.me-md-n4 {
|
|
margin-inline-end: -16px;
|
|
}
|
|
.me-md-n5 {
|
|
margin-inline-end: -20px;
|
|
}
|
|
.me-md-n6 {
|
|
margin-inline-end: -24px;
|
|
}
|
|
.me-md-n7 {
|
|
margin-inline-end: -28px;
|
|
}
|
|
.me-md-n8 {
|
|
margin-inline-end: -32px;
|
|
}
|
|
.me-md-n9 {
|
|
margin-inline-end: -36px;
|
|
}
|
|
.me-md-n10 {
|
|
margin-inline-end: -40px;
|
|
}
|
|
.me-md-n11 {
|
|
margin-inline-end: -44px;
|
|
}
|
|
.me-md-n12 {
|
|
margin-inline-end: -48px;
|
|
}
|
|
.me-md-n13 {
|
|
margin-inline-end: -52px;
|
|
}
|
|
.me-md-n14 {
|
|
margin-inline-end: -56px;
|
|
}
|
|
.me-md-n15 {
|
|
margin-inline-end: -60px;
|
|
}
|
|
.me-md-n16 {
|
|
margin-inline-end: -64px;
|
|
}
|
|
.pa-md-0 {
|
|
padding: 0px;
|
|
}
|
|
.pa-md-1 {
|
|
padding: 4px;
|
|
}
|
|
.pa-md-2 {
|
|
padding: 8px;
|
|
}
|
|
.pa-md-3 {
|
|
padding: 12px;
|
|
}
|
|
.pa-md-4 {
|
|
padding: 16px;
|
|
}
|
|
.pa-md-5 {
|
|
padding: 20px;
|
|
}
|
|
.pa-md-6 {
|
|
padding: 24px;
|
|
}
|
|
.pa-md-7 {
|
|
padding: 28px;
|
|
}
|
|
.pa-md-8 {
|
|
padding: 32px;
|
|
}
|
|
.pa-md-9 {
|
|
padding: 36px;
|
|
}
|
|
.pa-md-10 {
|
|
padding: 40px;
|
|
}
|
|
.pa-md-11 {
|
|
padding: 44px;
|
|
}
|
|
.pa-md-12 {
|
|
padding: 48px;
|
|
}
|
|
.pa-md-13 {
|
|
padding: 52px;
|
|
}
|
|
.pa-md-14 {
|
|
padding: 56px;
|
|
}
|
|
.pa-md-15 {
|
|
padding: 60px;
|
|
}
|
|
.pa-md-16 {
|
|
padding: 64px;
|
|
}
|
|
.px-md-0 {
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.px-md-1 {
|
|
padding-right: 4px;
|
|
padding-left: 4px;
|
|
}
|
|
.px-md-2 {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
.px-md-3 {
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
}
|
|
.px-md-4 {
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
.px-md-5 {
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.px-md-6 {
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.px-md-7 {
|
|
padding-right: 28px;
|
|
padding-left: 28px;
|
|
}
|
|
.px-md-8 {
|
|
padding-right: 32px;
|
|
padding-left: 32px;
|
|
}
|
|
.px-md-9 {
|
|
padding-right: 36px;
|
|
padding-left: 36px;
|
|
}
|
|
.px-md-10 {
|
|
padding-right: 40px;
|
|
padding-left: 40px;
|
|
}
|
|
.px-md-11 {
|
|
padding-right: 44px;
|
|
padding-left: 44px;
|
|
}
|
|
.px-md-12 {
|
|
padding-right: 48px;
|
|
padding-left: 48px;
|
|
}
|
|
.px-md-13 {
|
|
padding-right: 52px;
|
|
padding-left: 52px;
|
|
}
|
|
.px-md-14 {
|
|
padding-right: 56px;
|
|
padding-left: 56px;
|
|
}
|
|
.px-md-15 {
|
|
padding-right: 60px;
|
|
padding-left: 60px;
|
|
}
|
|
.px-md-16 {
|
|
padding-right: 64px;
|
|
padding-left: 64px;
|
|
}
|
|
.py-md-0 {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.py-md-1 {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.py-md-2 {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.py-md-3 {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.py-md-4 {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.py-md-5 {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.py-md-6 {
|
|
padding-top: 24px;
|
|
padding-bottom: 24px;
|
|
}
|
|
.py-md-7 {
|
|
padding-top: 28px;
|
|
padding-bottom: 28px;
|
|
}
|
|
.py-md-8 {
|
|
padding-top: 32px;
|
|
padding-bottom: 32px;
|
|
}
|
|
.py-md-9 {
|
|
padding-top: 36px;
|
|
padding-bottom: 36px;
|
|
}
|
|
.py-md-10 {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
}
|
|
.py-md-11 {
|
|
padding-top: 44px;
|
|
padding-bottom: 44px;
|
|
}
|
|
.py-md-12 {
|
|
padding-top: 48px;
|
|
padding-bottom: 48px;
|
|
}
|
|
.py-md-13 {
|
|
padding-top: 52px;
|
|
padding-bottom: 52px;
|
|
}
|
|
.py-md-14 {
|
|
padding-top: 56px;
|
|
padding-bottom: 56px;
|
|
}
|
|
.py-md-15 {
|
|
padding-top: 60px;
|
|
padding-bottom: 60px;
|
|
}
|
|
.py-md-16 {
|
|
padding-top: 64px;
|
|
padding-bottom: 64px;
|
|
}
|
|
.pt-md-0 {
|
|
padding-top: 0px;
|
|
}
|
|
.pt-md-1 {
|
|
padding-top: 4px;
|
|
}
|
|
.pt-md-2 {
|
|
padding-top: 8px;
|
|
}
|
|
.pt-md-3 {
|
|
padding-top: 12px;
|
|
}
|
|
.pt-md-4 {
|
|
padding-top: 16px;
|
|
}
|
|
.pt-md-5 {
|
|
padding-top: 20px;
|
|
}
|
|
.pt-md-6 {
|
|
padding-top: 24px;
|
|
}
|
|
.pt-md-7 {
|
|
padding-top: 28px;
|
|
}
|
|
.pt-md-8 {
|
|
padding-top: 32px;
|
|
}
|
|
.pt-md-9 {
|
|
padding-top: 36px;
|
|
}
|
|
.pt-md-10 {
|
|
padding-top: 40px;
|
|
}
|
|
.pt-md-11 {
|
|
padding-top: 44px;
|
|
}
|
|
.pt-md-12 {
|
|
padding-top: 48px;
|
|
}
|
|
.pt-md-13 {
|
|
padding-top: 52px;
|
|
}
|
|
.pt-md-14 {
|
|
padding-top: 56px;
|
|
}
|
|
.pt-md-15 {
|
|
padding-top: 60px;
|
|
}
|
|
.pt-md-16 {
|
|
padding-top: 64px;
|
|
}
|
|
.pr-md-0 {
|
|
padding-right: 0px;
|
|
}
|
|
.pr-md-1 {
|
|
padding-right: 4px;
|
|
}
|
|
.pr-md-2 {
|
|
padding-right: 8px;
|
|
}
|
|
.pr-md-3 {
|
|
padding-right: 12px;
|
|
}
|
|
.pr-md-4 {
|
|
padding-right: 16px;
|
|
}
|
|
.pr-md-5 {
|
|
padding-right: 20px;
|
|
}
|
|
.pr-md-6 {
|
|
padding-right: 24px;
|
|
}
|
|
.pr-md-7 {
|
|
padding-right: 28px;
|
|
}
|
|
.pr-md-8 {
|
|
padding-right: 32px;
|
|
}
|
|
.pr-md-9 {
|
|
padding-right: 36px;
|
|
}
|
|
.pr-md-10 {
|
|
padding-right: 40px;
|
|
}
|
|
.pr-md-11 {
|
|
padding-right: 44px;
|
|
}
|
|
.pr-md-12 {
|
|
padding-right: 48px;
|
|
}
|
|
.pr-md-13 {
|
|
padding-right: 52px;
|
|
}
|
|
.pr-md-14 {
|
|
padding-right: 56px;
|
|
}
|
|
.pr-md-15 {
|
|
padding-right: 60px;
|
|
}
|
|
.pr-md-16 {
|
|
padding-right: 64px;
|
|
}
|
|
.pb-md-0 {
|
|
padding-bottom: 0px;
|
|
}
|
|
.pb-md-1 {
|
|
padding-bottom: 4px;
|
|
}
|
|
.pb-md-2 {
|
|
padding-bottom: 8px;
|
|
}
|
|
.pb-md-3 {
|
|
padding-bottom: 12px;
|
|
}
|
|
.pb-md-4 {
|
|
padding-bottom: 16px;
|
|
}
|
|
.pb-md-5 {
|
|
padding-bottom: 20px;
|
|
}
|
|
.pb-md-6 {
|
|
padding-bottom: 24px;
|
|
}
|
|
.pb-md-7 {
|
|
padding-bottom: 28px;
|
|
}
|
|
.pb-md-8 {
|
|
padding-bottom: 32px;
|
|
}
|
|
.pb-md-9 {
|
|
padding-bottom: 36px;
|
|
}
|
|
.pb-md-10 {
|
|
padding-bottom: 40px;
|
|
}
|
|
.pb-md-11 {
|
|
padding-bottom: 44px;
|
|
}
|
|
.pb-md-12 {
|
|
padding-bottom: 48px;
|
|
}
|
|
.pb-md-13 {
|
|
padding-bottom: 52px;
|
|
}
|
|
.pb-md-14 {
|
|
padding-bottom: 56px;
|
|
}
|
|
.pb-md-15 {
|
|
padding-bottom: 60px;
|
|
}
|
|
.pb-md-16 {
|
|
padding-bottom: 64px;
|
|
}
|
|
.pl-md-0 {
|
|
padding-left: 0px;
|
|
}
|
|
.pl-md-1 {
|
|
padding-left: 4px;
|
|
}
|
|
.pl-md-2 {
|
|
padding-left: 8px;
|
|
}
|
|
.pl-md-3 {
|
|
padding-left: 12px;
|
|
}
|
|
.pl-md-4 {
|
|
padding-left: 16px;
|
|
}
|
|
.pl-md-5 {
|
|
padding-left: 20px;
|
|
}
|
|
.pl-md-6 {
|
|
padding-left: 24px;
|
|
}
|
|
.pl-md-7 {
|
|
padding-left: 28px;
|
|
}
|
|
.pl-md-8 {
|
|
padding-left: 32px;
|
|
}
|
|
.pl-md-9 {
|
|
padding-left: 36px;
|
|
}
|
|
.pl-md-10 {
|
|
padding-left: 40px;
|
|
}
|
|
.pl-md-11 {
|
|
padding-left: 44px;
|
|
}
|
|
.pl-md-12 {
|
|
padding-left: 48px;
|
|
}
|
|
.pl-md-13 {
|
|
padding-left: 52px;
|
|
}
|
|
.pl-md-14 {
|
|
padding-left: 56px;
|
|
}
|
|
.pl-md-15 {
|
|
padding-left: 60px;
|
|
}
|
|
.pl-md-16 {
|
|
padding-left: 64px;
|
|
}
|
|
.ps-md-0 {
|
|
padding-inline-start: 0px;
|
|
}
|
|
.ps-md-1 {
|
|
padding-inline-start: 4px;
|
|
}
|
|
.ps-md-2 {
|
|
padding-inline-start: 8px;
|
|
}
|
|
.ps-md-3 {
|
|
padding-inline-start: 12px;
|
|
}
|
|
.ps-md-4 {
|
|
padding-inline-start: 16px;
|
|
}
|
|
.ps-md-5 {
|
|
padding-inline-start: 20px;
|
|
}
|
|
.ps-md-6 {
|
|
padding-inline-start: 24px;
|
|
}
|
|
.ps-md-7 {
|
|
padding-inline-start: 28px;
|
|
}
|
|
.ps-md-8 {
|
|
padding-inline-start: 32px;
|
|
}
|
|
.ps-md-9 {
|
|
padding-inline-start: 36px;
|
|
}
|
|
.ps-md-10 {
|
|
padding-inline-start: 40px;
|
|
}
|
|
.ps-md-11 {
|
|
padding-inline-start: 44px;
|
|
}
|
|
.ps-md-12 {
|
|
padding-inline-start: 48px;
|
|
}
|
|
.ps-md-13 {
|
|
padding-inline-start: 52px;
|
|
}
|
|
.ps-md-14 {
|
|
padding-inline-start: 56px;
|
|
}
|
|
.ps-md-15 {
|
|
padding-inline-start: 60px;
|
|
}
|
|
.ps-md-16 {
|
|
padding-inline-start: 64px;
|
|
}
|
|
.pe-md-0 {
|
|
padding-inline-end: 0px;
|
|
}
|
|
.pe-md-1 {
|
|
padding-inline-end: 4px;
|
|
}
|
|
.pe-md-2 {
|
|
padding-inline-end: 8px;
|
|
}
|
|
.pe-md-3 {
|
|
padding-inline-end: 12px;
|
|
}
|
|
.pe-md-4 {
|
|
padding-inline-end: 16px;
|
|
}
|
|
.pe-md-5 {
|
|
padding-inline-end: 20px;
|
|
}
|
|
.pe-md-6 {
|
|
padding-inline-end: 24px;
|
|
}
|
|
.pe-md-7 {
|
|
padding-inline-end: 28px;
|
|
}
|
|
.pe-md-8 {
|
|
padding-inline-end: 32px;
|
|
}
|
|
.pe-md-9 {
|
|
padding-inline-end: 36px;
|
|
}
|
|
.pe-md-10 {
|
|
padding-inline-end: 40px;
|
|
}
|
|
.pe-md-11 {
|
|
padding-inline-end: 44px;
|
|
}
|
|
.pe-md-12 {
|
|
padding-inline-end: 48px;
|
|
}
|
|
.pe-md-13 {
|
|
padding-inline-end: 52px;
|
|
}
|
|
.pe-md-14 {
|
|
padding-inline-end: 56px;
|
|
}
|
|
.pe-md-15 {
|
|
padding-inline-end: 60px;
|
|
}
|
|
.pe-md-16 {
|
|
padding-inline-end: 64px;
|
|
}
|
|
.text-md-left {
|
|
text-align: left;
|
|
}
|
|
.text-md-right {
|
|
text-align: right;
|
|
}
|
|
.text-md-center {
|
|
text-align: center;
|
|
}
|
|
.text-md-justify {
|
|
text-align: justify;
|
|
}
|
|
.text-md-start {
|
|
text-align: start;
|
|
}
|
|
.text-md-end {
|
|
text-align: end;
|
|
}
|
|
.h-md-auto {
|
|
height: auto;
|
|
}
|
|
.h-md-screen {
|
|
height: 100vh;
|
|
}
|
|
.h-md-0 {
|
|
height: 0;
|
|
}
|
|
.h-md-25 {
|
|
height: 25%;
|
|
}
|
|
.h-md-50 {
|
|
height: 50%;
|
|
}
|
|
.h-md-75 {
|
|
height: 75%;
|
|
}
|
|
.h-md-100 {
|
|
height: 100%;
|
|
}
|
|
.w-md-auto {
|
|
width: auto;
|
|
}
|
|
.w-md-0 {
|
|
width: 0;
|
|
}
|
|
.w-md-25 {
|
|
width: 25%;
|
|
}
|
|
.w-md-33 {
|
|
width: 33%;
|
|
}
|
|
.w-md-50 {
|
|
width: 50%;
|
|
}
|
|
.w-md-66 {
|
|
width: 66%;
|
|
}
|
|
.w-md-75 {
|
|
width: 75%;
|
|
}
|
|
.w-md-100 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 1145px) {
|
|
.d-lg-none {
|
|
display: none;
|
|
}
|
|
.d-lg-inline {
|
|
display: inline;
|
|
}
|
|
.d-lg-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-lg-block {
|
|
display: block;
|
|
}
|
|
.d-lg-table {
|
|
display: table;
|
|
}
|
|
.d-lg-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-lg-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-lg-flex {
|
|
display: flex;
|
|
}
|
|
.d-lg-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.float-lg-none {
|
|
float: none;
|
|
}
|
|
.float-lg-left {
|
|
float: left;
|
|
}
|
|
.float-lg-right {
|
|
float: right;
|
|
}
|
|
.v-locale--is-rtl .float-lg-end {
|
|
float: left;
|
|
}
|
|
.v-locale--is-rtl .float-lg-start {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-lg-end {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-lg-start {
|
|
float: left;
|
|
}
|
|
.flex-lg-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-lg-1-1 {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-lg-1-0 {
|
|
flex: 1 0 auto;
|
|
}
|
|
.flex-lg-0-1 {
|
|
flex: 0 1 auto;
|
|
}
|
|
.flex-lg-0-0 {
|
|
flex: 0 0 auto;
|
|
}
|
|
.flex-lg-1-1-100 {
|
|
flex: 1 1 100%;
|
|
}
|
|
.flex-lg-1-0-100 {
|
|
flex: 1 0 100%;
|
|
}
|
|
.flex-lg-0-1-100 {
|
|
flex: 0 1 100%;
|
|
}
|
|
.flex-lg-0-0-100 {
|
|
flex: 0 0 100%;
|
|
}
|
|
.flex-lg-1-1-0 {
|
|
flex: 1 1 0;
|
|
}
|
|
.flex-lg-1-0-0 {
|
|
flex: 1 0 0;
|
|
}
|
|
.flex-lg-0-1-0 {
|
|
flex: 0 1 0;
|
|
}
|
|
.flex-lg-0-0-0 {
|
|
flex: 0 0 0;
|
|
}
|
|
.flex-lg-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-lg-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-lg-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-lg-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-lg-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-lg-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-lg-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-lg-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-lg-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-lg-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-lg-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-lg-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-lg-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-lg-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-lg-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-lg-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-lg-space-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-lg-start {
|
|
justify-items: flex-start;
|
|
}
|
|
.justify-items-lg-end {
|
|
justify-items: flex-end;
|
|
}
|
|
.justify-items-lg-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-lg-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.align-lg-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-lg-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-lg-center {
|
|
align-items: center;
|
|
}
|
|
.align-lg-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-lg-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-lg-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-lg-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-lg-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-lg-space-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-lg-space-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-lg-space-evenly {
|
|
align-content: space-evenly;
|
|
}
|
|
.align-content-lg-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-lg-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-lg-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-lg-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-lg-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-lg-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-lg-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.order-lg-first {
|
|
order: -1;
|
|
}
|
|
.order-lg-0 {
|
|
order: 0;
|
|
}
|
|
.order-lg-1 {
|
|
order: 1;
|
|
}
|
|
.order-lg-2 {
|
|
order: 2;
|
|
}
|
|
.order-lg-3 {
|
|
order: 3;
|
|
}
|
|
.order-lg-4 {
|
|
order: 4;
|
|
}
|
|
.order-lg-5 {
|
|
order: 5;
|
|
}
|
|
.order-lg-6 {
|
|
order: 6;
|
|
}
|
|
.order-lg-7 {
|
|
order: 7;
|
|
}
|
|
.order-lg-8 {
|
|
order: 8;
|
|
}
|
|
.order-lg-9 {
|
|
order: 9;
|
|
}
|
|
.order-lg-10 {
|
|
order: 10;
|
|
}
|
|
.order-lg-11 {
|
|
order: 11;
|
|
}
|
|
.order-lg-12 {
|
|
order: 12;
|
|
}
|
|
.order-lg-last {
|
|
order: 13;
|
|
}
|
|
.ga-lg-0 {
|
|
gap: 0px;
|
|
}
|
|
.ga-lg-1 {
|
|
gap: 4px;
|
|
}
|
|
.ga-lg-2 {
|
|
gap: 8px;
|
|
}
|
|
.ga-lg-3 {
|
|
gap: 12px;
|
|
}
|
|
.ga-lg-4 {
|
|
gap: 16px;
|
|
}
|
|
.ga-lg-5 {
|
|
gap: 20px;
|
|
}
|
|
.ga-lg-6 {
|
|
gap: 24px;
|
|
}
|
|
.ga-lg-7 {
|
|
gap: 28px;
|
|
}
|
|
.ga-lg-8 {
|
|
gap: 32px;
|
|
}
|
|
.ga-lg-9 {
|
|
gap: 36px;
|
|
}
|
|
.ga-lg-10 {
|
|
gap: 40px;
|
|
}
|
|
.ga-lg-11 {
|
|
gap: 44px;
|
|
}
|
|
.ga-lg-12 {
|
|
gap: 48px;
|
|
}
|
|
.ga-lg-13 {
|
|
gap: 52px;
|
|
}
|
|
.ga-lg-14 {
|
|
gap: 56px;
|
|
}
|
|
.ga-lg-15 {
|
|
gap: 60px;
|
|
}
|
|
.ga-lg-16 {
|
|
gap: 64px;
|
|
}
|
|
.ga-lg-auto {
|
|
gap: auto;
|
|
}
|
|
.gr-lg-0 {
|
|
row-gap: 0px;
|
|
}
|
|
.gr-lg-1 {
|
|
row-gap: 4px;
|
|
}
|
|
.gr-lg-2 {
|
|
row-gap: 8px;
|
|
}
|
|
.gr-lg-3 {
|
|
row-gap: 12px;
|
|
}
|
|
.gr-lg-4 {
|
|
row-gap: 16px;
|
|
}
|
|
.gr-lg-5 {
|
|
row-gap: 20px;
|
|
}
|
|
.gr-lg-6 {
|
|
row-gap: 24px;
|
|
}
|
|
.gr-lg-7 {
|
|
row-gap: 28px;
|
|
}
|
|
.gr-lg-8 {
|
|
row-gap: 32px;
|
|
}
|
|
.gr-lg-9 {
|
|
row-gap: 36px;
|
|
}
|
|
.gr-lg-10 {
|
|
row-gap: 40px;
|
|
}
|
|
.gr-lg-11 {
|
|
row-gap: 44px;
|
|
}
|
|
.gr-lg-12 {
|
|
row-gap: 48px;
|
|
}
|
|
.gr-lg-13 {
|
|
row-gap: 52px;
|
|
}
|
|
.gr-lg-14 {
|
|
row-gap: 56px;
|
|
}
|
|
.gr-lg-15 {
|
|
row-gap: 60px;
|
|
}
|
|
.gr-lg-16 {
|
|
row-gap: 64px;
|
|
}
|
|
.gr-lg-auto {
|
|
row-gap: auto;
|
|
}
|
|
.gc-lg-0 {
|
|
column-gap: 0px;
|
|
}
|
|
.gc-lg-1 {
|
|
column-gap: 4px;
|
|
}
|
|
.gc-lg-2 {
|
|
column-gap: 8px;
|
|
}
|
|
.gc-lg-3 {
|
|
column-gap: 12px;
|
|
}
|
|
.gc-lg-4 {
|
|
column-gap: 16px;
|
|
}
|
|
.gc-lg-5 {
|
|
column-gap: 20px;
|
|
}
|
|
.gc-lg-6 {
|
|
column-gap: 24px;
|
|
}
|
|
.gc-lg-7 {
|
|
column-gap: 28px;
|
|
}
|
|
.gc-lg-8 {
|
|
column-gap: 32px;
|
|
}
|
|
.gc-lg-9 {
|
|
column-gap: 36px;
|
|
}
|
|
.gc-lg-10 {
|
|
column-gap: 40px;
|
|
}
|
|
.gc-lg-11 {
|
|
column-gap: 44px;
|
|
}
|
|
.gc-lg-12 {
|
|
column-gap: 48px;
|
|
}
|
|
.gc-lg-13 {
|
|
column-gap: 52px;
|
|
}
|
|
.gc-lg-14 {
|
|
column-gap: 56px;
|
|
}
|
|
.gc-lg-15 {
|
|
column-gap: 60px;
|
|
}
|
|
.gc-lg-16 {
|
|
column-gap: 64px;
|
|
}
|
|
.gc-lg-auto {
|
|
column-gap: auto;
|
|
}
|
|
.ma-lg-0 {
|
|
margin: 0px;
|
|
}
|
|
.ma-lg-1 {
|
|
margin: 4px;
|
|
}
|
|
.ma-lg-2 {
|
|
margin: 8px;
|
|
}
|
|
.ma-lg-3 {
|
|
margin: 12px;
|
|
}
|
|
.ma-lg-4 {
|
|
margin: 16px;
|
|
}
|
|
.ma-lg-5 {
|
|
margin: 20px;
|
|
}
|
|
.ma-lg-6 {
|
|
margin: 24px;
|
|
}
|
|
.ma-lg-7 {
|
|
margin: 28px;
|
|
}
|
|
.ma-lg-8 {
|
|
margin: 32px;
|
|
}
|
|
.ma-lg-9 {
|
|
margin: 36px;
|
|
}
|
|
.ma-lg-10 {
|
|
margin: 40px;
|
|
}
|
|
.ma-lg-11 {
|
|
margin: 44px;
|
|
}
|
|
.ma-lg-12 {
|
|
margin: 48px;
|
|
}
|
|
.ma-lg-13 {
|
|
margin: 52px;
|
|
}
|
|
.ma-lg-14 {
|
|
margin: 56px;
|
|
}
|
|
.ma-lg-15 {
|
|
margin: 60px;
|
|
}
|
|
.ma-lg-16 {
|
|
margin: 64px;
|
|
}
|
|
.ma-lg-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-lg-0 {
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
.mx-lg-1 {
|
|
margin-right: 4px;
|
|
margin-left: 4px;
|
|
}
|
|
.mx-lg-2 {
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
.mx-lg-3 {
|
|
margin-right: 12px;
|
|
margin-left: 12px;
|
|
}
|
|
.mx-lg-4 {
|
|
margin-right: 16px;
|
|
margin-left: 16px;
|
|
}
|
|
.mx-lg-5 {
|
|
margin-right: 20px;
|
|
margin-left: 20px;
|
|
}
|
|
.mx-lg-6 {
|
|
margin-right: 24px;
|
|
margin-left: 24px;
|
|
}
|
|
.mx-lg-7 {
|
|
margin-right: 28px;
|
|
margin-left: 28px;
|
|
}
|
|
.mx-lg-8 {
|
|
margin-right: 32px;
|
|
margin-left: 32px;
|
|
}
|
|
.mx-lg-9 {
|
|
margin-right: 36px;
|
|
margin-left: 36px;
|
|
}
|
|
.mx-lg-10 {
|
|
margin-right: 40px;
|
|
margin-left: 40px;
|
|
}
|
|
.mx-lg-11 {
|
|
margin-right: 44px;
|
|
margin-left: 44px;
|
|
}
|
|
.mx-lg-12 {
|
|
margin-right: 48px;
|
|
margin-left: 48px;
|
|
}
|
|
.mx-lg-13 {
|
|
margin-right: 52px;
|
|
margin-left: 52px;
|
|
}
|
|
.mx-lg-14 {
|
|
margin-right: 56px;
|
|
margin-left: 56px;
|
|
}
|
|
.mx-lg-15 {
|
|
margin-right: 60px;
|
|
margin-left: 60px;
|
|
}
|
|
.mx-lg-16 {
|
|
margin-right: 64px;
|
|
margin-left: 64px;
|
|
}
|
|
.mx-lg-auto {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.my-lg-0 {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.my-lg-1 {
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.my-lg-2 {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.my-lg-3 {
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.my-lg-4 {
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.my-lg-5 {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.my-lg-6 {
|
|
margin-top: 24px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.my-lg-7 {
|
|
margin-top: 28px;
|
|
margin-bottom: 28px;
|
|
}
|
|
.my-lg-8 {
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.my-lg-9 {
|
|
margin-top: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
.my-lg-10 {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.my-lg-11 {
|
|
margin-top: 44px;
|
|
margin-bottom: 44px;
|
|
}
|
|
.my-lg-12 {
|
|
margin-top: 48px;
|
|
margin-bottom: 48px;
|
|
}
|
|
.my-lg-13 {
|
|
margin-top: 52px;
|
|
margin-bottom: 52px;
|
|
}
|
|
.my-lg-14 {
|
|
margin-top: 56px;
|
|
margin-bottom: 56px;
|
|
}
|
|
.my-lg-15 {
|
|
margin-top: 60px;
|
|
margin-bottom: 60px;
|
|
}
|
|
.my-lg-16 {
|
|
margin-top: 64px;
|
|
margin-bottom: 64px;
|
|
}
|
|
.my-lg-auto {
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
.mt-lg-0 {
|
|
margin-top: 0px;
|
|
}
|
|
.mt-lg-1 {
|
|
margin-top: 4px;
|
|
}
|
|
.mt-lg-2 {
|
|
margin-top: 8px;
|
|
}
|
|
.mt-lg-3 {
|
|
margin-top: 12px;
|
|
}
|
|
.mt-lg-4 {
|
|
margin-top: 16px;
|
|
}
|
|
.mt-lg-5 {
|
|
margin-top: 20px;
|
|
}
|
|
.mt-lg-6 {
|
|
margin-top: 24px;
|
|
}
|
|
.mt-lg-7 {
|
|
margin-top: 28px;
|
|
}
|
|
.mt-lg-8 {
|
|
margin-top: 32px;
|
|
}
|
|
.mt-lg-9 {
|
|
margin-top: 36px;
|
|
}
|
|
.mt-lg-10 {
|
|
margin-top: 40px;
|
|
}
|
|
.mt-lg-11 {
|
|
margin-top: 44px;
|
|
}
|
|
.mt-lg-12 {
|
|
margin-top: 48px;
|
|
}
|
|
.mt-lg-13 {
|
|
margin-top: 52px;
|
|
}
|
|
.mt-lg-14 {
|
|
margin-top: 56px;
|
|
}
|
|
.mt-lg-15 {
|
|
margin-top: 60px;
|
|
}
|
|
.mt-lg-16 {
|
|
margin-top: 64px;
|
|
}
|
|
.mt-lg-auto {
|
|
margin-top: auto;
|
|
}
|
|
.mr-lg-0 {
|
|
margin-right: 0px;
|
|
}
|
|
.mr-lg-1 {
|
|
margin-right: 4px;
|
|
}
|
|
.mr-lg-2 {
|
|
margin-right: 8px;
|
|
}
|
|
.mr-lg-3 {
|
|
margin-right: 12px;
|
|
}
|
|
.mr-lg-4 {
|
|
margin-right: 16px;
|
|
}
|
|
.mr-lg-5 {
|
|
margin-right: 20px;
|
|
}
|
|
.mr-lg-6 {
|
|
margin-right: 24px;
|
|
}
|
|
.mr-lg-7 {
|
|
margin-right: 28px;
|
|
}
|
|
.mr-lg-8 {
|
|
margin-right: 32px;
|
|
}
|
|
.mr-lg-9 {
|
|
margin-right: 36px;
|
|
}
|
|
.mr-lg-10 {
|
|
margin-right: 40px;
|
|
}
|
|
.mr-lg-11 {
|
|
margin-right: 44px;
|
|
}
|
|
.mr-lg-12 {
|
|
margin-right: 48px;
|
|
}
|
|
.mr-lg-13 {
|
|
margin-right: 52px;
|
|
}
|
|
.mr-lg-14 {
|
|
margin-right: 56px;
|
|
}
|
|
.mr-lg-15 {
|
|
margin-right: 60px;
|
|
}
|
|
.mr-lg-16 {
|
|
margin-right: 64px;
|
|
}
|
|
.mr-lg-auto {
|
|
margin-right: auto;
|
|
}
|
|
.mb-lg-0 {
|
|
margin-bottom: 0px;
|
|
}
|
|
.mb-lg-1 {
|
|
margin-bottom: 4px;
|
|
}
|
|
.mb-lg-2 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.mb-lg-3 {
|
|
margin-bottom: 12px;
|
|
}
|
|
.mb-lg-4 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mb-lg-5 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-lg-6 {
|
|
margin-bottom: 24px;
|
|
}
|
|
.mb-lg-7 {
|
|
margin-bottom: 28px;
|
|
}
|
|
.mb-lg-8 {
|
|
margin-bottom: 32px;
|
|
}
|
|
.mb-lg-9 {
|
|
margin-bottom: 36px;
|
|
}
|
|
.mb-lg-10 {
|
|
margin-bottom: 40px;
|
|
}
|
|
.mb-lg-11 {
|
|
margin-bottom: 44px;
|
|
}
|
|
.mb-lg-12 {
|
|
margin-bottom: 48px;
|
|
}
|
|
.mb-lg-13 {
|
|
margin-bottom: 52px;
|
|
}
|
|
.mb-lg-14 {
|
|
margin-bottom: 56px;
|
|
}
|
|
.mb-lg-15 {
|
|
margin-bottom: 60px;
|
|
}
|
|
.mb-lg-16 {
|
|
margin-bottom: 64px;
|
|
}
|
|
.mb-lg-auto {
|
|
margin-bottom: auto;
|
|
}
|
|
.ml-lg-0 {
|
|
margin-left: 0px;
|
|
}
|
|
.ml-lg-1 {
|
|
margin-left: 4px;
|
|
}
|
|
.ml-lg-2 {
|
|
margin-left: 8px;
|
|
}
|
|
.ml-lg-3 {
|
|
margin-left: 12px;
|
|
}
|
|
.ml-lg-4 {
|
|
margin-left: 16px;
|
|
}
|
|
.ml-lg-5 {
|
|
margin-left: 20px;
|
|
}
|
|
.ml-lg-6 {
|
|
margin-left: 24px;
|
|
}
|
|
.ml-lg-7 {
|
|
margin-left: 28px;
|
|
}
|
|
.ml-lg-8 {
|
|
margin-left: 32px;
|
|
}
|
|
.ml-lg-9 {
|
|
margin-left: 36px;
|
|
}
|
|
.ml-lg-10 {
|
|
margin-left: 40px;
|
|
}
|
|
.ml-lg-11 {
|
|
margin-left: 44px;
|
|
}
|
|
.ml-lg-12 {
|
|
margin-left: 48px;
|
|
}
|
|
.ml-lg-13 {
|
|
margin-left: 52px;
|
|
}
|
|
.ml-lg-14 {
|
|
margin-left: 56px;
|
|
}
|
|
.ml-lg-15 {
|
|
margin-left: 60px;
|
|
}
|
|
.ml-lg-16 {
|
|
margin-left: 64px;
|
|
}
|
|
.ml-lg-auto {
|
|
margin-left: auto;
|
|
}
|
|
.ms-lg-0 {
|
|
margin-inline-start: 0px;
|
|
}
|
|
.ms-lg-1 {
|
|
margin-inline-start: 4px;
|
|
}
|
|
.ms-lg-2 {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.ms-lg-3 {
|
|
margin-inline-start: 12px;
|
|
}
|
|
.ms-lg-4 {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.ms-lg-5 {
|
|
margin-inline-start: 20px;
|
|
}
|
|
.ms-lg-6 {
|
|
margin-inline-start: 24px;
|
|
}
|
|
.ms-lg-7 {
|
|
margin-inline-start: 28px;
|
|
}
|
|
.ms-lg-8 {
|
|
margin-inline-start: 32px;
|
|
}
|
|
.ms-lg-9 {
|
|
margin-inline-start: 36px;
|
|
}
|
|
.ms-lg-10 {
|
|
margin-inline-start: 40px;
|
|
}
|
|
.ms-lg-11 {
|
|
margin-inline-start: 44px;
|
|
}
|
|
.ms-lg-12 {
|
|
margin-inline-start: 48px;
|
|
}
|
|
.ms-lg-13 {
|
|
margin-inline-start: 52px;
|
|
}
|
|
.ms-lg-14 {
|
|
margin-inline-start: 56px;
|
|
}
|
|
.ms-lg-15 {
|
|
margin-inline-start: 60px;
|
|
}
|
|
.ms-lg-16 {
|
|
margin-inline-start: 64px;
|
|
}
|
|
.ms-lg-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.me-lg-0 {
|
|
margin-inline-end: 0px;
|
|
}
|
|
.me-lg-1 {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.me-lg-2 {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.me-lg-3 {
|
|
margin-inline-end: 12px;
|
|
}
|
|
.me-lg-4 {
|
|
margin-inline-end: 16px;
|
|
}
|
|
.me-lg-5 {
|
|
margin-inline-end: 20px;
|
|
}
|
|
.me-lg-6 {
|
|
margin-inline-end: 24px;
|
|
}
|
|
.me-lg-7 {
|
|
margin-inline-end: 28px;
|
|
}
|
|
.me-lg-8 {
|
|
margin-inline-end: 32px;
|
|
}
|
|
.me-lg-9 {
|
|
margin-inline-end: 36px;
|
|
}
|
|
.me-lg-10 {
|
|
margin-inline-end: 40px;
|
|
}
|
|
.me-lg-11 {
|
|
margin-inline-end: 44px;
|
|
}
|
|
.me-lg-12 {
|
|
margin-inline-end: 48px;
|
|
}
|
|
.me-lg-13 {
|
|
margin-inline-end: 52px;
|
|
}
|
|
.me-lg-14 {
|
|
margin-inline-end: 56px;
|
|
}
|
|
.me-lg-15 {
|
|
margin-inline-end: 60px;
|
|
}
|
|
.me-lg-16 {
|
|
margin-inline-end: 64px;
|
|
}
|
|
.me-lg-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.ma-lg-n1 {
|
|
margin: -4px;
|
|
}
|
|
.ma-lg-n2 {
|
|
margin: -8px;
|
|
}
|
|
.ma-lg-n3 {
|
|
margin: -12px;
|
|
}
|
|
.ma-lg-n4 {
|
|
margin: -16px;
|
|
}
|
|
.ma-lg-n5 {
|
|
margin: -20px;
|
|
}
|
|
.ma-lg-n6 {
|
|
margin: -24px;
|
|
}
|
|
.ma-lg-n7 {
|
|
margin: -28px;
|
|
}
|
|
.ma-lg-n8 {
|
|
margin: -32px;
|
|
}
|
|
.ma-lg-n9 {
|
|
margin: -36px;
|
|
}
|
|
.ma-lg-n10 {
|
|
margin: -40px;
|
|
}
|
|
.ma-lg-n11 {
|
|
margin: -44px;
|
|
}
|
|
.ma-lg-n12 {
|
|
margin: -48px;
|
|
}
|
|
.ma-lg-n13 {
|
|
margin: -52px;
|
|
}
|
|
.ma-lg-n14 {
|
|
margin: -56px;
|
|
}
|
|
.ma-lg-n15 {
|
|
margin: -60px;
|
|
}
|
|
.ma-lg-n16 {
|
|
margin: -64px;
|
|
}
|
|
.mx-lg-n1 {
|
|
margin-right: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.mx-lg-n2 {
|
|
margin-right: -8px;
|
|
margin-left: -8px;
|
|
}
|
|
.mx-lg-n3 {
|
|
margin-right: -12px;
|
|
margin-left: -12px;
|
|
}
|
|
.mx-lg-n4 {
|
|
margin-right: -16px;
|
|
margin-left: -16px;
|
|
}
|
|
.mx-lg-n5 {
|
|
margin-right: -20px;
|
|
margin-left: -20px;
|
|
}
|
|
.mx-lg-n6 {
|
|
margin-right: -24px;
|
|
margin-left: -24px;
|
|
}
|
|
.mx-lg-n7 {
|
|
margin-right: -28px;
|
|
margin-left: -28px;
|
|
}
|
|
.mx-lg-n8 {
|
|
margin-right: -32px;
|
|
margin-left: -32px;
|
|
}
|
|
.mx-lg-n9 {
|
|
margin-right: -36px;
|
|
margin-left: -36px;
|
|
}
|
|
.mx-lg-n10 {
|
|
margin-right: -40px;
|
|
margin-left: -40px;
|
|
}
|
|
.mx-lg-n11 {
|
|
margin-right: -44px;
|
|
margin-left: -44px;
|
|
}
|
|
.mx-lg-n12 {
|
|
margin-right: -48px;
|
|
margin-left: -48px;
|
|
}
|
|
.mx-lg-n13 {
|
|
margin-right: -52px;
|
|
margin-left: -52px;
|
|
}
|
|
.mx-lg-n14 {
|
|
margin-right: -56px;
|
|
margin-left: -56px;
|
|
}
|
|
.mx-lg-n15 {
|
|
margin-right: -60px;
|
|
margin-left: -60px;
|
|
}
|
|
.mx-lg-n16 {
|
|
margin-right: -64px;
|
|
margin-left: -64px;
|
|
}
|
|
.my-lg-n1 {
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
}
|
|
.my-lg-n2 {
|
|
margin-top: -8px;
|
|
margin-bottom: -8px;
|
|
}
|
|
.my-lg-n3 {
|
|
margin-top: -12px;
|
|
margin-bottom: -12px;
|
|
}
|
|
.my-lg-n4 {
|
|
margin-top: -16px;
|
|
margin-bottom: -16px;
|
|
}
|
|
.my-lg-n5 {
|
|
margin-top: -20px;
|
|
margin-bottom: -20px;
|
|
}
|
|
.my-lg-n6 {
|
|
margin-top: -24px;
|
|
margin-bottom: -24px;
|
|
}
|
|
.my-lg-n7 {
|
|
margin-top: -28px;
|
|
margin-bottom: -28px;
|
|
}
|
|
.my-lg-n8 {
|
|
margin-top: -32px;
|
|
margin-bottom: -32px;
|
|
}
|
|
.my-lg-n9 {
|
|
margin-top: -36px;
|
|
margin-bottom: -36px;
|
|
}
|
|
.my-lg-n10 {
|
|
margin-top: -40px;
|
|
margin-bottom: -40px;
|
|
}
|
|
.my-lg-n11 {
|
|
margin-top: -44px;
|
|
margin-bottom: -44px;
|
|
}
|
|
.my-lg-n12 {
|
|
margin-top: -48px;
|
|
margin-bottom: -48px;
|
|
}
|
|
.my-lg-n13 {
|
|
margin-top: -52px;
|
|
margin-bottom: -52px;
|
|
}
|
|
.my-lg-n14 {
|
|
margin-top: -56px;
|
|
margin-bottom: -56px;
|
|
}
|
|
.my-lg-n15 {
|
|
margin-top: -60px;
|
|
margin-bottom: -60px;
|
|
}
|
|
.my-lg-n16 {
|
|
margin-top: -64px;
|
|
margin-bottom: -64px;
|
|
}
|
|
.mt-lg-n1 {
|
|
margin-top: -4px;
|
|
}
|
|
.mt-lg-n2 {
|
|
margin-top: -8px;
|
|
}
|
|
.mt-lg-n3 {
|
|
margin-top: -12px;
|
|
}
|
|
.mt-lg-n4 {
|
|
margin-top: -16px;
|
|
}
|
|
.mt-lg-n5 {
|
|
margin-top: -20px;
|
|
}
|
|
.mt-lg-n6 {
|
|
margin-top: -24px;
|
|
}
|
|
.mt-lg-n7 {
|
|
margin-top: -28px;
|
|
}
|
|
.mt-lg-n8 {
|
|
margin-top: -32px;
|
|
}
|
|
.mt-lg-n9 {
|
|
margin-top: -36px;
|
|
}
|
|
.mt-lg-n10 {
|
|
margin-top: -40px;
|
|
}
|
|
.mt-lg-n11 {
|
|
margin-top: -44px;
|
|
}
|
|
.mt-lg-n12 {
|
|
margin-top: -48px;
|
|
}
|
|
.mt-lg-n13 {
|
|
margin-top: -52px;
|
|
}
|
|
.mt-lg-n14 {
|
|
margin-top: -56px;
|
|
}
|
|
.mt-lg-n15 {
|
|
margin-top: -60px;
|
|
}
|
|
.mt-lg-n16 {
|
|
margin-top: -64px;
|
|
}
|
|
.mr-lg-n1 {
|
|
margin-right: -4px;
|
|
}
|
|
.mr-lg-n2 {
|
|
margin-right: -8px;
|
|
}
|
|
.mr-lg-n3 {
|
|
margin-right: -12px;
|
|
}
|
|
.mr-lg-n4 {
|
|
margin-right: -16px;
|
|
}
|
|
.mr-lg-n5 {
|
|
margin-right: -20px;
|
|
}
|
|
.mr-lg-n6 {
|
|
margin-right: -24px;
|
|
}
|
|
.mr-lg-n7 {
|
|
margin-right: -28px;
|
|
}
|
|
.mr-lg-n8 {
|
|
margin-right: -32px;
|
|
}
|
|
.mr-lg-n9 {
|
|
margin-right: -36px;
|
|
}
|
|
.mr-lg-n10 {
|
|
margin-right: -40px;
|
|
}
|
|
.mr-lg-n11 {
|
|
margin-right: -44px;
|
|
}
|
|
.mr-lg-n12 {
|
|
margin-right: -48px;
|
|
}
|
|
.mr-lg-n13 {
|
|
margin-right: -52px;
|
|
}
|
|
.mr-lg-n14 {
|
|
margin-right: -56px;
|
|
}
|
|
.mr-lg-n15 {
|
|
margin-right: -60px;
|
|
}
|
|
.mr-lg-n16 {
|
|
margin-right: -64px;
|
|
}
|
|
.mb-lg-n1 {
|
|
margin-bottom: -4px;
|
|
}
|
|
.mb-lg-n2 {
|
|
margin-bottom: -8px;
|
|
}
|
|
.mb-lg-n3 {
|
|
margin-bottom: -12px;
|
|
}
|
|
.mb-lg-n4 {
|
|
margin-bottom: -16px;
|
|
}
|
|
.mb-lg-n5 {
|
|
margin-bottom: -20px;
|
|
}
|
|
.mb-lg-n6 {
|
|
margin-bottom: -24px;
|
|
}
|
|
.mb-lg-n7 {
|
|
margin-bottom: -28px;
|
|
}
|
|
.mb-lg-n8 {
|
|
margin-bottom: -32px;
|
|
}
|
|
.mb-lg-n9 {
|
|
margin-bottom: -36px;
|
|
}
|
|
.mb-lg-n10 {
|
|
margin-bottom: -40px;
|
|
}
|
|
.mb-lg-n11 {
|
|
margin-bottom: -44px;
|
|
}
|
|
.mb-lg-n12 {
|
|
margin-bottom: -48px;
|
|
}
|
|
.mb-lg-n13 {
|
|
margin-bottom: -52px;
|
|
}
|
|
.mb-lg-n14 {
|
|
margin-bottom: -56px;
|
|
}
|
|
.mb-lg-n15 {
|
|
margin-bottom: -60px;
|
|
}
|
|
.mb-lg-n16 {
|
|
margin-bottom: -64px;
|
|
}
|
|
.ml-lg-n1 {
|
|
margin-left: -4px;
|
|
}
|
|
.ml-lg-n2 {
|
|
margin-left: -8px;
|
|
}
|
|
.ml-lg-n3 {
|
|
margin-left: -12px;
|
|
}
|
|
.ml-lg-n4 {
|
|
margin-left: -16px;
|
|
}
|
|
.ml-lg-n5 {
|
|
margin-left: -20px;
|
|
}
|
|
.ml-lg-n6 {
|
|
margin-left: -24px;
|
|
}
|
|
.ml-lg-n7 {
|
|
margin-left: -28px;
|
|
}
|
|
.ml-lg-n8 {
|
|
margin-left: -32px;
|
|
}
|
|
.ml-lg-n9 {
|
|
margin-left: -36px;
|
|
}
|
|
.ml-lg-n10 {
|
|
margin-left: -40px;
|
|
}
|
|
.ml-lg-n11 {
|
|
margin-left: -44px;
|
|
}
|
|
.ml-lg-n12 {
|
|
margin-left: -48px;
|
|
}
|
|
.ml-lg-n13 {
|
|
margin-left: -52px;
|
|
}
|
|
.ml-lg-n14 {
|
|
margin-left: -56px;
|
|
}
|
|
.ml-lg-n15 {
|
|
margin-left: -60px;
|
|
}
|
|
.ml-lg-n16 {
|
|
margin-left: -64px;
|
|
}
|
|
.ms-lg-n1 {
|
|
margin-inline-start: -4px;
|
|
}
|
|
.ms-lg-n2 {
|
|
margin-inline-start: -8px;
|
|
}
|
|
.ms-lg-n3 {
|
|
margin-inline-start: -12px;
|
|
}
|
|
.ms-lg-n4 {
|
|
margin-inline-start: -16px;
|
|
}
|
|
.ms-lg-n5 {
|
|
margin-inline-start: -20px;
|
|
}
|
|
.ms-lg-n6 {
|
|
margin-inline-start: -24px;
|
|
}
|
|
.ms-lg-n7 {
|
|
margin-inline-start: -28px;
|
|
}
|
|
.ms-lg-n8 {
|
|
margin-inline-start: -32px;
|
|
}
|
|
.ms-lg-n9 {
|
|
margin-inline-start: -36px;
|
|
}
|
|
.ms-lg-n10 {
|
|
margin-inline-start: -40px;
|
|
}
|
|
.ms-lg-n11 {
|
|
margin-inline-start: -44px;
|
|
}
|
|
.ms-lg-n12 {
|
|
margin-inline-start: -48px;
|
|
}
|
|
.ms-lg-n13 {
|
|
margin-inline-start: -52px;
|
|
}
|
|
.ms-lg-n14 {
|
|
margin-inline-start: -56px;
|
|
}
|
|
.ms-lg-n15 {
|
|
margin-inline-start: -60px;
|
|
}
|
|
.ms-lg-n16 {
|
|
margin-inline-start: -64px;
|
|
}
|
|
.me-lg-n1 {
|
|
margin-inline-end: -4px;
|
|
}
|
|
.me-lg-n2 {
|
|
margin-inline-end: -8px;
|
|
}
|
|
.me-lg-n3 {
|
|
margin-inline-end: -12px;
|
|
}
|
|
.me-lg-n4 {
|
|
margin-inline-end: -16px;
|
|
}
|
|
.me-lg-n5 {
|
|
margin-inline-end: -20px;
|
|
}
|
|
.me-lg-n6 {
|
|
margin-inline-end: -24px;
|
|
}
|
|
.me-lg-n7 {
|
|
margin-inline-end: -28px;
|
|
}
|
|
.me-lg-n8 {
|
|
margin-inline-end: -32px;
|
|
}
|
|
.me-lg-n9 {
|
|
margin-inline-end: -36px;
|
|
}
|
|
.me-lg-n10 {
|
|
margin-inline-end: -40px;
|
|
}
|
|
.me-lg-n11 {
|
|
margin-inline-end: -44px;
|
|
}
|
|
.me-lg-n12 {
|
|
margin-inline-end: -48px;
|
|
}
|
|
.me-lg-n13 {
|
|
margin-inline-end: -52px;
|
|
}
|
|
.me-lg-n14 {
|
|
margin-inline-end: -56px;
|
|
}
|
|
.me-lg-n15 {
|
|
margin-inline-end: -60px;
|
|
}
|
|
.me-lg-n16 {
|
|
margin-inline-end: -64px;
|
|
}
|
|
.pa-lg-0 {
|
|
padding: 0px;
|
|
}
|
|
.pa-lg-1 {
|
|
padding: 4px;
|
|
}
|
|
.pa-lg-2 {
|
|
padding: 8px;
|
|
}
|
|
.pa-lg-3 {
|
|
padding: 12px;
|
|
}
|
|
.pa-lg-4 {
|
|
padding: 16px;
|
|
}
|
|
.pa-lg-5 {
|
|
padding: 20px;
|
|
}
|
|
.pa-lg-6 {
|
|
padding: 24px;
|
|
}
|
|
.pa-lg-7 {
|
|
padding: 28px;
|
|
}
|
|
.pa-lg-8 {
|
|
padding: 32px;
|
|
}
|
|
.pa-lg-9 {
|
|
padding: 36px;
|
|
}
|
|
.pa-lg-10 {
|
|
padding: 40px;
|
|
}
|
|
.pa-lg-11 {
|
|
padding: 44px;
|
|
}
|
|
.pa-lg-12 {
|
|
padding: 48px;
|
|
}
|
|
.pa-lg-13 {
|
|
padding: 52px;
|
|
}
|
|
.pa-lg-14 {
|
|
padding: 56px;
|
|
}
|
|
.pa-lg-15 {
|
|
padding: 60px;
|
|
}
|
|
.pa-lg-16 {
|
|
padding: 64px;
|
|
}
|
|
.px-lg-0 {
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.px-lg-1 {
|
|
padding-right: 4px;
|
|
padding-left: 4px;
|
|
}
|
|
.px-lg-2 {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
.px-lg-3 {
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
}
|
|
.px-lg-4 {
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
.px-lg-5 {
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.px-lg-6 {
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.px-lg-7 {
|
|
padding-right: 28px;
|
|
padding-left: 28px;
|
|
}
|
|
.px-lg-8 {
|
|
padding-right: 32px;
|
|
padding-left: 32px;
|
|
}
|
|
.px-lg-9 {
|
|
padding-right: 36px;
|
|
padding-left: 36px;
|
|
}
|
|
.px-lg-10 {
|
|
padding-right: 40px;
|
|
padding-left: 40px;
|
|
}
|
|
.px-lg-11 {
|
|
padding-right: 44px;
|
|
padding-left: 44px;
|
|
}
|
|
.px-lg-12 {
|
|
padding-right: 48px;
|
|
padding-left: 48px;
|
|
}
|
|
.px-lg-13 {
|
|
padding-right: 52px;
|
|
padding-left: 52px;
|
|
}
|
|
.px-lg-14 {
|
|
padding-right: 56px;
|
|
padding-left: 56px;
|
|
}
|
|
.px-lg-15 {
|
|
padding-right: 60px;
|
|
padding-left: 60px;
|
|
}
|
|
.px-lg-16 {
|
|
padding-right: 64px;
|
|
padding-left: 64px;
|
|
}
|
|
.py-lg-0 {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.py-lg-1 {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.py-lg-2 {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.py-lg-3 {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.py-lg-4 {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.py-lg-5 {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.py-lg-6 {
|
|
padding-top: 24px;
|
|
padding-bottom: 24px;
|
|
}
|
|
.py-lg-7 {
|
|
padding-top: 28px;
|
|
padding-bottom: 28px;
|
|
}
|
|
.py-lg-8 {
|
|
padding-top: 32px;
|
|
padding-bottom: 32px;
|
|
}
|
|
.py-lg-9 {
|
|
padding-top: 36px;
|
|
padding-bottom: 36px;
|
|
}
|
|
.py-lg-10 {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
}
|
|
.py-lg-11 {
|
|
padding-top: 44px;
|
|
padding-bottom: 44px;
|
|
}
|
|
.py-lg-12 {
|
|
padding-top: 48px;
|
|
padding-bottom: 48px;
|
|
}
|
|
.py-lg-13 {
|
|
padding-top: 52px;
|
|
padding-bottom: 52px;
|
|
}
|
|
.py-lg-14 {
|
|
padding-top: 56px;
|
|
padding-bottom: 56px;
|
|
}
|
|
.py-lg-15 {
|
|
padding-top: 60px;
|
|
padding-bottom: 60px;
|
|
}
|
|
.py-lg-16 {
|
|
padding-top: 64px;
|
|
padding-bottom: 64px;
|
|
}
|
|
.pt-lg-0 {
|
|
padding-top: 0px;
|
|
}
|
|
.pt-lg-1 {
|
|
padding-top: 4px;
|
|
}
|
|
.pt-lg-2 {
|
|
padding-top: 8px;
|
|
}
|
|
.pt-lg-3 {
|
|
padding-top: 12px;
|
|
}
|
|
.pt-lg-4 {
|
|
padding-top: 16px;
|
|
}
|
|
.pt-lg-5 {
|
|
padding-top: 20px;
|
|
}
|
|
.pt-lg-6 {
|
|
padding-top: 24px;
|
|
}
|
|
.pt-lg-7 {
|
|
padding-top: 28px;
|
|
}
|
|
.pt-lg-8 {
|
|
padding-top: 32px;
|
|
}
|
|
.pt-lg-9 {
|
|
padding-top: 36px;
|
|
}
|
|
.pt-lg-10 {
|
|
padding-top: 40px;
|
|
}
|
|
.pt-lg-11 {
|
|
padding-top: 44px;
|
|
}
|
|
.pt-lg-12 {
|
|
padding-top: 48px;
|
|
}
|
|
.pt-lg-13 {
|
|
padding-top: 52px;
|
|
}
|
|
.pt-lg-14 {
|
|
padding-top: 56px;
|
|
}
|
|
.pt-lg-15 {
|
|
padding-top: 60px;
|
|
}
|
|
.pt-lg-16 {
|
|
padding-top: 64px;
|
|
}
|
|
.pr-lg-0 {
|
|
padding-right: 0px;
|
|
}
|
|
.pr-lg-1 {
|
|
padding-right: 4px;
|
|
}
|
|
.pr-lg-2 {
|
|
padding-right: 8px;
|
|
}
|
|
.pr-lg-3 {
|
|
padding-right: 12px;
|
|
}
|
|
.pr-lg-4 {
|
|
padding-right: 16px;
|
|
}
|
|
.pr-lg-5 {
|
|
padding-right: 20px;
|
|
}
|
|
.pr-lg-6 {
|
|
padding-right: 24px;
|
|
}
|
|
.pr-lg-7 {
|
|
padding-right: 28px;
|
|
}
|
|
.pr-lg-8 {
|
|
padding-right: 32px;
|
|
}
|
|
.pr-lg-9 {
|
|
padding-right: 36px;
|
|
}
|
|
.pr-lg-10 {
|
|
padding-right: 40px;
|
|
}
|
|
.pr-lg-11 {
|
|
padding-right: 44px;
|
|
}
|
|
.pr-lg-12 {
|
|
padding-right: 48px;
|
|
}
|
|
.pr-lg-13 {
|
|
padding-right: 52px;
|
|
}
|
|
.pr-lg-14 {
|
|
padding-right: 56px;
|
|
}
|
|
.pr-lg-15 {
|
|
padding-right: 60px;
|
|
}
|
|
.pr-lg-16 {
|
|
padding-right: 64px;
|
|
}
|
|
.pb-lg-0 {
|
|
padding-bottom: 0px;
|
|
}
|
|
.pb-lg-1 {
|
|
padding-bottom: 4px;
|
|
}
|
|
.pb-lg-2 {
|
|
padding-bottom: 8px;
|
|
}
|
|
.pb-lg-3 {
|
|
padding-bottom: 12px;
|
|
}
|
|
.pb-lg-4 {
|
|
padding-bottom: 16px;
|
|
}
|
|
.pb-lg-5 {
|
|
padding-bottom: 20px;
|
|
}
|
|
.pb-lg-6 {
|
|
padding-bottom: 24px;
|
|
}
|
|
.pb-lg-7 {
|
|
padding-bottom: 28px;
|
|
}
|
|
.pb-lg-8 {
|
|
padding-bottom: 32px;
|
|
}
|
|
.pb-lg-9 {
|
|
padding-bottom: 36px;
|
|
}
|
|
.pb-lg-10 {
|
|
padding-bottom: 40px;
|
|
}
|
|
.pb-lg-11 {
|
|
padding-bottom: 44px;
|
|
}
|
|
.pb-lg-12 {
|
|
padding-bottom: 48px;
|
|
}
|
|
.pb-lg-13 {
|
|
padding-bottom: 52px;
|
|
}
|
|
.pb-lg-14 {
|
|
padding-bottom: 56px;
|
|
}
|
|
.pb-lg-15 {
|
|
padding-bottom: 60px;
|
|
}
|
|
.pb-lg-16 {
|
|
padding-bottom: 64px;
|
|
}
|
|
.pl-lg-0 {
|
|
padding-left: 0px;
|
|
}
|
|
.pl-lg-1 {
|
|
padding-left: 4px;
|
|
}
|
|
.pl-lg-2 {
|
|
padding-left: 8px;
|
|
}
|
|
.pl-lg-3 {
|
|
padding-left: 12px;
|
|
}
|
|
.pl-lg-4 {
|
|
padding-left: 16px;
|
|
}
|
|
.pl-lg-5 {
|
|
padding-left: 20px;
|
|
}
|
|
.pl-lg-6 {
|
|
padding-left: 24px;
|
|
}
|
|
.pl-lg-7 {
|
|
padding-left: 28px;
|
|
}
|
|
.pl-lg-8 {
|
|
padding-left: 32px;
|
|
}
|
|
.pl-lg-9 {
|
|
padding-left: 36px;
|
|
}
|
|
.pl-lg-10 {
|
|
padding-left: 40px;
|
|
}
|
|
.pl-lg-11 {
|
|
padding-left: 44px;
|
|
}
|
|
.pl-lg-12 {
|
|
padding-left: 48px;
|
|
}
|
|
.pl-lg-13 {
|
|
padding-left: 52px;
|
|
}
|
|
.pl-lg-14 {
|
|
padding-left: 56px;
|
|
}
|
|
.pl-lg-15 {
|
|
padding-left: 60px;
|
|
}
|
|
.pl-lg-16 {
|
|
padding-left: 64px;
|
|
}
|
|
.ps-lg-0 {
|
|
padding-inline-start: 0px;
|
|
}
|
|
.ps-lg-1 {
|
|
padding-inline-start: 4px;
|
|
}
|
|
.ps-lg-2 {
|
|
padding-inline-start: 8px;
|
|
}
|
|
.ps-lg-3 {
|
|
padding-inline-start: 12px;
|
|
}
|
|
.ps-lg-4 {
|
|
padding-inline-start: 16px;
|
|
}
|
|
.ps-lg-5 {
|
|
padding-inline-start: 20px;
|
|
}
|
|
.ps-lg-6 {
|
|
padding-inline-start: 24px;
|
|
}
|
|
.ps-lg-7 {
|
|
padding-inline-start: 28px;
|
|
}
|
|
.ps-lg-8 {
|
|
padding-inline-start: 32px;
|
|
}
|
|
.ps-lg-9 {
|
|
padding-inline-start: 36px;
|
|
}
|
|
.ps-lg-10 {
|
|
padding-inline-start: 40px;
|
|
}
|
|
.ps-lg-11 {
|
|
padding-inline-start: 44px;
|
|
}
|
|
.ps-lg-12 {
|
|
padding-inline-start: 48px;
|
|
}
|
|
.ps-lg-13 {
|
|
padding-inline-start: 52px;
|
|
}
|
|
.ps-lg-14 {
|
|
padding-inline-start: 56px;
|
|
}
|
|
.ps-lg-15 {
|
|
padding-inline-start: 60px;
|
|
}
|
|
.ps-lg-16 {
|
|
padding-inline-start: 64px;
|
|
}
|
|
.pe-lg-0 {
|
|
padding-inline-end: 0px;
|
|
}
|
|
.pe-lg-1 {
|
|
padding-inline-end: 4px;
|
|
}
|
|
.pe-lg-2 {
|
|
padding-inline-end: 8px;
|
|
}
|
|
.pe-lg-3 {
|
|
padding-inline-end: 12px;
|
|
}
|
|
.pe-lg-4 {
|
|
padding-inline-end: 16px;
|
|
}
|
|
.pe-lg-5 {
|
|
padding-inline-end: 20px;
|
|
}
|
|
.pe-lg-6 {
|
|
padding-inline-end: 24px;
|
|
}
|
|
.pe-lg-7 {
|
|
padding-inline-end: 28px;
|
|
}
|
|
.pe-lg-8 {
|
|
padding-inline-end: 32px;
|
|
}
|
|
.pe-lg-9 {
|
|
padding-inline-end: 36px;
|
|
}
|
|
.pe-lg-10 {
|
|
padding-inline-end: 40px;
|
|
}
|
|
.pe-lg-11 {
|
|
padding-inline-end: 44px;
|
|
}
|
|
.pe-lg-12 {
|
|
padding-inline-end: 48px;
|
|
}
|
|
.pe-lg-13 {
|
|
padding-inline-end: 52px;
|
|
}
|
|
.pe-lg-14 {
|
|
padding-inline-end: 56px;
|
|
}
|
|
.pe-lg-15 {
|
|
padding-inline-end: 60px;
|
|
}
|
|
.pe-lg-16 {
|
|
padding-inline-end: 64px;
|
|
}
|
|
.text-lg-left {
|
|
text-align: left;
|
|
}
|
|
.text-lg-right {
|
|
text-align: right;
|
|
}
|
|
.text-lg-center {
|
|
text-align: center;
|
|
}
|
|
.text-lg-justify {
|
|
text-align: justify;
|
|
}
|
|
.text-lg-start {
|
|
text-align: start;
|
|
}
|
|
.text-lg-end {
|
|
text-align: end;
|
|
}
|
|
.h-lg-auto {
|
|
height: auto;
|
|
}
|
|
.h-lg-screen {
|
|
height: 100vh;
|
|
}
|
|
.h-lg-0 {
|
|
height: 0;
|
|
}
|
|
.h-lg-25 {
|
|
height: 25%;
|
|
}
|
|
.h-lg-50 {
|
|
height: 50%;
|
|
}
|
|
.h-lg-75 {
|
|
height: 75%;
|
|
}
|
|
.h-lg-100 {
|
|
height: 100%;
|
|
}
|
|
.w-lg-auto {
|
|
width: auto;
|
|
}
|
|
.w-lg-0 {
|
|
width: 0;
|
|
}
|
|
.w-lg-25 {
|
|
width: 25%;
|
|
}
|
|
.w-lg-33 {
|
|
width: 33%;
|
|
}
|
|
.w-lg-50 {
|
|
width: 50%;
|
|
}
|
|
.w-lg-66 {
|
|
width: 66%;
|
|
}
|
|
.w-lg-75 {
|
|
width: 75%;
|
|
}
|
|
.w-lg-100 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 1545px) {
|
|
.d-xl-none {
|
|
display: none;
|
|
}
|
|
.d-xl-inline {
|
|
display: inline;
|
|
}
|
|
.d-xl-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-xl-block {
|
|
display: block;
|
|
}
|
|
.d-xl-table {
|
|
display: table;
|
|
}
|
|
.d-xl-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-xl-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-xl-flex {
|
|
display: flex;
|
|
}
|
|
.d-xl-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.float-xl-none {
|
|
float: none;
|
|
}
|
|
.float-xl-left {
|
|
float: left;
|
|
}
|
|
.float-xl-right {
|
|
float: right;
|
|
}
|
|
.v-locale--is-rtl .float-xl-end {
|
|
float: left;
|
|
}
|
|
.v-locale--is-rtl .float-xl-start {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-xl-end {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-xl-start {
|
|
float: left;
|
|
}
|
|
.flex-xl-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-xl-1-1 {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-xl-1-0 {
|
|
flex: 1 0 auto;
|
|
}
|
|
.flex-xl-0-1 {
|
|
flex: 0 1 auto;
|
|
}
|
|
.flex-xl-0-0 {
|
|
flex: 0 0 auto;
|
|
}
|
|
.flex-xl-1-1-100 {
|
|
flex: 1 1 100%;
|
|
}
|
|
.flex-xl-1-0-100 {
|
|
flex: 1 0 100%;
|
|
}
|
|
.flex-xl-0-1-100 {
|
|
flex: 0 1 100%;
|
|
}
|
|
.flex-xl-0-0-100 {
|
|
flex: 0 0 100%;
|
|
}
|
|
.flex-xl-1-1-0 {
|
|
flex: 1 1 0;
|
|
}
|
|
.flex-xl-1-0-0 {
|
|
flex: 1 0 0;
|
|
}
|
|
.flex-xl-0-1-0 {
|
|
flex: 0 1 0;
|
|
}
|
|
.flex-xl-0-0-0 {
|
|
flex: 0 0 0;
|
|
}
|
|
.flex-xl-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-xl-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-xl-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-xl-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-xl-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-xl-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-xl-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-xl-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-xl-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-xl-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-xl-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-xl-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-xl-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-xl-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-xl-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-xl-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-xl-space-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-xl-start {
|
|
justify-items: flex-start;
|
|
}
|
|
.justify-items-xl-end {
|
|
justify-items: flex-end;
|
|
}
|
|
.justify-items-xl-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-xl-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.align-xl-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-xl-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-xl-center {
|
|
align-items: center;
|
|
}
|
|
.align-xl-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-xl-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-xl-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-xl-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-xl-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-xl-space-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-xl-space-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-xl-space-evenly {
|
|
align-content: space-evenly;
|
|
}
|
|
.align-content-xl-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-xl-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-xl-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-xl-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-xl-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-xl-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-xl-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.order-xl-first {
|
|
order: -1;
|
|
}
|
|
.order-xl-0 {
|
|
order: 0;
|
|
}
|
|
.order-xl-1 {
|
|
order: 1;
|
|
}
|
|
.order-xl-2 {
|
|
order: 2;
|
|
}
|
|
.order-xl-3 {
|
|
order: 3;
|
|
}
|
|
.order-xl-4 {
|
|
order: 4;
|
|
}
|
|
.order-xl-5 {
|
|
order: 5;
|
|
}
|
|
.order-xl-6 {
|
|
order: 6;
|
|
}
|
|
.order-xl-7 {
|
|
order: 7;
|
|
}
|
|
.order-xl-8 {
|
|
order: 8;
|
|
}
|
|
.order-xl-9 {
|
|
order: 9;
|
|
}
|
|
.order-xl-10 {
|
|
order: 10;
|
|
}
|
|
.order-xl-11 {
|
|
order: 11;
|
|
}
|
|
.order-xl-12 {
|
|
order: 12;
|
|
}
|
|
.order-xl-last {
|
|
order: 13;
|
|
}
|
|
.ga-xl-0 {
|
|
gap: 0px;
|
|
}
|
|
.ga-xl-1 {
|
|
gap: 4px;
|
|
}
|
|
.ga-xl-2 {
|
|
gap: 8px;
|
|
}
|
|
.ga-xl-3 {
|
|
gap: 12px;
|
|
}
|
|
.ga-xl-4 {
|
|
gap: 16px;
|
|
}
|
|
.ga-xl-5 {
|
|
gap: 20px;
|
|
}
|
|
.ga-xl-6 {
|
|
gap: 24px;
|
|
}
|
|
.ga-xl-7 {
|
|
gap: 28px;
|
|
}
|
|
.ga-xl-8 {
|
|
gap: 32px;
|
|
}
|
|
.ga-xl-9 {
|
|
gap: 36px;
|
|
}
|
|
.ga-xl-10 {
|
|
gap: 40px;
|
|
}
|
|
.ga-xl-11 {
|
|
gap: 44px;
|
|
}
|
|
.ga-xl-12 {
|
|
gap: 48px;
|
|
}
|
|
.ga-xl-13 {
|
|
gap: 52px;
|
|
}
|
|
.ga-xl-14 {
|
|
gap: 56px;
|
|
}
|
|
.ga-xl-15 {
|
|
gap: 60px;
|
|
}
|
|
.ga-xl-16 {
|
|
gap: 64px;
|
|
}
|
|
.ga-xl-auto {
|
|
gap: auto;
|
|
}
|
|
.gr-xl-0 {
|
|
row-gap: 0px;
|
|
}
|
|
.gr-xl-1 {
|
|
row-gap: 4px;
|
|
}
|
|
.gr-xl-2 {
|
|
row-gap: 8px;
|
|
}
|
|
.gr-xl-3 {
|
|
row-gap: 12px;
|
|
}
|
|
.gr-xl-4 {
|
|
row-gap: 16px;
|
|
}
|
|
.gr-xl-5 {
|
|
row-gap: 20px;
|
|
}
|
|
.gr-xl-6 {
|
|
row-gap: 24px;
|
|
}
|
|
.gr-xl-7 {
|
|
row-gap: 28px;
|
|
}
|
|
.gr-xl-8 {
|
|
row-gap: 32px;
|
|
}
|
|
.gr-xl-9 {
|
|
row-gap: 36px;
|
|
}
|
|
.gr-xl-10 {
|
|
row-gap: 40px;
|
|
}
|
|
.gr-xl-11 {
|
|
row-gap: 44px;
|
|
}
|
|
.gr-xl-12 {
|
|
row-gap: 48px;
|
|
}
|
|
.gr-xl-13 {
|
|
row-gap: 52px;
|
|
}
|
|
.gr-xl-14 {
|
|
row-gap: 56px;
|
|
}
|
|
.gr-xl-15 {
|
|
row-gap: 60px;
|
|
}
|
|
.gr-xl-16 {
|
|
row-gap: 64px;
|
|
}
|
|
.gr-xl-auto {
|
|
row-gap: auto;
|
|
}
|
|
.gc-xl-0 {
|
|
column-gap: 0px;
|
|
}
|
|
.gc-xl-1 {
|
|
column-gap: 4px;
|
|
}
|
|
.gc-xl-2 {
|
|
column-gap: 8px;
|
|
}
|
|
.gc-xl-3 {
|
|
column-gap: 12px;
|
|
}
|
|
.gc-xl-4 {
|
|
column-gap: 16px;
|
|
}
|
|
.gc-xl-5 {
|
|
column-gap: 20px;
|
|
}
|
|
.gc-xl-6 {
|
|
column-gap: 24px;
|
|
}
|
|
.gc-xl-7 {
|
|
column-gap: 28px;
|
|
}
|
|
.gc-xl-8 {
|
|
column-gap: 32px;
|
|
}
|
|
.gc-xl-9 {
|
|
column-gap: 36px;
|
|
}
|
|
.gc-xl-10 {
|
|
column-gap: 40px;
|
|
}
|
|
.gc-xl-11 {
|
|
column-gap: 44px;
|
|
}
|
|
.gc-xl-12 {
|
|
column-gap: 48px;
|
|
}
|
|
.gc-xl-13 {
|
|
column-gap: 52px;
|
|
}
|
|
.gc-xl-14 {
|
|
column-gap: 56px;
|
|
}
|
|
.gc-xl-15 {
|
|
column-gap: 60px;
|
|
}
|
|
.gc-xl-16 {
|
|
column-gap: 64px;
|
|
}
|
|
.gc-xl-auto {
|
|
column-gap: auto;
|
|
}
|
|
.ma-xl-0 {
|
|
margin: 0px;
|
|
}
|
|
.ma-xl-1 {
|
|
margin: 4px;
|
|
}
|
|
.ma-xl-2 {
|
|
margin: 8px;
|
|
}
|
|
.ma-xl-3 {
|
|
margin: 12px;
|
|
}
|
|
.ma-xl-4 {
|
|
margin: 16px;
|
|
}
|
|
.ma-xl-5 {
|
|
margin: 20px;
|
|
}
|
|
.ma-xl-6 {
|
|
margin: 24px;
|
|
}
|
|
.ma-xl-7 {
|
|
margin: 28px;
|
|
}
|
|
.ma-xl-8 {
|
|
margin: 32px;
|
|
}
|
|
.ma-xl-9 {
|
|
margin: 36px;
|
|
}
|
|
.ma-xl-10 {
|
|
margin: 40px;
|
|
}
|
|
.ma-xl-11 {
|
|
margin: 44px;
|
|
}
|
|
.ma-xl-12 {
|
|
margin: 48px;
|
|
}
|
|
.ma-xl-13 {
|
|
margin: 52px;
|
|
}
|
|
.ma-xl-14 {
|
|
margin: 56px;
|
|
}
|
|
.ma-xl-15 {
|
|
margin: 60px;
|
|
}
|
|
.ma-xl-16 {
|
|
margin: 64px;
|
|
}
|
|
.ma-xl-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-xl-0 {
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
.mx-xl-1 {
|
|
margin-right: 4px;
|
|
margin-left: 4px;
|
|
}
|
|
.mx-xl-2 {
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
.mx-xl-3 {
|
|
margin-right: 12px;
|
|
margin-left: 12px;
|
|
}
|
|
.mx-xl-4 {
|
|
margin-right: 16px;
|
|
margin-left: 16px;
|
|
}
|
|
.mx-xl-5 {
|
|
margin-right: 20px;
|
|
margin-left: 20px;
|
|
}
|
|
.mx-xl-6 {
|
|
margin-right: 24px;
|
|
margin-left: 24px;
|
|
}
|
|
.mx-xl-7 {
|
|
margin-right: 28px;
|
|
margin-left: 28px;
|
|
}
|
|
.mx-xl-8 {
|
|
margin-right: 32px;
|
|
margin-left: 32px;
|
|
}
|
|
.mx-xl-9 {
|
|
margin-right: 36px;
|
|
margin-left: 36px;
|
|
}
|
|
.mx-xl-10 {
|
|
margin-right: 40px;
|
|
margin-left: 40px;
|
|
}
|
|
.mx-xl-11 {
|
|
margin-right: 44px;
|
|
margin-left: 44px;
|
|
}
|
|
.mx-xl-12 {
|
|
margin-right: 48px;
|
|
margin-left: 48px;
|
|
}
|
|
.mx-xl-13 {
|
|
margin-right: 52px;
|
|
margin-left: 52px;
|
|
}
|
|
.mx-xl-14 {
|
|
margin-right: 56px;
|
|
margin-left: 56px;
|
|
}
|
|
.mx-xl-15 {
|
|
margin-right: 60px;
|
|
margin-left: 60px;
|
|
}
|
|
.mx-xl-16 {
|
|
margin-right: 64px;
|
|
margin-left: 64px;
|
|
}
|
|
.mx-xl-auto {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.my-xl-0 {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.my-xl-1 {
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.my-xl-2 {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.my-xl-3 {
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.my-xl-4 {
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.my-xl-5 {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.my-xl-6 {
|
|
margin-top: 24px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.my-xl-7 {
|
|
margin-top: 28px;
|
|
margin-bottom: 28px;
|
|
}
|
|
.my-xl-8 {
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.my-xl-9 {
|
|
margin-top: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
.my-xl-10 {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.my-xl-11 {
|
|
margin-top: 44px;
|
|
margin-bottom: 44px;
|
|
}
|
|
.my-xl-12 {
|
|
margin-top: 48px;
|
|
margin-bottom: 48px;
|
|
}
|
|
.my-xl-13 {
|
|
margin-top: 52px;
|
|
margin-bottom: 52px;
|
|
}
|
|
.my-xl-14 {
|
|
margin-top: 56px;
|
|
margin-bottom: 56px;
|
|
}
|
|
.my-xl-15 {
|
|
margin-top: 60px;
|
|
margin-bottom: 60px;
|
|
}
|
|
.my-xl-16 {
|
|
margin-top: 64px;
|
|
margin-bottom: 64px;
|
|
}
|
|
.my-xl-auto {
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
.mt-xl-0 {
|
|
margin-top: 0px;
|
|
}
|
|
.mt-xl-1 {
|
|
margin-top: 4px;
|
|
}
|
|
.mt-xl-2 {
|
|
margin-top: 8px;
|
|
}
|
|
.mt-xl-3 {
|
|
margin-top: 12px;
|
|
}
|
|
.mt-xl-4 {
|
|
margin-top: 16px;
|
|
}
|
|
.mt-xl-5 {
|
|
margin-top: 20px;
|
|
}
|
|
.mt-xl-6 {
|
|
margin-top: 24px;
|
|
}
|
|
.mt-xl-7 {
|
|
margin-top: 28px;
|
|
}
|
|
.mt-xl-8 {
|
|
margin-top: 32px;
|
|
}
|
|
.mt-xl-9 {
|
|
margin-top: 36px;
|
|
}
|
|
.mt-xl-10 {
|
|
margin-top: 40px;
|
|
}
|
|
.mt-xl-11 {
|
|
margin-top: 44px;
|
|
}
|
|
.mt-xl-12 {
|
|
margin-top: 48px;
|
|
}
|
|
.mt-xl-13 {
|
|
margin-top: 52px;
|
|
}
|
|
.mt-xl-14 {
|
|
margin-top: 56px;
|
|
}
|
|
.mt-xl-15 {
|
|
margin-top: 60px;
|
|
}
|
|
.mt-xl-16 {
|
|
margin-top: 64px;
|
|
}
|
|
.mt-xl-auto {
|
|
margin-top: auto;
|
|
}
|
|
.mr-xl-0 {
|
|
margin-right: 0px;
|
|
}
|
|
.mr-xl-1 {
|
|
margin-right: 4px;
|
|
}
|
|
.mr-xl-2 {
|
|
margin-right: 8px;
|
|
}
|
|
.mr-xl-3 {
|
|
margin-right: 12px;
|
|
}
|
|
.mr-xl-4 {
|
|
margin-right: 16px;
|
|
}
|
|
.mr-xl-5 {
|
|
margin-right: 20px;
|
|
}
|
|
.mr-xl-6 {
|
|
margin-right: 24px;
|
|
}
|
|
.mr-xl-7 {
|
|
margin-right: 28px;
|
|
}
|
|
.mr-xl-8 {
|
|
margin-right: 32px;
|
|
}
|
|
.mr-xl-9 {
|
|
margin-right: 36px;
|
|
}
|
|
.mr-xl-10 {
|
|
margin-right: 40px;
|
|
}
|
|
.mr-xl-11 {
|
|
margin-right: 44px;
|
|
}
|
|
.mr-xl-12 {
|
|
margin-right: 48px;
|
|
}
|
|
.mr-xl-13 {
|
|
margin-right: 52px;
|
|
}
|
|
.mr-xl-14 {
|
|
margin-right: 56px;
|
|
}
|
|
.mr-xl-15 {
|
|
margin-right: 60px;
|
|
}
|
|
.mr-xl-16 {
|
|
margin-right: 64px;
|
|
}
|
|
.mr-xl-auto {
|
|
margin-right: auto;
|
|
}
|
|
.mb-xl-0 {
|
|
margin-bottom: 0px;
|
|
}
|
|
.mb-xl-1 {
|
|
margin-bottom: 4px;
|
|
}
|
|
.mb-xl-2 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.mb-xl-3 {
|
|
margin-bottom: 12px;
|
|
}
|
|
.mb-xl-4 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mb-xl-5 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-xl-6 {
|
|
margin-bottom: 24px;
|
|
}
|
|
.mb-xl-7 {
|
|
margin-bottom: 28px;
|
|
}
|
|
.mb-xl-8 {
|
|
margin-bottom: 32px;
|
|
}
|
|
.mb-xl-9 {
|
|
margin-bottom: 36px;
|
|
}
|
|
.mb-xl-10 {
|
|
margin-bottom: 40px;
|
|
}
|
|
.mb-xl-11 {
|
|
margin-bottom: 44px;
|
|
}
|
|
.mb-xl-12 {
|
|
margin-bottom: 48px;
|
|
}
|
|
.mb-xl-13 {
|
|
margin-bottom: 52px;
|
|
}
|
|
.mb-xl-14 {
|
|
margin-bottom: 56px;
|
|
}
|
|
.mb-xl-15 {
|
|
margin-bottom: 60px;
|
|
}
|
|
.mb-xl-16 {
|
|
margin-bottom: 64px;
|
|
}
|
|
.mb-xl-auto {
|
|
margin-bottom: auto;
|
|
}
|
|
.ml-xl-0 {
|
|
margin-left: 0px;
|
|
}
|
|
.ml-xl-1 {
|
|
margin-left: 4px;
|
|
}
|
|
.ml-xl-2 {
|
|
margin-left: 8px;
|
|
}
|
|
.ml-xl-3 {
|
|
margin-left: 12px;
|
|
}
|
|
.ml-xl-4 {
|
|
margin-left: 16px;
|
|
}
|
|
.ml-xl-5 {
|
|
margin-left: 20px;
|
|
}
|
|
.ml-xl-6 {
|
|
margin-left: 24px;
|
|
}
|
|
.ml-xl-7 {
|
|
margin-left: 28px;
|
|
}
|
|
.ml-xl-8 {
|
|
margin-left: 32px;
|
|
}
|
|
.ml-xl-9 {
|
|
margin-left: 36px;
|
|
}
|
|
.ml-xl-10 {
|
|
margin-left: 40px;
|
|
}
|
|
.ml-xl-11 {
|
|
margin-left: 44px;
|
|
}
|
|
.ml-xl-12 {
|
|
margin-left: 48px;
|
|
}
|
|
.ml-xl-13 {
|
|
margin-left: 52px;
|
|
}
|
|
.ml-xl-14 {
|
|
margin-left: 56px;
|
|
}
|
|
.ml-xl-15 {
|
|
margin-left: 60px;
|
|
}
|
|
.ml-xl-16 {
|
|
margin-left: 64px;
|
|
}
|
|
.ml-xl-auto {
|
|
margin-left: auto;
|
|
}
|
|
.ms-xl-0 {
|
|
margin-inline-start: 0px;
|
|
}
|
|
.ms-xl-1 {
|
|
margin-inline-start: 4px;
|
|
}
|
|
.ms-xl-2 {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.ms-xl-3 {
|
|
margin-inline-start: 12px;
|
|
}
|
|
.ms-xl-4 {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.ms-xl-5 {
|
|
margin-inline-start: 20px;
|
|
}
|
|
.ms-xl-6 {
|
|
margin-inline-start: 24px;
|
|
}
|
|
.ms-xl-7 {
|
|
margin-inline-start: 28px;
|
|
}
|
|
.ms-xl-8 {
|
|
margin-inline-start: 32px;
|
|
}
|
|
.ms-xl-9 {
|
|
margin-inline-start: 36px;
|
|
}
|
|
.ms-xl-10 {
|
|
margin-inline-start: 40px;
|
|
}
|
|
.ms-xl-11 {
|
|
margin-inline-start: 44px;
|
|
}
|
|
.ms-xl-12 {
|
|
margin-inline-start: 48px;
|
|
}
|
|
.ms-xl-13 {
|
|
margin-inline-start: 52px;
|
|
}
|
|
.ms-xl-14 {
|
|
margin-inline-start: 56px;
|
|
}
|
|
.ms-xl-15 {
|
|
margin-inline-start: 60px;
|
|
}
|
|
.ms-xl-16 {
|
|
margin-inline-start: 64px;
|
|
}
|
|
.ms-xl-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.me-xl-0 {
|
|
margin-inline-end: 0px;
|
|
}
|
|
.me-xl-1 {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.me-xl-2 {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.me-xl-3 {
|
|
margin-inline-end: 12px;
|
|
}
|
|
.me-xl-4 {
|
|
margin-inline-end: 16px;
|
|
}
|
|
.me-xl-5 {
|
|
margin-inline-end: 20px;
|
|
}
|
|
.me-xl-6 {
|
|
margin-inline-end: 24px;
|
|
}
|
|
.me-xl-7 {
|
|
margin-inline-end: 28px;
|
|
}
|
|
.me-xl-8 {
|
|
margin-inline-end: 32px;
|
|
}
|
|
.me-xl-9 {
|
|
margin-inline-end: 36px;
|
|
}
|
|
.me-xl-10 {
|
|
margin-inline-end: 40px;
|
|
}
|
|
.me-xl-11 {
|
|
margin-inline-end: 44px;
|
|
}
|
|
.me-xl-12 {
|
|
margin-inline-end: 48px;
|
|
}
|
|
.me-xl-13 {
|
|
margin-inline-end: 52px;
|
|
}
|
|
.me-xl-14 {
|
|
margin-inline-end: 56px;
|
|
}
|
|
.me-xl-15 {
|
|
margin-inline-end: 60px;
|
|
}
|
|
.me-xl-16 {
|
|
margin-inline-end: 64px;
|
|
}
|
|
.me-xl-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.ma-xl-n1 {
|
|
margin: -4px;
|
|
}
|
|
.ma-xl-n2 {
|
|
margin: -8px;
|
|
}
|
|
.ma-xl-n3 {
|
|
margin: -12px;
|
|
}
|
|
.ma-xl-n4 {
|
|
margin: -16px;
|
|
}
|
|
.ma-xl-n5 {
|
|
margin: -20px;
|
|
}
|
|
.ma-xl-n6 {
|
|
margin: -24px;
|
|
}
|
|
.ma-xl-n7 {
|
|
margin: -28px;
|
|
}
|
|
.ma-xl-n8 {
|
|
margin: -32px;
|
|
}
|
|
.ma-xl-n9 {
|
|
margin: -36px;
|
|
}
|
|
.ma-xl-n10 {
|
|
margin: -40px;
|
|
}
|
|
.ma-xl-n11 {
|
|
margin: -44px;
|
|
}
|
|
.ma-xl-n12 {
|
|
margin: -48px;
|
|
}
|
|
.ma-xl-n13 {
|
|
margin: -52px;
|
|
}
|
|
.ma-xl-n14 {
|
|
margin: -56px;
|
|
}
|
|
.ma-xl-n15 {
|
|
margin: -60px;
|
|
}
|
|
.ma-xl-n16 {
|
|
margin: -64px;
|
|
}
|
|
.mx-xl-n1 {
|
|
margin-right: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.mx-xl-n2 {
|
|
margin-right: -8px;
|
|
margin-left: -8px;
|
|
}
|
|
.mx-xl-n3 {
|
|
margin-right: -12px;
|
|
margin-left: -12px;
|
|
}
|
|
.mx-xl-n4 {
|
|
margin-right: -16px;
|
|
margin-left: -16px;
|
|
}
|
|
.mx-xl-n5 {
|
|
margin-right: -20px;
|
|
margin-left: -20px;
|
|
}
|
|
.mx-xl-n6 {
|
|
margin-right: -24px;
|
|
margin-left: -24px;
|
|
}
|
|
.mx-xl-n7 {
|
|
margin-right: -28px;
|
|
margin-left: -28px;
|
|
}
|
|
.mx-xl-n8 {
|
|
margin-right: -32px;
|
|
margin-left: -32px;
|
|
}
|
|
.mx-xl-n9 {
|
|
margin-right: -36px;
|
|
margin-left: -36px;
|
|
}
|
|
.mx-xl-n10 {
|
|
margin-right: -40px;
|
|
margin-left: -40px;
|
|
}
|
|
.mx-xl-n11 {
|
|
margin-right: -44px;
|
|
margin-left: -44px;
|
|
}
|
|
.mx-xl-n12 {
|
|
margin-right: -48px;
|
|
margin-left: -48px;
|
|
}
|
|
.mx-xl-n13 {
|
|
margin-right: -52px;
|
|
margin-left: -52px;
|
|
}
|
|
.mx-xl-n14 {
|
|
margin-right: -56px;
|
|
margin-left: -56px;
|
|
}
|
|
.mx-xl-n15 {
|
|
margin-right: -60px;
|
|
margin-left: -60px;
|
|
}
|
|
.mx-xl-n16 {
|
|
margin-right: -64px;
|
|
margin-left: -64px;
|
|
}
|
|
.my-xl-n1 {
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
}
|
|
.my-xl-n2 {
|
|
margin-top: -8px;
|
|
margin-bottom: -8px;
|
|
}
|
|
.my-xl-n3 {
|
|
margin-top: -12px;
|
|
margin-bottom: -12px;
|
|
}
|
|
.my-xl-n4 {
|
|
margin-top: -16px;
|
|
margin-bottom: -16px;
|
|
}
|
|
.my-xl-n5 {
|
|
margin-top: -20px;
|
|
margin-bottom: -20px;
|
|
}
|
|
.my-xl-n6 {
|
|
margin-top: -24px;
|
|
margin-bottom: -24px;
|
|
}
|
|
.my-xl-n7 {
|
|
margin-top: -28px;
|
|
margin-bottom: -28px;
|
|
}
|
|
.my-xl-n8 {
|
|
margin-top: -32px;
|
|
margin-bottom: -32px;
|
|
}
|
|
.my-xl-n9 {
|
|
margin-top: -36px;
|
|
margin-bottom: -36px;
|
|
}
|
|
.my-xl-n10 {
|
|
margin-top: -40px;
|
|
margin-bottom: -40px;
|
|
}
|
|
.my-xl-n11 {
|
|
margin-top: -44px;
|
|
margin-bottom: -44px;
|
|
}
|
|
.my-xl-n12 {
|
|
margin-top: -48px;
|
|
margin-bottom: -48px;
|
|
}
|
|
.my-xl-n13 {
|
|
margin-top: -52px;
|
|
margin-bottom: -52px;
|
|
}
|
|
.my-xl-n14 {
|
|
margin-top: -56px;
|
|
margin-bottom: -56px;
|
|
}
|
|
.my-xl-n15 {
|
|
margin-top: -60px;
|
|
margin-bottom: -60px;
|
|
}
|
|
.my-xl-n16 {
|
|
margin-top: -64px;
|
|
margin-bottom: -64px;
|
|
}
|
|
.mt-xl-n1 {
|
|
margin-top: -4px;
|
|
}
|
|
.mt-xl-n2 {
|
|
margin-top: -8px;
|
|
}
|
|
.mt-xl-n3 {
|
|
margin-top: -12px;
|
|
}
|
|
.mt-xl-n4 {
|
|
margin-top: -16px;
|
|
}
|
|
.mt-xl-n5 {
|
|
margin-top: -20px;
|
|
}
|
|
.mt-xl-n6 {
|
|
margin-top: -24px;
|
|
}
|
|
.mt-xl-n7 {
|
|
margin-top: -28px;
|
|
}
|
|
.mt-xl-n8 {
|
|
margin-top: -32px;
|
|
}
|
|
.mt-xl-n9 {
|
|
margin-top: -36px;
|
|
}
|
|
.mt-xl-n10 {
|
|
margin-top: -40px;
|
|
}
|
|
.mt-xl-n11 {
|
|
margin-top: -44px;
|
|
}
|
|
.mt-xl-n12 {
|
|
margin-top: -48px;
|
|
}
|
|
.mt-xl-n13 {
|
|
margin-top: -52px;
|
|
}
|
|
.mt-xl-n14 {
|
|
margin-top: -56px;
|
|
}
|
|
.mt-xl-n15 {
|
|
margin-top: -60px;
|
|
}
|
|
.mt-xl-n16 {
|
|
margin-top: -64px;
|
|
}
|
|
.mr-xl-n1 {
|
|
margin-right: -4px;
|
|
}
|
|
.mr-xl-n2 {
|
|
margin-right: -8px;
|
|
}
|
|
.mr-xl-n3 {
|
|
margin-right: -12px;
|
|
}
|
|
.mr-xl-n4 {
|
|
margin-right: -16px;
|
|
}
|
|
.mr-xl-n5 {
|
|
margin-right: -20px;
|
|
}
|
|
.mr-xl-n6 {
|
|
margin-right: -24px;
|
|
}
|
|
.mr-xl-n7 {
|
|
margin-right: -28px;
|
|
}
|
|
.mr-xl-n8 {
|
|
margin-right: -32px;
|
|
}
|
|
.mr-xl-n9 {
|
|
margin-right: -36px;
|
|
}
|
|
.mr-xl-n10 {
|
|
margin-right: -40px;
|
|
}
|
|
.mr-xl-n11 {
|
|
margin-right: -44px;
|
|
}
|
|
.mr-xl-n12 {
|
|
margin-right: -48px;
|
|
}
|
|
.mr-xl-n13 {
|
|
margin-right: -52px;
|
|
}
|
|
.mr-xl-n14 {
|
|
margin-right: -56px;
|
|
}
|
|
.mr-xl-n15 {
|
|
margin-right: -60px;
|
|
}
|
|
.mr-xl-n16 {
|
|
margin-right: -64px;
|
|
}
|
|
.mb-xl-n1 {
|
|
margin-bottom: -4px;
|
|
}
|
|
.mb-xl-n2 {
|
|
margin-bottom: -8px;
|
|
}
|
|
.mb-xl-n3 {
|
|
margin-bottom: -12px;
|
|
}
|
|
.mb-xl-n4 {
|
|
margin-bottom: -16px;
|
|
}
|
|
.mb-xl-n5 {
|
|
margin-bottom: -20px;
|
|
}
|
|
.mb-xl-n6 {
|
|
margin-bottom: -24px;
|
|
}
|
|
.mb-xl-n7 {
|
|
margin-bottom: -28px;
|
|
}
|
|
.mb-xl-n8 {
|
|
margin-bottom: -32px;
|
|
}
|
|
.mb-xl-n9 {
|
|
margin-bottom: -36px;
|
|
}
|
|
.mb-xl-n10 {
|
|
margin-bottom: -40px;
|
|
}
|
|
.mb-xl-n11 {
|
|
margin-bottom: -44px;
|
|
}
|
|
.mb-xl-n12 {
|
|
margin-bottom: -48px;
|
|
}
|
|
.mb-xl-n13 {
|
|
margin-bottom: -52px;
|
|
}
|
|
.mb-xl-n14 {
|
|
margin-bottom: -56px;
|
|
}
|
|
.mb-xl-n15 {
|
|
margin-bottom: -60px;
|
|
}
|
|
.mb-xl-n16 {
|
|
margin-bottom: -64px;
|
|
}
|
|
.ml-xl-n1 {
|
|
margin-left: -4px;
|
|
}
|
|
.ml-xl-n2 {
|
|
margin-left: -8px;
|
|
}
|
|
.ml-xl-n3 {
|
|
margin-left: -12px;
|
|
}
|
|
.ml-xl-n4 {
|
|
margin-left: -16px;
|
|
}
|
|
.ml-xl-n5 {
|
|
margin-left: -20px;
|
|
}
|
|
.ml-xl-n6 {
|
|
margin-left: -24px;
|
|
}
|
|
.ml-xl-n7 {
|
|
margin-left: -28px;
|
|
}
|
|
.ml-xl-n8 {
|
|
margin-left: -32px;
|
|
}
|
|
.ml-xl-n9 {
|
|
margin-left: -36px;
|
|
}
|
|
.ml-xl-n10 {
|
|
margin-left: -40px;
|
|
}
|
|
.ml-xl-n11 {
|
|
margin-left: -44px;
|
|
}
|
|
.ml-xl-n12 {
|
|
margin-left: -48px;
|
|
}
|
|
.ml-xl-n13 {
|
|
margin-left: -52px;
|
|
}
|
|
.ml-xl-n14 {
|
|
margin-left: -56px;
|
|
}
|
|
.ml-xl-n15 {
|
|
margin-left: -60px;
|
|
}
|
|
.ml-xl-n16 {
|
|
margin-left: -64px;
|
|
}
|
|
.ms-xl-n1 {
|
|
margin-inline-start: -4px;
|
|
}
|
|
.ms-xl-n2 {
|
|
margin-inline-start: -8px;
|
|
}
|
|
.ms-xl-n3 {
|
|
margin-inline-start: -12px;
|
|
}
|
|
.ms-xl-n4 {
|
|
margin-inline-start: -16px;
|
|
}
|
|
.ms-xl-n5 {
|
|
margin-inline-start: -20px;
|
|
}
|
|
.ms-xl-n6 {
|
|
margin-inline-start: -24px;
|
|
}
|
|
.ms-xl-n7 {
|
|
margin-inline-start: -28px;
|
|
}
|
|
.ms-xl-n8 {
|
|
margin-inline-start: -32px;
|
|
}
|
|
.ms-xl-n9 {
|
|
margin-inline-start: -36px;
|
|
}
|
|
.ms-xl-n10 {
|
|
margin-inline-start: -40px;
|
|
}
|
|
.ms-xl-n11 {
|
|
margin-inline-start: -44px;
|
|
}
|
|
.ms-xl-n12 {
|
|
margin-inline-start: -48px;
|
|
}
|
|
.ms-xl-n13 {
|
|
margin-inline-start: -52px;
|
|
}
|
|
.ms-xl-n14 {
|
|
margin-inline-start: -56px;
|
|
}
|
|
.ms-xl-n15 {
|
|
margin-inline-start: -60px;
|
|
}
|
|
.ms-xl-n16 {
|
|
margin-inline-start: -64px;
|
|
}
|
|
.me-xl-n1 {
|
|
margin-inline-end: -4px;
|
|
}
|
|
.me-xl-n2 {
|
|
margin-inline-end: -8px;
|
|
}
|
|
.me-xl-n3 {
|
|
margin-inline-end: -12px;
|
|
}
|
|
.me-xl-n4 {
|
|
margin-inline-end: -16px;
|
|
}
|
|
.me-xl-n5 {
|
|
margin-inline-end: -20px;
|
|
}
|
|
.me-xl-n6 {
|
|
margin-inline-end: -24px;
|
|
}
|
|
.me-xl-n7 {
|
|
margin-inline-end: -28px;
|
|
}
|
|
.me-xl-n8 {
|
|
margin-inline-end: -32px;
|
|
}
|
|
.me-xl-n9 {
|
|
margin-inline-end: -36px;
|
|
}
|
|
.me-xl-n10 {
|
|
margin-inline-end: -40px;
|
|
}
|
|
.me-xl-n11 {
|
|
margin-inline-end: -44px;
|
|
}
|
|
.me-xl-n12 {
|
|
margin-inline-end: -48px;
|
|
}
|
|
.me-xl-n13 {
|
|
margin-inline-end: -52px;
|
|
}
|
|
.me-xl-n14 {
|
|
margin-inline-end: -56px;
|
|
}
|
|
.me-xl-n15 {
|
|
margin-inline-end: -60px;
|
|
}
|
|
.me-xl-n16 {
|
|
margin-inline-end: -64px;
|
|
}
|
|
.pa-xl-0 {
|
|
padding: 0px;
|
|
}
|
|
.pa-xl-1 {
|
|
padding: 4px;
|
|
}
|
|
.pa-xl-2 {
|
|
padding: 8px;
|
|
}
|
|
.pa-xl-3 {
|
|
padding: 12px;
|
|
}
|
|
.pa-xl-4 {
|
|
padding: 16px;
|
|
}
|
|
.pa-xl-5 {
|
|
padding: 20px;
|
|
}
|
|
.pa-xl-6 {
|
|
padding: 24px;
|
|
}
|
|
.pa-xl-7 {
|
|
padding: 28px;
|
|
}
|
|
.pa-xl-8 {
|
|
padding: 32px;
|
|
}
|
|
.pa-xl-9 {
|
|
padding: 36px;
|
|
}
|
|
.pa-xl-10 {
|
|
padding: 40px;
|
|
}
|
|
.pa-xl-11 {
|
|
padding: 44px;
|
|
}
|
|
.pa-xl-12 {
|
|
padding: 48px;
|
|
}
|
|
.pa-xl-13 {
|
|
padding: 52px;
|
|
}
|
|
.pa-xl-14 {
|
|
padding: 56px;
|
|
}
|
|
.pa-xl-15 {
|
|
padding: 60px;
|
|
}
|
|
.pa-xl-16 {
|
|
padding: 64px;
|
|
}
|
|
.px-xl-0 {
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.px-xl-1 {
|
|
padding-right: 4px;
|
|
padding-left: 4px;
|
|
}
|
|
.px-xl-2 {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
.px-xl-3 {
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
}
|
|
.px-xl-4 {
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
.px-xl-5 {
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.px-xl-6 {
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.px-xl-7 {
|
|
padding-right: 28px;
|
|
padding-left: 28px;
|
|
}
|
|
.px-xl-8 {
|
|
padding-right: 32px;
|
|
padding-left: 32px;
|
|
}
|
|
.px-xl-9 {
|
|
padding-right: 36px;
|
|
padding-left: 36px;
|
|
}
|
|
.px-xl-10 {
|
|
padding-right: 40px;
|
|
padding-left: 40px;
|
|
}
|
|
.px-xl-11 {
|
|
padding-right: 44px;
|
|
padding-left: 44px;
|
|
}
|
|
.px-xl-12 {
|
|
padding-right: 48px;
|
|
padding-left: 48px;
|
|
}
|
|
.px-xl-13 {
|
|
padding-right: 52px;
|
|
padding-left: 52px;
|
|
}
|
|
.px-xl-14 {
|
|
padding-right: 56px;
|
|
padding-left: 56px;
|
|
}
|
|
.px-xl-15 {
|
|
padding-right: 60px;
|
|
padding-left: 60px;
|
|
}
|
|
.px-xl-16 {
|
|
padding-right: 64px;
|
|
padding-left: 64px;
|
|
}
|
|
.py-xl-0 {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.py-xl-1 {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.py-xl-2 {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.py-xl-3 {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.py-xl-4 {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.py-xl-5 {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.py-xl-6 {
|
|
padding-top: 24px;
|
|
padding-bottom: 24px;
|
|
}
|
|
.py-xl-7 {
|
|
padding-top: 28px;
|
|
padding-bottom: 28px;
|
|
}
|
|
.py-xl-8 {
|
|
padding-top: 32px;
|
|
padding-bottom: 32px;
|
|
}
|
|
.py-xl-9 {
|
|
padding-top: 36px;
|
|
padding-bottom: 36px;
|
|
}
|
|
.py-xl-10 {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
}
|
|
.py-xl-11 {
|
|
padding-top: 44px;
|
|
padding-bottom: 44px;
|
|
}
|
|
.py-xl-12 {
|
|
padding-top: 48px;
|
|
padding-bottom: 48px;
|
|
}
|
|
.py-xl-13 {
|
|
padding-top: 52px;
|
|
padding-bottom: 52px;
|
|
}
|
|
.py-xl-14 {
|
|
padding-top: 56px;
|
|
padding-bottom: 56px;
|
|
}
|
|
.py-xl-15 {
|
|
padding-top: 60px;
|
|
padding-bottom: 60px;
|
|
}
|
|
.py-xl-16 {
|
|
padding-top: 64px;
|
|
padding-bottom: 64px;
|
|
}
|
|
.pt-xl-0 {
|
|
padding-top: 0px;
|
|
}
|
|
.pt-xl-1 {
|
|
padding-top: 4px;
|
|
}
|
|
.pt-xl-2 {
|
|
padding-top: 8px;
|
|
}
|
|
.pt-xl-3 {
|
|
padding-top: 12px;
|
|
}
|
|
.pt-xl-4 {
|
|
padding-top: 16px;
|
|
}
|
|
.pt-xl-5 {
|
|
padding-top: 20px;
|
|
}
|
|
.pt-xl-6 {
|
|
padding-top: 24px;
|
|
}
|
|
.pt-xl-7 {
|
|
padding-top: 28px;
|
|
}
|
|
.pt-xl-8 {
|
|
padding-top: 32px;
|
|
}
|
|
.pt-xl-9 {
|
|
padding-top: 36px;
|
|
}
|
|
.pt-xl-10 {
|
|
padding-top: 40px;
|
|
}
|
|
.pt-xl-11 {
|
|
padding-top: 44px;
|
|
}
|
|
.pt-xl-12 {
|
|
padding-top: 48px;
|
|
}
|
|
.pt-xl-13 {
|
|
padding-top: 52px;
|
|
}
|
|
.pt-xl-14 {
|
|
padding-top: 56px;
|
|
}
|
|
.pt-xl-15 {
|
|
padding-top: 60px;
|
|
}
|
|
.pt-xl-16 {
|
|
padding-top: 64px;
|
|
}
|
|
.pr-xl-0 {
|
|
padding-right: 0px;
|
|
}
|
|
.pr-xl-1 {
|
|
padding-right: 4px;
|
|
}
|
|
.pr-xl-2 {
|
|
padding-right: 8px;
|
|
}
|
|
.pr-xl-3 {
|
|
padding-right: 12px;
|
|
}
|
|
.pr-xl-4 {
|
|
padding-right: 16px;
|
|
}
|
|
.pr-xl-5 {
|
|
padding-right: 20px;
|
|
}
|
|
.pr-xl-6 {
|
|
padding-right: 24px;
|
|
}
|
|
.pr-xl-7 {
|
|
padding-right: 28px;
|
|
}
|
|
.pr-xl-8 {
|
|
padding-right: 32px;
|
|
}
|
|
.pr-xl-9 {
|
|
padding-right: 36px;
|
|
}
|
|
.pr-xl-10 {
|
|
padding-right: 40px;
|
|
}
|
|
.pr-xl-11 {
|
|
padding-right: 44px;
|
|
}
|
|
.pr-xl-12 {
|
|
padding-right: 48px;
|
|
}
|
|
.pr-xl-13 {
|
|
padding-right: 52px;
|
|
}
|
|
.pr-xl-14 {
|
|
padding-right: 56px;
|
|
}
|
|
.pr-xl-15 {
|
|
padding-right: 60px;
|
|
}
|
|
.pr-xl-16 {
|
|
padding-right: 64px;
|
|
}
|
|
.pb-xl-0 {
|
|
padding-bottom: 0px;
|
|
}
|
|
.pb-xl-1 {
|
|
padding-bottom: 4px;
|
|
}
|
|
.pb-xl-2 {
|
|
padding-bottom: 8px;
|
|
}
|
|
.pb-xl-3 {
|
|
padding-bottom: 12px;
|
|
}
|
|
.pb-xl-4 {
|
|
padding-bottom: 16px;
|
|
}
|
|
.pb-xl-5 {
|
|
padding-bottom: 20px;
|
|
}
|
|
.pb-xl-6 {
|
|
padding-bottom: 24px;
|
|
}
|
|
.pb-xl-7 {
|
|
padding-bottom: 28px;
|
|
}
|
|
.pb-xl-8 {
|
|
padding-bottom: 32px;
|
|
}
|
|
.pb-xl-9 {
|
|
padding-bottom: 36px;
|
|
}
|
|
.pb-xl-10 {
|
|
padding-bottom: 40px;
|
|
}
|
|
.pb-xl-11 {
|
|
padding-bottom: 44px;
|
|
}
|
|
.pb-xl-12 {
|
|
padding-bottom: 48px;
|
|
}
|
|
.pb-xl-13 {
|
|
padding-bottom: 52px;
|
|
}
|
|
.pb-xl-14 {
|
|
padding-bottom: 56px;
|
|
}
|
|
.pb-xl-15 {
|
|
padding-bottom: 60px;
|
|
}
|
|
.pb-xl-16 {
|
|
padding-bottom: 64px;
|
|
}
|
|
.pl-xl-0 {
|
|
padding-left: 0px;
|
|
}
|
|
.pl-xl-1 {
|
|
padding-left: 4px;
|
|
}
|
|
.pl-xl-2 {
|
|
padding-left: 8px;
|
|
}
|
|
.pl-xl-3 {
|
|
padding-left: 12px;
|
|
}
|
|
.pl-xl-4 {
|
|
padding-left: 16px;
|
|
}
|
|
.pl-xl-5 {
|
|
padding-left: 20px;
|
|
}
|
|
.pl-xl-6 {
|
|
padding-left: 24px;
|
|
}
|
|
.pl-xl-7 {
|
|
padding-left: 28px;
|
|
}
|
|
.pl-xl-8 {
|
|
padding-left: 32px;
|
|
}
|
|
.pl-xl-9 {
|
|
padding-left: 36px;
|
|
}
|
|
.pl-xl-10 {
|
|
padding-left: 40px;
|
|
}
|
|
.pl-xl-11 {
|
|
padding-left: 44px;
|
|
}
|
|
.pl-xl-12 {
|
|
padding-left: 48px;
|
|
}
|
|
.pl-xl-13 {
|
|
padding-left: 52px;
|
|
}
|
|
.pl-xl-14 {
|
|
padding-left: 56px;
|
|
}
|
|
.pl-xl-15 {
|
|
padding-left: 60px;
|
|
}
|
|
.pl-xl-16 {
|
|
padding-left: 64px;
|
|
}
|
|
.ps-xl-0 {
|
|
padding-inline-start: 0px;
|
|
}
|
|
.ps-xl-1 {
|
|
padding-inline-start: 4px;
|
|
}
|
|
.ps-xl-2 {
|
|
padding-inline-start: 8px;
|
|
}
|
|
.ps-xl-3 {
|
|
padding-inline-start: 12px;
|
|
}
|
|
.ps-xl-4 {
|
|
padding-inline-start: 16px;
|
|
}
|
|
.ps-xl-5 {
|
|
padding-inline-start: 20px;
|
|
}
|
|
.ps-xl-6 {
|
|
padding-inline-start: 24px;
|
|
}
|
|
.ps-xl-7 {
|
|
padding-inline-start: 28px;
|
|
}
|
|
.ps-xl-8 {
|
|
padding-inline-start: 32px;
|
|
}
|
|
.ps-xl-9 {
|
|
padding-inline-start: 36px;
|
|
}
|
|
.ps-xl-10 {
|
|
padding-inline-start: 40px;
|
|
}
|
|
.ps-xl-11 {
|
|
padding-inline-start: 44px;
|
|
}
|
|
.ps-xl-12 {
|
|
padding-inline-start: 48px;
|
|
}
|
|
.ps-xl-13 {
|
|
padding-inline-start: 52px;
|
|
}
|
|
.ps-xl-14 {
|
|
padding-inline-start: 56px;
|
|
}
|
|
.ps-xl-15 {
|
|
padding-inline-start: 60px;
|
|
}
|
|
.ps-xl-16 {
|
|
padding-inline-start: 64px;
|
|
}
|
|
.pe-xl-0 {
|
|
padding-inline-end: 0px;
|
|
}
|
|
.pe-xl-1 {
|
|
padding-inline-end: 4px;
|
|
}
|
|
.pe-xl-2 {
|
|
padding-inline-end: 8px;
|
|
}
|
|
.pe-xl-3 {
|
|
padding-inline-end: 12px;
|
|
}
|
|
.pe-xl-4 {
|
|
padding-inline-end: 16px;
|
|
}
|
|
.pe-xl-5 {
|
|
padding-inline-end: 20px;
|
|
}
|
|
.pe-xl-6 {
|
|
padding-inline-end: 24px;
|
|
}
|
|
.pe-xl-7 {
|
|
padding-inline-end: 28px;
|
|
}
|
|
.pe-xl-8 {
|
|
padding-inline-end: 32px;
|
|
}
|
|
.pe-xl-9 {
|
|
padding-inline-end: 36px;
|
|
}
|
|
.pe-xl-10 {
|
|
padding-inline-end: 40px;
|
|
}
|
|
.pe-xl-11 {
|
|
padding-inline-end: 44px;
|
|
}
|
|
.pe-xl-12 {
|
|
padding-inline-end: 48px;
|
|
}
|
|
.pe-xl-13 {
|
|
padding-inline-end: 52px;
|
|
}
|
|
.pe-xl-14 {
|
|
padding-inline-end: 56px;
|
|
}
|
|
.pe-xl-15 {
|
|
padding-inline-end: 60px;
|
|
}
|
|
.pe-xl-16 {
|
|
padding-inline-end: 64px;
|
|
}
|
|
.text-xl-left {
|
|
text-align: left;
|
|
}
|
|
.text-xl-right {
|
|
text-align: right;
|
|
}
|
|
.text-xl-center {
|
|
text-align: center;
|
|
}
|
|
.text-xl-justify {
|
|
text-align: justify;
|
|
}
|
|
.text-xl-start {
|
|
text-align: start;
|
|
}
|
|
.text-xl-end {
|
|
text-align: end;
|
|
}
|
|
.h-xl-auto {
|
|
height: auto;
|
|
}
|
|
.h-xl-screen {
|
|
height: 100vh;
|
|
}
|
|
.h-xl-0 {
|
|
height: 0;
|
|
}
|
|
.h-xl-25 {
|
|
height: 25%;
|
|
}
|
|
.h-xl-50 {
|
|
height: 50%;
|
|
}
|
|
.h-xl-75 {
|
|
height: 75%;
|
|
}
|
|
.h-xl-100 {
|
|
height: 100%;
|
|
}
|
|
.w-xl-auto {
|
|
width: auto;
|
|
}
|
|
.w-xl-0 {
|
|
width: 0;
|
|
}
|
|
.w-xl-25 {
|
|
width: 25%;
|
|
}
|
|
.w-xl-33 {
|
|
width: 33%;
|
|
}
|
|
.w-xl-50 {
|
|
width: 50%;
|
|
}
|
|
.w-xl-66 {
|
|
width: 66%;
|
|
}
|
|
.w-xl-75 {
|
|
width: 75%;
|
|
}
|
|
.w-xl-100 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 2138px) {
|
|
.d-xxl-none {
|
|
display: none;
|
|
}
|
|
.d-xxl-inline {
|
|
display: inline;
|
|
}
|
|
.d-xxl-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-xxl-block {
|
|
display: block;
|
|
}
|
|
.d-xxl-table {
|
|
display: table;
|
|
}
|
|
.d-xxl-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-xxl-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-xxl-flex {
|
|
display: flex;
|
|
}
|
|
.d-xxl-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.float-xxl-none {
|
|
float: none;
|
|
}
|
|
.float-xxl-left {
|
|
float: left;
|
|
}
|
|
.float-xxl-right {
|
|
float: right;
|
|
}
|
|
.v-locale--is-rtl .float-xxl-end {
|
|
float: left;
|
|
}
|
|
.v-locale--is-rtl .float-xxl-start {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-xxl-end {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-xxl-start {
|
|
float: left;
|
|
}
|
|
.flex-xxl-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-xxl-1-1 {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-xxl-1-0 {
|
|
flex: 1 0 auto;
|
|
}
|
|
.flex-xxl-0-1 {
|
|
flex: 0 1 auto;
|
|
}
|
|
.flex-xxl-0-0 {
|
|
flex: 0 0 auto;
|
|
}
|
|
.flex-xxl-1-1-100 {
|
|
flex: 1 1 100%;
|
|
}
|
|
.flex-xxl-1-0-100 {
|
|
flex: 1 0 100%;
|
|
}
|
|
.flex-xxl-0-1-100 {
|
|
flex: 0 1 100%;
|
|
}
|
|
.flex-xxl-0-0-100 {
|
|
flex: 0 0 100%;
|
|
}
|
|
.flex-xxl-1-1-0 {
|
|
flex: 1 1 0;
|
|
}
|
|
.flex-xxl-1-0-0 {
|
|
flex: 1 0 0;
|
|
}
|
|
.flex-xxl-0-1-0 {
|
|
flex: 0 1 0;
|
|
}
|
|
.flex-xxl-0-0-0 {
|
|
flex: 0 0 0;
|
|
}
|
|
.flex-xxl-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-xxl-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-xxl-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-xxl-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-xxl-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-xxl-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-xxl-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-xxl-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-xxl-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-xxl-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-xxl-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-xxl-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-xxl-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-xxl-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-xxl-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-xxl-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-xxl-space-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-xxl-start {
|
|
justify-items: flex-start;
|
|
}
|
|
.justify-items-xxl-end {
|
|
justify-items: flex-end;
|
|
}
|
|
.justify-items-xxl-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-xxl-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.align-xxl-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-xxl-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-xxl-center {
|
|
align-items: center;
|
|
}
|
|
.align-xxl-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-xxl-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-xxl-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-xxl-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-xxl-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-xxl-space-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-xxl-space-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-xxl-space-evenly {
|
|
align-content: space-evenly;
|
|
}
|
|
.align-content-xxl-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-xxl-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-xxl-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-xxl-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-xxl-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-xxl-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-xxl-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.order-xxl-first {
|
|
order: -1;
|
|
}
|
|
.order-xxl-0 {
|
|
order: 0;
|
|
}
|
|
.order-xxl-1 {
|
|
order: 1;
|
|
}
|
|
.order-xxl-2 {
|
|
order: 2;
|
|
}
|
|
.order-xxl-3 {
|
|
order: 3;
|
|
}
|
|
.order-xxl-4 {
|
|
order: 4;
|
|
}
|
|
.order-xxl-5 {
|
|
order: 5;
|
|
}
|
|
.order-xxl-6 {
|
|
order: 6;
|
|
}
|
|
.order-xxl-7 {
|
|
order: 7;
|
|
}
|
|
.order-xxl-8 {
|
|
order: 8;
|
|
}
|
|
.order-xxl-9 {
|
|
order: 9;
|
|
}
|
|
.order-xxl-10 {
|
|
order: 10;
|
|
}
|
|
.order-xxl-11 {
|
|
order: 11;
|
|
}
|
|
.order-xxl-12 {
|
|
order: 12;
|
|
}
|
|
.order-xxl-last {
|
|
order: 13;
|
|
}
|
|
.ga-xxl-0 {
|
|
gap: 0px;
|
|
}
|
|
.ga-xxl-1 {
|
|
gap: 4px;
|
|
}
|
|
.ga-xxl-2 {
|
|
gap: 8px;
|
|
}
|
|
.ga-xxl-3 {
|
|
gap: 12px;
|
|
}
|
|
.ga-xxl-4 {
|
|
gap: 16px;
|
|
}
|
|
.ga-xxl-5 {
|
|
gap: 20px;
|
|
}
|
|
.ga-xxl-6 {
|
|
gap: 24px;
|
|
}
|
|
.ga-xxl-7 {
|
|
gap: 28px;
|
|
}
|
|
.ga-xxl-8 {
|
|
gap: 32px;
|
|
}
|
|
.ga-xxl-9 {
|
|
gap: 36px;
|
|
}
|
|
.ga-xxl-10 {
|
|
gap: 40px;
|
|
}
|
|
.ga-xxl-11 {
|
|
gap: 44px;
|
|
}
|
|
.ga-xxl-12 {
|
|
gap: 48px;
|
|
}
|
|
.ga-xxl-13 {
|
|
gap: 52px;
|
|
}
|
|
.ga-xxl-14 {
|
|
gap: 56px;
|
|
}
|
|
.ga-xxl-15 {
|
|
gap: 60px;
|
|
}
|
|
.ga-xxl-16 {
|
|
gap: 64px;
|
|
}
|
|
.ga-xxl-auto {
|
|
gap: auto;
|
|
}
|
|
.gr-xxl-0 {
|
|
row-gap: 0px;
|
|
}
|
|
.gr-xxl-1 {
|
|
row-gap: 4px;
|
|
}
|
|
.gr-xxl-2 {
|
|
row-gap: 8px;
|
|
}
|
|
.gr-xxl-3 {
|
|
row-gap: 12px;
|
|
}
|
|
.gr-xxl-4 {
|
|
row-gap: 16px;
|
|
}
|
|
.gr-xxl-5 {
|
|
row-gap: 20px;
|
|
}
|
|
.gr-xxl-6 {
|
|
row-gap: 24px;
|
|
}
|
|
.gr-xxl-7 {
|
|
row-gap: 28px;
|
|
}
|
|
.gr-xxl-8 {
|
|
row-gap: 32px;
|
|
}
|
|
.gr-xxl-9 {
|
|
row-gap: 36px;
|
|
}
|
|
.gr-xxl-10 {
|
|
row-gap: 40px;
|
|
}
|
|
.gr-xxl-11 {
|
|
row-gap: 44px;
|
|
}
|
|
.gr-xxl-12 {
|
|
row-gap: 48px;
|
|
}
|
|
.gr-xxl-13 {
|
|
row-gap: 52px;
|
|
}
|
|
.gr-xxl-14 {
|
|
row-gap: 56px;
|
|
}
|
|
.gr-xxl-15 {
|
|
row-gap: 60px;
|
|
}
|
|
.gr-xxl-16 {
|
|
row-gap: 64px;
|
|
}
|
|
.gr-xxl-auto {
|
|
row-gap: auto;
|
|
}
|
|
.gc-xxl-0 {
|
|
column-gap: 0px;
|
|
}
|
|
.gc-xxl-1 {
|
|
column-gap: 4px;
|
|
}
|
|
.gc-xxl-2 {
|
|
column-gap: 8px;
|
|
}
|
|
.gc-xxl-3 {
|
|
column-gap: 12px;
|
|
}
|
|
.gc-xxl-4 {
|
|
column-gap: 16px;
|
|
}
|
|
.gc-xxl-5 {
|
|
column-gap: 20px;
|
|
}
|
|
.gc-xxl-6 {
|
|
column-gap: 24px;
|
|
}
|
|
.gc-xxl-7 {
|
|
column-gap: 28px;
|
|
}
|
|
.gc-xxl-8 {
|
|
column-gap: 32px;
|
|
}
|
|
.gc-xxl-9 {
|
|
column-gap: 36px;
|
|
}
|
|
.gc-xxl-10 {
|
|
column-gap: 40px;
|
|
}
|
|
.gc-xxl-11 {
|
|
column-gap: 44px;
|
|
}
|
|
.gc-xxl-12 {
|
|
column-gap: 48px;
|
|
}
|
|
.gc-xxl-13 {
|
|
column-gap: 52px;
|
|
}
|
|
.gc-xxl-14 {
|
|
column-gap: 56px;
|
|
}
|
|
.gc-xxl-15 {
|
|
column-gap: 60px;
|
|
}
|
|
.gc-xxl-16 {
|
|
column-gap: 64px;
|
|
}
|
|
.gc-xxl-auto {
|
|
column-gap: auto;
|
|
}
|
|
.ma-xxl-0 {
|
|
margin: 0px;
|
|
}
|
|
.ma-xxl-1 {
|
|
margin: 4px;
|
|
}
|
|
.ma-xxl-2 {
|
|
margin: 8px;
|
|
}
|
|
.ma-xxl-3 {
|
|
margin: 12px;
|
|
}
|
|
.ma-xxl-4 {
|
|
margin: 16px;
|
|
}
|
|
.ma-xxl-5 {
|
|
margin: 20px;
|
|
}
|
|
.ma-xxl-6 {
|
|
margin: 24px;
|
|
}
|
|
.ma-xxl-7 {
|
|
margin: 28px;
|
|
}
|
|
.ma-xxl-8 {
|
|
margin: 32px;
|
|
}
|
|
.ma-xxl-9 {
|
|
margin: 36px;
|
|
}
|
|
.ma-xxl-10 {
|
|
margin: 40px;
|
|
}
|
|
.ma-xxl-11 {
|
|
margin: 44px;
|
|
}
|
|
.ma-xxl-12 {
|
|
margin: 48px;
|
|
}
|
|
.ma-xxl-13 {
|
|
margin: 52px;
|
|
}
|
|
.ma-xxl-14 {
|
|
margin: 56px;
|
|
}
|
|
.ma-xxl-15 {
|
|
margin: 60px;
|
|
}
|
|
.ma-xxl-16 {
|
|
margin: 64px;
|
|
}
|
|
.ma-xxl-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-xxl-0 {
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
.mx-xxl-1 {
|
|
margin-right: 4px;
|
|
margin-left: 4px;
|
|
}
|
|
.mx-xxl-2 {
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
.mx-xxl-3 {
|
|
margin-right: 12px;
|
|
margin-left: 12px;
|
|
}
|
|
.mx-xxl-4 {
|
|
margin-right: 16px;
|
|
margin-left: 16px;
|
|
}
|
|
.mx-xxl-5 {
|
|
margin-right: 20px;
|
|
margin-left: 20px;
|
|
}
|
|
.mx-xxl-6 {
|
|
margin-right: 24px;
|
|
margin-left: 24px;
|
|
}
|
|
.mx-xxl-7 {
|
|
margin-right: 28px;
|
|
margin-left: 28px;
|
|
}
|
|
.mx-xxl-8 {
|
|
margin-right: 32px;
|
|
margin-left: 32px;
|
|
}
|
|
.mx-xxl-9 {
|
|
margin-right: 36px;
|
|
margin-left: 36px;
|
|
}
|
|
.mx-xxl-10 {
|
|
margin-right: 40px;
|
|
margin-left: 40px;
|
|
}
|
|
.mx-xxl-11 {
|
|
margin-right: 44px;
|
|
margin-left: 44px;
|
|
}
|
|
.mx-xxl-12 {
|
|
margin-right: 48px;
|
|
margin-left: 48px;
|
|
}
|
|
.mx-xxl-13 {
|
|
margin-right: 52px;
|
|
margin-left: 52px;
|
|
}
|
|
.mx-xxl-14 {
|
|
margin-right: 56px;
|
|
margin-left: 56px;
|
|
}
|
|
.mx-xxl-15 {
|
|
margin-right: 60px;
|
|
margin-left: 60px;
|
|
}
|
|
.mx-xxl-16 {
|
|
margin-right: 64px;
|
|
margin-left: 64px;
|
|
}
|
|
.mx-xxl-auto {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.my-xxl-0 {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.my-xxl-1 {
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.my-xxl-2 {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.my-xxl-3 {
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.my-xxl-4 {
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.my-xxl-5 {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.my-xxl-6 {
|
|
margin-top: 24px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.my-xxl-7 {
|
|
margin-top: 28px;
|
|
margin-bottom: 28px;
|
|
}
|
|
.my-xxl-8 {
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.my-xxl-9 {
|
|
margin-top: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
.my-xxl-10 {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.my-xxl-11 {
|
|
margin-top: 44px;
|
|
margin-bottom: 44px;
|
|
}
|
|
.my-xxl-12 {
|
|
margin-top: 48px;
|
|
margin-bottom: 48px;
|
|
}
|
|
.my-xxl-13 {
|
|
margin-top: 52px;
|
|
margin-bottom: 52px;
|
|
}
|
|
.my-xxl-14 {
|
|
margin-top: 56px;
|
|
margin-bottom: 56px;
|
|
}
|
|
.my-xxl-15 {
|
|
margin-top: 60px;
|
|
margin-bottom: 60px;
|
|
}
|
|
.my-xxl-16 {
|
|
margin-top: 64px;
|
|
margin-bottom: 64px;
|
|
}
|
|
.my-xxl-auto {
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
.mt-xxl-0 {
|
|
margin-top: 0px;
|
|
}
|
|
.mt-xxl-1 {
|
|
margin-top: 4px;
|
|
}
|
|
.mt-xxl-2 {
|
|
margin-top: 8px;
|
|
}
|
|
.mt-xxl-3 {
|
|
margin-top: 12px;
|
|
}
|
|
.mt-xxl-4 {
|
|
margin-top: 16px;
|
|
}
|
|
.mt-xxl-5 {
|
|
margin-top: 20px;
|
|
}
|
|
.mt-xxl-6 {
|
|
margin-top: 24px;
|
|
}
|
|
.mt-xxl-7 {
|
|
margin-top: 28px;
|
|
}
|
|
.mt-xxl-8 {
|
|
margin-top: 32px;
|
|
}
|
|
.mt-xxl-9 {
|
|
margin-top: 36px;
|
|
}
|
|
.mt-xxl-10 {
|
|
margin-top: 40px;
|
|
}
|
|
.mt-xxl-11 {
|
|
margin-top: 44px;
|
|
}
|
|
.mt-xxl-12 {
|
|
margin-top: 48px;
|
|
}
|
|
.mt-xxl-13 {
|
|
margin-top: 52px;
|
|
}
|
|
.mt-xxl-14 {
|
|
margin-top: 56px;
|
|
}
|
|
.mt-xxl-15 {
|
|
margin-top: 60px;
|
|
}
|
|
.mt-xxl-16 {
|
|
margin-top: 64px;
|
|
}
|
|
.mt-xxl-auto {
|
|
margin-top: auto;
|
|
}
|
|
.mr-xxl-0 {
|
|
margin-right: 0px;
|
|
}
|
|
.mr-xxl-1 {
|
|
margin-right: 4px;
|
|
}
|
|
.mr-xxl-2 {
|
|
margin-right: 8px;
|
|
}
|
|
.mr-xxl-3 {
|
|
margin-right: 12px;
|
|
}
|
|
.mr-xxl-4 {
|
|
margin-right: 16px;
|
|
}
|
|
.mr-xxl-5 {
|
|
margin-right: 20px;
|
|
}
|
|
.mr-xxl-6 {
|
|
margin-right: 24px;
|
|
}
|
|
.mr-xxl-7 {
|
|
margin-right: 28px;
|
|
}
|
|
.mr-xxl-8 {
|
|
margin-right: 32px;
|
|
}
|
|
.mr-xxl-9 {
|
|
margin-right: 36px;
|
|
}
|
|
.mr-xxl-10 {
|
|
margin-right: 40px;
|
|
}
|
|
.mr-xxl-11 {
|
|
margin-right: 44px;
|
|
}
|
|
.mr-xxl-12 {
|
|
margin-right: 48px;
|
|
}
|
|
.mr-xxl-13 {
|
|
margin-right: 52px;
|
|
}
|
|
.mr-xxl-14 {
|
|
margin-right: 56px;
|
|
}
|
|
.mr-xxl-15 {
|
|
margin-right: 60px;
|
|
}
|
|
.mr-xxl-16 {
|
|
margin-right: 64px;
|
|
}
|
|
.mr-xxl-auto {
|
|
margin-right: auto;
|
|
}
|
|
.mb-xxl-0 {
|
|
margin-bottom: 0px;
|
|
}
|
|
.mb-xxl-1 {
|
|
margin-bottom: 4px;
|
|
}
|
|
.mb-xxl-2 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.mb-xxl-3 {
|
|
margin-bottom: 12px;
|
|
}
|
|
.mb-xxl-4 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mb-xxl-5 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-xxl-6 {
|
|
margin-bottom: 24px;
|
|
}
|
|
.mb-xxl-7 {
|
|
margin-bottom: 28px;
|
|
}
|
|
.mb-xxl-8 {
|
|
margin-bottom: 32px;
|
|
}
|
|
.mb-xxl-9 {
|
|
margin-bottom: 36px;
|
|
}
|
|
.mb-xxl-10 {
|
|
margin-bottom: 40px;
|
|
}
|
|
.mb-xxl-11 {
|
|
margin-bottom: 44px;
|
|
}
|
|
.mb-xxl-12 {
|
|
margin-bottom: 48px;
|
|
}
|
|
.mb-xxl-13 {
|
|
margin-bottom: 52px;
|
|
}
|
|
.mb-xxl-14 {
|
|
margin-bottom: 56px;
|
|
}
|
|
.mb-xxl-15 {
|
|
margin-bottom: 60px;
|
|
}
|
|
.mb-xxl-16 {
|
|
margin-bottom: 64px;
|
|
}
|
|
.mb-xxl-auto {
|
|
margin-bottom: auto;
|
|
}
|
|
.ml-xxl-0 {
|
|
margin-left: 0px;
|
|
}
|
|
.ml-xxl-1 {
|
|
margin-left: 4px;
|
|
}
|
|
.ml-xxl-2 {
|
|
margin-left: 8px;
|
|
}
|
|
.ml-xxl-3 {
|
|
margin-left: 12px;
|
|
}
|
|
.ml-xxl-4 {
|
|
margin-left: 16px;
|
|
}
|
|
.ml-xxl-5 {
|
|
margin-left: 20px;
|
|
}
|
|
.ml-xxl-6 {
|
|
margin-left: 24px;
|
|
}
|
|
.ml-xxl-7 {
|
|
margin-left: 28px;
|
|
}
|
|
.ml-xxl-8 {
|
|
margin-left: 32px;
|
|
}
|
|
.ml-xxl-9 {
|
|
margin-left: 36px;
|
|
}
|
|
.ml-xxl-10 {
|
|
margin-left: 40px;
|
|
}
|
|
.ml-xxl-11 {
|
|
margin-left: 44px;
|
|
}
|
|
.ml-xxl-12 {
|
|
margin-left: 48px;
|
|
}
|
|
.ml-xxl-13 {
|
|
margin-left: 52px;
|
|
}
|
|
.ml-xxl-14 {
|
|
margin-left: 56px;
|
|
}
|
|
.ml-xxl-15 {
|
|
margin-left: 60px;
|
|
}
|
|
.ml-xxl-16 {
|
|
margin-left: 64px;
|
|
}
|
|
.ml-xxl-auto {
|
|
margin-left: auto;
|
|
}
|
|
.ms-xxl-0 {
|
|
margin-inline-start: 0px;
|
|
}
|
|
.ms-xxl-1 {
|
|
margin-inline-start: 4px;
|
|
}
|
|
.ms-xxl-2 {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.ms-xxl-3 {
|
|
margin-inline-start: 12px;
|
|
}
|
|
.ms-xxl-4 {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.ms-xxl-5 {
|
|
margin-inline-start: 20px;
|
|
}
|
|
.ms-xxl-6 {
|
|
margin-inline-start: 24px;
|
|
}
|
|
.ms-xxl-7 {
|
|
margin-inline-start: 28px;
|
|
}
|
|
.ms-xxl-8 {
|
|
margin-inline-start: 32px;
|
|
}
|
|
.ms-xxl-9 {
|
|
margin-inline-start: 36px;
|
|
}
|
|
.ms-xxl-10 {
|
|
margin-inline-start: 40px;
|
|
}
|
|
.ms-xxl-11 {
|
|
margin-inline-start: 44px;
|
|
}
|
|
.ms-xxl-12 {
|
|
margin-inline-start: 48px;
|
|
}
|
|
.ms-xxl-13 {
|
|
margin-inline-start: 52px;
|
|
}
|
|
.ms-xxl-14 {
|
|
margin-inline-start: 56px;
|
|
}
|
|
.ms-xxl-15 {
|
|
margin-inline-start: 60px;
|
|
}
|
|
.ms-xxl-16 {
|
|
margin-inline-start: 64px;
|
|
}
|
|
.ms-xxl-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.me-xxl-0 {
|
|
margin-inline-end: 0px;
|
|
}
|
|
.me-xxl-1 {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.me-xxl-2 {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.me-xxl-3 {
|
|
margin-inline-end: 12px;
|
|
}
|
|
.me-xxl-4 {
|
|
margin-inline-end: 16px;
|
|
}
|
|
.me-xxl-5 {
|
|
margin-inline-end: 20px;
|
|
}
|
|
.me-xxl-6 {
|
|
margin-inline-end: 24px;
|
|
}
|
|
.me-xxl-7 {
|
|
margin-inline-end: 28px;
|
|
}
|
|
.me-xxl-8 {
|
|
margin-inline-end: 32px;
|
|
}
|
|
.me-xxl-9 {
|
|
margin-inline-end: 36px;
|
|
}
|
|
.me-xxl-10 {
|
|
margin-inline-end: 40px;
|
|
}
|
|
.me-xxl-11 {
|
|
margin-inline-end: 44px;
|
|
}
|
|
.me-xxl-12 {
|
|
margin-inline-end: 48px;
|
|
}
|
|
.me-xxl-13 {
|
|
margin-inline-end: 52px;
|
|
}
|
|
.me-xxl-14 {
|
|
margin-inline-end: 56px;
|
|
}
|
|
.me-xxl-15 {
|
|
margin-inline-end: 60px;
|
|
}
|
|
.me-xxl-16 {
|
|
margin-inline-end: 64px;
|
|
}
|
|
.me-xxl-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.ma-xxl-n1 {
|
|
margin: -4px;
|
|
}
|
|
.ma-xxl-n2 {
|
|
margin: -8px;
|
|
}
|
|
.ma-xxl-n3 {
|
|
margin: -12px;
|
|
}
|
|
.ma-xxl-n4 {
|
|
margin: -16px;
|
|
}
|
|
.ma-xxl-n5 {
|
|
margin: -20px;
|
|
}
|
|
.ma-xxl-n6 {
|
|
margin: -24px;
|
|
}
|
|
.ma-xxl-n7 {
|
|
margin: -28px;
|
|
}
|
|
.ma-xxl-n8 {
|
|
margin: -32px;
|
|
}
|
|
.ma-xxl-n9 {
|
|
margin: -36px;
|
|
}
|
|
.ma-xxl-n10 {
|
|
margin: -40px;
|
|
}
|
|
.ma-xxl-n11 {
|
|
margin: -44px;
|
|
}
|
|
.ma-xxl-n12 {
|
|
margin: -48px;
|
|
}
|
|
.ma-xxl-n13 {
|
|
margin: -52px;
|
|
}
|
|
.ma-xxl-n14 {
|
|
margin: -56px;
|
|
}
|
|
.ma-xxl-n15 {
|
|
margin: -60px;
|
|
}
|
|
.ma-xxl-n16 {
|
|
margin: -64px;
|
|
}
|
|
.mx-xxl-n1 {
|
|
margin-right: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.mx-xxl-n2 {
|
|
margin-right: -8px;
|
|
margin-left: -8px;
|
|
}
|
|
.mx-xxl-n3 {
|
|
margin-right: -12px;
|
|
margin-left: -12px;
|
|
}
|
|
.mx-xxl-n4 {
|
|
margin-right: -16px;
|
|
margin-left: -16px;
|
|
}
|
|
.mx-xxl-n5 {
|
|
margin-right: -20px;
|
|
margin-left: -20px;
|
|
}
|
|
.mx-xxl-n6 {
|
|
margin-right: -24px;
|
|
margin-left: -24px;
|
|
}
|
|
.mx-xxl-n7 {
|
|
margin-right: -28px;
|
|
margin-left: -28px;
|
|
}
|
|
.mx-xxl-n8 {
|
|
margin-right: -32px;
|
|
margin-left: -32px;
|
|
}
|
|
.mx-xxl-n9 {
|
|
margin-right: -36px;
|
|
margin-left: -36px;
|
|
}
|
|
.mx-xxl-n10 {
|
|
margin-right: -40px;
|
|
margin-left: -40px;
|
|
}
|
|
.mx-xxl-n11 {
|
|
margin-right: -44px;
|
|
margin-left: -44px;
|
|
}
|
|
.mx-xxl-n12 {
|
|
margin-right: -48px;
|
|
margin-left: -48px;
|
|
}
|
|
.mx-xxl-n13 {
|
|
margin-right: -52px;
|
|
margin-left: -52px;
|
|
}
|
|
.mx-xxl-n14 {
|
|
margin-right: -56px;
|
|
margin-left: -56px;
|
|
}
|
|
.mx-xxl-n15 {
|
|
margin-right: -60px;
|
|
margin-left: -60px;
|
|
}
|
|
.mx-xxl-n16 {
|
|
margin-right: -64px;
|
|
margin-left: -64px;
|
|
}
|
|
.my-xxl-n1 {
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
}
|
|
.my-xxl-n2 {
|
|
margin-top: -8px;
|
|
margin-bottom: -8px;
|
|
}
|
|
.my-xxl-n3 {
|
|
margin-top: -12px;
|
|
margin-bottom: -12px;
|
|
}
|
|
.my-xxl-n4 {
|
|
margin-top: -16px;
|
|
margin-bottom: -16px;
|
|
}
|
|
.my-xxl-n5 {
|
|
margin-top: -20px;
|
|
margin-bottom: -20px;
|
|
}
|
|
.my-xxl-n6 {
|
|
margin-top: -24px;
|
|
margin-bottom: -24px;
|
|
}
|
|
.my-xxl-n7 {
|
|
margin-top: -28px;
|
|
margin-bottom: -28px;
|
|
}
|
|
.my-xxl-n8 {
|
|
margin-top: -32px;
|
|
margin-bottom: -32px;
|
|
}
|
|
.my-xxl-n9 {
|
|
margin-top: -36px;
|
|
margin-bottom: -36px;
|
|
}
|
|
.my-xxl-n10 {
|
|
margin-top: -40px;
|
|
margin-bottom: -40px;
|
|
}
|
|
.my-xxl-n11 {
|
|
margin-top: -44px;
|
|
margin-bottom: -44px;
|
|
}
|
|
.my-xxl-n12 {
|
|
margin-top: -48px;
|
|
margin-bottom: -48px;
|
|
}
|
|
.my-xxl-n13 {
|
|
margin-top: -52px;
|
|
margin-bottom: -52px;
|
|
}
|
|
.my-xxl-n14 {
|
|
margin-top: -56px;
|
|
margin-bottom: -56px;
|
|
}
|
|
.my-xxl-n15 {
|
|
margin-top: -60px;
|
|
margin-bottom: -60px;
|
|
}
|
|
.my-xxl-n16 {
|
|
margin-top: -64px;
|
|
margin-bottom: -64px;
|
|
}
|
|
.mt-xxl-n1 {
|
|
margin-top: -4px;
|
|
}
|
|
.mt-xxl-n2 {
|
|
margin-top: -8px;
|
|
}
|
|
.mt-xxl-n3 {
|
|
margin-top: -12px;
|
|
}
|
|
.mt-xxl-n4 {
|
|
margin-top: -16px;
|
|
}
|
|
.mt-xxl-n5 {
|
|
margin-top: -20px;
|
|
}
|
|
.mt-xxl-n6 {
|
|
margin-top: -24px;
|
|
}
|
|
.mt-xxl-n7 {
|
|
margin-top: -28px;
|
|
}
|
|
.mt-xxl-n8 {
|
|
margin-top: -32px;
|
|
}
|
|
.mt-xxl-n9 {
|
|
margin-top: -36px;
|
|
}
|
|
.mt-xxl-n10 {
|
|
margin-top: -40px;
|
|
}
|
|
.mt-xxl-n11 {
|
|
margin-top: -44px;
|
|
}
|
|
.mt-xxl-n12 {
|
|
margin-top: -48px;
|
|
}
|
|
.mt-xxl-n13 {
|
|
margin-top: -52px;
|
|
}
|
|
.mt-xxl-n14 {
|
|
margin-top: -56px;
|
|
}
|
|
.mt-xxl-n15 {
|
|
margin-top: -60px;
|
|
}
|
|
.mt-xxl-n16 {
|
|
margin-top: -64px;
|
|
}
|
|
.mr-xxl-n1 {
|
|
margin-right: -4px;
|
|
}
|
|
.mr-xxl-n2 {
|
|
margin-right: -8px;
|
|
}
|
|
.mr-xxl-n3 {
|
|
margin-right: -12px;
|
|
}
|
|
.mr-xxl-n4 {
|
|
margin-right: -16px;
|
|
}
|
|
.mr-xxl-n5 {
|
|
margin-right: -20px;
|
|
}
|
|
.mr-xxl-n6 {
|
|
margin-right: -24px;
|
|
}
|
|
.mr-xxl-n7 {
|
|
margin-right: -28px;
|
|
}
|
|
.mr-xxl-n8 {
|
|
margin-right: -32px;
|
|
}
|
|
.mr-xxl-n9 {
|
|
margin-right: -36px;
|
|
}
|
|
.mr-xxl-n10 {
|
|
margin-right: -40px;
|
|
}
|
|
.mr-xxl-n11 {
|
|
margin-right: -44px;
|
|
}
|
|
.mr-xxl-n12 {
|
|
margin-right: -48px;
|
|
}
|
|
.mr-xxl-n13 {
|
|
margin-right: -52px;
|
|
}
|
|
.mr-xxl-n14 {
|
|
margin-right: -56px;
|
|
}
|
|
.mr-xxl-n15 {
|
|
margin-right: -60px;
|
|
}
|
|
.mr-xxl-n16 {
|
|
margin-right: -64px;
|
|
}
|
|
.mb-xxl-n1 {
|
|
margin-bottom: -4px;
|
|
}
|
|
.mb-xxl-n2 {
|
|
margin-bottom: -8px;
|
|
}
|
|
.mb-xxl-n3 {
|
|
margin-bottom: -12px;
|
|
}
|
|
.mb-xxl-n4 {
|
|
margin-bottom: -16px;
|
|
}
|
|
.mb-xxl-n5 {
|
|
margin-bottom: -20px;
|
|
}
|
|
.mb-xxl-n6 {
|
|
margin-bottom: -24px;
|
|
}
|
|
.mb-xxl-n7 {
|
|
margin-bottom: -28px;
|
|
}
|
|
.mb-xxl-n8 {
|
|
margin-bottom: -32px;
|
|
}
|
|
.mb-xxl-n9 {
|
|
margin-bottom: -36px;
|
|
}
|
|
.mb-xxl-n10 {
|
|
margin-bottom: -40px;
|
|
}
|
|
.mb-xxl-n11 {
|
|
margin-bottom: -44px;
|
|
}
|
|
.mb-xxl-n12 {
|
|
margin-bottom: -48px;
|
|
}
|
|
.mb-xxl-n13 {
|
|
margin-bottom: -52px;
|
|
}
|
|
.mb-xxl-n14 {
|
|
margin-bottom: -56px;
|
|
}
|
|
.mb-xxl-n15 {
|
|
margin-bottom: -60px;
|
|
}
|
|
.mb-xxl-n16 {
|
|
margin-bottom: -64px;
|
|
}
|
|
.ml-xxl-n1 {
|
|
margin-left: -4px;
|
|
}
|
|
.ml-xxl-n2 {
|
|
margin-left: -8px;
|
|
}
|
|
.ml-xxl-n3 {
|
|
margin-left: -12px;
|
|
}
|
|
.ml-xxl-n4 {
|
|
margin-left: -16px;
|
|
}
|
|
.ml-xxl-n5 {
|
|
margin-left: -20px;
|
|
}
|
|
.ml-xxl-n6 {
|
|
margin-left: -24px;
|
|
}
|
|
.ml-xxl-n7 {
|
|
margin-left: -28px;
|
|
}
|
|
.ml-xxl-n8 {
|
|
margin-left: -32px;
|
|
}
|
|
.ml-xxl-n9 {
|
|
margin-left: -36px;
|
|
}
|
|
.ml-xxl-n10 {
|
|
margin-left: -40px;
|
|
}
|
|
.ml-xxl-n11 {
|
|
margin-left: -44px;
|
|
}
|
|
.ml-xxl-n12 {
|
|
margin-left: -48px;
|
|
}
|
|
.ml-xxl-n13 {
|
|
margin-left: -52px;
|
|
}
|
|
.ml-xxl-n14 {
|
|
margin-left: -56px;
|
|
}
|
|
.ml-xxl-n15 {
|
|
margin-left: -60px;
|
|
}
|
|
.ml-xxl-n16 {
|
|
margin-left: -64px;
|
|
}
|
|
.ms-xxl-n1 {
|
|
margin-inline-start: -4px;
|
|
}
|
|
.ms-xxl-n2 {
|
|
margin-inline-start: -8px;
|
|
}
|
|
.ms-xxl-n3 {
|
|
margin-inline-start: -12px;
|
|
}
|
|
.ms-xxl-n4 {
|
|
margin-inline-start: -16px;
|
|
}
|
|
.ms-xxl-n5 {
|
|
margin-inline-start: -20px;
|
|
}
|
|
.ms-xxl-n6 {
|
|
margin-inline-start: -24px;
|
|
}
|
|
.ms-xxl-n7 {
|
|
margin-inline-start: -28px;
|
|
}
|
|
.ms-xxl-n8 {
|
|
margin-inline-start: -32px;
|
|
}
|
|
.ms-xxl-n9 {
|
|
margin-inline-start: -36px;
|
|
}
|
|
.ms-xxl-n10 {
|
|
margin-inline-start: -40px;
|
|
}
|
|
.ms-xxl-n11 {
|
|
margin-inline-start: -44px;
|
|
}
|
|
.ms-xxl-n12 {
|
|
margin-inline-start: -48px;
|
|
}
|
|
.ms-xxl-n13 {
|
|
margin-inline-start: -52px;
|
|
}
|
|
.ms-xxl-n14 {
|
|
margin-inline-start: -56px;
|
|
}
|
|
.ms-xxl-n15 {
|
|
margin-inline-start: -60px;
|
|
}
|
|
.ms-xxl-n16 {
|
|
margin-inline-start: -64px;
|
|
}
|
|
.me-xxl-n1 {
|
|
margin-inline-end: -4px;
|
|
}
|
|
.me-xxl-n2 {
|
|
margin-inline-end: -8px;
|
|
}
|
|
.me-xxl-n3 {
|
|
margin-inline-end: -12px;
|
|
}
|
|
.me-xxl-n4 {
|
|
margin-inline-end: -16px;
|
|
}
|
|
.me-xxl-n5 {
|
|
margin-inline-end: -20px;
|
|
}
|
|
.me-xxl-n6 {
|
|
margin-inline-end: -24px;
|
|
}
|
|
.me-xxl-n7 {
|
|
margin-inline-end: -28px;
|
|
}
|
|
.me-xxl-n8 {
|
|
margin-inline-end: -32px;
|
|
}
|
|
.me-xxl-n9 {
|
|
margin-inline-end: -36px;
|
|
}
|
|
.me-xxl-n10 {
|
|
margin-inline-end: -40px;
|
|
}
|
|
.me-xxl-n11 {
|
|
margin-inline-end: -44px;
|
|
}
|
|
.me-xxl-n12 {
|
|
margin-inline-end: -48px;
|
|
}
|
|
.me-xxl-n13 {
|
|
margin-inline-end: -52px;
|
|
}
|
|
.me-xxl-n14 {
|
|
margin-inline-end: -56px;
|
|
}
|
|
.me-xxl-n15 {
|
|
margin-inline-end: -60px;
|
|
}
|
|
.me-xxl-n16 {
|
|
margin-inline-end: -64px;
|
|
}
|
|
.pa-xxl-0 {
|
|
padding: 0px;
|
|
}
|
|
.pa-xxl-1 {
|
|
padding: 4px;
|
|
}
|
|
.pa-xxl-2 {
|
|
padding: 8px;
|
|
}
|
|
.pa-xxl-3 {
|
|
padding: 12px;
|
|
}
|
|
.pa-xxl-4 {
|
|
padding: 16px;
|
|
}
|
|
.pa-xxl-5 {
|
|
padding: 20px;
|
|
}
|
|
.pa-xxl-6 {
|
|
padding: 24px;
|
|
}
|
|
.pa-xxl-7 {
|
|
padding: 28px;
|
|
}
|
|
.pa-xxl-8 {
|
|
padding: 32px;
|
|
}
|
|
.pa-xxl-9 {
|
|
padding: 36px;
|
|
}
|
|
.pa-xxl-10 {
|
|
padding: 40px;
|
|
}
|
|
.pa-xxl-11 {
|
|
padding: 44px;
|
|
}
|
|
.pa-xxl-12 {
|
|
padding: 48px;
|
|
}
|
|
.pa-xxl-13 {
|
|
padding: 52px;
|
|
}
|
|
.pa-xxl-14 {
|
|
padding: 56px;
|
|
}
|
|
.pa-xxl-15 {
|
|
padding: 60px;
|
|
}
|
|
.pa-xxl-16 {
|
|
padding: 64px;
|
|
}
|
|
.px-xxl-0 {
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.px-xxl-1 {
|
|
padding-right: 4px;
|
|
padding-left: 4px;
|
|
}
|
|
.px-xxl-2 {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
.px-xxl-3 {
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
}
|
|
.px-xxl-4 {
|
|
padding-right: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
.px-xxl-5 {
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.px-xxl-6 {
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
.px-xxl-7 {
|
|
padding-right: 28px;
|
|
padding-left: 28px;
|
|
}
|
|
.px-xxl-8 {
|
|
padding-right: 32px;
|
|
padding-left: 32px;
|
|
}
|
|
.px-xxl-9 {
|
|
padding-right: 36px;
|
|
padding-left: 36px;
|
|
}
|
|
.px-xxl-10 {
|
|
padding-right: 40px;
|
|
padding-left: 40px;
|
|
}
|
|
.px-xxl-11 {
|
|
padding-right: 44px;
|
|
padding-left: 44px;
|
|
}
|
|
.px-xxl-12 {
|
|
padding-right: 48px;
|
|
padding-left: 48px;
|
|
}
|
|
.px-xxl-13 {
|
|
padding-right: 52px;
|
|
padding-left: 52px;
|
|
}
|
|
.px-xxl-14 {
|
|
padding-right: 56px;
|
|
padding-left: 56px;
|
|
}
|
|
.px-xxl-15 {
|
|
padding-right: 60px;
|
|
padding-left: 60px;
|
|
}
|
|
.px-xxl-16 {
|
|
padding-right: 64px;
|
|
padding-left: 64px;
|
|
}
|
|
.py-xxl-0 {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.py-xxl-1 {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.py-xxl-2 {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.py-xxl-3 {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.py-xxl-4 {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.py-xxl-5 {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.py-xxl-6 {
|
|
padding-top: 24px;
|
|
padding-bottom: 24px;
|
|
}
|
|
.py-xxl-7 {
|
|
padding-top: 28px;
|
|
padding-bottom: 28px;
|
|
}
|
|
.py-xxl-8 {
|
|
padding-top: 32px;
|
|
padding-bottom: 32px;
|
|
}
|
|
.py-xxl-9 {
|
|
padding-top: 36px;
|
|
padding-bottom: 36px;
|
|
}
|
|
.py-xxl-10 {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
}
|
|
.py-xxl-11 {
|
|
padding-top: 44px;
|
|
padding-bottom: 44px;
|
|
}
|
|
.py-xxl-12 {
|
|
padding-top: 48px;
|
|
padding-bottom: 48px;
|
|
}
|
|
.py-xxl-13 {
|
|
padding-top: 52px;
|
|
padding-bottom: 52px;
|
|
}
|
|
.py-xxl-14 {
|
|
padding-top: 56px;
|
|
padding-bottom: 56px;
|
|
}
|
|
.py-xxl-15 {
|
|
padding-top: 60px;
|
|
padding-bottom: 60px;
|
|
}
|
|
.py-xxl-16 {
|
|
padding-top: 64px;
|
|
padding-bottom: 64px;
|
|
}
|
|
.pt-xxl-0 {
|
|
padding-top: 0px;
|
|
}
|
|
.pt-xxl-1 {
|
|
padding-top: 4px;
|
|
}
|
|
.pt-xxl-2 {
|
|
padding-top: 8px;
|
|
}
|
|
.pt-xxl-3 {
|
|
padding-top: 12px;
|
|
}
|
|
.pt-xxl-4 {
|
|
padding-top: 16px;
|
|
}
|
|
.pt-xxl-5 {
|
|
padding-top: 20px;
|
|
}
|
|
.pt-xxl-6 {
|
|
padding-top: 24px;
|
|
}
|
|
.pt-xxl-7 {
|
|
padding-top: 28px;
|
|
}
|
|
.pt-xxl-8 {
|
|
padding-top: 32px;
|
|
}
|
|
.pt-xxl-9 {
|
|
padding-top: 36px;
|
|
}
|
|
.pt-xxl-10 {
|
|
padding-top: 40px;
|
|
}
|
|
.pt-xxl-11 {
|
|
padding-top: 44px;
|
|
}
|
|
.pt-xxl-12 {
|
|
padding-top: 48px;
|
|
}
|
|
.pt-xxl-13 {
|
|
padding-top: 52px;
|
|
}
|
|
.pt-xxl-14 {
|
|
padding-top: 56px;
|
|
}
|
|
.pt-xxl-15 {
|
|
padding-top: 60px;
|
|
}
|
|
.pt-xxl-16 {
|
|
padding-top: 64px;
|
|
}
|
|
.pr-xxl-0 {
|
|
padding-right: 0px;
|
|
}
|
|
.pr-xxl-1 {
|
|
padding-right: 4px;
|
|
}
|
|
.pr-xxl-2 {
|
|
padding-right: 8px;
|
|
}
|
|
.pr-xxl-3 {
|
|
padding-right: 12px;
|
|
}
|
|
.pr-xxl-4 {
|
|
padding-right: 16px;
|
|
}
|
|
.pr-xxl-5 {
|
|
padding-right: 20px;
|
|
}
|
|
.pr-xxl-6 {
|
|
padding-right: 24px;
|
|
}
|
|
.pr-xxl-7 {
|
|
padding-right: 28px;
|
|
}
|
|
.pr-xxl-8 {
|
|
padding-right: 32px;
|
|
}
|
|
.pr-xxl-9 {
|
|
padding-right: 36px;
|
|
}
|
|
.pr-xxl-10 {
|
|
padding-right: 40px;
|
|
}
|
|
.pr-xxl-11 {
|
|
padding-right: 44px;
|
|
}
|
|
.pr-xxl-12 {
|
|
padding-right: 48px;
|
|
}
|
|
.pr-xxl-13 {
|
|
padding-right: 52px;
|
|
}
|
|
.pr-xxl-14 {
|
|
padding-right: 56px;
|
|
}
|
|
.pr-xxl-15 {
|
|
padding-right: 60px;
|
|
}
|
|
.pr-xxl-16 {
|
|
padding-right: 64px;
|
|
}
|
|
.pb-xxl-0 {
|
|
padding-bottom: 0px;
|
|
}
|
|
.pb-xxl-1 {
|
|
padding-bottom: 4px;
|
|
}
|
|
.pb-xxl-2 {
|
|
padding-bottom: 8px;
|
|
}
|
|
.pb-xxl-3 {
|
|
padding-bottom: 12px;
|
|
}
|
|
.pb-xxl-4 {
|
|
padding-bottom: 16px;
|
|
}
|
|
.pb-xxl-5 {
|
|
padding-bottom: 20px;
|
|
}
|
|
.pb-xxl-6 {
|
|
padding-bottom: 24px;
|
|
}
|
|
.pb-xxl-7 {
|
|
padding-bottom: 28px;
|
|
}
|
|
.pb-xxl-8 {
|
|
padding-bottom: 32px;
|
|
}
|
|
.pb-xxl-9 {
|
|
padding-bottom: 36px;
|
|
}
|
|
.pb-xxl-10 {
|
|
padding-bottom: 40px;
|
|
}
|
|
.pb-xxl-11 {
|
|
padding-bottom: 44px;
|
|
}
|
|
.pb-xxl-12 {
|
|
padding-bottom: 48px;
|
|
}
|
|
.pb-xxl-13 {
|
|
padding-bottom: 52px;
|
|
}
|
|
.pb-xxl-14 {
|
|
padding-bottom: 56px;
|
|
}
|
|
.pb-xxl-15 {
|
|
padding-bottom: 60px;
|
|
}
|
|
.pb-xxl-16 {
|
|
padding-bottom: 64px;
|
|
}
|
|
.pl-xxl-0 {
|
|
padding-left: 0px;
|
|
}
|
|
.pl-xxl-1 {
|
|
padding-left: 4px;
|
|
}
|
|
.pl-xxl-2 {
|
|
padding-left: 8px;
|
|
}
|
|
.pl-xxl-3 {
|
|
padding-left: 12px;
|
|
}
|
|
.pl-xxl-4 {
|
|
padding-left: 16px;
|
|
}
|
|
.pl-xxl-5 {
|
|
padding-left: 20px;
|
|
}
|
|
.pl-xxl-6 {
|
|
padding-left: 24px;
|
|
}
|
|
.pl-xxl-7 {
|
|
padding-left: 28px;
|
|
}
|
|
.pl-xxl-8 {
|
|
padding-left: 32px;
|
|
}
|
|
.pl-xxl-9 {
|
|
padding-left: 36px;
|
|
}
|
|
.pl-xxl-10 {
|
|
padding-left: 40px;
|
|
}
|
|
.pl-xxl-11 {
|
|
padding-left: 44px;
|
|
}
|
|
.pl-xxl-12 {
|
|
padding-left: 48px;
|
|
}
|
|
.pl-xxl-13 {
|
|
padding-left: 52px;
|
|
}
|
|
.pl-xxl-14 {
|
|
padding-left: 56px;
|
|
}
|
|
.pl-xxl-15 {
|
|
padding-left: 60px;
|
|
}
|
|
.pl-xxl-16 {
|
|
padding-left: 64px;
|
|
}
|
|
.ps-xxl-0 {
|
|
padding-inline-start: 0px;
|
|
}
|
|
.ps-xxl-1 {
|
|
padding-inline-start: 4px;
|
|
}
|
|
.ps-xxl-2 {
|
|
padding-inline-start: 8px;
|
|
}
|
|
.ps-xxl-3 {
|
|
padding-inline-start: 12px;
|
|
}
|
|
.ps-xxl-4 {
|
|
padding-inline-start: 16px;
|
|
}
|
|
.ps-xxl-5 {
|
|
padding-inline-start: 20px;
|
|
}
|
|
.ps-xxl-6 {
|
|
padding-inline-start: 24px;
|
|
}
|
|
.ps-xxl-7 {
|
|
padding-inline-start: 28px;
|
|
}
|
|
.ps-xxl-8 {
|
|
padding-inline-start: 32px;
|
|
}
|
|
.ps-xxl-9 {
|
|
padding-inline-start: 36px;
|
|
}
|
|
.ps-xxl-10 {
|
|
padding-inline-start: 40px;
|
|
}
|
|
.ps-xxl-11 {
|
|
padding-inline-start: 44px;
|
|
}
|
|
.ps-xxl-12 {
|
|
padding-inline-start: 48px;
|
|
}
|
|
.ps-xxl-13 {
|
|
padding-inline-start: 52px;
|
|
}
|
|
.ps-xxl-14 {
|
|
padding-inline-start: 56px;
|
|
}
|
|
.ps-xxl-15 {
|
|
padding-inline-start: 60px;
|
|
}
|
|
.ps-xxl-16 {
|
|
padding-inline-start: 64px;
|
|
}
|
|
.pe-xxl-0 {
|
|
padding-inline-end: 0px;
|
|
}
|
|
.pe-xxl-1 {
|
|
padding-inline-end: 4px;
|
|
}
|
|
.pe-xxl-2 {
|
|
padding-inline-end: 8px;
|
|
}
|
|
.pe-xxl-3 {
|
|
padding-inline-end: 12px;
|
|
}
|
|
.pe-xxl-4 {
|
|
padding-inline-end: 16px;
|
|
}
|
|
.pe-xxl-5 {
|
|
padding-inline-end: 20px;
|
|
}
|
|
.pe-xxl-6 {
|
|
padding-inline-end: 24px;
|
|
}
|
|
.pe-xxl-7 {
|
|
padding-inline-end: 28px;
|
|
}
|
|
.pe-xxl-8 {
|
|
padding-inline-end: 32px;
|
|
}
|
|
.pe-xxl-9 {
|
|
padding-inline-end: 36px;
|
|
}
|
|
.pe-xxl-10 {
|
|
padding-inline-end: 40px;
|
|
}
|
|
.pe-xxl-11 {
|
|
padding-inline-end: 44px;
|
|
}
|
|
.pe-xxl-12 {
|
|
padding-inline-end: 48px;
|
|
}
|
|
.pe-xxl-13 {
|
|
padding-inline-end: 52px;
|
|
}
|
|
.pe-xxl-14 {
|
|
padding-inline-end: 56px;
|
|
}
|
|
.pe-xxl-15 {
|
|
padding-inline-end: 60px;
|
|
}
|
|
.pe-xxl-16 {
|
|
padding-inline-end: 64px;
|
|
}
|
|
.text-xxl-left {
|
|
text-align: left;
|
|
}
|
|
.text-xxl-right {
|
|
text-align: right;
|
|
}
|
|
.text-xxl-center {
|
|
text-align: center;
|
|
}
|
|
.text-xxl-justify {
|
|
text-align: justify;
|
|
}
|
|
.text-xxl-start {
|
|
text-align: start;
|
|
}
|
|
.text-xxl-end {
|
|
text-align: end;
|
|
}
|
|
.h-xxl-auto {
|
|
height: auto;
|
|
}
|
|
.h-xxl-screen {
|
|
height: 100vh;
|
|
}
|
|
.h-xxl-0 {
|
|
height: 0;
|
|
}
|
|
.h-xxl-25 {
|
|
height: 25%;
|
|
}
|
|
.h-xxl-50 {
|
|
height: 50%;
|
|
}
|
|
.h-xxl-75 {
|
|
height: 75%;
|
|
}
|
|
.h-xxl-100 {
|
|
height: 100%;
|
|
}
|
|
.w-xxl-auto {
|
|
width: auto;
|
|
}
|
|
.w-xxl-0 {
|
|
width: 0;
|
|
}
|
|
.w-xxl-25 {
|
|
width: 25%;
|
|
}
|
|
.w-xxl-33 {
|
|
width: 33%;
|
|
}
|
|
.w-xxl-50 {
|
|
width: 50%;
|
|
}
|
|
.w-xxl-66 {
|
|
width: 66%;
|
|
}
|
|
.w-xxl-75 {
|
|
width: 75%;
|
|
}
|
|
.w-xxl-100 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media print {
|
|
.d-print-none {
|
|
display: none;
|
|
}
|
|
.d-print-inline {
|
|
display: inline;
|
|
}
|
|
.d-print-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-print-block {
|
|
display: block;
|
|
}
|
|
.d-print-table {
|
|
display: table;
|
|
}
|
|
.d-print-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-print-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-print-flex {
|
|
display: flex;
|
|
}
|
|
.d-print-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.float-print-none {
|
|
float: none;
|
|
}
|
|
.float-print-left {
|
|
float: left;
|
|
}
|
|
.float-print-right {
|
|
float: right;
|
|
}
|
|
.v-locale--is-rtl .float-print-end {
|
|
float: left;
|
|
}
|
|
.v-locale--is-rtl .float-print-start {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-print-end {
|
|
float: right;
|
|
}
|
|
.v-locale--is-ltr .float-print-start {
|
|
float: left;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-ripple__container {
|
|
color: inherit;
|
|
border-radius: inherit;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
overflow: hidden;
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
contain: strict;
|
|
}
|
|
.v-ripple__animation {
|
|
color: inherit;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
border-radius: 50%;
|
|
background: currentColor;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
will-change: transform, opacity;
|
|
}
|
|
.v-ripple__animation--enter {
|
|
transition: none;
|
|
opacity: 0;
|
|
}
|
|
.v-ripple__animation--in {
|
|
transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
|
|
opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-ripple__animation--in {
|
|
transition-property: opacity;
|
|
transition-duration: 0.1s;
|
|
}
|
|
}
|
|
.v-ripple__animation--out {
|
|
transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
|
|
opacity: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-code {
|
|
background-color: rgb(var(--v-theme-code));
|
|
color: rgb(var(--v-theme-on-code));
|
|
border-radius: 4px;
|
|
line-height: 1.8;
|
|
font-size: 0.9em;
|
|
font-weight: normal;
|
|
padding: 0.2em 0.4em;
|
|
}
|
|
.v-code:has(> pre) {
|
|
display: inline-block;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-kbd {
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
align-items: center;
|
|
align-self: stretch;
|
|
background: rgb(var(--v-theme-kbd));
|
|
color: rgb(var(--v-theme-on-kbd));
|
|
display: inline-flex;
|
|
font-size: 0.875em;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
justify-content: center;
|
|
min-height: 1em;
|
|
min-width: 20px;
|
|
padding: 3px 6px;
|
|
vertical-align: baseline;
|
|
margin-inline: 1px;
|
|
}
|
|
.v-kbd {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: thin;
|
|
}
|
|
.v-kbd--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-kbd {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-kbd {
|
|
border-radius: 4px;
|
|
}
|
|
}@layer vuetify-components {
|
|
/* region INPUT */
|
|
.v-color-input {
|
|
padding: 0;
|
|
}
|
|
.v-color-input.v-input--density-default .v-color-input__pip {
|
|
--v-avatar-height: 40px;
|
|
}
|
|
.v-color-input.v-input--density-comfortable .v-color-input__pip {
|
|
--v-avatar-height: 32px;
|
|
}
|
|
.v-color-input.v-input--density-compact .v-color-input__pip {
|
|
--v-avatar-height: 28px;
|
|
}
|
|
.v-color-input .v-color-input__pip.v-avatar--variant-text {
|
|
--v-avatar-height: min-content;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-command-palette > .v-overlay__content > .v-sheet {
|
|
display: flex;
|
|
flex: 1 1 100%;
|
|
flex-direction: column;
|
|
}
|
|
.v-command-palette--density-default .v-command-palette__input-container {
|
|
padding-block: 8px;
|
|
padding-inline: 16px;
|
|
}
|
|
.v-command-palette--density-comfortable .v-command-palette__input-container {
|
|
padding-block: 4px;
|
|
padding-inline: 12px;
|
|
}
|
|
.v-command-palette--density-compact .v-command-palette__input-container {
|
|
padding-block: 0px;
|
|
padding-inline: 8px;
|
|
}
|
|
.v-command-palette__content {
|
|
overflow-y: auto;
|
|
}
|
|
.v-command-palette__no-data {
|
|
opacity: 0.6;
|
|
padding: 16px;
|
|
text-align: center;
|
|
}
|
|
.v-command-palette__list .v-list-subheader {
|
|
opacity: 0.7;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.v-command-palette__list .v-divider {
|
|
margin-block: 4px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-avatar-group {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
.v-avatar-group--hoverable .v-avatar {
|
|
cursor: pointer;
|
|
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-avatar-group--hoverable .v-avatar:hover {
|
|
transform: translateY(-8px);
|
|
}
|
|
.v-avatar-group--hoverable.v-avatar-group--vertical .v-avatar:hover {
|
|
transform: translateX(8px);
|
|
}
|
|
.v-avatar-group__content {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.v-avatar-group .v-avatar-group__overflow {
|
|
background: rgb(var(--v-theme-surface-light));
|
|
color: rgb(var(--v-theme-on-surface-light));
|
|
}
|
|
.v-avatar-group--horizontal .v-avatar:not(:first-child) {
|
|
margin-inline-start: var(--v-avatar-group-gap, -12px);
|
|
}
|
|
.v-avatar-group--horizontal.v-avatar-group--reverse .v-avatar-group__content {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.v-avatar-group--horizontal.v-avatar-group--reverse {
|
|
/* upgrade someday: https://caniuse.com/wf-sibling-count */
|
|
}
|
|
.v-avatar-group--horizontal.v-avatar-group--reverse .v-avatar:not(:first-child) {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: var(--v-avatar-group-gap, -12px);
|
|
}
|
|
.v-avatar-group--vertical .v-avatar-group__content {
|
|
flex-direction: column;
|
|
}
|
|
.v-avatar-group--vertical .v-avatar:not(:first-child) {
|
|
margin-block-start: var(--v-avatar-group-gap, -12px);
|
|
}
|
|
.v-avatar-group--vertical.v-avatar-group--reverse .v-avatar-group__content {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.v-avatar-group--vertical.v-avatar-group--reverse .v-avatar:not(:first-child) {
|
|
margin-block-start: 0;
|
|
margin-block-end: var(--v-avatar-group-gap, -12px);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-icon-btn {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-icon-btn--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-icon-btn {
|
|
border-radius: 50%;
|
|
}
|
|
.v-icon-btn:hover > .v-icon-btn__overlay {
|
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-icon-btn:focus-visible > .v-icon-btn__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-icon-btn:focus > .v-icon-btn__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-icon-btn--active > .v-icon-btn__overlay, .v-icon-btn[aria-haspopup=menu][aria-expanded=true] > .v-icon-btn__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-icon-btn--active:hover > .v-icon-btn__overlay, .v-icon-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-icon-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-icon-btn--active:focus-visible > .v-icon-btn__overlay, .v-icon-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-icon-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-icon-btn--active:focus > .v-icon-btn__overlay, .v-icon-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-icon-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-icon-btn--variant-plain, .v-icon-btn--variant-outlined, .v-icon-btn--variant-text, .v-icon-btn--variant-tonal {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.v-icon-btn--variant-plain {
|
|
opacity: 0.62;
|
|
}
|
|
.v-icon-btn--variant-plain:focus, .v-icon-btn--variant-plain:hover {
|
|
opacity: 1;
|
|
}
|
|
.v-icon-btn--variant-plain .v-icon-btn__overlay {
|
|
display: none;
|
|
}
|
|
.v-icon-btn--variant-elevated, .v-icon-btn--variant-flat {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: inherit;
|
|
}
|
|
.v-icon-btn--variant-elevated {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-icon-btn--variant-flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-icon-btn--variant-outlined {
|
|
border: thin solid currentColor;
|
|
}
|
|
.v-icon-btn--variant-text .v-icon-btn__overlay {
|
|
background: currentColor;
|
|
}
|
|
.v-icon-btn--variant-tonal .v-icon-btn__underlay {
|
|
background: currentColor;
|
|
opacity: var(--v-activated-opacity);
|
|
border-radius: inherit;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-icon-btn .v-icon-btn__underlay {
|
|
position: absolute;
|
|
}
|
|
.v-icon-btn {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
flex: none;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: normal;
|
|
height: var(--v-icon-btn-height);
|
|
justify-content: center;
|
|
outline: none;
|
|
position: relative;
|
|
transition-property: width, height, transform;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
vertical-align: middle;
|
|
width: var(--v-icon-btn-width);
|
|
}
|
|
@supports selector(:focus-visible) {
|
|
.v-icon-btn::after {
|
|
pointer-events: none;
|
|
border: 2px solid currentColor;
|
|
border-radius: inherit;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
.v-icon-btn::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-icon-btn:focus-visible::after {
|
|
opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-icon-btn--disabled, .v-icon-btn--loading, .v-icon-btn--readonly {
|
|
pointer-events: none;
|
|
}
|
|
.v-icon-btn--disabled {
|
|
opacity: 0.26;
|
|
}
|
|
.v-icon-btn--start {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-icon-btn--end {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.v-icon-btn__content {
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: inline-flex;
|
|
transition: inherit;
|
|
transition-property: transform;
|
|
transform: rotate(var(--v-icon-btn-rotate, 0deg));
|
|
}
|
|
.v-icon-btn--loading .v-icon-btn__content {
|
|
opacity: 0;
|
|
}
|
|
.v-icon-btn__content .v-icon {
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-property: opacity, font-size, width, height;
|
|
transform-origin: center;
|
|
}
|
|
.v-icon-btn__loader {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.v-icon-btn__overlay,
|
|
.v-icon-btn__underlay {
|
|
border-radius: inherit;
|
|
pointer-events: none;
|
|
}
|
|
.v-icon-btn__overlay,
|
|
.v-icon-btn__underlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-icon-btn__overlay {
|
|
background-color: currentColor;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
.v-icon-btn--active:not(:hover) .v-icon-btn__overlay {
|
|
--v-activated-opacity: 0;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-icon-btn:focus-visible {
|
|
outline: 2px solid;
|
|
outline-offset: 2px;
|
|
}
|
|
.v-icon-btn:not(.v-icon-btn--active):hover, .v-icon-btn:not(.v-icon-btn--active):focus {
|
|
color: highlight;
|
|
}
|
|
.v-icon-btn--active:not(.v-icon-btn--disabled), .v-icon-btn--active:not(.v-icon-btn--disabled)[class*=bg-] {
|
|
outline-color: canvastext;
|
|
background: highlight;
|
|
color: highlighttext;
|
|
}
|
|
.v-icon-btn--disabled {
|
|
color: graytext;
|
|
}
|
|
.v-icon-btn__overlay, .v-icon-btn__underlay,
|
|
.v-icon-btn .v-icon {
|
|
forced-color-adjust: preserve-parent-color;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-picker.v-sheet {
|
|
display: grid;
|
|
grid-auto-rows: min-content;
|
|
grid-template-areas: "header" "body";
|
|
grid-template-columns: minmax(0, 1fr);
|
|
overflow: hidden;
|
|
}
|
|
.v-picker.v-sheet {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-picker.v-sheet {
|
|
border-radius: 4px;
|
|
}
|
|
.v-picker.v-sheet.v-picker--with-actions {
|
|
grid-template-areas: "header" "body" "actions";
|
|
}
|
|
.v-picker.v-sheet.v-picker--landscape {
|
|
grid-template-columns: auto 1fr;
|
|
grid-template-areas: "header body" "header body";
|
|
}
|
|
.v-picker.v-sheet.v-picker--landscape.v-picker--with-actions {
|
|
grid-template-areas: "header body" "header actions";
|
|
}
|
|
.v-picker__body {
|
|
grid-area: body;
|
|
overflow: hidden;
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.v-picker__header-wrapper {
|
|
grid-area: header;
|
|
}
|
|
.v-picker__actions {
|
|
grid-area: actions;
|
|
padding: 0 12px 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
.v-picker__actions .v-btn {
|
|
min-width: 48px;
|
|
}
|
|
.v-picker__actions .v-btn:not(:last-child) {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-picker--divided .v-picker__header {
|
|
border-bottom-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-bottom-style: solid;
|
|
border-bottom-width: thin;
|
|
}
|
|
.v-picker-title {
|
|
text-transform: uppercase;
|
|
font-size: 0.75rem;
|
|
padding-inline: 24px 12px;
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
font-weight: 400;
|
|
letter-spacing: 0.1666666667em;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-stepper-vertical-item {
|
|
position: relative;
|
|
transition-duration: 0.2s;
|
|
transition-property: opacity;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-stepper-vertical-item--error {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-stepper-vertical-item__title {
|
|
font-size: 1rem;
|
|
}
|
|
.v-stepper-vertical-item__subtitle {
|
|
font-size: 0.75rem;
|
|
}
|
|
.v-stepper-vertical-item .v-expansion-panel-text {
|
|
padding-inline-start: 32px;
|
|
}
|
|
.v-stepper-vertical-item:not(:last-child):before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 2px;
|
|
height: calc(100% - 30px);
|
|
background: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
left: 35px;
|
|
top: 44px;
|
|
z-index: 1;
|
|
transition-duration: 300ms;
|
|
transition-property: height;
|
|
}
|
|
.v-stepper-vertical-item:after {
|
|
display: none;
|
|
}
|
|
.v-stepper-vertical-item.v-expansion-panel--disabled .v-expansion-panel-title, .v-stepper-vertical-item:not(.v-stepper-vertical-item--editable) .v-expansion-panel-title {
|
|
pointer-events: none;
|
|
}
|
|
.v-stepper-vertical-item.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay, .v-stepper-vertical-item:not(.v-stepper-vertical-item--editable) .v-expansion-panel-title .v-expansion-panel-title__overlay {
|
|
opacity: 0;
|
|
}
|
|
.v-stepper-vertical-item__avatar.v-avatar {
|
|
background: color-mix(in srgb, rgb(var(--v-theme-surface-variant)) calc(var(--v-medium-emphasis-opacity) * 100%), transparent);
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
transition-property: background;
|
|
align-self: start;
|
|
}
|
|
.v-stepper-vertical-item__avatar.v-avatar .v-icon {
|
|
font-size: 0.875rem;
|
|
}
|
|
.v-expansion-panel--active .v-stepper-vertical-item__avatar.v-avatar {
|
|
background: rgb(var(--v-theme-surface-variant));
|
|
}
|
|
.v-stepper-vertical-item--error .v-stepper-vertical-item__avatar.v-avatar {
|
|
background: rgb(var(--v-theme-error));
|
|
color: rgb(var(--v-theme-on-error));
|
|
}
|
|
.v-stepper-vertical-item--error .v-stepper-vertical-item__title {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-stepper-vertical-item--error .v-stepper-vertical-item__subtitle {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-stepper-vertical-actions.v-stepper-actions .v-btn {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-stepper .v-stepper-vertical-actions.v-stepper-actions {
|
|
justify-content: flex-end;
|
|
padding: 24px 0 0;
|
|
flex-direction: row-reverse;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-file-upload .v-input__control {
|
|
flex-direction: column;
|
|
}
|
|
.v-file-upload-dropzone {
|
|
padding: 64px 16px;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
.v-file-upload-dropzone.v-sheet {
|
|
display: flex;
|
|
border-radius: 4px;
|
|
border-style: dashed;
|
|
border-width: 2px;
|
|
}
|
|
.v-file-upload-dropzone.v-file-upload-dropzone--density-compact {
|
|
padding: 32px 0;
|
|
flex-direction: row;
|
|
gap: 1rem;
|
|
}
|
|
.v-file-upload-dropzone .v-overlay__scrim {
|
|
pointer-events: none;
|
|
}
|
|
.v-file-upload-dropzone--disabled {
|
|
pointer-events: none;
|
|
opacity: var(--v-disabled-opacity);
|
|
}
|
|
.v-file-upload-dropzone--dragging > * {
|
|
pointer-events: none;
|
|
}
|
|
.v-file-upload-dropzone--clickable {
|
|
cursor: pointer;
|
|
}
|
|
.v-file-upload-dropzone--has-files:not(.v-file-upload-dropzone--clickable) {
|
|
cursor: default;
|
|
}
|
|
.v-file-upload-dropzone--error.v-sheet {
|
|
border-color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-file-upload-dropzone--inset {
|
|
padding: 16px;
|
|
}
|
|
.v-file-upload-dropzone input[type=file] {
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
z-index: -1;
|
|
}
|
|
.v-file-upload-title {
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
}
|
|
.v-file-upload-icon {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
font-size: 3rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.v-file-upload-dropzone--density-comfortable .v-file-upload-icon {
|
|
font-size: 2.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.v-file-upload-dropzone--density-compact .v-file-upload-icon {
|
|
font-size: 2rem;
|
|
margin-bottom: 0rem;
|
|
}
|
|
.v-file-upload-divider {
|
|
align-items: center;
|
|
display: flex;
|
|
margin: 32px 0;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
.v-file-upload-divider .v-divider__wrapper {
|
|
max-width: 100%;
|
|
}
|
|
.v-file-upload-inset {
|
|
width: 100%;
|
|
}
|
|
.v-file-upload-inset__action {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
padding: 8px 0;
|
|
}
|
|
.v-file-upload-list {
|
|
margin: 16px 0;
|
|
}
|
|
.v-file-upload-item:not(:first-child) {
|
|
margin-top: 8px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-video {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
position: relative;
|
|
--v-video-aspect-ratio: 1.7777777778;
|
|
--v-video-controls-height: 58px;
|
|
--v-video-controls-pill-border-radius: 99px;
|
|
}
|
|
.v-video--density-default {
|
|
--v-video-controls-height: 58px;
|
|
}
|
|
.v-video--density-comfortable {
|
|
--v-video-controls-height: 50px;
|
|
}
|
|
.v-video--density-compact {
|
|
--v-video-controls-height: 42px;
|
|
}
|
|
.v-video__video {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
z-index: 0;
|
|
}
|
|
.v-video__video::-webkit-media-controls {
|
|
display: none !important;
|
|
}
|
|
.v-video__video ~ * {
|
|
z-index: 1;
|
|
}
|
|
.v-video__header {
|
|
position: relative;
|
|
opacity: 0;
|
|
transition: opacity 0.6s ease-in-out;
|
|
pointer-events: none;
|
|
}
|
|
.v-video__header > * {
|
|
pointer-events: auto;
|
|
}
|
|
.v-video__content {
|
|
position: relative;
|
|
border-radius: inherit;
|
|
z-index: 0;
|
|
}
|
|
.v-video__content {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-video:not(.v-video--idle):not(.v-video--error) .v-video__content .v-video__overlay-fill, .v-video:not(.v-video--idle):not(.v-video--error) .v-video__content .v-video__overlay-fill > * {
|
|
pointer-events: none;
|
|
}
|
|
.v-video:not(.v-video--error) .v-video__content {
|
|
cursor: pointer;
|
|
}
|
|
.v-video__overlay-fill {
|
|
position: absolute;
|
|
inset: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: inherit;
|
|
}
|
|
.v-video__overlay-fill > .v-img {
|
|
position: absolute;
|
|
border-radius: inherit;
|
|
inset: 0;
|
|
}
|
|
.v-video:has(.v-video-controls:not(.v-video-controls--detached)) .v-video__content .v-video__overlay-fill {
|
|
padding-bottom: var(--v-video-controls-height);
|
|
}
|
|
.v-video__center-icon.v-icon-btn {
|
|
border: 5px solid currentColor;
|
|
transition-property: transform, opacity;
|
|
transition-duration: 0.28s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-video__center-icon.v-icon-btn.v-video__center-icon--play {
|
|
opacity: 0.6;
|
|
}
|
|
.v-video__content:hover .v-video__center-icon--play {
|
|
transform: scale(1.05);
|
|
opacity: 1;
|
|
}
|
|
.v-video--variant-player {
|
|
width: 100%;
|
|
}
|
|
.v-video--variant-player > .v-video__content {
|
|
width: 100%;
|
|
aspect-ratio: var(--v-video-aspect-ratio);
|
|
}
|
|
.v-video--variant-background {
|
|
outline: none;
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-video--variant-background > .v-video__content {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-video .v-video-controls {
|
|
opacity: 0;
|
|
}
|
|
.v-video .v-video-controls:not(.v-video-controls--detached) {
|
|
margin-top: calc(-1 * var(--v-video-controls-height));
|
|
}
|
|
.v-video .v-video-controls--detached {
|
|
opacity: 1;
|
|
}
|
|
.v-video .v-video-controls--floating:not(.v-video-controls--detached) {
|
|
margin-top: calc(-1 * var(--v-video-controls-height) - 12px);
|
|
margin-bottom: 12px;
|
|
}
|
|
.v-video:not(.v-video--playing) .v-video__header,
|
|
.v-video:not(.v-video--playing) .v-video-controls, .v-video:hover .v-video__header,
|
|
.v-video:hover .v-video-controls {
|
|
opacity: 1;
|
|
}
|
|
.v-video--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.v-video:fullscreen .v-video__content {
|
|
min-height: 100% !important;
|
|
min-width: 100% !important;
|
|
}
|
|
.poster-fade-out-leave-active {
|
|
transition: opacity 1s linear 0.3s;
|
|
}
|
|
.poster-fade-out-leave-to {
|
|
opacity: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-video-controls {
|
|
--v-video-controls-height: 58px;
|
|
--v-video-controls-pill-border-radius: 99px;
|
|
--v-video-controls-gap: 16px;
|
|
--v-background-opacity: 0.8;
|
|
--v-video-controls-pill-height: 42px;
|
|
flex: 1 0 100%;
|
|
align-self: stretch;
|
|
padding: 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
gap: var(--v-video-controls-gap);
|
|
min-height: var(--v-video-controls-height);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
backdrop-filter: blur(5px);
|
|
background-color: rgba(var(--v-theme-surface), var(--v-background-opacity));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
width: 100%;
|
|
opacity: 1;
|
|
}
|
|
.v-video-controls--density-default {
|
|
--v-video-controls-gap: 16px;
|
|
--v-video-controls-height: 58px;
|
|
}
|
|
.v-video-controls--density-comfortable {
|
|
--v-video-controls-gap: 12px;
|
|
--v-video-controls-height: 50px;
|
|
}
|
|
.v-video-controls--density-compact {
|
|
--v-video-controls-gap: 8px;
|
|
--v-video-controls-height: 42px;
|
|
}
|
|
.v-video-controls, .v-video-controls--pills > .v-video-control__pill {
|
|
transition: 0.6s ease-in-out;
|
|
transition-property: opacity, background-color;
|
|
}
|
|
.v-video-controls--pills > .v-video-control__pill {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-video-controls:hover {
|
|
--v-background-opacity: 1;
|
|
}
|
|
.v-video-controls .v-video-control__pill {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
.v-video-controls--pills {
|
|
--v-background-opacity: 1;
|
|
--v-video-controls-height: calc(var(--v-video-controls-pill-height) + 24px);
|
|
-webkit-backdrop-filter: none;
|
|
backdrop-filter: none;
|
|
pointer-events: none;
|
|
}
|
|
.v-video-controls--pills > * {
|
|
pointer-events: auto;
|
|
}
|
|
.v-video-controls--pills:not(:empty) {
|
|
background: transparent;
|
|
}
|
|
.v-video-controls--pills > .v-video-control__pill {
|
|
-webkit-backdrop-filter: blur(5px);
|
|
backdrop-filter: blur(5px);
|
|
background: rgba(var(--v-theme-surface), var(--v-background-opacity));
|
|
border-radius: var(--v-video-controls-pill-border-radius);
|
|
min-height: var(--v-video-controls-pill-height);
|
|
min-width: var(--v-video-controls-pill-height);
|
|
padding: 0 6px;
|
|
z-index: 1;
|
|
}
|
|
.v-video-controls--pills > .v-video-control__pill > .v-icon-btn {
|
|
border-radius: inherit;
|
|
}
|
|
.v-video-controls--pills > .v-video-control__pill:empty {
|
|
display: none;
|
|
}
|
|
.v-video-controls--pills > .v-video-control__pill:has(> *:only-child) {
|
|
padding-inline: 0;
|
|
justify-content: center;
|
|
border-radius: var(--v-video-controls-pill-border-radius);
|
|
}
|
|
.v-video-controls--pills > .v-video__time {
|
|
padding: 0 16px;
|
|
}
|
|
.v-video-controls--variant-tube .v-slider.v-video__track {
|
|
position: absolute;
|
|
top: -8px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.v-video-controls--variant-tube .v-slider.v-video__track .v-slider-track {
|
|
height: calc(var(--v-slider-track-size) + 10px);
|
|
}
|
|
.v-video-controls--variant-tube .v-slider.v-video__track .v-slider-track__fill {
|
|
height: var(--v-slider-track-size);
|
|
}
|
|
.v-video-controls--split-time {
|
|
padding-inline: 20px;
|
|
}
|
|
.v-video-controls:not(.v-video-controls--floating) {
|
|
border-bottom-left-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
}
|
|
.v-video-controls:not(.v-video-controls--floating):not(.v-video-controls--pills) {
|
|
border-top: thin solid color-mix(in srgb, rgb(var(--v-theme-surface-variant)) 20%, transparent);
|
|
}
|
|
.v-video-controls--floating {
|
|
--v-background-opacity: 1;
|
|
border-radius: inherit;
|
|
margin-inline: 12px;
|
|
width: calc(100% - 2 * 12px);
|
|
}
|
|
.v-video-controls--detached {
|
|
--v-background-opacity: 1;
|
|
position: relative;
|
|
margin-block-start: 12px;
|
|
padding-inline: 12px;
|
|
-webkit-backdrop-filter: none;
|
|
backdrop-filter: none;
|
|
border-top: none;
|
|
border-radius: inherit;
|
|
opacity: 1;
|
|
}
|
|
.v-video-controls--detached:not(.v-video-controls--pills) {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-video-controls--fullscreen {
|
|
position: absolute;
|
|
bottom: 0;
|
|
z-index: 2147483647;
|
|
}
|
|
.v-video-controls--fullscreen.v-video-controls--floating {
|
|
bottom: 12px;
|
|
}
|
|
.v-video__track {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.v-video__track.v-slider.v-input--horizontal > .v-input__control {
|
|
min-height: 4px;
|
|
}
|
|
.v-video__track .v-slider-thumb:not(:hover) .v-slider-thumb__label {
|
|
opacity: 0;
|
|
transition-delay: 0.2s;
|
|
}
|
|
.v-video__track .v-slider-thumb__label {
|
|
color: rgb(var(--v-theme-on-surface-variant)) !important;
|
|
}
|
|
.v-video__time {
|
|
font-size: 0.875rem;
|
|
line-height: 1;
|
|
letter-spacing: 0.02em;
|
|
}
|
|
}.v-pull-to-refresh {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.v-pull-to-refresh__pull-down {
|
|
position: absolute;
|
|
width: 100%;
|
|
transition: top 0.3s ease-out;
|
|
}
|
|
.v-pull-to-refresh__pull-down--touching {
|
|
transition: none;
|
|
}
|
|
.v-pull-to-refresh__pull-down-default {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
justify-content: center;
|
|
align-items: flex-end;
|
|
padding-bottom: 10px;
|
|
}
|
|
.v-pull-to-refresh__scroll-container {
|
|
position: relative;
|
|
transition: top 0.3s ease-out;
|
|
}
|
|
.v-pull-to-refresh__scroll-container--touching {
|
|
transition: none;
|
|
}@layer vuetify-components {
|
|
.v-pie {
|
|
display: grid;
|
|
align-items: center;
|
|
column-gap: 24px;
|
|
--v-pie-size: 250px;
|
|
}
|
|
.v-pie--legend-top {
|
|
grid-template-areas: "title" "legend" "content";
|
|
grid-template-columns: var(--v-pie-size);
|
|
}
|
|
.v-pie--legend-bottom {
|
|
grid-template-areas: "title" "content" "legend";
|
|
grid-template-columns: var(--v-pie-size);
|
|
}
|
|
.v-pie--legend-right {
|
|
grid-template-areas: "title ." "content legend";
|
|
}
|
|
.v-pie--legend-left {
|
|
grid-template-areas: ". title" "legend content";
|
|
}
|
|
.v-pie--legend-hidden {
|
|
grid-template-areas: "title" "content";
|
|
}
|
|
.v-pie__title {
|
|
grid-area: title;
|
|
text-align: center;
|
|
padding-bottom: 12px;
|
|
}
|
|
.v-pie__content {
|
|
grid-area: content;
|
|
position: relative;
|
|
width: var(--v-pie-size);
|
|
height: var(--v-pie-size);
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-pie__content .v-overlay__scrim,
|
|
.v-pie__content .v-overlay__content {
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
.v-pie__content {
|
|
background: none;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-pie__segments {
|
|
border-radius: 50%;
|
|
}
|
|
.v-pie__content-underlay {
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
inset: -8px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.v-pie__center-content {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: none;
|
|
}
|
|
.v-pie__center-content > div {
|
|
pointer-events: auto;
|
|
}
|
|
.v-pie__legend {
|
|
grid-area: legend;
|
|
padding-block: 12px;
|
|
}
|
|
.v-pie__legend .v-avatar {
|
|
border: thin solid color-mix(in srgb, rgb(var(--v-theme-on-surface)) 20%, transparent);
|
|
}
|
|
.v-pie__legend .v-chip__content {
|
|
width: 100%;
|
|
}
|
|
.v-pie__legend .v-chip-group .v-chip:not(.v-chip--selected) {
|
|
opacity: 0.4;
|
|
}
|
|
.v-pie__legend__text {
|
|
font-size: 0.8125rem;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.v-chip--density-compact .v-pie__legend__text {
|
|
font-size: 0.66rem;
|
|
}
|
|
.v-pie .v-chip.v-chip--density-comfortable .v-avatar--start {
|
|
margin-inline-start: -6px;
|
|
}
|
|
.v-pie .v-chip.v-chip--density-default .v-avatar--start {
|
|
margin-inline-start: -4px;
|
|
}
|
|
.v-pie-segment {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.v-pie-segment .v-pie-segment__overlay {
|
|
pointer-events: auto;
|
|
opacity: 0;
|
|
}
|
|
.v-pie__tooltip-content .v-list-item {
|
|
padding-inline: 0;
|
|
min-width: 100px;
|
|
zoom: 0.88;
|
|
}
|
|
.v-pie__tooltip-content .v-list-item-subtitle {
|
|
opacity: 1;
|
|
}
|
|
.v-pie__tooltip-content .v-avatar {
|
|
border: thin solid color-mix(in srgb, rgb(var(--v-theme-on-surface-variant)) 20%, transparent);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-video-volume--inline {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.v-video-volume__menu {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.v-video-volume__menu {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: thin;
|
|
}
|
|
.v-video-volume__menu--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-video-volume__menu {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-video-volume__menu {
|
|
border-radius: 4px;
|
|
}
|
|
.v-video-volume__menu:has(.v-input--horizontal) {
|
|
height: 40px;
|
|
}
|
|
.v-video-volume__menu:has(.v-input--vertical) {
|
|
width: 40px;
|
|
}
|
|
.v-video-volume__menu .v-slider.v-input--horizontal {
|
|
margin: 0 16px;
|
|
width: 100px;
|
|
height: 40px;
|
|
}
|
|
.v-video-volume__menu .v-slider.v-input--vertical {
|
|
margin: 16px 0;
|
|
height: 100px;
|
|
width: 40px;
|
|
}
|
|
.v-video-volume__menu .v-slider.v-input--vertical > .v-input__control {
|
|
min-height: 50px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-progress {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
.v-progress > .v-progress-circular {
|
|
align-self: center;
|
|
}
|
|
.v-progress:has(> .v-progress-circular) > .v-progress__details > *:only-child {
|
|
margin-inline: auto;
|
|
}
|
|
.v-progress__label {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.v-progress__label + .v-progress__value {
|
|
margin-inline-start: auto;
|
|
}
|
|
.v-progress__details {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
gap: 8px;
|
|
}
|
|
.v-progress__details--location-bottom {
|
|
align-items: flex-start;
|
|
order: 1;
|
|
}
|
|
.v-progress--absolute {
|
|
position: absolute;
|
|
inset: 0;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.v-progress--absolute > .v-progress__details {
|
|
height: 0;
|
|
overflow: visible;
|
|
}
|
|
.v-progress--absolute > .v-progress__spacer {
|
|
height: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-row {
|
|
--v-row-columns: 12;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex: 1 1 auto;
|
|
gap: var(--v-col-gap-y) var(--v-col-gap-x);
|
|
}
|
|
.v-row + .v-row {
|
|
margin-top: var(--v-col-gap-y);
|
|
}
|
|
.v-row--density-default {
|
|
--v-col-gap-x: 24px;
|
|
--v-col-gap-y: 24px;
|
|
}
|
|
.v-row--density-comfortable {
|
|
--v-col-gap-x: 16px;
|
|
--v-col-gap-y: 16px;
|
|
}
|
|
.v-row--density-compact {
|
|
--v-col-gap-x: 8px;
|
|
--v-col-gap-y: 8px;
|
|
}
|
|
.v-row--no-gutters {
|
|
--v-col-gap-x: 0px;
|
|
--v-col-gap-y: 0px;
|
|
}
|
|
.v-col {
|
|
flex-grow: var(--v-col-is-size, 0) var(--v-col-is-auto, 0) var(--v-col-is-grow, 1);
|
|
flex-shrink: 0;
|
|
flex-basis: var(--v-col-is-size, calc(var(--v-col-size) * (100% + var(--v-col-gap-x)) / var(--v-col-size-columns) - var(--v-col-gap-x))) var(--v-col-is-auto, auto) var(--v-col-is-grow, 0);
|
|
max-width: 100%;
|
|
min-width: var(--v-col-is-size, 0) var(--v-col-is-auto, auto) var(--v-col-is-grow, auto);
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
--v-col-size-base: initial;
|
|
--v-col-size-base-sm: initial;
|
|
--v-col-size-base-md: initial;
|
|
--v-col-size-base-lg: initial;
|
|
--v-col-size-base-xl: initial;
|
|
--v-col-size-base-xxl: initial;
|
|
--v-col-offset-base: initial;
|
|
--v-col-offset-base-sm: initial;
|
|
--v-col-offset-base-md: initial;
|
|
--v-col-offset-base-lg: initial;
|
|
--v-col-offset-base-xl: initial;
|
|
--v-col-offset-base-xxl: initial;
|
|
}
|
|
.v-col:where([class*=v-col--offset-]) {
|
|
margin-inline-start: calc(var(--v-col-offset) * (100% + var(--v-col-gap-x)) / var(--v-col-offset-columns));
|
|
}
|
|
.v-col--cols-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
@media (min-width: 600px) {
|
|
.v-col--sm {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-sm-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-sm-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
}
|
|
@media (min-width: 840px) {
|
|
.v-col--md {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-md-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-md-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
}
|
|
@media (min-width: 1145px) {
|
|
.v-col--lg {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-lg-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-lg-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
}
|
|
@media (min-width: 1545px) {
|
|
.v-col--xl {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-xl-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-xl-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
}
|
|
@media (min-width: 2138px) {
|
|
.v-col--xxl {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-xxl-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-xxl-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-spacer {
|
|
flex-grow: 1;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-application {
|
|
display: flex;
|
|
background: rgb(var(--v-theme-background));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-background)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-application__wrap {
|
|
backface-visibility: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1 1 auto;
|
|
max-width: 100%;
|
|
min-height: 100vh;
|
|
min-height: 100dvh;
|
|
position: relative;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-bottom-navigation {
|
|
display: flex;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-bottom-navigation {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-bottom-navigation--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-bottom-navigation {
|
|
border-radius: 0;
|
|
}
|
|
.v-bottom-navigation {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-bottom-navigation--active {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-bottom-navigation__content {
|
|
display: flex;
|
|
flex: none;
|
|
font-size: 0.6875rem;
|
|
justify-content: center;
|
|
transition: inherit;
|
|
width: 100%;
|
|
}
|
|
.v-bottom-navigation .v-bottom-navigation__content > .v-btn {
|
|
font-size: inherit;
|
|
height: 100%;
|
|
max-width: 168px;
|
|
min-width: 80px;
|
|
text-transform: none;
|
|
transition: inherit;
|
|
width: auto;
|
|
}
|
|
.v-bottom-navigation .v-bottom-navigation__content > .v-btn {
|
|
border-radius: 0;
|
|
}
|
|
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
|
|
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
|
|
transition: inherit;
|
|
}
|
|
.v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
|
|
font-size: 1.5rem;
|
|
}
|
|
.v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
}
|
|
.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
|
|
transition: inherit;
|
|
opacity: 0;
|
|
}
|
|
.v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
|
|
transform: translateY(0.5rem);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-alert {
|
|
display: grid;
|
|
flex: 1 1;
|
|
grid-template-areas: "prepend content append close" ". content . .";
|
|
grid-template-columns: max-content auto max-content max-content;
|
|
position: relative;
|
|
padding: 16px;
|
|
overflow: hidden;
|
|
--v-border-color: currentColor;
|
|
}
|
|
.v-alert--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-alert--fixed {
|
|
position: fixed;
|
|
}
|
|
.v-alert--sticky {
|
|
position: sticky;
|
|
}
|
|
.v-alert {
|
|
border-radius: 4px;
|
|
}
|
|
.v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.v-alert--variant-plain {
|
|
opacity: 0.62;
|
|
}
|
|
.v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
|
|
opacity: 1;
|
|
}
|
|
.v-alert--variant-plain .v-alert__overlay {
|
|
display: none;
|
|
}
|
|
.v-alert--variant-elevated, .v-alert--variant-flat {
|
|
background: rgb(var(--v-theme-surface-light));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface-light)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-alert--variant-elevated {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-alert--variant-flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-alert--variant-outlined {
|
|
border: thin solid currentColor;
|
|
}
|
|
.v-alert--variant-text .v-alert__overlay {
|
|
background: currentColor;
|
|
}
|
|
.v-alert--variant-tonal .v-alert__underlay {
|
|
background: currentColor;
|
|
opacity: var(--v-activated-opacity);
|
|
border-radius: inherit;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-alert .v-alert__underlay {
|
|
position: absolute;
|
|
}
|
|
.v-alert--prominent {
|
|
grid-template-areas: "prepend content append close" "prepend content . .";
|
|
}
|
|
.v-alert.v-alert--border {
|
|
--v-border-opacity: 0.38;
|
|
}
|
|
.v-alert.v-alert--border.v-alert--border-start {
|
|
padding-inline-start: 24px;
|
|
}
|
|
.v-alert.v-alert--border.v-alert--border-end {
|
|
padding-inline-end: 24px;
|
|
}
|
|
.v-alert--variant-plain {
|
|
transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-alert--density-default {
|
|
padding-bottom: 16px;
|
|
padding-top: 16px;
|
|
}
|
|
.v-alert--density-default.v-alert--border-top {
|
|
padding-top: 24px;
|
|
}
|
|
.v-alert--density-default.v-alert--border-bottom {
|
|
padding-bottom: 24px;
|
|
}
|
|
.v-alert--density-comfortable {
|
|
padding-bottom: 12px;
|
|
padding-top: 12px;
|
|
}
|
|
.v-alert--density-comfortable.v-alert--border-top {
|
|
padding-top: 20px;
|
|
}
|
|
.v-alert--density-comfortable.v-alert--border-bottom {
|
|
padding-bottom: 20px;
|
|
}
|
|
.v-alert--density-compact {
|
|
padding-bottom: 8px;
|
|
padding-top: 8px;
|
|
}
|
|
.v-alert--density-compact.v-alert--border-top {
|
|
padding-top: 16px;
|
|
}
|
|
.v-alert--density-compact.v-alert--border-bottom {
|
|
padding-bottom: 16px;
|
|
}
|
|
.v-alert:not(:has(.v-alert-title)) .v-alert__content {
|
|
padding-block: calc((1.75rem - 1.5 * 1rem) / 2);
|
|
}
|
|
.v-alert__border {
|
|
border-radius: inherit;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: var(--v-border-opacity);
|
|
position: absolute;
|
|
pointer-events: none;
|
|
right: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.v-alert__border {
|
|
border-color: currentColor;
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-alert__border--border {
|
|
border-width: 8px;
|
|
box-shadow: none;
|
|
}
|
|
.v-alert--border-start .v-alert__border {
|
|
border-inline-start-width: 8px;
|
|
}
|
|
.v-alert--border-end .v-alert__border {
|
|
border-inline-end-width: 8px;
|
|
}
|
|
.v-alert--border-top .v-alert__border {
|
|
border-top-width: 8px;
|
|
}
|
|
.v-alert--border-bottom .v-alert__border {
|
|
border-bottom-width: 8px;
|
|
}
|
|
.v-alert__close {
|
|
flex: 0 1 auto;
|
|
grid-area: close;
|
|
}
|
|
.v-alert__close > .v-btn {
|
|
margin-block: calc(-1 * (var(--v-btn-height) + 12px - 1.75rem) / 2);
|
|
}
|
|
.v-alert__content {
|
|
align-self: center;
|
|
grid-area: content;
|
|
overflow: hidden;
|
|
}
|
|
.v-alert__content > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
.v-alert__content > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.v-alert__append,
|
|
.v-alert__close {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.v-alert__append {
|
|
align-self: flex-start;
|
|
grid-area: append;
|
|
}
|
|
.v-alert__append + .v-alert__close {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.v-alert__prepend {
|
|
align-self: flex-start;
|
|
display: flex;
|
|
align-items: center;
|
|
grid-area: prepend;
|
|
margin-inline-end: 16px;
|
|
min-height: 1.75rem;
|
|
}
|
|
.v-alert__prepend > .v-icon {
|
|
font-size: 1.75rem;
|
|
height: 1.75rem;
|
|
width: 1.75rem;
|
|
}
|
|
.v-alert--prominent .v-alert__prepend {
|
|
align-self: center;
|
|
}
|
|
.v-alert__underlay {
|
|
grid-area: none;
|
|
position: absolute;
|
|
}
|
|
.v-alert--border-start .v-alert__underlay {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.v-alert--border-end .v-alert__underlay {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-alert--border-top .v-alert__underlay {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.v-alert--border-bottom .v-alert__underlay {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-alert-title {
|
|
align-items: center;
|
|
align-self: center;
|
|
display: flex;
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
hyphens: auto;
|
|
letter-spacing: normal;
|
|
line-height: 1.75rem;
|
|
overflow-wrap: normal;
|
|
text-transform: none;
|
|
word-break: normal;
|
|
word-wrap: break-word;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-alert:not(.v-alert--variant-text, .v-alert--variant-plain) {
|
|
border-style: solid;
|
|
}
|
|
.v-alert--variant-outlined, .v-alert--variant-tonal {
|
|
border-width: medium;
|
|
}
|
|
.v-alert--variant-elevated, .v-alert--variant-flat {
|
|
border-width: thick;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-badge {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
}
|
|
.v-badge__badge {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
border-radius: 10px;
|
|
font-family: var(--v-font-body, "Roboto", sans-serif);
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
height: 1.25rem;
|
|
justify-content: center;
|
|
min-width: 20px;
|
|
padding: 4px 6px;
|
|
position: absolute;
|
|
text-align: center;
|
|
text-indent: 0;
|
|
transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
|
|
white-space: nowrap;
|
|
}
|
|
.v-badge__badge {
|
|
background: rgb(var(--v-theme-surface-variant));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface-variant)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-badge__badge:has(.v-icon) {
|
|
padding: 4px 6px;
|
|
}
|
|
.v-badge--bordered .v-badge__badge::after {
|
|
border-radius: inherit;
|
|
border-style: solid;
|
|
border-width: 2px;
|
|
color: rgb(var(--v-theme-background));
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
transform: scale(1.05);
|
|
}
|
|
.v-badge--dot .v-badge__badge {
|
|
border-radius: 50%;
|
|
height: 9px;
|
|
min-width: 0;
|
|
padding: 0;
|
|
width: 9px;
|
|
}
|
|
.v-badge--dot .v-badge__badge::after {
|
|
border-width: 1.5px;
|
|
}
|
|
.v-badge--inline .v-badge__badge {
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.v-badge__badge .v-icon {
|
|
color: inherit;
|
|
font-size: 0.75rem;
|
|
margin: 0 -2px;
|
|
}
|
|
.v-badge__badge img,
|
|
.v-badge__badge .v-img {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.v-badge__wrapper {
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.v-badge--inline .v-badge__wrapper {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
margin: 0 4px;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-badge__badge {
|
|
forced-color-adjust: preserve-parent-color;
|
|
background: highlight;
|
|
color: highlighttext;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-avatar {
|
|
flex: none;
|
|
align-items: center;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
line-height: normal;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-align: center;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-property: width, height;
|
|
vertical-align: middle;
|
|
}
|
|
.v-avatar.v-avatar--size-x-small {
|
|
--v-avatar-height: 24px;
|
|
}
|
|
.v-avatar.v-avatar--size-small {
|
|
--v-avatar-height: 32px;
|
|
}
|
|
.v-avatar.v-avatar--size-default {
|
|
--v-avatar-height: 40px;
|
|
}
|
|
.v-avatar.v-avatar--size-large {
|
|
--v-avatar-height: 48px;
|
|
}
|
|
.v-avatar.v-avatar--size-x-large {
|
|
--v-avatar-height: 56px;
|
|
}
|
|
.v-avatar.v-avatar--density-default {
|
|
height: calc(var(--v-avatar-height) + 0px);
|
|
width: calc(var(--v-avatar-height) + 0px);
|
|
}
|
|
.v-avatar.v-avatar--density-comfortable {
|
|
height: calc(var(--v-avatar-height) + -4px);
|
|
width: calc(var(--v-avatar-height) + -4px);
|
|
}
|
|
.v-avatar.v-avatar--density-compact {
|
|
height: calc(var(--v-avatar-height) + -8px);
|
|
width: calc(var(--v-avatar-height) + -8px);
|
|
}
|
|
.v-avatar {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-avatar--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-avatar {
|
|
border-radius: 50%;
|
|
}
|
|
.v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.v-avatar--variant-plain {
|
|
opacity: 0.62;
|
|
}
|
|
.v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
|
|
opacity: 1;
|
|
}
|
|
.v-avatar--variant-plain .v-avatar__overlay {
|
|
display: none;
|
|
}
|
|
.v-avatar--variant-elevated, .v-avatar--variant-flat {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-medium-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-avatar--variant-elevated {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-avatar--variant-flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-avatar--variant-outlined {
|
|
border: thin solid currentColor;
|
|
}
|
|
.v-avatar--variant-text .v-avatar__overlay {
|
|
background: currentColor;
|
|
}
|
|
.v-avatar--variant-tonal .v-avatar__underlay {
|
|
background: currentColor;
|
|
opacity: var(--v-activated-opacity);
|
|
border-radius: inherit;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-avatar .v-avatar__underlay {
|
|
position: absolute;
|
|
}
|
|
.v-avatar--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.v-avatar--start {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-avatar--end {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.v-avatar .v-img {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-app-bar {
|
|
display: flex;
|
|
}
|
|
.v-app-bar.v-toolbar {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-app-bar:not(.v-toolbar--absolute) {
|
|
padding-inline-end: var(--v-scrollbar-offset);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-banner {
|
|
display: grid;
|
|
flex: 1 1;
|
|
font-size: 0.875rem;
|
|
grid-template-areas: "prepend content actions";
|
|
grid-template-columns: max-content auto max-content;
|
|
grid-template-rows: max-content max-content;
|
|
line-height: 1.4285714286;
|
|
overflow: hidden;
|
|
padding-inline: 16px 8px;
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.v-banner {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0 0 thin 0;
|
|
}
|
|
.v-banner--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-banner {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-banner--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-banner--fixed {
|
|
position: fixed;
|
|
}
|
|
.v-banner--sticky {
|
|
position: sticky;
|
|
}
|
|
.v-banner {
|
|
border-radius: 0;
|
|
}
|
|
.v-banner {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-banner--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.v-banner--stacked:not(.v-banner--one-line) {
|
|
grid-template-areas: "prepend content" ". actions";
|
|
}
|
|
.v-banner--stacked .v-banner-text {
|
|
padding-inline-end: 36px;
|
|
}
|
|
.v-banner--density-default .v-banner-actions {
|
|
margin-bottom: -8px;
|
|
}
|
|
.v-banner--density-default.v-banner--one-line {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.v-banner--density-default.v-banner--one-line .v-banner-actions {
|
|
margin-bottom: 0;
|
|
}
|
|
.v-banner--density-default.v-banner--one-line {
|
|
padding-top: 10px;
|
|
}
|
|
.v-banner--density-default.v-banner--two-line {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.v-banner--density-default.v-banner--three-line {
|
|
padding-top: 24px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.v-banner--density-default:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-default.v-banner--two-line .v-banner-actions, .v-banner--density-default.v-banner--three-line .v-banner-actions {
|
|
margin-top: 20px;
|
|
}
|
|
.v-banner--density-comfortable .v-banner-actions {
|
|
margin-bottom: -4px;
|
|
}
|
|
.v-banner--density-comfortable.v-banner--one-line {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.v-banner--density-comfortable.v-banner--one-line .v-banner-actions {
|
|
margin-bottom: 0;
|
|
}
|
|
.v-banner--density-comfortable.v-banner--two-line {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.v-banner--density-comfortable.v-banner--three-line {
|
|
padding-top: 20px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.v-banner--density-comfortable:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-comfortable.v-banner--two-line .v-banner-actions, .v-banner--density-comfortable.v-banner--three-line .v-banner-actions {
|
|
margin-top: 16px;
|
|
}
|
|
.v-banner--density-compact .v-banner-actions {
|
|
margin-bottom: 0px;
|
|
}
|
|
.v-banner--density-compact.v-banner--one-line {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.v-banner--density-compact.v-banner--one-line .v-banner-actions {
|
|
margin-bottom: 0;
|
|
}
|
|
.v-banner--density-compact.v-banner--two-line {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.v-banner--density-compact.v-banner--three-line {
|
|
padding-top: 16px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.v-banner--density-compact:not(.v-banner--one-line) .v-banner-actions, .v-banner--density-compact.v-banner--two-line .v-banner-actions, .v-banner--density-compact.v-banner--three-line .v-banner-actions {
|
|
margin-top: 12px;
|
|
}
|
|
.v-banner--sticky {
|
|
top: 0;
|
|
z-index: 1;
|
|
}
|
|
.v-banner__content {
|
|
align-items: center;
|
|
display: flex;
|
|
grid-area: content;
|
|
}
|
|
.v-banner__prepend {
|
|
align-self: flex-start;
|
|
grid-area: prepend;
|
|
margin-inline-end: 24px;
|
|
}
|
|
.v-banner-actions {
|
|
align-self: flex-end;
|
|
display: flex;
|
|
flex: 0 1;
|
|
grid-area: actions;
|
|
justify-content: flex-end;
|
|
}
|
|
.v-banner--two-line .v-banner-actions, .v-banner--three-line .v-banner-actions {
|
|
margin-top: 20px;
|
|
}
|
|
.v-banner-text {
|
|
-webkit-box-orient: vertical;
|
|
display: -webkit-box;
|
|
padding-inline-end: 90px;
|
|
overflow: hidden;
|
|
}
|
|
.v-banner--one-line .v-banner-text {
|
|
-webkit-line-clamp: 1;
|
|
}
|
|
.v-banner--two-line .v-banner-text {
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
.v-banner--three-line .v-banner-text {
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
.v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
|
|
align-self: flex-start;
|
|
}
|
|
}@layer vuetify-final.transitions {
|
|
.bottom-sheet-transition-enter-from {
|
|
transform: translateY(100%);
|
|
}
|
|
.bottom-sheet-transition-leave-to {
|
|
transform: translateY(100%);
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
|
|
align-self: flex-end;
|
|
border-radius: 0;
|
|
flex: 0 1 auto;
|
|
left: 0;
|
|
right: 0;
|
|
margin-inline: auto;
|
|
margin-bottom: 0;
|
|
transition-duration: 0.2s;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
overflow: visible;
|
|
}
|
|
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
|
|
box-shadow: 0px 2px 3px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 6px 10px 4px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 8%, transparent);
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
|
|
transition: none;
|
|
}
|
|
}
|
|
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
|
|
.v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
|
|
border-radius: 0;
|
|
}
|
|
.v-bottom-sheet.v-bottom-sheet--inset {
|
|
max-width: none;
|
|
}
|
|
@media (min-width: 600px) {
|
|
.v-bottom-sheet.v-bottom-sheet--inset {
|
|
max-width: 70%;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-btn-group {
|
|
display: inline-flex;
|
|
flex-wrap: nowrap;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
vertical-align: middle;
|
|
}
|
|
.v-btn-group {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-btn-group--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-btn-group {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-btn-group {
|
|
border-radius: 4px;
|
|
}
|
|
.v-btn-group {
|
|
background: transparent;
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-btn-group .v-btn {
|
|
border-radius: 0;
|
|
border-color: inherit;
|
|
}
|
|
.v-btn-group--tile {
|
|
border-radius: 0;
|
|
}
|
|
.v-btn-group--density-default.v-btn-group--horizontal {
|
|
height: 48px;
|
|
}
|
|
.v-btn-group--density-comfortable.v-btn-group--horizontal {
|
|
height: 40px;
|
|
}
|
|
.v-btn-group--density-compact.v-btn-group--horizontal {
|
|
height: 36px;
|
|
}
|
|
.v-btn-group--horizontal .v-btn:not(:last-child) {
|
|
border-inline-end: none;
|
|
}
|
|
.v-btn-group--horizontal .v-btn:not(:first-child) {
|
|
border-inline-start: none;
|
|
}
|
|
.v-btn-group--horizontal .v-btn:first-child {
|
|
border-start-start-radius: inherit;
|
|
border-end-start-radius: inherit;
|
|
}
|
|
.v-btn-group--horizontal .v-btn:last-child {
|
|
border-start-end-radius: inherit;
|
|
border-end-end-radius: inherit;
|
|
}
|
|
.v-btn-group--horizontal.v-btn-group--divided .v-btn:not(:last-child) {
|
|
border-inline-end-width: thin;
|
|
border-inline-end-style: solid;
|
|
border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.v-btn-group--vertical {
|
|
flex-direction: column;
|
|
}
|
|
.v-btn-group--vertical .v-btn:not(:last-child) {
|
|
border-block-end: none;
|
|
}
|
|
.v-btn-group--vertical .v-btn:not(:first-child) {
|
|
border-block-start: none;
|
|
}
|
|
.v-btn-group--vertical .v-btn:first-child {
|
|
border-start-start-radius: inherit;
|
|
border-start-end-radius: inherit;
|
|
}
|
|
.v-btn-group--vertical .v-btn:last-child {
|
|
border-end-start-radius: inherit;
|
|
border-end-end-radius: inherit;
|
|
}
|
|
.v-btn-group--vertical.v-btn-group--divided .v-btn:not(:last-child) {
|
|
border-block-end-width: thin;
|
|
border-block-end-style: solid;
|
|
border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-breadcrumbs {
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 1.5;
|
|
padding: 16px 12px;
|
|
}
|
|
.v-breadcrumbs--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.v-breadcrumbs--density-default {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.v-breadcrumbs--density-comfortable {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.v-breadcrumbs--density-compact {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.v-breadcrumbs__prepend {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
}
|
|
.v-breadcrumbs-item {
|
|
align-items: center;
|
|
color: inherit;
|
|
display: inline-flex;
|
|
padding: 0 4px;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
.v-breadcrumbs-item--disabled {
|
|
opacity: var(--v-disabled-opacity);
|
|
pointer-events: none;
|
|
}
|
|
.v-breadcrumbs-item--link {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
.v-breadcrumbs-item--link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.v-breadcrumbs-item .v-icon {
|
|
font-size: 1rem;
|
|
margin-inline: -4px 2px;
|
|
}
|
|
.v-breadcrumbs-divider {
|
|
display: inline-block;
|
|
padding: 0 8px;
|
|
vertical-align: middle;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-btn-toggle > .v-btn:not(.v-btn--disabled) {
|
|
border-color: buttontext;
|
|
}
|
|
.v-btn-toggle > .v-btn:not(.v-btn--disabled):focus-visible {
|
|
outline: 0;
|
|
}
|
|
.v-btn-toggle > .v-btn:not(.v-btn--disabled):not(.v-btn--active):hover, .v-btn-toggle > .v-btn:not(.v-btn--disabled):not(.v-btn--active):focus-visible {
|
|
color: highlight;
|
|
border-color: currentColor;
|
|
}
|
|
.v-btn-toggle > .v-btn--active {
|
|
color: highlight;
|
|
forced-color-adjust: preserve-parent-color;
|
|
}
|
|
.v-btn-toggle > .v-btn--active:not(.v-btn--variant-text, .v-btn--variant-plain) {
|
|
background-color: highlight;
|
|
color: highlighttext;
|
|
border-color: highlight;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-carousel {
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.v-carousel__controls {
|
|
align-items: center;
|
|
bottom: 0;
|
|
display: flex;
|
|
height: 50px;
|
|
justify-content: center;
|
|
list-style-type: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.v-carousel__controls {
|
|
background: color-mix(in srgb, rgb(var(--v-theme-surface-variant)) 30%, transparent);
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
}
|
|
.v-carousel__controls > .v-item-group {
|
|
flex: 0 1 auto;
|
|
}
|
|
.v-carousel__controls__item {
|
|
margin: 0 8px;
|
|
}
|
|
.v-carousel__controls__item .v-icon {
|
|
opacity: 0.5;
|
|
}
|
|
.v-carousel__controls__item--active .v-icon {
|
|
opacity: 1;
|
|
vertical-align: middle;
|
|
}
|
|
.v-carousel__controls__item:hover {
|
|
background: none;
|
|
}
|
|
.v-carousel__controls__item:hover .v-icon {
|
|
opacity: 0.8;
|
|
}
|
|
.v-carousel__progress {
|
|
margin: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.v-carousel-item {
|
|
display: block;
|
|
height: inherit;
|
|
text-decoration: none;
|
|
}
|
|
.v-carousel-item > .v-img {
|
|
height: inherit;
|
|
}
|
|
.v-carousel--hide-delimiter-background .v-carousel__controls {
|
|
background: transparent;
|
|
}
|
|
.v-carousel--vertical-delimiters .v-carousel__controls {
|
|
flex-direction: column;
|
|
height: 100%;
|
|
width: 50px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
|
|
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
|
|
.v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
|
|
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
top: 0px;
|
|
}
|
|
.v-autocomplete .v-field .v-text-field__prefix,
|
|
.v-autocomplete .v-field .v-text-field__suffix,
|
|
.v-autocomplete .v-field .v-field__input,
|
|
.v-autocomplete .v-field .v-field__input > input, .v-autocomplete .v-field.v-field {
|
|
cursor: text;
|
|
}
|
|
.v-autocomplete .v-field .v-field__input > input {
|
|
flex: 1 1;
|
|
}
|
|
.v-autocomplete .v-field input {
|
|
min-width: 64px;
|
|
}
|
|
.v-autocomplete .v-field:not(.v-field--focused) input {
|
|
min-width: 0;
|
|
}
|
|
.v-autocomplete .v-field--dirty .v-autocomplete__selection {
|
|
margin-inline-end: 2px;
|
|
}
|
|
.v-autocomplete .v-autocomplete__selection-text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.v-autocomplete__content {
|
|
overflow: hidden;
|
|
}
|
|
.v-autocomplete__content {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-menu > .v-overlay__content.v-autocomplete__content {
|
|
border-radius: 4px;
|
|
}
|
|
.v-autocomplete__content > .v-sheet {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.v-autocomplete__mask {
|
|
background: rgb(var(--v-theme-surface-light));
|
|
}
|
|
.v-autocomplete__selection {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
height: 1.5rem;
|
|
letter-spacing: inherit;
|
|
line-height: inherit;
|
|
max-width: calc(100% - 2px - 2px);
|
|
}
|
|
.v-autocomplete__selection:first-child {
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-autocomplete--selecting-index .v-autocomplete__selection {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
|
|
opacity: 1;
|
|
}
|
|
.v-autocomplete--selecting-index .v-field__input > input {
|
|
caret-color: transparent;
|
|
}
|
|
.v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
|
|
flex: 1 1;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
padding-inline: inherit;
|
|
}
|
|
.v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
|
|
transition: none;
|
|
}
|
|
.v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
|
|
opacity: 0;
|
|
}
|
|
.v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
|
|
opacity: 0;
|
|
}
|
|
.v-autocomplete__menu-icon {
|
|
margin-inline-start: 4px;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-autocomplete--active-menu .v-autocomplete__menu-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-card {
|
|
display: block;
|
|
overflow: hidden;
|
|
overflow-wrap: break-word;
|
|
position: relative;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
transition-duration: 0.28s;
|
|
transition-property: box-shadow, opacity, background, --v-elevation-overlay;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
z-index: 0;
|
|
}
|
|
.v-card {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-card--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-card--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-card--fixed {
|
|
position: fixed;
|
|
}
|
|
.v-card {
|
|
border-radius: 4px;
|
|
}
|
|
.v-card:hover > .v-card__overlay {
|
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-card:focus-visible > .v-card__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-card:focus > .v-card__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.v-card--variant-plain {
|
|
opacity: 0.62;
|
|
}
|
|
.v-card--variant-plain:focus, .v-card--variant-plain:hover {
|
|
opacity: 1;
|
|
}
|
|
.v-card--variant-plain .v-card__overlay {
|
|
display: none;
|
|
}
|
|
.v-card--variant-elevated, .v-card--variant-flat {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-card--variant-elevated {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-card--variant-flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-card--variant-outlined {
|
|
border: thin solid currentColor;
|
|
}
|
|
.v-card--variant-text .v-card__overlay {
|
|
background: currentColor;
|
|
}
|
|
.v-card--variant-tonal .v-card__underlay {
|
|
background: currentColor;
|
|
opacity: var(--v-activated-opacity);
|
|
border-radius: inherit;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-card .v-card__underlay {
|
|
position: absolute;
|
|
}
|
|
.v-card--disabled {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.v-card--disabled > :not(.v-card__loader) {
|
|
opacity: 0.6;
|
|
}
|
|
.v-card--flat {
|
|
box-shadow: none;
|
|
}
|
|
.v-card--hover {
|
|
cursor: pointer;
|
|
}
|
|
.v-card--hover::before, .v-card--hover::after {
|
|
border-radius: inherit;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: inherit;
|
|
}
|
|
.v-card--hover::before {
|
|
opacity: 1;
|
|
z-index: -1;
|
|
}
|
|
.v-card--hover::before {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-card--hover::after {
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
.v-card--hover::after {
|
|
box-shadow: 0px 1px 3px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 4px 8px 3px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 6%, transparent);
|
|
}
|
|
.v-card--hover:hover::after {
|
|
opacity: 1;
|
|
}
|
|
.v-card--hover:hover::before {
|
|
opacity: 0;
|
|
}
|
|
.v-card--hover:hover {
|
|
box-shadow: 0px 1px 3px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 4px 8px 3px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 6%, transparent);
|
|
}
|
|
.v-card--link {
|
|
cursor: pointer;
|
|
}
|
|
.v-card-actions {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: none;
|
|
min-height: 52px;
|
|
padding: 0.5rem;
|
|
gap: 0.5rem;
|
|
}
|
|
.v-card-item {
|
|
align-items: center;
|
|
display: grid;
|
|
flex: none;
|
|
grid-template-areas: "prepend content append";
|
|
grid-template-columns: max-content auto max-content;
|
|
padding: 0.625rem 1rem;
|
|
}
|
|
.v-card-item + .v-card-text {
|
|
padding-top: 0;
|
|
}
|
|
.v-card-item__prepend, .v-card-item__append {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.v-card-item__prepend {
|
|
grid-area: prepend;
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.v-card-item__append {
|
|
grid-area: append;
|
|
padding-inline-start: 0.5rem;
|
|
}
|
|
.v-card-item__content {
|
|
align-self: center;
|
|
grid-area: content;
|
|
overflow: hidden;
|
|
}
|
|
.v-card-title {
|
|
display: block;
|
|
flex: none;
|
|
font-size: 1.375rem;
|
|
font-weight: 400;
|
|
hyphens: auto;
|
|
letter-spacing: normal;
|
|
min-width: 0;
|
|
overflow-wrap: normal;
|
|
overflow: hidden;
|
|
padding: 0.5rem 1rem;
|
|
text-overflow: ellipsis;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
word-break: normal;
|
|
word-wrap: break-word;
|
|
}
|
|
.v-card .v-card-title {
|
|
line-height: 1.2727272727;
|
|
}
|
|
.v-card--density-comfortable .v-card-title {
|
|
line-height: 1.75rem;
|
|
}
|
|
.v-card--density-compact .v-card-title {
|
|
line-height: 1.55rem;
|
|
}
|
|
.v-card-item .v-card-title {
|
|
padding: 0;
|
|
}
|
|
.v-card-title + .v-card-text,
|
|
.v-card-title + .v-card-actions {
|
|
padding-top: 0;
|
|
}
|
|
.v-card-subtitle {
|
|
display: block;
|
|
flex: none;
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0.0178571429em;
|
|
opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
|
|
overflow: hidden;
|
|
padding: 0 1rem;
|
|
text-overflow: ellipsis;
|
|
text-transform: none;
|
|
white-space: nowrap;
|
|
}
|
|
.v-card .v-card-subtitle {
|
|
line-height: 1.4285714286;
|
|
}
|
|
.v-card--density-comfortable .v-card-subtitle {
|
|
line-height: 1.125rem;
|
|
}
|
|
.v-card--density-compact .v-card-subtitle {
|
|
line-height: 1rem;
|
|
}
|
|
.v-card-item .v-card-subtitle {
|
|
padding: 0 0 0.25rem;
|
|
}
|
|
.v-card-text {
|
|
flex: 1 1 auto;
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0.0178571429em;
|
|
opacity: var(--v-card-text-opacity, 1);
|
|
padding: 1rem;
|
|
text-transform: none;
|
|
}
|
|
.v-card .v-card-text {
|
|
line-height: 1.4285714286;
|
|
}
|
|
.v-card--density-comfortable .v-card-text {
|
|
line-height: 1.2rem;
|
|
}
|
|
.v-card--density-compact .v-card-text {
|
|
line-height: 1.15rem;
|
|
}
|
|
.v-card__image {
|
|
display: flex;
|
|
height: 100%;
|
|
flex: 1 1 auto;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: -1;
|
|
}
|
|
.v-card__content {
|
|
border-radius: inherit;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.v-card__loader {
|
|
bottom: auto;
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-card__loader .v-progress-linear {
|
|
border: none;
|
|
}
|
|
}
|
|
.v-card__overlay {
|
|
background-color: currentColor;
|
|
border-radius: inherit;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-card:not(.v-card--variant-text, .v-card--variant-plain) {
|
|
border: thin solid;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-calendar-weekly {
|
|
background-color: rgb(var(--v-theme-surface));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
border-left: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-weekly .v-calendar-weekly__head-weekday {
|
|
border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-weekly .v-calendar-weekly__head-weekday.v-past {
|
|
color: rgb(var(--v-theme-on-surface));
|
|
}
|
|
.v-calendar-weekly .v-calendar-weekly__head-weekday.v-outside {
|
|
background-color: rgb(var(--v-theme-surface-light));
|
|
color: rgb(var(--v-theme-on-surface-light));
|
|
}
|
|
.v-calendar-weekly .v-calendar-weekly__head-weeknumber {
|
|
background-color: rgb(var(--v-theme-surface));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-weekly .v-calendar-weekly__day {
|
|
border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-weekly .v-calendar-weekly__day.v-outside {
|
|
background-color: rgb(var(--v-theme-surface-light));
|
|
color: rgb(var(--v-theme-on-surface-light));
|
|
}
|
|
.v-calendar-weekly .v-calendar-weekly__weeknumber {
|
|
background-color: rgb(var(--v-theme-surface));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-weekly {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
}
|
|
.v-calendar-weekly__head {
|
|
display: flex;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.v-calendar-weekly__head-weekday {
|
|
flex: 1 0 20px;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
padding: 0px 4px 0px 4px;
|
|
font-size: 11px;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
.v-calendar-weekly__head-weeknumber {
|
|
position: relative;
|
|
flex: 0 0 24px;
|
|
}
|
|
.v-calendar-weekly__week {
|
|
display: flex;
|
|
flex: 1;
|
|
height: unset;
|
|
min-height: 0;
|
|
}
|
|
.v-calendar-weekly__weeknumber {
|
|
display: flex;
|
|
flex: 0 0 24px;
|
|
height: unset;
|
|
min-height: 0;
|
|
padding-top: 14.5px;
|
|
text-align: center;
|
|
}
|
|
.v-calendar-weekly__weeknumber > small {
|
|
width: 100%;
|
|
}
|
|
.v-calendar-weekly__day {
|
|
flex: 1;
|
|
width: 0;
|
|
overflow: hidden;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
position: relative;
|
|
padding: 0px 0px 0px 0px;
|
|
min-width: 0;
|
|
}
|
|
.v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
|
|
color: currentColor;
|
|
}
|
|
.v-calendar-weekly__day-label {
|
|
text-decoration: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
margin: 4px 0 0 0;
|
|
}
|
|
.v-calendar-weekly__day-label .v-icon-btn {
|
|
font-size: 12px;
|
|
}
|
|
.v-calendar-weekly__day-month {
|
|
position: absolute;
|
|
text-decoration: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
box-shadow: none;
|
|
top: 0;
|
|
left: 36px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-calendar-daily {
|
|
background-color: rgb(var(--v-theme-surface));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
border-left: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-daily .v-calendar-daily__intervals-head {
|
|
border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-daily .v-calendar-daily__intervals-head::after {
|
|
background: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
background: linear-gradient(90deg, transparent, rgba(var(--v-border-color), var(--v-border-opacity)));
|
|
}
|
|
.v-calendar-daily .v-calendar-daily_head-day {
|
|
border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-weekday,
|
|
.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-day-label {
|
|
color: rgb(var(--v-theme-on-surface));
|
|
}
|
|
.v-calendar-daily .v-calendar-daily__intervals-body {
|
|
border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-daily .v-calendar-daily__intervals-body .v-calendar-daily__interval-text {
|
|
color: rgb(var(--v-theme-on-surface));
|
|
}
|
|
.v-calendar-daily .v-calendar-daily__day {
|
|
border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-daily .v-calendar-daily__day-interval {
|
|
border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-daily .v-calendar-daily__day-interval:first-child {
|
|
border-top: none;
|
|
}
|
|
.v-calendar-daily .v-calendar-daily__interval::after {
|
|
border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-daily {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
.v-calendar-daily__head {
|
|
flex: none;
|
|
display: flex;
|
|
}
|
|
.v-calendar-daily__intervals-head {
|
|
flex: none;
|
|
position: relative;
|
|
}
|
|
.v-calendar-daily__intervals-head::after {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
height: 1px;
|
|
left: 0;
|
|
right: 0;
|
|
content: "";
|
|
}
|
|
.v-calendar-daily_head-day {
|
|
flex: 1 1 auto;
|
|
width: 0;
|
|
position: relative;
|
|
}
|
|
.v-calendar-daily_head-weekday {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
padding: 3px 0px 0px 0px;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
.v-calendar-daily_head-day-label {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
padding: 0px 0px 3px 0px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
}
|
|
.v-calendar-daily__body {
|
|
flex: 1 1 60%;
|
|
overflow: hidden;
|
|
display: flex;
|
|
position: relative;
|
|
flex-direction: column;
|
|
}
|
|
.v-calendar-daily__scroll-area {
|
|
overflow-y: scroll;
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
.v-calendar-daily__pane {
|
|
width: 100%;
|
|
overflow-y: hidden;
|
|
flex: none;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
.v-calendar-daily__day-container {
|
|
display: flex;
|
|
flex: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-calendar-daily__intervals-body {
|
|
flex: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.v-calendar-daily__interval {
|
|
text-align: right;
|
|
padding-right: 8px;
|
|
border-bottom: none;
|
|
position: relative;
|
|
}
|
|
.v-calendar-daily__interval::after {
|
|
width: 8px;
|
|
position: absolute;
|
|
height: 1px;
|
|
display: block;
|
|
content: "";
|
|
right: 0;
|
|
bottom: -1px;
|
|
}
|
|
.v-calendar-daily__interval-text {
|
|
display: block;
|
|
position: relative;
|
|
top: -6px;
|
|
font-size: 10px;
|
|
padding-right: 4px;
|
|
}
|
|
.v-calendar-daily__day {
|
|
flex: 1;
|
|
width: 0;
|
|
position: relative;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-calendar-category .v-calendar-category__column,
|
|
.v-calendar-category .v-calendar-category__column-header {
|
|
border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__head {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
}
|
|
.v-calendar-category .v-calendar-daily__intervals-head {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
}
|
|
.v-calendar-category .v-calendar-daily__intervals-body {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
}
|
|
.v-calendar-category {
|
|
overflow: auto;
|
|
position: relative;
|
|
}
|
|
.v-calendar-category .v-calendar-category__category {
|
|
text-align: center;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__day-container {
|
|
width: min-content;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__day-container .v-calendar-category__columns {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
top: 0;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__day-body {
|
|
display: flex;
|
|
flex: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__head {
|
|
flex-direction: row;
|
|
width: min-content;
|
|
min-width: 100%;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 2;
|
|
}
|
|
.v-calendar-category .v-calendar-daily_head-day {
|
|
width: auto;
|
|
position: unset;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__intervals-head {
|
|
position: sticky;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 2;
|
|
}
|
|
.v-calendar-category .v-calendar-daily_head-weekday {
|
|
position: sticky;
|
|
left: 50%;
|
|
width: 50px;
|
|
}
|
|
.v-calendar-category .v-calendar-daily_head-day-label {
|
|
width: 56px;
|
|
position: sticky;
|
|
left: 50%;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__day {
|
|
min-width: 200px;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__intervals-body {
|
|
position: sticky;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__interval:last-of-type::after {
|
|
display: none;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__body {
|
|
overflow: visible;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__body .v-calendar-daily__scroll-area {
|
|
overflow-y: visible;
|
|
flex: none;
|
|
}
|
|
.v-calendar-category .v-calendar-daily__pane {
|
|
overflow-y: visible;
|
|
}
|
|
.v-calendar-category .v-calendar-category__columns {
|
|
display: flex;
|
|
width: min-content;
|
|
min-width: 100%;
|
|
}
|
|
.v-calendar-category .v-calendar-category__columns .v-calendar-category__column,
|
|
.v-calendar-category .v-calendar-category__columns .v-calendar-category__column-header {
|
|
flex: 1 1 auto;
|
|
width: 0;
|
|
position: relative;
|
|
}
|
|
.v-calendar-category .v-calendar-category__columns .v-calendar-category__column-header {
|
|
min-width: 200px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-btn {
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
display: inline-flex;
|
|
flex-direction: row;
|
|
font-weight: 500;
|
|
justify-content: center;
|
|
letter-spacing: 0.0071428571em;
|
|
line-height: normal;
|
|
max-width: 100%;
|
|
outline: none;
|
|
position: relative;
|
|
text-decoration: none;
|
|
text-indent: 0.0071428571em;
|
|
text-transform: none;
|
|
transition-property: box-shadow, transform, opacity, background;
|
|
transition-duration: 0.28s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
vertical-align: middle;
|
|
flex-shrink: 0;
|
|
}
|
|
.v-locale--is-rtl .v-btn {
|
|
text-indent: -0.0071428571em;
|
|
}
|
|
.v-btn--size-x-small {
|
|
--v-btn-size: 0.625rem;
|
|
--v-btn-height: 20px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 36px;
|
|
padding: 0 8px;
|
|
}
|
|
.v-btn--size-small {
|
|
--v-btn-size: 0.75rem;
|
|
--v-btn-height: 28px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 50px;
|
|
padding: 0 12px;
|
|
}
|
|
.v-btn--size-default {
|
|
--v-btn-size: 0.875rem;
|
|
--v-btn-height: 36px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 64px;
|
|
padding: 0 16px;
|
|
}
|
|
.v-btn--size-large {
|
|
--v-btn-size: 1rem;
|
|
--v-btn-height: 44px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 78px;
|
|
padding: 0 20px;
|
|
}
|
|
.v-btn--size-x-large {
|
|
--v-btn-size: 1.125rem;
|
|
--v-btn-height: 52px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 92px;
|
|
padding: 0 24px;
|
|
}
|
|
.v-btn.v-btn--density-default {
|
|
height: calc(var(--v-btn-height) + 0px);
|
|
}
|
|
.v-btn.v-btn--density-comfortable {
|
|
height: calc(var(--v-btn-height) + -8px);
|
|
}
|
|
.v-btn.v-btn--density-compact {
|
|
height: calc(var(--v-btn-height) + -12px);
|
|
}
|
|
.v-btn {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-btn--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-btn--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-btn--fixed {
|
|
position: fixed;
|
|
}
|
|
.v-btn:hover > .v-btn__overlay {
|
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-btn:focus-visible > .v-btn__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-btn:focus > .v-btn__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.v-btn--variant-plain {
|
|
opacity: 0.62;
|
|
}
|
|
.v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
|
|
opacity: 1;
|
|
}
|
|
.v-btn--variant-plain .v-btn__overlay {
|
|
display: none;
|
|
}
|
|
.v-btn--variant-elevated, .v-btn--variant-flat {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-btn--variant-elevated {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-btn--variant-flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-btn--variant-outlined {
|
|
border: thin solid currentColor;
|
|
}
|
|
.v-btn--variant-text .v-btn__overlay {
|
|
background: currentColor;
|
|
}
|
|
.v-btn--variant-tonal .v-btn__underlay {
|
|
background: currentColor;
|
|
opacity: var(--v-activated-opacity);
|
|
border-radius: inherit;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-btn .v-btn__underlay {
|
|
position: absolute;
|
|
}
|
|
@supports selector(:focus-visible) {
|
|
.v-btn::after {
|
|
pointer-events: none;
|
|
border: 2px solid currentColor;
|
|
border-radius: inherit;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
.v-btn::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-btn:focus-visible::after {
|
|
opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-btn--icon {
|
|
border-radius: 50%;
|
|
min-width: 0;
|
|
padding: 0;
|
|
}
|
|
.v-btn--icon.v-btn--size-default {
|
|
--v-btn-size: 1rem;
|
|
}
|
|
.v-btn--icon.v-btn--density-default {
|
|
width: calc(var(--v-btn-height) + 12px);
|
|
height: calc(var(--v-btn-height) + 12px);
|
|
}
|
|
.v-btn--icon.v-btn--density-comfortable {
|
|
width: calc(var(--v-btn-height) + 0px);
|
|
height: calc(var(--v-btn-height) + 0px);
|
|
}
|
|
.v-btn--icon.v-btn--density-compact {
|
|
width: calc(var(--v-btn-height) + -8px);
|
|
height: calc(var(--v-btn-height) + -8px);
|
|
}
|
|
.v-btn--elevated:hover, .v-btn--elevated:focus {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-btn--elevated:active {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-btn--flat {
|
|
box-shadow: none;
|
|
}
|
|
.v-btn--block {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
min-width: 100%;
|
|
}
|
|
.v-btn--spaced .v-btn__content {
|
|
flex-grow: 1;
|
|
}
|
|
.v-btn--spaced.v-btn--spaced-start > .v-btn__content {
|
|
justify-content: end;
|
|
}
|
|
.v-btn--spaced.v-btn--spaced-end > .v-btn__content {
|
|
justify-content: start;
|
|
}
|
|
.v-btn--disabled {
|
|
pointer-events: none;
|
|
opacity: 0.26;
|
|
}
|
|
.v-btn--disabled:hover {
|
|
opacity: 0.26;
|
|
}
|
|
.v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
|
|
box-shadow: none;
|
|
opacity: 1;
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) 26%, transparent);
|
|
background: rgb(var(--v-theme-surface));
|
|
}
|
|
.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
|
|
opacity: 0.4615384615;
|
|
}
|
|
.v-btn--loading {
|
|
pointer-events: none;
|
|
}
|
|
.v-btn--loading .v-btn__content,
|
|
.v-btn--loading .v-btn__prepend,
|
|
.v-btn--loading .v-btn__append {
|
|
opacity: 0;
|
|
}
|
|
.v-btn--stacked {
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
gap: 4px;
|
|
}
|
|
.v-btn--stacked .v-btn__content {
|
|
flex-direction: column;
|
|
line-height: 1.25;
|
|
}
|
|
.v-btn--stacked .v-btn__prepend,
|
|
.v-btn--stacked .v-btn__append,
|
|
.v-btn--stacked .v-btn__content > .v-icon--start,
|
|
.v-btn--stacked .v-btn__content > .v-icon--end {
|
|
margin-inline: 0;
|
|
}
|
|
.v-btn--stacked.v-btn--size-x-small {
|
|
--v-btn-size: 0.625rem;
|
|
--v-btn-height: 56px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 56px;
|
|
padding: 0 12px;
|
|
}
|
|
.v-btn--stacked.v-btn--size-small {
|
|
--v-btn-size: 0.75rem;
|
|
--v-btn-height: 64px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 64px;
|
|
padding: 0 14px;
|
|
}
|
|
.v-btn--stacked.v-btn--size-default {
|
|
--v-btn-size: 0.875rem;
|
|
--v-btn-height: 72px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 72px;
|
|
padding: 0 16px;
|
|
}
|
|
.v-btn--stacked.v-btn--size-large {
|
|
--v-btn-size: 1rem;
|
|
--v-btn-height: 80px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 80px;
|
|
padding: 0 18px;
|
|
}
|
|
.v-btn--stacked.v-btn--size-x-large {
|
|
--v-btn-size: 1.125rem;
|
|
--v-btn-height: 88px;
|
|
font-size: var(--v-btn-size);
|
|
min-width: 88px;
|
|
padding: 0 20px;
|
|
}
|
|
.v-btn--stacked.v-btn--density-default {
|
|
height: calc(var(--v-btn-height) + 0px);
|
|
}
|
|
.v-btn--stacked.v-btn--density-comfortable {
|
|
height: calc(var(--v-btn-height) + -16px);
|
|
}
|
|
.v-btn--stacked.v-btn--density-compact {
|
|
height: calc(var(--v-btn-height) + -24px);
|
|
}
|
|
.v-btn--slim {
|
|
padding: 0 8px;
|
|
}
|
|
.v-btn--readonly {
|
|
pointer-events: none;
|
|
}
|
|
.v-btn--rounded {
|
|
border-radius: 24px;
|
|
}
|
|
.v-btn--rounded.v-btn--icon {
|
|
border-radius: 4px;
|
|
}
|
|
.v-btn .v-icon {
|
|
--v-icon-size-multiplier: 0.8571428571;
|
|
}
|
|
.v-btn--icon .v-icon {
|
|
--v-icon-size-multiplier: 1;
|
|
}
|
|
.v-btn--stacked .v-icon {
|
|
--v-icon-size-multiplier: 1.1428571429;
|
|
}
|
|
.v-btn--stacked.v-btn--block {
|
|
min-width: 100%;
|
|
}
|
|
.v-btn__loader {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.v-btn__loader > .v-progress-circular {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
}
|
|
.v-btn__content,
|
|
.v-btn__prepend,
|
|
.v-btn__append {
|
|
align-items: center;
|
|
display: flex;
|
|
transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-btn__prepend {
|
|
margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
|
|
}
|
|
.v-btn--slim .v-btn__prepend {
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-btn__append {
|
|
margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
|
|
}
|
|
.v-btn--slim .v-btn__append {
|
|
margin-inline-end: 0;
|
|
}
|
|
.v-btn__content {
|
|
justify-content: center;
|
|
white-space: nowrap;
|
|
}
|
|
.v-btn__content > .v-icon--start {
|
|
margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
|
|
}
|
|
.v-btn__content > .v-icon--end {
|
|
margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
|
|
}
|
|
.v-btn--stacked .v-btn__content {
|
|
white-space: normal;
|
|
}
|
|
.v-btn__overlay {
|
|
background-color: currentColor;
|
|
border-radius: inherit;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
.v-btn__overlay,
|
|
.v-btn__underlay {
|
|
pointer-events: none;
|
|
}
|
|
.v-btn__overlay,
|
|
.v-btn__underlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-pagination .v-btn {
|
|
width: auto;
|
|
padding-inline: 5px;
|
|
}
|
|
.v-pagination .v-btn.v-btn--density-default {
|
|
min-width: calc(var(--v-btn-height) + 12px);
|
|
}
|
|
.v-pagination .v-btn.v-btn--density-comfortable {
|
|
min-width: calc(var(--v-btn-height) + 0px);
|
|
}
|
|
.v-pagination .v-btn.v-btn--density-compact {
|
|
min-width: calc(var(--v-btn-height) + -8px);
|
|
}
|
|
.v-pagination .v-btn {
|
|
border-radius: 4px;
|
|
}
|
|
.v-pagination .v-btn--rounded {
|
|
border-radius: 50%;
|
|
}
|
|
.v-pagination .v-btn__overlay {
|
|
transition: none;
|
|
}
|
|
.v-pagination__prev .v-btn, .v-pagination__next .v-btn {
|
|
padding-inline: 0;
|
|
}
|
|
.v-pagination__prev .v-btn.v-btn--density-default, .v-pagination__next .v-btn.v-btn--density-default {
|
|
width: calc(var(--v-btn-height) + 12px);
|
|
}
|
|
.v-pagination__prev .v-btn.v-btn--density-comfortable, .v-pagination__next .v-btn.v-btn--density-comfortable {
|
|
width: calc(var(--v-btn-height) + 0px);
|
|
}
|
|
.v-pagination__prev .v-btn.v-btn--density-compact, .v-pagination__next .v-btn.v-btn--density-compact {
|
|
width: calc(var(--v-btn-height) + -8px);
|
|
}
|
|
.v-pagination .v-pagination__item--is-active .v-btn__overlay {
|
|
opacity: var(--v-border-opacity);
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-btn:not(.v-btn--variant-text, .v-btn--variant-plain) {
|
|
border: thin solid;
|
|
}
|
|
.v-btn:focus-visible {
|
|
outline: 2px solid;
|
|
outline-offset: 2px;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-chip-group {
|
|
display: flex;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
overflow-x: auto;
|
|
padding: 4px 0;
|
|
}
|
|
.v-chip-group .v-chip {
|
|
margin: 4px 8px 4px 0;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-chip-group .v-chip {
|
|
background-color: buttonface;
|
|
color: buttontext;
|
|
}
|
|
.v-chip-group .v-chip:hover {
|
|
color: highlight;
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
|
|
opacity: var(--v-activated-opacity);
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) {
|
|
color: highlight;
|
|
forced-color-adjust: preserve-parent-color;
|
|
}
|
|
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled):focus-visible {
|
|
outline-offset: 2px;
|
|
}
|
|
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-elevated, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-flat {
|
|
background-color: highlight;
|
|
color: highlighttext;
|
|
}
|
|
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-outlined, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-tonal {
|
|
border-width: medium;
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-chip-group--column .v-slide-group__content {
|
|
white-space: normal;
|
|
flex-wrap: wrap;
|
|
max-width: 100%;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-checkbox.v-input {
|
|
flex: 0 1 auto;
|
|
}
|
|
.v-checkbox .v-selection-control {
|
|
min-height: var(--v-input-control-height);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-date-picker {
|
|
overflow: hidden;
|
|
width: 328px;
|
|
--v-date-picker-landscape-header-width: 170px;
|
|
}
|
|
.v-date-picker--show-week {
|
|
width: 368px;
|
|
}
|
|
.v-date-picker.v-picker--landscape:has(.v-picker__header-wrapper) {
|
|
width: calc(328px + var(--v-date-picker-landscape-header-width));
|
|
}
|
|
.v-date-picker.v-picker--landscape:has(.v-picker__header-wrapper) .v-picker__header-wrapper {
|
|
width: var(--v-date-picker-landscape-header-width);
|
|
}
|
|
.v-date-picker.v-picker--landscape:has(.v-picker__header-wrapper) .v-picker__header-wrapper .v-date-picker-header {
|
|
height: auto;
|
|
padding-inline: 24px;
|
|
}
|
|
.v-date-picker.v-picker--landscape:has(.v-picker__header-wrapper).v-picker--show-week {
|
|
width: calc(368px + var(--v-date-picker-landscape-header-width));
|
|
}
|
|
.v-date-picker > .v-picker__body {
|
|
flex-direction: column;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-color-picker {
|
|
align-self: flex-start;
|
|
contain: content;
|
|
width: 300px;
|
|
}
|
|
.v-color-picker.v-sheet.v-picker {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-color-picker.v-sheet.v-picker {
|
|
border-radius: 4px;
|
|
}
|
|
.v-color-picker__controls {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 16px;
|
|
width: 100%;
|
|
}
|
|
.v-color-picker--flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-chip {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
font-weight: 400;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
}
|
|
.v-chip .v-icon {
|
|
--v-icon-size-multiplier: 0.8571428571;
|
|
}
|
|
.v-chip.v-chip--size-x-small {
|
|
--v-chip-size: 0.625rem;
|
|
--v-chip-height: 20px;
|
|
font-size: 0.625rem;
|
|
padding: 0 8px;
|
|
}
|
|
.v-chip.v-chip--size-x-small .v-avatar {
|
|
--v-avatar-height: 14px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
|
|
--v-avatar-height: 20px;
|
|
}
|
|
.v-chip.v-chip--size-x-small .v-avatar--start {
|
|
margin-inline-start: -5.6px;
|
|
margin-inline-end: 4px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
|
|
margin-inline-start: -8px;
|
|
}
|
|
.v-chip.v-chip--size-x-small .v-avatar--end {
|
|
margin-inline-start: 4px;
|
|
margin-inline-end: -5.6px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
|
|
margin-inline-end: -8px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
|
|
margin-inline-start: 12px;
|
|
}
|
|
.v-chip.v-chip--size-x-small .v-icon--start,
|
|
.v-chip.v-chip--size-x-small .v-chip__filter {
|
|
margin-inline-start: -4px;
|
|
margin-inline-end: 4px;
|
|
}
|
|
.v-chip.v-chip--size-x-small .v-icon--end,
|
|
.v-chip.v-chip--size-x-small .v-chip__close {
|
|
margin-inline-start: 4px;
|
|
margin-inline-end: -4px;
|
|
}
|
|
.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
|
|
.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
|
|
.v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.v-chip.v-chip--size-small {
|
|
--v-chip-size: 0.75rem;
|
|
--v-chip-height: 26px;
|
|
font-size: 0.75rem;
|
|
padding: 0 10px;
|
|
}
|
|
.v-chip.v-chip--size-small .v-avatar {
|
|
--v-avatar-height: 20px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-small .v-avatar {
|
|
--v-avatar-height: 26px;
|
|
}
|
|
.v-chip.v-chip--size-small .v-avatar--start {
|
|
margin-inline-start: -7px;
|
|
margin-inline-end: 5px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
|
|
margin-inline-start: -10px;
|
|
}
|
|
.v-chip.v-chip--size-small .v-avatar--end {
|
|
margin-inline-start: 5px;
|
|
margin-inline-end: -7px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
|
|
margin-inline-end: -10px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
|
|
margin-inline-start: 15px;
|
|
}
|
|
.v-chip.v-chip--size-small .v-icon--start,
|
|
.v-chip.v-chip--size-small .v-chip__filter {
|
|
margin-inline-start: -5px;
|
|
margin-inline-end: 5px;
|
|
}
|
|
.v-chip.v-chip--size-small .v-icon--end,
|
|
.v-chip.v-chip--size-small .v-chip__close {
|
|
margin-inline-start: 5px;
|
|
margin-inline-end: -5px;
|
|
}
|
|
.v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
|
|
.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
|
|
.v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
|
|
margin-inline-start: 10px;
|
|
}
|
|
.v-chip.v-chip--size-default {
|
|
--v-chip-size: 0.875rem;
|
|
--v-chip-height: 32px;
|
|
font-size: 0.875rem;
|
|
padding: 0 12px;
|
|
}
|
|
.v-chip.v-chip--size-default .v-avatar {
|
|
--v-avatar-height: 26px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-default .v-avatar {
|
|
--v-avatar-height: 32px;
|
|
}
|
|
.v-chip.v-chip--size-default .v-avatar--start {
|
|
margin-inline-start: -8.4px;
|
|
margin-inline-end: 6px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
|
|
margin-inline-start: -12px;
|
|
}
|
|
.v-chip.v-chip--size-default .v-avatar--end {
|
|
margin-inline-start: 6px;
|
|
margin-inline-end: -8.4px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
|
|
margin-inline-end: -12px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
|
|
margin-inline-start: 18px;
|
|
}
|
|
.v-chip.v-chip--size-default .v-icon--start,
|
|
.v-chip.v-chip--size-default .v-chip__filter {
|
|
margin-inline-start: -6px;
|
|
margin-inline-end: 6px;
|
|
}
|
|
.v-chip.v-chip--size-default .v-icon--end,
|
|
.v-chip.v-chip--size-default .v-chip__close {
|
|
margin-inline-start: 6px;
|
|
margin-inline-end: -6px;
|
|
}
|
|
.v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
|
|
.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
|
|
.v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
|
|
margin-inline-start: 12px;
|
|
}
|
|
.v-chip.v-chip--size-large {
|
|
--v-chip-size: 1rem;
|
|
--v-chip-height: 38px;
|
|
font-size: 1rem;
|
|
padding: 0 14px;
|
|
}
|
|
.v-chip.v-chip--size-large .v-avatar {
|
|
--v-avatar-height: 32px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-large .v-avatar {
|
|
--v-avatar-height: 38px;
|
|
}
|
|
.v-chip.v-chip--size-large .v-avatar--start {
|
|
margin-inline-start: -9.8px;
|
|
margin-inline-end: 7px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
|
|
margin-inline-start: -14px;
|
|
}
|
|
.v-chip.v-chip--size-large .v-avatar--end {
|
|
margin-inline-start: 7px;
|
|
margin-inline-end: -9.8px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
|
|
margin-inline-end: -14px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
|
|
margin-inline-start: 21px;
|
|
}
|
|
.v-chip.v-chip--size-large .v-icon--start,
|
|
.v-chip.v-chip--size-large .v-chip__filter {
|
|
margin-inline-start: -7px;
|
|
margin-inline-end: 7px;
|
|
}
|
|
.v-chip.v-chip--size-large .v-icon--end,
|
|
.v-chip.v-chip--size-large .v-chip__close {
|
|
margin-inline-start: 7px;
|
|
margin-inline-end: -7px;
|
|
}
|
|
.v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
|
|
.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
|
|
.v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
|
|
margin-inline-start: 14px;
|
|
}
|
|
.v-chip.v-chip--size-x-large {
|
|
--v-chip-size: 1.125rem;
|
|
--v-chip-height: 44px;
|
|
font-size: 1.125rem;
|
|
padding: 0 17px;
|
|
}
|
|
.v-chip.v-chip--size-x-large .v-avatar {
|
|
--v-avatar-height: 38px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
|
|
--v-avatar-height: 44px;
|
|
}
|
|
.v-chip.v-chip--size-x-large .v-avatar--start {
|
|
margin-inline-start: -11.9px;
|
|
margin-inline-end: 8.5px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
|
|
margin-inline-start: -17px;
|
|
}
|
|
.v-chip.v-chip--size-x-large .v-avatar--end {
|
|
margin-inline-start: 8.5px;
|
|
margin-inline-end: -11.9px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
|
|
margin-inline-end: -17px;
|
|
}
|
|
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
|
|
margin-inline-start: 25.5px;
|
|
}
|
|
.v-chip.v-chip--size-x-large .v-icon--start,
|
|
.v-chip.v-chip--size-x-large .v-chip__filter {
|
|
margin-inline-start: -8.5px;
|
|
margin-inline-end: 8.5px;
|
|
}
|
|
.v-chip.v-chip--size-x-large .v-icon--end,
|
|
.v-chip.v-chip--size-x-large .v-chip__close {
|
|
margin-inline-start: 8.5px;
|
|
margin-inline-end: -8.5px;
|
|
}
|
|
.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
|
|
.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
|
|
.v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
|
|
margin-inline-start: 17px;
|
|
}
|
|
.v-chip.v-chip--density-default {
|
|
height: calc(var(--v-chip-height) + 0px);
|
|
}
|
|
.v-chip.v-chip--density-comfortable {
|
|
height: calc(var(--v-chip-height) + -4px);
|
|
}
|
|
.v-chip.v-chip--density-compact {
|
|
height: calc(var(--v-chip-height) + -8px);
|
|
}
|
|
.v-chip {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-chip:hover > .v-chip__overlay {
|
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-chip:focus-visible > .v-chip__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-chip:focus > .v-chip__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-chip {
|
|
border-radius: 9999px;
|
|
}
|
|
.v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.v-chip--variant-plain {
|
|
opacity: 0.62;
|
|
}
|
|
.v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
|
|
opacity: 1;
|
|
}
|
|
.v-chip--variant-plain .v-chip__overlay {
|
|
display: none;
|
|
}
|
|
.v-chip--variant-elevated, .v-chip--variant-flat {
|
|
background: rgb(var(--v-theme-surface-variant));
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
}
|
|
.v-chip--variant-elevated {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-chip--variant-flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-chip--variant-outlined {
|
|
border: thin solid currentColor;
|
|
}
|
|
.v-chip--variant-text .v-chip__overlay {
|
|
background: currentColor;
|
|
}
|
|
.v-chip--variant-tonal .v-chip__underlay {
|
|
background: currentColor;
|
|
opacity: var(--v-activated-opacity);
|
|
border-radius: inherit;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-chip .v-chip__underlay {
|
|
position: absolute;
|
|
}
|
|
.v-chip--border {
|
|
border-width: thin;
|
|
}
|
|
.v-chip--link {
|
|
cursor: pointer;
|
|
}
|
|
.v-chip--link, .v-chip--filter {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.v-chip--label {
|
|
border-radius: 4px;
|
|
}
|
|
.v-chip__content {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
}
|
|
.v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
|
|
overflow: hidden;
|
|
}
|
|
.v-chip__filter,
|
|
.v-chip__prepend,
|
|
.v-chip__append,
|
|
.v-chip__close {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
}
|
|
.v-chip__close {
|
|
padding: 0;
|
|
margin: 0;
|
|
font: inherit;
|
|
overflow: visible;
|
|
text-transform: none;
|
|
background-color: transparent;
|
|
border-style: none;
|
|
color: inherit;
|
|
cursor: pointer;
|
|
flex: 0 1 auto;
|
|
font-size: 18px;
|
|
max-height: 18px;
|
|
max-width: 18px;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.v-chip__close .v-icon {
|
|
font-size: inherit;
|
|
}
|
|
.v-chip__filter {
|
|
transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-chip__overlay {
|
|
background-color: currentColor;
|
|
border-radius: inherit;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
.v-chip__overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-chip--disabled {
|
|
opacity: 0.3;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.v-chip--label {
|
|
border-radius: 4px;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-chip:not(.v-chip--variant-text, .v-chip--variant-plain) {
|
|
border: thin solid;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-date-picker-header {
|
|
align-items: flex-end;
|
|
height: 70px;
|
|
display: grid;
|
|
grid-template-areas: "prepend content append";
|
|
grid-template-columns: min-content minmax(0, 1fr) min-content;
|
|
overflow: hidden;
|
|
padding-inline: 24px 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.v-date-picker-header__append {
|
|
grid-area: append;
|
|
}
|
|
.v-date-picker-header__prepend {
|
|
grid-area: prepend;
|
|
padding-inline-start: 8px;
|
|
}
|
|
.v-date-picker-header__content {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
font-size: 32px;
|
|
line-height: 40px;
|
|
grid-area: content;
|
|
justify-content: space-between;
|
|
white-space: pre-wrap;
|
|
}
|
|
.v-date-picker-header--clickable .v-date-picker-header__content {
|
|
cursor: pointer;
|
|
}
|
|
.v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
|
|
opacity: 0.7;
|
|
}
|
|
.date-picker-header-transition-enter-active,
|
|
.date-picker-header-reverse-transition-enter-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.date-picker-header-transition-leave-active,
|
|
.date-picker-header-reverse-transition-leave-active {
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.date-picker-header-transition-enter-from {
|
|
transform: translate(0, 100%);
|
|
}
|
|
.date-picker-header-transition-leave-to {
|
|
opacity: 0;
|
|
transform: translate(0, -100%);
|
|
}
|
|
.date-picker-header-reverse-transition-enter-from {
|
|
transform: translate(0, -100%);
|
|
}
|
|
.date-picker-header-reverse-transition-leave-to {
|
|
opacity: 0;
|
|
transform: translate(0, 100%);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
|
|
.v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
|
|
.v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
|
|
.v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
top: 0px;
|
|
}
|
|
.v-combobox .v-field .v-text-field__prefix,
|
|
.v-combobox .v-field .v-text-field__suffix,
|
|
.v-combobox .v-field .v-field__input,
|
|
.v-combobox .v-field .v-field__input > input, .v-combobox .v-field.v-field {
|
|
cursor: text;
|
|
}
|
|
.v-combobox .v-field .v-field__input > input {
|
|
flex: 1 1;
|
|
}
|
|
.v-combobox .v-field input {
|
|
min-width: 64px;
|
|
}
|
|
.v-combobox .v-field:not(.v-field--focused) input {
|
|
min-width: 0;
|
|
}
|
|
.v-combobox .v-field--dirty .v-combobox__selection {
|
|
margin-inline-end: 2px;
|
|
}
|
|
.v-combobox .v-combobox__selection-text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.v-combobox__content {
|
|
overflow: hidden;
|
|
}
|
|
.v-combobox__content {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-menu > .v-overlay__content.v-combobox__content {
|
|
border-radius: 4px;
|
|
}
|
|
.v-combobox__content > .v-sheet {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.v-combobox__mask {
|
|
background: rgb(var(--v-theme-surface-light));
|
|
}
|
|
.v-combobox__selection {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
height: 1.5rem;
|
|
letter-spacing: inherit;
|
|
line-height: inherit;
|
|
max-width: calc(100% - 2px - 2px);
|
|
}
|
|
.v-combobox__selection:first-child {
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-combobox--selecting-index .v-combobox__selection {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
.v-combobox--selecting-index .v-combobox__selection--selected {
|
|
opacity: 1;
|
|
}
|
|
.v-combobox--selecting-index .v-field__input > input {
|
|
caret-color: transparent;
|
|
}
|
|
.v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
|
|
flex: 1 1;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
padding-inline: inherit;
|
|
}
|
|
.v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
|
|
transition: none;
|
|
}
|
|
.v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
|
|
opacity: 0;
|
|
}
|
|
.v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
|
|
opacity: 0;
|
|
}
|
|
.v-combobox__menu-icon {
|
|
margin-inline-start: 4px;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-combobox--active-menu .v-combobox__menu-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-date-picker-years {
|
|
height: 288px;
|
|
overflow-y: scroll;
|
|
}
|
|
.v-date-picker-years__content {
|
|
display: grid;
|
|
flex: 1 1;
|
|
justify-content: space-around;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 8px 24px;
|
|
padding-inline: 32px;
|
|
}
|
|
.v-date-picker-years__content .v-btn {
|
|
padding-inline: 8px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-date-picker-controls {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-size: 0.875rem;
|
|
height: var(--v-date-picker-controls-height, 56px);
|
|
padding: 4px 12px;
|
|
}
|
|
.v-date-picker-controls .v-btn {
|
|
text-transform: none;
|
|
font-weight: 400;
|
|
line-height: initial;
|
|
letter-spacing: initial;
|
|
}
|
|
.v-date-picker-controls .v-btn > .v-btn__append > .v-icon {
|
|
transition-property: transform;
|
|
transition-duration: 0.28s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-date-picker--months .v-date-picker-controls .v-date-picker-controls__only-month-btn > .v-btn__append > .v-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
.v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
|
|
transform: rotate(180deg);
|
|
}
|
|
.v-date-picker--year .v-date-picker-controls .v-date-picker-controls__year-btn > .v-btn__append > .v-icon,
|
|
.v-date-picker--year .v-date-picker-controls .v-date-picker-controls__only-year-btn > .v-btn__append > .v-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
.v-date-picker-controls__date {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.v-date-picker-controls__month, .v-date-picker-controls__year {
|
|
display: flex;
|
|
}
|
|
.v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl.v-date-picker-controls__year, .v-locale--is-rtl .v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__year {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.v-date-picker-controls .v-date-picker-controls__month-btn, .v-date-picker-controls .v-date-picker-controls__year-btn {
|
|
padding: 0 12px;
|
|
}
|
|
.v-date-picker-controls .v-date-picker-controls__only-month-btn, .v-date-picker-controls .v-date-picker-controls__only-year-btn {
|
|
padding-inline: 12px 8px;
|
|
min-width: 40px;
|
|
}
|
|
.v-date-picker-controls .v-date-picker-controls__only-month-btn > .v-btn__append, .v-date-picker-controls .v-date-picker-controls__only-year-btn > .v-btn__append {
|
|
margin-inline: 4px -4px;
|
|
}
|
|
.v-date-picker__title {
|
|
display: inline-block;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-date-picker-month {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 0 12px 8px;
|
|
--v-date-picker-month-day-diff: 4px;
|
|
}
|
|
.v-date-picker-month__weeks {
|
|
display: flex;
|
|
flex-direction: column;
|
|
column-gap: 4px;
|
|
font-size: 0.875rem;
|
|
}
|
|
.v-date-picker-month__weekday {
|
|
font-size: 0.875rem;
|
|
}
|
|
.v-date-picker-month__days {
|
|
display: grid;
|
|
grid-template-columns: repeat(var(--v-date-picker-days-in-week), min-content);
|
|
column-gap: 4px;
|
|
justify-content: space-around;
|
|
width: 100%;
|
|
}
|
|
.v-date-picker-month__day {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
.v-date-picker-month__day--selected .v-btn {
|
|
background-color: rgb(var(--v-theme-surface-variant));
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
}
|
|
.v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
|
|
--v-btn-height: 24px;
|
|
--v-btn-size: 0.875rem;
|
|
}
|
|
.v-date-picker-month__day--week {
|
|
font-size: var(--v-btn-size);
|
|
}
|
|
.v-date-picker-month__day--adjacent {
|
|
opacity: 0.5;
|
|
}
|
|
.v-date-picker-month__day--hide-adjacent {
|
|
opacity: 0;
|
|
}
|
|
.v-date-picker-month__events {
|
|
height: 8px;
|
|
left: 0;
|
|
text-indent: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
white-space: pre;
|
|
width: 100%;
|
|
}
|
|
.v-date-picker-month__events > div {
|
|
height: 8px;
|
|
margin: 0 1px;
|
|
width: 8px;
|
|
margin-bottom: -1px;
|
|
}
|
|
.v-date-picker-month__events .v-badge--dot .v-badge__badge {
|
|
border-radius: 4px;
|
|
height: 8px;
|
|
width: 8px;
|
|
}
|
|
.v-date-picker-month__day .v-date-picker-month__events {
|
|
bottom: 8px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-date-picker-months {
|
|
height: 288px;
|
|
}
|
|
.v-date-picker-months__content {
|
|
align-items: center;
|
|
display: grid;
|
|
flex: 1 1;
|
|
height: inherit;
|
|
justify-content: space-around;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-gap: 0px 24px;
|
|
padding-inline-start: 36px;
|
|
padding-inline-end: 36px;
|
|
}
|
|
.v-date-picker-months__content .v-btn {
|
|
text-transform: none;
|
|
padding-inline-start: 8px;
|
|
padding-inline-end: 8px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-counter {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
flex: 0 1 auto;
|
|
font-size: 12px;
|
|
transition-duration: 150ms;
|
|
white-space: nowrap;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-dialog {
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: auto;
|
|
}
|
|
.v-dialog > .v-overlay__content {
|
|
max-height: calc(100% - 48px);
|
|
width: calc(100% - 48px);
|
|
max-width: calc(100% - 48px);
|
|
margin: 24px;
|
|
}
|
|
.v-dialog > .v-overlay__content,
|
|
.v-dialog > .v-overlay__content > form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
}
|
|
.v-dialog > .v-overlay__content > .v-card,
|
|
.v-dialog > .v-overlay__content > .v-sheet,
|
|
.v-dialog > .v-overlay__content > form > .v-card,
|
|
.v-dialog > .v-overlay__content > form > .v-sheet {
|
|
--v-scrollbar-offset: 0px;
|
|
border-radius: 4px;
|
|
overflow-y: auto;
|
|
flex: 1 1 var(--v-card-height, 100%);
|
|
}
|
|
.v-dialog > .v-overlay__content > .v-card,
|
|
.v-dialog > .v-overlay__content > .v-sheet,
|
|
.v-dialog > .v-overlay__content > form > .v-card,
|
|
.v-dialog > .v-overlay__content > form > .v-sheet {
|
|
box-shadow: 0px 4px 4px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 8px 12px 6px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 10%, transparent);
|
|
}
|
|
.v-dialog > .v-overlay__content > .v-card,
|
|
.v-dialog > .v-overlay__content > form > .v-card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.v-dialog > .v-overlay__content > .v-card > .v-card-item,
|
|
.v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
|
|
padding: 16px 24px;
|
|
}
|
|
.v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
|
|
.v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
|
|
padding-top: 0;
|
|
}
|
|
.v-dialog > .v-overlay__content > .v-card > .v-card-text,
|
|
.v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
|
|
font-size: inherit;
|
|
letter-spacing: 0.03125em;
|
|
line-height: inherit;
|
|
padding: 16px 24px 24px;
|
|
}
|
|
.v-dialog > .v-overlay__content > .v-card > .v-card-actions,
|
|
.v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
|
|
justify-content: flex-end;
|
|
}
|
|
.v-dialog--fullscreen {
|
|
--v-scrollbar-offset: 0px;
|
|
}
|
|
.v-dialog--fullscreen > .v-overlay__content {
|
|
border-radius: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
overflow-y: auto;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.v-dialog--fullscreen > .v-overlay__content > .v-card,
|
|
.v-dialog--fullscreen > .v-overlay__content > .v-sheet,
|
|
.v-dialog--fullscreen > .v-overlay__content > form > .v-card,
|
|
.v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
border-radius: 0;
|
|
}
|
|
.v-dialog--scrollable > .v-overlay__content > form,
|
|
.v-dialog--scrollable > .v-overlay__content > form > .v-card {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.v-dialog--scrollable > .v-overlay__content,
|
|
.v-dialog--scrollable > .v-overlay__content > .v-card,
|
|
.v-dialog--scrollable > .v-overlay__content > form,
|
|
.v-dialog--scrollable > .v-overlay__content > form > .v-card {
|
|
display: flex;
|
|
flex: 1 1 var(--v-card-height, 100%);
|
|
flex-direction: column;
|
|
}
|
|
.v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
|
|
.v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
|
|
backface-visibility: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-data-table-footer {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-end;
|
|
padding: 8px 4px;
|
|
}
|
|
.v-data-table-footer__items-per-page {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.v-data-table-footer__items-per-page > span {
|
|
padding-inline-end: 8px;
|
|
}
|
|
.v-data-table-footer__items-per-page > .v-select {
|
|
width: 90px;
|
|
}
|
|
.v-data-table-footer__info {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
min-width: 116px;
|
|
padding: 0 16px;
|
|
}
|
|
.v-data-table-footer__paginationz {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-inline-start: 16px;
|
|
}
|
|
.v-data-table-footer__page {
|
|
padding: 0 8px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-expansion-panel {
|
|
background-color: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-expansion-panel:not(:first-child)::after {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.v-expansion-panel--disabled .v-expansion-panel-title {
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) 26%, transparent);
|
|
}
|
|
.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
|
|
opacity: 0.4615384615;
|
|
}
|
|
.v-expansion-panels {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
list-style-type: none;
|
|
padding: 0;
|
|
width: 100%;
|
|
position: relative;
|
|
z-index: 1;
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-expansion-panels > :first-child {
|
|
border-top-left-radius: inherit;
|
|
border-top-right-radius: inherit;
|
|
}
|
|
.v-expansion-panels > :last-child {
|
|
border-bottom-left-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
}
|
|
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > .v-expansion-panel--active {
|
|
border-radius: inherit;
|
|
}
|
|
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > .v-expansion-panel--before-active {
|
|
border-bottom-left-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
}
|
|
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > .v-expansion-panel--after-active {
|
|
border-top-left-radius: inherit;
|
|
border-top-right-radius: inherit;
|
|
}
|
|
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(.v-expansion-panel--after-active):not(.v-expansion-panel--active) {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:last-child):not(.v-expansion-panel--before-active):not(.v-expansion-panel--active) {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
|
|
border-bottom-left-radius: initial;
|
|
border-bottom-right-radius: initial;
|
|
}
|
|
.v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
|
|
transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-expansion-panel {
|
|
flex: 1 0 100%;
|
|
max-width: 100%;
|
|
position: relative;
|
|
transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-property: margin-top, border-radius, border, max-width;
|
|
border-radius: 4px;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-expansion-panel {
|
|
transition-property: border-radius, border;
|
|
}
|
|
}
|
|
.v-expansion-panel:not(:first-child)::after {
|
|
border-top-style: solid;
|
|
border-top-width: thin;
|
|
content: "";
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-expansion-panel--disabled .v-expansion-panel-title {
|
|
pointer-events: none;
|
|
}
|
|
.v-expansion-panel--active:not(:first-child),
|
|
.v-expansion-panel--active + .v-expansion-panel {
|
|
margin-top: 16px;
|
|
}
|
|
.v-expansion-panel--active:not(:first-child)::after,
|
|
.v-expansion-panel--active + .v-expansion-panel::after {
|
|
opacity: 0;
|
|
}
|
|
.v-expansion-panel--active > .v-expansion-panel-title {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
|
|
min-height: 64px;
|
|
}
|
|
.v-expansion-panel__shadow {
|
|
border-radius: inherit;
|
|
z-index: -1;
|
|
}
|
|
.v-expansion-panel__shadow {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-expansion-panel__shadow {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-expansion-panel-title {
|
|
background-color: transparent;
|
|
border: none;
|
|
margin: 0;
|
|
appearance: none;
|
|
align-items: center;
|
|
text-align: start;
|
|
border-radius: inherit;
|
|
display: flex;
|
|
font: inherit;
|
|
font-size: 0.9375rem;
|
|
line-height: 1;
|
|
min-height: 48px;
|
|
outline: none;
|
|
padding: 16px 24px;
|
|
position: relative;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.v-expansion-panel-title {
|
|
transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
}
|
|
.v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
|
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-expansion-panel-title__overlay {
|
|
background-color: currentColor;
|
|
border-radius: inherit;
|
|
opacity: 0;
|
|
}
|
|
.v-expansion-panel-title__overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-expansion-panel-title__icon {
|
|
display: inline-flex;
|
|
margin-bottom: -4px;
|
|
margin-top: -4px;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
margin-inline-start: auto;
|
|
}
|
|
.v-expansion-panel-text {
|
|
display: flex;
|
|
}
|
|
.v-expansion-panel-text__wrapper {
|
|
padding: 8px 24px 16px;
|
|
flex: 1 1 auto;
|
|
max-width: 100%;
|
|
}
|
|
.v-expansion-panels--variant-accordion > .v-expansion-panel {
|
|
margin-top: 0;
|
|
}
|
|
.v-expansion-panels--variant-accordion > .v-expansion-panel::after {
|
|
opacity: 1;
|
|
}
|
|
.v-expansion-panels--variant-popout > .v-expansion-panel {
|
|
max-width: calc(100% - 32px);
|
|
}
|
|
.v-expansion-panels--variant-popout > .v-expansion-panel--active {
|
|
max-width: calc(100% + 16px);
|
|
}
|
|
.v-expansion-panels--variant-inset > .v-expansion-panel {
|
|
max-width: 100%;
|
|
}
|
|
.v-expansion-panels--variant-inset > .v-expansion-panel--active {
|
|
max-width: calc(100% - 32px);
|
|
}
|
|
.v-expansion-panels--flat > .v-expansion-panel::after {
|
|
border-top: none;
|
|
}
|
|
.v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
|
|
display: none;
|
|
}
|
|
.v-expansion-panels--tile {
|
|
border-radius: 0;
|
|
}
|
|
.v-expansion-panels--tile > .v-expansion-panel {
|
|
border-radius: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-file-input--hide.v-input .v-field,
|
|
.v-file-input--hide.v-input .v-input__control,
|
|
.v-file-input--hide.v-input .v-input__details {
|
|
display: none;
|
|
}
|
|
.v-file-input--hide.v-input .v-input__prepend {
|
|
grid-area: control;
|
|
margin: 0 auto;
|
|
}
|
|
.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
|
|
.v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
|
|
.v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
|
|
.v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
top: 0px;
|
|
}
|
|
.v-file-input .v-field__input {
|
|
word-break: break-word;
|
|
}
|
|
.v-file-input input[type=file] {
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 0;
|
|
}
|
|
.v-file-input--dragging input[type=file] {
|
|
z-index: 1;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-divider {
|
|
color: inherit;
|
|
display: block;
|
|
flex: 1 1 100%;
|
|
height: 0;
|
|
max-height: 0;
|
|
margin: 0;
|
|
opacity: var(--v-border-opacity);
|
|
transition: inherit;
|
|
}
|
|
.v-divider {
|
|
border-style: solid;
|
|
border-width: thin 0 0 0;
|
|
}
|
|
.v-divider--vertical {
|
|
align-self: stretch;
|
|
border-width: 0 thin 0 0;
|
|
display: inline-flex;
|
|
height: auto;
|
|
margin-left: -1px;
|
|
max-height: 100%;
|
|
max-width: 0px;
|
|
vertical-align: text-bottom;
|
|
width: 0px;
|
|
}
|
|
.v-divider--inset:not(.v-divider--vertical) {
|
|
max-width: calc(100% - 72px);
|
|
margin-inline-start: 72px;
|
|
}
|
|
.v-divider--inset.v-divider--vertical {
|
|
margin-bottom: 8px;
|
|
margin-top: 8px;
|
|
max-height: calc(100% - 16px);
|
|
}
|
|
.v-divider--gradient {
|
|
mask-image: linear-gradient(90deg, transparent, #000, transparent);
|
|
}
|
|
.v-divider--gradient.v-divider--vertical {
|
|
mask-image: linear-gradient(0deg, transparent, #000, transparent);
|
|
}
|
|
.v-divider__content {
|
|
padding: 0 16px;
|
|
text-wrap: nowrap;
|
|
}
|
|
.v-divider__wrapper--vertical .v-divider__content {
|
|
padding: 4px 0;
|
|
}
|
|
.v-divider__wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.v-divider__wrapper--vertical {
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
.v-divider__wrapper--vertical .v-divider {
|
|
margin: 0 auto;
|
|
}
|
|
.v-divider__wrapper--gradient {
|
|
mask-image: linear-gradient(90deg, transparent, #000, transparent);
|
|
}
|
|
.v-divider__wrapper--gradient.v-divider__wrapper--vertical {
|
|
mask-image: linear-gradient(0deg, transparent, #000, transparent);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-fab {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
flex: 1 1 auto;
|
|
pointer-events: none;
|
|
position: relative;
|
|
transition-duration: 0.2s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
vertical-align: middle;
|
|
}
|
|
.v-fab .v-btn {
|
|
pointer-events: auto;
|
|
}
|
|
.v-fab .v-btn--variant-elevated {
|
|
box-shadow: 0px 1px 3px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 4px 8px 3px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 6%, transparent);
|
|
}
|
|
.v-fab .v-btn--variant-elevated:hover {
|
|
box-shadow: 0px 2px 3px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 6px 10px 4px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 8%, transparent);
|
|
}
|
|
.v-fab--app, .v-fab--absolute {
|
|
display: flex;
|
|
}
|
|
.v-fab--absolute {
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.v-fab--start, .v-fab--left {
|
|
justify-content: flex-start;
|
|
}
|
|
.v-fab--center {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.v-fab--end, .v-fab--right {
|
|
justify-content: flex-end;
|
|
}
|
|
.v-fab--bottom {
|
|
align-items: flex-end;
|
|
}
|
|
.v-fab--top {
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-fab--extended .v-btn {
|
|
border-radius: 9999px;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-fab__container {
|
|
align-self: center;
|
|
display: inline-flex;
|
|
vertical-align: middle;
|
|
}
|
|
.v-fab--app .v-fab__container {
|
|
margin: 12px;
|
|
position: fixed;
|
|
}
|
|
.v-fab--absolute .v-fab__container {
|
|
position: absolute;
|
|
z-index: 4;
|
|
}
|
|
.v-fab--offset.v-fab--top .v-fab__container {
|
|
transform: translateY(-50%);
|
|
}
|
|
.v-fab--offset.v-fab--bottom .v-fab__container {
|
|
transform: translateY(50%);
|
|
}
|
|
.v-fab--top .v-fab__container {
|
|
top: 0;
|
|
}
|
|
.v-fab--bottom .v-fab__container {
|
|
bottom: 0;
|
|
}
|
|
.v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
|
|
left: 0;
|
|
}
|
|
.v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
|
|
right: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-empty-state {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-height: 100%;
|
|
padding: 16px;
|
|
}
|
|
.v-empty-state--start {
|
|
align-items: flex-start;
|
|
}
|
|
.v-empty-state--center {
|
|
align-items: center;
|
|
}
|
|
.v-empty-state--end {
|
|
align-items: flex-end;
|
|
}
|
|
.v-empty-state__media {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.v-empty-state__media .v-icon {
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-medium-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-empty-state__headline {
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-medium-emphasis-opacity) * 100%), transparent);
|
|
font-size: 3.5625rem;
|
|
font-weight: 400;
|
|
line-height: 1.1228070175;
|
|
text-align: center;
|
|
margin-bottom: 8px;
|
|
}
|
|
.v-empty-state--mobile .v-empty-state__headline {
|
|
font-size: 2rem;
|
|
}
|
|
.v-empty-state__title {
|
|
font-size: 1.375rem;
|
|
font-weight: 400;
|
|
line-height: 1.2727272727;
|
|
margin-bottom: 4px;
|
|
text-align: center;
|
|
}
|
|
.v-empty-state__text {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.4285714286;
|
|
padding: 0 16px;
|
|
text-align: center;
|
|
}
|
|
.v-empty-state__content {
|
|
padding: 24px 0;
|
|
}
|
|
.v-empty-state__actions {
|
|
display: flex;
|
|
gap: 8px;
|
|
padding: 16px;
|
|
}
|
|
.v-empty-state__action-btn.v-btn {
|
|
background-color: initial;
|
|
color: initial;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-hotkey {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
gap: 4px;
|
|
vertical-align: middle;
|
|
line-height: 1.5;
|
|
}
|
|
.v-hotkey--disabled {
|
|
opacity: 0.26;
|
|
}
|
|
.v-hotkey--inline {
|
|
max-height: 1lh;
|
|
vertical-align: baseline;
|
|
font-size: 1em;
|
|
line-height: inherit;
|
|
}
|
|
.v-hotkey__prefix {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
font-weight: normal;
|
|
vertical-align: baseline;
|
|
}
|
|
.v-hotkey__suffix {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
font-weight: normal;
|
|
vertical-align: baseline;
|
|
}
|
|
.v-hotkey--contained .v-hotkey__contained-wrapper {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 2px;
|
|
padding: 0.2rem 4px;
|
|
box-sizing: border-box;
|
|
background: unset;
|
|
box-shadow: unset;
|
|
min-height: 1em;
|
|
font-size: 0.75rem;
|
|
line-height: 1.5;
|
|
}
|
|
.v-hotkey--contained .v-hotkey__contained-wrapper .v-hotkey__prefix, .v-hotkey--contained .v-hotkey__contained-wrapper .v-hotkey__suffix {
|
|
opacity: var(--v-high-emphasis-opacity);
|
|
}
|
|
.v-hotkey--contained .v-hotkey__contained-wrapper .v-hotkey__prefix {
|
|
margin-right: 2px;
|
|
}
|
|
.v-hotkey--contained .v-hotkey__contained-wrapper .v-hotkey__suffix {
|
|
margin-left: 2px;
|
|
}
|
|
.v-hotkey--contained .v-hotkey__divider {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
font-size: inherit;
|
|
}
|
|
.v-hotkey--contained .v-hotkey__combination {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 2px;
|
|
}
|
|
.v-hotkey--contained.v-hotkey--inline .v-hotkey__contained-wrapper.v-kbd {
|
|
align-self: baseline;
|
|
align-items: baseline;
|
|
font-size: 1em;
|
|
line-height: inherit;
|
|
padding: 1px 4px 0;
|
|
gap: 2px;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.v-hotkey--contained.v-hotkey--inline .v-hotkey__divider {
|
|
font-size: 1em;
|
|
align-self: baseline;
|
|
}
|
|
.v-hotkey--contained.v-hotkey--inline .v-hotkey__combination {
|
|
gap: 2px;
|
|
align-items: baseline;
|
|
}
|
|
.v-hotkey__key.v-kbd {
|
|
min-height: unset;
|
|
font-size: 0.75rem;
|
|
line-height: 1.5;
|
|
padding: 0.2rem;
|
|
min-width: 1.5em;
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-plain, .v-hotkey__key.v-kbd--variant-outlined, .v-hotkey__key.v-kbd--variant-text, .v-hotkey__key.v-kbd--variant-tonal {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-plain {
|
|
opacity: 0.62;
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-plain:focus, .v-hotkey__key.v-kbd--variant-plain:hover {
|
|
opacity: 1;
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-plain .v-hotkey__overlay {
|
|
display: none;
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-elevated, .v-hotkey__key.v-kbd--variant-flat {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-elevated {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-outlined {
|
|
border: thin solid currentColor;
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-text .v-hotkey__overlay {
|
|
background: currentColor;
|
|
}
|
|
.v-hotkey__key.v-kbd--variant-tonal .v-hotkey__underlay {
|
|
background: currentColor;
|
|
opacity: var(--v-activated-opacity);
|
|
border-radius: inherit;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-hotkey__key.v-kbd .v-hotkey__underlay {
|
|
position: absolute;
|
|
}
|
|
.v-hotkey__key-symbol.v-kbd {
|
|
line-height: normal;
|
|
font-size: 1em;
|
|
}
|
|
.v-hotkey__key-icon .v-icon {
|
|
min-width: unset;
|
|
}
|
|
.v-hotkey__key-icon .v-icon:has(svg) {
|
|
max-width: 0.75rem;
|
|
}
|
|
.v-hotkey__key-icon .v-icon:not(:has(svg)) {
|
|
font-size: 0.75rem;
|
|
line-height: inherit;
|
|
height: inherit;
|
|
}
|
|
.v-hotkey__key--nested {
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
font: inherit;
|
|
color: inherit;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
min-width: auto;
|
|
min-height: auto;
|
|
align-self: baseline;
|
|
}
|
|
.v-hotkey__key--nested.v-hotkey__key-icon {
|
|
align-self: center;
|
|
}
|
|
.v-hotkey__divider {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
font-size: 1em;
|
|
}
|
|
.v-hotkey__combination {
|
|
display: flex;
|
|
gap: 2px;
|
|
}
|
|
.v-hotkey--inline .v-hotkey__key {
|
|
align-self: center;
|
|
padding: 1px 4px 0;
|
|
min-width: 20px;
|
|
height: calc(1lh - 2px);
|
|
line-height: calc(1lh - 2px);
|
|
}
|
|
.v-hotkey--inline .v-hotkey__key-icon.v-kbd {
|
|
padding-block: 0;
|
|
}
|
|
.v-hotkey--inline .v-hotkey__key-icon .v-icon {
|
|
width: min-content;
|
|
min-width: fit-content;
|
|
max-height: calc(1ex + 2px);
|
|
}
|
|
.v-hotkey--inline .v-hotkey__key-icon .v-icon .v-icon__svg {
|
|
height: 100%;
|
|
width: unset;
|
|
}
|
|
.v-hotkey--inline .v-hotkey__combination {
|
|
align-items: baseline;
|
|
gap: 1px;
|
|
}
|
|
.v-hotkey--inline .v-hotkey__divider {
|
|
font-size: 1em;
|
|
}
|
|
.v-hotkey--inline .v-hotkey__prefix, .v-hotkey--inline .v-hotkey__suffix {
|
|
align-self: baseline;
|
|
font-size: inherit;
|
|
}
|
|
.v-hotkey--variant-elevated .v-hotkey__key.v-kbd {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-hotkey--variant-flat .v-hotkey__key.v-kbd {
|
|
box-shadow: none;
|
|
}
|
|
.v-hotkey--variant-outlined .v-hotkey__key.v-kbd {
|
|
background: none;
|
|
}
|
|
.v-hotkey--variant-outlined .v-hotkey__key.v-kbd {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-hotkey--variant-text .v-hotkey__key.v-kbd {
|
|
background: transparent;
|
|
border: none;
|
|
padding-inline: 0;
|
|
min-width: auto;
|
|
}
|
|
.v-hotkey--variant-text .v-hotkey__key.v-kbd {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-hotkey--variant-text .v-hotkey__combination {
|
|
gap: 1px;
|
|
}
|
|
.v-hotkey--variant-tonal .v-hotkey__key.v-kbd {
|
|
border: unset;
|
|
box-shadow: unset;
|
|
}
|
|
}@layer vuetify-components {
|
|
/* region INPUT */
|
|
.v-field {
|
|
display: grid;
|
|
grid-template-areas: "prepend-inner field clear append-inner";
|
|
grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
|
|
font-size: 16px;
|
|
letter-spacing: 0.009375em;
|
|
max-width: 100%;
|
|
border-radius: 4px;
|
|
contain: layout;
|
|
flex: 1 0;
|
|
grid-area: control;
|
|
position: relative;
|
|
--v-theme-overlay-multiplier: 1;
|
|
--v-field-padding-start: 16px;
|
|
--v-field-padding-end: 16px;
|
|
--v-field-padding-top: 8px;
|
|
--v-field-padding-bottom: 4px;
|
|
--v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
|
|
--v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
|
|
}
|
|
.v-field--disabled {
|
|
opacity: var(--v-disabled-opacity);
|
|
pointer-events: none;
|
|
}
|
|
.v-field .v-chip {
|
|
--v-chip-height: 24px;
|
|
}
|
|
/* endregion */
|
|
/* region MODIFIERS */
|
|
.v-field--prepended {
|
|
padding-inline-start: 12px;
|
|
}
|
|
.v-field--appended {
|
|
padding-inline-end: 12px;
|
|
}
|
|
.v-field--variant-solo, .v-field--variant-solo-filled {
|
|
background: rgb(var(--v-theme-surface));
|
|
border-color: transparent;
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-field--variant-solo, .v-field--variant-solo-filled {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-field--variant-solo-inverted {
|
|
background: rgb(var(--v-theme-surface));
|
|
border-color: transparent;
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-field--variant-solo-inverted {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-field--variant-solo-inverted.v-field--focused {
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
}
|
|
.v-field--variant-filled {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
|
|
--v-input-control-height: 56px;
|
|
--v-field-padding-bottom: 4px;
|
|
}
|
|
.v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
|
|
--v-input-control-height: 48px;
|
|
--v-field-padding-bottom: 0px;
|
|
}
|
|
.v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
|
|
--v-input-control-height: 40px;
|
|
--v-field-padding-bottom: 0px;
|
|
}
|
|
.v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
|
|
--v-field-padding-top: 0px;
|
|
}
|
|
.v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
|
|
--v-field-padding-bottom: 16px;
|
|
}
|
|
.v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
|
|
--v-field-padding-bottom: 12px;
|
|
}
|
|
.v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
|
|
--v-field-padding-bottom: 8px;
|
|
}
|
|
.v-field--variant-plain, .v-field--variant-underlined {
|
|
border-radius: 0;
|
|
padding: 0;
|
|
}
|
|
.v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
|
|
--v-field-padding-start: 0px;
|
|
--v-field-padding-end: 0px;
|
|
}
|
|
.v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
|
|
--v-input-control-height: 48px;
|
|
--v-field-padding-top: 4px;
|
|
--v-field-padding-bottom: 4px;
|
|
}
|
|
.v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
|
|
--v-input-control-height: 40px;
|
|
--v-field-padding-top: 2px;
|
|
--v-field-padding-bottom: 0px;
|
|
}
|
|
.v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
|
|
--v-input-control-height: 32px;
|
|
--v-field-padding-top: 0px;
|
|
--v-field-padding-bottom: 0px;
|
|
}
|
|
.v-field--flat {
|
|
box-shadow: none;
|
|
}
|
|
.v-field--rounded {
|
|
border-radius: 24px;
|
|
}
|
|
.v-field.v-field--prepended {
|
|
--v-field-padding-start: 6px;
|
|
}
|
|
.v-field.v-field--appended {
|
|
--v-field-padding-end: 6px;
|
|
}
|
|
/* endregion */
|
|
/* region ELEMENTS */
|
|
.v-field__input {
|
|
align-items: center;
|
|
color: inherit;
|
|
column-gap: 2px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
letter-spacing: 0.009375em;
|
|
opacity: var(--v-high-emphasis-opacity);
|
|
min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
|
|
min-width: 0;
|
|
padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
|
|
padding-top: var(--v-field-input-padding-top);
|
|
padding-bottom: var(--v-field-input-padding-bottom);
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.v-input--density-default .v-field__input {
|
|
row-gap: 8px;
|
|
}
|
|
.v-input--density-comfortable .v-field__input {
|
|
row-gap: 6px;
|
|
}
|
|
.v-input--density-compact .v-field__input {
|
|
row-gap: 4px;
|
|
}
|
|
.v-field__input input {
|
|
letter-spacing: inherit;
|
|
}
|
|
:where(.v-field__input input, input.v-field__input, textarea.v-field__input, select.v-field__input) {
|
|
background-color: transparent;
|
|
border-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
:where(.v-field__input input, input.v-field__input, textarea.v-field__input, select.v-field__input)::placeholder {
|
|
color: currentColor;
|
|
opacity: var(--v-disabled-opacity);
|
|
}
|
|
.v-field__input:focus, .v-field__input:active {
|
|
outline: none;
|
|
}
|
|
.v-field__input:invalid {
|
|
box-shadow: none;
|
|
}
|
|
.v-field__field {
|
|
flex: 1 0;
|
|
grid-area: field;
|
|
position: relative;
|
|
align-items: flex-start;
|
|
display: flex;
|
|
}
|
|
/* endregion */
|
|
/* region AFFIXES */
|
|
.v-field__prepend-inner {
|
|
grid-area: prepend-inner;
|
|
padding-inline-end: var(--v-field-padding-after);
|
|
}
|
|
.v-field__clearable {
|
|
grid-area: clear;
|
|
}
|
|
.v-field__append-inner {
|
|
grid-area: append-inner;
|
|
padding-inline-start: var(--v-field-padding-after);
|
|
}
|
|
.v-field__append-inner,
|
|
.v-field__clearable,
|
|
.v-field__prepend-inner {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding-top: var(--v-input-padding-top, 8px);
|
|
}
|
|
.v-field--center-affix .v-field__append-inner,
|
|
.v-field--center-affix .v-field__clearable,
|
|
.v-field--center-affix .v-field__prepend-inner {
|
|
align-items: center;
|
|
padding-top: 0;
|
|
}
|
|
.v-field.v-field--variant-underlined .v-field__append-inner,
|
|
.v-field.v-field--variant-underlined .v-field__clearable,
|
|
.v-field.v-field--variant-underlined .v-field__prepend-inner,
|
|
.v-field.v-field--variant-plain .v-field__append-inner,
|
|
.v-field.v-field--variant-plain .v-field__clearable,
|
|
.v-field.v-field--variant-plain .v-field__prepend-inner {
|
|
align-items: flex-start;
|
|
padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
|
|
padding-bottom: var(--v-field-padding-bottom, 4px);
|
|
}
|
|
.v-field--focused .v-field__prepend-inner,
|
|
.v-field--focused .v-field__append-inner {
|
|
opacity: 1;
|
|
}
|
|
.v-field__prepend-inner > .v-icon,
|
|
.v-field__append-inner > .v-icon,
|
|
.v-field__clearable > .v-icon {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
.v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon, .v-field--glow.v-field--focused .v-field__prepend-inner > .v-icon,
|
|
.v-field--disabled .v-field__append-inner > .v-icon,
|
|
.v-field--error .v-field__append-inner > .v-icon,
|
|
.v-field--glow.v-field--focused .v-field__append-inner > .v-icon,
|
|
.v-field--disabled .v-field__clearable > .v-icon,
|
|
.v-field--error .v-field__clearable > .v-icon,
|
|
.v-field--glow.v-field--focused .v-field__clearable > .v-icon {
|
|
opacity: 1;
|
|
}
|
|
.v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
|
|
.v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
|
|
.v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-field__clearable {
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
margin-inline: 4px;
|
|
transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-property: opacity, transform, width;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-field__clearable {
|
|
transition-property: opacity;
|
|
}
|
|
}
|
|
.v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
|
|
opacity: 1;
|
|
}
|
|
@media (hover: hover) {
|
|
.v-field:hover .v-field__clearable {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@media (hover: none) {
|
|
.v-field__clearable {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
/* endregion */
|
|
/* region LABEL */
|
|
.v-label.v-field-label {
|
|
contain: layout paint;
|
|
display: block;
|
|
margin-inline-start: var(--v-field-padding-start);
|
|
margin-inline-end: var(--v-field-padding-end);
|
|
max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: var(--v-input-padding-top);
|
|
transform-origin: left center;
|
|
z-index: 1;
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.v-label.v-field-label {
|
|
transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-property: opacity, transform;
|
|
}
|
|
}
|
|
.v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
|
|
top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
|
|
}
|
|
.v-field--center-affix .v-label.v-field-label {
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.v-field--active .v-label.v-field-label {
|
|
visibility: hidden;
|
|
}
|
|
.v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
|
|
opacity: 1;
|
|
}
|
|
.v-field--error:not(.v-field--disabled) .v-label.v-field-label {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-label.v-field-label--floating {
|
|
--v-field-label-scale: 0.75em;
|
|
font-size: var(--v-field-label-scale);
|
|
visibility: hidden;
|
|
}
|
|
.v-field--variant-outlined .v-label.v-field-label--floating {
|
|
max-width: 100%;
|
|
}
|
|
.v-field--center-affix .v-label.v-field-label--floating {
|
|
transform: none;
|
|
}
|
|
.v-field.v-field--active .v-label.v-field-label--floating {
|
|
visibility: unset;
|
|
}
|
|
.v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
top: 7px;
|
|
}
|
|
.v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
top: 5px;
|
|
}
|
|
.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
top: 3px;
|
|
}
|
|
.v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
|
|
transform: translateY(-16px);
|
|
margin: 0;
|
|
top: var(--v-input-padding-top);
|
|
}
|
|
.v-field--variant-outlined .v-label.v-field-label--floating {
|
|
transform: translateY(-50%);
|
|
transform-origin: center;
|
|
position: static;
|
|
margin: 0 4px;
|
|
}
|
|
/* endregion */
|
|
/* region OUTLINE */
|
|
.v-field__outline {
|
|
--v-field-border-width: 1px;
|
|
--v-field-border-opacity: 0.38;
|
|
align-items: stretch;
|
|
contain: layout;
|
|
display: flex;
|
|
height: 100%;
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
}
|
|
@media (hover: hover) {
|
|
.v-field:hover .v-field__outline {
|
|
--v-field-border-opacity: var(--v-high-emphasis-opacity);
|
|
}
|
|
}
|
|
.v-field--error:not(.v-field--disabled) .v-field__outline {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
|
|
--v-field-border-opacity: 1;
|
|
}
|
|
.v-field--variant-outlined.v-field--focused .v-field__outline {
|
|
--v-field-border-width: 2px;
|
|
}
|
|
.v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
|
|
border-color: currentColor;
|
|
border-style: solid;
|
|
border-width: 0 0 var(--v-field-border-width);
|
|
opacity: var(--v-field-border-opacity);
|
|
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
|
|
border-color: currentColor;
|
|
border-style: solid;
|
|
border-width: 0 0 2px;
|
|
transform: scaleX(0);
|
|
transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
|
|
transform: scaleX(1);
|
|
}
|
|
.v-field--variant-outlined .v-field__outline {
|
|
border-radius: inherit;
|
|
}
|
|
.v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
|
|
border: 0 solid currentColor;
|
|
opacity: var(--v-field-border-opacity);
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
|
|
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
}
|
|
.v-field--variant-outlined .v-field__outline__start {
|
|
flex: 0 0 12px;
|
|
border-top-width: var(--v-field-border-width);
|
|
border-bottom-width: var(--v-field-border-width);
|
|
border-inline-start-width: var(--v-field-border-width);
|
|
border-start-start-radius: inherit;
|
|
border-start-end-radius: 0;
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: inherit;
|
|
}
|
|
.v-field--rounded.v-field--variant-outlined .v-field__outline__start,
|
|
[class^=rounded-].v-field--variant-outlined .v-field__outline__start,
|
|
[class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
|
|
flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
|
|
}
|
|
.v-field--reverse.v-field--variant-outlined .v-field__outline__start {
|
|
border-start-start-radius: 0;
|
|
border-start-end-radius: inherit;
|
|
border-end-end-radius: inherit;
|
|
border-end-start-radius: 0;
|
|
border-inline-end-width: var(--v-field-border-width);
|
|
border-inline-start-width: 0;
|
|
}
|
|
.v-field--variant-outlined .v-field__outline__notch {
|
|
flex: none;
|
|
position: relative;
|
|
max-width: calc(100% - 24px);
|
|
}
|
|
.v-field--rounded.v-field--variant-outlined .v-field__outline__notch,
|
|
[class^=rounded-].v-field--variant-outlined .v-field__outline__notch,
|
|
[class*=" rounded-"].v-field--variant-outlined .v-field__outline__notch {
|
|
max-width: calc(100% - var(--v-input-control-height));
|
|
}
|
|
.v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
|
|
opacity: var(--v-field-border-opacity);
|
|
}
|
|
.v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-field--variant-outlined .v-field__outline__notch::before {
|
|
border-width: var(--v-field-border-width) 0 0;
|
|
}
|
|
.v-field--variant-outlined .v-field__outline__notch::after {
|
|
bottom: 0;
|
|
border-width: 0 0 var(--v-field-border-width);
|
|
}
|
|
.v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
|
|
opacity: 0;
|
|
}
|
|
.v-field--variant-outlined .v-field__outline__end {
|
|
flex: 1;
|
|
border-top-width: var(--v-field-border-width);
|
|
border-bottom-width: var(--v-field-border-width);
|
|
border-inline-end-width: var(--v-field-border-width);
|
|
border-start-start-radius: 0;
|
|
border-start-end-radius: inherit;
|
|
border-end-end-radius: inherit;
|
|
border-end-start-radius: 0;
|
|
}
|
|
.v-field--reverse.v-field--variant-outlined .v-field__outline__end {
|
|
border-start-start-radius: inherit;
|
|
border-start-end-radius: 0;
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: inherit;
|
|
border-inline-end-width: 0;
|
|
border-inline-start-width: var(--v-field-border-width);
|
|
}
|
|
/* endregion */
|
|
/* region LOADER */
|
|
.v-field__loader {
|
|
top: calc(100% - 2px);
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-left-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
overflow: hidden;
|
|
}
|
|
.v-field--variant-outlined .v-field__loader {
|
|
top: calc(100% - 3px);
|
|
width: calc(100% - 1px * 2);
|
|
left: 1px;
|
|
}
|
|
/* endregion */
|
|
/* region OVERLAY */
|
|
.v-field__overlay {
|
|
border-radius: inherit;
|
|
pointer-events: none;
|
|
}
|
|
.v-field__overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-field--variant-filled .v-field__overlay {
|
|
background-color: currentColor;
|
|
opacity: 0.04;
|
|
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-field--variant-filled.v-field--has-background .v-field__overlay {
|
|
opacity: 0;
|
|
}
|
|
@media (hover: hover) {
|
|
.v-field--variant-filled:hover .v-field__overlay {
|
|
opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-field--variant-filled.v-field--focused .v-field__overlay {
|
|
opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-field--variant-solo-filled .v-field__overlay {
|
|
background-color: currentColor;
|
|
opacity: 0.04;
|
|
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
@media (hover: hover) {
|
|
.v-field--variant-solo-filled:hover .v-field__overlay {
|
|
opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-field--variant-solo-filled.v-field--focused .v-field__overlay {
|
|
opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-field--variant-solo-inverted .v-field__overlay {
|
|
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
|
|
opacity: 0;
|
|
}
|
|
@media (hover: hover) {
|
|
.v-field--variant-solo-inverted:hover .v-field__overlay {
|
|
opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
|
|
background-color: rgb(var(--v-theme-surface-variant));
|
|
opacity: 1;
|
|
}
|
|
/* endregion */
|
|
/* region MODIFIERS */
|
|
.v-field--reverse .v-field__field,
|
|
.v-field--reverse .v-field__input,
|
|
.v-field--reverse .v-field__outline {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.v-field--reverse .v-field__input, .v-field--reverse input {
|
|
text-align: end;
|
|
}
|
|
.v-input--disabled .v-field--variant-filled .v-field__outline::before,
|
|
.v-input--disabled .v-field--variant-underlined .v-field__outline::before {
|
|
border-image: repeating-linear-gradient(to right, color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-disabled-opacity) * 100%), transparent) 0px, color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-disabled-opacity) * 100%), transparent) 2px, transparent 2px, transparent 4px) 1 repeat;
|
|
}
|
|
.v-field--loading .v-field__outline::after,
|
|
.v-field--loading .v-field__outline::before {
|
|
opacity: 0;
|
|
}
|
|
/* endregion */
|
|
@media (forced-colors: active) {
|
|
.v-field .v-progress-linear {
|
|
border: none;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-container {
|
|
width: 100%;
|
|
padding: 16px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
@media (min-width: 840px) {
|
|
.v-container {
|
|
max-width: 700px;
|
|
}
|
|
}
|
|
@media (min-width: 1145px) {
|
|
.v-container {
|
|
max-width: 1000px;
|
|
}
|
|
}
|
|
@media (min-width: 1545px) {
|
|
.v-container {
|
|
max-width: 1400px;
|
|
}
|
|
}
|
|
@media (min-width: 2138px) {
|
|
.v-container {
|
|
max-width: 2000px;
|
|
}
|
|
}
|
|
.v-container--fluid {
|
|
max-width: 100%;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-footer {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
padding: 8px 16px;
|
|
position: relative;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-property: height, width, transform, max-width, left, right, top, bottom;
|
|
}
|
|
.v-footer {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-footer--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-footer {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-footer--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-footer--fixed {
|
|
position: fixed;
|
|
}
|
|
.v-footer {
|
|
border-radius: 0;
|
|
}
|
|
.v-footer {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-footer--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-icon {
|
|
--v-icon-size-multiplier: 1;
|
|
align-items: center;
|
|
display: inline-flex;
|
|
font-feature-settings: "liga";
|
|
height: 1em;
|
|
justify-content: center;
|
|
letter-spacing: normal;
|
|
line-height: 1;
|
|
position: relative;
|
|
opacity: var(--v-icon-opacity, 1);
|
|
text-indent: 0;
|
|
text-align: center;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
vertical-align: middle;
|
|
width: 1em;
|
|
min-width: 1em;
|
|
}
|
|
.v-icon--clickable {
|
|
cursor: pointer;
|
|
}
|
|
.v-icon--disabled {
|
|
pointer-events: none;
|
|
opacity: 0.38;
|
|
}
|
|
.v-icon--size-x-small {
|
|
font-size: calc(var(--v-icon-size-multiplier) * 1em);
|
|
}
|
|
.v-icon--size-small {
|
|
font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
|
|
}
|
|
.v-icon--size-default {
|
|
font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
|
|
}
|
|
.v-icon--size-large {
|
|
font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
|
|
}
|
|
.v-icon--size-x-large {
|
|
font-size: calc(var(--v-icon-size-multiplier) * 2em);
|
|
}
|
|
.v-icon__svg {
|
|
fill: currentColor;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-icon--start {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-icon--end {
|
|
margin-inline-start: 8px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-input {
|
|
display: grid;
|
|
flex: 1 1 auto;
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|
|
.v-input--disabled {
|
|
pointer-events: none;
|
|
}
|
|
.v-input--indent-details .v-input__details {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-input--density-default {
|
|
--v-input-control-height: 56px;
|
|
--v-input-padding-top: 16px;
|
|
}
|
|
.v-input--density-comfortable {
|
|
--v-input-control-height: 48px;
|
|
--v-input-padding-top: 12px;
|
|
}
|
|
.v-input--density-compact {
|
|
--v-input-control-height: 40px;
|
|
--v-input-padding-top: 8px;
|
|
}
|
|
.v-input--vertical {
|
|
grid-template-areas: "append" "control" "prepend";
|
|
grid-template-rows: max-content auto max-content;
|
|
grid-template-columns: min-content;
|
|
}
|
|
.v-input--vertical .v-input__prepend {
|
|
margin-block-start: 16px;
|
|
}
|
|
.v-input--vertical .v-input__append {
|
|
margin-block-end: 16px;
|
|
}
|
|
.v-input--horizontal {
|
|
grid-template-areas: "prepend control append" "a messages b";
|
|
grid-template-columns: max-content minmax(0, 1fr) max-content;
|
|
grid-template-rows: 1fr auto;
|
|
}
|
|
.v-input--horizontal .v-input__prepend {
|
|
margin-inline-end: 16px;
|
|
}
|
|
.v-input--horizontal .v-input__append {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.v-input__details {
|
|
align-items: flex-end;
|
|
display: flex;
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
grid-area: messages;
|
|
letter-spacing: 0.0333333333em;
|
|
line-height: normal;
|
|
min-height: 22px;
|
|
padding-top: 6px;
|
|
overflow: hidden;
|
|
justify-content: space-between;
|
|
}
|
|
.v-input__details > .v-icon,
|
|
.v-input__prepend > .v-icon,
|
|
.v-input__append > .v-icon {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
.v-input--disabled .v-input__details > .v-icon,
|
|
.v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
|
|
.v-input--error .v-input__details .v-messages,
|
|
.v-input--disabled .v-input__prepend > .v-icon,
|
|
.v-input--disabled .v-input__prepend .v-messages,
|
|
.v-input--error .v-input__prepend > .v-icon,
|
|
.v-input--error .v-input__prepend .v-messages,
|
|
.v-input--disabled .v-input__append > .v-icon,
|
|
.v-input--disabled .v-input__append .v-messages,
|
|
.v-input--error .v-input__append > .v-icon,
|
|
.v-input--error .v-input__append .v-messages {
|
|
opacity: 1;
|
|
}
|
|
.v-input--glow.v-input--focused .v-input__details > .v-icon,
|
|
.v-input--glow.v-input--focused .v-input__prepend > .v-icon,
|
|
.v-input--glow.v-input--focused .v-input__append > .v-icon {
|
|
opacity: 1;
|
|
}
|
|
.v-input--disabled .v-input__details,
|
|
.v-input--disabled .v-input__prepend,
|
|
.v-input--disabled .v-input__append {
|
|
opacity: var(--v-disabled-opacity);
|
|
}
|
|
.v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
|
|
.v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
|
|
.v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
|
|
.v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
|
|
.v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
|
|
.v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-input__prepend,
|
|
.v-input__append {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding-top: var(--v-input-padding-top);
|
|
}
|
|
.v-input--center-affix .v-input__prepend,
|
|
.v-input--center-affix .v-input__append {
|
|
align-items: center;
|
|
padding-top: 0;
|
|
}
|
|
.v-input__prepend {
|
|
grid-area: prepend;
|
|
}
|
|
.v-input__append {
|
|
grid-area: append;
|
|
}
|
|
.v-input__control {
|
|
display: flex;
|
|
grid-area: control;
|
|
}
|
|
.v-input--hide-spin-buttons input::-webkit-outer-spin-button,
|
|
.v-input--hide-spin-buttons input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.v-input--hide-spin-buttons input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.v-input--plain-underlined .v-input__prepend,
|
|
.v-input--plain-underlined .v-input__append {
|
|
align-items: flex-start;
|
|
}
|
|
.v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
|
|
padding-top: calc(var(--v-input-padding-top) + 4px);
|
|
}
|
|
.v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
|
|
padding-top: calc(var(--v-input-padding-top) + 2px);
|
|
}
|
|
.v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
|
|
padding-top: calc(var(--v-input-padding-top) + 0px);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-img {
|
|
--v-theme-overlay-multiplier: 3;
|
|
z-index: 0;
|
|
}
|
|
.v-img.v-img--absolute {
|
|
height: 100%;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: -1;
|
|
}
|
|
.v-img.v-img--fit-content {
|
|
max-width: fit-content;
|
|
}
|
|
.v-img.v-img--fit-content > .v-img__img {
|
|
position: relative;
|
|
}
|
|
.v-img.v-img--fit-content > .v-responsive__sizer {
|
|
display: none;
|
|
}
|
|
.v-img--booting .v-responsive__sizer {
|
|
transition: none;
|
|
}
|
|
.v-img--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.v-img__img,
|
|
.v-img__picture,
|
|
.v-img__gradient,
|
|
.v-img__placeholder,
|
|
.v-img__error {
|
|
z-index: -1;
|
|
}
|
|
.v-img__img,
|
|
.v-img__picture,
|
|
.v-img__gradient,
|
|
.v-img__placeholder,
|
|
.v-img__error {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-img__img--preload {
|
|
filter: blur(4px);
|
|
}
|
|
.v-img__img--contain {
|
|
object-fit: contain;
|
|
}
|
|
.v-img__img--cover {
|
|
object-fit: cover;
|
|
}
|
|
.v-img__gradient {
|
|
background-repeat: no-repeat;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-infinite-scroll--horizontal {
|
|
display: flex;
|
|
flex-direction: row;
|
|
overflow-x: auto;
|
|
}
|
|
.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
|
|
height: 100%;
|
|
width: var(--v-infinite-margin-size, 1px);
|
|
}
|
|
.v-infinite-scroll--vertical {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow-y: auto;
|
|
}
|
|
.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
|
|
height: 1px;
|
|
width: 100%;
|
|
}
|
|
.v-infinite-scroll-intersect {
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
margin-top: var(--v-infinite-margin);
|
|
margin-bottom: calc(var(--v-infinite-margin) * -1);
|
|
}
|
|
.v-infinite-scroll-intersect:nth-child(2) {
|
|
--v-infinite-margin: var(--v-infinite-margin-size, 1px);
|
|
}
|
|
.v-infinite-scroll-intersect:nth-last-child(2) {
|
|
--v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
|
|
}
|
|
.v-infinite-scroll__side {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 8px;
|
|
transition-property: padding;
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-infinite-scroll__side:empty, .v-infinite-scroll__side:has(> div:only-child:empty) {
|
|
padding: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-label {
|
|
align-items: center;
|
|
color: inherit;
|
|
display: inline-flex;
|
|
font-size: 1rem;
|
|
letter-spacing: 0.009375em;
|
|
min-width: 0;
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.v-label--clickable {
|
|
cursor: pointer;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-item-group {
|
|
flex: 0 1 auto;
|
|
max-width: 100%;
|
|
position: relative;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-list {
|
|
overflow: auto;
|
|
padding: 8px 0;
|
|
position: relative;
|
|
outline: none;
|
|
}
|
|
.v-list {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-list--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-list {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-list {
|
|
border-radius: 0;
|
|
}
|
|
.v-list {
|
|
background: rgba(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-list--disabled {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.v-list--nav {
|
|
padding-inline: 8px;
|
|
}
|
|
.v-list--nav .v-list-item:not(:first-child),
|
|
.v-list--nav .v-list-group:not(:first-child) > .v-list-item,
|
|
.v-list--nav .v-list-group__items > .v-list-item,
|
|
.v-list--nav .v-list-group__items > .v-list-group {
|
|
margin-top: 4px;
|
|
}
|
|
.v-list--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.v-list--subheader {
|
|
padding-top: 0;
|
|
}
|
|
.v-list-img {
|
|
border-radius: inherit;
|
|
display: flex;
|
|
height: 100%;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: -1;
|
|
}
|
|
.v-list-subheader {
|
|
align-items: center;
|
|
background: inherit;
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-medium-emphasis-opacity) * 100%), transparent);
|
|
display: flex;
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.375rem;
|
|
padding-inline-end: 16px;
|
|
min-height: 40px;
|
|
transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-list-subheader__text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.v-list--density-default .v-list-subheader {
|
|
min-height: 40px;
|
|
padding-inline-start: calc(16px + var(--indent-padding));
|
|
}
|
|
.v-list--density-comfortable .v-list-subheader {
|
|
min-height: 36px;
|
|
padding-inline-start: calc(16px + var(--indent-padding));
|
|
}
|
|
.v-list--density-compact .v-list-subheader {
|
|
min-height: 32px;
|
|
padding-inline-start: calc(16px + var(--indent-padding));
|
|
}
|
|
.v-list-subheader--inset {
|
|
--indent-padding: 56px;
|
|
}
|
|
.v-list--nav .v-list-subheader {
|
|
font-size: 0.75rem;
|
|
}
|
|
.v-list-subheader--sticky {
|
|
background: inherit;
|
|
left: 0;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1;
|
|
}
|
|
.v-list__overlay {
|
|
background-color: currentColor;
|
|
border-radius: inherit;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-list-item {
|
|
align-items: center;
|
|
display: grid;
|
|
flex: none;
|
|
grid-template-areas: "prepend content append";
|
|
grid-template-columns: max-content 1fr auto;
|
|
outline: none;
|
|
max-width: 100%;
|
|
padding: 4px 16px;
|
|
position: relative;
|
|
text-decoration: none;
|
|
}
|
|
.v-list-item {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-list-item--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-list-item:hover > .v-list-item__overlay {
|
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-list-item:focus-visible > .v-list-item__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-list-item:focus > .v-list-item__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-list-item--active > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true] > .v-list-item__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-list-item {
|
|
border-radius: 0;
|
|
}
|
|
.v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.v-list-item--variant-plain {
|
|
opacity: 0.62;
|
|
}
|
|
.v-list-item--variant-plain:focus, .v-list-item--variant-plain:hover {
|
|
opacity: 1;
|
|
}
|
|
.v-list-item--variant-plain .v-list-item__overlay {
|
|
display: none;
|
|
}
|
|
.v-list-item--variant-elevated, .v-list-item--variant-flat {
|
|
background: rgba(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-list-item--variant-elevated {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-list-item--variant-flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-list-item--variant-outlined {
|
|
border: thin solid currentColor;
|
|
}
|
|
.v-list-item--variant-text .v-list-item__overlay {
|
|
background: currentColor;
|
|
}
|
|
.v-list-item--variant-tonal .v-list-item__underlay {
|
|
background: currentColor;
|
|
opacity: var(--v-activated-opacity);
|
|
border-radius: inherit;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-list-item .v-list-item__underlay {
|
|
position: absolute;
|
|
}
|
|
.v-list-item--focus-visible .v-list-item__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports selector(:focus-visible) {
|
|
.v-list-item::after {
|
|
pointer-events: none;
|
|
border: 2px solid currentColor;
|
|
border-radius: 4px;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
.v-list-item::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-list-item:focus-visible::after, .v-list-item--focus-visible::after {
|
|
opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-list-item__prepend > .v-badge .v-icon,
|
|
.v-list-item__prepend > .v-icon, .v-list-item__append > .v-badge .v-icon,
|
|
.v-list-item__append > .v-icon {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
.v-list-item--active .v-list-item__prepend > .v-badge .v-icon,
|
|
.v-list-item--active .v-list-item__prepend > .v-icon,
|
|
.v-list-item--active .v-list-item__append > .v-badge .v-icon,
|
|
.v-list-item--active .v-list-item__append > .v-icon {
|
|
opacity: 1;
|
|
}
|
|
.v-list-item--active:not(.v-list-item--link) .v-list-item__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-list-item--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.v-list-item--disabled {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
opacity: 0.6;
|
|
}
|
|
.v-list-item--link {
|
|
cursor: pointer;
|
|
}
|
|
.v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item .v-avatar, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item .v-avatar {
|
|
--v-avatar-height: 24px;
|
|
}
|
|
.v-list-item__prepend {
|
|
align-items: center;
|
|
align-self: center;
|
|
display: flex;
|
|
grid-area: prepend;
|
|
}
|
|
.v-list-item__prepend * ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap);
|
|
}
|
|
.v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
|
|
.v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
|
|
.v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 32px);
|
|
}
|
|
.v-list-item__prepend > .v-avatar ~ .v-list-item__spacer,
|
|
.v-list-item__prepend > .v-badge:is(:has(.v-avatar)) ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 16px);
|
|
}
|
|
.v-list-item--slim .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
|
|
.v-list-item--slim .v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
|
|
.v-list-item--slim .v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 20px);
|
|
}
|
|
.v-list-item--slim .v-list-item__prepend > .v-avatar ~ .v-list-item__spacer,
|
|
.v-list-item--slim .v-list-item__prepend > .v-badge:is(:has(.v-avatar)) ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 4px);
|
|
}
|
|
.v-list-item--slim .v-list-item__prepend > .v-list-item-action ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 4px);
|
|
}
|
|
.v-list-item--three-line .v-list-item__prepend {
|
|
align-self: start;
|
|
}
|
|
.v-list-item__append {
|
|
align-self: center;
|
|
display: flex;
|
|
align-items: center;
|
|
grid-area: append;
|
|
}
|
|
.v-list-item__append .v-list-item__spacer {
|
|
order: -1;
|
|
transition: 150ms width cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-list-item__append * ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap);
|
|
}
|
|
.v-list-item__append > .v-badge ~ .v-list-item__spacer,
|
|
.v-list-item__append > .v-icon ~ .v-list-item__spacer,
|
|
.v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 32px);
|
|
}
|
|
.v-list-item__append > .v-avatar ~ .v-list-item__spacer,
|
|
.v-list-item__append > .v-badge:is(:has(.v-avatar)) ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 16px);
|
|
}
|
|
.v-list-item__append > .v-list-item-action ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 16px);
|
|
}
|
|
.v-list-item--slim .v-list-item__append > .v-badge ~ .v-list-item__spacer,
|
|
.v-list-item--slim .v-list-item__append > .v-icon ~ .v-list-item__spacer,
|
|
.v-list-item--slim .v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
|
|
width: var(--v-list-slim-spacer-width, 20px);
|
|
}
|
|
.v-list-item--slim .v-list-item__append > .v-avatar ~ .v-list-item__spacer,
|
|
.v-list-item--slim .v-list-item__append > .v-badge:is(:has(.v-avatar)) ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 4px);
|
|
}
|
|
.v-list-item--slim .v-list-item__append > .v-list-item-action ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 4px);
|
|
}
|
|
.v-list-item--three-line .v-list-item__append {
|
|
align-self: start;
|
|
}
|
|
.v-list-item__content {
|
|
align-self: center;
|
|
grid-area: content;
|
|
overflow: hidden;
|
|
min-width: 40px;
|
|
}
|
|
.v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item__content, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item__content {
|
|
min-width: 0;
|
|
}
|
|
.v-list-item-action {
|
|
align-self: center;
|
|
display: flex;
|
|
align-items: center;
|
|
flex: none;
|
|
transition: inherit;
|
|
transition-property: height, width;
|
|
}
|
|
.v-list-item-action--start {
|
|
margin-inline-end: 8px;
|
|
margin-inline-start: -8px;
|
|
}
|
|
.v-list-item-action--end {
|
|
margin-inline-start: 8px;
|
|
margin-inline-end: -8px;
|
|
}
|
|
.v-list-item-media {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.v-list-item-media--start {
|
|
margin-inline-end: 16px;
|
|
}
|
|
.v-list-item-media--end {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.v-list-item--two-line .v-list-item-media {
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
}
|
|
.v-list-item--three-line .v-list-item-media {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.v-list-item-subtitle {
|
|
-webkit-box-orient: vertical;
|
|
display: -webkit-box;
|
|
opacity: var(--v-list-item-subtitle-opacity, var(--v-medium-emphasis-opacity));
|
|
overflow: hidden;
|
|
padding: 0;
|
|
text-overflow: ellipsis;
|
|
overflow-wrap: break-word;
|
|
word-break: initial;
|
|
}
|
|
.v-list-item--one-line .v-list-item-subtitle {
|
|
-webkit-line-clamp: 1;
|
|
}
|
|
.v-list-item--two-line .v-list-item-subtitle {
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
.v-list-item--three-line .v-list-item-subtitle {
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
.v-list-item-subtitle {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0.0178571429em;
|
|
line-height: 1rem;
|
|
text-transform: none;
|
|
}
|
|
.v-list-item--nav .v-list-item-subtitle {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0.0178571429em;
|
|
line-height: 1rem;
|
|
}
|
|
.v-list-item-title {
|
|
hyphens: auto;
|
|
overflow-wrap: normal;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
word-break: normal;
|
|
word-wrap: break-word;
|
|
}
|
|
.v-list-item-title {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0.03125em;
|
|
line-height: 1.5;
|
|
text-transform: none;
|
|
}
|
|
.v-list-item--nav .v-list-item-title {
|
|
font-size: 0.8125rem;
|
|
font-weight: 500;
|
|
letter-spacing: normal;
|
|
line-height: 1rem;
|
|
}
|
|
.v-list-item--density-default {
|
|
min-height: 40px;
|
|
}
|
|
.v-list-item--density-default.v-list-item--one-line {
|
|
min-height: 48px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.v-list-item--density-default.v-list-item--two-line {
|
|
min-height: 64px;
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.v-list-item--density-default.v-list-item--three-line {
|
|
min-height: 88px;
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.v-list-item--density-default.v-list-item--three-line .v-list-item__prepend,
|
|
.v-list-item--density-default.v-list-item--three-line .v-list-item__append {
|
|
padding-top: 8px;
|
|
}
|
|
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--two-line {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--three-line {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-list-item--density-comfortable {
|
|
min-height: 36px;
|
|
}
|
|
.v-list-item--density-comfortable.v-list-item--one-line {
|
|
min-height: 44px;
|
|
}
|
|
.v-list-item--density-comfortable.v-list-item--two-line {
|
|
min-height: 60px;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.v-list-item--density-comfortable.v-list-item--three-line {
|
|
min-height: 84px;
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__prepend,
|
|
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__append {
|
|
padding-top: 6px;
|
|
}
|
|
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--two-line {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--three-line {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-list-item--density-compact {
|
|
min-height: 32px;
|
|
}
|
|
.v-list-item--density-compact.v-list-item--one-line {
|
|
min-height: 40px;
|
|
}
|
|
.v-list-item--density-compact.v-list-item--two-line {
|
|
min-height: 56px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.v-list-item--density-compact.v-list-item--three-line {
|
|
min-height: 80px;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.v-list-item--density-compact.v-list-item--three-line .v-list-item__prepend,
|
|
.v-list-item--density-compact.v-list-item--three-line .v-list-item__append {
|
|
padding-top: 4px;
|
|
}
|
|
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--two-line {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--three-line {
|
|
padding-inline: 16px;
|
|
}
|
|
.v-list-item--nav {
|
|
padding-inline: 8px;
|
|
}
|
|
.v-list-item__underlay {
|
|
position: absolute;
|
|
}
|
|
.v-list-item__overlay {
|
|
background-color: currentColor;
|
|
border-radius: inherit;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: 0.2s ease-in-out;
|
|
transition-property: opacity, color;
|
|
}
|
|
.v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
|
|
--v-theme-overlay-multiplier: 0;
|
|
}
|
|
.v-list {
|
|
--indent-padding: 0px;
|
|
}
|
|
.v-list--nav {
|
|
--indent-padding: -8px;
|
|
}
|
|
.v-list-group {
|
|
--list-indent-size: 16px;
|
|
--parent-padding: var(--indent-padding);
|
|
--prepend-width: var(--v-list-group-prepend, 40px);
|
|
}
|
|
.v-list--slim .v-list-group {
|
|
--prepend-width: var(--v-list-group-prepend, 28px);
|
|
}
|
|
.v-list-group--fluid {
|
|
--list-indent-size: 0px;
|
|
}
|
|
.v-list-group--prepend {
|
|
--parent-padding: calc(var(--indent-padding) + var(--prepend-width));
|
|
}
|
|
.v-list-group--fluid.v-list-group--prepend {
|
|
--parent-padding: var(--indent-padding);
|
|
}
|
|
.v-list-group__items {
|
|
--indent-padding: calc(var(--parent-padding) + var(--v-list-indent, var(--list-indent-size)));
|
|
min-width: min-content;
|
|
}
|
|
.v-navigation-drawer--rail .v-list-group__items {
|
|
min-width: 0;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-list-group__items .v-list-item {
|
|
padding-inline-start: calc(16px + var(--indent-padding));
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:not(:focus-visible) .v-list-item__overlay {
|
|
opacity: 0;
|
|
}
|
|
.v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
|
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-list-item--link:not(.v-list-item--active) {
|
|
color: buttontext;
|
|
}
|
|
.v-list-item--link[href]:not(.v-list-item--active) {
|
|
color: unset;
|
|
}
|
|
.v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-],
|
|
.v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-] > *,
|
|
.v-list-item--active:not(.v-list-item--disabled) .v-icon {
|
|
color: highlight;
|
|
}
|
|
.v-list-item--active:not(.v-list-item--variant-text, .v-list-item--variant-plain):not(.v-list-item--disabled) {
|
|
background: highlight;
|
|
}
|
|
.v-list-item--active:not(.v-list-item--variant-text, .v-list-item--variant-plain):not(.v-list-item--disabled) [class*=v-list-item-],
|
|
.v-list-item--active:not(.v-list-item--variant-text, .v-list-item--variant-plain):not(.v-list-item--disabled) [class*=v-list-item-] > *,
|
|
.v-list-item--active:not(.v-list-item--variant-text, .v-list-item--variant-plain):not(.v-list-item--disabled) .v-icon {
|
|
opacity: 1;
|
|
color: highlighttext;
|
|
forced-color-adjust: preserve-parent-color;
|
|
}
|
|
.v-list-item--focus-visible::after {
|
|
opacity: 1;
|
|
}
|
|
@supports selector(:focus-visible) {
|
|
.v-list-item::after {
|
|
color: buttontext;
|
|
}
|
|
.v-list-item:focus-visible::after {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-locale-provider {
|
|
display: contents;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-menu > .v-overlay__content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.v-menu > .v-overlay__content {
|
|
border-radius: 4px;
|
|
}
|
|
.v-menu > .v-overlay__content > .v-card,
|
|
.v-menu > .v-overlay__content > .v-sheet,
|
|
.v-menu > .v-overlay__content > .v-list {
|
|
background: rgb(var(--v-theme-surface));
|
|
border-radius: inherit;
|
|
overflow: auto;
|
|
height: 100%;
|
|
}
|
|
.v-menu > .v-overlay__content > .v-card,
|
|
.v-menu > .v-overlay__content > .v-sheet,
|
|
.v-menu > .v-overlay__content > .v-list {
|
|
box-shadow: 0px 1px 3px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 4px 8px 3px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 6%, transparent);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-layout {
|
|
--v-scrollbar-offset: 0px;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
}
|
|
.v-layout--full-height {
|
|
--v-scrollbar-offset: inherit;
|
|
height: 100%;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-layout-item {
|
|
position: absolute;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-layout-item--absolute {
|
|
position: absolute;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-number-input input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
.v-number-input .v-field:has(.v-field__prepend-inner > .v-number-input__control:first-child) {
|
|
padding-inline-start: 0;
|
|
}
|
|
.v-number-input .v-field:has(.v-field__append-inner > .v-number-input__control:last-child) {
|
|
padding-inline-end: 0;
|
|
}
|
|
.v-number-input .v-field__prepend-inner:has(.v-number-input__control) {
|
|
overflow: hidden;
|
|
border-start-start-radius: inherit;
|
|
border-end-start-radius: inherit;
|
|
}
|
|
.v-number-input .v-field__prepend-inner:has(.v-number-input__control) > .v-icon {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.v-number-input .v-field__prepend-inner:has(.v-number-input__control) > hr + .v-icon,
|
|
.v-number-input .v-field__prepend-inner:has(.v-number-input__control) > .v-number-input__control + .v-icon {
|
|
margin-inline: 8px 0;
|
|
}
|
|
.v-number-input .v-field__prepend-inner:has(.v-number-input__control) .v-divider--vertical {
|
|
margin-inline: -1px 0;
|
|
}
|
|
.v-number-input .v-field__append-inner:has(.v-number-input__control) {
|
|
overflow: hidden;
|
|
border-start-end-radius: inherit;
|
|
border-end-end-radius: inherit;
|
|
}
|
|
.v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon {
|
|
margin-inline-start: 4px;
|
|
}
|
|
.v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon:has(+ hr),
|
|
.v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon:has(+ .v-number-input__control) {
|
|
margin-inline: 0 8px;
|
|
}
|
|
.v-number-input .v-field__append-inner:has(.v-number-input__control) .v-divider--vertical {
|
|
margin-inline: 0 -1px;
|
|
}
|
|
.v-number-input .v-field__clearable:has(+ .v-field__append-inner > hr:first-child) {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-number-input--inset .v-divider {
|
|
height: 55%;
|
|
width: 55%;
|
|
align-self: center;
|
|
}
|
|
.v-number-input--split .v-field__input {
|
|
text-align: center;
|
|
}
|
|
.v-number-input--stacked .v-number-input__control {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.v-number-input--stacked .v-number-input__control .v-btn {
|
|
flex: 1;
|
|
}
|
|
.v-number-input--stacked .v-field--variant-underlined > .v-field__prepend-inner:has(.v-number-input__control),
|
|
.v-number-input--stacked .v-field--variant-underlined > .v-field__append-inner:has(.v-number-input__control) {
|
|
padding-top: var(--v-field-padding-top);
|
|
}
|
|
.v-number-input--stacked .v-field--variant-underlined > .v-field__prepend-inner:has(.v-number-input__control) > *:not(.v-number-input__control, .v-divider--vertical),
|
|
.v-number-input--stacked .v-field--variant-underlined > .v-field__append-inner:has(.v-number-input__control) > *:not(.v-number-input__control, .v-divider--vertical) {
|
|
margin-top: var(--v-input-padding-top, 0);
|
|
}
|
|
.v-number-input--hide-input .v-field {
|
|
flex: none;
|
|
gap: 0;
|
|
}
|
|
.v-number-input--hide-input .v-field__input {
|
|
width: 0;
|
|
padding-inline: 0;
|
|
}
|
|
.v-number-input__control {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
.v-number-input__control .v-btn {
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-pagination__list {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline-flex;
|
|
list-style-type: none;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
.v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
|
|
margin: 0.3rem;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-messages {
|
|
flex: 1 1 auto;
|
|
font-size: 12px;
|
|
min-height: 14px;
|
|
min-width: 1px;
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
position: relative;
|
|
}
|
|
.v-messages__message {
|
|
line-height: 12px;
|
|
word-break: break-word;
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
hyphens: auto;
|
|
transition-duration: 150ms;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-main {
|
|
flex: 1 0 auto;
|
|
max-width: 100%;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
padding-left: var(--v-layout-left);
|
|
padding-right: var(--v-layout-right);
|
|
padding-top: var(--v-layout-top);
|
|
padding-bottom: var(--v-layout-bottom);
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-main {
|
|
transition: none;
|
|
}
|
|
}
|
|
.v-main__scroller {
|
|
max-width: 100%;
|
|
position: relative;
|
|
}
|
|
.v-main--scrollable {
|
|
display: flex;
|
|
}
|
|
.v-main--scrollable {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-main--scrollable > .v-main__scroller {
|
|
flex: 1 1 auto;
|
|
overflow-y: auto;
|
|
--v-layout-left: 0px;
|
|
--v-layout-right: 0px;
|
|
--v-layout-top: 0px;
|
|
--v-layout-bottom: 0px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-navigation-drawer {
|
|
-webkit-overflow-scrolling: touch;
|
|
background: rgb(var(--v-theme-surface));
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
pointer-events: auto;
|
|
transition-duration: 0.2s;
|
|
transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
position: absolute;
|
|
}
|
|
.v-navigation-drawer {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-navigation-drawer--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-navigation-drawer {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-navigation-drawer {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-navigation-drawer {
|
|
transition: none;
|
|
}
|
|
}
|
|
.v-navigation-drawer--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.v-navigation-drawer--top {
|
|
top: 0;
|
|
border-bottom-width: thin;
|
|
}
|
|
.v-navigation-drawer--bottom {
|
|
left: 0;
|
|
border-top-width: thin;
|
|
}
|
|
.v-navigation-drawer--left {
|
|
top: 0;
|
|
left: 0;
|
|
right: auto;
|
|
border-right-width: thin;
|
|
}
|
|
.v-navigation-drawer--right {
|
|
top: 0;
|
|
left: auto;
|
|
right: 0;
|
|
border-left-width: thin;
|
|
}
|
|
.v-navigation-drawer--floating {
|
|
border: none;
|
|
}
|
|
.v-navigation-drawer--temporary.v-navigation-drawer--active {
|
|
box-shadow: 0px 2px 3px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 6px 10px 4px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 8%, transparent);
|
|
}
|
|
.v-navigation-drawer--sticky {
|
|
height: auto;
|
|
transition: box-shadow, transform, visibility, width, height, left, right;
|
|
}
|
|
.v-navigation-drawer .v-list {
|
|
overflow: hidden;
|
|
}
|
|
.v-navigation-drawer__content {
|
|
flex: 0 1 auto;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
.v-navigation-drawer__img {
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: -1;
|
|
}
|
|
.v-navigation-drawer__img img:not(.v-img__img) {
|
|
height: inherit;
|
|
object-fit: cover;
|
|
width: inherit;
|
|
}
|
|
.v-navigation-drawer__scrim {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: black;
|
|
opacity: 0.2;
|
|
transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
z-index: 1;
|
|
}
|
|
.v-navigation-drawer__prepend,
|
|
.v-navigation-drawer__append {
|
|
flex: none;
|
|
overflow: hidden;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-overlay-container {
|
|
contain: layout;
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
display: contents;
|
|
}
|
|
.v-overlay {
|
|
--v-overlay-opacity: 0.32;
|
|
border-radius: inherit;
|
|
display: flex;
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.v-overlay__content {
|
|
outline: none;
|
|
position: absolute;
|
|
pointer-events: auto;
|
|
contain: layout;
|
|
}
|
|
.v-overlay__scrim {
|
|
pointer-events: auto;
|
|
background: #000;
|
|
border-radius: inherit;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: var(--v-overlay-opacity);
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
.v-overlay--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-overlay--contained .v-overlay__scrim {
|
|
position: absolute;
|
|
}
|
|
.v-overlay--scroll-blocked {
|
|
padding-inline-end: var(--v-scrollbar-offset);
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
.v-overlay-scroll-blocked {
|
|
padding-inline-end: var(--v-scrollbar-offset);
|
|
}
|
|
.v-overlay-scroll-blocked:not(html) {
|
|
overflow-y: hidden;
|
|
}
|
|
html.v-overlay-scroll-blocked {
|
|
position: fixed;
|
|
top: var(--v-body-scroll-y);
|
|
left: var(--v-body-scroll-x);
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-overlay-scroll-blocked .v-navigation-drawer--right.v-navigation-drawer--active {
|
|
margin-right: var(--v-scrollbar-offset);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-progress-linear {
|
|
background: transparent;
|
|
overflow: hidden;
|
|
position: relative;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1), mask-size 0s;
|
|
width: 100%;
|
|
}
|
|
.v-progress-linear--rounded {
|
|
border-radius: 9999px;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-progress-linear {
|
|
border: thin solid buttontext;
|
|
}
|
|
}
|
|
.v-progress-linear__background,
|
|
.v-progress-linear__buffer {
|
|
background: currentColor;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: var(--v-border-opacity);
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
transition-property: width, left, right;
|
|
transition: inherit;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-progress-linear__buffer {
|
|
background-color: highlight;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-progress-linear__content {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.v-progress-linear--clickable .v-progress-linear__content {
|
|
pointer-events: none;
|
|
}
|
|
.v-progress-linear__determinate,
|
|
.v-progress-linear__indeterminate {
|
|
background: currentColor;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-progress-linear__determinate,
|
|
.v-progress-linear__indeterminate {
|
|
background-color: highlight;
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-progress-linear__determinate {
|
|
height: inherit;
|
|
left: 0;
|
|
position: absolute;
|
|
transition: inherit;
|
|
transition-property: width, left, right;
|
|
}
|
|
.v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
|
|
animation-play-state: paused;
|
|
animation-duration: 2.2s;
|
|
animation-iteration-count: infinite;
|
|
bottom: 0;
|
|
height: inherit;
|
|
left: 0;
|
|
position: absolute;
|
|
right: auto;
|
|
top: 0;
|
|
width: auto;
|
|
}
|
|
.v-progress-linear__indeterminate .long {
|
|
animation-name: indeterminate-ltr;
|
|
}
|
|
.v-progress-linear__indeterminate .short {
|
|
animation-name: indeterminate-short-ltr;
|
|
}
|
|
.v-progress-linear__stream {
|
|
animation: stream 0.25s infinite linear;
|
|
animation-play-state: paused;
|
|
bottom: 0;
|
|
left: auto;
|
|
opacity: 0.3;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transition: inherit;
|
|
transition-property: width, left, right;
|
|
}
|
|
.v-progress-linear--reverse .v-progress-linear__background,
|
|
.v-progress-linear--reverse .v-progress-linear__determinate,
|
|
.v-progress-linear--reverse .v-progress-linear__content {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.v-progress-linear--reverse .v-progress-linear__indeterminate .long {
|
|
animation-name: indeterminate-rtl;
|
|
}
|
|
.v-progress-linear--reverse .v-progress-linear__indeterminate .short {
|
|
animation-name: indeterminate-short-rtl;
|
|
}
|
|
.v-progress-linear--reverse .v-progress-linear__stream {
|
|
right: auto;
|
|
}
|
|
.v-progress-linear--absolute,
|
|
.v-progress-linear--fixed {
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
.v-progress-linear--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-progress-linear--fixed {
|
|
position: fixed;
|
|
}
|
|
.v-progress-linear--rounded {
|
|
border-radius: 9999px;
|
|
}
|
|
.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
|
|
.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
|
|
border-radius: inherit;
|
|
}
|
|
.v-progress-linear--striped .v-progress-linear__determinate {
|
|
animation: progress-linear-stripes 1s infinite linear;
|
|
background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
|
|
background-repeat: repeat;
|
|
background-size: var(--v-progress-linear-height);
|
|
}
|
|
.v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
|
|
animation-play-state: running;
|
|
}
|
|
.v-progress-linear--active .v-progress-linear__stream {
|
|
animation-play-state: running;
|
|
}
|
|
.v-progress-linear--rounded-bar .v-progress-linear__determinate,
|
|
.v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
|
|
.v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
|
|
border-radius: 9999px;
|
|
}
|
|
.v-progress-linear--rounded-bar .v-progress-linear__determinate {
|
|
border-start-start-radius: 0;
|
|
border-end-start-radius: 0;
|
|
}
|
|
@keyframes indeterminate-ltr {
|
|
0% {
|
|
left: -90%;
|
|
right: 100%;
|
|
}
|
|
60% {
|
|
left: -90%;
|
|
right: 100%;
|
|
}
|
|
100% {
|
|
left: 100%;
|
|
right: -35%;
|
|
}
|
|
}
|
|
@keyframes indeterminate-rtl {
|
|
0% {
|
|
left: 100%;
|
|
right: -90%;
|
|
}
|
|
60% {
|
|
left: 100%;
|
|
right: -90%;
|
|
}
|
|
100% {
|
|
left: -35%;
|
|
right: 100%;
|
|
}
|
|
}
|
|
@keyframes indeterminate-short-ltr {
|
|
0% {
|
|
left: -200%;
|
|
right: 100%;
|
|
}
|
|
60% {
|
|
left: 107%;
|
|
right: -8%;
|
|
}
|
|
100% {
|
|
left: 107%;
|
|
right: -8%;
|
|
}
|
|
}
|
|
@keyframes indeterminate-short-rtl {
|
|
0% {
|
|
left: 100%;
|
|
right: -200%;
|
|
}
|
|
60% {
|
|
left: -8%;
|
|
right: 107%;
|
|
}
|
|
100% {
|
|
left: -8%;
|
|
right: 107%;
|
|
}
|
|
}
|
|
@keyframes stream {
|
|
to {
|
|
transform: translateX(var(--v-progress-linear-stream-to));
|
|
}
|
|
}
|
|
@keyframes progress-linear-stripes {
|
|
0% {
|
|
background-position-x: var(--v-progress-linear-height);
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-radio-group > .v-input__control {
|
|
flex-direction: column;
|
|
}
|
|
.v-radio-group > .v-input__control > .v-label {
|
|
margin-inline-start: 16px;
|
|
}
|
|
.v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
|
|
padding-inline-start: 6px;
|
|
margin-top: 8px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-otp-input {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 0.5rem 0;
|
|
position: relative;
|
|
}
|
|
.v-otp-input {
|
|
border-radius: 4px;
|
|
}
|
|
.v-otp-input .v-field {
|
|
height: 100%;
|
|
}
|
|
.v-otp-input .v-field .v-field__outline__start, .v-otp-input .v-field .v-field__outline__end {
|
|
flex: 1;
|
|
}
|
|
.v-otp-input .v-field input::placeholder {
|
|
color: currentColor;
|
|
opacity: var(--v-disabled-opacity);
|
|
}
|
|
.v-otp-input .v-field.v-field--focused input::placeholder {
|
|
opacity: 0;
|
|
}
|
|
.v-otp-input__divider {
|
|
margin: 0 8px;
|
|
}
|
|
.v-otp-input__content {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
padding: 0.5rem;
|
|
justify-content: center;
|
|
max-width: 320px;
|
|
position: relative;
|
|
border-radius: inherit;
|
|
}
|
|
.v-otp-input--divided .v-otp-input__content {
|
|
max-width: 360px;
|
|
}
|
|
.v-otp-input--density-default .v-otp-input__content {
|
|
height: 64px;
|
|
}
|
|
.v-otp-input--density-comfortable .v-otp-input__content {
|
|
height: 60px;
|
|
}
|
|
.v-otp-input--density-compact .v-otp-input__content {
|
|
height: 56px;
|
|
}
|
|
.v-otp-input__field {
|
|
padding: 0;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
font: inherit;
|
|
border-style: none;
|
|
color: inherit;
|
|
background-color: transparent;
|
|
font-size: 1.25rem;
|
|
height: 100%;
|
|
outline: none;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.v-otp-input__field[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.v-otp-input__loader {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
.v-otp-input__loader .v-progress-linear {
|
|
position: absolute;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-parallax {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.v-parallax--active > .v-img__img {
|
|
will-change: transform;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-progress-circular {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
.v-progress-circular > svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 0;
|
|
}
|
|
.v-progress-circular__content {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.v-progress-circular__underlay {
|
|
color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
stroke: currentColor;
|
|
z-index: 1;
|
|
}
|
|
.v-progress-circular__overlay {
|
|
stroke: currentColor;
|
|
transition: all 0.2s ease-in-out, stroke-width 0s;
|
|
z-index: 2;
|
|
}
|
|
.v-progress-circular--revealing {
|
|
--progress-reveal-duration: $progress-circular-reveal-duration;
|
|
}
|
|
.v-progress-circular--revealing .v-progress-circular__overlay {
|
|
transition-duration: var(--progress-reveal-duration), 0s;
|
|
}
|
|
.v-progress-circular--size-x-small {
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
.v-progress-circular--size-small {
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
.v-progress-circular--size-default {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.v-progress-circular--size-large {
|
|
height: 48px;
|
|
width: 48px;
|
|
}
|
|
.v-progress-circular--size-x-large {
|
|
height: 64px;
|
|
width: 64px;
|
|
}
|
|
.v-progress-circular--indeterminate > svg {
|
|
animation: progress-circular-rotate 1.4s linear infinite;
|
|
transform-origin: center center;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
.v-progress-circular--indeterminate .v-progress-circular__overlay {
|
|
animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
|
|
stroke-dasharray: 25, 200;
|
|
stroke-dashoffset: 0;
|
|
stroke-linecap: round;
|
|
transform-origin: center center;
|
|
transform: rotate(-90deg);
|
|
}
|
|
.v-progress-circular--disable-shrink > svg {
|
|
animation-duration: 0.7s;
|
|
}
|
|
.v-progress-circular--disable-shrink .v-progress-circular__overlay {
|
|
animation: none;
|
|
}
|
|
.v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
|
|
.v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
|
|
animation-play-state: paused;
|
|
}
|
|
@keyframes progress-circular-dash {
|
|
0% {
|
|
stroke-dasharray: 1, 200;
|
|
stroke-dashoffset: 0px;
|
|
}
|
|
50% {
|
|
stroke-dasharray: 100, 200;
|
|
stroke-dashoffset: -15px;
|
|
}
|
|
100% {
|
|
stroke-dasharray: 100, 200;
|
|
stroke-dashoffset: -124px;
|
|
}
|
|
}
|
|
@keyframes progress-circular-rotate {
|
|
100% {
|
|
transform: rotate(270deg);
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-responsive {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.v-responsive--inline {
|
|
display: inline-flex;
|
|
flex: 0 0 auto;
|
|
}
|
|
.v-responsive__content {
|
|
flex: 1 0 0px;
|
|
max-width: 100%;
|
|
}
|
|
.v-responsive__sizer ~ .v-responsive__content {
|
|
margin-inline-start: -100%;
|
|
}
|
|
.v-responsive__sizer {
|
|
flex: 1 0 0px;
|
|
transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
pointer-events: none;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-sheet {
|
|
display: block;
|
|
}
|
|
.v-sheet {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-sheet--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-sheet {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-sheet--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-sheet--fixed {
|
|
position: fixed;
|
|
}
|
|
.v-sheet--relative {
|
|
position: relative;
|
|
}
|
|
.v-sheet--sticky {
|
|
position: sticky;
|
|
}
|
|
.v-sheet {
|
|
border-radius: 0;
|
|
}
|
|
.v-sheet {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-sheet--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-rating {
|
|
max-width: 100%;
|
|
display: inline-flex;
|
|
white-space: nowrap;
|
|
}
|
|
.v-rating--readonly {
|
|
pointer-events: none;
|
|
}
|
|
.v-rating__wrapper {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
}
|
|
.v-rating__wrapper--bottom {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.v-rating__item {
|
|
display: inline-flex;
|
|
position: relative;
|
|
}
|
|
.v-rating__item label {
|
|
cursor: pointer;
|
|
}
|
|
.v-rating__item .v-btn--variant-plain {
|
|
opacity: 1;
|
|
}
|
|
.v-rating__item .v-btn {
|
|
transition-property: transform;
|
|
}
|
|
.v-rating__item .v-btn .v-icon {
|
|
transition: inherit;
|
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
|
|
transform: scale(1.25);
|
|
}
|
|
.v-rating__item--half {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
|
|
z-index: 1;
|
|
}
|
|
.v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
|
|
opacity: 0;
|
|
}
|
|
.v-rating__hidden {
|
|
height: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-selection-control-group {
|
|
grid-area: control;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.v-selection-control-group--inline {
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-select--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
|
|
.v-select--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
|
|
.v-select--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
|
|
.v-select--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
|
|
top: 0px;
|
|
}
|
|
.v-select .v-field .v-text-field__prefix,
|
|
.v-select .v-field .v-text-field__suffix,
|
|
.v-select .v-field .v-field__input, .v-select .v-field.v-field {
|
|
cursor: pointer;
|
|
}
|
|
.v-select .v-field .v-field__input > input {
|
|
align-self: flex-start;
|
|
opacity: 1;
|
|
flex: 0 0;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
transition: none;
|
|
pointer-events: none;
|
|
caret-color: transparent;
|
|
padding-inline: inherit;
|
|
}
|
|
.v-select .v-field--dirty .v-select__selection {
|
|
margin-inline-end: 2px;
|
|
}
|
|
.v-select .v-select__selection-text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.v-select__content {
|
|
overflow: hidden;
|
|
}
|
|
.v-select__content {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-menu > .v-overlay__content.v-select__content {
|
|
border-radius: 4px;
|
|
}
|
|
.v-select__content > .v-sheet {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.v-select__mask {
|
|
background: rgb(var(--v-theme-surface-light));
|
|
}
|
|
.v-select__selection {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
letter-spacing: inherit;
|
|
line-height: inherit;
|
|
max-width: 100%;
|
|
}
|
|
.v-select .v-select__selection:first-child {
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-select--selected .v-field .v-field__input > input {
|
|
opacity: 0;
|
|
}
|
|
.v-select__menu-icon {
|
|
margin-inline-start: 4px;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-select--active-menu .v-select__menu-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-skeleton-loader {
|
|
align-items: center;
|
|
background: rgb(var(--v-theme-surface));
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
.v-skeleton-loader__actions {
|
|
justify-content: end;
|
|
}
|
|
.v-skeleton-loader .v-skeleton-loader__ossein {
|
|
height: 100%;
|
|
}
|
|
.v-skeleton-loader .v-skeleton-loader__avatar,
|
|
.v-skeleton-loader .v-skeleton-loader__button,
|
|
.v-skeleton-loader .v-skeleton-loader__chip,
|
|
.v-skeleton-loader .v-skeleton-loader__divider,
|
|
.v-skeleton-loader .v-skeleton-loader__heading,
|
|
.v-skeleton-loader .v-skeleton-loader__image,
|
|
.v-skeleton-loader .v-skeleton-loader__ossein,
|
|
.v-skeleton-loader .v-skeleton-loader__text {
|
|
background: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-border-opacity) * 100%), transparent);
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-skeleton-loader .v-skeleton-loader__avatar,
|
|
.v-skeleton-loader .v-skeleton-loader__button,
|
|
.v-skeleton-loader .v-skeleton-loader__chip,
|
|
.v-skeleton-loader .v-skeleton-loader__divider,
|
|
.v-skeleton-loader .v-skeleton-loader__heading,
|
|
.v-skeleton-loader .v-skeleton-loader__image,
|
|
.v-skeleton-loader .v-skeleton-loader__ossein,
|
|
.v-skeleton-loader .v-skeleton-loader__text {
|
|
background: canvastext;
|
|
}
|
|
}
|
|
.v-skeleton-loader .v-skeleton-loader__list-item,
|
|
.v-skeleton-loader .v-skeleton-loader__list-item-avatar,
|
|
.v-skeleton-loader .v-skeleton-loader__list-item-text,
|
|
.v-skeleton-loader .v-skeleton-loader__list-item-two-line,
|
|
.v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
|
|
.v-skeleton-loader .v-skeleton-loader__list-item-three-line,
|
|
.v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
|
|
border-radius: 4px;
|
|
}
|
|
.v-skeleton-loader__bone {
|
|
align-items: center;
|
|
border-radius: inherit;
|
|
display: flex;
|
|
flex: 1 1 100%;
|
|
flex-wrap: wrap;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.v-skeleton-loader__bone::after {
|
|
animation: loading 1.5s infinite;
|
|
background: linear-gradient(90deg, color-mix(in srgb, rgb(var(--v-theme-surface)) 0%, transparent), color-mix(in srgb, rgb(var(--v-theme-surface)) 30%, transparent), color-mix(in srgb, rgb(var(--v-theme-surface)) 0%, transparent));
|
|
transform: translateX(-100%);
|
|
contain: content;
|
|
will-change: transform;
|
|
z-index: 1;
|
|
}
|
|
.v-skeleton-loader__bone::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
@media (forced-colors: active) and (pointer: fine) {
|
|
.v-skeleton-loader__bone {
|
|
cursor: progress;
|
|
}
|
|
}
|
|
.v-skeleton-loader__avatar {
|
|
border-radius: 50%;
|
|
flex: 0 1 auto;
|
|
margin: 8px 16px;
|
|
max-height: 48px;
|
|
min-height: 48px;
|
|
height: 48px;
|
|
max-width: 48px;
|
|
min-width: 48px;
|
|
width: 48px;
|
|
}
|
|
.v-skeleton-loader__avatar + .v-skeleton-loader__bone {
|
|
flex: 1 1 auto;
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
|
|
.v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-skeleton-loader__button {
|
|
border-radius: 4px;
|
|
height: 36px;
|
|
margin: 16px;
|
|
max-width: 64px;
|
|
}
|
|
.v-skeleton-loader__button + .v-skeleton-loader__bone {
|
|
flex: 1 1 auto;
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
|
|
.v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-skeleton-loader__chip {
|
|
border-radius: 16px;
|
|
margin: 16px;
|
|
height: 32px;
|
|
max-width: 96px;
|
|
}
|
|
.v-skeleton-loader__chip + .v-skeleton-loader__bone {
|
|
flex: 1 1 auto;
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
|
|
.v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-skeleton-loader__date-picker {
|
|
border-radius: inherit;
|
|
}
|
|
.v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
|
|
max-width: 88px;
|
|
width: 20%;
|
|
}
|
|
.v-skeleton-loader__date-picker .v-skeleton-loader__heading {
|
|
max-width: 256px;
|
|
width: 40%;
|
|
}
|
|
.v-skeleton-loader__date-picker-days {
|
|
flex-wrap: wrap;
|
|
margin: 16px;
|
|
}
|
|
.v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
|
|
border-radius: 4px;
|
|
margin: 4px;
|
|
max-width: 100%;
|
|
}
|
|
.v-skeleton-loader__date-picker-options {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
|
|
flex: 1 1 auto;
|
|
}
|
|
.v-skeleton-loader__divider {
|
|
border-radius: 1px;
|
|
height: 2px;
|
|
}
|
|
.v-skeleton-loader__heading {
|
|
border-radius: 12px;
|
|
margin: 16px;
|
|
height: 24px;
|
|
}
|
|
.v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
|
|
margin-top: -16px;
|
|
}
|
|
.v-skeleton-loader__image {
|
|
height: 150px;
|
|
border-radius: 0;
|
|
}
|
|
.v-skeleton-loader__card .v-skeleton-loader__image {
|
|
border-radius: 0;
|
|
}
|
|
.v-skeleton-loader__list-item {
|
|
margin: 16px;
|
|
}
|
|
.v-skeleton-loader__list-item .v-skeleton-loader__text {
|
|
margin: 0;
|
|
}
|
|
.v-skeleton-loader__table-thead {
|
|
justify-content: space-between;
|
|
}
|
|
.v-skeleton-loader__table-thead .v-skeleton-loader__heading {
|
|
margin-top: 16px;
|
|
max-width: 16px;
|
|
}
|
|
.v-skeleton-loader__table-tfoot {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
|
|
margin-top: 16px;
|
|
}
|
|
.v-skeleton-loader__table-row {
|
|
align-items: baseline;
|
|
margin: 0 8px;
|
|
justify-content: space-evenly;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
|
|
margin-inline: 8px;
|
|
}
|
|
.v-skeleton-loader__table-row + .v-skeleton-loader__divider {
|
|
margin: 0 16px;
|
|
}
|
|
.v-skeleton-loader__table-cell {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 48px;
|
|
width: 88px;
|
|
}
|
|
.v-skeleton-loader__table-cell .v-skeleton-loader__text {
|
|
margin-bottom: 0;
|
|
}
|
|
.v-skeleton-loader__subtitle {
|
|
max-width: 70%;
|
|
}
|
|
.v-skeleton-loader__subtitle > .v-skeleton-loader__text {
|
|
height: 16px;
|
|
border-radius: 8px;
|
|
}
|
|
.v-skeleton-loader__text {
|
|
border-radius: 6px;
|
|
margin: 16px;
|
|
height: 12px;
|
|
}
|
|
.v-skeleton-loader__text + .v-skeleton-loader__text {
|
|
margin-top: -8px;
|
|
max-width: 50%;
|
|
}
|
|
.v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
|
|
max-width: 70%;
|
|
}
|
|
.v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
|
|
display: none;
|
|
}
|
|
.v-skeleton-loader--is-loading {
|
|
overflow: hidden;
|
|
}
|
|
.v-skeleton-loader--tile {
|
|
border-radius: 0;
|
|
}
|
|
.v-skeleton-loader--tile .v-skeleton-loader__bone {
|
|
border-radius: 0;
|
|
}
|
|
@keyframes loading {
|
|
100% {
|
|
transform: translateX(100%);
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-selection-control {
|
|
align-items: center;
|
|
contain: layout;
|
|
display: flex;
|
|
flex: 1 0;
|
|
grid-area: control;
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.v-selection-control .v-label {
|
|
white-space: normal;
|
|
word-break: break-word;
|
|
height: 100%;
|
|
opacity: 1;
|
|
}
|
|
.v-selection-control--disabled {
|
|
opacity: var(--v-disabled-opacity);
|
|
pointer-events: none;
|
|
}
|
|
.v-selection-control--error:not(.v-selection-control--disabled) .v-label {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-selection-control--inline {
|
|
display: inline-flex;
|
|
flex: 0 0 auto;
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
}
|
|
.v-selection-control--inline .v-label {
|
|
width: auto;
|
|
}
|
|
.v-selection-control--density-default {
|
|
--v-selection-control-size: 40px;
|
|
}
|
|
.v-selection-control--density-comfortable {
|
|
--v-selection-control-size: 36px;
|
|
}
|
|
.v-selection-control--density-compact {
|
|
--v-selection-control-size: 28px;
|
|
}
|
|
.v-selection-control__wrapper {
|
|
width: var(--v-selection-control-size);
|
|
height: var(--v-selection-control-size);
|
|
display: inline-flex;
|
|
align-items: center;
|
|
position: relative;
|
|
justify-content: center;
|
|
flex: none;
|
|
}
|
|
.v-selection-control__input {
|
|
width: var(--v-selection-control-size);
|
|
height: var(--v-selection-control-size);
|
|
align-items: center;
|
|
display: flex;
|
|
flex: none;
|
|
justify-content: center;
|
|
position: relative;
|
|
border-radius: 50%;
|
|
}
|
|
.v-selection-control__input input {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
.v-selection-control__input::before {
|
|
border-radius: 100%;
|
|
background-color: currentColor;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-selection-control__input::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-selection-control__input:hover::before {
|
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-selection-control__input > .v-icon {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
.v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
|
|
opacity: 1;
|
|
}
|
|
.v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-selection-control--focus-visible .v-selection-control__input::before {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-slide-group {
|
|
display: flex;
|
|
overflow: hidden;
|
|
}
|
|
.v-slide-group__next,
|
|
.v-slide-group__prev {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 1 52px;
|
|
justify-content: center;
|
|
min-width: 52px;
|
|
cursor: pointer;
|
|
}
|
|
.v-slide-group__next--disabled,
|
|
.v-slide-group__prev--disabled {
|
|
pointer-events: none;
|
|
opacity: var(--v-disabled-opacity);
|
|
}
|
|
.v-slide-group__content {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
position: relative;
|
|
transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
|
|
white-space: nowrap;
|
|
}
|
|
.v-slide-group__content > * {
|
|
white-space: initial;
|
|
}
|
|
.v-slide-group__container {
|
|
contain: content;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
scrollbar-width: none;
|
|
scrollbar-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.v-slide-group__container::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.v-slide-group--vertical {
|
|
max-height: inherit;
|
|
}
|
|
.v-slide-group--vertical,
|
|
.v-slide-group--vertical .v-slide-group__container,
|
|
.v-slide-group--vertical .v-slide-group__content {
|
|
flex-direction: column;
|
|
}
|
|
.v-slide-group--vertical .v-slide-group__container {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-slider .v-slider__container input {
|
|
cursor: default;
|
|
padding: 0;
|
|
width: 100%;
|
|
display: none;
|
|
}
|
|
.v-slider > .v-input__append,
|
|
.v-slider > .v-input__prepend {
|
|
padding: 0;
|
|
}
|
|
.v-slider__container {
|
|
position: relative;
|
|
min-height: inherit;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.v-input--disabled .v-slider__container {
|
|
opacity: var(--v-disabled-opacity);
|
|
}
|
|
.v-input--error:not(.v-input--disabled) .v-slider__container {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-slider.v-input--horizontal {
|
|
align-items: center;
|
|
}
|
|
.v-slider.v-input--horizontal > .v-input__prepend {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-slider.v-input--horizontal > .v-input__append {
|
|
margin-inline-start: 8px;
|
|
}
|
|
.v-slider.v-input--horizontal > .v-input__control {
|
|
margin-inline: 8px 8px;
|
|
min-height: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.v-slider.v-input--vertical {
|
|
justify-content: center;
|
|
margin-top: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.v-slider.v-input--vertical > .v-input__control {
|
|
min-height: 300px;
|
|
}
|
|
.v-slider.v-input--disabled {
|
|
pointer-events: none;
|
|
}
|
|
.v-slider--has-labels > .v-input__control {
|
|
margin-bottom: 4px;
|
|
}
|
|
.v-slider__label {
|
|
margin-inline-end: 12px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-snackbar {
|
|
justify-content: center;
|
|
z-index: 10000;
|
|
margin: 8px;
|
|
margin-inline-end: calc(8px + var(--v-scrollbar-offset));
|
|
padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
|
|
--v-snackbar-current-offset: var(--v-snackbar-offset);
|
|
transform: translateY(calc(var(--v-snackbar-direction) * (var(--v-snackbar-current-offset) + var(--v-snackbar-mobile-notch, 0px))));
|
|
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
|
|
align-items: flex-end;
|
|
}
|
|
.v-snackbar__wrapper {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
max-width: 672px;
|
|
min-height: 48px;
|
|
min-width: 344px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-property: height, width;
|
|
}
|
|
.v-snackbar__wrapper {
|
|
border-radius: 4px;
|
|
}
|
|
.v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
.v-snackbar--variant-plain {
|
|
opacity: 0.62;
|
|
}
|
|
.v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
|
|
opacity: 1;
|
|
}
|
|
.v-snackbar--variant-plain .v-snackbar__overlay {
|
|
display: none;
|
|
}
|
|
.v-snackbar--variant-elevated, .v-snackbar--variant-flat {
|
|
background: rgb(var(--v-theme-surface-variant));
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
}
|
|
.v-snackbar--variant-elevated {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-snackbar--variant-flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-snackbar--variant-outlined {
|
|
border: thin solid currentColor;
|
|
}
|
|
.v-snackbar--variant-text .v-snackbar__overlay {
|
|
background: currentColor;
|
|
}
|
|
.v-snackbar--variant-tonal .v-snackbar__underlay {
|
|
background: currentColor;
|
|
opacity: var(--v-activated-opacity);
|
|
border-radius: inherit;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.v-snackbar .v-snackbar__underlay {
|
|
position: absolute;
|
|
}
|
|
.v-snackbar--variant-outlined, .v-snackbar--variant-tonal {
|
|
background: rgb(var(--v-theme-surface));
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-snackbar__wrapper {
|
|
border: thick solid;
|
|
}
|
|
}
|
|
.v-snackbar__header {
|
|
flex-basis: 100%;
|
|
}
|
|
.v-snackbar__header:after {
|
|
content: "";
|
|
display: block;
|
|
flex-basis: 100%;
|
|
}
|
|
.v-snackbar__prepend {
|
|
align-self: center;
|
|
display: flex;
|
|
margin-inline: 16px 12px;
|
|
}
|
|
.v-snackbar__prepend + .v-snackbar__content {
|
|
padding-inline-start: 0;
|
|
}
|
|
.v-snackbar__title {
|
|
font-weight: 700;
|
|
}
|
|
.v-snackbar__content {
|
|
flex: 1 1;
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0.0178571429em;
|
|
line-height: 1.4285714286;
|
|
margin-right: auto;
|
|
padding: 14px 16px;
|
|
text-align: initial;
|
|
}
|
|
.v-snackbar__actions {
|
|
align-items: center;
|
|
align-self: center;
|
|
display: flex;
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-snackbar__actions > .v-btn {
|
|
padding: 0 8px;
|
|
min-width: auto;
|
|
}
|
|
.v-snackbar__timer {
|
|
width: 100%;
|
|
position: absolute;
|
|
}
|
|
.v-snackbar__timer--top {
|
|
top: 0;
|
|
}
|
|
.v-snackbar__timer--bottom {
|
|
bottom: 0;
|
|
}
|
|
.v-snackbar__timer .v-progress-linear {
|
|
transition: 0.2s linear;
|
|
}
|
|
.v-snackbar--absolute {
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
.v-snackbar--vertical .v-snackbar__actions {
|
|
flex-basis: 100%;
|
|
justify-content: end;
|
|
margin-bottom: 8px;
|
|
}
|
|
.v-snackbar--vertical .v-snackbar__actions:before {
|
|
content: "";
|
|
display: block;
|
|
flex-basis: 100%;
|
|
}
|
|
.v-snackbar--center {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.v-snackbar--top {
|
|
align-items: flex-start;
|
|
}
|
|
@media (max-width: 839.98px) {
|
|
.v-snackbar--top {
|
|
--v-snackbar-mobile-notch: max(env(safe-area-inset-top), 0px);
|
|
}
|
|
}
|
|
.v-snackbar--bottom {
|
|
align-items: flex-end;
|
|
}
|
|
@media (max-width: 839.98px) {
|
|
.v-snackbar--bottom {
|
|
--v-snackbar-mobile-notch: max(env(safe-area-inset-bottom), 0px);
|
|
}
|
|
}
|
|
.v-snackbar--left, .v-snackbar--start {
|
|
justify-content: flex-start;
|
|
}
|
|
.v-snackbar--right, .v-snackbar--end {
|
|
justify-content: flex-end;
|
|
}
|
|
.v-snackbar--collapsed {
|
|
--v-snackbar-current-offset: calc(var(--v-snackbar-gap) * var(--v-snackbar-index, 0));
|
|
}
|
|
.v-snackbar--collapsed .v-snackbar__wrapper {
|
|
min-width: 0;
|
|
width: calc(var(--v-snackbar-collapsed-width) - 2 * var(--v-snackbar-gap) * var(--v-snackbar-index, 0));
|
|
height: var(--v-snackbar-collapsed-height);
|
|
}
|
|
.v-snackbar--collapsed .v-snackbar__wrapper > * {
|
|
opacity: 0;
|
|
}
|
|
.v-snackbar--collapsed.v-snackbar--start .v-snackbar__wrapper, .v-snackbar--collapsed.v-snackbar--left .v-snackbar__wrapper {
|
|
transform: translateX(calc(var(--v-snackbar-gap) * var(--v-snackbar-index, 0)));
|
|
}
|
|
.v-snackbar--collapsed.v-snackbar--end .v-snackbar__wrapper, .v-snackbar--collapsed.v-snackbar--right .v-snackbar__wrapper {
|
|
transform: translateX(calc(-1 * var(--v-snackbar-gap) * var(--v-snackbar-index, 0)));
|
|
}
|
|
.v-snackbar--collapsed .v-progress-linear {
|
|
opacity: 0;
|
|
}
|
|
.v-snackbar .v-avatar {
|
|
background: transparent;
|
|
}
|
|
}
|
|
@layer vuetify-final.transitions {
|
|
.v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
|
|
transition-duration: 0.15s;
|
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
.v-snackbar-transition-enter-active {
|
|
transition-property: opacity, transform;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-snackbar-transition-enter-active {
|
|
transition-property: opacity;
|
|
}
|
|
}
|
|
.v-snackbar-transition-enter-from {
|
|
opacity: 0;
|
|
transform: scale(0.8);
|
|
}
|
|
.v-snackbar-transition-leave-active {
|
|
transition-property: opacity;
|
|
}
|
|
.v-snackbar-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-data-table {
|
|
width: 100%;
|
|
}
|
|
.v-data-table__table {
|
|
width: 100%;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
}
|
|
.v-data-table__tr--focus {
|
|
border: 1px dotted black;
|
|
}
|
|
.v-data-table__tr--clickable {
|
|
cursor: pointer;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
|
|
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
|
|
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
|
|
text-align: end;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
|
|
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
|
|
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
|
|
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
|
|
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
|
|
text-align: center;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
|
|
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
|
|
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
|
|
justify-content: center;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
|
|
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
|
|
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
|
|
padding: 0 8px;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--empty,
|
|
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--empty,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--empty,
|
|
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--empty {
|
|
padding: 0;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
|
|
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
|
|
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
|
|
text-overflow: ellipsis;
|
|
text-wrap: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
|
|
.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
|
|
.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
|
|
display: contents;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > th,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > th {
|
|
align-items: center;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
|
|
position: sticky;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
|
|
.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:focus,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:focus {
|
|
cursor: pointer;
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
|
|
opacity: 0;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon, .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):focus-visible .v-data-table-header__sort-icon,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
|
|
.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):focus-visible .v-data-table-header__sort-icon {
|
|
opacity: 0.5;
|
|
}
|
|
.v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
|
|
.v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
|
|
height: fit-content;
|
|
}
|
|
.v-data-table-column--fixed,
|
|
.v-data-table-column--fixed-end,
|
|
.v-data-table__th--sticky {
|
|
background-color: rgb(var(--v-theme-surface));
|
|
background-image: inherit;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-data-table-column--fixed,
|
|
.v-data-table-column--fixed-end,
|
|
.v-data-table__th--sticky {
|
|
position: sticky;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-data-table-column--fixed-end {
|
|
left: unset;
|
|
right: 0;
|
|
}
|
|
.v-data-table-column--last-fixed {
|
|
border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.v-data-table-column--first-fixed-end {
|
|
border-left: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed,
|
|
.v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed-end {
|
|
z-index: 2;
|
|
}
|
|
.v-data-table-group-header-row td {
|
|
background: rgba(var(--v-theme-surface));
|
|
color: rgba(var(--v-theme-on-surface));
|
|
}
|
|
.v-data-table-group-header-row td > span {
|
|
padding-left: 5px;
|
|
}
|
|
.v-data-table--loading:not(.v-table--fixed-header) > .v-table__wrapper > table > thead > tr > .v-data-table__td:not(.v-data-table-column--fixed), .v-data-table--loading:not(.v-table--fixed-header) > .v-table__wrapper > table > thead > tr > .v-data-table__td:not(.v-data-table-column--fixed-end), .v-data-table--loading:not(.v-table--fixed-footer) > .v-table__wrapper > table > tfoot > tr > .v-data-table__td:not(.v-data-table-column--fixed), .v-data-table--loading:not(.v-table--fixed-footer) > .v-table__wrapper > table > tfoot > tr > .v-data-table__td:not(.v-data-table-column--fixed-end),
|
|
.v-data-table--loading > .v-table__wrapper > table > tbody > tr > .v-data-table__td:not(.v-data-table-column--fixed),
|
|
.v-data-table--loading > .v-table__wrapper > table > tbody > tr > .v-data-table__td:not(.v-data-table-column--fixed-end) {
|
|
opacity: var(--v-disabled-opacity);
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-data-table-group-header-row__column {
|
|
padding-inline-start: calc(var(--v-data-table-group-header-row-depth) * 16px);
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-data-table-header__content {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.v-data-table-header__sort-icon {
|
|
margin-inline: 0px;
|
|
}
|
|
.v-data-table-header__sort-badge {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 0.875rem;
|
|
padding: 4px;
|
|
border-radius: 50%;
|
|
background: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
min-width: 20px;
|
|
min-height: 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-data-table-progress > th {
|
|
border: none;
|
|
height: auto;
|
|
padding: 0;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-data-table-progress__loader {
|
|
position: relative;
|
|
}
|
|
.v-data-table-rows-loading,
|
|
.v-data-table-rows-no-data {
|
|
text-align: center;
|
|
}
|
|
.v-data-table__tr--mobile > .v-data-table__td--expanded-row {
|
|
grid-template-columns: auto;
|
|
justify-content: center;
|
|
}
|
|
.v-data-table__tr--mobile > .v-data-table__td--select-row {
|
|
grid-template-columns: 0;
|
|
justify-content: end;
|
|
}
|
|
.v-data-table__tr--mobile > td {
|
|
align-items: center;
|
|
column-gap: 4px;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
min-height: var(--v-table-row-height);
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-data-table__tr--mobile > td:not(:last-child) {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-data-table__td-title {
|
|
font-weight: 500;
|
|
text-align: start;
|
|
}
|
|
.v-data-table__td-value {
|
|
text-align: end;
|
|
}
|
|
.v-data-table__td-sort-icon {
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-disabled-opacity) * 100%), transparent);
|
|
}
|
|
.v-data-table__td-sort-icon-active {
|
|
color: rgba(var(--v-theme-on-surface));
|
|
}
|
|
}@layer vuetify-components {}
|
|
@layer vuetify-overrides {
|
|
.v-tab {
|
|
height: var(--v-tabs-height);
|
|
border-radius: 0;
|
|
min-width: 90px;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-slide-group--horizontal .v-tab {
|
|
max-width: 360px;
|
|
}
|
|
.v-slide-group--vertical .v-tab {
|
|
justify-content: start;
|
|
}
|
|
.v-tab__slider {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 2px;
|
|
width: 100%;
|
|
background: currentColor;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
.v-tab--selected .v-tab__slider {
|
|
opacity: 1;
|
|
}
|
|
.v-slide-group--vertical .v-tab__slider {
|
|
top: 0;
|
|
height: 100%;
|
|
width: 2px;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-tab--selected.v-btn {
|
|
color: highlight;
|
|
}
|
|
.v-tab__slider {
|
|
background: highlight;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-speed-dial__content {
|
|
gap: 8px;
|
|
}
|
|
.v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
|
|
flex-direction: row;
|
|
}
|
|
.v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(1) {
|
|
transition-delay: 0.001s;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(2) {
|
|
transition-delay: 0.05s;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(3) {
|
|
transition-delay: 0.1s;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(4) {
|
|
transition-delay: 0.15s;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(5) {
|
|
transition-delay: 0.2s;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(6) {
|
|
transition-delay: 0.25s;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(7) {
|
|
transition-delay: 0.3s;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(8) {
|
|
transition-delay: 0.35s;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(9) {
|
|
transition-delay: 0.4s;
|
|
}
|
|
.v-speed-dial__content > *:nth-child(10) {
|
|
transition-delay: 0.45s;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-tabs {
|
|
display: flex;
|
|
height: var(--v-tabs-height);
|
|
}
|
|
.v-tabs--density-default {
|
|
--v-tabs-height: 48px;
|
|
}
|
|
.v-tabs--density-default.v-tabs--stacked {
|
|
--v-tabs-height: 72px;
|
|
}
|
|
.v-tabs--density-comfortable {
|
|
--v-tabs-height: 44px;
|
|
}
|
|
.v-tabs--density-comfortable.v-tabs--stacked {
|
|
--v-tabs-height: 68px;
|
|
}
|
|
.v-tabs--density-compact {
|
|
--v-tabs-height: 36px;
|
|
}
|
|
.v-tabs--density-compact.v-tabs--stacked {
|
|
--v-tabs-height: 60px;
|
|
}
|
|
.v-tabs.v-slide-group--vertical {
|
|
height: auto;
|
|
flex: none;
|
|
--v-tabs-height: 48px;
|
|
}
|
|
.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
|
|
margin-inline-start: 42px;
|
|
}
|
|
.v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
|
|
.v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
|
|
margin-inline-end: auto;
|
|
}
|
|
.v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
|
|
.v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
|
|
margin-inline-start: auto;
|
|
}
|
|
.v-tabs--grow {
|
|
flex-grow: 1;
|
|
}
|
|
.v-tabs--grow .v-tab {
|
|
flex: 1 0 auto;
|
|
max-width: none;
|
|
}
|
|
.v-tabs--align-tabs-end .v-tab:first-child {
|
|
margin-inline-start: auto;
|
|
}
|
|
.v-tabs--align-tabs-end .v-tab:last-child {
|
|
margin-inline-end: 0;
|
|
}
|
|
.v-tabs--inset {
|
|
--v-tabs-inset-radius: 4px;
|
|
--v-tabs-inset-padding: 4px;
|
|
--v-tabs-slider-background: rgba(var(--v-theme-on-surface), .2);
|
|
background: color-mix(in srgb, rgb(var(--v-theme-on-surface)) 6%, transparent);
|
|
box-shadow: inset 0 0 0 2px rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-radius: calc(var(--v-tabs-inset-radius) + var(--v-tabs-inset-padding));
|
|
}
|
|
.v-tabs--inset .v-tab {
|
|
margin: var(--v-tabs-inset-padding);
|
|
transition-property: box-shadow, transform, opacity, background, color;
|
|
}
|
|
.v-tabs--inset .v-tab.v-tab.v-btn {
|
|
border-radius: var(--v-tabs-inset-radius);
|
|
}
|
|
.v-tabs--inset .v-tab:focus-visible {
|
|
outline: 2px solid rgb(var(--v-border-color));
|
|
outline-offset: 2px;
|
|
}
|
|
.v-tabs--inset .v-tab:focus-visible:after {
|
|
opacity: 0;
|
|
}
|
|
.v-tabs--inset:not(.v-tabs--fixed-tabs, .v-tabs--grow) {
|
|
max-width: max-content;
|
|
}
|
|
.v-tabs--inset.v-tabs--fixed-tabs .v-slide-group__content {
|
|
padding-inline: var(--v-tabs-inset-padding);
|
|
}
|
|
.v-tabs--inset .v-tab__slider {
|
|
background: var(--v-tabs-slider-background);
|
|
inset: 0;
|
|
border-radius: var(--v-tabs-inset-radius);
|
|
z-index: -1;
|
|
width: auto;
|
|
}
|
|
.v-tabs--inset.v-tabs--horizontal {
|
|
height: calc(var(--v-tabs-height) + var(--v-tabs-inset-padding) * 2);
|
|
--v-tabs-inset-tab-radius: calc(var(--v-tabs-outer-radius) - var(--v-tabs-inset-padding) + 4px);
|
|
}
|
|
.v-tabs--inset.v-tabs--horizontal .v-tab__slider {
|
|
height: auto;
|
|
}
|
|
.v-tabs--inset .v-btn__overlay {
|
|
display: none;
|
|
}
|
|
.v-tabs--inset.v-tabs--vertical .v-tab {
|
|
grid-template-columns: max-content 1fr max-content;
|
|
}
|
|
.v-tabs--inset.v-tabs--vertical .v-tab > .v-btn__content {
|
|
justify-content: start;
|
|
}
|
|
.v-tabs--inset.v-tabs--vertical .v-tab .v-tab__slider {
|
|
width: auto;
|
|
}
|
|
@media (max-width: 1144.98px) {
|
|
.v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
|
|
margin-inline-start: 52px;
|
|
}
|
|
.v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
|
|
margin-inline-end: 52px;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-system-bar {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
height: 24px;
|
|
justify-content: flex-end;
|
|
max-width: 100%;
|
|
padding-inline: 8px;
|
|
position: relative;
|
|
text-align: end;
|
|
width: 100%;
|
|
}
|
|
.v-system-bar .v-icon {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
.v-system-bar {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-system-bar--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-system-bar--fixed {
|
|
position: fixed;
|
|
}
|
|
.v-system-bar {
|
|
background: rgba(var(--v-theme-surface-light));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface-light)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-system-bar {
|
|
font-size: 0.6875rem;
|
|
font-weight: 500;
|
|
letter-spacing: 0.0454545455em;
|
|
line-height: 1.4545454545;
|
|
text-transform: none;
|
|
}
|
|
.v-system-bar--rounded {
|
|
border-radius: 0;
|
|
}
|
|
.v-system-bar--window {
|
|
height: 32px;
|
|
}
|
|
.v-system-bar:not(.v-system-bar--absolute) {
|
|
padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-stepper.v-sheet {
|
|
overflow: hidden;
|
|
}
|
|
.v-stepper.v-sheet {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-stepper.v-sheet {
|
|
border-radius: 4px;
|
|
}
|
|
.v-stepper.v-sheet.v-stepper--flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-stepper-header {
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
overflow-x: auto;
|
|
justify-content: space-between;
|
|
z-index: 1;
|
|
}
|
|
.v-stepper-header {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 1px 3px 1px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 2%, transparent);
|
|
}
|
|
.v-stepper-header .v-divider {
|
|
margin: 0 -16px;
|
|
}
|
|
.v-stepper-header .v-divider:last-child {
|
|
margin-inline-end: 0;
|
|
}
|
|
.v-stepper-header .v-divider:first-child {
|
|
margin-inline-start: 0;
|
|
}
|
|
.v-stepper--alt-labels .v-stepper-header {
|
|
height: auto;
|
|
}
|
|
.v-stepper--alt-labels .v-stepper-header .v-divider {
|
|
align-self: flex-start;
|
|
margin: 35px -67px 0;
|
|
}
|
|
.v-stepper-window {
|
|
margin: 1.5rem;
|
|
}
|
|
.v-stepper-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 1rem;
|
|
}
|
|
.v-stepper .v-stepper-actions {
|
|
padding: 0 1.5rem 1rem;
|
|
}
|
|
.v-stepper-window-item .v-stepper-actions {
|
|
padding: 1.5rem 0 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
/* region BLOCK */
|
|
.v-text-field input {
|
|
color: inherit;
|
|
flex: 1;
|
|
transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
|
min-width: 0;
|
|
}
|
|
.v-text-field input:focus, .v-text-field input:active {
|
|
outline: none;
|
|
}
|
|
.v-text-field input:invalid {
|
|
box-shadow: none;
|
|
}
|
|
.v-text-field .v-field {
|
|
cursor: text;
|
|
}
|
|
.v-text-field--prefixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
|
|
--v-field-padding-start: 6px;
|
|
}
|
|
.v-text-field--suffixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
|
|
--v-field-padding-end: 0;
|
|
}
|
|
.v-text-field--prefixed.v-text-field .v-field.v-field--reverse .v-field__input {
|
|
--v-field-padding-end: 6px;
|
|
}
|
|
.v-text-field--suffixed.v-text-field .v-field.v-field--reverse .v-field__input {
|
|
--v-field-padding-start: 0;
|
|
}
|
|
.v-text-field .v-field:not(.v-field--no-label, .v-field--active) input::placeholder {
|
|
opacity: 0;
|
|
}
|
|
.v-text-field .v-field--single-line input {
|
|
transition: none;
|
|
}
|
|
/* endregion */
|
|
/* region ELEMENTS */
|
|
.v-text-field__prefix, .v-text-field__suffix {
|
|
align-items: center;
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-medium-emphasis-opacity) * 100%), transparent);
|
|
cursor: default;
|
|
display: flex;
|
|
opacity: 0;
|
|
transition: inherit;
|
|
white-space: nowrap;
|
|
min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
|
|
padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
|
|
padding-bottom: var(--v-field-padding-bottom, 6px);
|
|
}
|
|
.v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
|
|
opacity: 1;
|
|
}
|
|
.v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-disabled-opacity) * 100%), transparent);
|
|
}
|
|
.v-field:not(.v-field--reverse) .v-text-field__prefix {
|
|
padding-inline-start: var(--v-field-padding-start);
|
|
}
|
|
.v-field.v-field--reverse .v-text-field__prefix {
|
|
padding-inline-end: var(--v-field-padding-end);
|
|
}
|
|
.v-field:not(.v-field--reverse) .v-text-field__suffix {
|
|
padding-inline-end: var(--v-field-padding-end);
|
|
}
|
|
.v-field.v-field--reverse .v-text-field__suffix {
|
|
padding-inline-start: var(--v-field-padding-start);
|
|
}
|
|
/* endregion */
|
|
}@layer vuetify-components {
|
|
.v-stepper-item {
|
|
margin: 0;
|
|
font: inherit;
|
|
overflow: visible;
|
|
text-transform: none;
|
|
background-color: transparent;
|
|
border-style: none;
|
|
color: inherit;
|
|
align-items: center;
|
|
align-self: stretch;
|
|
display: inline-flex;
|
|
flex: none;
|
|
outline: none;
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
padding: 1.5rem;
|
|
position: relative;
|
|
transition-duration: 0.2s;
|
|
transition-property: opacity;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-stepper-item:hover > .v-stepper-item__overlay {
|
|
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-stepper-item:focus-visible > .v-stepper-item__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-stepper-item:focus > .v-stepper-item__overlay {
|
|
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
|
|
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
@supports not selector(:focus-visible) {
|
|
.v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
|
|
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
}
|
|
.v-stepper--non-linear .v-stepper-item {
|
|
opacity: var(--v-high-emphasis-opacity);
|
|
}
|
|
.v-stepper-item--selected {
|
|
opacity: 1;
|
|
}
|
|
.v-stepper-item--error {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-stepper-item--disabled {
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
.v-stepper-item[disabled], .v-stepper-item--disabled {
|
|
pointer-events: none;
|
|
}
|
|
.v-stepper--alt-labels .v-stepper-item {
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
flex-basis: 175px;
|
|
}
|
|
.v-stepper-item__avatar.v-avatar {
|
|
background: color-mix(in srgb, rgb(var(--v-theme-surface-variant)) calc(var(--v-medium-emphasis-opacity) * 100%), transparent);
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
font-size: 0.75rem;
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-stepper--mobile .v-stepper-item__avatar.v-avatar {
|
|
margin-inline-end: 0;
|
|
}
|
|
.v-stepper-item__avatar.v-avatar .v-icon {
|
|
font-size: 0.875rem;
|
|
}
|
|
.v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
|
|
background: rgb(var(--v-theme-surface-variant));
|
|
}
|
|
.v-stepper-item--error .v-stepper-item__avatar.v-avatar {
|
|
background: rgb(var(--v-theme-error));
|
|
}
|
|
.v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
|
|
margin-bottom: 16px;
|
|
margin-inline-end: 0;
|
|
}
|
|
.v-stepper-item__content {
|
|
text-align: start;
|
|
}
|
|
.v-stepper--alt-labels .v-stepper-item__content {
|
|
text-align: center;
|
|
}
|
|
.v-stepper-item__title {
|
|
line-height: 1;
|
|
}
|
|
.v-stepper--mobile .v-stepper-item__title {
|
|
display: none;
|
|
}
|
|
.v-stepper-item__subtitle {
|
|
font-size: 0.75rem;
|
|
line-height: 1;
|
|
opacity: var(--v-medium-emphasis-opacity);
|
|
}
|
|
.v-stepper--mobile .v-stepper-item__subtitle {
|
|
display: none;
|
|
}
|
|
.v-stepper-item__overlay {
|
|
background-color: currentColor;
|
|
border-radius: inherit;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
.v-stepper-item__overlay,
|
|
.v-stepper-item__underlay {
|
|
pointer-events: none;
|
|
}
|
|
.v-stepper-item__overlay,
|
|
.v-stepper-item__underlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-theme-provider {
|
|
background: rgb(var(--v-theme-background));
|
|
color: rgb(var(--v-theme-on-background));
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-table {
|
|
font-size: 0.875rem;
|
|
transition-duration: 0.28s;
|
|
transition-property: box-shadow, opacity, background, height;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-table {
|
|
background: rgb(var(--v-theme-surface));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-table .v-table-divider {
|
|
border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.v-table .v-table__wrapper > table > thead > tr > th {
|
|
border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
|
|
.v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
|
|
border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.v-table .v-table__wrapper > table > tfoot > tr > td,
|
|
.v-table .v-table__wrapper > table > tfoot > tr > th {
|
|
border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
|
|
position: relative;
|
|
}
|
|
.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
|
|
background: rgba(var(--v-border-color), var(--v-hover-opacity));
|
|
pointer-events: none;
|
|
}
|
|
.v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-table.v-table--striped-even > .v-table__wrapper > table > tbody > tr:nth-child(even) {
|
|
background-image: linear-gradient(0deg, rgba(var(--v-border-color), var(--v-hover-opacity)), rgba(var(--v-border-color), var(--v-hover-opacity)));
|
|
}
|
|
.v-table.v-table--striped-odd > .v-table__wrapper > table > tbody > tr:nth-child(odd) {
|
|
background-image: linear-gradient(0deg, rgba(var(--v-border-color), var(--v-hover-opacity)), rgba(var(--v-border-color), var(--v-hover-opacity)));
|
|
}
|
|
.v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
|
|
background: rgb(var(--v-theme-surface));
|
|
box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
|
|
z-index: 1;
|
|
}
|
|
.v-table.v-table--fixed-footer > tfoot > tr > th,
|
|
.v-table.v-table--fixed-footer > tfoot > tr > td {
|
|
background: rgb(var(--v-theme-surface));
|
|
box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
|
|
}
|
|
.v-table {
|
|
border-radius: inherit;
|
|
line-height: 1.5;
|
|
max-width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.v-table > .v-table__wrapper > table {
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
}
|
|
.v-table > .v-table__wrapper > table > tbody > tr > td,
|
|
.v-table > .v-table__wrapper > table > tbody > tr > th,
|
|
.v-table > .v-table__wrapper > table > thead > tr > td,
|
|
.v-table > .v-table__wrapper > table > thead > tr > th,
|
|
.v-table > .v-table__wrapper > table > tfoot > tr > td,
|
|
.v-table > .v-table__wrapper > table > tfoot > tr > th {
|
|
padding: 0 16px;
|
|
transition-duration: 0.28s;
|
|
transition-property: box-shadow, opacity, background, height;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-table > .v-table__wrapper > table > tbody > tr > td,
|
|
.v-table > .v-table__wrapper > table > thead > tr > td,
|
|
.v-table > .v-table__wrapper > table > tfoot > tr > td {
|
|
height: var(--v-table-row-height);
|
|
}
|
|
.v-table > .v-table__wrapper > table > tbody > tr > th,
|
|
.v-table > .v-table__wrapper > table > thead > tr > th,
|
|
.v-table > .v-table__wrapper > table > tfoot > tr > th {
|
|
height: var(--v-table-header-height);
|
|
font-weight: 500;
|
|
font-size: inherit;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
text-align: start;
|
|
}
|
|
.v-table--density-default {
|
|
--v-table-header-height: 56px;
|
|
--v-table-row-height: 52px;
|
|
}
|
|
.v-table--density-comfortable {
|
|
--v-table-header-height: 48px;
|
|
--v-table-row-height: 44px;
|
|
}
|
|
.v-table--density-compact {
|
|
--v-table-header-height: 40px;
|
|
--v-table-row-height: 36px;
|
|
}
|
|
.v-table__wrapper {
|
|
border-radius: inherit;
|
|
overflow: auto;
|
|
flex: 1 1 auto;
|
|
}
|
|
.v-table--has-top > .v-table__wrapper {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.v-table--has-bottom > .v-table__wrapper {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.v-table--fixed-height > .v-table__wrapper {
|
|
overflow-y: auto;
|
|
}
|
|
.v-table--fixed-header > .v-table__wrapper > table > thead {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
|
|
border-bottom: 0px;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 1;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
|
|
.v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
|
|
border-top: 0px;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-textarea {
|
|
--v-textarea-max-height: initial;
|
|
}
|
|
.v-textarea .v-field {
|
|
--v-textarea-control-height: var(--v-input-control-height);
|
|
}
|
|
.v-textarea .v-field:not(.v-field--no-label, .v-field--active) textarea::placeholder {
|
|
opacity: 0;
|
|
}
|
|
.v-textarea .v-field__field {
|
|
--v-input-control-height: var(--v-textarea-control-height);
|
|
}
|
|
.v-textarea .v-field__input {
|
|
max-height: var(--v-textarea-max-height);
|
|
flex: 1 1 auto;
|
|
outline: none;
|
|
mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px)), linear-gradient(to right, transparent, transparent calc(100% - var(--v-textarea-scroll-bar-width, 16px)), black calc(100% - var(--v-textarea-scroll-bar-width, 16px)));
|
|
}
|
|
.v-textarea .v-field__input.v-textarea__sizer {
|
|
visibility: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-textarea .v-field__input.v-textarea__sizer {
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-textarea--no-resize .v-field__input {
|
|
resize: none;
|
|
}
|
|
.v-textarea textarea {
|
|
flex: 1;
|
|
min-width: 0;
|
|
height: 100%;
|
|
transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-textarea textarea:focus, .v-textarea textarea:active {
|
|
outline: none;
|
|
}
|
|
.v-textarea textarea:invalid {
|
|
box-shadow: none;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-window {
|
|
overflow: hidden;
|
|
}
|
|
.v-window__container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: inherit;
|
|
position: relative;
|
|
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
}
|
|
.v-window__controls {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 16px;
|
|
pointer-events: none;
|
|
}
|
|
.v-window__controls > * {
|
|
pointer-events: auto;
|
|
}
|
|
.v-window--show-arrows-on-hover {
|
|
overflow: hidden;
|
|
}
|
|
.v-window--show-arrows-on-hover .v-window__left {
|
|
transform: translateX(-200%);
|
|
}
|
|
:has(.v-window__controls--right).v-window--show-arrows-on-hover .v-window__left {
|
|
transform: translateX(200%);
|
|
}
|
|
.v-window--show-arrows-on-hover .v-window__right {
|
|
transform: translateX(200%);
|
|
}
|
|
:has(.v-window__controls--left).v-window--show-arrows-on-hover .v-window__right {
|
|
transform: translateX(-200%);
|
|
}
|
|
.v-window--show-arrows-on-hover:hover .v-window__left,
|
|
.v-window--show-arrows-on-hover:hover .v-window__right {
|
|
transform: translateX(0);
|
|
}
|
|
.v-window--vertical-arrows .v-window__controls {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
gap: 12px;
|
|
}
|
|
.v-window--vertical-arrows .v-window__controls--left {
|
|
align-items: start;
|
|
}
|
|
.v-window--vertical-arrows .v-window__controls--right {
|
|
align-items: end;
|
|
}
|
|
.v-window--vertical-arrows .v-window__controls .v-window__left .v-icon,
|
|
.v-window--vertical-arrows .v-window__controls .v-window__right .v-icon {
|
|
transform: rotate(90deg);
|
|
}
|
|
.v-window--crossfade > .v-window__container {
|
|
isolation: isolate;
|
|
}
|
|
.v-window--crossfade > .v-window__container > .v-window-item {
|
|
mix-blend-mode: plus-lighter;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-window-item {
|
|
transition-duration: var(--v-window-transition-duration, revert-layer);
|
|
}
|
|
}
|
|
@layer vuetify-final.transitions {
|
|
.v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
|
|
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
|
|
transition-duration: 0s;
|
|
}
|
|
}
|
|
.v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.v-window-x-transition-enter-from {
|
|
transform: translateX(100%);
|
|
}
|
|
.v-window-x-transition-leave-to {
|
|
transform: translateX(-100%);
|
|
}
|
|
.v-window-x-reverse-transition-enter-from {
|
|
transform: translateX(-100%);
|
|
}
|
|
.v-window-x-reverse-transition-leave-to {
|
|
transform: translateX(100%);
|
|
}
|
|
.v-window-y-transition-enter-from {
|
|
transform: translateY(100%);
|
|
}
|
|
.v-window-y-transition-leave-to {
|
|
transform: translateY(-100%);
|
|
}
|
|
.v-window-y-reverse-transition-enter-from {
|
|
transform: translateY(-100%);
|
|
}
|
|
.v-window-y-reverse-transition-leave-to {
|
|
transform: translateY(100%);
|
|
}
|
|
.v-window-crossfade-transition-enter-active, .v-window-crossfade-transition-leave-active {
|
|
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
}
|
|
.v-window-crossfade-transition-leave-from, .v-window-crossfade-transition-leave-to {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.v-window-crossfade-transition-enter-from, .v-window-crossfade-transition-leave-to {
|
|
opacity: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-toolbar {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex: none;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
max-width: 100%;
|
|
position: relative;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
|
|
width: 100%;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-toolbar {
|
|
transition-property: box-shadow;
|
|
}
|
|
}
|
|
.v-toolbar {
|
|
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
border-style: solid;
|
|
border-width: 0;
|
|
}
|
|
.v-toolbar--border {
|
|
border-width: thin;
|
|
box-shadow: none;
|
|
}
|
|
.v-toolbar {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-toolbar {
|
|
border-radius: 0;
|
|
}
|
|
.v-toolbar {
|
|
background: rgb(var(--v-theme-surface-light));
|
|
color: color-mix(in srgb, rgb(var(--v-theme-on-surface-light)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
|
|
}
|
|
.v-toolbar--absolute {
|
|
position: absolute;
|
|
}
|
|
.v-toolbar--collapse {
|
|
max-width: 112px;
|
|
overflow: hidden;
|
|
}
|
|
.v-toolbar--collapse-end {
|
|
margin-inline-start: auto;
|
|
}
|
|
.v-toolbar--collapse.v-toolbar--collapse-start {
|
|
border-end-end-radius: 24px;
|
|
}
|
|
.v-toolbar--collapse.v-toolbar--collapse-end {
|
|
border-end-start-radius: 24px;
|
|
}
|
|
.v-toolbar--collapse .v-toolbar-title {
|
|
display: none;
|
|
}
|
|
.v-toolbar--flat {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-toolbar--floating {
|
|
display: inline-flex;
|
|
width: auto;
|
|
}
|
|
.v-toolbar--rounded {
|
|
border-radius: 4px;
|
|
}
|
|
.v-toolbar__content,
|
|
.v-toolbar__extension {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
position: relative;
|
|
transition: inherit;
|
|
width: 100%;
|
|
}
|
|
.v-toolbar__content {
|
|
overflow: hidden;
|
|
}
|
|
.v-toolbar__content > .v-btn:first-child {
|
|
margin-inline-start: 4px;
|
|
}
|
|
.v-toolbar__content > .v-btn:last-child {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.v-toolbar__content > .v-toolbar-title {
|
|
margin-inline-start: 20px;
|
|
}
|
|
.v-toolbar--density-prominent .v-toolbar__content {
|
|
align-items: flex-start;
|
|
}
|
|
.v-toolbar__image {
|
|
display: flex;
|
|
opacity: var(--v-toolbar-image-opacity, 1);
|
|
transition-property: opacity;
|
|
}
|
|
.v-toolbar__image {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-toolbar__prepend,
|
|
.v-toolbar__append {
|
|
align-items: center;
|
|
align-self: stretch;
|
|
display: flex;
|
|
}
|
|
.v-toolbar__prepend {
|
|
margin-inline: 4px auto;
|
|
}
|
|
.v-toolbar__append {
|
|
margin-inline: auto 4px;
|
|
}
|
|
.v-toolbar-title {
|
|
flex: 1 1;
|
|
font-size: 1.25rem;
|
|
min-width: 0;
|
|
}
|
|
.v-toolbar-title {
|
|
font-size: 1.25rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0;
|
|
line-height: 1.75rem;
|
|
text-transform: none;
|
|
}
|
|
.v-toolbar--density-prominent .v-toolbar-title {
|
|
align-self: flex-end;
|
|
padding-bottom: 6px;
|
|
}
|
|
.v-toolbar--density-prominent .v-toolbar-title {
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0;
|
|
line-height: 2.25rem;
|
|
text-transform: none;
|
|
}
|
|
.v-toolbar-title__placeholder {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.v-toolbar-items {
|
|
display: flex;
|
|
height: inherit;
|
|
align-self: stretch;
|
|
}
|
|
.v-toolbar-items > .v-btn {
|
|
border-radius: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-time-picker-controls {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 0.875rem;
|
|
margin-inline: 24px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.v-time-picker-controls__text {
|
|
padding-bottom: 12px;
|
|
}
|
|
.v-time-picker-controls__time {
|
|
display: flex;
|
|
white-space: nowrap;
|
|
direction: ltr;
|
|
justify-content: center;
|
|
align-items: start;
|
|
}
|
|
.v-time-picker-controls__time__separator {
|
|
width: 24px;
|
|
text-align: center;
|
|
}
|
|
.v-time-picker--density-compact .v-time-picker-controls__time__separator {
|
|
font-weight: bold;
|
|
}
|
|
.v-time-picker--density-default .v-time-picker-controls__time__separator {
|
|
font-size: 56px;
|
|
line-height: 74px;
|
|
}
|
|
.v-time-picker--variant-input .v-time-picker--density-default .v-time-picker-controls__time__separator {
|
|
line-height: 64px;
|
|
}
|
|
.v-time-picker-controls__time--with-seconds .v-time-picker--density-default .v-time-picker-controls__time__separator {
|
|
height: 80px;
|
|
font-size: 56px;
|
|
}
|
|
.v-time-picker--density-comfortable .v-time-picker-controls__time__separator {
|
|
font-size: 40px;
|
|
line-height: 58px;
|
|
}
|
|
.v-time-picker--variant-input .v-time-picker--density-comfortable .v-time-picker-controls__time__separator {
|
|
line-height: 48px;
|
|
}
|
|
.v-time-picker-controls__time--with-seconds .v-time-picker--density-comfortable .v-time-picker-controls__time__separator {
|
|
height: 64px;
|
|
font-size: 40px;
|
|
}
|
|
.v-time-picker--density-compact .v-time-picker-controls__time__separator {
|
|
font-size: 32px;
|
|
line-height: 50px;
|
|
}
|
|
.v-time-picker--variant-input .v-time-picker--density-compact .v-time-picker-controls__time__separator {
|
|
line-height: 40px;
|
|
}
|
|
.v-time-picker-controls__time--with-seconds .v-time-picker--density-compact .v-time-picker-controls__time__separator {
|
|
height: 56px;
|
|
font-size: 32px;
|
|
}
|
|
.v-time-picker-controls__time__field {
|
|
width: 96px;
|
|
}
|
|
.v-time-picker-controls__time__field .v-field {
|
|
width: 96px;
|
|
background-color: rgb(var(--v-theme-surface-light));
|
|
color: inherit;
|
|
transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-time-picker-controls__time__field .v-field > .v-field__overlay {
|
|
opacity: 0.04;
|
|
}
|
|
.v-time-picker-controls__time__field--active .v-field > .v-field__overlay {
|
|
opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
}
|
|
.v-time-picker--variant-input .v-time-picker-controls__time__field {
|
|
width: 96px;
|
|
}
|
|
.v-time-picker--variant-input .v-time-picker-controls__time__field .v-field {
|
|
width: 96px;
|
|
}
|
|
.v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field {
|
|
width: 64px;
|
|
}
|
|
.v-time-picker--variant-input .v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field {
|
|
width: 64px;
|
|
}
|
|
.v-time-picker-controls__time__field .v-field__input {
|
|
padding: 0;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
line-height: 1;
|
|
align-self: center;
|
|
}
|
|
.v-time-picker-controls__time__field .v-field__input:focus::placeholder {
|
|
opacity: 0;
|
|
}
|
|
.v-time-picker-controls__time__field.v-input > .v-input__details {
|
|
font-size: 12px;
|
|
letter-spacing: 0.0333333333em;
|
|
padding-inline: 0;
|
|
white-space: normal;
|
|
}
|
|
.v-time-picker-controls__time__field.v-input > .v-input__details > .v-messages {
|
|
opacity: 1;
|
|
}
|
|
.v-time-picker-controls__time__field.v-input--error .v-field__input {
|
|
color: rgb(var(--v-theme-error));
|
|
}
|
|
.v-time-picker-controls__ampm {
|
|
margin-left: 12px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-transform: uppercase;
|
|
}
|
|
.v-time-picker-controls__ampm--readonly {
|
|
pointer-events: none;
|
|
}
|
|
.v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
|
|
opacity: 0.6;
|
|
}
|
|
.v-time-picker-controls__ampm__btn.v-btn {
|
|
min-width: 52px;
|
|
padding: 0 8px;
|
|
}
|
|
.v-time-picker-controls__ampm__btn.v-btn.v-time-picker-controls__ampm__am {
|
|
border-radius: 4px 4px 0 0;
|
|
border: 1px solid;
|
|
}
|
|
.v-time-picker-controls__ampm__btn.v-btn.v-time-picker-controls__ampm__pm {
|
|
border-radius: 0 0 4px 4px;
|
|
border: 1px solid;
|
|
border-top: none;
|
|
}
|
|
.v-time-picker-controls__ampm__btn.v-btn__active {
|
|
background: rgb(var(--v-theme-primary));
|
|
}
|
|
.v-time-picker--density-default .v-time-picker-controls__time__field .v-input__control {
|
|
height: 80px;
|
|
}
|
|
.v-time-picker--density-default .v-time-picker-controls__time__field .v-input__control .v-field {
|
|
font-size: 56px;
|
|
}
|
|
.v-time-picker--density-default .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input {
|
|
min-height: 80px;
|
|
}
|
|
.v-time-picker--density-default.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control {
|
|
height: 72px;
|
|
}
|
|
.v-time-picker--density-default.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field {
|
|
font-size: 44px;
|
|
}
|
|
.v-time-picker--density-default.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input {
|
|
min-height: 72px;
|
|
}
|
|
.v-time-picker--density-default .v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field .v-field {
|
|
font-size: 40px;
|
|
}
|
|
.v-time-picker--density-default .v-time-picker-controls__ampm__btn.v-btn {
|
|
font-size: 18px;
|
|
height: 40px;
|
|
}
|
|
.v-time-picker--density-default.v-time-picker--variant-input .v-time-picker-controls__ampm__btn.v-btn {
|
|
height: 36px;
|
|
}
|
|
.v-time-picker--density-comfortable .v-time-picker-controls__time__field .v-input__control {
|
|
height: 64px;
|
|
}
|
|
.v-time-picker--density-comfortable .v-time-picker-controls__time__field .v-input__control .v-field {
|
|
font-size: 40px;
|
|
}
|
|
.v-time-picker--density-comfortable .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input {
|
|
min-height: 64px;
|
|
}
|
|
.v-time-picker--density-comfortable.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control {
|
|
height: 56px;
|
|
}
|
|
.v-time-picker--density-comfortable.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field {
|
|
font-size: 32px;
|
|
}
|
|
.v-time-picker--density-comfortable.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input {
|
|
min-height: 56px;
|
|
}
|
|
.v-time-picker--density-comfortable .v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field .v-field {
|
|
font-size: 32px;
|
|
}
|
|
.v-time-picker--density-comfortable .v-time-picker-controls__ampm__btn.v-btn {
|
|
font-size: 14px;
|
|
height: 32px;
|
|
}
|
|
.v-time-picker--density-comfortable.v-time-picker--variant-input .v-time-picker-controls__ampm__btn.v-btn {
|
|
height: 28px;
|
|
}
|
|
.v-time-picker--density-compact .v-time-picker-controls__time__field .v-input__control {
|
|
height: 56px;
|
|
}
|
|
.v-time-picker--density-compact .v-time-picker-controls__time__field .v-input__control .v-field {
|
|
font-size: 32px;
|
|
}
|
|
.v-time-picker--density-compact .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input {
|
|
min-height: 56px;
|
|
}
|
|
.v-time-picker--density-compact.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control {
|
|
height: 48px;
|
|
}
|
|
.v-time-picker--density-compact.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field {
|
|
font-size: 26px;
|
|
}
|
|
.v-time-picker--density-compact.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input {
|
|
min-height: 48px;
|
|
}
|
|
.v-time-picker--density-compact .v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field .v-field {
|
|
font-size: 28px;
|
|
}
|
|
.v-time-picker--density-compact .v-time-picker-controls__ampm__btn.v-btn {
|
|
font-size: 12px;
|
|
height: 28px;
|
|
}
|
|
.v-time-picker--density-compact.v-time-picker--variant-input .v-time-picker-controls__ampm__btn.v-btn {
|
|
height: 24px;
|
|
}
|
|
.v-picker__title--landscape .v-time-picker-controls {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
height: 100%;
|
|
}
|
|
.v-picker__title--landscape .v-time-picker-controls__time {
|
|
text-align: right;
|
|
}
|
|
.v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
|
|
.v-picker__title--landscape .v-time-picker-controls__time span {
|
|
height: 55px;
|
|
font-size: 55px;
|
|
}
|
|
.v-picker__title--landscape .v-time-picker-controls__ampm {
|
|
margin: 16px 0 0;
|
|
align-self: initial;
|
|
text-align: center;
|
|
}
|
|
.v-picker--time .v-picker__title--landscape {
|
|
padding: 0;
|
|
}
|
|
.v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
|
|
text-align: center;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-time-picker-controls__time__field:has(input:focus-visible) {
|
|
outline: 2px solid highlight;
|
|
outline-offset: 2px;
|
|
}
|
|
.v-time-picker-controls__ampm__btn.v-btn--active {
|
|
color: highlight;
|
|
forced-color-adjust: preserve-parent-color;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-time-picker.v-picker {
|
|
min-width: 328px;
|
|
}
|
|
.v-time-picker .v-picker__body, .v-time-picker-controls__field-label,
|
|
.v-time-picker .v-field {
|
|
transition-duration: 0.25s;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-property: transform, max-height, opacity, font-size;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.v-time-picker .v-picker__body, .v-time-picker-controls__field-label,
|
|
.v-time-picker .v-field {
|
|
transition: none;
|
|
}
|
|
}
|
|
.v-time-picker .v-picker__body {
|
|
transition-behavior: allow-discrete;
|
|
max-height: calc-size(max-content, size);
|
|
}
|
|
.v-time-picker--variant-input .v-picker__body {
|
|
transform: scale(0);
|
|
max-height: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-switch .v-label {
|
|
padding-inline-start: 10px;
|
|
}
|
|
.v-switch__loader {
|
|
display: flex;
|
|
}
|
|
.v-switch__loader .v-progress-circular {
|
|
color: rgb(var(--v-theme-surface));
|
|
}
|
|
.v-switch__track,
|
|
.v-switch__thumb {
|
|
transition: none;
|
|
}
|
|
.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
|
|
.v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
|
|
background-color: rgb(var(--v-theme-error));
|
|
color: rgb(var(--v-theme-on-error));
|
|
}
|
|
.v-switch__track-true {
|
|
margin-inline-end: auto;
|
|
}
|
|
.v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
|
|
opacity: 0;
|
|
}
|
|
.v-switch__track-false {
|
|
margin-inline-start: auto;
|
|
}
|
|
.v-selection-control--dirty .v-switch__track-false {
|
|
opacity: 0;
|
|
}
|
|
.v-switch__track {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
font-size: 0.5rem;
|
|
padding: 0 5px;
|
|
background-color: rgb(var(--v-theme-surface-variant));
|
|
border-radius: 9999px;
|
|
height: 14px;
|
|
opacity: 0.6;
|
|
min-width: 36px;
|
|
cursor: pointer;
|
|
transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.v-switch--inset .v-switch__track {
|
|
border-radius: 9999px;
|
|
font-size: 0.75rem;
|
|
height: 32px;
|
|
min-width: 52px;
|
|
}
|
|
.v-switch__thumb {
|
|
align-items: center;
|
|
background-color: rgb(var(--v-theme-surface-bright));
|
|
color: rgb(var(--v-theme-on-surface-bright));
|
|
border-radius: 50%;
|
|
display: flex;
|
|
font-size: 0.75rem;
|
|
height: 20px;
|
|
justify-content: center;
|
|
width: 20px;
|
|
pointer-events: none;
|
|
transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.v-switch:not(.v-switch--inset) .v-switch__thumb {
|
|
box-shadow: 0px 1px 2px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 2px 6px 2px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 4%, transparent);
|
|
}
|
|
.v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
|
|
background: rgb(var(--v-theme-surface-variant));
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
}
|
|
.v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-switch--inset .v-switch__thumb {
|
|
height: 24px;
|
|
width: 24px;
|
|
transform: scale(0.6666666667);
|
|
}
|
|
.v-switch--inset .v-switch__thumb--filled {
|
|
transform: none;
|
|
}
|
|
.v-switch--inset .v-selection-control--dirty .v-switch__thumb {
|
|
transform: none;
|
|
transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
|
|
}
|
|
.v-switch.v-input {
|
|
flex: 0 1 auto;
|
|
}
|
|
.v-switch .v-selection-control {
|
|
min-height: var(--v-input-control-height);
|
|
}
|
|
.v-switch .v-selection-control__input {
|
|
border-radius: 50%;
|
|
transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
|
|
position: absolute;
|
|
}
|
|
.v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
|
|
transform: translateX(-10px);
|
|
}
|
|
.v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
|
|
transform: translateX(10px);
|
|
}
|
|
.v-switch .v-selection-control__input .v-icon {
|
|
position: absolute;
|
|
}
|
|
.v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
|
|
transform: translateX(10px);
|
|
}
|
|
.v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
|
|
transform: translateX(-10px);
|
|
}
|
|
.v-switch.v-switch--indeterminate .v-selection-control__input {
|
|
transform: scale(0.8);
|
|
}
|
|
.v-switch.v-switch--indeterminate .v-switch__thumb {
|
|
transform: scale(0.75);
|
|
box-shadow: none;
|
|
}
|
|
.v-switch.v-switch--inset .v-selection-control__wrapper {
|
|
width: auto;
|
|
}
|
|
.v-switch.v-input--vertical .v-label {
|
|
min-width: max-content;
|
|
}
|
|
.v-switch.v-input--vertical .v-selection-control__wrapper {
|
|
transform: rotate(-90deg);
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-switch .v-switch__loader .v-progress-circular {
|
|
color: currentColor;
|
|
}
|
|
.v-switch .v-switch__thumb {
|
|
background-color: buttontext;
|
|
}
|
|
.v-switch .v-switch__track,
|
|
.v-switch .v-switch__thumb {
|
|
border: 1px solid;
|
|
color: buttontext;
|
|
}
|
|
.v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
|
|
background-color: highlight;
|
|
}
|
|
.v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
|
|
background-color: highlight;
|
|
}
|
|
.v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
|
|
.v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
|
|
color: highlight;
|
|
}
|
|
.v-switch.v-switch--inset .v-switch__track {
|
|
border-width: 2px;
|
|
}
|
|
.v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
|
|
background-color: highlighttext;
|
|
color: highlighttext;
|
|
}
|
|
.v-switch.v-input--disabled .v-switch__thumb {
|
|
background-color: graytext;
|
|
}
|
|
.v-switch.v-input--disabled .v-switch__track,
|
|
.v-switch.v-input--disabled .v-switch__thumb {
|
|
color: graytext;
|
|
}
|
|
.v-switch.v-switch--loading .v-switch__thumb {
|
|
background-color: canvas;
|
|
}
|
|
.v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
|
|
border-width: 0;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-tooltip > .v-overlay__content {
|
|
background: rgb(var(--v-theme-surface-variant));
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
border-radius: 4px;
|
|
font-size: 0.875rem;
|
|
line-height: 1.6;
|
|
display: inline-block;
|
|
padding: 5px 16px;
|
|
text-transform: initial;
|
|
width: auto;
|
|
opacity: 1;
|
|
transition-property: opacity, transform;
|
|
overflow-wrap: break-word;
|
|
}
|
|
.v-tooltip:not(.v-tooltip--interactive) > .v-overlay__content {
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-tooltip > .v-overlay__content[class*=enter-active] {
|
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
transition-duration: 150ms;
|
|
}
|
|
.v-tooltip > .v-overlay__content[class*=leave-active] {
|
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
transition-duration: 75ms;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-time-picker-clock {
|
|
background: rgb(var(--v-theme-background));
|
|
color: rgb(var(--v-theme-on-background));
|
|
}
|
|
.v-time-picker-clock:after {
|
|
color: rgb(var(--v-theme-primary));
|
|
}
|
|
.v-time-picker-clock .v-time-picker-clock__item--active {
|
|
background-color: rgb(var(--v-theme-surface-variant));
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
}
|
|
.v-time-picker-clock {
|
|
margin: 24px;
|
|
background: rgb(var(--v-theme-surface-light));
|
|
border-radius: 50%;
|
|
position: relative;
|
|
transition: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
max-width: 256px;
|
|
aspect-ratio: 1;
|
|
flex: 100%;
|
|
}
|
|
.v-time-picker-clock__container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-basis: 290px;
|
|
justify-content: center;
|
|
padding: 10px;
|
|
}
|
|
.v-time-picker-clock__hand {
|
|
background-color: currentColor;
|
|
height: calc(50% - 4px);
|
|
width: 2px;
|
|
bottom: 50%;
|
|
left: calc(50% - 1px);
|
|
transform-origin: center bottom;
|
|
position: absolute;
|
|
will-change: transform;
|
|
z-index: 1;
|
|
}
|
|
.v-time-picker-clock__hand:before {
|
|
background: transparent;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-color: currentColor;
|
|
border-radius: 100%;
|
|
width: 10px;
|
|
height: 10px;
|
|
content: "";
|
|
position: absolute;
|
|
top: -4px;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.v-time-picker-clock__hand:after {
|
|
content: "";
|
|
position: absolute;
|
|
height: 8px;
|
|
width: 8px;
|
|
top: 100%;
|
|
left: 50%;
|
|
border-radius: 100%;
|
|
background-color: currentColor;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.v-time-picker-clock__hand--inner:after {
|
|
height: 14px;
|
|
}
|
|
.v-time-picker-clock--readonly {
|
|
pointer-events: none;
|
|
}
|
|
.v-time-picker-clock .v-time-picker-clock__item--disabled {
|
|
opacity: var(--v-disabled-opacity);
|
|
}
|
|
.v-picker--full-width .v-time-picker-clock__container {
|
|
max-width: 290px;
|
|
}
|
|
.v-time-picker-clock__inner {
|
|
position: absolute;
|
|
bottom: 27px;
|
|
left: 27px;
|
|
right: 27px;
|
|
top: 27px;
|
|
}
|
|
.v-time-picker-clock__item {
|
|
align-items: center;
|
|
border-radius: 100%;
|
|
cursor: default;
|
|
display: flex;
|
|
font-size: 16px;
|
|
justify-content: center;
|
|
height: 40px;
|
|
position: absolute;
|
|
text-align: center;
|
|
width: 40px;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.v-time-picker-clock__item > span {
|
|
z-index: 1;
|
|
}
|
|
.v-time-picker-clock__item:before, .v-time-picker-clock__item:after {
|
|
content: "";
|
|
border-radius: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
height: 14px;
|
|
width: 14px;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.v-time-picker-clock__item:after, .v-time-picker-clock__item:before {
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
.v-time-picker-clock__item--active {
|
|
cursor: default;
|
|
z-index: 2;
|
|
}
|
|
.v-time-picker-clock__item--disabled {
|
|
pointer-events: none;
|
|
}
|
|
.v-picker--landscape .v-time-picker-clock__container {
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-time-picker-clock__hand {
|
|
background-color: highlight;
|
|
}
|
|
.v-time-picker-clock__hand:before {
|
|
border-color: highlight;
|
|
}
|
|
.v-time-picker-clock__hand:after {
|
|
background-color: highlight;
|
|
}
|
|
.v-time-picker-clock__item--active {
|
|
outline: 2px solid highlight;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-timeline .v-timeline-divider__dot {
|
|
background: rgb(var(--v-theme-surface-light));
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-timeline .v-timeline-divider__dot {
|
|
border: 2px solid;
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-timeline .v-timeline-divider__inner-dot {
|
|
background: rgb(var(--v-theme-on-surface));
|
|
}
|
|
}
|
|
@layer vuetify-final.trumps {
|
|
@media (forced-colors: active) {
|
|
.v-timeline .v-timeline-divider__inner-dot {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-timeline {
|
|
--v-timeline-dot-border-size: 8px;
|
|
display: grid;
|
|
grid-auto-flow: dense;
|
|
position: relative;
|
|
}
|
|
.v-timeline--horizontal.v-timeline {
|
|
grid-column-gap: 24px;
|
|
width: 100%;
|
|
}
|
|
.v-timeline--horizontal.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__body {
|
|
grid-row: 3;
|
|
align-self: flex-start;
|
|
padding-block-start: 24px;
|
|
}
|
|
.v-timeline--horizontal.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__opposite {
|
|
grid-row: 1;
|
|
align-self: flex-end;
|
|
padding-block-end: 24px;
|
|
}
|
|
.v-timeline--horizontal.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__body, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__body {
|
|
grid-row: 1;
|
|
align-self: flex-end;
|
|
padding-block-end: 24px;
|
|
}
|
|
.v-timeline--horizontal.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__opposite {
|
|
grid-row: 3;
|
|
align-self: flex-start;
|
|
padding-block-start: 24px;
|
|
}
|
|
.v-timeline--vertical.v-timeline {
|
|
row-gap: 24px;
|
|
height: 100%;
|
|
}
|
|
.v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
|
|
padding-block-start: 24px;
|
|
}
|
|
.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
|
|
padding-block-end: 24px;
|
|
}
|
|
.v-timeline--vertical.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__body {
|
|
grid-column: 1;
|
|
justify-self: flex-end;
|
|
padding-inline-end: 24px;
|
|
}
|
|
.v-timeline--vertical.v-timeline .v-timeline--side-start > .v-timeline-item .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item--side-start .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-end) > .v-timeline-item:nth-child(2n):not(.v-timeline-item--side-end) .v-timeline-item__opposite {
|
|
grid-column: 3;
|
|
justify-self: flex-start;
|
|
padding-inline-start: 24px;
|
|
}
|
|
.v-timeline--vertical.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__body, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__body {
|
|
grid-column: 3;
|
|
justify-self: flex-start;
|
|
padding-inline-start: 24px;
|
|
}
|
|
.v-timeline--vertical.v-timeline .v-timeline--side-end > .v-timeline-item .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item--side-end .v-timeline-item__opposite, .v-timeline--vertical.v-timeline:not(.v-timeline--side-start) > .v-timeline-item:nth-child(2n+1):not(.v-timeline-item--side-start) .v-timeline-item__opposite {
|
|
grid-column: 1;
|
|
justify-self: flex-end;
|
|
padding-inline-end: 24px;
|
|
}
|
|
.v-timeline-item {
|
|
display: contents;
|
|
}
|
|
.v-timeline-divider {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.v-timeline--horizontal .v-timeline-divider {
|
|
flex-direction: row;
|
|
grid-row: 2;
|
|
width: 100%;
|
|
}
|
|
.v-timeline--vertical .v-timeline-divider {
|
|
height: 100%;
|
|
flex-direction: column;
|
|
grid-column: 2;
|
|
}
|
|
.v-timeline-divider__before {
|
|
background: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
position: absolute;
|
|
}
|
|
.v-timeline--horizontal .v-timeline-divider__before {
|
|
height: var(--v-timeline-line-thickness);
|
|
width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
|
|
inset-inline-start: -12px;
|
|
inset-inline-end: initial;
|
|
}
|
|
.v-timeline--vertical .v-timeline-divider__before {
|
|
height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
|
|
width: var(--v-timeline-line-thickness);
|
|
top: -12px;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-timeline-divider__before {
|
|
background: canvastext;
|
|
}
|
|
}
|
|
.v-timeline-divider__after {
|
|
background: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
position: absolute;
|
|
}
|
|
.v-timeline--horizontal .v-timeline-divider__after {
|
|
height: var(--v-timeline-line-thickness);
|
|
width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
|
|
inset-inline-end: -12px;
|
|
inset-inline-start: initial;
|
|
}
|
|
.v-timeline--vertical .v-timeline-divider__after {
|
|
height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
|
|
width: var(--v-timeline-line-thickness);
|
|
bottom: -12px;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-timeline-divider__after {
|
|
background: canvastext;
|
|
}
|
|
}
|
|
.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__before {
|
|
height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
|
|
top: 0;
|
|
}
|
|
.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
|
|
width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
|
|
inset-inline-start: 0;
|
|
inset-inline-end: initial;
|
|
}
|
|
.v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
|
|
height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
|
|
}
|
|
.v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
|
|
width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
|
|
inset-inline-end: -12px;
|
|
inset-inline-start: initial;
|
|
}
|
|
.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
|
|
height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
|
|
}
|
|
.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
|
|
width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
|
|
}
|
|
.v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
|
|
height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
|
|
bottom: 0;
|
|
}
|
|
.v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
|
|
width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
|
|
inset-inline-end: 0;
|
|
inset-inline-start: initial;
|
|
}
|
|
.v-timeline--vertical .v-timeline-item:only-child .v-timeline-divider__after {
|
|
height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset));
|
|
}
|
|
.v-timeline-divider__dot {
|
|
z-index: 1;
|
|
flex-shrink: 0;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.v-timeline-divider__dot {
|
|
box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
|
|
}
|
|
.v-timeline-divider__dot--size-x-small {
|
|
--v-timeline-dot-border-size: 6px;
|
|
height: 22px;
|
|
width: 22px;
|
|
}
|
|
.v-timeline-divider__dot--size-small {
|
|
--v-timeline-dot-border-size: 8px;
|
|
height: 30px;
|
|
width: 30px;
|
|
}
|
|
.v-timeline-divider__dot--size-default {
|
|
--v-timeline-dot-border-size: 8px;
|
|
height: 38px;
|
|
width: 38px;
|
|
}
|
|
.v-timeline-divider__dot--size-large {
|
|
--v-timeline-dot-border-size: 8px;
|
|
height: 46px;
|
|
width: 46px;
|
|
}
|
|
.v-timeline-divider__dot--size-x-large {
|
|
--v-timeline-dot-border-size: 10px;
|
|
height: 54px;
|
|
width: 54px;
|
|
}
|
|
.v-timeline-divider__inner-dot {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
height: calc(100% - var(--v-timeline-dot-border-size));
|
|
width: calc(100% - var(--v-timeline-dot-border-size));
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
/** Modifiers **/
|
|
.v-timeline--horizontal.v-timeline--justify-center {
|
|
grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%);
|
|
}
|
|
.v-timeline--vertical.v-timeline--justify-center {
|
|
grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%);
|
|
}
|
|
.v-timeline--horizontal.v-timeline--justify-auto {
|
|
grid-template-rows: auto min-content auto;
|
|
}
|
|
.v-timeline--vertical.v-timeline--justify-auto {
|
|
grid-template-columns: auto min-content auto;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--density-comfortable {
|
|
height: 100%;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-end {
|
|
grid-template-rows: min-content min-content auto;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--density-comfortable.v-timeline--side-start {
|
|
grid-template-rows: auto min-content min-content;
|
|
}
|
|
.v-timeline--vertical.v-timeline--density-comfortable {
|
|
width: 100%;
|
|
}
|
|
.v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-end {
|
|
grid-template-columns: min-content min-content auto;
|
|
}
|
|
.v-timeline--vertical.v-timeline--density-comfortable.v-timeline--side-start {
|
|
grid-template-columns: auto min-content min-content;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
|
|
grid-template-rows: 0 min-content auto;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
|
|
grid-template-rows: auto min-content 0;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
|
|
grid-row: 1;
|
|
}
|
|
.v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
|
|
grid-template-columns: 0 min-content auto;
|
|
}
|
|
.v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
|
|
grid-template-columns: auto min-content 0;
|
|
}
|
|
.v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
|
|
grid-column: 3;
|
|
}
|
|
.v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
|
|
grid-row: 3;
|
|
align-self: flex-start;
|
|
padding-block-end: initial;
|
|
padding-block-start: 24px;
|
|
}
|
|
.v-timeline--horizontal.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
|
|
grid-row: 1;
|
|
align-self: flex-end;
|
|
padding-block-end: 24px;
|
|
padding-block-start: initial;
|
|
}
|
|
.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__body {
|
|
grid-column: 3;
|
|
justify-self: flex-start;
|
|
padding-inline-start: 24px;
|
|
padding-inline-end: initial;
|
|
}
|
|
.v-timeline--vertical.v-timeline.v-timeline--side-end .v-timeline-item .v-timeline-item__opposite {
|
|
grid-column: 1;
|
|
justify-self: flex-end;
|
|
padding-inline-end: 24px;
|
|
padding-inline-start: initial;
|
|
}
|
|
.v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
|
|
grid-row: 1;
|
|
align-self: flex-end;
|
|
padding-block-end: 24px;
|
|
padding-block-start: initial;
|
|
}
|
|
.v-timeline--horizontal.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
|
|
grid-row: 3;
|
|
align-self: flex-start;
|
|
padding-block-end: initial;
|
|
padding-block-start: 24px;
|
|
}
|
|
.v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__body {
|
|
grid-column: 1;
|
|
justify-self: flex-end;
|
|
padding-inline-end: 24px;
|
|
}
|
|
.v-timeline--vertical.v-timeline.v-timeline--side-start .v-timeline-item .v-timeline-item__opposite {
|
|
grid-column: 3;
|
|
justify-self: flex-start;
|
|
padding-inline-start: 24px;
|
|
}
|
|
.v-timeline-divider--fill-dot .v-timeline-divider__inner-dot {
|
|
height: inherit;
|
|
width: inherit;
|
|
}
|
|
.v-timeline--align-center {
|
|
--v-timeline-line-size-base: 50%;
|
|
--v-timeline-line-size-offset: 0px;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--align-center {
|
|
justify-items: center;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--align-center .v-timeline-item__body {
|
|
padding-inline: 12px;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--align-center .v-timeline-item__opposite {
|
|
padding-inline: 12px;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
|
|
justify-content: center;
|
|
}
|
|
.v-timeline--vertical.v-timeline--align-center {
|
|
align-items: center;
|
|
}
|
|
.v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
|
|
justify-content: center;
|
|
}
|
|
.v-timeline--align-start {
|
|
--v-timeline-line-size-base: 100%;
|
|
--v-timeline-line-size-offset: 12px;
|
|
}
|
|
.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
|
|
--v-timeline-line-size-offset: 24px;
|
|
}
|
|
.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
|
|
--v-timeline-line-size-offset: -12px;
|
|
}
|
|
.v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
|
|
--v-timeline-line-size-offset: 0px;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--align-start {
|
|
justify-items: flex-start;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
|
|
justify-content: flex-start;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
|
|
width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
|
|
}
|
|
.v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
|
|
width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
|
|
}
|
|
.v-timeline--vertical.v-timeline--align-start {
|
|
align-items: flex-start;
|
|
}
|
|
.v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
|
|
justify-content: flex-start;
|
|
}
|
|
.v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
|
|
height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
|
|
}
|
|
.v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
|
|
height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
|
|
}
|
|
.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
|
|
display: none;
|
|
}
|
|
.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
|
|
--v-timeline-line-size-offset: 12px;
|
|
}
|
|
.v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
|
|
padding-block-start: 0;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
|
|
padding-inline-start: 0;
|
|
}
|
|
.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
|
|
display: none;
|
|
}
|
|
.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
|
|
--v-timeline-line-size-offset: 12px;
|
|
}
|
|
.v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
|
|
padding-block-end: 0;
|
|
}
|
|
.v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
|
|
padding-inline-end: 0;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-treeview-item {
|
|
--list-indent-size: 28px;
|
|
}
|
|
.v-treeview-item.v-treeview-item--filtered {
|
|
display: none;
|
|
}
|
|
.v-treeview-item.v-list-item--disabled:not(a) {
|
|
pointer-events: auto;
|
|
}
|
|
.v-treeview-item.v-list-item--disabled:not(a) .v-selection-control {
|
|
pointer-events: none;
|
|
}
|
|
.v-treeview-item__level {
|
|
width: 28px;
|
|
}
|
|
.v-treeview--fluid .v-treeview-item__level {
|
|
width: 0;
|
|
}
|
|
.v-treeview {
|
|
--v-treeview-indent-line-color: rgb(var(--v-theme-on-surface));
|
|
--v-treeview-indent-line-opacity: 0.4;
|
|
}
|
|
.v-treeview.v-list {
|
|
--indent-padding: 16px;
|
|
}
|
|
.v-treeview.v-list--disabled .v-list-item__prepend {
|
|
pointer-events: auto;
|
|
}
|
|
.v-treeview .v-list-item--slim > .v-list-item__prepend > .v-icon ~ .v-list-item__spacer {
|
|
width: var(--v-list-prepend-gap, 10px);
|
|
}
|
|
.v-treeview .v-list-item--slim > .v-list-item__prepend:not(:has(.v-list-item-action)) > .v-icon {
|
|
margin-inline-start: -6px;
|
|
}
|
|
.v-treeview:has(.v-treeview-indent-lines) .v-list-item-action:first-child > .v-selection-control,
|
|
.v-treeview:has(.v-treeview-indent-lines) .v-treeview-indent-lines + .v-list-item-action > .v-selection-control {
|
|
margin-inline: min(0px, -1 * (var(--v-selection-control-size) - 28px) / 2);
|
|
}
|
|
.v-treeview-indent-lines {
|
|
position: absolute;
|
|
inset-inline-start: 0;
|
|
height: 100%;
|
|
display: grid;
|
|
padding-inline-start: 8px;
|
|
padding-block: 0;
|
|
grid-template-columns: repeat(var(--v-indent-parts, 1), var(--prepend-width));
|
|
opacity: var(--v-treeview-indent-line-opacity);
|
|
pointer-events: none;
|
|
}
|
|
.v-treeview-indent-line, .v-treeview-indent-line::before {
|
|
border: 0px solid var(--v-treeview-indent-line-color);
|
|
}
|
|
.v-treeview-indent-line--leaf, .v-treeview-indent-line--line {
|
|
border-inline-start-width: 1px;
|
|
height: 100%;
|
|
width: calc(50% + 1px);
|
|
justify-self: end;
|
|
}
|
|
.v-treeview-indent-line--leaf {
|
|
position: relative;
|
|
}
|
|
.v-treeview-indent-line--leaf::before {
|
|
content: "";
|
|
position: absolute;
|
|
border-bottom-width: 1px;
|
|
height: calc(50% + 1px);
|
|
width: 100%;
|
|
}
|
|
.v-treeview-indent-line--leaf:last-child::before {
|
|
width: calc(100% - 4px);
|
|
}
|
|
.v-treeview-indent-line--leaf-link {
|
|
border-bottom-width: 1px;
|
|
height: calc(50% + 1px);
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 6px;
|
|
}
|
|
.v-treeview-indent-line--last-leaf {
|
|
border-inline-start-width: 1px;
|
|
border-bottom-width: 1px;
|
|
height: calc(50% + 1px);
|
|
margin-inline-start: calc(50% - 1px);
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.v-locale--is-rtl.v-treeview-indent-line--last-leaf, .v-locale--is-rtl .v-treeview-indent-line--last-leaf {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.v-treeview-indent-line--last-leaf:last-child {
|
|
margin-inline-end: 4px;
|
|
}
|
|
.v-treeview-group.v-list-group {
|
|
--list-indent-size: 0px;
|
|
}
|
|
.v-treeview-group.v-list-group > .v-treeview-item__level {
|
|
width: 0px;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-treeview-group.v-list-group .v-list-group__items .v-list-item {
|
|
padding-inline-start: calc(var(--indent-padding));
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-virtual-scroll {
|
|
display: block;
|
|
flex: 1 1 auto;
|
|
max-width: 100%;
|
|
overflow: auto;
|
|
position: relative;
|
|
}
|
|
.v-virtual-scroll__container {
|
|
display: block;
|
|
}
|
|
}@layer vuetify-components {}
|
|
@layer vuetify-overrides {
|
|
.v-color-picker-preview__alpha .v-slider-track__background {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
|
|
background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
|
|
}
|
|
.v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
|
|
background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
|
|
}
|
|
.v-color-picker-preview__alpha .v-slider-track__background::after {
|
|
content: "";
|
|
z-index: -1;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
|
|
border-radius: inherit;
|
|
}
|
|
.v-color-picker-preview__sliders {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: column;
|
|
padding-inline-end: 8px;
|
|
}
|
|
.v-color-picker-preview__dot {
|
|
position: relative;
|
|
height: 30px;
|
|
width: 30px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
margin-inline-end: 24px;
|
|
}
|
|
.v-color-picker-preview__dot > div {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
|
|
background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
|
|
}
|
|
.v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
|
|
background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
|
|
}
|
|
.v-color-picker-preview__track {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@layer vuetify-overrides {
|
|
.v-color-picker-preview__track {
|
|
margin: 0;
|
|
}
|
|
}
|
|
@layer vuetify-components {
|
|
.v-color-picker-preview__track .v-slider-track__fill {
|
|
display: none;
|
|
}
|
|
.v-color-picker-preview {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-bottom: 0;
|
|
}
|
|
.v-color-picker-preview__eye-dropper {
|
|
position: relative;
|
|
margin-right: 12px;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-color-picker-preview__dot {
|
|
border-style: solid;
|
|
}
|
|
.v-color-picker-preview__dot > div {
|
|
forced-color-adjust: preserve-parent-color;
|
|
}
|
|
.v-color-picker-preview__sliders {
|
|
forced-color-adjust: preserve-parent-color;
|
|
}
|
|
.v-color-picker-preview .v-slider-thumb__surface {
|
|
background: transparent;
|
|
border: solid canvastext;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-color-picker-canvas {
|
|
display: flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
contain: content;
|
|
touch-action: none;
|
|
width: 100%;
|
|
}
|
|
.v-color-picker-canvas__dot {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 15px;
|
|
height: 15px;
|
|
background: transparent;
|
|
border-radius: 50%;
|
|
box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-color-picker-canvas__dot {
|
|
border-style: solid;
|
|
outline: 2px solid highlight;
|
|
}
|
|
}
|
|
.v-color-picker-canvas__dot--disabled {
|
|
box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.v-color-picker-canvas:hover .v-color-picker-canvas__dot {
|
|
will-change: transform;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-color-picker-swatches {
|
|
overflow-y: auto;
|
|
}
|
|
.v-color-picker-swatches > div {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
padding: 8px;
|
|
}
|
|
.v-color-picker-swatches__swatch {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 10px;
|
|
}
|
|
.v-color-picker-swatches__color {
|
|
position: relative;
|
|
height: 18px;
|
|
max-height: 18px;
|
|
width: 45px;
|
|
margin: 2px 4px;
|
|
border-radius: 2px;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
overflow: hidden;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
|
|
cursor: pointer;
|
|
}
|
|
.v-color-picker-swatches__color--disabled {
|
|
opacity: var(--v-disabled-opacity);
|
|
pointer-events: none;
|
|
}
|
|
.v-color-picker-swatches__color > div {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-color-picker-swatches > div {
|
|
forced-color-adjust: preserve-parent-color;
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-color-picker-edit {
|
|
display: flex;
|
|
margin-top: 24px;
|
|
}
|
|
.v-color-picker-edit__input {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.v-color-picker-edit__input > input::-webkit-outer-spin-button,
|
|
.v-color-picker-edit__input > input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.v-color-picker-edit__input:not(:last-child) {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.v-color-picker-edit__input input {
|
|
padding: 0;
|
|
font: inherit;
|
|
border-style: none;
|
|
border-radius: 4px;
|
|
margin: 0 0 8px;
|
|
min-width: 0;
|
|
outline: none;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 32px;
|
|
background: color-mix(in srgb, rgb(var(--v-theme-surface-variant)) 20%, transparent);
|
|
color: rgba(var(--v-theme-on-surface));
|
|
-moz-appearance: textfield;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-color-picker-edit__input input {
|
|
border-style: solid;
|
|
}
|
|
}
|
|
.v-color-picker-edit__input span {
|
|
font-size: 0.75rem;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-slider-thumb {
|
|
touch-action: none;
|
|
color: rgb(var(--v-theme-surface-variant));
|
|
}
|
|
.v-input--error:not(.v-input--disabled) .v-slider-thumb {
|
|
color: inherit;
|
|
}
|
|
.v-slider-thumb__label {
|
|
background: color-mix(in srgb, rgb(var(--v-theme-surface-variant)) 70%, transparent);
|
|
color: rgb(var(--v-theme-on-surface-variant));
|
|
}
|
|
.v-slider-thumb__label > .v-slider-thumb__label-wedge {
|
|
background: inherit;
|
|
}
|
|
.v-slider-thumb {
|
|
outline: none;
|
|
position: absolute;
|
|
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
}
|
|
.v-slider-thumb__surface {
|
|
cursor: pointer;
|
|
width: var(--v-slider-thumb-size);
|
|
height: var(--v-slider-thumb-size);
|
|
border-radius: 50%;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
background-color: currentColor;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-slider-thumb__surface {
|
|
background-color: highlight;
|
|
}
|
|
}
|
|
.v-slider-thumb__surface::before {
|
|
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
content: "";
|
|
color: inherit;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
background: currentColor;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
.v-slider-thumb__surface::after {
|
|
content: "";
|
|
width: 42px;
|
|
height: 42px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.v-slider-thumb__label-container {
|
|
position: absolute;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
|
|
}
|
|
.v-slider-thumb__label {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 0.6875rem;
|
|
min-width: 35px;
|
|
height: 25px;
|
|
border-radius: 4px;
|
|
padding: 6px;
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
|
|
}
|
|
.v-slider-thumb__label > .v-slider-thumb__label-wedge {
|
|
width: 12px;
|
|
height: 12px;
|
|
position: absolute;
|
|
}
|
|
.v-slider-thumb__ripple {
|
|
position: absolute;
|
|
left: calc(var(--v-slider-thumb-size) / -2);
|
|
top: calc(var(--v-slider-thumb-size) / -2);
|
|
width: calc(var(--v-slider-thumb-size) * 2);
|
|
height: calc(var(--v-slider-thumb-size) * 2);
|
|
background: inherit;
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-thumb {
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-thumb__label-container {
|
|
left: calc(var(--v-slider-thumb-size) / 2);
|
|
top: 0;
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-thumb__label {
|
|
bottom: calc(var(--v-slider-thumb-size) / 2);
|
|
}
|
|
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
|
|
transform: translateX(-50%);
|
|
}
|
|
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
|
|
transform: translateX(50%);
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-thumb__label > .v-slider-thumb__label-wedge {
|
|
clip-path: polygon(50% 100%, 0 50%, 100% 50%);
|
|
bottom: calc(-6px + 0.2px);
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-thumb {
|
|
top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-thumb__label-container {
|
|
top: calc(var(--v-slider-thumb-size) / 2);
|
|
right: 0;
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-thumb__label {
|
|
top: -12.5px;
|
|
left: calc(var(--v-slider-thumb-size) / 2);
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-thumb__label > .v-slider-thumb__label-wedge {
|
|
clip-path: polygon(0 50%, 50% 0, 50% 100%);
|
|
left: calc(-6px + 0.2px);
|
|
}
|
|
.v-slider-thumb--focused .v-slider-thumb__surface::before {
|
|
transform: scale(2);
|
|
opacity: var(--v-focus-opacity);
|
|
}
|
|
.v-slider-thumb--pressed {
|
|
transition: none;
|
|
}
|
|
.v-slider-thumb--pressed .v-slider-thumb__surface::before {
|
|
opacity: var(--v-pressed-opacity);
|
|
}
|
|
@media (hover: hover) {
|
|
.v-slider-thumb:hover .v-slider-thumb__surface::before {
|
|
transform: scale(2);
|
|
}
|
|
.v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
|
|
opacity: var(--v-hover-opacity);
|
|
}
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-slider-track__background {
|
|
background-color: rgb(var(--v-theme-surface-variant));
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-slider-track__background {
|
|
background-color: highlight;
|
|
}
|
|
}
|
|
.v-slider-track__fill {
|
|
background-color: rgb(var(--v-theme-surface-variant));
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-slider-track__fill {
|
|
background-color: highlight;
|
|
}
|
|
}
|
|
.v-slider-track__tick {
|
|
background-color: rgb(var(--v-theme-surface-variant));
|
|
}
|
|
.v-slider-track__tick--filled {
|
|
background-color: rgb(var(--v-theme-surface-light));
|
|
}
|
|
.v-slider-track {
|
|
border-radius: 6px;
|
|
}
|
|
@media (forced-colors: active) {
|
|
.v-slider-track {
|
|
border: thin solid buttontext;
|
|
}
|
|
}
|
|
.v-slider-track__background, .v-slider-track__fill {
|
|
position: absolute;
|
|
transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
border-radius: inherit;
|
|
}
|
|
.v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
|
|
transition: none;
|
|
}
|
|
.v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
|
|
background-color: currentColor;
|
|
}
|
|
.v-slider-track__ticks {
|
|
height: 100%;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
.v-slider-track__tick {
|
|
position: absolute;
|
|
opacity: 0;
|
|
transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
|
border-radius: 2px;
|
|
width: var(--v-slider-tick-size);
|
|
height: var(--v-slider-tick-size);
|
|
transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
|
|
}
|
|
.v-locale--is-ltr.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
|
|
transform: none;
|
|
}
|
|
.v-locale--is-rtl.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
|
|
transform: translateX(100%);
|
|
}
|
|
.v-locale--is-ltr.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
|
|
transform: translateX(-100%);
|
|
}
|
|
.v-locale--is-rtl.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
|
|
transform: none;
|
|
}
|
|
.v-slider-track__tick-label {
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap;
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-track {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: calc(var(--v-slider-track-size) + 2px);
|
|
touch-action: pan-y;
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-track__background {
|
|
height: var(--v-slider-track-size);
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-track__fill {
|
|
height: inherit;
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-track__tick {
|
|
margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
|
|
}
|
|
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
|
|
transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
|
|
margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
|
|
}
|
|
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
|
|
transform: translateX(-50%);
|
|
}
|
|
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
|
|
transform: translateX(50%);
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-track__tick--first {
|
|
margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
|
|
}
|
|
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
|
|
transform: translateX(0%);
|
|
}
|
|
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
|
|
transform: translateX(0%);
|
|
}
|
|
.v-slider.v-input--horizontal .v-slider-track__tick--last {
|
|
margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
|
|
}
|
|
.v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
|
|
transform: translateX(-100%);
|
|
}
|
|
.v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
|
|
transform: translateX(100%);
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-track {
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: calc(var(--v-slider-track-size) + 2px);
|
|
touch-action: pan-x;
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-track__background {
|
|
width: var(--v-slider-track-size);
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-track__fill {
|
|
width: inherit;
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-track__ticks {
|
|
height: 100%;
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-track__tick {
|
|
margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
|
|
transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
|
|
}
|
|
.v-locale--is-rtl.v-slider.v-input--vertical .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
|
|
transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-track__tick--first {
|
|
bottom: calc(0% + var(--v-slider-tick-size) + 1px);
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-track__tick--last {
|
|
bottom: calc(100% - var(--v-slider-tick-size) - 1px);
|
|
}
|
|
.v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
|
|
margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
|
|
transform: translateY(-50%);
|
|
}
|
|
.v-slider-track__ticks--always-show .v-slider-track__tick, .v-slider--focused .v-slider-track__tick {
|
|
opacity: 1;
|
|
}
|
|
.v-slider-track__background--opacity {
|
|
opacity: 0.38;
|
|
}
|
|
}@layer vuetify-components {
|
|
.v-calendar-events .v-event-more {
|
|
background-color: rgb(var(--v-theme-surface));
|
|
color: rgb(var(--v-theme-on-surface));
|
|
}
|
|
.v-calendar-events .v-event-more.v-outside {
|
|
background-color: rgb(var(--v-theme-surface-light));
|
|
color: rgb(var(--v-theme-on-surface-light));
|
|
}
|
|
.v-calendar .v-event {
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
line-height: 20px;
|
|
margin-right: -1px;
|
|
z-index: 1;
|
|
border-radius: 4px;
|
|
}
|
|
.v-calendar .v-event-more {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
.v-calendar .v-event-timed-container {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin-right: 10px;
|
|
pointer-events: none;
|
|
}
|
|
.v-calendar .v-event-timed {
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
border: 1px solid rgb(var(--v-theme-surface));
|
|
border-radius: 4px;
|
|
pointer-events: all;
|
|
}
|
|
.v-calendar .v-event-summary {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
}
|
|
.v-calendar.v-calendar-events .v-calendar-weekly__head-weekday {
|
|
margin-right: -1px;
|
|
}
|
|
.v-calendar.v-calendar-events .v-calendar-weekly__day {
|
|
overflow: visible;
|
|
margin-right: -1px;
|
|
}
|
|
} |