@layer components{.c-trend-list{--icon-box-width:40px;--icon-arrow-rotation:rotateX(0deg);--icon-arrow-background:var(--api-icon-arrow-background,var(--brand-gradient-orange-yellow-180deg));--list-item-offset-y:4px;display:flex;flex-direction:column;gap:18px}.c-trend-list__item:has(.is-decreasing){--icon-arrow-rotation:rotateX(180deg)}.c-trend-list__item{color:var(--brand-black);font-size:1.3rem;font-weight:425;line-height:1.4;min-height:40px;padding-left:calc(var(--icon-box-width) + 18px);padding-top:var(--list-item-offset-y);position:relative}.c-trend-list__item:after,.c-trend-list__item:before{border-radius:5px;content:"";height:var(--icon-box-width);inset:50% auto auto 0;padding-top:var(--list-item-offset-y);position:absolute;width:var(--icon-box-width)}.c-trend-list__item:before{background-color:rgba(33,22,80,.07);transform:translateY(-50%)}.c-trend-list__item:after{background-image:var(--icon-arrow-background);-webkit-mask-image:url(../../../img/icons/arrow-up.svg);mask-image:url(../../../img/icons/arrow-up.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto calc(var(--icon-box-width)/2);mask-size:auto calc(var(--icon-box-width)/2);transform:translateY(-50%) var(--icon-arrow-rotation);transition:transform .15s ease}@media (max-width:1200px){.c-trend-list{--icon-box-width:30px;--list-item-offset-y:8px;gap:12px}.c-trend-list__item{font-size:16px}}}