/* [project]/components/card/cosmetics/frames/frame_referrer.css [app-client] (css) */
.frame__ring--frame_referrer {
  background: repeating-linear-gradient(135deg,
    var(--color-crimson) 0 2px,
    var(--color-crimson-deep) 2px 4px,
    #ffd0d799 4px 5px,
    var(--color-crimson-deep) 5px 7px);
}

[data-frame="frame_referrer"] .frame__corner {
  width: calc(var(--u) * 8);
  height: calc(var(--u) * 8);
  background: radial-gradient(circle at 50% 50%, var(--color-crimson) 0 22%, var(--color-crimson-deep) 26%, transparent 30%),
    radial-gradient(circle at 34% 28%, #fff4c2 0 10%, #e8b73c 34%, #8a5a0c 74%, #4a2d04 100%);
  filter: drop-shadow(0 1px 1px #000000bf);
  border: 0;
  border-radius: 50%;
  min-width: 13px;
  min-height: 13px;
}

[data-frame="frame_referrer"] .frame__corner--tl {
  top: 1px;
  left: 1px;
}

[data-frame="frame_referrer"] .frame__corner--tr {
  top: 1px;
  right: 1px;
}

[data-frame="frame_referrer"] .frame__corner--bl {
  bottom: 1px;
  left: 1px;
}

[data-frame="frame_referrer"] .frame__corner--br {
  bottom: 1px;
  right: 1px;
}