/* Embeddable desktop section. Every rule is scoped to .sbc-trade-map. */
.sbc-trade-map {
  --dot:#dedede;
  --country-color:#000;
  position:relative;
  box-sizing:border-box;
  width:100%;
  padding:clamp(56px,7vw,112px) clamp(28px,3.4vw,80px);
  background:#fff;
  color:#000;
  font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.sbc-trade-map *{box-sizing:border-box}
.sbc-trade-map .map-stage{position:relative;width:100%;max-width:1670px;margin:0 auto;aspect-ratio:1.98 / 1;isolation:isolate}
.sbc-trade-map .dot-map{position:absolute;inset:0;background:var(--dot);mask:url("../images/world-map-dots.svg") center / 100% 100% no-repeat;-webkit-mask:url("../images/world-map-dots.svg") center / 100% 100% no-repeat;pointer-events:none}
.sbc-trade-map .map-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.sbc-trade-map .trade-route{opacity:0;visibility:hidden}
.sbc-trade-map .trade-segment{fill:none;stroke:var(--country-color);stroke-width:.23;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.58 .68}
.sbc-trade-map .route-knockout{fill:none;stroke:#fff;stroke-width:.85;opacity:.8}
.sbc-trade-map .trade-segment.is-land{stroke-width:.26;stroke-dasharray:.45 .65}
.sbc-trade-map .trade-segment.is-feeder{stroke-width:.17;stroke-dasharray:.12 .5;opacity:.7}
.sbc-trade-map .country-nodes{position:absolute;inset:0;z-index:3;pointer-events:none}
.sbc-trade-map .country-node{position:absolute;width:0;height:0}
.sbc-trade-map .origin-pin{width:6px;height:6px;position:absolute;top:-3px;left:-3px;border-radius:50%;background:var(--country-color);box-shadow:0 0 0 4px rgba(0,0,0,.055);opacity:0;visibility:hidden}
.sbc-trade-map .country-node.is-active{z-index:2}
.sbc-trade-map .flag-leader{position:absolute;left:-.5px;top:-18px;width:1px;height:13px;background:var(--country-color);opacity:0;visibility:hidden;transform:scale(0);transform-origin:center bottom;pointer-events:none}
.sbc-trade-map .bubble-position{position:absolute;left:0;top:-30px;transform:translate(-50%,-50%)}
.sbc-trade-map .country-bubble{appearance:none;display:flex;align-items:center;justify-content:center;margin:0;padding:4px;width:38px;height:34px;border-radius:0;border:0;background:transparent;box-shadow:none;color:#000;font:inherit;cursor:pointer;pointer-events:auto;white-space:nowrap;transform-origin:50% 100%;opacity:0;visibility:hidden;-webkit-tap-highlight-color:transparent}
.sbc-trade-map .country-bubble:focus-visible{outline:1px solid #000;outline-offset:4px;border-radius:2px}
.sbc-trade-map .country-bubble img{width:29px;height:25.5px;object-fit:contain;display:block;max-width:none;flex-shrink:0}
.sbc-trade-map .country-label-position{position:absolute;left:0;top:-49px;transform:translate(-50%,-100%);pointer-events:none}
.sbc-trade-map .country-name{display:block;opacity:0;visibility:hidden;white-space:nowrap;font-size:11px;color:#000;font-weight:400;line-height:1.4;text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 8px #fff}
.sbc-trade-map .country-node[data-side="right"] .flag-leader{left:5px;top:-.5px;width:13px;height:1px;transform-origin:left center}
.sbc-trade-map .country-node[data-side="right"] .bubble-position{left:32px;top:0}
.sbc-trade-map .country-node[data-side="right"] .country-label-position{left:53px;top:0;transform:translateY(-50%)}
.sbc-trade-map .country-node.is-hub .origin-pin{width:8px;height:8px;left:-4px;top:-4px;box-shadow:0 0 0 6px rgba(0,0,0,.055)}
.sbc-trade-map .map-copy{position:absolute;z-index:2;top:17%;left:2.8%;width:26%;pointer-events:none}
.sbc-trade-map .map-eyebrow{margin:0 0 24px;padding:0;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:.12em;color:#000}
.sbc-trade-map .map-copy h2{margin:0;padding:0;font-family:inherit;font-size:clamp(28px,2.5vw,42px);line-height:1.45;letter-spacing:-.035em;font-weight:500;white-space:nowrap;color:#000}
.sbc-trade-map .map-description{max-width:265px;margin:24px 0 0;padding:0;font-size:13px;font-weight:400;line-height:1.9;letter-spacing:0;color:#000}
.sbc-trade-map .map-a11y-note{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;color:#000}
@media(min-width:1600px){
  .sbc-trade-map .map-description{font-size:14px;max-width:290px}
  .sbc-trade-map .country-bubble{height:36px;width:42px}
  .sbc-trade-map .country-bubble img{width:32px;height:26.5px}
}