@layer components{.bezel{display:inline-flex;align-items:center;justify-content:flex-start;white-space:nowrap;flex:0 0 auto;width:fit-content;position:relative;gap:var(--bezel-gap,0);padding:var(--bezel-py,0) var(--bezel-px,0);border-top-left-radius:var(
      --bezel-radius-tl,var(--bezel-radius,var(--radius))
    );border-top-right-radius:var(
      --bezel-radius-tr,var(--bezel-radius,var(--radius))
    );border-bottom-left-radius:var(
      --bezel-radius-bl,var(--bezel-radius,var(--radius))
    );border-bottom-right-radius:var(
      --bezel-radius-br,var(--bezel-radius,var(--radius))
    );outline:none}.bezel--xs{--bezel-gap:2px;--bezel-py:2px;--bezel-px:4px;--bezel-pi:3px;--bezel-icon-pull:0px;--bezel-h:20px;font-size:11px;line-height:14px}.bezel--sm{--bezel-gap:3px;--bezel-py:3px;--bezel-px:6px;--bezel-pi:4px;--bezel-icon-pull:0px;--bezel-h:24px;font-size:12px;line-height:16px}.bezel--md{--bezel-gap:6px;--bezel-py:5px;--bezel-px:10px;--bezel-pi:6px;--bezel-icon-pull:3px;--bezel-h:32px;font-size:13px;line-height:20px}.bezel--lg{--bezel-gap:8px;--bezel-py:5px;--bezel-px:12px;--bezel-pi:7px;--bezel-icon-pull:3px;--bezel-h:36px;font-size:14px;line-height:24px}.bezel[data-icon-only=true]{padding:var(--bezel-pi);align-self:center;justify-content:center}.bezel[data-has-leading-icon=true][data-has-leading-indicator=false][data-icon-only=false]{padding-left:calc(var(--bezel-px) - var(--bezel-icon-pull))}.bezel[data-has-trailing-icon=true][data-icon-only=false]{padding-right:calc(var(--bezel-px) - var(--bezel-icon-pull))}.bezel--width-fill{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:var(--bezel-gap);width:100%;flex:1 1 auto}.bezel--width-fill>.bezel-label{grid-column:2;justify-self:center;text-align:center}.bezel--width-fill>:has(~.bezel-label){grid-column:1;justify-self:start}.bezel--width-fill>.bezel-label~*{grid-column:3;justify-self:end}.bezel--width-fill[data-has-kbd=true]{grid-template-columns:auto 1fr auto}.bezel--width-fill[data-has-kbd=true]>.bezel-label{grid-column:2;justify-self:start;text-align:left}.bezel--width-fill[data-has-kbd=true]>:has(~.bezel-label){grid-column:1}.bezel--width-fill[data-has-kbd=true]>.bezel-kbd{grid-column:3}.bezel--width-fill[data-has-trailing-indicator=true]:not([data-has-kbd=true]){grid-template-columns:auto 1fr auto}.bezel--width-fill[data-has-trailing-indicator=true]:not([data-has-kbd=true])>.bezel-label{grid-column:2;justify-self:stretch;text-align:left}.bezel--width-fill[data-has-trailing-indicator=true]:not([data-has-kbd=true])>:has(~.bezel-label){grid-column:1}.bezel--width-fill[data-has-trailing-indicator=true]:not([data-has-kbd=true])>.bezel-indicator{grid-column:3}.bezel--height-fill{align-self:stretch}.bezel-icon,.bezel-indicator,.bezel-kbd,.bezel-label{flex-shrink:0}.bezel-icon>*,.bezel-indicator>*{width:100%;height:100%}.bezel--xs .bezel-icon{width:12px;height:12px}.bezel--sm .bezel-icon{width:14px;height:14px}.bezel--md .bezel-icon{width:18px;height:18px}.bezel--lg .bezel-icon{width:20px;height:20px}.bezel--xs .bezel-indicator{width:8px;height:8px}.bezel--sm .bezel-indicator{width:10px;height:10px}.bezel--md .bezel-indicator{width:14px;height:14px}.bezel--lg .bezel-indicator{width:16px;height:16px}.bezel-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bezel-kbd{margin-left:auto}.bezel-field{display:flex;align-items:center;gap:var(--bezel-gap,0);padding:var(--bezel-py,0) var(--bezel-px,0);cursor:text}.bezel-field>.bezel-field-leading,.bezel-field>.bezel-field-trailing{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.bezel-field>.bezel-field-leading{margin-left:-3px}.bezel-field>.bezel-field-trailing{margin-right:-3px}.bezel-groupable{border-top-left-radius:var(
      --bezel-radius-tl,var(--bezel-radius,var(--radius))
    );border-top-right-radius:var(
      --bezel-radius-tr,var(--bezel-radius,var(--radius))
    );border-bottom-left-radius:var(
      --bezel-radius-bl,var(--bezel-radius,var(--radius))
    );border-bottom-right-radius:var(
      --bezel-radius-br,var(--bezel-radius,var(--radius))
    );border:1px solid transparent;transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,color .15s ease-out,filter .15s ease-out}.bezel-groupable:focus-visible,.bezel-groupable:has(input:focus,textarea:focus),.bezel-groupable[data-focus-visible=true]{outline:2px solid color-mix(in oklch,var(--ring) 40%,transparent);outline-offset:1px;border-color:var(--ring)}.bezel-group{display:flex;align-items:stretch;position:relative;--bezel-gap:0px;gap:var(--bezel-gap)}.bezel-group[data-orientation=horizontal]{flex-direction:row}.bezel-group[data-orientation=vertical]{flex-direction:column}.bezel-group[data-gap=sm]{--bezel-gap:2px}.bezel-group[data-gap=md]{--bezel-gap:4px}.bezel-group[data-gap=lg]{--bezel-gap:6px}.bezel-group[data-orientation=horizontal]>.bezel-groupable:first-child:not(:last-child){--bezel-radius-tr:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px);--bezel-radius-br:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px)}.bezel-group[data-orientation=horizontal]>.bezel-groupable:last-child:not(:first-child){--bezel-radius-tl:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px);--bezel-radius-bl:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px)}.bezel-group[data-orientation=horizontal]>.bezel-groupable:not(:first-child):not(:last-child){--bezel-radius-tl:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px);--bezel-radius-tr:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px)}.bezel-group[data-orientation=horizontal]>.bezel-groupable:not(:first-child):not(:last-child),.bezel-group[data-orientation=vertical]>.bezel-groupable:first-child:not(:last-child){--bezel-radius-bl:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px);--bezel-radius-br:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px)}.bezel-group[data-orientation=vertical]>.bezel-groupable:last-child:not(:first-child),.bezel-group[data-orientation=vertical]>.bezel-groupable:not(:first-child):not(:last-child){--bezel-radius-tl:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px);--bezel-radius-tr:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px)}.bezel-group[data-orientation=vertical]>.bezel-groupable:not(:first-child):not(:last-child){--bezel-radius-bl:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px);--bezel-radius-br:clamp(1px,calc(var(--bezel-radius, var(--radius)) - var(--bezel-gap) - 2px),3px)}.bezel-group>.bezel-groupable{position:relative;z-index:1}.bezel-group>.bezel-groupable:hover{z-index:2}.bezel-group>.bezel-groupable:focus-within{z-index:3}[data-collection-row][data-selected=true]:has(+[data-collection-row][data-selected=true]){border-bottom-left-radius:0;border-bottom-right-radius:0}[data-collection-row][data-selected=true]+[data-collection-row][data-selected=true]{border-top-left-radius:0;border-top-right-radius:0}.btn{outline:none;cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,color .15s ease-out,filter .15s ease-out}.btn:disabled:not([aria-busy=true]),.btn[aria-disabled=true]:not([aria-busy=true]){opacity:.4;pointer-events:none}.btn[aria-busy=true]{cursor:default;pointer-events:none}}@layer components{.btn:focus-visible,.btn[data-focus-visible=true]{outline:2px solid color-mix(in oklch,var(--ring) 40%,transparent);outline-offset:1px}.btn .bezel-icon,.btn .bezel-indicator{color:inherit;opacity:.75}.btn--pill{--bezel-radius:9999px}.btn--outline{background-color:color-mix(in oklch,var(--background) 50%,transparent);border-color:color-mix(in oklch,var(--border) 60%,transparent);color:var(--foreground)}.btn--outline:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--muted) 50%,transparent);border-color:var(--border)}.btn--ghost{background-color:transparent;border-color:transparent;color:color-mix(in oklch,var(--foreground) 72%,transparent)}.btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--foreground) 6%,transparent);color:var(--foreground)}.btn--ghost:active:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--foreground) 10%,transparent);color:var(--foreground)}.btn--primary{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.btn--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--primary),white 8%);border-color:color-mix(in oklch,var(--primary),white 8%)}.btn--destructive{background-color:var(--destructive);border-color:var(--destructive);color:var(--destructive-foreground)}.btn--destructive:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--destructive),white 8%);border-color:color-mix(in oklch,var(--destructive),white 8%)}.btn--accent{background-color:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.btn--accent:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--accent),white 5%);border-color:color-mix(in oklch,var(--accent),white 5%)}.btn--link{background-color:transparent;border-color:transparent;color:var(--primary);text-underline-offset:4px}.btn--link:hover:not(:disabled):not([aria-disabled=true]){text-decoration:underline}.btn--ghost[data-active=true]{background-color:var(--accent);color:var(--foreground)}.btn--ghost[data-active=true]:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--accent) 88%,var(--foreground))}.btn--outline[data-active=true]{background-color:var(--background);border-color:var(--ring);color:var(--foreground)}.btn--outline[data-active=true]:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--background) 92%,var(--foreground));border-color:var(--ring)}.btn--link[data-active=true]{text-decoration:underline}.btn--primary[data-active=true]{background-color:color-mix(in oklch,var(--primary),black 8%);border-color:color-mix(in oklch,var(--primary),black 8%)}.btn--destructive[data-active=true]{background-color:color-mix(in oklch,var(--destructive),black 8%);border-color:color-mix(in oklch,var(--destructive),black 8%)}.btn--accent[data-active=true]{background-color:color-mix(in oklch,var(--accent),black 8%);border-color:color-mix(in oklch,var(--accent),black 8%)}.btn--primary[data-active=true]:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--primary),black 14%);border-color:color-mix(in oklch,var(--primary),black 14%)}.btn--destructive[data-active=true]:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--destructive),black 14%);border-color:color-mix(in oklch,var(--destructive),black 14%)}.btn--accent[data-active=true]:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch,var(--accent),black 14%);border-color:color-mix(in oklch,var(--accent),black 14%)}.btn--foil[data-active=true],.btn--foil[data-active=true]:hover:not(:disabled):not([aria-disabled=true]){transform:translateY(1px);box-shadow:inset 0 1px 0 rgb(255 255 255/.6),inset 0 -1px 0 rgb(0 0 0/.04),0 2px 5px rgb(0 0 0/.08),0 6px 12px rgb(0 0 0/.06)}.btn--elev-flat{box-shadow:none}.btn--elev-raised{box-shadow:inset 0 1px 0 rgb(255 255 255/.45),inset 0 -1px 0 rgb(0 0 0/.04),0 1px 2px rgb(0 0 0/.05)}.btn--elev-raised.btn--accent,.btn--elev-raised.btn--destructive,.btn--elev-raised.btn--primary{box-shadow:inset 0 1px 0 rgb(255 255 255/.18),inset 0 -2px 0 rgb(0 0 0/.12),0 1px 2px rgb(0 0 0/.06),0 2px 4px rgb(0 0 0/.04)}.btn--link.btn--elev-flat,.btn--link.btn--elev-raised{box-shadow:none}.btn-shell{padding:0;height:var(--bezel-h);overflow:hidden}.btn-shell[data-square=true]{width:var(--bezel-h)}.btn--foil{color:var(--foreground);background:linear-gradient(135deg,rgb(200 200 212),rgb(225 225 232) 30%,rgb(195 197 208) 50%,rgb(220 220 228) 70%,rgb(200 200 212));border-color:rgb(180 180 195/.6);box-shadow:inset 0 1px 0 rgb(255 255 255/.7),inset 0 -1px 0 rgb(0 0 0/.06),0 1px 3px rgb(0 0 0/.08),0 4px 12px rgb(0 0 0/.06);transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s cubic-bezier(.23,1,.32,1),color .15s ease-out,filter .15s ease-out,transform .15s cubic-bezier(.23,1,.32,1)}.btn--foil:hover:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 1px 0 rgb(255 255 255/.9),inset 0 -1px 0 rgb(0 0 0/.06),0 2px 6px rgb(0 0 0/.08),0 8px 20px rgb(0 0 0/.07)}.btn--foil:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px);box-shadow:inset 0 1px 0 rgb(255 255 255/.6),inset 0 -1px 0 rgb(0 0 0/.04),0 2px 5px rgb(0 0 0/.08),0 6px 12px rgb(0 0 0/.06)}.dark .btn--foil{color:var(--foreground);background:linear-gradient(135deg,rgb(40 42 50/.85),rgb(58 60 72/.9) 30%,rgb(44 46 56/.85) 50%,rgb(55 57 68/.9) 70%,rgb(40 42 50/.85));border-color:rgb(255 255 255/.08);box-shadow:inset 0 1px 0 rgb(255 255 255/.08),inset 0 -2px 0 rgb(0 0 0/.2),0 3px 8px rgb(0 0 0/.18),0 10px 20px rgb(0 0 0/.14)}.dark .btn--foil:hover:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 1px 0 rgb(255 255 255/.1),inset 0 -2px 0 rgb(0 0 0/.22),0 5px 12px rgb(0 0 0/.22),0 14px 28px rgb(0 0 0/.18)}.btn-status{position:relative;width:100%;height:100%;line-height:1}.btn-status,.btn-status__icon,.btn-status__spinner{display:inline-flex;align-items:center;justify-content:center}.btn-status__icon,.btn-status__spinner{position:absolute;inset:0;transition:opacity .15s ease-out}.btn-status__icon{opacity:1}.btn-status[data-loading] .btn-status__icon,.btn-status__spinner{opacity:0}.btn-status[data-loading] .btn-status__spinner{opacity:1}.btn-status__icon>*{width:100%;height:100%}}