@layer astro-ui-components{.btn-circle:where(.astro-i2oiueqj){align-items:center;border-radius:var(--nds-viewport-border-radius-full);border-width:0;box-sizing:content-box;cursor:pointer;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;padding:var(--nds-viewport-spacing-component-025-responsive);width:1.5rem}.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar]{height:2rem;width:2rem}.btn-circle:where(.astro-i2oiueqj):hover:active:not(.disabled):not(:disabled){outline:var(--nds-mode-border-width-pressed) solid var(--nds-mode-color-border-pressed)}.btn-circle:where(.astro-i2oiueqj)[btn-circle]{background-color:var(--nds-mode-color-utility-background-transparent);color:var(--nds-mode-color-foreground-neutral-default)}.btn-circle:where(.astro-i2oiueqj)[btn-circle].loading{color:transparent}.btn-circle:where(.astro-i2oiueqj)[btn-circle].loading:before,.btn-circle:where(.astro-i2oiueqj)[btn-circle].loading:hover:before{background-color:var(--nds-mode-color-foreground-neutral-default)}.btn-circle:where(.astro-i2oiueqj)[btn-circle]:hover:not(.no-hover){background-color:var(--nds-mode-color-background-neutral-surface-default-hover);color:var(--nds-mode-color-foreground-neutral-default);outline:var(--nds-mode-border-width-none) solid var(--nds-mode-color-border-neutral-default-rest)}.btn-circle:where(.astro-i2oiueqj)[btn-circle].disabled,.btn-circle:where(.astro-i2oiueqj)[btn-circle]:disabled{background-color:var(--nds-mode-color-utility-background-transparent-disabled);color:var(--nds-mode-color-foreground-neutral-default-disabled);cursor:default;opacity:var(--nds-mode-opacity-disabled);pointer-events:none}.btn-circle:where(.astro-i2oiueqj)[btn-circle-neutral-on-header]{background-color:var(--nds-mode-color-utility-background-transparent);color:var(--nds-mode-color-foreground-on-header-default)}.btn-circle:where(.astro-i2oiueqj)[btn-circle-neutral-on-header].loading{color:transparent}.btn-circle:where(.astro-i2oiueqj)[btn-circle-neutral-on-header].loading:before,.btn-circle:where(.astro-i2oiueqj)[btn-circle-neutral-on-header].loading:hover:before{background-color:var(--nds-mode-color-foreground-on-header-default)}.btn-circle:where(.astro-i2oiueqj)[btn-circle-neutral-on-header]:hover:not(.no-hover){background-color:var(--nds-mode-color-background-header-component-hover);color:var(--nds-mode-color-foreground-on-header-default);outline:var(--nds-mode-border-width-component-default) solid var(--nds-mode-color-border-neutral-default-rest)}.btn-circle:where(.astro-i2oiueqj)[btn-circle-neutral-on-header].disabled,.btn-circle:where(.astro-i2oiueqj)[btn-circle-neutral-on-header]:disabled{background-color:var(--nds-mode-color-utility-background-transparent-disabled);color:var(--nds-mode-color-foreground-on-header-default-disabled);cursor:default;opacity:var(--nds-mode-opacity-disabled);pointer-events:none}.btn-circle:where(.astro-i2oiueqj)[btn-circle-accent]{background-color:var(--nds-mode-color-background-primary-component-subtle-rest);color:var(--nds-mode-color-foreground-primary-on-subtle)}.btn-circle:where(.astro-i2oiueqj)[btn-circle-accent].loading{color:transparent}.btn-circle:where(.astro-i2oiueqj)[btn-circle-accent].loading:before,.btn-circle:where(.astro-i2oiueqj)[btn-circle-accent].loading:hover:before{background-color:var(--nds-mode-color-foreground-primary-on-subtle)}.btn-circle:where(.astro-i2oiueqj)[btn-circle-accent]:hover:not(.no-hover){background-color:var(--nds-mode-color-background-primary-component-subtle-hover);color:var(--nds-mode-color-foreground-primary-on-subtle);outline:var(--nds-mode-border-width-none) solid var(--nds-mode-color-border-primary-default-rest)}.btn-circle:where(.astro-i2oiueqj)[btn-circle-accent].disabled,.btn-circle:where(.astro-i2oiueqj)[btn-circle-accent]:disabled{background-color:var(--nds-mode-color-background-primary-component-subtle-disabled);color:var(--nds-mode-color-foreground-primary-on-subtle-disabled);cursor:default;opacity:var(--nds-mode-opacity-disabled);pointer-events:none}.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar]{background-color:var(--nds-mode-color-background-header-component-rest);color:var(--nds-mode-color-foreground-on-header-default);outline:var(--nds-mode-border-width-component-default) solid var(--nds-mode-color-border-neutral-default-rest)}.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar].loading{color:transparent}.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar].loading:before,.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar].loading:hover:before{background-color:var(--nds-mode-color-foreground-on-header-default)}.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar]:hover:not(.no-hover){background-color:var(--nds-mode-color-background-header-component-hover);color:var(--nds-mode-color-foreground-on-header-default);outline:var(--nds-mode-border-width-component-default) solid var(--nds-mode-color-border-neutral-default-rest)}.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar].disabled,.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar]:disabled{background-color:var(--nds-mode-color-background-header-component-disabled);color:var(--nds-mode-color-foreground-on-header-default-disabled);cursor:default;opacity:var(--nds-mode-opacity-disabled);pointer-events:none}.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar].disabled:not(:focus-visible),.btn-circle:where(.astro-i2oiueqj)[btn-avatar-topbar]:disabled:not(:focus-visible){outline:var(--nds-mode-border-width-component-default) solid var(--nds-mode-color-border-neutral-default-disabled)}.btn-circle:where(.astro-i2oiueqj).loading{cursor:default;padding-left:var(--nds-viewport-spacing-component-100-responsive);pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-circle:where(.astro-i2oiueqj).loading:before{background-position:50%;background-repeat:no-repeat;background-size:var(--nds-viewport-spacing-component-100-responsive) var(--nds-viewport-spacing-component-100-responsive);content:" ";height:1.125rem;left:var(--nds-viewport-spacing-component-100-responsive);margin-left:calc(var(--nds-viewport-spacing-component-100-responsive)*-1);-webkit-mask-image:url(/assets/img/three-dots.svg);mask-image:url(/assets/img/three-dots.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:100%}}