@layer components{@keyframes r-spinner-leaf-fade{0%{opacity:1}to{opacity:.25}}.Loader{width:1rem;height:1rem;display:flex;position:relative}.LoaderLeaf{width:7.5%;height:100%;animation:r-spinner-leaf-fade var(--spinner-animation-duration) linear infinite;position:absolute;top:0;left:43.75%}.LoaderLeaf:before{content:"";background-color:currentColor;border-radius:9999px;width:100%;height:30%;display:block}.LoaderLeaf:first-child{animation-delay:calc(-8 / 8 * var(--spinner-animation-duration));transform:rotate(0)}.LoaderLeaf:nth-child(2){animation-delay:calc(-7 / 8 * var(--spinner-animation-duration));transform:rotate(45deg)}.LoaderLeaf:nth-child(3){animation-delay:calc(-6 / 8 * var(--spinner-animation-duration));transform:rotate(90deg)}.LoaderLeaf:nth-child(4){animation-delay:calc(-5 / 8 * var(--spinner-animation-duration));transform:rotate(135deg)}.LoaderLeaf:nth-child(5){animation-delay:calc(-4 / 8 * var(--spinner-animation-duration));transform:rotate(180deg)}.LoaderLeaf:nth-child(6){animation-delay:calc(-3 / 8 * var(--spinner-animation-duration));transform:rotate(225deg)}.LoaderLeaf:nth-child(7){animation-delay:calc(-2 / 8 * var(--spinner-animation-duration));transform:rotate(270deg)}.LoaderLeaf:last-child{animation-delay:calc(-1 / 8 * var(--spinner-animation-duration));transform:rotate(315deg)}}
@layer components{.Button{--button-background:initial;--button-text:initial;--button-background-hover:initial;--button-outline:transparent;font-weight:var(--font-weight-600);letter-spacing:var(--text-label--letter-spacing);text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:pointer;width:fit-content;color:var(--button-text);background-color:var(--button-background);box-shadow:inset 0px 0px 0px 1px var(--button-outline);justify-content:center;align-items:center;transition:background-color .25s ease-out;display:inline-flex;position:relative}.Button:hover{background-color:var(--button-background-hover)}.Button:focus-visible{outline:.125rem solid var(--blue-200);outline-offset:.125rem}.Button[data-disabled]{--button-background:var(--gray-100);--button-text:var(--gray-300);--button-background-hover:var(--gray-100);--button-outline:var(--gray-200);cursor:not-allowed}.Button[data-pending]{--button-text:transparent;cursor:wait}.Button:where([data-variant=primary]){--button-background:var(--blue-100);--button-text:var(--white);--button-background-hover:var(--brown-200);--button-outline:var(--blue-100)}.Button:where([data-variant=secondary]){--button-background:var(--white);--button-text:var(--blue-100);--button-background-hover:var(--brown-100);--button-outline:var(--blue-100)}.Button:where([data-variant=ghost]){--button-background:transparent}.Button:where([data-tone=destructive]){--button-text:var(--red-100);--button-background-hover:color-mix(in oklch, var(--red-100) 12%, transparent)}.Button:where([data-tone=destructive]):where([data-variant=primary]){--button-background:color-mix(in oklch, var(--red-100) 8%, transparent);--button-outline:transparent}.Button:where([data-tone=destructive]):where([data-variant=secondary]){--button-background:var(--white);--buttom-background-hover:color-mix(in oklch, var(--red-100) 8%, transparent);--button-outline:var(--red-100)}.Button[data-size=xs],.Button[data-size=sm]{font-size:var(--text-label-xs);line-height:var(--text-label-xs--line-height)}.Button[data-size=xs]{height:1.5rem;padding-inline:var(--spacing-150);min-width:4rem}.Button[data-size=xs][data-icon-only]{width:1.5rem}.Button[data-size=sm]{height:2.25rem;padding-inline:var(--spacing-300);min-width:6rem}.Button[data-size=sm][data-icon-only]{width:2.25rem}.Button[data-size=md]{height:3.25rem;padding-inline:var(--spacing-400);min-width:10rem;font-size:var(--text-label-sm);line-height:var(--text-label-sm--line-height)}.Button[data-size=md][data-icon-only]{width:3.25rem}.Button[data-icon-only]{min-width:0;padding-inline:0}.Button[data-full-width]{width:100%}.ButtonLoader{color:var(--gray-300);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}