@layer ozi-component{.ozi__button__button__nNN_g{--initial-border-size:1px;--padding-icon-func:calc(var(--padding-constant) - 4px - var(--padding-no-content-shift, 0px));align-items:stretch;background-color:var(--background-color);border:none;border-radius:var(--leftRadius) var(--rightRadius) var(--rightRadius) var(--leftRadius);box-shadow:inset 0 0 0 var(--initial-border-size) var(--border-color);box-sizing:border-box;color:var(--icon-color);cursor:pointer;display:grid;height:var(--height);margin:0;min-width:var(--min-width);padding:0;position:relative;width:var(--width)}.ozi__button__content__nNN_g{display:grid;gap:var(--gap);grid-auto-flow:column;padding-left:var(--padding-icon-left,var(--padding-constant));padding-right:var(--padding-icon-right,var(--padding-constant));place-content:center;place-items:center}.ozi__button__text__nNN_g{color:var(--text-color);white-space:nowrap;width:100%}.ozi__button__size-600__nNN_g{--padding-constant:24px;--height:56px;--min-width:56px;--leftRadius:10px;--rightRadius:10px;--gap:4px}.ozi__button__size-500__nNN_g{--padding-constant:16px;--height:44px;--min-width:44px;--leftRadius:8px;--rightRadius:8px;--gap:4px}.ozi__button__size-400__nNN_g{--padding-constant:14px;--height:32px;--min-width:32px;--leftRadius:6px;--rightRadius:6px;--gap:4px}.ozi__button__size-400__nNN_g.ozi__button__uncontained-negative__nNN_g,.ozi__button__size-400__nNN_g.ozi__button__uncontained__nNN_g,.ozi__button__size-500__nNN_g.ozi__button__uncontained-negative__nNN_g,.ozi__button__size-500__nNN_g.ozi__button__uncontained__nNN_g{--height:24px;--min-width:24px;--gap:2px}.ozi__button__size-600__nNN_g.ozi__button__uncontained-negative__nNN_g,.ozi__button__size-600__nNN_g.ozi__button__uncontained__nNN_g{--height:28px;--min-width:24px;--gap:2px}.ozi__button__primary__nNN_g{--icon-color:var(--ozi-static-graphic-primary-on-dark-transparent);--text-color:var(--ozi-static-text-primary-on-dark-transparent);--border-color:#0000;--background-color:var(--ozi-bg-action-primary);--background-color-hovered:var(--ozi-active-bg-action-primary);--background-color-active:var(--ozi-bg-action-primary);--background-image:#0000}.ozi__button__primary-negative__nNN_g{--icon-color:var(--ozi-static-graphic-primary-on-dark-transparent);--text-color:var(--ozi-static-text-primary-on-dark-transparent);--border-color:#0000;--background-color:var(--ozi-bg-negative-primary);--background-color-hovered:var(--ozi-active-bg-negative-primary);--background-color-active:var(--ozi-bg-negative-primary);--background-image:#0000}.ozi__button__secondary__nNN_g{--icon-color:var(--ozi-graphic-action-primary);--text-color:var(--ozi-text-action);--border-color:#0000;--background-color:var(--ozi-bg-tertiary-transparent);--background-color-hovered:var(--ozi-active-bg-tertiary-transparent);--background-color-active:#0000;--background-image:linear-gradient(to top,#0000 -500%,var(--background-color-hovered) 80%),linear-gradient(to bottom,#0000 -500%,var(--background-color-hovered) 80%)}.ozi__button__outline__nNN_g{--icon-color:var(--ozi-graphic-action-primary);--text-color:var(--ozi-text-action);--border-color:var(--ozi-graphic-action-primary);--background-color:#0000;--background-color-hovered:var(--ozi-bg-tertiary-transparent);--background-color-active:var(--ozi-bg-tertiary-transparent);--background-image:linear-gradient(to top,#0000 -500%,var(--background-color-hovered) 80%),linear-gradient(to bottom,#0000 -500%,var(--background-color-hovered) 80%)}.ozi__button__ghost__nNN_g{--icon-color:var(--ozi-graphic-action-primary);--text-color:var(--ozi-text-action);--border-color:#0000;--background-color:#0000;--background-color-hovered:var(--ozi-bg-tertiary-transparent);--background-color-active:var(--ozi-bg-tertiary-transparent);--background-image:linear-gradient(to top,#0000 -500%,var(--background-color-hovered) 80%),linear-gradient(to bottom,#0000 -500%,var(--background-color-hovered) 80%)}.ozi__button__ghost-negative__nNN_g{--icon-color:var(--ozi-graphic-negative-primary);--text-color:var(--ozi-text-negative);--border-color:#0000;--background-color:#0000;--background-color-hovered:var(--ozi-bg-negative-secondary-transparent);--background-color-active:var(--ozi-bg-negative-secondary-transparent);--background-image:linear-gradient(to top,#0000 -500%,var(--background-color-hovered) 80%),linear-gradient(to bottom,#0000 -500%,var(--background-color-hovered) 80%)}.ozi__button__uncontained__nNN_g{--icon-color:var(--ozi-graphic-action-primary);--icon-color-hovered:var(--ozi-active-text-action-primary);--text-color:var(--ozi-text-action);--text-color-hovered:var(--ozi-active-text-action-primary);--border-color:#0000;--background-color:#0000;--background-image:#0000;--padding-constant:0;--padding-icon-func:0}.ozi__button__uncontained-negative__nNN_g{--icon-color:var(--ozi-graphic-negative-primary);--icon-color-hovered:var(--ozi-active-graphic-negative);--text-color:var(--ozi-text-negative);--text-color-hovered:var(--ozi-active-text-negative);--border-color:#0000;--background-color:#0000;--background-image:#0000;--padding-constant:0;--padding-icon-func:0}.ozi__button__hug__nNN_g{--width:fit-content}.ozi__button__fill__nNN_g{--width:100%}.ozi__button__size-500__nNN_g.ozi__button__noContent__nNN_g{--padding-no-content-shift:6px}.ozi__button__size-600__nNN_g.ozi__button__noContent__nNN_g{--padding-no-content-shift:8px}.ozi__button__size-400__nNN_g.ozi__button__noContent__nNN_g{--padding-no-content-shift:4px}.ozi__button__hasLeftIcon__nNN_g{--padding-icon-left:var(--padding-icon-func)}.ozi__button__hasLeftIcon__nNN_g.ozi__button__noContent__nNN_g,.ozi__button__hasRightIcon__nNN_g{--padding-icon-right:var(--padding-icon-func)}.ozi__button__hasRightIcon__nNN_g.ozi__button__noContent__nNN_g{--padding-icon-left:var(--padding-icon-func)}.ozi__button__noLeftRadius__nNN_g{--leftRadius:0}.ozi__button__noRightRadius__nNN_g{--rightRadius:0}.ozi__button__button__nNN_g.ozi__button__disabled__nNN_g,.ozi__button__button__nNN_g:disabled{cursor:default;opacity:var(--opacity-300);--icon-color:var(--ozi-graphic-secondary-transparent);--text-color:var(--ozi-text-tertiary-transparent);--background-color:var(--ozi-bg-tertiary-transparent);--border-color:#0000}:is(.ozi__button__uncontained-negative__nNN_g,.ozi__button__uncontained__nNN_g).ozi__button__disabled__nNN_g,:is(.ozi__button__uncontained-negative__nNN_g,.ozi__button__uncontained__nNN_g):disabled{--background-color:#0000}.ozi__button__button__nNN_g:active:not(:disabled,.ozi__button__clear__nNN_g,.ozi__button__disabled__nNN_g),.ozi__button__button__nNN_g[data-teststate-active=true]:not(:disabled,.ozi__button__clear__nNN_g,.ozi__button__disabled__nNN_g){--background-color:var(--background-color-active);background-image:var(--background-image)}.ozi__button__button__nNN_g:hover:not(:disabled,.ozi__button__disabled__nNN_g,:active,.ozi__button__clear__nNN_g),.ozi__button__button__nNN_g[data-teststate-hover=true]:not(:disabled,[data-teststate-active=true],.ozi__button__clear__nNN_g,.ozi__button__disabled__nNN_g){--background-color:var(--background-color-hovered)}:is(.ozi__button__uncontained-negative__nNN_g,.ozi__button__uncontained__nNN_g):hover:not(:disabled,.ozi__button__disabled__nNN_g,:active,.ozi__button__clear__nNN_g),:is(.ozi__button__uncontained-negative__nNN_g,.ozi__button__uncontained__nNN_g)[data-teststate-hover=true]:not(:disabled,[data-teststate-active=true],.ozi__button__clear__nNN_g,.ozi__button__disabled__nNN_g){--text-color:var(--text-color-hovered);--icon-color:var(--icon-color-hovered)}.ozi__button__loading__nNN_g{cursor:default;display:grid;height:100%;place-items:center;position:absolute;width:100%}.ozi__button__hasLoading__nNN_g .ozi__button__content__nNN_g{opacity:0}}