markets-widget{display:block}markets-widget figure{--aspect-ratio: 10/4;aspect-ratio:var(--aspect-ratio);width:100%;display:grid;margin-bottom:var(--gutter1);border-radius:var(--border-radius, 6px);overflow:hidden}@supports not (aspect-ratio: 10/4){markets-widget figure{aspect-ratio:initial;padding-bottom:calc(100%/(var(--aspect-ratio)));height:0}markets-widget figure>*{position:absolute}}markets-widget figure .image{opacity:0;grid-row:1;grid-column:1;transition:opacity .8s cubic-bezier(0.42, 0, 0.58, 1),transform 1s cubic-bezier(0.42, 0, 0.58, 1)}markets-widget figure .image.active,markets-widget figure .image.hovered{opacity:1;transform:scale(1.05)}markets-widget ul li a{margin:0;color:#333236;text-decoration:none;text-transform:uppercase;font-family:lato,sans-serif;font-style:normal;font-weight:700;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.5625em;line-height:1.6;transition:color .8s cubic-bezier(0.42, 0, 0.58, 1)}markets-widget ul li.active a{color:#fff}@media(hover: hover){markets-widget ul li:hover a{color:#fff;transition-duration:.2s !important}}@media(hover: hover){markets-widget:hover figure:not(:hover) .image:not(.hovered).active{opacity:0}markets-widget:hover ul li.active:not(:hover) a{color:#333236}markets-widget:hover figure:hover~ul li.active a{color:#fff}}