.rt-sticker__wrapper {
  position: relative;
  --rt-outer-surface-color: var(--v0-rt-surface-color);
}

.rt-sticker__container {
  display: inline-flex;
  min-height: var(--min-width, 12px);
  padding: var(--padding-top, 2px) var(--padding-right, 6px)
    var(--padding-bottom, 2px) var(--padding-left, 6px);
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.rt-sticker__container-border {
  border: var(--border-width, 2px) solid var(--rt-outer-surface-color, red);
  min-height: calc(var(--min-width) + 2 * var(--border-width));
}

.rt-sticker__container-primary-border-radius {
  border-radius: var(--border-radius-primary-top-left, 6px)
    var(--border-radius-primary-top-right, 6px)
    var(--border-radius-primary-bottom-right, 6px)
    var(--border-radius-primary-bottom-left, 6px);
}

.rt-sticker__container-secondary-border-radius {
  border-radius: var(--border-radius-secondary-top-left, 6px)
    var(--border-radius-secondary-top-right, 6px)
    var(--border-radius-secondary-bottom-right, 6px)
    var(--border-radius-secondary-bottom-left, 6px);
}

.rt-sticker__attach-to-top-right {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%) translateY(-50%);
  transform-origin: 100% 0;
}

.rt-sticker__attach-to-top-right:dir(rtl) {
  left: 0;
  right: unset;
  transform: translateX(-50%) translateY(-50%);
}

.rt-sticker__content {
  display: flex;
  padding: var(--sticker-content-padding-top, 3.5px)
    var(--sticker-content-padding-right, 3.5px)
    var(--sticker-content-padding-bottom, 3.5px)
    var(--sticker-content-padding-left, 3.5px);
  justify-content: center;
  align-items: center;
  gap: 1px;
}

.rt-sticker__count {
  font-variant-numeric: lining-nums tabular-nums;
}

.rt-sticker__container--reversed {
  flex-direction: row-reverse;
}
