.button.svelte-1m9ag9l{--_radius: var(--action-radius, var(--radius-lg));--_corner-shape: squircle;--_corner-scale: var(--squircle-ratio, 2);--easing: var(--ease-spring);font-size:var(--control-font-1, 1rem);display:inline-flex;justify-content:center;position:relative;width:fit-content;border-radius:var(--_radius);@supports (corner-shape: squircle){corner-shape:var(--_corner-shape);border-radius:calc(var(--_radius) * var(--_corner-scale))}perspective:100px;&.pill{--_radius: var(--radius-full);--_corner-shape: round;--_corner-scale: 1}&:not(.transparent):not(.translucent){--color-bg: var(--color-action);--color-bg-disabled: var(--color-action-disabled);--color-bg-active: var(--color-action-active);--color-text: var(--color-action-text);--color-text-disabled: var(--color-action-text-disabled);--color-text-active: var(--color-action-text-active);--color-border: var(--button-border);--color-border-disabled: var(--button-border-disabled);--color-border-active: var(--button-border-active)}&.accent:not(.transparent):not(.translucent){--color-bg: var(--color-accent);--color-bg-disabled: var(--color-accent-disabled);--color-bg-active: var(--color-accent-active);--color-text: var(--color-accent-text);--color-text-active: var(--color-accent-text-active);--color-text-disabled: var(--color-accent-text-disabled)}&.error:not(.transparent):not(.translucent){--color-bg: var(--color-error);--color-bg-disabled: var(--color-error-disabled);--color-bg-active: var(--color-error-active);--color-text: var(--color-error-text);--color-text-active: var(--color-error-text-active);--color-text-disabled: var(--color-error-text-disabled)}&.success:not(.transparent):not(.translucent){--color-bg: var(--color-success);--color-bg-disabled: var(--color-success-disabled);--color-bg-active: var(--color-success-active);--color-text: var(--color-success-text);--color-text-active: var(--color-success-text-active);--color-text-disabled: var(--color-success-text-disabled)}&.outline:not(.transparent):not(.translucent){--color-bg: transparent;--color-bg-disabled: transparent;--color-bg-active: rgb(from var(--color-action) r g b / .08);--button-border: 1px solid currentColor;--button-border-disabled: 1px solid currentColor;--button-border-active: 1px solid currentColor;--color-text: light-dark( oklch(from var(--color-action) min(l, .5) c h), oklch(from var(--color-action) max(l, .65) c h) );--color-text-disabled: light-dark( oklch(from var(--color-action) min(l + .1, .6) calc(c - .05) h), oklch(from var(--color-action) max(l - .1, .55) calc(c - .05) h) );--color-text-active: light-dark( oklch(from var(--color-action) min(l - .2, .3) c h), oklch(from var(--color-action) max(l + .1, .75) c h) );&.accent{--color-bg-active: rgb(from var(--color-accent) r g b / .08);--color-text: light-dark( oklch(from var(--color-accent) min(l, .5) c h), oklch(from var(--color-accent) max(l, .65) c h) );--color-text-disabled: light-dark( oklch(from var(--color-accent) min(l + .1, .6) calc(c - .05) h), oklch(from var(--color-accent) max(l - .1, .55) calc(c - .05) h) );--color-text-active: light-dark( oklch(from var(--color-accent) min(l - .1, .4) c h), oklch(from var(--color-accent) max(l + .1, .75) c h) )}&.error{--color-bg-active: rgb(from var(--color-error) r g b / .08);--color-text: light-dark( oklch(from var(--color-error) min(l, .55) c h), oklch(from var(--color-error) max(l, .65) c h) );--color-text-disabled: light-dark( oklch(from var(--color-error) min(l + .1, .65) calc(c - .05) h), oklch(from var(--color-error) max(l - .1, .55) calc(c - .05) h) );--color-text-active: light-dark( oklch(from var(--color-error) min(l - .1, .45) c h), oklch(from var(--color-error) max(l + .1, .75) c h) )}&.success{--color-bg-active: rgb(from var(--color-success) r g b / .08);--color-text: light-dark( oklch(from var(--color-success) min(l, .5) c h), oklch(from var(--color-success) max(l, .65) c h) );--color-text-disabled: light-dark( oklch(from var(--color-success) min(l + .1, .6) calc(c - .05) h), oklch(from var(--color-success) max(l - .1, .55) calc(c - .05) h) );--color-text-active: light-dark( oklch(from var(--color-success) min(l - .1, .4) c h), oklch(from var(--color-success) max(l + .1, .75) c h) )}}&.transparent{--color-bg: transparent;--color-bg-disabled: transparent;--color-bg-active: rgb(from var(--color-text) r g b / .06)}&.translucent{backdrop-filter:blur(10px);--color-bg: rgb(from var(--color-text) r g b / .09);--color-bg-disabled: rgb(from var(--color-text) r g b / .04);--color-bg-active: rgb(from var(--color-text) r g b / .15);--button-border: none;--button-border-disabled: none;--button-border-active: none}&.transparent,&.translucent{--color-text: light-dark( oklch(from var(--color-action) min(l, .5) c h), oklch(from var(--color-action) max(l, .65) c h) );--color-text-disabled: light-dark( oklch(from var(--color-action) min(l + .1, .6) calc(c - .05) h), oklch(from var(--color-action) max(l - .1, .55) calc(c - .05) h) );--color-text-active: light-dark( oklch(from var(--color-action) min(l - .2, .3) c h), oklch(from var(--color-action) max(l + .1, .75) c h) );&.accent{--color-text: light-dark( oklch(from var(--color-accent) min(l, .5) c h), oklch(from var(--color-accent) max(l, .65) c h) );--color-text-disabled: light-dark( oklch(from var(--color-accent) min(l + .1, .6) calc(c - .05) h), oklch(from var(--color-accent) max(l - .1, .55) calc(c - .05) h) );--color-text-active: light-dark( oklch(from var(--color-accent) min(l - .1, .4) c h), oklch(from var(--color-accent) max(l + .1, .76) c h) )}&.error{--color-text: light-dark( oklch(from var(--color-error) min(l, .55) c h), oklch(from var(--color-error) max(l, .65) c h) );--color-text-disabled: light-dark( oklch(from var(--color-error) min(l + .1, .65) calc(c - .05) h), oklch(from var(--color-error) max(l - .1, .55) calc(c - .05) h) );--color-text-active: light-dark( oklch(from var(--color-error) min(l - .1, .45) c h), oklch(from var(--color-error) max(l + .1, .75) c h) )}&.success{--color-text: light-dark( oklch(from var(--color-success) min(l, .5) c h), oklch(from var(--color-success) max(l, .65) c h) );--color-text-disabled: light-dark( oklch(from var(--color-success) min(l + .1, .6) calc(c - .05) h), oklch(from var(--color-success) max(l - .1, .55) calc(c - .05) h) );--color-text-active: light-dark( oklch(from var(--color-success) min(l - .1, .4) c h), oklch(from var(--color-success) max(l + .1, .75) c h) )}}&.is-loading{cursor:not-allowed;a:where(.svelte-1m9ag9l),button:where(.svelte-1m9ag9l){pointer-events:none;&:disabled,&[aria-disabled=true]{background-color:var(--color-bg);color:var(--color-text);border:var(--button-border)}}}&.active{--color-bg: var(--color-bg-active) !important;--color-text: var(--color-text-active) !important}&.full-width{width:100%;a:where(.svelte-1m9ag9l),button:where(.svelte-1m9ag9l):not(.dropdown-trigger){width:100%}}&.full-height{height:100%;a:where(.svelte-1m9ag9l),button:where(.svelte-1m9ag9l){height:100%}}.badge:where(.svelte-1m9ag9l){position:absolute;top:-.2em;right:-.2em;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg, var(--color-action));color:var(--color-text, var(--color-action-text));border-radius:var(--radius-full);font-size:.8em;line-height:.8em;padding:.1em .5em;min-width:1.5em;min-height:1.5em;pointer-events:none;z-index:1;&.dot{width:.75rem;height:.75rem;min-width:.75rem;min-height:.75rem;top:-.1em;right:-.1em;padding:0}}&.transparent,&.translucent{.badge:where(.svelte-1m9ag9l){background-color:var(--color-action);color:var(--color-action-text)}&.accent{.badge:where(.svelte-1m9ag9l){background-color:var(--color-accent);color:var(--color-accent-text)}}&.error{.badge:where(.svelte-1m9ag9l){background-color:var(--color-error);color:var(--color-error-text)}}&.success{.badge:where(.svelte-1m9ag9l){background-color:var(--color-success);color:var(--color-success-text)}}}&.icon{.badge:where(.svelte-1m9ag9l){font-size:.8em;top:-.25em;right:-.5em;&.dot{top:0;right:0}}&.transparent,&.translucent{.badge:where(.svelte-1m9ag9l){top:.5em;right:.5em;&.dot{top:.75em;right:.75em}}}}&:not(.icon):has(>.badge:where(.svelte-1m9ag9l):not(.dot)){button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){mask-image:radial-gradient(circle at calc(100% - .5em) .4em,transparent calc(.65em + 3px),black calc(.65em + 3.5px))}}&:not(.icon):has(>.badge.dot:where(.svelte-1m9ag9l)){button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){mask-image:radial-gradient(circle at calc(100% - .3rem) .3rem,transparent calc(.375rem + 3px),black calc(.375rem + 3.55px))}}&.icon:has(>.badge:where(.svelte-1m9ag9l):not(.dot)){button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){mask-image:radial-gradient(circle at calc(100% - .3em) .4em,transparent .75em,black calc(.75em + .5px))}}&.icon:has(>.badge.dot:where(.svelte-1m9ag9l)){button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){mask-image:radial-gradient(circle at calc(100% - .375rem) .375rem,transparent calc(.375rem + 3px),black calc(.375rem + 3.5px))}}&.icon.transparent:has(>.badge:where(.svelte-1m9ag9l):not(.dot)),&.icon.translucent:has(>.badge:where(.svelte-1m9ag9l):not(.dot)){button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){mask-image:radial-gradient(circle at calc(100% - .75em) .75em,transparent .5em,black calc(.5em + .5px))}}&.icon.transparent:has(>.badge.dot:where(.svelte-1m9ag9l)),&.icon.translucent:has(>.badge.dot:where(.svelte-1m9ag9l)){button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){mask-image:radial-gradient(circle at calc(100% - .75em - .375rem) calc(.75em + .375rem),transparent calc(.375rem + 3px),black calc(.375rem + 3.5px))}}button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;outline:none;border:var(--button-border);text-align:center;text-decoration:none;width:fit-content;border-radius:var(--_radius);@supports (corner-shape: squircle){corner-shape:var(--_corner-shape);border-radius:calc(var(--_radius) * var(--_corner-scale))}background-color:var(--color-bg);color:var(--color-text);cursor:pointer;padding:.75em 1.5em;line-height:normal;transition:background-color .3s,color .3s,box-shadow .3s ease,translate .2s ease;box-shadow:inset 0 0 0 0 var(--color-text);gap:.5em;&:focus-visible:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 0 0 2px var(--color-text);outline:solid 2px var(--color-bg)}&:disabled,&[aria-disabled=true]{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed;border:var(--button-border-disabled)}&:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){background-color:var(--color-bg-active);color:var(--color-text-active);border:var(--button-border-active);text-decoration:none;transition:translate .2s ease}&:active:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){translate:0px 1px clamp(-10px,calc(.2em - 12px),-2px)}}&:not(.icon){button:where(.svelte-1m9ag9l):not(.dropdown-trigger),a:where(.svelte-1m9ag9l){box-sizing:border-box;min-height:calc(1em * var(--control-height-ratio, 3))}&.dense{button:where(.svelte-1m9ag9l):not(.dropdown-trigger),a:where(.svelte-1m9ag9l){min-height:calc(1em * var(--control-height-ratio-dense, 2.5))}}&.comfortable{button:where(.svelte-1m9ag9l):not(.dropdown-trigger),a:where(.svelte-1m9ag9l){min-height:calc(1em * var(--control-height-ratio-comfortable, 3.5))}}}.loading-icon:where(.svelte-1m9ag9l){position:relative;display:flex;justify-content:center;align-items:center;width:1.5em;margin-left:-.75em;margin-right:-.25em;height:100%;flex-shrink:0;flex-grow:0;.logo{display:block;width:100%;height:auto;aspect-ratio:1;flex-shrink:0;flex-grow:0}circle.track{stroke:rgb(from currentColor r g b / .2)}.icon-layer:where(.svelte-1m9ag9l){position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.check:where(.svelte-1m9ag9l){display:block;width:1.25em;height:1.25em}.check:where(.svelte-1m9ag9l) path:where(.svelte-1m9ag9l){stroke-dasharray:24;stroke-dashoffset:var(--check-draw, 0)}}.chevron{display:flex;align-items:center;justify-content:center;pointer-events:none;transform:rotate(0);transition:transform .3s var(--easing)}.chevron.active{transform:rotate(180deg)}&.has-dropdown-trigger{>button:where(.svelte-1m9ag9l):not(.dropdown-trigger),>a:where(.svelte-1m9ag9l){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:.75em}>button:where(.svelte-1m9ag9l),>a:where(.svelte-1m9ag9l){&:first-child{border-right:none!important}&:last-child{border-left:none!important}}}.dropdown-trigger:where(.svelte-1m9ag9l){border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--_radius);border-bottom-right-radius:var(--_radius);@supports (corner-shape: squircle){corner-shape:var(--_corner-shape);border-top-right-radius:calc(var(--_radius) * var(--_corner-scale));border-bottom-right-radius:calc(var(--_radius) * var(--_corner-scale))}display:flex;align-items:center;padding:0 .5em;&:before{content:"";height:1em;margin:0 -.25em 0 -.5em;padding:0;background-color:var(--color-text);width:1px;opacity:.2}svg{width:1.5em;height:1.5em}}&.dense{button:where(.svelte-1m9ag9l):not(.dropdown-trigger),a:where(.svelte-1m9ag9l){line-height:1em;padding:.5em 1em;gap:.3em}&.has-dropdown-trigger{>button:where(.svelte-1m9ag9l):not(.dropdown-trigger),>a:where(.svelte-1m9ag9l){padding:.5em 1em .5em 1.1em}}.chevron{margin:0 -.2em}.loading-icon:where(.svelte-1m9ag9l){margin-left:-.5em;margin-right:-.15em}}&.comfortable{button:where(.svelte-1m9ag9l):not(.dropdown-trigger),a:where(.svelte-1m9ag9l){padding:1em 2em;gap:.65em}&.has-dropdown-trigger{>button:where(.svelte-1m9ag9l):not(.dropdown-trigger),>a:where(.svelte-1m9ag9l){padding:1em 2em 1em 1.5em}}}&.icon{--_icon-size: calc(1em * var(--control-height-ratio, 3));height:var(--_icon-size);width:var(--_icon-size);aspect-ratio:1 / 1;--_radius: var(--radius-full);--_corner-shape: round;--_corner-scale: 1;&.dense{--_icon-size: calc(1em * var(--control-height-ratio-dense, 2.5));--_feedback-size: 60%;button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){padding:0;>svg,>img{width:60%;height:60%}}}&.comfortable{--_icon-size: calc(1em * var(--control-height-ratio-comfortable, 3.5))}button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:0;width:100%;height:100%;svg{width:50%;height:50%}>svg,>img{transition:opacity .15s ease,scale .2s var(--ease-spring, ease)}.loading-icon:where(.svelte-1m9ag9l)~svg,.loading-icon:where(.svelte-1m9ag9l)~img{opacity:0;scale:.5}}--_feedback-size: 50%;.loading-icon:where(.svelte-1m9ag9l){position:absolute;inset:0;width:auto;margin:0;.progress{width:var(--_feedback-size);height:var(--_feedback-size)}.progress svg{width:100%;height:100%}.check:where(.svelte-1m9ag9l){width:var(--_feedback-size);height:var(--_feedback-size)}}}&.group-h,&.group-v{&:hover,&:focus-within{z-index:1}}&.group-h{&:not(:first-child):not(:last-child){border-radius:0;button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){border-radius:0}}&:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){border-top-right-radius:0;border-bottom-right-radius:0}}&:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){border-top-left-radius:0;border-bottom-left-radius:0}}&:not(:last-child){button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){border-right:none}}&.icon{--_group-end-pad: .5em;&:first-child:not(:last-child){width:calc(var(--_icon-size) + var(--_group-end-pad));button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){box-sizing:border-box;padding-left:var(--_group-end-pad)}}&:last-child:not(:first-child){width:calc(var(--_icon-size) + var(--_group-end-pad));button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){box-sizing:border-box;padding-right:var(--_group-end-pad)}}}+.button{margin-left:-1px}}&.group-v{width:auto;button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){width:100%}&:not(:first-child):not(:last-child){border-radius:0;button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){border-radius:0}}&:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){border-bottom-left-radius:0;border-bottom-right-radius:0}}&:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){border-top-left-radius:0;border-top-right-radius:0}}&:not(:last-child){button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){border-bottom:none}}&.icon{--_group-end-pad: .5em;&:first-child:not(:last-child){height:calc(var(--_icon-size) + var(--_group-end-pad));button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){box-sizing:border-box;padding-top:var(--_group-end-pad)}}&:last-child:not(:first-child){height:calc(var(--_icon-size) + var(--_group-end-pad));button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){box-sizing:border-box;padding-bottom:var(--_group-end-pad)}}}+.button{margin-top:-1px}}&.overlay{--button-border: none;--button-border-disabled: none;--button-border-active: none;&.active{button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){color:#fff;background-color:#000000e6;@supports (backdrop-filter: blur(10px)){background-color:#000c}}}button:where(.svelte-1m9ag9l),a:where(.svelte-1m9ag9l){color:#ffffffd9;backdrop-filter:blur(10px);background-color:#000000d9;@supports (backdrop-filter: blur(10px)){background-color:#000000a6}&:disabled,&[aria-disabled=true]{color:#ffffffa6}&:focus-visible:not(:disabled):not([aria-disabled=true]){box-shadow:none;outline:solid 2px white;outline-offset:1px}&:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]){transition:none}&:hover:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]),&:focus-visible:not(:disabled):not([aria-disabled=true]){color:#fff;background-color:#000000e6;@supports (backdrop-filter: blur(10px)){background-color:#000000bf}}&:before{background-color:#000}}}}