/* docara-shell-source: runtime/component/clipboard/css/clipboard.css */
@layer sf.components {
  .sf-clipboard {
    cursor: pointer;
  }
  _:-ms-input-placeholder, html:not([dir="rtl"]) .sf-clipboard--overlay,html:not([dir="rtl"])
  .btn-clipboard.sf-clipboard-surface:not(.sf-clipboard--inline) {
    right: var(--sf-space-1\/4);
  }
  @supports not (inset-inline-end: initial) {
  html:not([dir="rtl"]) .sf-clipboard--overlay,html:not([dir="rtl"])
  .btn-clipboard.sf-clipboard-surface:not(.sf-clipboard--inline) {
    right: var(--sf-space-1\/4);
    }
  }
  .sf-clipboard--overlay:where(:dir(ltr)),
  .btn-clipboard.sf-clipboard-surface:not(.sf-clipboard--inline):where(:dir(ltr)) {
    right: var(--sf-space-1\/4);
  }
  _:-ms-input-placeholder, [dir="rtl"] .sf-clipboard--overlay,[dir="rtl"]
  .btn-clipboard.sf-clipboard-surface:not(.sf-clipboard--inline) {
    left: var(--sf-space-1\/4);
  }
  @supports not (inset-inline-end: initial) {
  [dir="rtl"] .sf-clipboard--overlay,[dir="rtl"]
  .btn-clipboard.sf-clipboard-surface:not(.sf-clipboard--inline) {
    left: var(--sf-space-1\/4);
    }
  }
  .sf-clipboard--overlay:where(:dir(rtl)),
  .btn-clipboard.sf-clipboard-surface:not(.sf-clipboard--inline):where(:dir(rtl)) {
    left: var(--sf-space-1\/4);
  }
  .sf-clipboard--overlay,
  .btn-clipboard.sf-clipboard-surface:not(.sf-clipboard--inline) {
    top: var(--sf-space-1\/4);
    inset-block-start: var(--sf-space-1\/4);
    inset-inline-end: var(--sf-space-1\/4);
    position: absolute;
    z-index: var(--sf-z-index-2);
  }
  .sf-clipboard-surface:not(.sf-button):not(.sf-icon-button) {
    align-items: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: var(--sf-surface-container);
    border: 0;
    border-radius: var(--sf-radius--ui);
    color: var(--sf-on-surface);
    display: inline-flex;
    justify-content: center;
    min-height: var(--sf-ui-1--control-height);
    min-block-size: var(--sf-ui-1--control-height);
    min-width: var(--sf-ui-1--control-height);
    min-inline-size: var(--sf-ui-1--control-height);
    padding: var(--sf-ui-1--space-y);
    transition: background-color var(--sf-duration-fast) var(--sf-animation);
  }
  .sf-clipboard-surface:hover {
    background-color: var(--sf-surface-container-hover);
  }
  .sf-clipboard-surface:not(.sf-button):not(.sf-icon-button).focus-visible {
    outline: var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);
    outline-offset: calc(var(--sf-focus--width) * -1);
  }
  .sf-clipboard-surface:not(.sf-button):not(.sf-icon-button):focus-visible {
    outline: var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);
    outline-offset: calc(var(--sf-focus--width) * -1);
  }
  .sf-clipboard[aria-disabled=true] {
    cursor: wait;
    opacity: var(--sf-opacity-60);
  }
  .sf-clipboard-1:not(.sf-button):not(.sf-icon-button) {
    min-height: var(--sf-ui-1\/3--control-height);
    min-block-size: var(--sf-ui-1\/3--control-height);
    min-width: var(--sf-ui-1\/3--control-height);
    min-inline-size: var(--sf-ui-1\/3--control-height);
  }
  .sf-clipboard-2:not(.sf-button):not(.sf-icon-button) {
    min-height: var(--sf-ui-1--control-height);
    min-block-size: var(--sf-ui-1--control-height);
    min-width: var(--sf-ui-1--control-height);
    min-inline-size: var(--sf-ui-1--control-height);
  }
  .sf-clipboard-3:not(.sf-button):not(.sf-icon-button) {
    min-height: var(--sf-ui-2--control-height);
    min-block-size: var(--sf-ui-2--control-height);
    min-width: var(--sf-ui-2--control-height);
    min-inline-size: var(--sf-ui-2--control-height);
  }
  .sf-clipboard-status {
    color: var(--sf-on-surface-variant);
    display: block;
    font-size: var(--sf-text-small--size);
    line-height: var(--sf-text-small--height);
    margin-top: var(--sf-space-1\/2);
    -webkit-margin-before: var(--sf-space-1\/2);
            margin-block-start: var(--sf-space-1\/2);
    min-height: var(--sf-text-small--height);
    min-block-size: var(--sf-text-small--height);
  }
  .sf-clipboard-status:empty {
    margin-top: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    min-height: 0;
    min-block-size: 0;
  }
  .sf-clipboard-fallback {
    height: var(--sf-a1);
    block-size: var(--sf-a1);
    width: var(--sf-a1);
    inline-size: var(--sf-a1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
  }
  @media (prefers-reduced-motion: reduce) {
    .sf-clipboard-surface:not(.sf-button):not(.sf-icon-button) {
      transition: none;
    }
  }
  @media (forced-colors: active) {
    .sf-clipboard {
      border: var(--sf-focus-outline-width) solid ButtonText;
      forced-color-adjust: none;
    }
    .sf-clipboard-surface:not(.sf-button):not(.sf-icon-button).focus-visible {
      outline-color: Highlight;
    }
    .sf-clipboard-surface:not(.sf-button):not(.sf-icon-button):focus-visible {
      outline-color: Highlight;
    }
  }
}