@vuetify/nightly 3.9.0-master.2025-07-08 → 3.9.0-next.2025-07-09

package/lib/components/VSlider/VSliderTrack.css

@@ -1,178 +1,159 @@
-.v-slider-track__background {
-  background-color: rgb(var(--v-theme-surface-variant));
-}
-@media (forced-colors: active) {
+@layer vuetify.components {
   .v-slider-track__background {
-    background-color: highlight;
-  }
-}
-
-.v-slider-track__fill {
-  background-color: rgb(var(--v-theme-surface-variant));
-}
-@media (forced-colors: active) {
+    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: 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) {
+    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: 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;
-  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;
+    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;
+    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;
+  }
 }

package/lib/components/VSnackbar/VSnackbar.css

@@ -1,141 +1,141 @@
-.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:not(.v-snackbar--center):not(.v-snackbar--top) {
-  align-items: flex-end;
-}
-.v-snackbar__wrapper {
-  align-items: center;
-  display: flex;
-  max-width: 672px;
-  min-height: 48px;
-  min-width: 344px;
-  overflow: hidden;
-  padding: 0;
-}
-.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 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-}
-.v-snackbar--variant-flat {
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-}
-.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__content {
-  flex-grow: 1;
-  font-size: 0.875rem;
-  font-weight: 400;
-  letter-spacing: 0.0178571429em;
-  line-height: 1.425;
-  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;
-  top: 0;
-}
-.v-snackbar__timer .v-progress-linear {
-  transition: 0.2s linear;
-}
-.v-snackbar--absolute {
-  position: absolute;
-  z-index: 1;
-}
-.v-snackbar--multi-line .v-snackbar__wrapper {
-  min-height: 68px;
-}
-.v-snackbar--vertical .v-snackbar__wrapper {
-  flex-direction: column;
-}
-.v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
-  align-self: flex-end;
-  margin-bottom: 8px;
-}
-.v-snackbar--center {
-  align-items: center;
-  justify-content: center;
-}
-.v-snackbar--top {
-  align-items: flex-start;
-}
-.v-snackbar--bottom {
-  align-items: flex-end;
-}
-.v-snackbar--left, .v-snackbar--start {
-  justify-content: flex-start;
-}
-.v-snackbar--right, .v-snackbar--end {
-  justify-content: flex-end;
-}
-
-.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;
-}
-.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-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:not(.v-snackbar--center):not(.v-snackbar--top) {
+    align-items: flex-end;
+  }
+  .v-snackbar__wrapper {
+    align-items: center;
+    display: flex;
+    max-width: 672px;
+    min-height: 48px;
+    min-width: 344px;
+    overflow: hidden;
+    padding: 0;
+  }
+  .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 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  }
+  .v-snackbar--variant-flat {
+    box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  }
+  .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__content {
+    flex-grow: 1;
+    font-size: 0.875rem;
+    font-weight: 400;
+    letter-spacing: 0.0178571429em;
+    line-height: 1.425;
+    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;
+    top: 0;
+  }
+  .v-snackbar__timer .v-progress-linear {
+    transition: 0.2s linear;
+  }
+  .v-snackbar--absolute {
+    position: absolute;
+    z-index: 1;
+  }
+  .v-snackbar--multi-line .v-snackbar__wrapper {
+    min-height: 68px;
+  }
+  .v-snackbar--vertical .v-snackbar__wrapper {
+    flex-direction: column;
+  }
+  .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
+    align-self: flex-end;
+    margin-bottom: 8px;
+  }
+  .v-snackbar--center {
+    align-items: center;
+    justify-content: center;
+  }
+  .v-snackbar--top {
+    align-items: flex-start;
+  }
+  .v-snackbar--bottom {
+    align-items: flex-end;
+  }
+  .v-snackbar--left, .v-snackbar--start {
+    justify-content: flex-start;
+  }
+  .v-snackbar--right, .v-snackbar--end {
+    justify-content: flex-end;
+  }
+  .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;
+  }
+  .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;
+  }
 }