.pill{background:var(--brand-gray-lighter);border:1.5px solid transparent;border-radius:var(--border-radius-base);color:var(--brand-black);cursor:pointer;font-size:12px;font-weight:500;padding:8px;text-align:center}@media screen and (min-width:360px){.pill{font-size:14px}}.pill.active{background:var(--brand-white);border:1.5px solid var(--brand-primary);color:var(--brand-primary);font-weight:500}.pill[disabled]{opacity:.4}.pill.tab{background-color:var(--brand-white);border-width:0;box-shadow:inset 0 0 0 1px var(--brand-gray);font-size:14px;padding:14px 12px;width:-moz-max-content;width:max-content}@media (prefers-reduced-motion:no-preference){.pill.tab{transition:color .2s,box-shadow .2s}}@media (min-width:992px){.pill.tab{font-size:16px;padding:11px 12px}}@media (min-width:1200px){.pill.tab{min-width:156px}}.pill.tab:hover{box-shadow:inset 0 0 0 1px var(--brand-gray-darker)}.pill.tab.active{box-shadow:inset 0 0 0 2px var(--brand-primary)}