@layer ui{@property --_trz-button-gradient-size{syntax:"<percentage>";inherits:false;initial-value:0%}@property --_trz-button-mask-size-x{syntax:"<percentage>";inherits:true;initial-value:300%}@property --_trz-button-mask-size-y{syntax:"<length>";inherits:true;initial-value:24px}.trz-button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:.5rem;transition:.25s ease;transition-property:transform,background,color,filter,opacity,box-shadow,scale,--_trz-button-gradient-size;border:1px solid transparent;border-radius:.5rem;overflow:hidden;color:#eeeef5;white-space:nowrap}.trz-button:active:not(:disabled):not(.trz-button--status-loading){transform:scale(.975)}.trz-button--variant-transparent{border:1px solid transparent;background-color:transparent}.trz-button--variant-outlined{position:relative;border:1px solid hsla(0,0%,100%,.1);background-color:#15151d;overflow:visible;color:#bcbcca}.trz-button--variant-outlined:before{z-index:-2;-webkit-mask:radial-gradient(ellipse var(--_trz-button-mask-size-x) var(--_trz-button-mask-size-y) at top center,#000,transparent);mask:radial-gradient(ellipse var(--_trz-button-mask-size-x) var(--_trz-button-mask-size-y) at top center,#000,transparent);-webkit-mask-size:200%;mask-size:200%;filter:blur(6px);transition:.25s ease;transition-property:--_trz-button-mask-size-x,--_trz-button-mask-size-y;inset:-1px;border-radius:inherit}.trz-button--variant-outlined:after,.trz-button--variant-outlined:before{position:absolute;box-shadow:0 0 6px 0 var(--_trz-button-bright-color,transparent 90%);background:linear-gradient(to right,transparent,var(--_trz-button-bright-color),transparent);content:""}.trz-button--variant-outlined:after{z-index:-1;inset:-1px .5rem auto;height:1px}@media(hover:hover)and (pointer:fine){.trz-button--variant-outlined:hover:not(:disabled):not(.trz-button--status-loading){--_trz-bright-size:16px;--_trz-button-gradient-size:25%;--_trz-button-mask-size-y:48px;--_trz-button-mask-size-x:175%}}.trz-button--variant-filled{box-shadow:inset 0 2px 4px #ffffff59,0 2px var(--_trz-bright-size,12px) -4px var(--_trz-button-bright-color,transparent);border:1px solid hsla(0,0%,100%,.1);background:var(--_trz-button-background);text-shadow:0 1px 4px rgba(0,0,0,.2)}@media(hover:hover)and (pointer:fine){.trz-button--variant-filled:hover:not(:disabled):not(.trz-button--status-loading){background:var(--_trz-button-background-hover,var(--_trz-button-background));--_trz-bright-size:16px;--_trz-button-gradient-size:25%}}.trz-button--color-neutral{--_trz-button-background:oklch(20% .015 286.109deg);--_trz-button-background-hover:oklch(25% .015 286.109deg);--_trz-button-border:solid 1px oklch(25% .015 286.109deg)}.trz-button--color-success{--_trz-button-bright-color:oklch(60% .15 154.992deg);--_trz-button-gradient-size:0%;--_trz-button-border-color:oklch(75% .1 154.992deg/.25);--_trz-button-background:radial-gradient(circle at top center,oklch(65% .15 154.992deg) var(--_trz-button-gradient-size),oklch(50% .15 154.992deg)) padding-box,linear-gradient(to top,oklch(65% .15 154.992deg),oklch(50% .15 154.992deg)) border-box}.trz-button--color-error{--_trz-button-bright-color:oklch(55% .15 21.17deg);--_trz-button-border-color:oklch(65% .15 21.17deg/.25);--_trz-button-background:radial-gradient(circle at top center,oklch(55% .15 21.17deg) var(--_trz-button-gradient-size),oklch(40% .15 21.17deg)) padding-box,linear-gradient(to top,oklch(55% .15 21.17deg),oklch(40% .15 21.17deg)) border-box}.trz-button--status-idle{cursor:pointer}.trz-button--status-disabled{opacity:.85;filter:grayscale(.25);cursor:not-allowed}.trz-button--status-loading{position:relative;cursor:wait}.trz-button--status-loading:before{display:block;position:absolute;animation:slide-right 1s linear infinite;inset:0;background:linear-gradient(90deg,#fff0 25%,#ffffff40);content:""}.trz-button--status-error{animation:wiggle .6s ease-in-out}.trz-button--size-xs{padding-inline:.5rem;height:1.5rem;font-size:.75rem}.trz-button--size-s{padding-inline:.75rem;height:2rem;font-size:.875rem}.trz-button--size-sm{padding-inline:.875rem;height:2.25rem;font-size:.9375rem}.trz-button--size-m{padding-inline:1rem;height:2.5rem;font-size:1rem}.trz-button--size-l{padding-inline:1.25rem;height:3rem;font-size:1.125rem}.trz-button--icon-only{padding:0;aspect-ratio:1}}