@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{color:oklch(95% .01 286.109);white-space:nowrap;border:1px solid #0000;border-radius:.5rem;flex-flow:row;justify-content:center;align-items:center;gap:.5rem;transition:transform .25s,background .25s,color .25s,filter .25s,opacity .25s,box-shadow .25s,scale .25s,--_trz-button-gradient-size .25s;display:flex;overflow:hidden}.trz-button:active:not(:disabled):not(.trz-button--status-loading){transform:scale(.975)}.trz-button--variant-transparent{background-color:#0000;border:1px solid #0000}.trz-button--variant-outlined{color:oklch(80% .02 286.109);background-color:oklch(20% .015 286.109);border:1px solid #ffffff1a;position:relative;overflow:visible}.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);-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);filter:blur(6px);border-radius:inherit;transition:--_trz-button-mask-size-x .25s,--_trz-button-mask-size-y .25s;inset:-1px;-webkit-mask-size:200%;mask-size:200%}.trz-button--variant-outlined:after,.trz-button--variant-outlined:before{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:"";position:absolute}.trz-button--variant-outlined:after{z-index:-1;height:1px;inset:-1px .5rem auto}@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 0 #ffffff59,0 2px var(--_trz-bright-size,12px) -4px var(--_trz-button-bright-color,transparent);background:var(--_trz-button-background);text-shadow:0 1px 4px #0003;border:1px solid #ffffff1a}@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.109);--_trz-button-background-hover:oklch(25% .015 286.109);--_trz-button-border:solid 1px oklch(25% .015 286.109)}.trz-button--color-success{--_trz-button-bright-color:oklch(60% .15 154.992);--_trz-button-gradient-size:0%;--_trz-button-border-color:oklch(75% .1 154.992/.25);--_trz-button-background:radial-gradient(circle at top center,oklch(65% .15 154.992) var(--_trz-button-gradient-size),oklch(50% .15 154.992)) padding-box,linear-gradient(to top,oklch(65% .15 154.992),oklch(50% .15 154.992)) border-box}.trz-button--color-error{--_trz-button-bright-color:oklch(55% .15 21.17);--_trz-button-border-color:oklch(65% .15 21.17/.25);--_trz-button-background:radial-gradient(circle at top center,oklch(55% .15 21.17) var(--_trz-button-gradient-size),oklch(40% .15 21.17)) padding-box,linear-gradient(to top,oklch(55% .15 21.17),oklch(40% .15 21.17)) border-box}.trz-button--status-idle{cursor:pointer}.trz-button--status-disabled{opacity:1;filter:grayscale(.5);cursor:not-allowed}.trz-button--status-loading{cursor:wait;position:relative}.trz-button--status-loading:before{content:"";background:linear-gradient(90deg,#fff0 25%,#ffffff40);animation:1s linear infinite slide-right;display:block;position:absolute;inset:0}.trz-button--status-error{animation:.6s ease-in-out wiggle}.trz-button--size-xs{height:1.5rem;padding-inline:.5rem;font-size:.75rem}.trz-button--size-s{height:2rem;padding-inline:.75rem;font-size:.875rem}.trz-button--size-sm{height:2.25rem;padding-inline:.875rem;font-size:.9375rem}.trz-button--size-m{height:2.5rem;padding-inline:1rem;font-size:1rem}.trz-button--size-l{height:3rem;padding-inline:1.25rem;font-size:1.125rem}.trz-button--icon-only{aspect-ratio:1;padding:0}.trz-icon-button{aspect-ratio:1;background:0 0;place-items:center;transition:color .2s;display:grid}.trz-icon-button:active:not(:disabled){transform:scale(.975)}@media (hover:hover) and (pointer:fine){.trz-icon-button:hover:not(:disabled){color:var(--trz-icon-button-color-hover,oklch(95% .01 286.109));--_trz-button-icon-scale:1.1}}.trz-icon-button--variant-outlined{background-color:#0000;box-shadow:0 2px 4px -2px oklch(5% .01 286.109/.9),0 4px 8px -2px oklch(5% .01 286.109/.85),0 8px 16px -4px oklch(5% .01 286.109/.85),0 16px 32px -8px oklch(5% .01 286.109/.8),inset 0 2px 4px -1px oklch(80% .02 286.109/.4),inset 0 2px 8px -2px oklch(80% .02 286.109/.3),inset 0 2px 12px -4px oklch(80% .02 286.109/.2)}.trz-icon-button--variant-text{background-color:#0000}.trz-icon-button--variant-filled{box-shadow:var(--_trz-button-shadow);border:var(--_trz-button-border);background-color:var(--_trz-button-background)}@media (hover:hover) and (pointer:fine){.trz-icon-button--variant-filled:hover:not(:disabled){background-color:var(--_trz-button-background-hover)}}.trz-icon-button--status-idle{cursor:pointer}.trz-icon-button--status-disabled{opacity:.85;filter:grayscale(.25);cursor:not-allowed}.trz-icon-button--status-loading{cursor:wait}.trz-icon-button--size-xs{height:1.25rem;font-size:.75rem}.trz-icon-button--size-s{height:1.25rem;font-size:1rem}.trz-icon-button--size-sm{height:1.875rem;font-size:1.125rem}.trz-icon-button--size-m{height:2.5rem;font-size:1.25rem}.trz-icon-button--size-l{height:3rem;font-size:2rem}.trz-icon-button--color-primary{color:#aaf2db;--trz-icon-button-color-hover:#daf2eb}.trz-icon-button--color-success{color:oklch(75% .1 154.992);--trz-icon-button-color-hover:oklch(85% .07 154.992)}.trz-icon-button--color-error{color:oklch(65% .15 21.17);--trz-icon-button-color-hover:oklch(75% .12 21.17)}.trz-icon-button--color-neutral{color:oklch(80% .02 286.109);--trz-icon-button-color-hover:oklch(95% .01 286.109)}.trz-icon-button--color-gold{color:#efbf04;--trz-icon-button-color-hover:oklch(95% .01 286.109)}.trz-icon-button__icon{transform:scale(var(--_trz-button-icon-scale,1));transition:transform .2s}.trz-animated-number{overflow-clip-margin:.125em;flex-flow:row;align-items:center;display:inline-flex;overflow:clip}.trz-animated-number__char{line-height:1}.trz-animated-number__char--is-subscript{vertical-align:baseline;font-size:.8em;display:inline-block;transform:translateY(.25em)}.trz-animated-number__char--is-digit{position:relative;overflow:hidden}.trz-animated-number__char--is-digit:before{transform:translateY(calc(-1lh*var(--value)));pointer-events:none;content:"0" "\a " "1" "\a " "2" "\a " "3" "\a " "4" "\a " "5" "\a " "6" "\a " "7" "\a " "8" "\a " "9";white-space:pre;transition:transform .25s;position:absolute;top:0;left:0}.trz-animated-number__digit{color:#0000}.trz-animated-number__slot{display:contents}}