/* Public Account Access composition owner — ASF-00103. */

.public-account-access {
  position: relative;
  align-self: center;
}

.public-account-access__trigger {
  --button-secondary-color: #fff;
  --button-secondary-border: transparent;
  --button-secondary-background: transparent;
  --button-secondary-hover-color: #fff;
  --button-secondary-hover-border: transparent;
  --button-secondary-hover-background: rgba(255, 255, 255, 0.17);
  --button-height: 28px;
  --button-padding-x: 10px;
  --button-radius: 2px 2px 0 0;
  --button-font-size: 12px;
  box-shadow: none;
}

.public-account-access.is-open .public-account-access__trigger {
  --button-secondary-color: #173c5d;
  --button-secondary-border: #cbd6de;
  --button-secondary-background: #fff;
  --button-secondary-hover-color: #173c5d;
  --button-secondary-hover-border: #cbd6de;
  --button-secondary-hover-background: #fff;
  position: relative;
  z-index: 1001;
  border-bottom-color: #fff;
}

.public-account-access__panel {
  width: min(340px, calc(100vw - 24px));
  padding: 10px;
  color: #24384a;
  border-color: #cbd6de;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(20, 39, 55, 0.18);
  text-align: start;
}

@media (max-width: 800px) {
  .public-account-access {
    align-self: stretch;
  }

  .public-account-access__panel {
    inset-inline: 0 auto;
    width: min(340px, calc(100vw - 48px));
  }
}