.okcid-tab-buttons__list{display:flex;flex-wrap:wrap;gap:18px}.okcid-tab-buttons__button{display:inline-flex;gap:5px;align-items:center;justify-content:center;padding:6px 24px;border:1px solid var(--okcid-tab-buttons-border,currentColor);border-radius:999px;appearance:none;background:#fff0;color:var(--okcid-tab-buttons-text,currentColor);cursor:pointer;transition:150ms cubic-bezier(.25,.46,.45,.94);transition-property:color,background-color,border-color,transform}.okcid-tab-buttons__button.is-active{border-color:var(--okcid-tab-buttons-accent);background:var(--okcid-tab-buttons-accent);color:var(--okcid-tab-buttons-active-text,#ffffff)}.okcid-tab-buttons__button:active{transform:scale(.97)}.okcid-tab-buttons__button:focus-visible{outline:3px solid var(--okcid-tab-buttons-accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.okcid-tab-buttons__button:not(.is-active):hover{border-color:var(--okcid-tab-buttons-accent);background:var(--okcid-tab-buttons-accent);color:var(--okcid-tab-buttons-active-text,#ffffff)}}@media (max-width:767px){.okcid-tab-buttons__button{min-height:44px;padding:8px 20px}}@media (prefers-reduced-motion:reduce){.okcid-tab-buttons__button{transition-duration:0s}.okcid-tab-buttons__button:active{transform:none}}