@layer veneer.components{:where([data-copy]) :where([data-part=indicator]:not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) :not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) [data-copy] *))){display:grid}:where([data-copy]) :where([data-part=indicator]:not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) :not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) [data-copy] *)))>:where(svg){transition:opacity var(--veneer-duration-fast) var(--veneer-ease-out), scale var(--veneer-duration-base) var(--veneer-ease-pop);grid-area:1/1}:where([data-copy]) :where([data-part=indicator]:not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) :not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) [data-copy] *)))>:where(svg:last-child),:where([data-copy][data-state=copied]) :where([data-part=indicator]:not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) :not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) [data-copy] *)))>:where(svg:first-child){opacity:0;scale:.6}:where([data-copy][data-state=copied]) :where([data-part=indicator]:not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) :not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) [data-copy] *)))>:where(svg:last-child){opacity:1;color:var(--veneer-color-positive-text);scale:1}:where([data-copy][data-state=copied]:not([data-emphasis])){--_ink:var(--_ink-on)}:where([data-copy][data-state=copied]:not([data-emphasis])) :where([data-part=indicator]:not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) :not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) [data-copy] *)))>:where(svg:last-child){color:inherit}:where([data-copy][data-state=failed]),:where([data-act=copy][data-failed]){color:var(--veneer-color-critical-text)}:where([data-act=copy])>:where([data-part=copy-note]){z-index:2;border-radius:var(--veneer-radius-mark);pointer-events:none;white-space:nowrap;border:var(--veneer-border-hairline) solid var(--veneer-color-critical-border);background:var(--veneer-color-critical-soft);color:var(--veneer-color-critical-text);font:500 var(--veneer-text-caption-size)/1.2 var(--veneer-text-body-font);letter-spacing:0;text-transform:none;animation:veneer-enter var(--veneer-duration-base) var(--veneer-ease-out);padding:4px 8px;position:absolute;inset-block-start:50%;inset-inline-end:calc(100% + 6px);translate:0 -50%}:where(html){scrollbar-gutter:stable}:where(html:has(dialog[open]:modal)){overflow:hidden}@media (forced-colors:active){:where([data-copy]) :where([data-part=indicator]:not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) :not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) [data-copy] *))),:where([data-copy][data-state=copied]) :where([data-part=indicator]:not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) :not([data-copy] :is([data-scope=field],[data-scope=menu],[data-scope=nav],[data-scope=navlist],[data-scope=pull-refresh],[data-scope=segmented],[data-scope=select],[data-scope=steps],[data-scope=tabs],[data-scope=toggle-group]) [data-copy] *)))>:where(svg:last-child){color:inherit}}}