.rb-notice{
  position:fixed;
  left:1rem;
  bottom:1rem;
  z-index:600;
  width:min(380px,calc(100vw - 2rem));
  max-height:calc(100vh - 2.2rem);
  overflow-y:auto;
  background:#1a1f1c;
  color:#f5f1f0;
  border-radius:16.1px;
  border:1px solid rgba(245, 241, 240, .14);
  box-shadow:0 20px 40px -16px rgba(0, 0, 0, .55);
  padding:0.9rem 0.9rem 0.9rem;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
.rb-notice[hidden]{display:none}

.rb-notice__row{display:flex;align-items:flex-start;gap:0.6rem;margin-bottom:0.7rem}

.rb-notice__chip{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:.35em;
  font-family:"Space Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-weight:700;
  font-size:.62rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#443615;
  background:#ceaa57;
  border-radius:1148.8px;
  padding:.3em .55em;
  margin-top:0.1rem;
  white-space:nowrap;
}
.rb-notice__chip::before{content:'';width:.4em;height:.4em;border-radius:50%;background:#443615}

.rb-notice__body{min-width:0}
.rb-notice__title{font-size:.86rem;font-weight:700;color:#f5f1f0;margin:0 0 0.2rem}
.rb-notice__text{font-size:.8rem;line-height:1.45;color:#b7c2bb;margin:0}
.rb-notice__text a{color:#ceaa57;text-decoration:underline;text-underline-offset:.2em}

.rb-notice__actions{display:flex;justify-content:flex-end}
.rb-notice__dismiss{
  font-family:"Space Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#443615;
  background:#f5f1f0;
  border-radius:1148.8px;
  padding:.55em 1.05em;
  min-height:38px;
  transition:background-color .15s ease;
}
.rb-notice__dismiss:hover{background:#ffffff}
.rb-notice__dismiss:focus-visible{outline:3px solid #ceaa57;outline-offset:2px}

@media (max-width:389px){
  .rb-notice{left:.6rem;bottom:.6rem;width:calc(100vw - 1.2rem);padding:0.8rem 0.8rem 0.8rem}
}