vuetify
Version:
Vue Material Component Framework
2,640 lines • 239 kB
CSS
@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 {
p