User:Diskdance/VariantAllyDialog-prod.css

注意：保存之后，你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari：按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。

.va-button[data-v-e9c2c849] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  font: inherit;
  text-transform: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding-right: 11px;
  padding-left: 11px;
  font-weight: bold;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  color: var(--color-base, #202122);
  border-color: var(--border-color-base, #a2a9b1);
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 4px;
}
.va-button[data-v-e9c2c849]:hover {
  background-color: var(--background-color-base, #fff);
}
.va-button[data-v-e9c2c849]:active {
  color: var(--color-emphasized, #101418);
  background-color: var(--background-color-interactive, #eaecf0);
  border-color: var(--border-color-interactive, #72777d);
}
.va-button[data-v-e9c2c849]:focus {
  outline: 1px solid transparent;
}
.va-button[data-v-e9c2c849]:focus:not(:active) {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
}
.va-button--weight-quiet[data-v-e9c2c849] {
  background-color: var(--background-color-transparent, rgba(255, 255, 255, 0));
  border-color: var(--border-color-transparent, transparent);
}
.va-button--weight-quiet[data-v-e9c2c849]:hover {
  background-color: var(--background-color-button-quiet--hover, rgba(0, 24, 73, 0.027));
}
.va-button--weight-quiet[data-v-e9c2c849]:active {
  background-color: var(--background-color-button-quiet--active, rgba(0, 24, 73, 0.082));
}
.va-button--action-progressive[data-v-e9c2c849] {
  color: var(--color-progressive, #36c);
}
.va-button--action-progressive[data-v-e9c2c849]:hover {
  color: var(--color-progressive--hover, #3056a9);
  background-color: var(--background-color-progressive-subtle, #f1f4fd);
  border-color: var(--border-color-progressive, #36c);
}
.va-button--action-progressive[data-v-e9c2c849]:active {
  color: var(--color-inverted-fixed, #fff);
  background-color: var(--background-color-progressive--active, #233566);
  border-color: var(--border-color-progressive--active, #233566);
}
.va-button[data-v-e9c2c849]:disabled {
  background-color: var(--background-color-disabled, #dadde3);
  color: var(--color-disabled-emphasized, #a2a9b1);
  border-color: var(--border-color-transparent, transparent);
  cursor: not-allowed;
}
.va-button--weight-quiet[data-v-e9c2c849]:disabled {
  background-color: var(--background-color-transparent, rgba(255, 255, 255, 0));
  color: var(--color-disabled, #a2a9b1);
}
.va-button__text[data-v-e9c2c849] {
  flex: 1;
}
.va-button__icon[data-v-e9c2c849] {
  fill: currentColor;
}
.va-button__indicator[data-v-e9c2c849] {
  fill: currentColor;
}
.va-fade-enter-active[data-v-c22b77e6],
.va-fade-leave-active[data-v-c22b77e6] {
  transition-property: opacity;
  transition-duration: 250ms;
  transition-timing-function: ease;
}
.va-fade-enter-from[data-v-c22b77e6],
.va-fade-leave-to[data-v-c22b77e6] {
  opacity: 0;
}
.va-title[data-v-1582c41c] {
  border: 0;
  padding: 0;
  overflow-wrap: break-word;
  font-size: 1.5em;
  font-weight: 700;
  margin: 8px 0;
  color: var(--color-base, #202122);
}
.va-para[data-v-1582c41c] {
  overflow-wrap: break-word;
  margin-top: 8px;
  margin-bottom: 8px;
  color: var(--color-base, #202122);
}
.va-para--subtle[data-v-1582c41c] {
  color: var(--color-subtle, #54595d);
  font-size: 0.75em;
  margin-bottom: 6px;
}
.va-variant-prompt[data-v-1582c41c] {
  box-sizing: border-box;
  z-index: 450;
  padding: 16px 24px;
  position: fixed;
  left: 1.25em;
  bottom: 1em;
  width: calc(100% - 1.25em * 2);
  max-width: 18em;
  max-height: calc(100vh - 2em);
  overflow: auto;
  overscroll-behavior: none;
  background-color: var(--background-color-base, #fff);
  border: 1px solid var(--border-color-base, #a2a9b1);
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  line-height: normal;
}
.va-variant-prompt__close[data-v-1582c41c] {
  padding: 5px;
  float: right;
  margin-top: 8px;
  margin-right: -6px;
}
.va-variant-prompt__title__variant[data-v-1582c41c] {
  color: var(--color-progressive, #36c);
}
.va-variant-prompt__options[data-v-1582c41c] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 12px 0;
  border: 1px solid var(--border-color-base, #a2a9b1);
  border-radius: 2px;
}
.va-variant-prompt__options__button[data-v-1582c41c] {
  font-size: 0.875em;
  color: var(--color-base, #202122);
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  border-radius: 0;
}
.va-variant-prompt__options__button--primary[data-v-1582c41c] {
  color: var(--color-progressive, #36c);
}
.va-variant-prompt__options__button[data-v-1582c41c]:hover,
.va-variant-prompt__options__button[data-v-1582c41c]:active {
  border-color: var(--border-color-transparent, transparent);
}
/* Prompt transition effect */
.va-variant-prompt-enter-active[data-v-1582c41c],
.va-variant-prompt-leave-active[data-v-1582c41c] {
  transition-property: opacity;
  transition-duration: 250ms;
  transition-timing-function: ease;
}
.va-variant-prompt-enter-from[data-v-1582c41c],
.va-variant-prompt-leave-to[data-v-1582c41c] {
  opacity: 0;
}
.va-select[data-v-c9623b25] {
  box-sizing: border-box;
  min-height: 32px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: calc(8px + 8px + 1.25em);
  font: inherit;
  touch-action: manipulation;
  line-height: 1.4285714;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-position: center right 12px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
  background-size: 0.75em;
}
.va-select[data-v-c9623b25]:disabled {
  background-color: var(--background-color-disabled-subtle, #eaecf0);
  color: var(--color-disabled, #a2a9b1);
  border-color: var(--border-color-disabled, #c8ccd1);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');
  opacity: 1;
  cursor: not-allowed;
}
.va-select[data-v-c9623b25]:enabled {
  background-color: var(--background-color-interactive-subtle, #f8f9fa);
  color: var(--color-base, #202122);
  border-color: var(--border-color-base, #a2a9b1);
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 100ms;
}
.va-select[data-v-c9623b25]:enabled:hover {
  background-color: var(--background-color-base, #fff);
  color: var(--color-base--hover, #404244);
  border-color: var(--border-color-base, #a2a9b1);
  cursor: hover;
}
.va-select[data-v-c9623b25]:enabled:focus {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  outline: 1px solid transparent;
}
.va-select[data-v-c9623b25]:enabled:active {
  color: var(--color-emphasized, #101418);
  border-color: var(--border-color-interactive, #72777d);
}
.va-title[data-v-2ca12e49] {
  border: 0;
  padding: 0;
  overflow-wrap: break-word;
  font-size: 1.5em;
  font-weight: 700;
  margin: 8px 0;
  color: var(--color-base, #202122);
}
.va-para[data-v-2ca12e49] {
  overflow-wrap: break-word;
  margin-top: 8px;
  color: var(--color-base, #202122);
}
.va-para--subtle[data-v-2ca12e49] {
  color: var(--color-subtle, #54595d);
  font-size: 0.75em;
  margin-bottom: 6px;
}
.va-variant-prompt-mobile[data-v-2ca12e49] {
  box-sizing: border-box;
  z-index: 450;
  padding: 8px 16px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  max-height: calc(100vh - 2em);
  overflow: auto;
  overscroll-behavior: none;
  background-color: var(--background-color-base, #fff);
  border: 1px solid var(--border-color-base, #a2a9b1);
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'Helvetica', 'Arial', sans-serif;
  font-size: 1rem;
  line-height: normal;
}
.va-variant-prompt-mobile__header[data-v-2ca12e49] {
  display: flex;
  align-items: center;
}
.va-variant-prompt-mobile__header__title[data-v-2ca12e49] {
  flex: 1;
  font-size: 1em;
}
.va-variant-prompt-mobile__header__close[data-v-2ca12e49] {
  padding: 5px;
  margin-right: -6px;
}
.va-variant-prompt-mobile__main[data-v-2ca12e49] {
  display: flex;
  margin-top: 4px;
}
.va-variant-prompt-mobile__main__select[data-v-2ca12e49] {
  margin-right: 12px;
  flex: 1;
}
.va-variant-prompt-mobile__main__action[data-v-2ca12e49] {
  flex-shrink: 0;
}
.va-variant-prompt-mobile__close[data-v-2ca12e49] {
  padding: 5px;
  float: right;
  margin-right: -6px;
}
/* Prompt transition effect */
.va-variant-prompt-mobile-enter-active[data-v-2ca12e49],
.va-variant-prompt-mobile-leave-active[data-v-2ca12e49] {
  transition-property: height, transform;
  transition-duration: 250ms;
  transition-timing-function: ease;
}
.va-variant-prompt-mobile-enter-from[data-v-2ca12e49],
.va-variant-prompt-mobile-leave-to[data-v-2ca12e49] {
  transform: translateY(100%);
}
.skin-vector-2022 .va-variant-prompt {
  max-height: calc(100% - 1em - 66px);
}
@media screen and (min-width: 1120px) and (max-width: 1680px) {
.vector-toc-available.vector-feature-toc-pinned-clientpref-1 .skin-vector-2022 .va-variant-prompt,
  .vector-feature-main-menu-pinned-enabled .skin-vector-2022 .va-variant-prompt {
    left: unset;
    margin-left: -1.83333333em;
    max-width: calc(12.25em + 36px);
    padding: 16px;
}
}
@media screen and (min-width: 1680px) {
.skin-vector-2022 .va-variant-prompt {
    left: unset;
    margin-left: -2.16666667em;
    max-width: calc(15.75em + 36px);
}
}