@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.opal-select-card{width:100%;overflow:clip}.opal-select-card:focus-visible{outline:none}.opal-select-card[data-interactive-state=selected]{border-color:var(--interactive-foreground)}.opal-select-card[data-border=none]{border:none}.opal-select-card[data-border=dashed]{border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px}.opal-select-card[data-border=solid]{border-style:var(--tw-border-style);border-width:1px}.opal-select-card-expandable{flex-direction:column;width:100%;display:flex}.opal-select-card-expandable>.opal-select-card{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), border-radius .15s ease-out .1s;border-radius:var(--opal-card-radius)}.opal-select-card-expandable>.opal-select-card:has(+.opal-fold[data-open=true]){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), border-radius .15s ease-out;border-bottom-right-radius:0;border-bottom-left-radius:0}.opal-select-card:has(+.opal-fold[data-mounted=true]){border-bottom-color:var(--border-01)}.opal-select-card-expandable:has(>.opal-select-card[data-interactive-state=selected]) .opal-card-fold-body{border-color:var(--action-selection-05)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}