Aria font
Author: Z | 2025-04-24
Aria fonts download free at FontYukle.net. Search Result For 'aria' Preview. Color. Size. Sort by. Fonts. Aria Script Ssk DOWNLOAD FONT. Aria Script SSi DOWNLOAD FONT. TrSah Aria Script SSi DOWNLOAD FONT. Black Aria 4 DOWNLOAD FONT. Black
Aria Text Font - Fonts Hut
Fill: var(--scw-color-grey-02);}:host([design=utility]:hover) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility][aria-selected=true]) { background-color: rgba(0, 0, 0, 0); cursor: pointer;}:host([design=utility][aria-selected=true]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-primary-03);}:host([design=utility][aria-selected=true]) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility][aria-selected=true]) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility][aria-disabled=true]) { cursor: auto; pointer-events: none; background-color: rgba(0, 0, 0, 0);}:host([design=utility][aria-disabled=true]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-07);}:host([design=utility][aria-disabled=true]) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility][aria-disabled=true]) .icon svg * { fill: var(--scw-color-grey-02);}:host { white-space: nowrap;}:host .label { white-space: nowrap;} :host([design=plain]) .scw-link-base { outline: none; display: inline-block;} :host { /* scw element */ position: relative; box-sizing: border-box; --margin-right: initial; --margin-bottom: initial; --gap-h-int: initial; --gap-v-int: initial; margin-right: var(--margin-right, var(--gap-h-int, initial)); margin-bottom: var(--margin-bottom, var(--gap-v-int, initial)); display: block;}:host([warning]) { outline: 2px solid red !important;}:host .responsive { width: 100%; max-width: 100%; height: auto; display: block;} :host { /* scw element */ position: relative; box-sizing: border-box; --margin-right: initial; --margin-bottom: initial; --gap-h-int: initial; --gap-v-int: initial; margin-right: var(--margin-right, var(--gap-h-int, initial)); margin-bottom: var(--margin-bottom, var(--gap-v-int, initial)); display: block;}:host([warning]) { outline: 2px solid red !important;}.scw-link-base { display: block; text-decoration: none;}.scw-link-base:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}.scw-link-base:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host .label { display: inline-flex; justify-content: center; align-items: center;}:host([design=main]) { outline: none; background-color: rgba(0, 0, 0, 0); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1); display: inline-flex;}:host([design=main]) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-03);}:host([inherit]) .label { font: inherit;}:host([design=main]:focus-visible) { background-color: var(--scw-color-grey-10); border-radius: 4px 4px 4px 4px; box-shadow: var(--scw-effect-focus-shadow); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1);}:host([design=main]:focus-visible) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-03);}:host([inherit]:focus-visible) .label { font: inherit;}:host([design=main]:hover) { background-color: rgba(0, 0, 0, 0); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1); cursor: pointer;}:host([design=main]:hover) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-primary-03);}:host([inherit]:hover) .label { font: inherit;}:host([design=main][aria-selected=true]) { background-color: rgba(0, 0, 0, 0); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: 0px;}:host([design=main][aria-selected=true]) > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 0.8); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );}:host([design=main][aria-selected=true]) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-03); align-self: stretch; flex: 1;}:host([design=main][aria-selected=true]) .selected { background-color: var(--scw-color-primary-03); align-self: stretch; height: 2px;}:host([inherit] [aria-selected=true]) .label { font: inherit;}:host([design=main][aria-disabled=true]) { background-color: rgba(0, 0, 0, 0); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1); cursor: auto; pointer-events: none;}:host([design=main][aria-disabled=true]) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-08);}:host([design=main][aria-disabled=true]) .icon svg { fill: var(--scw-color-grey-08);}:host([design=main][aria-disabled=true]) .icon svg * { fill: var(--scw-color-grey-08);}:host([inherit] [aria-disabled=true]) .label { font: inherit;}:host([design=utility]) .scw-link-base { background-color: rgba(0, 0, 0, 0); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;. Aria fonts download free at FontYukle.net. Search Result For 'aria' Preview. Color. Size. Sort by. Fonts. Aria Script Ssk DOWNLOAD FONT. Aria Script SSi DOWNLOAD FONT. TrSah Aria Script SSi DOWNLOAD FONT. Black Aria 4 DOWNLOAD FONT. Black Aria Text fonts download free at FontYukle.net. Search Result For 'aria text' Preview. Color. Size. Sort by. Fonts. Aria Script Ssk DOWNLOAD FONT. Aria Script SSi DOWNLOAD FONT. TrSah Aria Script SSi DOWNLOAD FONT. Black Aria 4 DOWNLOAD FONT. Black Black Aria 2 DOWNLOAD FONT. Aria Script Ssk DOWNLOAD FONT. Aria Script SSi DOWNLOAD FONT. TrSah Aria Script SSi DOWNLOAD FONT. Aria DOWNLOAD FONT. Beautiful Aria DOWNLOAD FONT. Tango Script Black S Si Black DOWNLOAD FONT. Context Black Condensed S Si Black Condensed DOWNLOAD FONT. To install B Aria font on Windows operating system, copy the B Aria font file that you have downloaded to the fonts folder located in your Windows control panel. To install B Aria font on the MacOS operating system, after downloading the B Aria font, open the B Aria font file and press the B Aria font installation button at the bottom of the The best website for free high-quality Aria fonts, with 18 free Aria fonts for immediate download, and 40 professional Aria fonts for the best price on the Web. Aria Font Download is available free from FontGet. Aria is a Free Font for personal use created by VP Creative Shop. Aria is a Fancy type font that can be used on any device such as PC, Mac, Linux, iOS and Android. This font has 1 styles available (Aria). All Styles of ARIA Font-40 ARIA Normal. Uncategorized 532 Downloads Download ARIA Medium. Uncategorized 63 Downloads Download License. No License Available Fonts similar to ARIA. Aria. 1 Style Uncategorized 112 Downloads Download ARIA. 2 Styles Padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: 0px; padding-bottom: 0px; display: inline-flex;}:host([design=utility]) .scw-link-base > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}:host([design=utility]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-02); min-height: 27px;}:host([design=utility]) .icon { width: 24px; height: 24px;}:host([design=utility]) .icon svg { box-sizing: border-box; vertical-align: top; width: 100%; height: 100%; fill: var(--scw-color-grey-02);}:host([design=utility]) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility]:focus-visible) { background-color: var(--scw-color-grey-10); border-radius: 4px 4px 4px 4px; box-shadow: var(--scw-effect-focus-shadow);}:host([design=utility]:focus-visible) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-02);}:host([design=utility]:focus-visible) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility]:focus-visible) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility]:hover) { background-color: rgba(0, 0, 0, 0); cursor: pointer;}:host([design=utility]:hover) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-primary-03);}:host([design=utility]:hover) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility]:hover) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility][aria-selected=true]) { background-color: rgba(0, 0, 0, 0); cursor: pointer;}:host([design=utility][aria-selected=true]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-primary-03);}:host([design=utility][aria-selected=true]) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility][aria-selected=true]) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility][aria-disabled=true]) { cursor: auto; pointer-events: none; background-color: rgba(0, 0, 0, 0);}:host([design=utility][aria-disabled=true]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-07);}:host([design=utility][aria-disabled=true]) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility][aria-disabled=true]) .icon svg * { fill: var(--scw-color-grey-02);}:host { white-space: nowrap;}:host .label { white-space: nowrap;} :host([design=plain]) .scw-link-base { outline: none; display: inline-block;} Checking & SavingsComments
Fill: var(--scw-color-grey-02);}:host([design=utility]:hover) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility][aria-selected=true]) { background-color: rgba(0, 0, 0, 0); cursor: pointer;}:host([design=utility][aria-selected=true]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-primary-03);}:host([design=utility][aria-selected=true]) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility][aria-selected=true]) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility][aria-disabled=true]) { cursor: auto; pointer-events: none; background-color: rgba(0, 0, 0, 0);}:host([design=utility][aria-disabled=true]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-07);}:host([design=utility][aria-disabled=true]) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility][aria-disabled=true]) .icon svg * { fill: var(--scw-color-grey-02);}:host { white-space: nowrap;}:host .label { white-space: nowrap;} :host([design=plain]) .scw-link-base { outline: none; display: inline-block;} :host { /* scw element */ position: relative; box-sizing: border-box; --margin-right: initial; --margin-bottom: initial; --gap-h-int: initial; --gap-v-int: initial; margin-right: var(--margin-right, var(--gap-h-int, initial)); margin-bottom: var(--margin-bottom, var(--gap-v-int, initial)); display: block;}:host([warning]) { outline: 2px solid red !important;}:host .responsive { width: 100%; max-width: 100%; height: auto; display: block;} :host { /* scw element */ position: relative; box-sizing: border-box; --margin-right: initial; --margin-bottom: initial; --gap-h-int: initial; --gap-v-int: initial; margin-right: var(--margin-right, var(--gap-h-int, initial)); margin-bottom: var(--margin-bottom, var(--gap-v-int, initial)); display: block;}:host([warning]) { outline: 2px solid red !important;}.scw-link-base { display: block; text-decoration: none;}.scw-link-base:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}.scw-link-base:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host .label { display: inline-flex; justify-content: center; align-items: center;}:host([design=main]) { outline: none; background-color: rgba(0, 0, 0, 0); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1); display: inline-flex;}:host([design=main]) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-03);}:host([inherit]) .label { font: inherit;}:host([design=main]:focus-visible) { background-color: var(--scw-color-grey-10); border-radius: 4px 4px 4px 4px; box-shadow: var(--scw-effect-focus-shadow); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1);}:host([design=main]:focus-visible) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-03);}:host([inherit]:focus-visible) .label { font: inherit;}:host([design=main]:hover) { background-color: rgba(0, 0, 0, 0); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1); cursor: pointer;}:host([design=main]:hover) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-primary-03);}:host([inherit]:hover) .label { font: inherit;}:host([design=main][aria-selected=true]) { background-color: rgba(0, 0, 0, 0); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: 0px;}:host([design=main][aria-selected=true]) > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 0.8); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );}:host([design=main][aria-selected=true]) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-03); align-self: stretch; flex: 1;}:host([design=main][aria-selected=true]) .selected { background-color: var(--scw-color-primary-03); align-self: stretch; height: 2px;}:host([inherit] [aria-selected=true]) .label { font: inherit;}:host([design=main][aria-disabled=true]) { background-color: rgba(0, 0, 0, 0); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1); cursor: auto; pointer-events: none;}:host([design=main][aria-disabled=true]) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-08);}:host([design=main][aria-disabled=true]) .icon svg { fill: var(--scw-color-grey-08);}:host([design=main][aria-disabled=true]) .icon svg * { fill: var(--scw-color-grey-08);}:host([inherit] [aria-disabled=true]) .label { font: inherit;}:host([design=utility]) .scw-link-base { background-color: rgba(0, 0, 0, 0); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center;
2025-04-03Padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: 0px; padding-bottom: 0px; display: inline-flex;}:host([design=utility]) .scw-link-base > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}:host([design=utility]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-02); min-height: 27px;}:host([design=utility]) .icon { width: 24px; height: 24px;}:host([design=utility]) .icon svg { box-sizing: border-box; vertical-align: top; width: 100%; height: 100%; fill: var(--scw-color-grey-02);}:host([design=utility]) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility]:focus-visible) { background-color: var(--scw-color-grey-10); border-radius: 4px 4px 4px 4px; box-shadow: var(--scw-effect-focus-shadow);}:host([design=utility]:focus-visible) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-02);}:host([design=utility]:focus-visible) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility]:focus-visible) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility]:hover) { background-color: rgba(0, 0, 0, 0); cursor: pointer;}:host([design=utility]:hover) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-primary-03);}:host([design=utility]:hover) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility]:hover) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility][aria-selected=true]) { background-color: rgba(0, 0, 0, 0); cursor: pointer;}:host([design=utility][aria-selected=true]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-primary-03);}:host([design=utility][aria-selected=true]) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility][aria-selected=true]) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility][aria-disabled=true]) { cursor: auto; pointer-events: none; background-color: rgba(0, 0, 0, 0);}:host([design=utility][aria-disabled=true]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-07);}:host([design=utility][aria-disabled=true]) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility][aria-disabled=true]) .icon svg * { fill: var(--scw-color-grey-02);}:host { white-space: nowrap;}:host .label { white-space: nowrap;} :host([design=plain]) .scw-link-base { outline: none; display: inline-block;} Checking & Savings
2025-03-27Height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; margin: 0 !important;} :host { /* scw element */ position: relative; box-sizing: border-box; --margin-right: initial; --margin-bottom: initial; --gap-h-int: initial; --gap-v-int: initial; margin-right: var(--margin-right, var(--gap-h-int, initial)); margin-bottom: var(--margin-bottom, var(--gap-v-int, initial)); display: block;}:host([warning]) { outline: 2px solid red !important;}.scw-link-base { display: block; text-decoration: none;}.scw-link-base:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}.scw-link-base:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host .label { display: inline-flex; justify-content: center; align-items: center;}:host([design=main]) { outline: none; background-color: rgba(0, 0, 0, 0); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1); display: inline-flex;}:host([design=main]) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-03);}:host([inherit]) .label { font: inherit;}:host([design=main]:focus-visible) { background-color: var(--scw-color-grey-10); border-radius: 4px 4px 4px 4px; box-shadow: var(--scw-effect-focus-shadow); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1);}:host([design=main]:focus-visible) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-03);}:host([inherit]:focus-visible) .label { font: inherit;}:host([design=main]:hover) { background-color: rgba(0, 0, 0, 0); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1); cursor: pointer;}:host([design=main]:hover) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-primary-03);}:host([inherit]:hover) .label { font: inherit;}:host([design=main][aria-selected=true]) { background-color: rgba(0, 0, 0, 0); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: 0px;}:host([design=main][aria-selected=true]) > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 0.8); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );}:host([design=main][aria-selected=true]) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-03); align-self: stretch; flex: 1;}:host([design=main][aria-selected=true]) .selected { background-color: var(--scw-color-primary-03); align-self: stretch; height: 2px;}:host([inherit] [aria-selected=true]) .label { font: inherit;}:host([design=main][aria-disabled=true]) { background-color: rgba(0, 0, 0, 0); padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: calc(var(--scw-spacing-1) * 0.8); padding-bottom: var(--scw-spacing-1); cursor: auto; pointer-events: none;}:host([design=main][aria-disabled=true]) .label { text-align: LEFT; font: var(--scw-type-text-bold-condensed-07-font); color: var(--scw-color-grey-08);}:host([design=main][aria-disabled=true]) .icon svg { fill: var(--scw-color-grey-08);}:host([design=main][aria-disabled=true]) .icon svg * { fill: var(--scw-color-grey-08);}:host([inherit] [aria-disabled=true]) .label { font: inherit;}:host([design=utility]) .scw-link-base { background-color: rgba(0, 0, 0, 0); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding-left: var(--scw-spacing-1); padding-right: var(--scw-spacing-1); padding-top: 0px; padding-bottom: 0px; display: inline-flex;}:host([design=utility]) .scw-link-base > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}:host([design=utility]) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-02); min-height: 27px;}:host([design=utility]) .icon { width: 24px; height: 24px;}:host([design=utility]) .icon svg { box-sizing: border-box; vertical-align: top; width: 100%; height: 100%; fill: var(--scw-color-grey-02);}:host([design=utility]) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility]:focus-visible) { background-color: var(--scw-color-grey-10); border-radius: 4px 4px 4px 4px; box-shadow: var(--scw-effect-focus-shadow);}:host([design=utility]:focus-visible) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-grey-02);}:host([design=utility]:focus-visible) .icon svg { fill: var(--scw-color-grey-02);}:host([design=utility]:focus-visible) .icon svg * { fill: var(--scw-color-grey-02);}:host([design=utility]:hover) { background-color: rgba(0, 0, 0, 0); cursor: pointer;}:host([design=utility]:hover) .label { text-align: LEFT; font: var(--scw-type-text-font); color: var(--scw-color-primary-03);}:host([design=utility]:hover) .icon svg {
2025-04-06