:where(.motile-btn){width:-moz-fit-content;width:fit-content;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:-moz-fit-content;min-height:fit-content}:where(.motile-btn:active:not(.motile-btn--disabled)){filter:brightness(.95);box-shadow:0 2px 4px #0000001a}:where(.motile-btn--primary){background:var( --motile-btn-color,var(--motile-ui-btn,var(--motile-theme,#3b82f6)) );color:#fff;box-shadow:0 1px 2px #0000000d}@media (hover:hover){:where(.motile-btn--primary:hover:not(.motile-btn--disabled)){filter:brightness(.9);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}}:where(.motile-btn--hover-on-touch.motile-btn--primary:hover:not(.motile-btn--disabled)){filter:brightness(.9);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}:where(.motile-btn--secondary){background:var(--motile-bg);color:var( --motile-btn-color,var(--motile-ui-btn,var(--motile-theme,#3b82f6)) );border:1px solid var(--motile-btn-color,var(--motile-ui-btn,var(--motile-theme,#3b82f6)));box-shadow:none}@media (hover:hover){:where(.motile-btn--secondary:hover:not(.motile-btn--disabled)){background:color-mix(in srgb,var( --motile-btn-color,var(--motile-ui-btn,var(--motile-theme,#3b82f6)) ) 10%,transparent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}}:where(.motile-btn--hover-on-touch.motile-btn--secondary:hover:not(.motile-btn--disabled)){background:color-mix(in srgb,var(--motile-btn-color,var(--motile-ui-btn,var(--motile-theme,#3b82f6))) 10%,transparent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}:where(.motile-btn--ghost){background:transparent;border:none;color:var( --motile-btn-color,var(--motile-ui-btn,var(--motile-theme,#3b82f6)) );box-shadow:none}@media (hover:hover){:where(.motile-btn--ghost:hover:not(.motile-btn--disabled)){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}}:where(.motile-btn--hover-on-touch.motile-btn--ghost:hover:not(.motile-btn--disabled)){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}:where(.motile-btn--large){padding:0 24px;font-size:16px;height:56px;min-height:56px;line-height:1.4}:where(.motile-btn--medium){padding:0 20px;font-size:15px;height:48px;min-height:48px;min-width:80px;line-height:1.4}:where(.motile-btn--small){padding:0 16px;font-size:14px;height:40px;min-height:40px;min-width:64px;line-height:1.4}:where(.motile-btn--primary.motile-btn--disabled){opacity:.5;filter:saturate(.9);cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}:where(.motile-btn--secondary.motile-btn--disabled){background:var(--motile-gray-200);color:var(--motile-gray-500);border:none;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}:where(.motile-btn--ghost.motile-btn--disabled){background:var(--motile-gray-200);color:var(--motile-gray-500);cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}:where(.motile-btn--full-width){width:100%}:where(.motile-btn svg){flex-shrink:0;margin-right:8px}:where(.motile-btn svg:last-child){margin-right:0;margin-left:8px}:where(.motile-btn svg:only-child){margin:0}@media (max-width:1024px){:where(.motile-btn--large){padding:0 20px;font-size:15px;height:54px;min-height:54px}}@media (max-width:768px){:where(.motile-btn--large){padding:0 18px;font-size:15px;height:52px;min-height:52px}:where(.motile-btn:active:not(.motile-btn--disabled)){filter:brightness(.92)}}@supports (-webkit-touch-callout:none){:where(.motile-btn){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}}:where(.motile-btn__wrapper){display:grid;grid-template-areas:"content";place-items:center;width:100%;height:100%}:where(.motile-btn__content){grid-area:content;display:inline-flex;align-items:center;justify-content:center}:where(.motile-btn__loading){grid-area:content;display:flex;align-items:center;justify-content:center}:where(.motile-btn__dots){display:flex;gap:8px;align-items:center;height:1em}:where(.motile-btn--large .motile-btn__dot){width:8px;height:8px}:where(.motile-btn--medium .motile-btn__dot){width:6px;height:6px}:where(.motile-btn--small .motile-btn__dot){width:5px;height:5px}:where(.motile-btn__dot){border-radius:50%;background-color:#ffffffb3;animation:motile-btn-loading-bounce 1.4s ease-in-out infinite both}:where(.motile-btn__dot:first-child){animation-delay:-.32s}:where(.motile-btn__dot:nth-child(2)){animation-delay:-.16s}:where(.motile-btn__dot:nth-child(3)){animation-delay:0s}:where(.motile-btn--primary .motile-btn__dot){background-color:#ffffffb3}:where(.motile-btn--secondary .motile-btn__dot){background-color:color-mix(in srgb,var(--motile-gray-400) 70%,transparent)}:where(.motile-btn--ghost .motile-btn__dot){background-color:color-mix(in srgb,var(--motile-gray-400) 70%,transparent)}@keyframes motile-btn-loading-bounce{0%,80%,to{transform:scale(1);opacity:.4}40%{transform:scale(1.2);opacity:1}}