.icon{--icon-width-small:16px;--icon-width-medium:24px;--icon-width-large:32px;--icon-height-small:16px;--icon-height-medium:24px;--icon-height-large:32px}.ids-icons-svg--large{width:var(--icon-width-large);height:var(--icon-height-large)}.ids-icons-svg--medium{width:var(--icon-width-medium);height:var(--icon-height-medium)}.ids-icons-svg--small{width:var(--icon-width-small);height:var(--icon-height-small)}.ids-icons-svg__emotion--large,.ids-icons-svg__emotion--medium,.ids-icons-svg__emotion--small{height:auto}.ids-arrow-faced-icon{display:inline-block;background-color:currentColor;-webkit-mask-image:url(/images/icons/arrow-faced/icon.webp);mask-image:url(/images/icons/arrow-faced/icon.webp);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.ids-arrow-faced-icon--down{transform:rotate(0deg)}.ids-arrow-faced-icon--down-left{transform:rotate(45deg)}.ids-arrow-faced-icon--left{transform:rotate(90deg)}.ids-arrow-faced-icon--up-left{transform:rotate(135deg)}.ids-arrow-faced-icon--up{transform:rotate(180deg)}.ids-arrow-faced-icon--up-right{transform:rotate(225deg)}.ids-arrow-faced-icon--right{transform:rotate(270deg)}.ids-arrow-faced-icon--down-right{transform:rotate(315deg)}