@layer components.btn{.v-btn{--button-bg: transparent;--button-fg: currentColor;--button-border-color: transparent;--button-outline-color: var(--color-outline);--button-color: var(--fg-base);--lh: var(--button-line-height);border:none;position:relative;background:transparent;color:var(--button-fg);outline-color:var(--button-outline-color);display:inline-flex;justify-content:center;align-items:center;border-radius:var(--button-radius);padding-block:calc((var(--button-height) - var(--button-font-size) * var(--button-line-height)) / 2);padding-inline:var(--button-padding);font-size:var(--button-font-size);line-height:var(--button-line-height);min-width:-moz-fit-content;min-width:fit-content;min-height:var(--button-height);font-weight:var(--fw-medium);flex-shrink:0;cursor:default;scroll-margin-block:calc(var(--button-height) - .0625rem)}.v-btn:not(.v-btn--link){-webkit-user-select:none;-moz-user-select:none;user-select:none}.v-btn .loader{--loader-size: var(--icon-size)}.v-btn__icon,.v-btn__text{position:relative;z-index:1}.v-btn__icon{display:flex;justify-content:center;align-items:center}.v-btn__icon:not(:only-child){margin-left:-.1em;margin-right:var(--button-icon-gap)}.v-btn__text{white-space:nowrap}.v-btn__text+.icon{margin-inline-end:-.2em}.v-btn--sm,.v-list--sm{--button-height: var(--button-sm-height);--button-radius: var(--button-sm-radius);--button-padding: var(--button-sm-padding);--button-font-size: var(--button-sm-font-size)}.v-btn--md,.v-list--md{--button-height: var(--button-md-height);--button-radius: var(--button-md-radius);--button-padding: var(--button-md-padding);--button-font-size: var(--button-md-font-size)}.v-btn--lg,.v-list--lg{--button-height: var(--button-lg-height);--button-radius: var(--button-lg-radius);--button-padding: var(--button-lg-padding);--button-font-size: var(--button-lg-font-size)}.v-btn--xl,.v-list--xl{--button-height: var(--button-xl-height);--button-radius: var(--button-xl-radius);--button-padding: var(--button-xl-padding);--button-font-size: var(--button-xl-font-size)}.v-btn--2xl,.v-list--2xl{--button-height: var(--button-2xl-height);--button-radius: var(--button-2xl-radius);--button-padding: var(--button-2xl-padding);--button-font-size: var(--button-2xl-font-size)}.v-btn--dense{--button-icon-gap: .2em;padding-inline:calc(var(--button-padding) - .0625rem)}.v-btn--semantic{--icon-opacity: var(--icon-opacity-semantic);--button-outline-color: var(--button-color)}.v-btn--active.v-btn--ghost,.v-btn--active.v-btn--icon{--button-outline-color: var(--button-color);color:var(--fg-primary)}:is(.v-btn--active.v-btn--ghost,.v-btn--active.v-btn--icon) .icon{opacity:1}.v-btn--ghost,.v-btn--icon{--button-color: currentColor;--button-bg-opacity: 0}@media(hover:none)and (pointer:coarse){[data-pressed=true]:is(.v-btn--ghost,.v-btn--icon){--button-bg-opacity: var(--button-bg-pressed-opacity)}}.v-btn--regular,.v-btn--solid{min-width:6ch}.v-btn--xl:is(.v-btn--regular,.v-btn--solid){min-width:8ch}.v-btn--2xl:is(.v-btn--regular,.v-btn--solid){min-width:11ch}.v-btn--regular{--button-border-color: color(from var(--button-color) xyz x y z / .3)}@media(hover:none)and (pointer:coarse){.v-btn--regular[data-pressed=true]{--button-bg-opacity: var(--button-bg-active-opacity)}}.v-btn--ghost,.v-btn--icon,.v-btn--regular,.v-btn--solid{position:relative}:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon,.v-btn--solid):before{content:"";background-color:var(--button-bg);box-shadow:0 0 0 1px var(--button-border-color) inset;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:-1;pointer-events:none}@media(hover:none)and (pointer:coarse){:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon,.v-btn--solid):before{transition:background-color var(--duration-1) linear}}.v-btn--ghost,.v-btn--icon,.v-btn--regular{--button-bg: color( from var(--button-color) xyz x y z / var(--button-bg-opacity) );--button-fg: var(--button-color)}.context-menu-visible:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon),.v-list-item--focused:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon),.v-list-item--hovered:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon),.v-list-item:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon):focus-visible,[aria-expanded=true][aria-haspopup]:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon),[data-highlighted=true]:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon){--button-bg-opacity: var(--button-bg-active-opacity)}@media(hover)and (pointer:fine){:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon):has(.context-menu-visible),:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon):hover{--button-bg-opacity: var(--button-bg-hover-opacity)}:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon):active{--button-bg-opacity: var(--button-bg-active-opacity)}}.v-list-item--active:is(.v-btn--regular,.v-btn--ghost,.v-btn--icon){--button-bg-opacity: var(--button-bg-active-opacity)}@media(hover:none)and (pointer:coarse){:is(.v-btn--icon,.v-btn--floating):after{content:"";position:absolute;inset:-.25rem}}.v-btn--icon{--icon-size: var(--button-icon-size);--loader-size: var(--button-icon-size);padding:0;min-width:calc(var(--button-height) + var(--button-icon-width-extend))}.v-btn--icon.v-btn--dense,.v-btn--icon.v-btn--rounded{min-width:var(--button-height)}.v-btn--icon.v-btn--rounded{--icon-size: 1.3em;--loader-size: 1.3em}.v-btn--icon .v-btn__text{display:flex;justify-content:center;align-items:center;gap:0}:is(.v-btn--icon .v-btn__text) .icon{margin:0}.v-btn--icon.v-btn--sm.v-btn--dense,.v-btn--icon.v-btn--sm.v-btn--rounded{min-width:var(--button-sm-height)}.v-btn--icon.v-btn--lg.v-btn--dense,.v-btn--icon.v-btn--lg.v-btn--rounded{min-width:var(--button-lg-height)}.v-btn--icon.v-btn--xl.v-btn--dense,.v-btn--icon.v-btn--xl.v-btn--rounded{min-width:var(--button-xl-height)}.v-btn--solid{--icon-opacity: 1;--button-color: var(--bg-primary);--button-border-color: var(--black-a1);--button-bg: var(--button-color);--button-fg: var(--white);--button-outline-color: var(--button-bg);font-weight:550}@media(hover)and (pointer:fine){.v-btn--solid:hover:before{background-color:color-mix(in lab,var(--button-bg),var(--bg-contrast) 10%)}}@media(hover:none)and (pointer:coarse){.v-btn--solid[data-pressed=true]:before{background-color:color-mix(in lab,var(--button-bg),var(--black) 10%)}}.v-btn--solid.v-btn--icon .icon{opacity:1}.v-btn--solid[disabled]:not(.v-btn--loading){--button-bg: var(--bg-a4) !important;color:var(--fg-base)!important}.v-btn--link{--button-fg: var(--button-color);padding:0!important;height:auto!important;min-height:auto!important;font-size:inherit;line-height:inherit;text-underline-offset:.125rem;text-decoration-thickness:.09375rem;border-radius:var(--radius-1)}.v-btn--link:hover{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.v-btn--link .v-btn__icon{margin-inline:0 .125rem!important}.v-btn--floating{--button-bg-opacity: 0;width:var(--button-floating-height)!important;padding:0;min-width:auto;height:var(--button-floating-height)!important;border-radius:var(--radius-round)!important}.v-btn--floating.v-btn--regular{background-color:var(--bg-1)}.v-btn--floating .icon{font-size:2rem}.v-btn--floating.v-btn--solid .icon{opacity:1;color:#fff}.v-btn--loading{pointer-events:none!important}.v-btn[disabled]{opacity:.6}.v-btn--rounded{border-radius:var(--radius-round)}.v-btn--black{--icon-opacity: 1;--button-border-color: var(--white-a1);color:var(--white-a7)!important;backdrop-filter:blur(8px) brightness(.5)}.dark-theme .v-btn--regular{--button-border-color: color(from var(--button-color) xyz x y z / .1)}.v-btn--semantic:is(.dark-theme .v-btn--regular){--button-border-color: color(from var(--button-color) xyz x y z / .15)}:is(.light-theme .dark-theme) .v-btn--regular{--button-border-color: color(from var(--button-color) xyz x y z / .15)}.v-btn--semantic:is(:is(.light-theme .dark-theme) .v-btn--regular){--button-border-color: color(from var(--button-color) xyz x y z / .2)}}