@vc-shell/framework 1.1.2 → 1.1.4

package/dist/assets/css/ui-navigation-DcPRn8SB.css

@@ -1,1693 +0,0 @@
-:root {
-  --assets-details-border: var(--neutrals-200);
-  --assets-details-thumbnail-color: var(--secondary-500);
-}:root {
-  --app-switcher-item-text-color: var(--additional-950);
-  --app-switcher-height: var(--app-bar-height);
-}
-.vc-app-switcher {
-  position: relative;
-  display: flex;
-  flex-shrink: 0;
-}
-.vc-app-switcher__item {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: 0.75rem;
-}
-.vc-app-switcher__item-icon {
-  margin-right: 0.5rem;
-  height: 1.25rem;
-  width: 1.25rem;
-  flex-shrink: 0;
-}
-.vc-app-switcher__item-title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 0.875rem;
-  font-weight: 400;
-  line-height: 1.25rem;
-  color: var(--app-switcher-item-text-color);
-  transition: opacity 0.3s ease;
-}.notification__container {
-  position: fixed;
-  z-index: 9999;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  /* Default position - top center */
-  /* Top center */
-  /* Top right */
-  /* Top left */
-  /* Bottom center */
-  /* Bottom right */
-  /* Bottom left */
-  /* Mobile styles */
-}
-.notification__container:not([data-position]) {
-  top: 1em;
-  left: 50%;
-  transform: translateX(-50%);
-}
-.notification__container[data-position=top-center] {
-  top: 1em;
-  left: 50%;
-  transform: translateX(-50%);
-}
-.notification__container[data-position=top-right] {
-  top: 1em;
-  right: 1em;
-}
-.notification__container[data-position=top-left] {
-  top: 1em;
-  left: 1em;
-}
-.notification__container[data-position=bottom-center] {
-  bottom: 1em;
-  left: 50%;
-  transform: translateX(-50%);
-}
-.notification__container[data-position=bottom-right] {
-  bottom: 1em;
-  right: 1em;
-}
-.notification__container[data-position=bottom-left] {
-  bottom: 1em;
-  left: 1em;
-}
-@media screen and (max-width: 768px) {
-  .notification__container {
-    width: 90%;
-    max-width: 400px;
-  }
-  .notification__container[data-position=top-left], .notification__container[data-position=bottom-left] {
-    left: 5%;
-  }
-  .notification__container[data-position=top-right], .notification__container[data-position=bottom-right] {
-    right: 5%;
-  }
-}
-
-/* Animation styles for toast notifications */
-:root {
-  --notification-slide-distance: 30px;
-}
-
-/* Exit animation classes */
-.notification-exit-top-center {
-  animation: notificationExitTopCenter 0.3s ease-out forwards;
-}
-
-.notification-exit-top-right {
-  animation: notificationExitTopRight 0.3s ease-out forwards;
-}
-
-.notification-exit-top-left {
-  animation: notificationExitTopLeft 0.3s ease-out forwards;
-}
-
-.notification-exit-bottom-center {
-  animation: notificationExitBottomCenter 0.3s ease-out forwards;
-}
-
-.notification-exit-bottom-right {
-  animation: notificationExitBottomRight 0.3s ease-out forwards;
-}
-
-.notification-exit-bottom-left {
-  animation: notificationExitBottomLeft 0.3s ease-out forwards;
-}
-
-/* Keyframes for exit animations */
-@keyframes notificationExitTopCenter {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(-30px);
-  }
-}
-@keyframes notificationExitTopRight {
-  from {
-    opacity: 1;
-    transform: translate(0, 0);
-  }
-  to {
-    opacity: 0;
-    transform: translate(30px, -30px);
-  }
-}
-@keyframes notificationExitTopLeft {
-  from {
-    opacity: 1;
-    transform: translate(0, 0);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-30px, -30px);
-  }
-}
-@keyframes notificationExitBottomCenter {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(30px);
-  }
-}
-@keyframes notificationExitBottomRight {
-  from {
-    opacity: 1;
-    transform: translate(0, 0);
-  }
-  to {
-    opacity: 0;
-    transform: translate(30px, 30px);
-  }
-}
-@keyframes notificationExitBottomLeft {
-  from {
-    opacity: 1;
-    transform: translate(0, 0);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-30px, 30px);
-  }
-}
-.notification__container > * {
-  transition: opacity 300ms cubic-bezier(0.55, 0, 0.1, 1), transform 300ms cubic-bezier(0.55, 0, 0.1, 1);
-  opacity: 1;
-  transform: translateY(0) scale(1);
-}.vc-mobile-back-button {
-  position: relative;
-}
-.vc-mobile-back-button__breadcrumbs {
-  position: fixed;
-  z-index: 1000;
-  background: var(--additional-50);
-  border-radius: var(--blade-navigation-border-radius);
-  box-shadow: var(--blade-navigation-shadow);
-  padding: 0.5rem;
-}
-.vc-mobile-back-button__breadcrumbs-button--active {
-  background-color: var(--neutrals-100);
-}:root {
-  --blade-navigation-bg-color: var(--additional-50);
-  --blade-navigation-shadow-color: var(--additional-950);
-  --blade-navigation-shadow: 2px 2px 8px rgb(from var(--blade-navigation-shadow-color) r g b / 7%);
-  --blade-navigation-border-radius: var(--blade-border-radius);
-}:root {
-  --popup-close-btn-bg: var(--neutrals-100);
-  --popup-close-btn-bg-hover: color-mix(in srgb, var(--popup-close-btn-bg), #000 5%);
-  --popup-header-color: var(--primary-700);
-  --popup-content-text-color: var(--primary-700);
-  --popup-warning-icon-color: var(--warning-500);
-  --popup-error-icon-color: var(--danger-500);
-  --popup-success-icon-color: var(--success-500);
-  --popup-info-icon-color: var(--info-500);
-  --popup-footer-separator: var(--neutrals-200);
-  --popup-overlay-color: var(--additional-50);
-  --popup-overlay: rgb(from var(--popup-overlay-color) r g b / 75%);
-  --popup-bg: var(--additional-50);
-}
-.vc-popup__overlay {
-  position: fixed;
-  inset: 0px;
-  background-color: rgb(0 0 0 / 0.5);
-  --tw-backdrop-blur: blur(3px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-.vc-popup__container {
-  position: fixed;
-  inset: 0px;
-  overflow-y: auto;
-}
-.vc-popup__container--desktop {
-  padding: 1rem;
-}
-.vc-popup__container--mobile {
-  padding: 0px;
-}
-.vc-popup__center {
-  display: flex;
-  min-height: 100%;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-}
-.vc-popup__panel {
-  width: 100%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  overflow: hidden;
-  border-radius: 5px;
-  background-color: var(--popup-bg);
-  text-align: left;
-  vertical-align: middle;
-  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.vc-popup__panel--desktop {
-  display: flex;
-  flex-direction: column;
-  max-height: calc(100vh - 40px);
-}
-.vc-popup__panel--mobile {
-  display: flex;
-  height: 100dvh;
-  max-width: 100%;
-  flex-direction: column;
-  border-radius: 0px;
-}
-.vc-popup__panel--fullscreen {
-  height: 100vh !important;
-}
-.vc-popup__title {
-  display: flex;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-  font-size: 1.125rem;
-  font-weight: 600;
-  line-height: 1.25rem;
-  color: var(--popup-header-color);
-}
-.vc-popup__close-btn {
-  margin-left: auto;
-  display: inline-flex;
-  height: 26px;
-  width: 26px;
-  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
-  background-color: var(--popup-close-btn-bg);
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.vc-popup__close-btn:hover {
-  background-color: var(--popup-close-btn-bg-hover);
-}
-.vc-popup__content {
-  display: flex;
-  min-height: 0px;
-  width: 100%;
-  flex-grow: 1;
-  gap: 1.25rem;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-bottom: 1.25rem;
-  padding-top: 0.75rem;
-}
-.vc-popup__content-inner {
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  overflow-y: auto;
-  font-size: 0.875rem;
-  font-weight: 400;
-  line-height: 1.25rem;
-  color: var(--popup-content-text-color);
-  word-break: break-word;
-}
-.vc-popup__content-inner--grow {
-  flex-grow: 1;
-}
-.vc-popup__content-wrapper {
-  display: flex;
-  max-height: -webkit-fill-available;
-  max-height: -moz-available;
-  min-height: 0px;
-  flex: 1 1 auto;
-  align-self: center;
-}
-.vc-popup__content-wrapper--full {
-  height: 100%;
-}
-.vc-popup__footer {
-  display: flex;
-  align-items: center;
-  border-top-width: 1px;
-  border-style: solid;
-  border-top-color: var(--popup-footer-separator);
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.vc-popup__close-button {
-  margin-left: auto;
-}
-.vc-popup__icon {
-  align-self: center;
-  font-size: 40px;
-}
-.vc-popup__icon--warning {
-  color: var(--popup-warning-icon-color);
-}
-.vc-popup__icon--error {
-  color: var(--popup-error-icon-color);
-}
-.vc-popup__icon--success {
-  color: var(--popup-success-icon-color);
-}
-.vc-popup__icon--info {
-  color: var(--popup-info-icon-color);
-}
-.vc-popup__transition-enter {
-  transition-duration: 300ms;
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.vc-popup__transition-enter-from {
-  opacity: 0;
-}
-.vc-popup__transition-enter-to {
-  opacity: 1;
-}
-.vc-popup__transition-leave {
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.vc-popup__transition-leave-from {
-  opacity: 1;
-}
-.vc-popup__transition-leave-to {
-  opacity: 0;
-}
-.vc-popup__dialog-enter {
-  transition-duration: 300ms;
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.vc-popup__dialog-enter-from {
-  --tw-scale-x: .95;
-  --tw-scale-y: .95;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  opacity: 0;
-}
-.vc-popup__dialog-enter-to {
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  opacity: 1;
-}
-.vc-popup__dialog-leave {
-  transition-duration: 200ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-.vc-popup__dialog-leave-from {
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  opacity: 1;
-}
-.vc-popup__dialog-leave-to {
-  --tw-scale-x: .95;
-  --tw-scale-y: .95;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  opacity: 0;
-}:root {
-  --confirm-button-color: var(--secondary-700);
-}:root {
-  --confirm-button-color: var(--secondary-700);
-}:root {
-  --confirm-button-color: var(--secondary-700);
-}:root {
-  --change-password-error-color: var(--danger-500);
-  --change-password-text-color: var(--additional-950);
-}.vc-external-provider__icon {
-    flex-shrink: 0
-}:root {
-  --assets-manager-empty-icon-color: var(--primary-400);
-  --assets-manager-thumbnail-color: var(--secondary-500);
-  --assets-manager-mobile-border: var(--info-100);
-}.vc-invite-page {
-
-    margin: 0px;
-
-    box-sizing: border-box;
-
-    display: flex;
-
-    height: 100%;
-
-    width: 100%;
-
-    flex-direction: column;
-
-    align-items: center
-}
-.vc-invite-page__input {
-
-    margin-bottom: 1rem;
-
-    margin-top: 0.25rem
-}
-.vc-invite-page__input--small {
-
-    margin-bottom: 1rem
-}
-.vc-invite-page__button-container {
-
-    display: flex;
-
-    align-items: center;
-
-    justify-content: center;
-
-    padding-top: 0.5rem
-}
-.vc-invite-page__spacer {
-
-    flex-grow: 1;
-
-    flex-basis: 0px
-}
-.vc-invite-page__hint {
-
-    margin-top: 0.75rem
-}:root {
-  --login-separator: var(--secondary-200);
-  --login-separator-text: var(--primary-300);
-  --login-error: var(--danger-500);
-}
-.vc-login-page__input {
-  margin-bottom: 1rem;
-  margin-top: 0.25rem;
-}
-.vc-login-page__input--small {
-  margin-bottom: 1rem;
-}
-.vc-login-page__forgot-password-container {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding-top: 0.5rem;
-}
-.vc-login-page__button-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding-top: 0.5rem;
-}
-.vc-login-page__submit-button {
-  width: 7rem;
-}
-.vc-login-page__extension {
-  margin-top: 1.5rem;
-  display: flex;
-  justify-content: center;
-  border-top-width: 1px;
-  border-top-color: var(--login-separator);
-  padding-top: 1.5rem;
-}
-.vc-login-page__separator {
-  margin-top: 1rem;
-}
-.vc-login-page__separator-line {
-  display: flex;
-  align-items: center;
-  text-align: center;
-  text-transform: uppercase;
-  color: var(--login-separator-text);
-}
-.vc-login-page__separator-line::before {
-  margin-right: 0.5rem;
-  flex: 1 1 0%;
-  border-bottom-width: 1px;
-  border-bottom-color: var(--login-separator);
-  --tw-content: "";
-  content: var(--tw-content);
-}
-.vc-login-page__separator-line::after {
-  margin-left: 0.5rem;
-  flex: 1 1 0%;
-  border-bottom-width: 1px;
-  border-bottom-color: var(--login-separator);
-  --tw-content: "";
-  content: var(--tw-content);
-}
-.vc-login-page__error-hint {
-  margin-top: 0.75rem;
-  color: var(--login-error);
-}
-.vc-login-page__forgot-form-buttons {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-top: 0.5rem;
-}
-.vc-login-page__spacer {
-  flex-grow: 1;
-  flex-basis: 0px;
-}:root {
-  --reset-password-error-color: var(--danger-500);
-}
-.vc-reset-password-page {
-  margin: 0px;
-  box-sizing: border-box;
-  display: flex;
-  height: 100%;
-  width: 100%;
-  flex-direction: column;
-}
-.vc-reset-password-page__input {
-  margin-bottom: 1rem;
-  margin-top: 0.25rem;
-}
-.vc-reset-password-page__input-small {
-  margin-bottom: 1rem;
-}
-.vc-reset-password-page__button-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding-top: 0.5rem;
-}
-.vc-reset-password-page__spacer {
-  flex-grow: 1;
-  flex-basis: 0px;
-}
-.vc-reset-password-page__submit-button {
-  width: 7rem;
-}
-.vc-reset-password-page__error-hint {
-  margin-top: 0.75rem !important;
-  color: var(--reset-password-error-color) !important;
-}.vc-change-password {
-    box-sizing: border-box;
-    display: flex;
-    height: 100%;
-    width: 100%;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center
-}:root {
-  --blade-header-height: 70px;
-  --blade-header-mobile-height: 60px;
-  --blade-header-background-color: var(--additional-50);
-  --blade-header-button-color: var(--neutrals-400);
-  --blade-header-button-color-hover: var(--neutrals-500);
-  --blade-header-breadcrumbs-button-color: var(--neutrals-500);
-  --blade-header-breadcrumbs-button-color-hover: var(--neutrals-700);
-  --blade-header-icon-color: var(--secondary-500);
-  --blade-header-title-font-size: 19px;
-  --blade-header-title-color: var(--neutrals-950);
-  --blade-header-subtitle-color: var(--secondary-500);
-  --blade-not-edited: var(--success-400);
-  --blade-edited: var(--warning-500);
-  --blade-header-border-color: var(--neutrals-200);
-  --blade-tooltip-background: var(--additional-50);
-  --blade-tooltip-border: var(--neutrals-200);
-  --blade-tooltip-text: var(--neutrals-600);
-}
-.vc-blade-header {
-  display: flex;
-  height: var(--blade-header-height);
-  flex-shrink: 0;
-  align-items: center;
-  border-bottom-width: 1px;
-  border-style: solid;
-  border-bottom-color: var(--blade-header-border-color);
-  background-color: var(--blade-header-background-color);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-.vc-blade-header--mobile {
-  height: var(--blade-header-mobile-height);
-}
-.vc-blade-header--mobile .vc-blade-header__title {
-  font-size: 1.125rem;
-  line-height: 22px;
-}
-.vc-blade-header--hidden {
-  display: none;
-}
-.vc-blade-header__wrapper {
-  display: flex;
-  flex-grow: 1;
-  flex-basis: 0px;
-  align-items: center;
-  justify-content: space-between;
-  overflow: hidden;
-}
-.vc-blade-header__actions {
-  flex-shrink: 0;
-  overflow: hidden;
-}
-.vc-blade-header__status {
-  z-index: 1;
-  margin-right: 10px;
-  display: block;
-  height: 0.5rem;
-  width: 0.5rem;
-  border-radius: 9999px;
-}
-.vc-blade-header__status-container {
-  display: flex;
-  flex: 1 1 0%;
-  flex-direction: row;
-  align-items: center;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.vc-blade-header__status-not-edited {
-  background-color: var(--blade-not-edited) !important;
-}
-.vc-blade-header__status-edited {
-  background-color: var(--blade-edited) !important;
-}
-.vc-blade-header__tooltip {
-  position: absolute;
-  z-index: 10;
-  margin-left: 1rem;
-  border-radius: 3px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--blade-tooltip-border);
-  background-color: var(--blade-tooltip-background);
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  font-weight: 400;
-  color: var(--blade-tooltip-text);
-  --tw-shadow: 1px 1px 8px rgba(126,142,157,0.25);
-  --tw-shadow-colored: 1px 1px 8px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.vc-blade-header__icon {
-  margin-right: 0.75rem;
-  color: var(--blade-header-icon-color);
-}
-.vc-blade-header__content {
-  overflow: hidden;
-}
-.vc-blade-header__title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 1.25rem;
-  line-height: 23px;
-  color: var(--blade-header-title-color);
-}
-.vc-blade-header__title-no-subtitle {
-  font-size: var(--blade-header-title-font-size) !important;
-  font-weight: 600 !important;
-}
-.vc-blade-header__subtitle {
-  margin-top: 0.25rem;
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  color: var(--blade-header-subtitle-color);
-}
-.vc-blade-header__controls {
-  display: flex;
-  align-items: center;
-}
-.vc-blade-header__button {
-  margin-left: 0.625rem;
-  cursor: pointer;
-  color: var(--blade-header-button-color);
-}
-.vc-blade-header__button:hover {
-  color: var(--blade-header-button-color-hover);
-}:root {
-  --blade-toolbar-base-button-separator-color: var(--neutrals-200);
-  --blade-toolbar-base-button-title-color: var(--neutrals-600);
-  --blade-toolbar-base-button-hover-color: var(--primary-600);
-  --blade-toolbar-base-button-disabled-color: var(--neutrals-400);
-  --blade-toolbar-base-button-icon-color: var(--neutrals-700);
-}
-.vc-blade-toolbar-base-button {
-  flex-shrink: 1;
-  cursor: pointer;
-  border-width: 0px;
-  background-color: transparent;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.vc-blade-toolbar-base-button__content {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-.vc-blade-toolbar-base-button__icon {
-  color: var(--blade-toolbar-base-button-icon-color);
-  display: flex !important;
-}
-.vc-blade-toolbar-base-button__title {
-  text-wrap: nowrap;
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  color: var(--blade-toolbar-base-button-title-color);
-}
-.vc-blade-toolbar-base-button--with-separator-left {
-  border-left-width: 1px;
-  border-style: solid;
-  border-color: var(--blade-toolbar-base-button-separator-color);
-}
-.vc-blade-toolbar-base-button--with-separator-right {
-  border-right-width: 1px;
-  border-style: solid;
-  border-color: var(--blade-toolbar-base-button-separator-color);
-}
-.vc-blade-toolbar-base-button--with-separator-both {
-  border-left-width: 1px;
-  border-right-width: 1px;
-  border-style: solid;
-  border-color: var(--blade-toolbar-base-button-separator-color);
-}
-.vc-blade-toolbar-base-button:hover:not(.vc-blade-toolbar-base-button--disabled) .vc-blade-toolbar-base-button__icon,
-.vc-blade-toolbar-base-button:hover:not(.vc-blade-toolbar-base-button--disabled) .vc-blade-toolbar-base-button__title {
-  color: var(--blade-toolbar-base-button-hover-color);
-}
-.vc-blade-toolbar-base-button--disabled {
-  cursor: default;
-}
-.vc-blade-toolbar-base-button--disabled .vc-blade-toolbar-base-button__icon,
-.vc-blade-toolbar-base-button--disabled .vc-blade-toolbar-base-button__title {
-  color: var(--blade-toolbar-base-button-disabled-color);
-}:root {
-  --blade-toolbar-circle-button-text-color: var(--additional-50);
-  --blade-toolbar-circle-button-bg-color: var(--neutrals-500);
-  --blade-toolbar-circle-button-main-bg-color: var(--primary-500);
-}
-.vc-blade-toolbar-circle-button:hover:not(.vc-blade-toolbar-base-button--disabled) .vc-blade-toolbar-base-button__title,
-.vc-blade-toolbar-circle-button:hover:not(.vc-blade-toolbar-base-button--disabled) .vc-blade-toolbar-base-button__icon {
-  color: var(--blade-toolbar-circle-button-text-color) !important;
-}
-.vc-blade-toolbar-circle-button__icon {
-  display: flex;
-  height: 2.25rem;
-  width: 2.25rem;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  background-color: var(--blade-toolbar-circle-button-bg-color);
-  color: var(--blade-toolbar-circle-button-text-color);
-}
-.vc-blade-toolbar-circle-button__icon--main {
-  display: flex;
-  width: auto;
-  background-color: var(--blade-toolbar-circle-button-main-bg-color);
-}
-.vc-blade-toolbar-circle-button__icon--main-expanded {
-  margin-left: 0px;
-  display: flex;
-  height: 46px;
-  width: 46px;
-  background-color: var(--blade-toolbar-circle-button-main-bg-color);
-}
-.vc-blade-toolbar-circle-button__title {
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  color: var(--blade-toolbar-circle-button-text-color);
-}
-.vc-blade-toolbar-circle-button__title--main {
-  color: var(--blade-toolbar-circle-button-text-color);
-}
-.vc-blade-toolbar-circle-button--main {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}:root {
-  --blade-toolbar-mobile-pill-bg-color: var(--primary-500);
-  --blade-toolbar-mobile-toggle-border-color: var(--primary-200);
-  --blade-toolbar-mobile-toggle-icon-color: var(--additional-50);
-  --blade-toolbar-mobile-overlay-bg-color: var(--additional-950);
-  --blade-toolbar-mobile-menu-shadow-base-color: var(--additional-950);
-  --blade-toolbar-mobile-shadow-color: rgb(from var(--blade-toolbar-mobile-menu-shadow-base-color) r g b / 25%);
-  --blade-toolbar-mobile-shadow-color-2: rgb(from var(--blade-toolbar-mobile-menu-shadow-base-color) r g b / 1%);
-}
-.vc-blade-toolbar-mobile__pill {
-  position: fixed;
-  bottom: 7rem;
-  right: 2rem;
-  z-index: 60;
-  display: flex;
-  height: 48px;
-  align-items: center;
-  border-radius: 9999px;
-  background-color: var(--blade-toolbar-mobile-pill-bg-color);
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  box-shadow: 0px 4px 4px 0px var(--blade-toolbar-mobile-shadow-color), 0px 2px 10px 0px var(--blade-toolbar-mobile-shadow-color-2);
-}
-.vc-blade-toolbar-mobile__pill--expanded {
-  background-color: transparent;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.vc-blade-toolbar-mobile__toggle {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  justify-content: center;
-  border-width: 0px;
-  border-left-width: 1px;
-  border-style: solid;
-  border-color: var(--blade-toolbar-mobile-toggle-border-color);
-  background-color: transparent;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  min-width: 40px;
-}
-.vc-blade-toolbar-mobile__toggle .vc-icon {
-  color: var(--blade-toolbar-mobile-toggle-icon-color);
-  font-size: 14px;
-}
-.vc-blade-toolbar-mobile__overlay {
-  position: fixed;
-  left: 0px;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  z-index: 55;
-  background-color: var(--blade-toolbar-mobile-overlay-bg-color);
-  opacity: 0.9;
-  transition: opacity 0.3s ease;
-}
-.vc-blade-toolbar-mobile__menu {
-  position: fixed;
-  bottom: 167px;
-  right: 33px;
-  z-index: 60;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 0.5rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.menu-enter-active,
-.menu-leave-active {
-  transition: all 0.3s ease;
-}
-.menu-enter-from,
-.menu-leave-to {
-  transform: translateY(20px);
-  opacity: 0;
-}
-.fade-enter-active {
-  transition: opacity 0.3s ease;
-}
-.fade-leave-active {
-  transition: opacity 0.3s ease;
-  transition-delay: 0.1s;
-}
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}:root {
-  --blade-toolbar-desktop-more-color: var(--neutrals-700);
-  --blade-toolbar-desktop-more-hover-color: var(--primary-600);
-}
-.vc-blade-toolbar-desktop {
-  position: relative;
-  width: 100%;
-}
-.vc-blade-toolbar-desktop__content {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.vc-blade-toolbar-desktop__more {
-  display: flex;
-  cursor: pointer;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  color: var(--blade-toolbar-desktop-more-color);
-}
-.vc-blade-toolbar-desktop__more-text {
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-}
-.vc-blade-toolbar-desktop__more:hover, .vc-blade-toolbar-desktop__more--active {
-  color: var(--blade-toolbar-desktop-more-hover-color);
-}.vc-blade-toolbar-buttons {
-  position: relative;
-  display: flex;
-  overflow: hidden;
-  width: -webkit-fill-available;
-  width: -moz-available !important
-}:root {
-  --blade-toolbar-height: 54px;
-  --blade-toolbar-height-expanded: 54px;
-  --blade-toolbar-background-color: var(--additional-50);
-  --blade-toolbar-border-color: var(--neutrals-200);
-  --blade-toolbar-icon-color: var(--neutrals-700);
-  --blade-toolbar-icon-hover-color: var(--primary-600);
-}
-.vc-blade-toolbar {
-  box-sizing: border-box;
-  display: flex;
-  width: 100%;
-  flex-shrink: 0;
-  align-content: center;
-  align-items: stretch;
-  border-bottom-width: 1px;
-  border-style: solid;
-  border-bottom-color: var(--blade-toolbar-border-color);
-  background-color: var(--blade-toolbar-background-color);
-}
-.vc-blade-toolbar__content {
-  position: relative;
-  display: flex;
-  min-height: var(--blade-toolbar-height);
-  width: 100%;
-  flex-direction: row;
-  overflow: hidden;
-}
-.vc-blade-toolbar--mobile {
-  position: fixed;
-  bottom: 0px;
-  right: 0px;
-  z-index: 50;
-  width: auto;
-  border-width: 0px;
-  background-color: transparent;
-  padding: 1rem;
-}.widget-container-desktop {
-  position: relative;
-  display: flex;
-  width: -moz-fit-content;
-  width: fit-content;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  background-color: var(--blade-toolbar-widgets-bg-color);
-}
-.widget-container-desktop__content {
-  display: flex;
-  flex-direction: row;
-  gap: 4px;
-}
-.widget-container-desktop__more {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 8px;
-  height: 100%;
-  cursor: pointer;
-  color: var(--blade-toolbar-icon-color);
-}
-.widget-container-desktop__more:hover, .widget-container-desktop__more--active {
-  color: var(--blade-toolbar-icon-hover-color);
-  background-color: var(--blade-toolbar-widgets-bg-hover-color);
-}:root {
-  --blade-toolbar-widgets-mobile-height: 80px;
-}
-.widget-container-mobile {
-  position: fixed;
-  bottom: 0;
-  left: 0 !important;
-  right: 0;
-  width: 100%;
-  height: var(--blade-toolbar-widgets-mobile-height);
-  z-index: 54;
-  background-color: var(--blade-toolbar-widgets-bg-color-mobile);
-}
-.widget-container-mobile__content {
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 0 22px;
-  gap: 4px;
-  height: var(--blade-toolbar-widgets-mobile-height);
-}
-.widget-container-mobile__more {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 8px;
-  height: 100%;
-  cursor: pointer;
-  color: var(--blade-toolbar-icon-color);
-}
-.widget-container-mobile__more:hover, .widget-container-mobile__more--active {
-  color: var(--blade-toolbar-icon-hover-color);
-  background-color: var(--blade-toolbar-widgets-bg-hover-color);
-}
-.widget-container-mobile__more-dropdown {
-  margin-left: auto;
-  width: auto;
-}:root {
-  --blade-toolbar-widgets-bg-color: var(--neutrals-100);
-  --blade-toolbar-widgets-bg-hover-color: var(--neutrals-200);
-  --blade-toolbar-widgets-bg-color-mobile: var(--additional-50);
-}
-.widget-container {
-  position: relative;
-  display: flex;
-  width: -moz-fit-content;
-  width: fit-content;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  background-color: var(--blade-toolbar-widgets-bg-color);
-}
-.widget-container--mobile {
-  position: fixed;
-  bottom: 0 !important;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: var(--blade-toolbar-widgets-mobile-height);
-  z-index: 100;
-}
-.widget-container--mobile .widget-container__content {
-  height: 100%;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 30px;
-  height: 80px;
-  background-color: var(--blade-toolbar-widgets-bg-color-mobile);
-}
-.widget-container--mobile .widget-container__measure {
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 30px;
-}
-.widget-container__measure {
-  position: absolute;
-  visibility: hidden;
-  pointer-events: none;
-  display: flex;
-  height: 0;
-  overflow: hidden;
-  left: -9999px;
-  gap: 4px;
-  width: 100%;
-}
-.widget-container__measure-item {
-  display: flex;
-}
-.widget-container__content {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  gap: 4px;
-}
-.widget-container__more {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 0 8px;
-  height: 100%;
-  cursor: pointer;
-  color: var(--blade-toolbar-icon-color);
-}
-.widget-container__more:hover {
-  color: var(--blade-toolbar-icon-hover-color);
-}
-.widget-container__more--active {
-  color: var(--blade-toolbar-icon-hover-color);
-  background-color: var(--blade-toolbar-widgets-bg-hover-color);
-}:root {
-  --blade-background-color: var(--additional-50);
-  --blade-color-error: var(--danger-500);
-  --blade-color-unsaved-changes: var(--secondary-600);
-  --blade-border-color: var(--neutrals-200);
-  --blade-icon-color: var(--secondary-400);
-  --blade-icon-hover-color: var(--secondary-500);
-  --blade-widgets-width: 50px;
-  --blade-widgets-width-expanded: 120px;
-  --blade-shadow-color: var(--primary-700);
-  --blade-shadow: 2px 2px 8px rgb(from var(--blade-shadow-color) r g b / 14%);
-  --blade-text-color: var(--additional-50);
-  --blade-widgets-bg-color: var(--neutrals-100);
-  --blade-widgets-more-color: var(--neutrals-600);
-}
-.vc-blade {
-  position: relative;
-  display: flex;
-  flex-shrink: 0;
-  flex-direction: column;
-  overflow: hidden;
-  transition-property: width;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 200ms;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--blade-border-color);
-  background-color: var(--blade-background-color);
-}
-.vc-blade__back-button {
-  margin-right: 14px;
-}
-.vc-blade--mobile {
-  width: 100% !important;
-}
-.vc-blade--expanded {
-  width: 100% !important;
-  flex-shrink: 1 !important;
-}
-.vc-blade--maximized {
-  position: absolute !important;
-  top: 0px !important;
-  bottom: 0px !important;
-  left: 0px !important;
-  z-index: 2 !important;
-  flex-shrink: 1 !important;
-  width: -webkit-fill-available !important;
-  width: -moz-available !important;
-}
-.vc-blade__header {
-  flex-shrink: 0;
-}
-.vc-blade__header--hidden {
-  display: none;
-}
-.vc-blade__error {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: var(--blade-color-error);
-  padding: 0.5rem;
-  color: var(--blade-text-color);
-}
-.vc-blade__error-text {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  width: 100%;
-}
-.vc-blade__error-button {
-  flex-shrink: 0;
-  opacity: 0.8;
-}
-.vc-blade__error-button:hover {
-  color: var(--blade-text-color);
-  opacity: 1;
-}
-.vc-blade__error-button {
-  color: var(--blade-text-color) !important;
-}
-.vc-blade__unsaved-changes {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: var(--blade-color-unsaved-changes);
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-  color: var(--blade-text-color);
-}
-.vc-blade__unsaved-changes-text {
-  margin-left: 0.5rem;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  width: 100%;
-}
-.vc-blade__toolbar {
-  flex-shrink: 0;
-}
-.vc-blade__toolbar--hidden {
-  display: none;
-}
-.vc-blade__content {
-  flex: 1 1 0%;
-  overflow: auto;
-}
-.vc-blade__main {
-  display: flex;
-  height: 100%;
-  flex-direction: row;
-}
-.vc-blade__main--mobile {
-  flex-direction: column;
-}
-.vc-blade__slot {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-}
-.vc-blade__slot--desktop {
-  width: 0px;
-}
-.vc-blade__slot--mobile {
-  height: 0px;
-}
-.vc-blade__widget-more {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-  background-color: var(--blade-widgets-bg-color);
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  font-size: 0.75rem;
-  line-height: 0.875rem;
-  color: var(--blade-widgets-more-color);
-}
-.vc-blade__widgets {
-  display: flex;
-  flex-direction: row;
-}
-.vc-blade__breadcrumbs {
-  margin-right: 10px;
-}
-.vc-blade__breadcrumbs-button {
-  cursor: pointer !important;
-  color: var(--blade-header-breadcrumbs-button-color) !important;
-}
-.vc-blade__breadcrumbs-button:hover {
-  color: var(--blade-header-breadcrumbs-button-color-hover) !important;
-}
-.vc-blade__breadcrumbs-button--active {
-  color: var(--blade-header-breadcrumbs-button-color-hover) !important;
-}
-.vc-blade__widget-toggle {
-  display: flex;
-}
-.vc-blade__widget-toggle--desktop {
-  margin-top: auto;
-  height: 100%;
-  max-height: 3.5rem;
-  flex-direction: column;
-  justify-content: flex-end;
-}
-.vc-blade__widget-toggle--mobile {
-  margin-left: auto;
-  margin-top: 0px;
-  width: 3rem;
-  max-width: 3rem;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--blade-background-color);
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.vc-blade__toggle-icon {
-  flex: 1 1 auto;
-  cursor: pointer;
-  align-items: center;
-  align-self: center;
-  justify-self: center;
-  color: var(--blade-icon-color);
-}
-.vc-blade__toggle-icon:hover {
-  color: var(--blade-icon-hover-color);
-}
-.vc-blade__toggle-icon {
-  display: flex !important;
-}
-.vc-blade__spacer {
-  flex: 1 1 0%;
-}
-.vc-blade__toolbar-container-inner {
-  flex: 1 1 0%;
-  justify-content: flex-end;
-}
-.vc-blade__toolbar-container-inner:empty {
-  display: none;
-}
-.vc-blade__breadcrumbs-button {
-  padding: 0px !important;
-}
-.vc-app_mobile .vc-blade {
-  margin: 0px;
-  border-radius: 0px;
-}
-.vc-app_mobile .vc-blade__widgets {
-  display: flex;
-  flex-direction: row;
-}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-  line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
-  margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
-  display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
-  border-bottom: none; /* 1 */
-  text-decoration: underline; /* 2 */
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
-  border-style: none;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input { /* 1 */
-  overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select { /* 1 */
-  text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
-legend {
-  box-sizing: border-box; /* 1 */
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
-  white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
-  display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
-  display: list-item;
-}
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
-  display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
-  display: none;
-}