.ke-gender-switch{--ke-gs-height: 3.4rem;--ke-gs-option: 6.4rem;display:inline-flex;color:rgb(var(--color-foreground))}.ke-gender-switch__fieldset{display:flex;align-items:center;gap:1.2rem;margin:0;padding:0;border:0;min-width:0}.ke-gender-switch__legend{float:left;padding:0;font-family:var(--ke-font-display);font-size:1rem;font-weight:600;letter-spacing:var(--ke-tracking-eyebrow);text-transform:uppercase;color:var(--ke-smoke);white-space:nowrap}.ke-gender-switch__track{position:relative;display:grid;grid-template-columns:repeat(3,var(--ke-gs-option));align-items:center;height:var(--ke-gs-height);padding:.3rem;border:1px solid var(--ke-line-strong);border-radius:999px;background:rgba(var(--color-foreground),.03)}.ke-gender-switch__thumb{position:absolute;top:.3rem;left:.3rem;width:var(--ke-gs-option);height:calc(var(--ke-gs-height) - .8rem);border-radius:999px;background:var(--ke-bone);box-shadow:0 0 0 1px #f2ede499,0 0 18px #e2701b47;transform:translate(0);pointer-events:none}html[data-ke-gender=him] .ke-gender-switch__thumb{transform:translate(100%)}html[data-ke-gender=her] .ke-gender-switch__thumb{transform:translate(200%)}.ke-gender-switch.is-ready .ke-gender-switch__thumb{transition:transform .42s var(--ke-ease),box-shadow .3s ease}.ke-gender-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0}.ke-gender-switch__option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;border-radius:999px;font-family:var(--ke-font-display);font-size:1.1rem;font-weight:600;letter-spacing:.24em;padding-left:.24em;text-transform:uppercase;color:var(--ke-smoke);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .3s ease}.ke-gender-switch__option:hover{color:var(--ke-bone)}html:not([data-ke-gender]) .ke-gender-switch__option--all,html[data-ke-gender=him] .ke-gender-switch__option--him,html[data-ke-gender=her] .ke-gender-switch__option--her{color:var(--ke-obsidian)}.ke-gender-switch__input:focus-visible+.ke-gender-switch__option{outline:2px solid var(--ke-ember);outline-offset:2px}.ke-gender-slot--desktop{display:none}@media screen and (min-width:990px){.header--top-center .ke-gender-slot--desktop{display:flex;grid-area:left-icons;justify-self:start;align-items:center}}.ke-gender-bar{display:flex;justify-content:center;padding:.8rem 1.5rem 1rem;border-top:1px solid rgba(var(--color-foreground),.06)}.ke-gender-bar .ke-gender-switch{--ke-gs-height: 3.2rem;--ke-gs-option: 6rem}.ke-gender-bar .ke-gender-switch__legend{font-size:.95rem}@media screen and (min-width:990px){.header--top-center+.ke-gender-bar{display:none}}@media screen and (max-width:359px){.ke-gender-bar .ke-gender-switch__legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.ke-gender-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1.6rem;margin:2.4rem auto 0;padding:3.2rem 1.6rem;border:1px solid var(--ke-line);text-align:center;color:var(--ke-smoke);font-style:italic}.ke-gender-empty__reset{padding:0;border:0;background:none;font-style:normal;color:var(--ke-bone);cursor:pointer}@media(prefers-reduced-motion:reduce){.ke-gender-switch.is-ready .ke-gender-switch__thumb,.ke-gender-switch__option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ke-gender-switch.css.map */