Grey transparent background

Author: d | 2025-04-24

3d black and grey waving rock on transparent background. black and grey waving rock stone. new valentine lollipop with grey waves. background heart. 3d black and grey waving mountain rocks with tree on transparent background. rock nature. 3d black and grey waving mountain rocks on transparent background.

Grey Backgrounds - Download Free Premium Transparent Grey Backgrounds

Flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding-left: calc(var(--scw-spacing-1) * 1.5); padding-right: calc(var(--scw-spacing-1) * 1.5); padding-top: calc(var(--scw-spacing-1) * 1.5); padding-bottom: calc(var(--scw-spacing-1) * 1.5); border-bottom: 0; border-left: 0; border-right: 0;}.container > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.container .label { text-align: LEFT; font: var(--scw-type-text-04-font); color: var(--scw-color-grey-02); flex: 1;}.container scw-icon { width: 15px; height: 15px;}:host([plain]) .container { background-color: rgba(0, 0, 0, 0); padding-top: 0; padding-bottom: 0; border: 0;}:host a:hover .container { background-color: var(--scw-color-grey-095);} Climbr :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 { width: 100%;}a { width: 100%; display: block; text-decoration: none;}.container { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding-left: calc(var(--scw-spacing-1) * 1.5); padding-right: calc(var(--scw-spacing-1) * 1.5); padding-top: calc(var(--scw-spacing-1) * 1.5); padding-bottom: calc(var(--scw-spacing-1) * 1.5); border-bottom: 0; border-left: 0; border-right: 0;}.container > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.container .label { text-align: LEFT; font: var(--scw-type-text-04-font); color: var(--scw-color-grey-02); flex: 1;}.container scw-icon { width: 15px; height: 15px;}:host([plain]) .container { background-color: rgba(0, 0, 0, 0); padding-top: 0; padding-bottom: 0; border: 0;}:host a:hover .container { background-color: var(--scw-color-grey-095);} Zelle :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}a {

Grey Backgrounds - Download Free Premium Transparent Grey

Row nowrap; justify-content: flex-start; align-items: center; padding-left: calc(var(--scw-spacing-1) * 1.5); padding-right: calc(var(--scw-spacing-1) * 1.5); padding-top: calc(var(--scw-spacing-1) * 1.5); padding-bottom: calc(var(--scw-spacing-1) * 1.5); border-bottom: 0; border-left: 0; border-right: 0;}.container > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.container .label { text-align: LEFT; font: var(--scw-type-text-04-font); color: var(--scw-color-grey-02); flex: 1;}.container scw-icon { width: 15px; height: 15px;}:host([plain]) .container { background-color: rgba(0, 0, 0, 0); padding-top: 0; padding-bottom: 0; border: 0;}:host a:hover .container { background-color: var(--scw-color-grey-095);} First-Time Home Buyer Guide :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 { width: 100%;}a { width: 100%; display: block; text-decoration: none;}.container { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding-left: calc(var(--scw-spacing-1) * 1.5); padding-right: calc(var(--scw-spacing-1) * 1.5); padding-top: calc(var(--scw-spacing-1) * 1.5); padding-bottom: calc(var(--scw-spacing-1) * 1.5); border-bottom: 0; border-left: 0; border-right: 0;}.container > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.container .label { text-align: LEFT; font: var(--scw-type-text-04-font); color: var(--scw-color-grey-02); flex: 1;}.container scw-icon { width: 15px; height: 15px;}:host([plain]) .container { background-color: rgba(0, 0, 0, 0); padding-top: 0; padding-bottom: 0; border: 0;}:host a:hover .container { background-color: var(--scw-color-grey-095);} Meet With Us :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 )

Grey Color Background PNG Images With Transparent Background

{ margin-bottom: calc(var(--scw-spacing-1) * 0.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );}.mobile-nav .search scw-input { width: 100%;}.mobile-nav .main-nav { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-left: 0; border-right: 0; border-top: 0;}.mobile-nav .main-nav > *:not(:last-child) { margin-bottom: 0px; --margin-bottom: 0px;}.mobile-nav .secondary-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; gap: calc(var(--scw-spacing-1) * 1.5);}.mobile-nav .secondary-nav > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 1.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );}.mobile-nav .footer { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: var(--scw-spacing-3);}.mobile-nav .footer > *:not(:last-child) { margin-bottom: var(--scw-spacing-2); --margin-bottom: var( --scw-spacing-2 );}.mobile-nav .footer scw-link { width: 100%;}.inner .title { text-align: CENTER; font: 700 1rem/1.5rem "Proxima Nova"; color: rgb(73, 77, 79); flex: 1; width: 100%;}.hide { display: none;} :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}a { width: 100%;}a:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}a:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host([aria-disabled=true]) .small,:host([aria-disabled=true]) .medium,:host([aria-disabled=true]) .large { background-color: var(--scw-color-grey-09); border-radius: 8px 8px 8px 8px; border-width: 1px;. 3d black and grey waving rock on transparent background. black and grey waving rock stone. new valentine lollipop with grey waves. background heart. 3d black and grey waving mountain rocks with tree on transparent background. rock nature. 3d black and grey waving mountain rocks on transparent background. Browse 288 Grey Heart Transparent Background PNGs with transparent backgrounds for royalty free download.

Faded Grey Background PNG Images With Transparent Background

) * 0.5 );}.mobile-nav .search scw-input { width: 100%;}.mobile-nav .main-nav { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-left: 0; border-right: 0; border-top: 0;}.mobile-nav .main-nav > *:not(:last-child) { margin-bottom: 0px; --margin-bottom: 0px;}.mobile-nav .secondary-nav { background-color: rgba(0, 0, 0, 0); align-self: stretch; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; gap: calc(var(--scw-spacing-1) * 1.5);}.mobile-nav .secondary-nav > *:not(:last-child) { margin-bottom: calc(var(--scw-spacing-1) * 1.5); --margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );}.mobile-nav .footer { background-color: rgba(0, 0, 0, 0); align-self: stretch; flex: 1; display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: var(--scw-spacing-3);}.mobile-nav .footer > *:not(:last-child) { margin-bottom: var(--scw-spacing-2); --margin-bottom: var( --scw-spacing-2 );}.mobile-nav .footer scw-link { width: 100%;}.inner .title { text-align: CENTER; font: 700 1rem/1.5rem "Proxima Nova"; color: rgb(73, 77, 79); flex: 1; width: 100%;}.hide { display: none;} :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}a { width: 100%;}a:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}a:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host([aria-disabled=true]) .small,:host([aria-disabled=true]) .medium,:host([aria-disabled=true]) .large { background-color: var(--scw-color-grey-09); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09);}:host([aria-disabled=true]) .small .label,:host([aria-disabled=true]) .medium .label,:host([aria-disabled=true]) .large

Background Light Grey PNG Images With Transparent Background

Width: 100%; height: 100%;}:host { width: 30px; height: 30px;}:host svg, :host svg * { fill: var(--scw-icon-color, var(--scw-theme-body-color, var(--scw-color-grey-02)));}:host svg .color-00 { fill: var(--scw-theme-color-00, var(--scw-color-grey-00));}:host svg .color-01 { fill: var(--scw-theme-color-01, var(--scw-color-grey-01));}:host svg .color-02 { fill: var(--scw-theme-color-02, var(--scw-color-grey-02));}:host svg .color-03 { fill: var(--scw-theme-color-03, var(--scw-color-grey-03));}:host svg .color-04 { fill: var(--scw-theme-color-04, var(--scw-color-grey-04));}:host svg .color-05,:host svg .color { fill: var(--scw-theme-color-05, var(--scw-color-grey-05));}:host svg .color-06 { fill: var(--scw-theme-color-06, var(--scw-color-grey-06));}:host svg .color-07 { fill: var(--scw-theme-color-07, var(--scw-color-grey-07));}:host svg .color-08 { fill: var(--scw-theme-color-08, var(--scw-color-grey-08));}:host svg .color-09 { fill: var(--scw-theme-color-09, var(--scw-color-grey-09));}:host svg .color-092 { fill: var(--scw-theme-color-092, var(--scw-color-grey-09));}:host svg .color-095 { fill: var(--scw-theme-color-095, var(--scw-color-grey-09));}:host svg .color-10 { fill: var(--scw-theme-color-10, var(--scw-color-grey-10));}:host([size="10"]) { width: 10px; height: 10px;}:host([size="20"]) { width: 20px; height: 20px;}:host([size="30"]) { width: 30px; height: 30px;}:host([size="40"]) { width: 40px; height: 40px;}:host([size="50"]) { width: 50px; height: 50px;}:host([size="60"]) { width: 60px; height: 60px;}:host([size="70"]) { width: 70px; height: 70px;}:host([size="80"]) { width: 80px; height: 80px;}:host([size="90"]) { width: 90px; height: 90px;}:host([size="100"]) { width: 100px; height: 100px;}:host([animation=spin]) { animation: spin 500ms linear 0ms infinite;}@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }} :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}a { width: 100%;}a:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}a:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host([aria-disabled=true]) .small,:host([aria-disabled=true]) .medium,:host([aria-disabled=true]) .large { background-color: var(--scw-color-grey-09); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09);}:host([aria-disabled=true]) .small .label,:host([aria-disabled=true])

Grey Background PNG Transparent Images Free

Border-box; vertical-align: top; width: 100%; height: 100%;}:host { width: 30px; height: 30px;}:host svg, :host svg * { fill: var(--scw-icon-color, var(--scw-theme-body-color, var(--scw-color-grey-02)));}:host svg .color-00 { fill: var(--scw-theme-color-00, var(--scw-color-grey-00));}:host svg .color-01 { fill: var(--scw-theme-color-01, var(--scw-color-grey-01));}:host svg .color-02 { fill: var(--scw-theme-color-02, var(--scw-color-grey-02));}:host svg .color-03 { fill: var(--scw-theme-color-03, var(--scw-color-grey-03));}:host svg .color-04 { fill: var(--scw-theme-color-04, var(--scw-color-grey-04));}:host svg .color-05,:host svg .color { fill: var(--scw-theme-color-05, var(--scw-color-grey-05));}:host svg .color-06 { fill: var(--scw-theme-color-06, var(--scw-color-grey-06));}:host svg .color-07 { fill: var(--scw-theme-color-07, var(--scw-color-grey-07));}:host svg .color-08 { fill: var(--scw-theme-color-08, var(--scw-color-grey-08));}:host svg .color-09 { fill: var(--scw-theme-color-09, var(--scw-color-grey-09));}:host svg .color-092 { fill: var(--scw-theme-color-092, var(--scw-color-grey-09));}:host svg .color-095 { fill: var(--scw-theme-color-095, var(--scw-color-grey-09));}:host svg .color-10 { fill: var(--scw-theme-color-10, var(--scw-color-grey-10));}:host([size="10"]) { width: 10px; height: 10px;}:host([size="20"]) { width: 20px; height: 20px;}:host([size="30"]) { width: 30px; height: 30px;}:host([size="40"]) { width: 40px; height: 40px;}:host([size="50"]) { width: 50px; height: 50px;}:host([size="60"]) { width: 60px; height: 60px;}:host([size="70"]) { width: 70px; height: 70px;}:host([size="80"]) { width: 80px; height: 80px;}:host([size="90"]) { width: 90px; height: 90px;}:host([size="100"]) { width: 100px; height: 100px;}:host([animation=spin]) { animation: spin 500ms linear 0ms infinite;}@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }} :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}a { width: 100%;}a:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}a:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host([aria-disabled=true]) .small,:host([aria-disabled=true]) .medium,:host([aria-disabled=true]) .large { background-color: var(--scw-color-grey-09); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color:

Grey Transparent Background PNG Images - rawpixel

Vertical-align: top; width: 100%; height: 100%;}:host { width: 30px; height: 30px;}:host svg, :host svg * { fill: var(--scw-icon-color, var(--scw-theme-body-color, var(--scw-color-grey-02)));}:host svg .color-00 { fill: var(--scw-theme-color-00, var(--scw-color-grey-00));}:host svg .color-01 { fill: var(--scw-theme-color-01, var(--scw-color-grey-01));}:host svg .color-02 { fill: var(--scw-theme-color-02, var(--scw-color-grey-02));}:host svg .color-03 { fill: var(--scw-theme-color-03, var(--scw-color-grey-03));}:host svg .color-04 { fill: var(--scw-theme-color-04, var(--scw-color-grey-04));}:host svg .color-05,:host svg .color { fill: var(--scw-theme-color-05, var(--scw-color-grey-05));}:host svg .color-06 { fill: var(--scw-theme-color-06, var(--scw-color-grey-06));}:host svg .color-07 { fill: var(--scw-theme-color-07, var(--scw-color-grey-07));}:host svg .color-08 { fill: var(--scw-theme-color-08, var(--scw-color-grey-08));}:host svg .color-09 { fill: var(--scw-theme-color-09, var(--scw-color-grey-09));}:host svg .color-092 { fill: var(--scw-theme-color-092, var(--scw-color-grey-09));}:host svg .color-095 { fill: var(--scw-theme-color-095, var(--scw-color-grey-09));}:host svg .color-10 { fill: var(--scw-theme-color-10, var(--scw-color-grey-10));}:host([size="10"]) { width: 10px; height: 10px;}:host([size="20"]) { width: 20px; height: 20px;}:host([size="30"]) { width: 30px; height: 30px;}:host([size="40"]) { width: 40px; height: 40px;}:host([size="50"]) { width: 50px; height: 50px;}:host([size="60"]) { width: 60px; height: 60px;}:host([size="70"]) { width: 70px; height: 70px;}:host([size="80"]) { width: 80px; height: 80px;}:host([size="90"]) { width: 90px; height: 90px;}:host([size="100"]) { width: 100px; height: 100px;}:host([animation=spin]) { animation: spin 500ms linear 0ms infinite;}@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }} :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}a { width: 100%;}a:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}a:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host([aria-disabled=true]) .small,:host([aria-disabled=true]) .medium,:host([aria-disabled=true]) .large { background-color: var(--scw-color-grey-09); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09);}:host([aria-disabled=true]). 3d black and grey waving rock on transparent background. black and grey waving rock stone. new valentine lollipop with grey waves. background heart. 3d black and grey waving mountain rocks with tree on transparent background. rock nature. 3d black and grey waving mountain rocks on transparent background.

Abstract Transparent Grey Background stock illustrations

Box-sizing: border-box; vertical-align: top; width: 100%; height: 100%;}:host { width: 30px; height: 30px;}:host svg, :host svg * { fill: var(--scw-icon-color, var(--scw-theme-body-color, var(--scw-color-grey-02)));}:host svg .color-00 { fill: var(--scw-theme-color-00, var(--scw-color-grey-00));}:host svg .color-01 { fill: var(--scw-theme-color-01, var(--scw-color-grey-01));}:host svg .color-02 { fill: var(--scw-theme-color-02, var(--scw-color-grey-02));}:host svg .color-03 { fill: var(--scw-theme-color-03, var(--scw-color-grey-03));}:host svg .color-04 { fill: var(--scw-theme-color-04, var(--scw-color-grey-04));}:host svg .color-05,:host svg .color { fill: var(--scw-theme-color-05, var(--scw-color-grey-05));}:host svg .color-06 { fill: var(--scw-theme-color-06, var(--scw-color-grey-06));}:host svg .color-07 { fill: var(--scw-theme-color-07, var(--scw-color-grey-07));}:host svg .color-08 { fill: var(--scw-theme-color-08, var(--scw-color-grey-08));}:host svg .color-09 { fill: var(--scw-theme-color-09, var(--scw-color-grey-09));}:host svg .color-092 { fill: var(--scw-theme-color-092, var(--scw-color-grey-09));}:host svg .color-095 { fill: var(--scw-theme-color-095, var(--scw-color-grey-09));}:host svg .color-10 { fill: var(--scw-theme-color-10, var(--scw-color-grey-10));}:host([size="10"]) { width: 10px; height: 10px;}:host([size="20"]) { width: 20px; height: 20px;}:host([size="30"]) { width: 30px; height: 30px;}:host([size="40"]) { width: 40px; height: 40px;}:host([size="50"]) { width: 50px; height: 50px;}:host([size="60"]) { width: 60px; height: 60px;}:host([size="70"]) { width: 70px; height: 70px;}:host([size="80"]) { width: 80px; height: 80px;}:host([size="90"]) { width: 90px; height: 90px;}:host([size="100"]) { width: 100px; height: 100px;}:host([animation=spin]) { animation: spin 500ms linear 0ms infinite;}@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }} :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}a { width: 100%;}a:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}a:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host([aria-disabled=true]) .small,:host([aria-disabled=true]) .medium,:host([aria-disabled=true]) .large { background-color: var(--scw-color-grey-09); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid;

Grey Wolf PNG Images With Transparent Background

/* 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 { width: 100%;}a { width: 100%; display: block; text-decoration: none;}.container { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding-left: calc(var(--scw-spacing-1) * 1.5); padding-right: calc(var(--scw-spacing-1) * 1.5); padding-top: calc(var(--scw-spacing-1) * 1.5); padding-bottom: calc(var(--scw-spacing-1) * 1.5); border-bottom: 0; border-left: 0; border-right: 0;}.container > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.container .label { text-align: LEFT; font: var(--scw-type-text-04-font); color: var(--scw-color-grey-02); flex: 1;}.container scw-icon { width: 15px; height: 15px;}:host([plain]) .container { background-color: rgba(0, 0, 0, 0); padding-top: 0; padding-bottom: 0; border: 0;}:host a:hover .container { background-color: var(--scw-color-grey-095);} Certificate Plus :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}a { width: 100%;}a:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}a:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host([aria-disabled=true]) .small,:host([aria-disabled=true]) .medium,:host([aria-disabled=true]) .large { background-color: var(--scw-color-grey-09); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09);}:host([aria-disabled=true]) .small .label,:host([aria-disabled=true]) .medium .label,:host([aria-disabled=true]) .large .label { text-align: CENTER; font: var(--scw-type-text-semibold-font); color: var(--scw-color-grey-07);}:host([aria-disabled=true]) .small scw-icon,:host([aria-disabled=true]) .small .icon,:host([aria-disabled=true]) .medium scw-icon,:host([aria-disabled=true]) .medium .icon,:host([aria-disabled=true]) .large scw-icon,:host([aria-disabled=true]) .large .icon { --scw-icon-color: var(--scw-color-grey-08);}:host([design=solidIcon]) .scw-link,:host([design=icon]) .scw-link { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style:. 3d black and grey waving rock on transparent background. black and grey waving rock stone. new valentine lollipop with grey waves. background heart. 3d black and grey waving mountain rocks with tree on transparent background. rock nature. 3d black and grey waving mountain rocks on transparent background.

Dark Grey Transparent Background illustrations - Shutterstock

Outline: 2px solid red !important;}:host { width: 100%;}a { width: 100%; display: block; text-decoration: none;}.container { background-color: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding-left: calc(var(--scw-spacing-1) * 1.5); padding-right: calc(var(--scw-spacing-1) * 1.5); padding-top: calc(var(--scw-spacing-1) * 1.5); padding-bottom: calc(var(--scw-spacing-1) * 1.5); border-bottom: 0; border-left: 0; border-right: 0;}.container > *:not(:last-child) { margin-right: 0px; --margin-right: 0px;}.container .label { text-align: LEFT; font: var(--scw-type-text-04-font); color: var(--scw-color-grey-02); flex: 1;}.container scw-icon { width: 15px; height: 15px;}:host([plain]) .container { background-color: rgba(0, 0, 0, 0); padding-top: 0; padding-bottom: 0; border: 0;}:host a:hover .container { background-color: var(--scw-color-grey-095);} Student Loans Refinance :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 { display: inline-flex; --btn-text: var( --scw-theme-color-btn-text, var(--scw-color-primary-01) ); --btn-border: var(--scw-theme-color-btn, var(--scw-color-primary-07)); --btn-background: var( --scw-theme-color-btn, var(--scw-color-primary-07) ); --btn-background-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) ); --btn-text-hover: var( --scw-theme-color-01, var(--scw-color-primary-01) ); --btn-border-hover: var( --scw-theme-color-06, var(--scw-color-primary-06) );}:host([design=outlined]),:host([design=icon]) { --btn-text: var( --scw-theme-body-color, var(--scw-color-grey-02) ); --btn-border: var( --scw-theme-body-color, var(--scw-color-grey-07) ); --btn-background: transparent; --btn-background-hover: var( --scw-theme-body-color, var(--scw-color-grey-092) ); --btn-text-hover: var( --scw-theme-body-color-inv, var(--scw-color-grey-02) ); --btn-border-hover: var( --scw-theme-body-color, var(--scw-color-grey-07) );}:host([design=light]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-092); --btn-background: var(--scw-color-grey-092); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=white]) { --btn-text: var(--scw-color-grey-02); --btn-border: var(--scw-color-grey-10); --btn-background: var(--scw-color-grey-10); --btn-background-hover: var(--scw-color-grey-09); --btn-text-hover: var(--scw-color-grey-02); --btn-border-hover: var(--scw-color-grey-09);}:host([design=block]) { --btn-text: var(--scw-color-grey-02); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var(--scw-color-grey-04); --btn-border-hover: transparent;}:host([design=text]),:host([design=plain]) { --btn-text: var(--scw-theme-color, var(--scw-color-primary-03)); --btn-border: transparent; --btn-background: transparent; --btn-background-hover: transparent; --btn-text-hover: var( --scw-theme-color-hover, var(--scw-color-primary-02) ); --btn-border-hover: transparent;}.small,.medium,.large { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.small > *:not(:last-child),.medium > *:not(:last-child),.large > *:not(:last-child) { margin-right: calc(var(--scw-spacing-1) * 0.4); --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );}a { width: 100%;}a:focus-visible { outline: none; box-shadow: var(--scw-effect-focus-shadow); border-radius: 4px;}a:focus:not(:focus-visible) { outline: none; box-shadow: none;}:host([aria-disabled=true]) .small,:host([aria-disabled=true]) .medium,:host([aria-disabled=true]) .large { background-color: var(--scw-color-grey-09); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-grey-09);}:host([aria-disabled=true]) .small .label,:host([aria-disabled=true]) .medium .label,:host([aria-disabled=true]) .large .label { text-align: CENTER; font: var(--scw-type-text-semibold-font); color: var(--scw-color-grey-07);}:host([aria-disabled=true]) .small scw-icon,:host([aria-disabled=true]) .small .icon,:host([aria-disabled=true]) .medium scw-icon,:host([aria-disabled=true]) .medium .icon,:host([aria-disabled=true]) .large scw-icon,:host([aria-disabled=true]) .large .icon { --scw-icon-color: var(--scw-color-grey-08);}:host([design=solidIcon]) .scw-link,:host([design=icon]) .scw-link { background-color: var(--scw-color-primary-07); border-radius: 8px 8px 8px 8px; border-width: 1px; border-style: solid; border-color: var(--scw-color-primary-07); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding-left: calc(var(--scw-spacing-1) * 0.6); padding-right: calc(var(--scw-spacing-1) * 0.6); padding-top: calc(var(--scw-spacing-1) * 0.6); padding-bottom: calc(var(--scw-spacing-1)