@layer ozi-component{.ozi__badge__badge__Rb41r{--color-backgorund:var(--ozi-badge-color-background,var(--badge-color-background));--color-text:var(--ozi-badge-color-text,var(--badge-color-text));--icons-color:var(--ozi-badge-icons-color,var(--badge-icons-color));align-items:center;background:var(--color-backgorund);border-radius:calc(var(--height)/2);box-sizing:border-box;color:var(--icons-color);cursor:default;display:inline-grid;grid-auto-flow:column;height:var(--height);justify-content:center;min-width:var(--height);padding-left:var(--badge-left-padding);padding-right:var(--badge-right-padding);position:relative;vertical-align:middle;width:fit-content}.ozi__badge__label__Rb41r{color:var(--color-text);margin-left:var(--badge-label-left-margin);margin-right:var(--badge-label-right-margin);white-space:nowrap}.ozi__badge__size-600__Rb41r{--height:32px;--badge-left-padding:16px;--badge-left-padding-with-dot:8px;--badge-left-padding-with-icon:12px;--badge-right-padding:16px;--badge-right-padding-with-icon:12px;--badge-right-padding-with-counter:10px;--badge-right-padding-with-clickable:10px;--badge-label-left-margin:0;--badge-label-right-margin:0;--badge-label-left-margin-with-dot:2px;--badge-label-left-margin-with-icon:4px;--badge-label-right-margin-with-icon:4px;--badge-label-right-margin-with-counter:4px}.ozi__badge__size-500__Rb41r{--height:24px;--badge-left-padding:12px;--badge-left-padding-with-dot:4px;--badge-left-padding-with-icon:8px;--badge-right-padding:12px;--badge-right-padding-with-icon:8px;--badge-right-padding-with-counter:6px;--badge-right-padding-with-clickable:6px;--badge-label-left-margin:0;--badge-label-right-margin:0;--badge-label-left-margin-with-dot:2px;--badge-label-left-margin-with-icon:4px;--badge-label-right-margin-with-icon:4px;--badge-label-right-margin-with-counter:4px}.ozi__badge__size-400__Rb41r{--height:16px;--badge-left-padding:8px;--badge-left-padding-with-dot:0;--badge-left-padding-with-icon:4px;--badge-right-padding:8px;--badge-right-padding-with-icon:4px;--badge-right-padding-with-counter:2px;--badge-right-padding-with-clickable:2px;--badge-label-left-margin:0;--badge-label-right-margin:0;--badge-label-left-margin-with-dot:2px;--badge-label-left-margin-with-icon:4px;--badge-label-right-margin-with-icon:4px;--badge-label-right-margin-with-counter:4px}.ozi__badge__hasLeftIcon__Rb41r{--badge-left-padding:var(--badge-left-padding-with-icon);--badge-label-left-margin:var(--badge-label-left-margin-with-icon)}.ozi__badge__hasCounter__Rb41r{--ozi-counter-color-background:var(--badge-counter-color-background);--ozi-counter-color-text:var(--badge-counter-color-text);--badge-right-padding:var(--badge-right-padding-with-counter);--badge-label-right-margin:var(--badge-label-right-margin-with-counter)}.ozi__badge__iconOnly__Rb41r{--badge-left-padding:var(--badge-left-padding-with-icon);--badge-right-padding:var(--badge-right-padding-with-icon)}.ozi__badge__badge__Rb41r[data-teststate-hover=true].ozi__badge__hoverable__Rb41r,.ozi__badge__hoverable__Rb41r:hover{background:linear-gradient(to top,var(--color-text) -500%,#0000 80%),linear-gradient(to bottom,var(--color-text) -500%,#0000 80%),var(--color-backgorund);cursor:help}.ozi__badge__clickable__Rb41r{--badge-right-padding:var(--badge-right-padding-with-clickable)}.ozi__badge__clickable__Rb41r:hover{cursor:pointer}.ozi__badge__primary__Rb41r{--badge-color-background:var(--primary-color-background);--badge-color-text:var(--primary-color-text);--badge-icons-color:var(--primary-icons-color);--badge-counter-color-background:var(--primary-counter-color-background);--badge-counter-color-text:var(--primary-counter-color-text)}.ozi__badge__secondary__Rb41r{--badge-color-background:var(--secondary-color-background);--badge-color-text:var(--secondary-color-text);--badge-icons-color:var(--secondary-icons-color);--badge-counter-color-background:var(--secondary-counter-color-background);--badge-counter-color-text:var(--secondary-counter-color-text)}.ozi__badge__onSurface__Rb41r{--badge-color-background:var(--onSurface-color-background);--badge-color-text:var(--onSurface-color-text);--badge-icons-color:var(--onSurface-icons-color);--badge-counter-color-background:var(--onSurface-counter-color-background);--badge-counter-color-text:var(--onSurface-counter-color-text)}.ozi__badge__neutral__Rb41r{--primary-color-background:var(--ozi-bg-neutral-primary);--primary-color-text:var(--ozi-static-text-primary-on-dark-transparent);--primary-icons-color:var(--ozi-static-graphic-secondary-on-dark-transparent);--primary-counter-color-background:var(--ozi-static-bg-neutral-secondary);--primary-counter-color-text:var(--ozi-static-text-dark);--secondary-color-background:var(--ozi-bg-neutral-secondary-transparent);--secondary-color-text:var(--ozi-text-secondary-transparent);--secondary-icons-color:var(--ozi-graphic-secondary-transparent);--secondary-counter-color-background:var(--ozi-bg-neutral-primary);--secondary-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent);--onSurface-color-background:var(--ozi-bg-neutral-secondary);--onSurface-color-text:var(--ozi-text-secondary-transparent);--onSurface-icons-color:var(--ozi-graphic-secondary-transparent);--onSurface-counter-color-background:var(--ozi-bg-neutral-primary);--onSurface-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent)}.ozi__badge__brand__Rb41r{--primary-color-background:var(--ozi-static-bg-action-secondary);--primary-color-text:var(--ozi-static-text-primary-on-dark-transparent);--primary-icons-color:var(--ozi-static-graphic-secondary-on-dark-transparent);--primary-counter-color-background:var(--ozi-static-graphic-secondary-on-dark-transparent);--primary-counter-color-text:var(--ozi-static-text-action);--secondary-color-background:var(--ozi-bg-action-secondary-transparent);--secondary-color-text:var(--ozi-text-action);--secondary-icons-color:var(--ozi-static-graphic-action-primary-on-dark);--secondary-counter-color-background:var(--ozi-static-bg-action-secondary);--secondary-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent);--onSurface-color-background:var(--ozi-bg-action-secondary);--onSurface-color-text:var(--ozi-text-action);--onSurface-icons-color:var(--ozi-static-graphic-action-primary-on-dark);--onSurface-counter-color-background:var(--ozi-static-bg-action-secondary);--onSurface-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent)}.ozi__badge__success__Rb41r{--primary-color-background:var(--ozi-bg-success-primary);--primary-color-text:var(--ozi-static-text-primary-on-dark-transparent);--primary-icons-color:var(--ozi-static-graphic-secondary-on-dark-transparent);--primary-counter-color-background:var(--ozi-static-bg-primary-transparent);--primary-counter-color-text:var(--ozi-static-text-success);--secondary-color-background:var(--ozi-bg-success-secondary-transparent);--secondary-color-text:var(--ozi-text-success);--secondary-icons-color:var(--ozi-graphic-success-primary);--secondary-counter-color-background:var(--ozi-bg-success-primary);--secondary-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent);--onSurface-color-background:var(--ozi-bg-success-secondary);--onSurface-color-text:var(--ozi-text-success);--onSurface-icons-color:var(--ozi-graphic-success-primary);--onSurface-counter-color-background:var(--ozi-bg-success-primary);--onSurface-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent)}.ozi__badge__alert__Rb41r{--primary-color-background:var(--ozi-bg-alert-primary);--primary-color-text:var(--ozi-static-text-primary-on-dark-transparent);--primary-icons-color:var(--ozi-static-graphic-secondary-on-dark-transparent);--primary-counter-color-background:var(--ozi-static-bg-primary-transparent);--primary-counter-color-text:var(--ozi-static-text-alert);--secondary-color-background:var(--ozi-bg-alert-secondary-transparent);--secondary-color-text:var(--ozi-text-alert);--secondary-icons-color:var(--ozi-graphic-alert-primary);--secondary-counter-color-background:var(--ozi-static-graphic-alert-primary);--secondary-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent);--onSurface-color-background:var(--ozi-bg-alert-secondary);--onSurface-color-text:var(--ozi-text-alert);--onSurface-icons-color:var(--ozi-graphic-alert-primary);--onSurface-counter-color-background:var(--ozi-static-graphic-alert-primary);--onSurface-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent)}.ozi__badge__warning__Rb41r{--primary-color-background:var(--ozi-bg-warning-primary);--primary-color-text:var(--ozi-static-text-warning);--primary-icons-color:var(--ozi-static-graphic-warning-primary-on-dark);--primary-counter-color-background:var(--ozi-static-graphic-warning-primary-on-dark);--primary-counter-color-text:var(--ozi-static-text-warning-on-dark);--secondary-color-background:var(--ozi-bg-warning-secondary-transparent);--secondary-color-text:var(--ozi-text-warning);--secondary-icons-color:var(--ozi-graphic-warning-primary);--secondary-counter-color-background:var(--ozi-inverted-bg-warning);--secondary-counter-color-text:var(--ozi-inverted-text-warning);--onSurface-color-background:var(--ozi-bg-warning-secondary);--onSurface-color-text:var(--ozi-text-warning);--onSurface-icons-color:var(--ozi-graphic-warning-primary);--onSurface-counter-color-background:var(--ozi-inverted-bg-warning);--onSurface-counter-color-text:var(--ozi-inverted-text-warning)}.ozi__badge__info__Rb41r{--primary-color-background:var(--ozi-extra-bg-info-primary);--primary-color-text:var(--ozi-static-text-primary-on-dark-transparent);--primary-icons-color:var(--ozi-static-graphic-secondary-on-dark-transparent);--primary-counter-color-background:var(--ozi-static-bg-primary-transparent);--primary-counter-color-text:var(--ozi-static-text-info);--secondary-color-background:var(--ozi-extra-bg-info-secondary-transparent);--secondary-color-text:var(--ozi-extra-text-info);--secondary-icons-color:var(--ozi-extra-graphic-info);--secondary-counter-color-background:var(--ozi-extra-bg-info-primary);--secondary-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent);--onSurface-color-background:var(--ozi-extra-bg-info-secondary);--onSurface-color-text:var(--ozi-extra-text-info);--onSurface-icons-color:var(--ozi-extra-graphic-info);--onSurface-counter-color-background:var(--ozi-extra-bg-info-primary);--onSurface-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent)}.ozi__badge__pro__Rb41r{--primary-color-background:var(--ozi-extra-bg-pro-primary);--primary-color-text:var(--ozi-static-text-primary-on-dark-transparent);--primary-icons-color:var(--ozi-static-graphic-secondary-on-dark-transparent);--primary-counter-color-background:var(--ozi-static-bg-primary-transparent);--primary-counter-color-text:var(--ozi-static-text-pro);--secondary-color-background:var(--ozi-extra-bg-pro-secondary-transparent);--secondary-color-text:var(--ozi-extra-text-pro);--secondary-icons-color:var(--ozi-extra-graphic-pro);--secondary-counter-color-background:var(--ozi-extra-bg-pro-primary);--secondary-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent);--onSurface-color-background:var(--ozi-extra-bg-pro-secondary);--onSurface-color-text:var(--ozi-extra-text-pro);--onSurface-icons-color:var(--ozi-extra-graphic-pro);--onSurface-counter-color-background:var(--ozi-extra-bg-pro-primary);--onSurface-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent)}.ozi__badge__negative__Rb41r{--primary-color-background:var(--ozi-bg-negative-primary);--primary-color-text:var(--ozi-static-text-primary-on-dark-transparent);--primary-icons-color:var(--ozi-static-graphic-secondary-on-dark-transparent);--primary-counter-color-background:var(--ozi-static-bg-primary-transparent);--primary-counter-color-text:var(--ozi-static-text-negative);--secondary-color-background:var(--ozi-bg-negative-secondary-transparent);--secondary-color-text:var(--ozi-text-negative);--secondary-icons-color:var(--ozi-graphic-negative-primary);--secondary-counter-color-background:var(--ozi-static-graphic-negative-primary);--secondary-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent);--onSurface-color-background:var(--ozi-bg-negative-secondary);--onSurface-color-text:var(--ozi-text-negative);--onSurface-icons-color:var(--ozi-graphic-negative-primary);--onSurface-counter-color-background:var(--ozi-static-graphic-negative-primary);--onSurface-counter-color-text:var(--ozi-static-text-primary-on-dark-transparent)}}
