@layer components {
  .cc-toolbar--splash .cc-button {
    --cc-button-color-background: rgb(255 255 255 / 0%);
    --cc-button-color-background-hover: rgb(255 255 255 / 10%);
  }
  @media screen and (hover: hover) and (pointer: fine) {
    .cc-toolbar--splash .cc-button:hover {
      -webkit-backdrop-filter: blur(2px);
              backdrop-filter: blur(2px);
    }
  }
  .cc-toolbar--splash .cc-share-wrapper {
    bottom: initial;
    top: calc(var(--sat) + 1.2rem);
  }
  .cc-toolbar--actions {
    width: auto;
    min-height: initial;
    margin: initial;
    right: 0;
    container-type: normal;
    padding-top: var(--sat);
    z-index: 101;
  }
  .cc-toolbar--actions:has(.cc-share-wrapper.is-active) {
    width: 100%;
    opacity: 1;
  }
  .cc-toolbar--actions .cc-button-wrapper {
    display: flex;
  }
  .cc-toolbar--card {
    margin: initial !important;
    padding: 1.2rem;
    top: initial;
    left: initial;
    bottom: 0;
    right: 0;
    opacity: 1;
  }
  .cc-toolbar--card:has(.cc-share-wrapper.is-active) {
    top: 0;
    bottom: 0;
    transform: none;
  }
  .cc-toolbar--card .cc-button-wrapper {
    gap: 0.8rem;
  }
  .cc-toolbar--card .cc-button--card {
    --cc-button-font-size-label: 1.1rem;
    --cc-button-color-background-icon: rgba(255, 255, 255, 0.1);
    --cc-button-color-background-icon-hover: rgba(255, 255, 255, 0.15);
    --cc-button-color-background: transparent;
    --cc-button-color-background-hover: transparent;
  }
  @media screen and (max-width: 1024px) {
    .cc-toolbar--card .cc-button--card {
      --cc-button-font-size-icon: 1.6rem;
      --cc-button-color-background-icon: rgba(0, 0, 0, 0.15);
      --cc-button-color-background-icon-hover: rgba(0, 0, 0, 0.15);
    }
  }
  .cc-toolbar--card .cc-button--card .cc-button__icon {
    width: 4.2rem;
    height: 4.2rem;
    overflow: hidden;
    position: relative;
  }
  .cc-toolbar--card .cc-button--card .cc-button__label {
    text-transform: none;
    font-weight: normal;
    display: none;
  }
  @media screen and (min-width: 1025px) and (hover: hover) and (pointer: fine) {
    .cc-toolbar--card {
      width: 100%;
      padding: 25px;
      top: calc(50% + 1.9rem);
      bottom: initial;
      opacity: 0;
      transform: translateY(-50%);
    }
    .cc-toolbar--card .cc-button-wrapper {
      width: 100%;
      justify-content: space-evenly;
    }
    .cc-toolbar--card .cc-button--card .cc-button__icon {
      width: 5rem;
      height: 5rem;
    }
    .cc-toolbar--card .cc-button--card .cc-button__label {
      display: block;
    }
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-toolbar--splash {
        padding: 10px;
      }
    }
  }
}

/*# sourceMappingURL=cc_toolbar_actions.2ff140a23acf985b.css.map*/