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