.ystdb-icon.is-size--2 svg{width:2em;height:2em}.ystdb-icon.is-size--5 svg{width:5em;height:5em}.ystdb-icon svg[fill=none]{fill:none}.ystdb-icon svg[fill=currentColor]{fill:currentcolor}.ystdb-icon svg[stroke=none]{stroke:none}.ystdb-icon svg[stroke=currentColor]{stroke:currentcolor}.ystdb-icon:where(.has-text-align-left){text-align:left}.ystdb-icon:where(.has-text-align-center){text-align:center}.ystdb-icon:where(.has-text-align-right){text-align:right}.ystdb-icon :where(.sns-icon){color:currentcolor;fill:currentcolor}.ystdb-icon .ys-icon{display:inline-flex;flex-shrink:0;line-height:1}.ystdb-icon__wrap{display:inline-flex;align-items:center;justify-content:center}.ystdb-icon__wrap:where(.has-background){padding:1rem}.ystdb-icon__wrap:where(.ystdb-icon__link){text-decoration:none}.ystdb-icon__wrap:where(.ystdb-icon__link):where(:not(.has-text-color)){color:currentcolor}@media(hover:hover){.ystdb-icon__wrap:where(.ystdb-icon__link):where(:not(.has-text-color)):hover{color:currentcolor}}.ystdb-icon__wrap.has-icon-size :where(.ys-icon) svg{width:1em;height:1em}:where(body:not(.ystandard) .ystdb-icon) .ys-icon{display:inline-flex;flex-shrink:0;line-height:1}:where(body:not(.ystandard) .ystdb-icon) .ys-icon svg{width:1em;height:1em;vertical-align:-.25em}