/* src/link/src/Link.css */
.o-ui-link {
  outline: transparent;
  color: inherit;
  display: inline-block;
  border: none;
  background-color: transparent;
  padding: 0;
  position: relative;
  text-decoration: none;
}
.o-ui-link > * {
  border-radius: inherit;
}
.o-ui-link:focus-visible,
.o-ui-link-focus {
  box-shadow: 0 0 0 var(--o-ui-focus-ring-thickness-md) var(--o-ui-focus-ring-color-alias-default);
}
.o-ui-text-link:after {
  opacity: 0;
  content: "";
  top: calc(-1 * var(--o-ui-focus-ring-outset-outer-offset));
  left: calc(-1 * var(--o-ui-focus-ring-outset-outer-offset));
  right: calc(-1 * var(--o-ui-focus-ring-outset-outer-offset));
  bottom: calc(-1 * var(--o-ui-focus-ring-outset-outer-offset));
  display: block;
  position: absolute;
  box-shadow: 0 0 0 2px var(--o-ui-focus-ring-color-alias-default);
  border-radius: var(--hop-shape-rounded-sm);
  transition: var(--o-ui-focus-ring-transition);
}
.o-ui-text-link:focus-visible:after,
.o-ui-text-link-focus:after {
  opacity: 1;
}
.o-ui-link:active.o-ui-link:focus-visible,
.o-ui-link-active.o-ui-link-focus,
.o-ui-link-active.o-ui-link:focus-visible,
.o-ui-link:active.o-ui-link-focus {
  background-color: transparent;
  box-shadow: none;
}
.o-ui-link-disabled {
  color: var(--hop-neutral-text-disabled);
}
.o-ui-link-disabled:hover,
.o-ui-link-disabled.o-ui-link-hover {
  cursor: not-allowed;
}
.o-ui-link-disabled:focus,
.o-ui-link-disabled:focus-visible,
.o-ui-link-disabled.o-ui-link-focus {
  background-color: transparent;
  box-shadow: none;
}
:where(.o-ui-text-link-inherit) {
  font-size: inherit;
}
:where(.o-ui-text-link-sm) {
  font-size: 1rem;
}
:where(.o-ui-text-link-md) {
  font-size: 1.25rem;
}
.o-ui-text-link {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  height: max-content;
  width: fit-content;
}
.o-ui-link-text {
  text-decoration-thickness: from-font;
}
.o-ui-text-link:focus-visible,
.o-ui-text-link.o-ui-link-focus {
  outline: transparent;
  border-radius: var(--hop-shape-rounded-sm);
}
.o-ui-text-link:focus-visible:after,
.o-ui-text-link.o-ui-link-focus:after {
  opacity: 0;
}
.o-ui-link:hover .o-ui-link-text,
.o-ui-link-hover .o-ui-link-text {
  text-decoration: underline;
  text-decoration-color: currentColor;
}
.o-ui-link:focus-visible .o-ui-link-text,
.o-ui-link-focus .o-ui-link-text {
  text-decoration: underline;
  text-decoration-style: solid;
}
.o-ui-link-disabled:hover .o-ui-link-text,
.o-ui-link-disabled.o-ui-link-hover .o-ui-link-text {
  text-decoration: underline;
}
.o-ui-link-disabled:focus-visible .o-ui-link-text,
.o-ui-link-disabled.o-ui-link-focus .o-ui-link-text {
  text-decoration: underline;
}
.o-ui-link:active.o-ui-link:focus-visible .o-ui-link-text,
.o-ui-link-active.o-ui-link-focus .o-ui-link-text,
.o-ui-link-active.o-ui-link:focus-visible .o-ui-link-text,
.o-ui-link:active.o-ui-link-focus .o-ui-link-text {
  text-decoration: underline;
}
.o-ui-link-no-underline {
  text-decoration: none;
}
.o-ui-link-dotted .o-ui-link-text {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  text-decoration-thickness: from-font;
  text-decoration-color: currentColor;
}
.o-ui-link-solid .o-ui-link-text {
  text-decoration: underline;
  text-decoration-style: solid;
}
.o-ui-text-link .o-ui-text-link-start-icon,
.o-ui-text-link .o-ui-text-link-end-icon {
  width: 1em;
  height: 1em;
}
.o-ui-text-link-start-icon,
.o-ui-text-link-end-icon {
  flex-shrink: 0;
  color: inherit;
}
.o-ui-text-link-start-icon {
  margin-right: var(--hop-space-inline-xs);
}
.o-ui-text-link-end-icon {
  margin-left: var(--hop-space-inline-xs);
}
.o-ui-link-solid {
  color: var(--hop-neutral-text);
}
.o-ui-link:hover.o-ui-link-solid,
.o-ui-link-hover.o-ui-link-solid {
  color: var(--hop-neutral-text-hover);
}
.o-ui-link:active.o-ui-link-solid,
.o-ui-link-active.o-ui-link-solid {
  color: var(--hop-neutral-text-press);
}
.o-ui-link:focus-visible.o-ui-link-solid,
.o-ui-link-focus.o-ui-link-solid {
  color: var(--hop-neutral-text-hover);
}
.o-ui-link-disabled.o-ui-link-solid {
  color: var(--hop-neutral-text-disabled);
}
.o-ui-link-disabled.o-ui-link-solid:hover,
.o-ui-link-disabled.o-ui-link-solid.o-ui-link-hover {
  color: var(--hop-neutral-text-disabled);
}
.o-ui-link-accent {
  color: var(--hop-primary-text);
}
.o-ui-link:hover.o-ui-link-accent,
.o-ui-link-hover.o-ui-link-accent {
  color: var(--hop-primary-text-hover);
}
.o-ui-link:active.o-ui-link-accent,
.o-ui-link-active.o-ui-link-accent {
  color: var(--hop-primary-text-press);
}
.o-ui-link:focus-visible.o-ui-link-accent,
.o-ui-link-focus.o-ui-link-accent {
  color: var(--hop-primary-text-hover);
}
.o-ui-link-disabled.o-ui-link-accent {
  color: var(--hop-primary-text-disabled);
}
.o-ui-link-disabled.o-ui-link-accent:hover,
.o-ui-link-disabled.o-ui-link-accent.o-ui-link-hover {
  color: var(--hop-primary-text-disabled);
}
.o-ui-link-negative {
  color: var(--hop-danger-text-weak);
}
.o-ui-link:hover.o-ui-link-negative {
  color: var(--hop-danger-text-hover);
}
.o-ui-link:active.o-ui-link-negative {
  color: var(--hop-danger-text-press);
}
.o-ui-link:focus-visible.o-ui-link-negative,
.o-ui-link-focus.o-ui-link-negative {
  color: var(--hop-primary-text-hover);
}
.o-ui-link-disabled.o-ui-link-negative {
  color: var(--hop-danger-text-disabled);
}
.o-ui-link-disabled.o-ui-link-negative:hover,
.o-ui-link-disabled.o-ui-link-negative.o-ui-link-hover {
  color: var(--hop-danger-text-disabled);
}
button.o-ui-link {
  text-align: left;
}
button.o-ui-link:hover,
button.o-ui-link-hover {
  cursor: pointer;
}
.o-ui-link-rounded {
  border-radius: var(--hop-shape-rounded-md);
}
.o-ui-link-circular {
  border-radius: var(--hop-shape-circle);
}
.o-ui-link.o-ui-link-circular:after {
  border-radius: var(--hop-shape-circle);
}
.o-ui-link-box {
  border-radius: 0;
}
.o-ui-icon-link .o-ui-text-link-start-icon,
.o-ui-icon-link .o-ui-text-link-end-icon {
  display: block;
}
.o-ui-icon-link {
  border-radius: var(--hop-shape-rounded-sm);
  display: inline-flex;
}
.o-ui-new-tab-indicator {
  user-select: none;
}