.FormInputOptionButton{background-color:var(--c-white);border-radius:3px;box-shadow:inset 0 0 0 1px var(--c-grey-slim-light);cursor:pointer;display:block;min-width:16.5rem;padding:.15rem 0 .875rem;position:relative;text-align:center;transition:box-shadow .3s ease}.FormInputOptionButton:not(.isDisabled):hover{box-shadow:inset 0 0 0 1px var(--c-grey)}.FormInputOptionButton:not(.isDisabled):hover .FormInputOptionButton__text{color:var(--c-grey-darkest)}.FormInputOptionButton.radioStyling{background-color:var(--c-grey-lighter);box-shadow:inset 0 0 0 1px var(--c-grey-light);display:block;padding:2rem}.FormInputOptionButton.radioStyling.isActive,.FormInputOptionButton.radioStyling:hover{box-shadow:inset 0 0 0 2px var(--c-green)}.FormInputOptionButton.radioStyling.hasError{box-shadow:inset 0 0 0 1px var(--c-orange)}.FormInputOptionButton.radioStyling .FormInputOptionButton__text{color:var(--c-black);text-align:center;text-transform:none}.FormInputOptionButton.radioStyling input[type=radio]{display:inline-block;margin-top:1rem;opacity:1;padding:0;position:relative}.FormInputOptionButton.radioStyling input[type=radio]:before{background-color:var(--c-white);transition:.4s}.FormInputOptionButton.radioStyling input[type=radio]:checked:before{background-color:var(--c-green)}.FormInputOptionButton.radioStyling input[type=radio]:checked:after{animation:toggleOnCheckbox .3s ease forwards;background-color:var(--c-green);border-bottom:2px solid;border-radius:0;border-right:2px solid;color:var(--c-white);height:12px;left:50%;top:50%;transform:translate(-50%,-60%) rotate(45deg) scale(0);width:6px}@media screen and (max-width:750px){.FormInputOptionButton.radioStyling{padding:1rem}.FormInputOptionButton.radioStyling input[type=radio]{margin-top:.5rem}}.FormInputOptionButton.pill{align-items:center;border:1px solid var(--c-grey-slim-light);border-radius:80px;box-shadow:none;color:var(--c-grey-darkest);display:flex;font-size:var(--f-s-font-size);justify-content:center;line-height:var(--f-s-line-height);margin-bottom:0;min-width:unset;padding:4px 12px;transition:color .25s cubic-bezier(.165,.84,.44,1),background-color .25s cubic-bezier(.165,.84,.44,1),border-color .25s cubic-bezier(.165,.84,.44,1)}@media screen and (max-width:1000px){.FormInputOptionButton.pill{width:auto}}.FormInputOptionButton.pill:hover{background-color:var(--c-grey-light);box-shadow:none;color:var(--c-grey-darkest)}.FormInputOptionButton.pill.isActive{background-color:var(--c-green);border-color:var(--c-green);box-shadow:none;color:var(--c-white)}.FormInputOptionButton.pill.isActive .FormInputOptionButton__icon,.FormInputOptionButton.pill.isActive .FormInputOptionButton__text{color:var(--c-white)}.FormInputOptionButton.pill .FormInputOptionButton__text{color:var(--c-grey-dark);font-size:var(--f-s-font-size);font-weight:400;line-height:var(--f-s-line-height);text-align:center;text-transform:none}.FormInputOptionButton.pill.filter{background-color:var(--c-grey-lighter);border-color:var(--c-grey-lighter);padding:.9375rem 1.4375rem}.FormInputOptionButton.pill.filter:has(.FormInputOptionButton__icon){gap:2px;padding-block:.4375rem;padding-inline:.9375rem 1.4375rem}.FormInputOptionButton.pill.filter:hover{background-color:var(--c-green);border-color:var(--c-green)}.FormInputOptionButton.pill.filter:hover .FormInputOptionButton__icon,.FormInputOptionButton.pill.filter:hover .FormInputOptionButton__text{color:var(--c-white)}.FormInputOptionButton.pill.filter .FormInputOptionButton__text{font-size:var(--f-base-font-size);font-weight:700;letter-spacing:-.3px;line-height:var(--f-base-line-height)}@media screen and (max-width:750px){.FormInputOptionButton.pill.filter .FormInputOptionButton__icon{padding-inline:0}}.FormInputOptionButton.pill.filter.isActive{background-color:var(--c-green);border-color:var(--c-green)}.FormInputOptionButton.currency{background-color:var(--c-white);border-radius:4px;box-shadow:inset 0 0 0 2px var(--c-white);color:var(--c-grey-slim-light);display:flex;flex-direction:column;font-weight:700;justify-content:center;letter-spacing:-.3px;margin-block-end:0;min-width:0;padding:1.5rem 1rem;position:relative}.FormInputOptionButton.currency .FormInputOptionButton__text{color:var(--c-grey-slim-light);display:grid;font-weight:700;letter-spacing:-.3px;place-items:center}.FormInputOptionButton.currency.isActive{background-color:var(--c-green-lightest);box-shadow:inset 0 0 0 2px var(--c-green);color:var(--c-green-dark)}.FormInputOptionButton.currency.isActive .FormInputOptionButton__text{color:var(--c-green-dark)}@media screen and (max-width:1000px){.FormInputOptionButton.currency{padding:1.25rem 1rem}}.FormInputOptionButton.speciesType{align-items:center;background-color:var(--c-grey-lighter);box-shadow:inset 0 0 0 1px var(--c-grey-light);display:flex;flex-direction:column;gap:.5rem;min-width:15.5rem;padding:1rem}.FormInputOptionButton.speciesType .FormInputOptionButton__icon{font-size:1.6rem}.FormInputOptionButton.speciesType .FormInputOptionButton__text{color:var(--c-black);text-transform:none}.FormInputOptionButton.speciesType.isActive,.FormInputOptionButton.speciesType:hover{background-color:var(--c-green-lightest);box-shadow:inset 0 0 0 2px var(--c-green)}.FormInputOptionButton.speciesType.isActive .FormInputOptionButton__text,.FormInputOptionButton.speciesType:hover .FormInputOptionButton__text{color:var(--c-green-dark)}@media screen and (max-width:1000px){.FormInputOptionButton.speciesType{min-width:unset}}.FormInputOptionButton.hasImage{background-color:var(--c-grey-lighter);box-shadow:0 0 0 1px var(--c-grey-light);display:flex;flex-direction:column;height:100%;min-width:unset;overflow:hidden;padding:0}.FormInputOptionButton.hasImage .FormInputOptionButton__text{align-items:flex-end;color:var(--c-black);display:flex;flex:1 1 auto;justify-content:center;padding:1rem;text-transform:none;white-space:normal}@media screen and (max-width:580px){.FormInputOptionButton.hasImage .FormInputOptionButton__text{padding:.75rem}}.FormInputOptionButton.hasImage.isActive,.FormInputOptionButton.hasImage:hover{background-color:var(--c-green-lightest);box-shadow:0 0 0 2px var(--c-green)}.FormInputOptionButton.hasImage.isActive .FormInputOptionButton__text,.FormInputOptionButton.hasImage:hover .FormInputOptionButton__text{color:var(--c-green-dark)}.FormInputOptionButton.isActive{box-shadow:inset 0 0 0 2px var(--c-green)}.FormInputOptionButton.isActive .FormInputOptionButton__text{color:var(--c-grey-darkest)}.FormInputOptionButton.isDisabled{cursor:not-allowed;opacity:.75}@media screen and (max-width:1000px){.FormInputOptionButton{min-width:unset;width:100%}}@media screen and (max-width:750px){.FormInputOptionButton{align-items:center;display:flex;justify-content:flex-start;padding:.2rem}}.FormInputOptionButton input[type=checkbox],.FormInputOptionButton input[type=radio]{cursor:pointer;display:none;opacity:0;position:absolute}.FormInputOptionButton__image{aspect-ratio:1;flex:0 0 auto;width:100%}.FormInputOptionButton__icon{color:var(--c-green)}@media screen and (max-width:750px){.FormInputOptionButton__icon{padding-inline:8px}}.FormInputOptionButton__text{color:var(--c-grey);font-weight:700;letter-spacing:-.3px;text-transform:uppercase;transition:color .3s ease}@media screen and (max-width:750px){.FormInputOptionButton__text{font-size:var(--f-s-font-size);line-height:var(--f-s-line-height);text-align:left}}