@layer atoms{.phxsg-icon{--_comp-icon-width: var(--comp-icon-width, var(--this-icon-width, 20px));--_comp-icon-height: var(--comp-icon-height, var(--this-icon-height, 20px));--_comp-icon-vertical-align: var(--comp-icon-vertical-align, var(--this-icon-vertical-align, 0));width:100%;height:100%;max-width:var(--_comp-icon-width);max-height:var(--_comp-icon-height);vertical-align:var(--_comp-icon-vertical-align)}.phxsg-icon--2xs{--this-icon-width: 10px;--this-icon-height: 10px}.phxsg-icon--xs{--this-icon-width: 12px;--this-icon-height: 12px}.phxsg-icon--sm{--this-icon-width: 16px;--this-icon-height: 16px}.phxsg-icon--md{--this-icon-width: 20px;--this-icon-height: 20px}.phxsg-icon--lg{--this-icon-width: 24px;--this-icon-height: 24px}.phxsg-icon--logo{--this-icon-width: 73px;--this-icon-height: 29px;@media screen and (min-width: 768px){--this-icon-width: 108px;--this-icon-height: 42px}}.phxsg-icon--logo-150{--this-icon-width: 111px;--this-icon-height: 34px;@media screen and (min-width: 768px){--this-icon-width: 180px;--this-icon-height: 54px}}.phxsg-icon--flag{--this-icon-width: auto;--this-icon-height: auto;border:1px solid var(--color-grey-200)}}