@layer ozi-component{.ozi__button__button__5UTJi{--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);isolation:isolate;margin:0;min-width:var(--min-width);padding:0;position:relative;width:var(--width)}.ozi__button__content__5UTJi{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;position:relative;z-index:5}.ozi__button__overlay__5UTJi{background-color:var(--overlay-background,#0000);border-radius:var(--leftRadius) var(--rightRadius) var(--rightRadius) var(--leftRadius);inset:0;opacity:var(--overlay-opacity,0);pointer-events:none;position:absolute;z-index:2}.ozi__button__text__5UTJi{color:var(--text-color);white-space:nowrap;width:100%}.ozi__button__size-600__5UTJi{--padding-constant:24px;--height:56px;--min-width:56px;--leftRadius:10px;--rightRadius:10px;--gap:4px}.ozi__button__size-500__5UTJi{--padding-constant:16px;--height:44px;--min-width:44px;--leftRadius:8px;--rightRadius:8px;--gap:4px}.ozi__button__size-400__5UTJi{--padding-constant:14px;--height:32px;--min-width:32px;--leftRadius:6px;--rightRadius:6px;--gap:4px}.ozi__button__size-400__5UTJi.ozi__button__uncontained-negative__5UTJi,.ozi__button__size-400__5UTJi.ozi__button__uncontained__5UTJi,.ozi__button__size-500__5UTJi.ozi__button__uncontained-negative__5UTJi,.ozi__button__size-500__5UTJi.ozi__button__uncontained__5UTJi{--height:24px;--min-width:24px;--gap:2px}.ozi__button__size-600__5UTJi.ozi__button__uncontained-negative__5UTJi,.ozi__button__size-600__5UTJi.ozi__button__uncontained__5UTJi{--height:28px;--min-width:24px;--gap:2px}.ozi__button__primary__5UTJi{--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);--overlay-background:var(--ozi-static-graphic-dark-transparent)}.ozi__button__primary-negative__5UTJi{--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);--overlay-background:var(--ozi-static-graphic-dark-transparent)}.ozi__button__secondary__5UTJi{--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);--overlay-background:var(--ozi-graphic-quaternary-transparent)}.ozi__button__outline__5UTJi{--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);--overlay-background:var(--ozi-graphic-quaternary-transparent)}.ozi__button__ghost__5UTJi{--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);--overlay-background:var(--ozi-graphic-quaternary-transparent)}.ozi__button__ghost-negative__5UTJi{--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);--overlay-background:var(--ozi-graphic-negative-secondary-transparent)}.ozi__button__uncontained__5UTJi{--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;--padding-constant:0;--padding-icon-func:0;--overlay-background:#0000}.ozi__button__uncontained-negative__5UTJi{--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;--padding-constant:0;--padding-icon-func:0;--overlay-background:#0000}.ozi__button__hug__5UTJi{--width:fit-content}.ozi__button__fill__5UTJi{--width:100%}.ozi__button__size-500__5UTJi.ozi__button__noContent__5UTJi{--padding-no-content-shift:6px}.ozi__button__size-600__5UTJi.ozi__button__noContent__5UTJi{--padding-no-content-shift:8px}.ozi__button__size-400__5UTJi.ozi__button__noContent__5UTJi{--padding-no-content-shift:4px}.ozi__button__hasLeftIcon__5UTJi{--padding-icon-left:var(--padding-icon-func)}.ozi__button__hasLeftIcon__5UTJi.ozi__button__noContent__5UTJi,.ozi__button__hasRightIcon__5UTJi{--padding-icon-right:var(--padding-icon-func)}.ozi__button__hasRightIcon__5UTJi.ozi__button__noContent__5UTJi{--padding-icon-left:var(--padding-icon-func)}.ozi__button__noLeftRadius__5UTJi{--leftRadius:0}.ozi__button__noRightRadius__5UTJi{--rightRadius:0}.ozi__button__button__5UTJi.ozi__button__disabled__5UTJi,.ozi__button__button__5UTJi: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__5UTJi,.ozi__button__uncontained__5UTJi).ozi__button__disabled__5UTJi,:is(.ozi__button__uncontained-negative__5UTJi,.ozi__button__uncontained__5UTJi):disabled{--background-color:#0000}:is(.ozi__button__uncontained-negative__5UTJi,.ozi__button__uncontained__5UTJi):active,:is(.ozi__button__uncontained-negative__5UTJi,.ozi__button__uncontained__5UTJi)[data-teststate-active=true]{opacity:.5}.ozi__button__button__5UTJi:active:not(:disabled,.ozi__button__disabled__5UTJi) .ozi__button__overlay__5UTJi,.ozi__button__button__5UTJi[data-teststate-active=true]:not(:disabled,.ozi__button__disabled__5UTJi) .ozi__button__overlay__5UTJi{--background-color:var(--overlay-background);--overlay-opacity:.35}.ozi__button__button__5UTJi.ozi__button__pressed__5UTJi:not(:disabled,.ozi__button__disabled__5UTJi,:active),.ozi__button__button__5UTJi:hover:not(:disabled,.ozi__button__disabled__5UTJi),.ozi__button__button__5UTJi[data-teststate-hover=true]:not(:disabled,.ozi__button__disabled__5UTJi){--background-color:var(--background-color-hovered)}.ozi__button__button__5UTJi.ozi__button__pressed__5UTJi:hover:not(:disabled,.ozi__button__disabled__5UTJi,:active) .ozi__button__overlay__5UTJi,.ozi__button__button__5UTJi.ozi__button__pressed__5UTJi[data-teststate-hover=true]:not(:disabled,[data-teststate-active=true],.ozi__button__disabled__5UTJi) .ozi__button__overlay__5UTJi{--overlay-opacity:.2;background-color:var(--overlay-background)}:is(.ozi__button__uncontained-negative__5UTJi,.ozi__button__uncontained__5UTJi).ozi__button__pressed__5UTJi:not(:disabled,.ozi__button__disabled__5UTJi,:active,[data-teststate-active=true]),:is(.ozi__button__uncontained-negative__5UTJi,.ozi__button__uncontained__5UTJi):hover:not(:disabled,.ozi__button__disabled__5UTJi,:active),:is(.ozi__button__uncontained-negative__5UTJi,.ozi__button__uncontained__5UTJi)[data-teststate-hover=true]:not(:disabled,[data-teststate-active=true],.ozi__button__disabled__5UTJi){--text-color:var(--text-color-hovered);--icon-color:var(--icon-color-hovered)}:is(.ozi__button__uncontained-negative__5UTJi,.ozi__button__uncontained__5UTJi).ozi__button__pressed__5UTJi:hover:not(:disabled,.ozi__button__disabled__5UTJi,:active),:is(.ozi__button__uncontained-negative__5UTJi,.ozi__button__uncontained__5UTJi).ozi__button__pressed__5UTJi[data-teststate-hover=true]:not(:disabled,[data-teststate-active=true],.ozi__button__disabled__5UTJi){opacity:.8}.ozi__button__loading__5UTJi{cursor:default;display:grid;height:100%;place-items:center;position:absolute;width:100%}.ozi__button__hasLoading__5UTJi .ozi__button__content__5UTJi{opacity:0}}
