.phone[data-astro-cid-ykln7coe] {
  position: relative;
  width: min(300px, 78vw);
  aspect-ratio: 9 / 19.5;
  padding: 10px;
  border-radius: 46px;
  background: #1b1411;
  box-shadow: 0 0 0 2px #3a2e27, var(--shadow-2), 0 60px 120px -60px #f0694a73;
}

.phone__screen[data-astro-cid-ykln7coe] {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 37px;
  background: #f7efe4;
  color: #221a14;
}

.phone__bar[data-astro-cid-ykln7coe] {
  position: absolute;
  inset: 0 0 auto;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 22px 0;
  font: 600 11px/1 var(--font-text);
  color: #221a14;
}

.phone__cam[data-astro-cid-ykln7coe] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #1b1411;
}

.phone__icons[data-astro-cid-ykln7coe] {
  font-size: 8px;
  letter-spacing: 3px;
}
.rb[data-astro-cid-mh6mxnbv] {
  position: absolute;
  inset: 0;
  padding: 44px 16px 18px;
  font-family: var(--font-text);
  color: #221a14;
}

.rb-cap[data-astro-cid-mh6mxnbv] {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.rb-cap__view[data-astro-cid-mh6mxnbv] {
  position: relative;
  flex: 1;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 40%, #6b5446, #2b211c 75%);
  display: grid;
  place-items: center;
}

.rb-cap__bag[data-astro-cid-mh6mxnbv] {
  transform: rotate(-4deg);
  filter: drop-shadow(0 18px 18px #0006);
}

.rb-cap__corner[data-astro-cid-mh6mxnbv] {
  position: absolute;
  width: 26px;
  height: 26px;
  border: 3px solid #fff7ec;
}

.rb-cap__corner[data-astro-cid-mh6mxnbv].tl {
  top: 16%;
  left: 12%;
  border-right: 0;
  border-bottom: 0;
  border-top-left-radius: 8px;
}

.rb-cap__corner[data-astro-cid-mh6mxnbv].tr {
  top: 16%;
  right: 12%;
  border-left: 0;
  border-bottom: 0;
  border-top-right-radius: 8px;
}

.rb-cap__corner[data-astro-cid-mh6mxnbv].bl {
  bottom: 16%;
  left: 12%;
  border-right: 0;
  border-top: 0;
  border-bottom-left-radius: 8px;
}

.rb-cap__corner[data-astro-cid-mh6mxnbv].br {
  bottom: 16%;
  right: 12%;
  border-left: 0;
  border-top: 0;
  border-bottom-right-radius: 8px;
}

.rb-cap__chips[data-astro-cid-mh6mxnbv] {
  display: flex;
  gap: 6px;
  justify-content: center;
}

.rb-cap__chips[data-astro-cid-mh6mxnbv] span[data-astro-cid-mh6mxnbv] {
  font: 600 11px/1 var(--font-text);
  padding: 7px 10px;
  border-radius: 99px;
  background: #ecdfcf;
}

.rb-cap__chips[data-astro-cid-mh6mxnbv] .on[data-astro-cid-mh6mxnbv] {
  background: #f6b23c;
}

.rb-cap__shutter[data-astro-cid-mh6mxnbv] {
  align-self: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 4px solid #221a14;
  display: grid;
  place-items: center;
}

.rb-cap__shutter[data-astro-cid-mh6mxnbv] span[data-astro-cid-mh6mxnbv] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f0694a;
}

.rb-read__hero[data-astro-cid-mh6mxnbv] {
  display: grid;
  place-items: center;
  height: 132px;
  border-radius: 22px;
  background: #f9d9c7;
}

.rb-read__hint[data-astro-cid-mh6mxnbv] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 2px 10px;
  font: 600 12px/1.2 var(--font-text);
  color: #5c4d43;
}

.spin[data-astro-cid-mh6mxnbv] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #f0694a;
  border-right-color: #0000;
}

@media (prefers-reduced-motion: no-preference) {
  .spin[data-astro-cid-mh6mxnbv] {
    animation: 1s linear infinite rb-spin;
  }
}

@keyframes rb-spin {
  to {
    transform: rotate(1turn);
  }
}

.rb-read__fields[data-astro-cid-mh6mxnbv] {
  display: grid;
  gap: 8px;
}

.rb-read__fields[data-astro-cid-mh6mxnbv] div[data-astro-cid-mh6mxnbv] {
  background: #fffdf8;
  border-radius: 14px;
  padding: 9px 12px;
  box-shadow: 0 1px #0000000d;
}

.rb-read__fields[data-astro-cid-mh6mxnbv] dt[data-astro-cid-mh6mxnbv] {
  font: 700 9px/1 var(--font-text);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #5c4d43;
}

.rb-read__fields[data-astro-cid-mh6mxnbv] dd[data-astro-cid-mh6mxnbv] {
  margin-top: 4px;
  font: 600 13px/1.2 var(--font-text);
}

.rb-read__src[data-astro-cid-mh6mxnbv] {
  margin-top: 12px;
  font: 600 10px/1 var(--font-text);
  color: #5c4d43;
  text-align: center;
}

.rb-rate[data-astro-cid-mh6mxnbv] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 58px;
}

.rb-rate__title[data-astro-cid-mh6mxnbv] {
  font: 600 20px/1.1 var(--font-display);
  font-variation-settings: "SOFT" 100;
}

.rb-rate__score[data-astro-cid-mh6mxnbv] {
  font: 650 64px/1 var(--font-display);
  font-variation-settings: "SOFT" 100, "WONK" 1;
  color: #a3341c;
}

.rb-rate__row[data-astro-cid-mh6mxnbv] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 600 12px/1 var(--font-text);
}

.dots[data-astro-cid-mh6mxnbv] {
  display: flex;
  gap: 5px;
}

.dots[data-astro-cid-mh6mxnbv] i[data-astro-cid-mh6mxnbv] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ecdfcf;
}

.dots[data-astro-cid-mh6mxnbv] i[data-astro-cid-mh6mxnbv].on {
  background: #f6b23c;
}

.dots[data-astro-cid-mh6mxnbv].profile i[data-astro-cid-mh6mxnbv].on {
  background: #7cc6e8;
}

.rb-rate__sep[data-astro-cid-mh6mxnbv] {
  margin-top: 4px;
  font: 700 9px/1 var(--font-text);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5c4d43;
}

.rb-rate__buy[data-astro-cid-mh6mxnbv] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding: 10px 12px;
  border-radius: 14px;
  background: #fffdf8;
  font: 700 12px/1 var(--font-text);
}

.toggle[data-astro-cid-mh6mxnbv] {
  width: 34px;
  height: 20px;
  border-radius: 99px;
  background: #f0694a;
  position: relative;
}

.toggle[data-astro-cid-mh6mxnbv]:after {
  content: "";
  position: absolute;
  right: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
}

.rb-rate__yum[data-astro-cid-mh6mxnbv] {
  align-self: center;
  margin-top: 6px;
  padding: 8px 14px;
  border-radius: 99px;
  background: #221a14;
  color: #fff7ec;
  font: 600 12px/1 var(--font-text);
}

.rb-hist__title[data-astro-cid-mh6mxnbv] {
  font: 600 22px/1 var(--font-display);
  font-variation-settings: "SOFT" 100, "WONK" 1;
}

.rb-hist__search[data-astro-cid-mh6mxnbv] {
  margin-top: 10px;
  padding: 9px 12px;
  border-radius: 99px;
  background: #ecdfcf;
  font: 500 11px/1 var(--font-text);
  color: #5c4d43;
}

.rb-hist__chips[data-astro-cid-mh6mxnbv] {
  display: flex;
  gap: 5px;
  margin: 10px 0;
}

.rb-hist__chips[data-astro-cid-mh6mxnbv] span[data-astro-cid-mh6mxnbv] {
  font: 600 10px/1 var(--font-text);
  padding: 6px 9px;
  border-radius: 99px;
  box-shadow: inset 0 0 0 1px #d8c8b6;
}

.rb-hist__chips[data-astro-cid-mh6mxnbv] .on[data-astro-cid-mh6mxnbv] {
  background: #221a14;
  color: #fff7ec;
  box-shadow: none;
}

.rb-hist[data-astro-cid-mh6mxnbv] ul[data-astro-cid-mh6mxnbv] {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 7px;
}

.rb-hist[data-astro-cid-mh6mxnbv] li[data-astro-cid-mh6mxnbv] {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px;
  border-radius: 14px;
  background: var(--tint);
}

.thumb[data-astro-cid-mh6mxnbv] {
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: grid;
  place-items: center;
}

.thumb[data-astro-cid-mh6mxnbv] svg {
  filter: brightness(1.25) saturate(.8);
}

.txt[data-astro-cid-mh6mxnbv] {
  flex: 1;
  min-width: 0;
  display: grid;
}

.txt[data-astro-cid-mh6mxnbv] b[data-astro-cid-mh6mxnbv] {
  font: 700 11.5px/1.2 var(--font-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.txt[data-astro-cid-mh6mxnbv] i[data-astro-cid-mh6mxnbv] {
  font: italic 400 10.5px/1.3 var(--font-text);
  color: #5c4d43;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.score[data-astro-cid-mh6mxnbv] {
  font: 650 15px/1 var(--font-display);
  font-variation-settings: "SOFT" 100;
}

.fab[data-astro-cid-mh6mxnbv] {
  position: absolute;
  right: 18px;
  bottom: 20px;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: #f6b23c;
  display: grid;
  place-items: center;
  font: 600 26px/1 var(--font-text);
  box-shadow: 0 10px 20px -8px #0006;
}