.tedi-button,.primary-button{letter-spacing:.0375em;border-radius:var(--t3di__border-radius-sm);text-align:center;white-space:nowrap;transition:transform var(--t3di__animation-step) ease-in-out, box-shadow var(--t3di__animation-step) ease-in-out, border-color var(--t3di__animation-step) ease-in-out, background-color var(--t3di__animation-step) ease-in-out;justify-content:center;align-items:center;gap:.5rem;font-weight:600;line-height:1em;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}[data-slot=button-group]>:not(:first-child)>.tedi-button,[data-slot=button-group]>.tedi-button:not(:first-child){border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}[data-slot=button-group]>:not(:last-child)>.tedi-button,[data-slot=button-group]>.tedi-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.tedi-button:focus-visible{outline:.25em solid var(--t3di__focus-box-shadow-color);outline-offset:.125em;box-shadow:var(--t3di__focus-box-shadow)}.tedi-button:active:not(:disabled){transform:scale(.975)}.tedi-button:disabled{opacity:.5}.tedi-button:disabled:hover,.tedi-button:disabled:active{transform:none}.tedi-button svg{pointer-events:none;flex-shrink:0;width:1em;height:1em}.tedi-button[data-size=default]{padding:1em;font-size:.875rem}.primary-button,.secondary-button{padding:.75em 1em}.tedi-button[data-size=xs]{border-radius:calc(var(--t3di__border-radius-sm) / 2);padding:.375em .675em;font-size:.75em;font-weight:400;line-height:1.1}.tedi-button[data-size=sm]{border-radius:calc(var(--t3di__border-radius-sm) / 3);height:2.25rem;padding:.375rem .75rem;font-size:.875rem;font-weight:400}.tedi-button[data-size=lg]{padding:1.125em 1.5em;font-size:1em;font-weight:500;line-height:1.125}.tedi-button[data-size=icon]{place-items:center;width:2.5em;height:2.5em;padding:0;display:grid}.tedi-button[data-variant=default],.primary-button{background-color:var(--t3di__button-primary-background);color:var(--t3di__button-primary-color);border-radius:var(--t3di__border-radius-sm);text-shadow:-.5px -.5px 1px color-mix(in srgb, var(--t3di__color-background) 20%, var(--t3di__color-foreground) 40%), 0 0 12px color-mix(in srgb, var(--t3di__color-secondary-1) 20%, transparent 40%);box-shadow:0 0 .5em .5px color-mix(in srgb, var(--t3di__color-primary-3) 0%, transparent 100%), 0 0 0 .5px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 30%), inset .25px .125px 0 .25px color-mix(in srgb, transparent 0%, var(--t3di__color-background) 30%), inset -1px -1px 0 0px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 20%);transition:background-color var(--t3di__animation-step) ease, border-color calc(var(--t3di__animation-step) * 2) ease, box-shadow var(--t3di__animation-step-2x) ease, transform var(--t3di__animation-step) ease;border:1px solid #0000;font-weight:700}:is(.tedi-button[data-variant=default],.primary-button):hover{background-color:color-mix(in srgb, var(--t3di__button-primary-background) 100%, var(--t3di__color-background) 11%);box-shadow:0 0 .5em .5px color-mix(in srgb, var(--t3di__color-primary-4) 100%, transparent 100%), 0 0 0 1px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 50%), inset .25px .125px 0 .25px color-mix(in srgb, transparent 0%, var(--t3di__color-background) 30%), inset -1px -1px 0 0px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 20%)}:is(.tedi-button[data-variant=default],.primary-button)[data-size=xs]{box-shadow:0 0 0 .5px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 20%), inset .25px .125px 0 .25px color-mix(in srgb, transparent 0%, var(--t3di__color-background) 30%), inset -1px -1px 0 0px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 20%);border-color:#0000}.tedi-button[data-variant=default]:after{content:"";z-index:1;background:radial-gradient(ellipse farthest-corner at right bottom, var(--t3di__color-primary-1) 1%, color-mix(in srgb, var(--t3di__color-foreground) 80%, var(--t3di__color-secondary-1)) 33%, color-mix(in srgb, var(--t3di__color-foreground) 40%, var(--t3di__color-secondary-1)) 20%, transparent 20%), radial-gradient(ellipse farthest-corner at left top, var(--t3di__color-foreground) 0%, color-mix(in srgb, var(--t3di__color-foreground) 90%, var(--t3di__color-primary-1) 50%) 2%, color-mix(in srgb, var(--t3di__color-primary-1) 20%, var(--t3di__color-secondary-1)) 15%, color-mix(in srgb, var(--t3di__color-secondary-1) 20%, var(--t3di__color-foreground) 100%) 62.5%, color-mix(in srgb, var(--t3di__color-secondary-1) 40%, var(--t3di__color-foreground) 100%) 100%);opacity:.25;mix-blend-mode:overlay;transition:opacity calc(var(--t3di__animation-step) * 2) ease;pointer-events:none;display:block;position:absolute;inset:0}.tedi-button[data-variant=default]>*{z-index:2;position:relative}.tedi-button[data-variant=default]:active:not(:disabled){box-shadow:inset 1px 1px 1px 0 color-mix(in srgb, transparent 40%, var(--t3di__color-foreground) 10%), inset -.5px 1px 1px 0 color-mix(in srgb, transparent 10%, var(--t3di__color-background) 30%), 0 0 0 1px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 90%);border-color:var(--t3di__color-primary-3);outline:3px solid var(--t3di__color-primary-3)}.tedi-button[data-variant=default]:active:not(:disabled):after{background:radial-gradient(ellipse farthest-corner at right bottom, var(--t3di__color-primary-1) 4%, color-mix(in srgb, var(--t3di__color-foreground) 80%, var(--t3di__color-secondary-1)) 33%, color-mix(in srgb, var(--t3di__color-foreground) 40%, var(--t3di__color-secondary-1)) 20%, transparent 20%), radial-gradient(ellipse farthest-corner at left top, var(--t3di__color-foreground) 0%, color-mix(in srgb, var(--t3di__color-foreground) 90%, var(--t3di__color-primary-1) 20%) 2%, color-mix(in srgb, var(--t3di__color-primary-1) 20%, var(--t3di__color-secondary-1)) 15%, color-mix(in srgb, var(--t3di__color-secondary-1) 10%, var(--t3di__color-foreground) 100%) 62.5%, color-mix(in srgb, var(--t3di__color-secondary-1) 40%, var(--t3di__color-foreground) 100%) 100%)}.tedi-button[data-variant=secondary],.secondary-button{background-color:var(--t3di__button-secondary-background);color:var(--t3di__button-secondary-color);border:1px solid var(--t3di__color-surface-7);border-radius:var(--t3di__border-radius-sm);border-top-color:color-mix(in srgb, var(--t3di__color-surface-8) 50%, transparent 100%);border-left-color:color-mix(in srgb, var(--t3di__color-surface-8) 50%, transparent 100%);border-bottom-color:color-mix(in srgb, var(--t3di__color-surface-8) 50%, transparent 100%);transition:background-color var(--t3di__animation-step) ease, border-color calc(var(--t3di__animation-step) * 2) ease, box-shadow var(--t3di__animation-step) ease, transform var(--t3di__animation-step) ease}.tedi-button[data-variant=secondary]:hover{background-color:color-mix(in srgb, var(--t3di__button-secondary-background) 80%, var(--t3di__color-foreground) 4%);border-color:var(--t3di__color-surface-10)}.tedi-button[data-variant=destructive]{background-color:var(--t3di__button-danger-background);color:var(--t3di__button-danger-color);border:1px solid color-mix(in srgb, var(--t3di__color-quinary-1) 40%, transparent)}.tedi-button[data-variant=destructive]:hover{background-color:var(--t3di__color-quinary-6)}.tedi-button[data-variant=outline]{border-radius:var(--t3di__border-radius-sm);border:1px solid var(--t3di__border-default);color:var(--t3di__text-default);background-color:#0000;font-weight:400}.tedi-button[data-variant=outline]:hover{background-color:var(--t3di__color-primary-3);color:#fff;border-color:var(--t3di__color-primary-3)}.tedi-button[data-variant=ghost]{color:var(--t3di__text-default);background-color:#0000;border:1px solid #0000}.tedi-button[data-variant=ghost]:hover{background-color:var(--t3di__color-surface-4)}.tedi-button[data-variant=link]{color:var(--t3di__link-primary);text-underline-offset:4px;background-color:#0000;border:none;padding:0;font-weight:500}.tedi-button[data-variant=link]:hover{text-decoration:underline}.tedi-button[data-variant=raised]{background-color:var(--t3di__layer-2);color:var(--t3di__text-default);border-radius:calc(var(--t3di__border-radius-sm) / 1);border:1px solid var(--t3di__border-subtle);text-shadow:-1px -1px 1px color-mix(in srgb, var(--t3di__color-background) 40%, transparent 60%), 0 0 12px color-mix(in srgb, var(--t3di__color-surface-6) 20%, transparent 40%);box-shadow:0 0 .5em .5px color-mix(in srgb, var(--t3di__color-surface-7) 0%, transparent 100%), 0 0 0 1px color-mix(in srgb, var(--t3di__color-background) 50%, var(--t3di__color-foreground) 30%), inset .25px .125px 0 .25px color-mix(in srgb, transparent 0%, var(--t3di__color-background) 20%), inset -1px -1px 0 0px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 10%);transition:background-color var(--t3di__animation-step) ease, border-color calc(var(--t3di__animation-step) * 2) ease, box-shadow var(--t3di__animation-step-2x) ease, transform var(--t3di__animation-step) ease;padding-top:calc(1em - 2px);padding-bottom:calc(1em - 2px);font-weight:400}.tedi-button[data-variant=raised]:hover{background-color:var(--t3di__layer-2);border-color:var(--t3di__color-surface-10);box-shadow:0 0 .5em .5px color-mix(in srgb, var(--t3di__color-surface-8) 40%, transparent 100%), 0 0 0 1px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 30%), inset .25px .125px 0 .25px color-mix(in srgb, transparent 0%, var(--t3di__color-background) 50%), inset -1px -1px 0 0px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 10%)}.tedi-button[data-variant=raised][data-size=sm]{height:calc(2.25rem - 2px)}.tedi-button[data-variant=raised][data-size=xs]{border-color:var(--t3di__border-subtle);box-shadow:0 0 0 .5px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 12%), inset .25px .125px 0 .25px color-mix(in srgb, transparent 0%, var(--t3di__color-background) 50%), inset -1px -1px 0 0px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 10%)}.tedi-button[data-variant=raised][data-size=icon]{width:auto;padding:.5em}.tedi-button[data-variant=raised]:after{content:"";z-index:1;background:radial-gradient(ellipse farthest-corner at right bottom, var(--t3di__color-surface-3) 1%, color-mix(in srgb, var(--t3di__color-foreground) 80%, var(--t3di__color-surface-6)) 33%, color-mix(in srgb, var(--t3di__color-foreground) 40%, var(--t3di__color-surface-6)) 20%, transparent 20%), radial-gradient(ellipse farthest-corner at left top, var(--t3di__color-foreground) 0%, color-mix(in srgb, var(--t3di__color-foreground) 90%, var(--t3di__color-surface-3) 100%) 2%, color-mix(in srgb, var(--t3di__color-surface-3) 20%, var(--t3di__color-surface-6)) 15%, color-mix(in srgb, var(--t3di__color-surface-6) 20%, var(--t3di__color-foreground) 100%) 62.5%, color-mix(in srgb, var(--t3di__color-surface-6) 40%, var(--t3di__color-foreground) 100%) 100%);opacity:.035;mix-blend-mode:multiply;transition:opacity calc(var(--t3di__animation-step) * 2) ease;pointer-events:none;display:block;position:absolute;inset:0}.tedi-button[data-variant=raised]:hover:after{opacity:.05}.tedi-button[data-variant=raised]>*{z-index:2;position:relative}.tedi-button[data-variant=raised]:active:not(:disabled){box-shadow:inset 1px 1px 1px 0 color-mix(in srgb, transparent 40%, var(--t3di__color-foreground) 6%), inset -.5px 1px 1px 0 color-mix(in srgb, transparent 10%, var(--t3di__color-background) 30%), 0 0 0 1px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 40%);border-color:var(--t3di__color-surface-10);outline:3px solid var(--t3di__color-surface-8)}.tedi-button[data-variant=raised]:active:not(:disabled):after{background:radial-gradient(ellipse farthest-corner at right bottom, var(--t3di__color-surface-3) 4%, color-mix(in srgb, var(--t3di__color-foreground) 80%, var(--t3di__color-surface-6)) 33%, color-mix(in srgb, var(--t3di__color-foreground) 40%, var(--t3di__color-surface-6)) 20%, transparent 20%), radial-gradient(ellipse farthest-corner at left top, var(--t3di__color-foreground) 0%, color-mix(in srgb, var(--t3di__color-foreground) 90%, var(--t3di__color-surface-3) 20%) 2%, color-mix(in srgb, var(--t3di__color-surface-3) 20%, var(--t3di__color-surface-6)) 15%, color-mix(in srgb, var(--t3di__color-surface-6) 10%, var(--t3di__color-foreground) 100%) 62.5%, color-mix(in srgb, var(--t3di__color-surface-6) 40%, var(--t3di__color-foreground) 100%) 100%)}.tedi-button[data-variant=raised-ghost]{color:var(--t3di__text-default);border-radius:var(--t3di__border-radius-sm);box-shadow:none;transition:background-color var(--t3di__animation-step-2x) ease, border-color var(--t3di__animation-step-2x) ease, box-shadow var(--t3di__animation-step-2x) ease, text-shadow var(--t3di__animation-step-2x) ease, transform var(--t3di__animation-step) ease;background-color:#0000;border:1px solid #0000;font-weight:400;position:relative;overflow:hidden}.tedi-button[data-variant=raised-ghost]:hover{background-color:var(--t3di__layer-2);border-color:var(--t3di__color-surface-10);text-shadow:-1px -1px 1px color-mix(in srgb, var(--t3di__color-background) 40%, transparent 60%), 0 0 12px color-mix(in srgb, var(--t3di__color-surface-6) 20%, transparent 40%);box-shadow:0 0 .5em .5px color-mix(in srgb, var(--t3di__color-surface-8) 40%, transparent 100%), 0 0 0 1px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 30%), inset .25px .125px 0 .25px color-mix(in srgb, transparent 0%, var(--t3di__color-background) 50%), inset -1px -1px 0 0px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 10%)}.tedi-button[data-variant=raised-ghost][data-size=xs]{border-color:#0000}.tedi-button[data-variant=raised-ghost][data-size=icon]{width:auto;padding:.5em}.tedi-button[data-variant=raised-ghost]:after{content:"";z-index:1;background:radial-gradient(ellipse farthest-corner at right bottom, var(--t3di__color-surface-3) 1%, color-mix(in srgb, var(--t3di__color-foreground) 80%, var(--t3di__color-surface-6)) 33%, color-mix(in srgb, var(--t3di__color-foreground) 40%, var(--t3di__color-surface-6)) 20%, transparent 20%), radial-gradient(ellipse farthest-corner at left top, var(--t3di__color-foreground) 0%, color-mix(in srgb, var(--t3di__color-foreground) 90%, var(--t3di__color-surface-3) 100%) 2%, color-mix(in srgb, var(--t3di__color-surface-3) 20%, var(--t3di__color-surface-6)) 15%, color-mix(in srgb, var(--t3di__color-surface-6) 20%, var(--t3di__color-foreground) 100%) 62.5%, color-mix(in srgb, var(--t3di__color-surface-6) 40%, var(--t3di__color-foreground) 100%) 100%);opacity:0;mix-blend-mode:multiply;transition:opacity var(--t3di__animation-step-2x) ease;pointer-events:none;display:block;position:absolute;inset:0}.tedi-button[data-variant=raised-ghost]:hover:after{opacity:.1}.tedi-button[data-variant=raised-ghost]>*{z-index:2;position:relative}.tedi-button[data-variant=raised-ghost]:active:not(:disabled){box-shadow:inset 1px 1px 1px 0 color-mix(in srgb, transparent 40%, var(--t3di__color-foreground) 6%), inset -.5px 1px 1px 0 color-mix(in srgb, transparent 10%, var(--t3di__color-background) 30%), 0 0 0 1px color-mix(in srgb, var(--t3di__color-background) 10%, var(--t3di__color-foreground) 40%);border-color:var(--t3di__color-surface-10);outline:3px solid var(--t3di__color-surface-8)}.tedi-button[data-variant=raised-badge]{color:color-mix(in srgb, #e6e6e6 82%, var(--t3di__color-primary-5) 18%);border-radius:var(--t3di__border-radius-sm);text-shadow:0 0 .125em #e2f9860d,0 0 .25em #e2f98624,0 0 .5em #fcd98324,1px .5px .0675em #fcd98324;transition:background-color var(--t3di__animation-step) ease, border-color calc(var(--t3di__animation-step) * 2) ease, box-shadow var(--t3di__animation-step-2x) ease, transform var(--t3di__animation-step) ease;background:linear-gradient(#0000 30%,#fbd26a40 30% 50%,#0000 50% 70%,#fbd26a40 70% 90%,#0000 90%) 0 0/100% 3px,linear-gradient(90deg,#fbd26a2e,#fbd26a1a 50%,#fbd26a24) 0 0/100% 100%,#202216 0 0/100% 100%;border:1px solid #3c3e32;font-weight:400;position:relative;overflow:hidden;box-shadow:0 0 .5em .5px #0000,0 0 0 .0625em #575b49,inset .25px .125px 0 .25px #565c3d4d,inset -1px -1px #10110e66}.tedi-button[data-variant=raised-badge]:hover{border-color:#575b49;box-shadow:0 0 .75em 1px #2022163b,0 0 0 1px #626652,inset .25px .125px 0 .25px #565c3d4d,inset -1px -1px #10110e66}.tedi-button[data-variant=raised-badge][data-size=xs]{border-color:#3c3e32;box-shadow:0 0 0 .0625em #575b49,inset .25px .125px 0 .25px #565c3d4d,inset -1px -1px #10110e66}.tedi-button[data-variant=raised-badge][data-size=icon]{width:auto;padding:.5em}.tedi-button[data-variant=raised-badge]:after{content:"";z-index:1;opacity:.2;mix-blend-mode:overlay;transition:opacity calc(var(--t3di__animation-step) * 2) ease;pointer-events:none;background:radial-gradient(at 100% 100%,#393d29 1%,#161711cc 33%,#0000 60%),radial-gradient(at 0 0,#0e0e0b 0%,#2e2a1f99 15%,#0000 50%);display:block;position:absolute;inset:0}.tedi-button[data-variant=raised-badge]:hover:after{opacity:.3}.tedi-button[data-variant=raised-badge]>*{z-index:2;position:relative}.tedi-button[data-variant=raised-badge]:active:not(:disabled){border-color:#626652;outline:3px solid #4c4f40;box-shadow:inset 1px 1px 1px #08080766,inset -.5px 1px 1px #393d2933,0 0 0 1px #626652}
