/*
!IMPORTANT: Make sure to also run 'pnpm convert-scss-to-js' if you make changes to this file to make sure the changes are reflected in storybook as well
TODO: We'll make this task automatic in the future
*/
/*
!IMPORTANT: Make sure to also run 'pnpm convert-scss-to-js' if you make changes to this file to make sure the changes are reflected in storybook as well
TODO: We'll make this task automatic in the future
*/.button{align-items:center;border:0;border-radius:.75rem;border-radius:var(--radius-m,calc(12rem/var(--orama-base-font-size, 16)));cursor:pointer;display:flex;font-family:font("primary");font-family:var(--font-primary,font("primary"));gap:.5rem;gap:var(--spacing-s,calc(8rem/var(--orama-base-font-size, 16)));position:relative;text-align:left;transition:all .2s;transition-property:color,background-color,opacity;width:100%}.button__tooltip{animation:fadeInOut 1s ease-in-out 1;background-color:#151515;background-color:var(--text-color-primary,#151515);border-radius:.5rem;border-radius:var(--radius-s,calc(8rem/var(--orama-base-font-size, 16)));color:#fbfbfb;color:var(--background-color-primary,#fbfbfb);display:block;font-size:10px;opacity:0;padding:.5rem;padding:var(--spacing-s,calc(8rem/var(--orama-base-font-size, 16)));position:absolute;top:-28px;z-index:1}.button--small{padding:.25rem;padding:var(--spacing-xs,calc(4rem/var(--orama-base-font-size, 16)))}.button--medium{padding:.5rem;padding:var(--spacing-s,calc(8rem/var(--orama-base-font-size, 16)))}.button--large{padding:.75rem;padding:var(--spacing-m,calc(12rem/var(--orama-base-font-size, 16)))}.button__label{align-items:center;display:flex;flex-grow:1;gap:.25rem;gap:var(--spacing-xs,calc(4rem/var(--orama-base-font-size, 16)))}.button--primary{background-color:#432d77;background-color:var(--button-background-color-primary,#432d77);color:#fbfbfb;color:var(--button-text-color-primary,#fbfbfb)}.button--primary:disabled{background-color:#eee9f6;background-color:var(--background-color-tertiary,#eee9f6);color:var(--text-color-tertiary)}.button--secondary{background-color:#fff;background-color:var(--button-background-color-secondary,#fff);border:1px solid #dadada;border:1px solid var(--button-border-color-secondary,#dadada);color:#838289;color:var(--button-text-color-secondary,#838289);transition:all .3s}@media (hover:hover){.button--secondary:hover{background-color:#eee9f6;background-color:var(--button-background-color-secondary-hover,#eee9f6)}}.button--secondary:focus-visible{border:1px solid #9671b0;outline:none}.button--secondary:disabled{background-color:#eee9f6;background-color:var(--background-color-tertiary,#eee9f6);color:var(--text-color-tertiary)}.button--icon{align-items:center;background-color:transparent;border-radius:50%;color:#99989d;color:var(--icon-color-tertiary,#99989d);font-family:font("primary");font-family:var(--font-primary,font("primary"));height:-moz-fit-content;height:fit-content;justify-content:center;padding:.5rem;padding:var(--spacing-s,calc(8rem/var(--orama-base-font-size, 16)));width:-moz-fit-content;width:fit-content}.button--icon:disabled{opacity:.6}.button--icon:disabled,.button--icon:hover{background-color:#eee9f6;background-color:var(--background-color-tertiary,#eee9f6)}::slotted(*){align-items:center;display:inline-flex}::slotted([slot=adorment-end]),::slotted([slot=adorment-start]){flex-grow:0}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}