@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-tabs-list{border-radius:var(--radius-08);width:100%;position:relative}.opal-tabs-list[data-variant=contained]{background-color:var(--background-tint-03);display:grid}.opal-tabs-list[data-variant=pill],.opal-tabs-list[data-variant=underline]{background-color:var(--background-tint-00);border-radius:0;align-items:center;padding-bottom:5px;display:flex;position:relative;overflow:hidden}.opal-tabs-trigger{z-index:1;border-radius:var(--radius-08);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex;position:relative}.opal-tabs-trigger[data-variant=contained]{height:calc(var(--spacing,.25rem) * 9);gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 2);border-width:1px;border-color:#0000}.opal-tabs-trigger[data-variant=pill],.opal-tabs-trigger[data-variant=underline]{padding:var(--spacing,.25rem)}.opal-tabs-trigger[data-variant=contained][data-state=active]{--interactive-foreground:var(--text-04);--interactive-foreground-icon:var(--text-03)}.opal-tabs-trigger[data-variant=contained][data-state=inactive]{--interactive-foreground:var(--text-03);--interactive-foreground-icon:var(--text-03)}.opal-tabs-trigger[data-variant=pill][data-state=active]{--interactive-foreground:var(--text-inverted-05);--interactive-foreground-icon:var(--text-inverted-05)}.opal-tabs-trigger[data-variant=pill][data-state=inactive]{--interactive-foreground:var(--text-03);--interactive-foreground-icon:var(--text-03)}.opal-tabs-trigger[data-variant=underline][data-state=active]{--interactive-foreground:var(--text-05);--interactive-foreground-icon:var(--text-05)}.opal-tabs-trigger[data-variant=underline][data-state=inactive]{--interactive-foreground:var(--text-03);--interactive-foreground-icon:var(--text-03)}.opal-tabs-pill-baseline{pointer-events:none;background-color:var(--border-02);inset-inline-start:calc(var(--spacing,.25rem) * 0);height:1px;position:absolute;bottom:0}.opal-tabs-pill-indicator{pointer-events:none;z-index:10;background-color:var(--background-tint-inverted-03);will-change:transform, width;height:2px;position:absolute;bottom:0;left:0}.opal-tabs-surface{pointer-events:none;z-index:0;border-radius:var(--radius-08);will-change:transform, width, height;position:absolute;top:0;left:0}.opal-tabs-surface[data-variant=contained]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-01);background-color:var(--background-neutral-00);box-shadow:var(--shadow-box-00)}.opal-tabs-surface[data-variant=pill]{background-color:var(--background-tint-inverted-03)}.opal-tabs-surface[data-measured]:not([data-scrolling]),.opal-tabs-pill-indicator[data-measured]:not([data-scrolling]){transition:transform .2s ease-out,width .2s ease-out,height .2s ease-out,opacity .2s ease-out}@media (prefers-reduced-motion:reduce){.opal-tabs-surface,.opal-tabs-pill-indicator{transition:none!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}