@layer ozi-component{.ozi__icon-button__iconButton__ZHdlA{align-items:center;background-color:initial;border:none;color:var(--icon-color);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.ozi__icon-button__iconButton__ZHdlA.ozi__icon-button__disabled__ZHdlA{cursor:default;opacity:var(--opacity-300)}.ozi__icon-button__iconButton__ZHdlA.ozi__icon-button__size-300__ZHdlA{height:20px;width:20px}.ozi__icon-button__size-300__ZHdlA,.ozi__icon-button__size-400__ZHdlA,.ozi__icon-button__size-500__ZHdlA{--icon-color:var(--ozi-graphic-tertiary-transparent)}.ozi__icon-button__iconButton__ZHdlA:not(:disabled):is(.ozi__icon-button__pressed__ZHdlA,:hover,[data-teststate-hover=true]){--icon-color:var(--ozi-graphic-secondary-transparent)}.ozi__icon-button__iconButton__ZHdlA:not(:disabled):is(:active,[data-teststate-active=true]){opacity:var(--opacity-300)}.ozi__icon-button__iconButton__ZHdlA:not(:disabled).ozi__icon-button__pressed__ZHdlA:is(:hover,[data-teststate-hover=true]){--icon-color:var(--ozi-active-graphic-action-primary)}}