/* Purpose-drawn typographic details; never rely on OS emoji glyphs. */
.ui-arrow {
  display:inline-block; position:relative; width:17px; height:17px;
  flex:0 0 17px; vertical-align:middle; color:inherit;
  font-size:0; line-height:0;
}
.ui-arrow::before {
  content:""; position:absolute; right:2px; top:2px; width:9px; height:9px;
  border-top:1.8px solid currentColor; border-right:1.8px solid currentColor;
}
.ui-arrow::after {
  content:""; position:absolute; left:1px; top:8px; width:16px;
  border-top:1.8px solid currentColor; transform:rotate(-45deg); transform-origin:center;
}
.ui-arrow-down { transform:rotate(135deg); }
.topline-star, .brand-mark, .faq-star, .closing-symbol, .star { display:none !important; }
.simple-rule {
  display:inline-block; flex:0 0 auto; width:26px; height:0;
  vertical-align:middle; border-top:1px solid currentColor; font-size:0;
}
.paper-topline .simple-rule { width:14px; opacity:.6; }
.paper-icon { font-size:0 !important; display:flex; align-items:center;
  justify-content:center; min-height:25px; line-height:0; }
.paper-icon .simple-rule { width:46px; }
.paper-separator .simple-rule { width:6px; height:6px;
  border:1px solid currentColor; border-radius:50%; }
.ribbon-rule { display:inline-block; vertical-align:middle; width:24px;
  flex-shrink:0; border-top:1px solid currentColor; opacity:.6; }
.side-asterisk { width:52px; height:10px; border-top:1px solid currentColor;
  font-size:0 !important; }
.hand-sun { display:block; margin:0 auto 18px; width:44px; height:44px;
  border:1px solid currentColor; border-radius:50%; font-size:0 !important; }
.mini-seal { display:flex; align-items:center; justify-content:center; padding:0 !important; }
.mini-seal::after { content:""; display:block; width:22px; height:22px;
  border:1px solid currentColor; border-radius:50%; opacity:.85; }
.edition-symbol { display:inline-flex; align-items:center; font-size:0 !important; }
.edition-symbol::after { content:""; width:25px; border-top:1px solid currentColor; }
.step-rule { display:inline-block; width:26px; border-top:1px solid currentColor;
  align-self:center; opacity:.75; font-size:0 !important; }
.preview-emblem { display:block; width:32px; height:32px; margin:23px auto 1px;
  border:1px solid currentColor; border-radius:50%; font-size:0 !important; line-height:0; }
.ornament .simple-rule { width:68px; opacity:.8; }
.stamp > span { display:none; }
.quiet-action { min-height:44px; }
@media (max-width:820px) {
  .brand { gap:0; }
  .nav .ui-arrow, .button .ui-arrow { color:inherit; }
  .ui-arrow { width:16px; height:16px; flex-basis:16px; }
}