[data-opal-disabled]{cursor:not-allowed;-webkit-user-select:none;user-select:none;pointer-events:none}[data-opal-disabled]:not(.interactive){opacity:.5}[data-opal-disabled].interactive,[data-opal-disabled][data-allow-click]{pointer-events:auto}
:root{--opal-line-height-lg:2.25rem;--opal-line-height-md:1.75rem;--opal-line-height-sm:1.5rem;--opal-line-height-xs:1.25rem;--opal-line-height-2xs:1rem}
@property --interactive-foreground{syntax:"<color>";inherits:true;initial-value:#0000}@property --interactive-foreground-icon{syntax:"<color>";inherits:true;initial-value:#0000}:root{--interactive-duration:.15s;--interactive-easing:ease-in-out}.interactive{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--interactive-foreground);transition:background-color var(--interactive-duration) var(--interactive-easing), --interactive-foreground var(--interactive-duration) var(--interactive-easing), --interactive-foreground-icon var(--interactive-duration) var(--interactive-easing)}.interactive[data-disabled]{cursor:not-allowed}.interactive-container{justify-content:center;align-items:center;display:flex;overflow:clip}.interactive-container[data-border=true]{border-width:1px}.interactive-foreground-icon{color:var(--interactive-foreground-icon)}