.brand-symbol{display:inline-block!important;width:48px!important;height:31px!important;background:currentColor;mask:url('/assets/tokesu-cloud.svg') center/contain no-repeat;-webkit-mask:url('/assets/tokesu-cloud.svg') center/contain no-repeat;flex-shrink:0;vertical-align:middle;font-size:0!important;line-height:0!important}
.join-flower .brand-symbol{width:110px!important;height:71px!important}.footer-brand .brand-symbol{width:36px!important;height:24px!important}.mark{display:inline-flex;align-items:center;min-height:44px}.star .brand-symbol{width:42px!important;height:28px!important}

/* Keep the desktop arrow glyph. On phones, draw the same thin arrow as an icon
   so iOS cannot substitute its blue emoji version. */
@media (max-width: 600px) {
  .opening-whitelist > span[aria-hidden="true"],
  .join-actions .button > span[aria-hidden="true"],
  .task-button:not(.completed) > span[aria-hidden="true"],
  .submit-area .submit > span,
  .confirmation .submit::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5 12 4M5 4h7v7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 12.5 12 4M5 4h7v7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .confirmation .submit { font-size: 0; }
  .confirmation .submit::before { content: "Back to TOKESU"; font-size: 14px; }
  .confirmation .submit::after { content: ""; }
}