@vuetify/nightly 3.8.1-next.2025-04-15 → 3.8.2-dev.2025-04-17

package/lib/components/VSlider/VSliderTrack.css

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