.sm-semantic-icon{pointer-events:none;flex:0 0 20px;place-items:center;width:20px;height:20px;display:inline-grid;position:relative}.sm-semantic-icon__asset{object-fit:contain;filter:brightness(0)invert();width:18px;height:18px;transition:opacity var(--sm-motion-fast)var(--sm-ease-standard);grid-area:1/1;display:block}.sm-semantic-icon__asset--default{opacity:.68}.sm-semantic-icon__asset--active{opacity:0}.sm-semantic-icon[data-icon-id=paragraph] .sm-semantic-icon__asset--active{filter:invert()}.sm-semantic-icon[data-active=true] .sm-semantic-icon__asset--default,button:not(:disabled):not([aria-disabled=true]):hover .sm-semantic-icon[data-has-paired-state=true] .sm-semantic-icon__asset--default,button:not(:disabled):not([aria-disabled=true]):active .sm-semantic-icon[data-has-paired-state=true] .sm-semantic-icon__asset--default,button:not(:disabled):not([aria-disabled=true])[aria-pressed=true] .sm-semantic-icon[data-has-paired-state=true] .sm-semantic-icon__asset--default,a:hover .sm-semantic-icon[data-has-paired-state=true] .sm-semantic-icon__asset--default{opacity:0}button:not(:disabled):not([aria-disabled=true]):focus-visible .sm-semantic-icon[data-has-paired-state=true] .sm-semantic-icon__asset--default{opacity:0}label:has(input:not(:disabled)):hover .sm-semantic-icon[data-has-paired-state=true] .sm-semantic-icon__asset--default{opacity:0}label:has(input:not(:disabled)):focus-within .sm-semantic-icon[data-has-paired-state=true] .sm-semantic-icon__asset--default{opacity:0}a:focus-visible .sm-semantic-icon[data-has-paired-state=true] .sm-semantic-icon__asset--default{opacity:0}.sm-semantic-icon[data-active=true] .sm-semantic-icon__asset--active,button:not(:disabled):not([aria-disabled=true]):hover .sm-semantic-icon__asset--active,button:not(:disabled):not([aria-disabled=true]):active .sm-semantic-icon__asset--active,button:not(:disabled):not([aria-disabled=true])[aria-pressed=true] .sm-semantic-icon__asset--active{opacity:1}button:not(:disabled):not([aria-disabled=true]):focus-visible .sm-semantic-icon__asset--active{opacity:1}a:hover .sm-semantic-icon__asset--active{opacity:1}label:has(input:not(:disabled)):hover .sm-semantic-icon__asset--active{opacity:1}label:has(input:not(:disabled)):focus-within .sm-semantic-icon__asset--active{opacity:1}a:focus-visible .sm-semantic-icon__asset--active{opacity:1}.sm-semantic-icon[data-has-paired-state=false][data-active=true] .sm-semantic-icon__asset--default,button:not(:disabled):not([aria-disabled=true]):hover .sm-semantic-icon[data-has-paired-state=false] .sm-semantic-icon__asset--default,button:not(:disabled):not([aria-disabled=true]):active .sm-semantic-icon[data-has-paired-state=false] .sm-semantic-icon__asset--default,button:not(:disabled):not([aria-disabled=true])[aria-pressed=true] .sm-semantic-icon[data-has-paired-state=false] .sm-semantic-icon__asset--default,a:hover .sm-semantic-icon[data-has-paired-state=false] .sm-semantic-icon__asset--default{opacity:1}button:not(:disabled):not([aria-disabled=true]):focus-visible .sm-semantic-icon[data-has-paired-state=false] .sm-semantic-icon__asset--default{opacity:1}label:has(input:not(:disabled)):hover .sm-semantic-icon[data-has-paired-state=false] .sm-semantic-icon__asset--default{opacity:1}label:has(input:not(:disabled)):focus-within .sm-semantic-icon[data-has-paired-state=false] .sm-semantic-icon__asset--default{opacity:1}a:focus-visible .sm-semantic-icon[data-has-paired-state=false] .sm-semantic-icon__asset--default{opacity:1}.sm-semantic-icon[data-interaction=brighten][data-active=true] .sm-semantic-icon__asset--default,button:not(:disabled):not([aria-disabled=true]):hover .sm-semantic-icon[data-interaction=brighten] .sm-semantic-icon__asset--default,button:not(:disabled):not([aria-disabled=true]):active .sm-semantic-icon[data-interaction=brighten] .sm-semantic-icon__asset--default,button:not(:disabled):not([aria-disabled=true])[aria-pressed=true] .sm-semantic-icon[data-interaction=brighten] .sm-semantic-icon__asset--default,a:hover .sm-semantic-icon[data-interaction=brighten] .sm-semantic-icon__asset--default{opacity:1}button:not(:disabled):not([aria-disabled=true]):focus-visible .sm-semantic-icon[data-interaction=brighten] .sm-semantic-icon__asset--default{opacity:1}label:has(input:not(:disabled)):hover .sm-semantic-icon[data-interaction=brighten] .sm-semantic-icon__asset--default{opacity:1}label:has(input:not(:disabled)):focus-within .sm-semantic-icon[data-interaction=brighten] .sm-semantic-icon__asset--default{opacity:1}a:focus-visible .sm-semantic-icon[data-interaction=brighten] .sm-semantic-icon__asset--default{opacity:1}@media (prefers-reduced-motion:reduce){.sm-semantic-icon__asset{transition-duration:1ms}}