@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.btn-icon.class-reminder{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));background-color:color-mix(in srgb, var(--colors-black) 7%, transparent)}@supports (color:color-mix(in lab, red, red)){.btn-icon.class-reminder{background-color:color-mix(in oklab, var(--colors-black) 7%, transparent)}}.btn-icon.class-reminder--small{color:var(--c-text-base);width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.class-reminder.class-reminder--on{color:var(--c-on-accent);background-color:color-mix(in srgb, var(--c-primary) var(--un-bg-opacity), transparent)}.class-reminder.class-reminder--on:hover{background-color:var(--c-primary-hover)}.class-reminder[aria-busy=true]{cursor:progress}.class-reminder--wide{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 4);min-height:calc(var(--spacing) * 10)}.btn-icon.class-reminder:after{content:"";inset:calc(var(--spacing) * -1);position:absolute}.btn-icon.class-reminder{position:relative}