.tiny-btn{padding:0 var(--tiny-space-lg);border-radius:var(--tiny-radius-md);height:var(--height);min-width:var(--height);--height:calc(var(--tiny-size) * 8);--rgb-base:var(--tiny-rgb-brand-5);--rgb-surface:var(--tiny-rgb-brand-2);--rgb-on-base:255 255 255;border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;transition:background .16s,border-color .16s,color .16s,opacity .16s;display:inline-flex;position:relative}.tiny-btn[data-size=small]{--height:calc(var(--tiny-size) * 6);padding:0 calc(var(--tiny-size) * 2.5);font-size:var(--tiny-fs-xs)}.tiny-btn[data-size=large]{--height:calc(var(--tiny-size) * 10);padding:0 var(--tiny-space-xl);font-size:var(--tiny-fs-md)}.tiny-btn[data-variant=solid]{color:rgb(var(--rgb-on-base));background:rgb(var(--rgb-base)/.9)}.tiny-btn[data-variant=solid]:not([data-disabled]):active{background:rgb(var(--rgb-base))}.tiny-btn[data-variant=subtle]{color:rgb(var(--rgb-base));--bg-opacity:.5;background:rgb(var(--rgb-surface)/var(--bg-opacity))}.tiny-btn[data-variant=subtle]:not([data-disabled]):hover{--bg-opacity:.8}.tiny-btn[data-variant=subtle]:not([data-disabled]):active{--bg-opacity:1}.tiny-btn[data-variant=text]{color:rgb(var(--rgb-base));--bg-opacity:0;background:rgb(var(--rgb-surface)/var(--bg-opacity))}.tiny-btn[data-variant=text]:not([data-disabled]):hover{--bg-opacity:.3}.tiny-btn[data-variant=text]:not([data-disabled]):active{--bg-opacity:.5}.tiny-btn:focus-visible{outline:2px solid rgb(var(--tiny-rgb-brand-5));outline-offset:2px}.tiny-btn[data-disabled]>div{pointer-events:none}.tiny-btn[data-disabled]{opacity:.7;--rgb-base:var(--tiny-rgb-neutral-3);--rgb-surface:var(--tiny-rgb-neutral-1)}.tiny-btn__content{position:relative}.tiny-btn__loader{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex;position:absolute;inset:0}[data-loading] .tiny-btn__loader{opacity:1}[data-loading] .tiny-btn__content,[data-loading] .tiny-btn__icon{opacity:0;transition:opacity .2s ease-in-out}