.toggle-component{display:inline-flex}.toggle-component button{border:0;background-color:transparent;transition:background-color .3s}.toggle-component button:focus{outline:none}.toggle-component-button{border:1px solid var(--gray-300);box-shadow:0 2px 12px #bababa1f;border-radius:8px;background-color:var(--white);height:56px;padding:4px 2px}.toggle-component-button button{background-color:var(--white);padding:0 24px;border-radius:8px;margin:0 2px}.toggle-component-button button:hover{background-color:var(--gray-150)}.toggle-component-button button:focus{outline:none}.toggle-component-button button[data-selected=true]{background-color:var(--gray-100)}.toggle-component-link button{font-weight:500;padding:8px 16px;color:var(--blue-500);border-radius:4px;margin:0 8px;position:relative}.toggle-component-link button:hover{background-color:var(--white);color:var(--blue-600)}.toggle-component-link button:not(:last-child):after{content:" ";height:12px;width:1px;background-color:var(--gray-500);display:block;right:-8px;top:14px;position:absolute}.toggle-component-link button[data-selected=true]{background-color:var(--gray-150);color:var(--text-primary)}