.hero-select{appearance:none;border-radius:var(--fd-radius-pill);color:var(--fd-gray-0);cursor:pointer;background-color:#ffffff2e;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ffffff59;width:auto;padding:7px 36px 7px 16px;font-size:13px}.hero-select:focus{color:var(--fd-gray-0);background-color:#ffffff42;border-color:#ffffffb3;box-shadow:0 0 0 2px #ffffff40}.hero-select option{color:var(--fd-gray-800);background:var(--fd-gray-0)}