@layer components{.cmp-asia-fx-rate-chart{width:100%;padding:0 0 var(--gem-spacing-5,1.5rem);box-sizing:border-box;font-family:var(--font-sans,"Manulife JH Sans Optimized","Manulife JH Sans",Helvetica,Arial,sans-serif)}
.cmp-asia-fx-rate-chart__header{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:var(--gem-spacing-4,1rem);margin-bottom:var(--gem-spacing-4,1rem)}
.cmp-asia-fx-rate-chart__title{margin:0 0 var(--gem-spacing-2,0.5rem);font-size:var(--gem-font-size-800,1.375rem);font-weight:var(--gem-font-weight-demibold,600);line-height:var(--gem-line-height-800,1.75rem);color:var(--gem-color-text-default,#282b3e)}
.cmp-asia-fx-rate-chart__controls{display:flex;align-items:center;gap:var(--gem-spacing-2,0.5rem);flex-wrap:wrap}
.cmp-asia-fx-rate-chart__pair-toggle,.cmp-asia-fx-rate-chart__range-controls{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;padding:0 0 var(--gem-spacing-4,1rem);gap:var(--gem-spacing-3,0.75rem)}
.cmp-asia-fx-rate-chart__pair-btn,.cmp-asia-fx-rate-chart__range-btn{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:var(--gem-spacing-2,0.5rem) var(--gem-spacing-4,1rem);gap:var(--gem-spacing-2,0.5rem);height:40px;background:var(--gem-color-surface-default,#fff);border:2px solid var(--gem-color-neutral-700,#8e90a2);border-radius:9999px;cursor:pointer;font-family:var(--font-sans,"Manulife JH Sans Optimized","Manulife JH Sans",Helvetica,Arial,sans-serif);font-style:normal;font-weight:var(--gem-font-weight-regular,400);font-size:var(--gem-font-size-400,1rem);line-height:var(--gem-line-height-700,1.5rem);color:var(--gem-color-text-default,#282b3e);transition:background .15s,color .15s,border-color .15s}
.cmp-asia-fx-rate-chart__pair-btn:hover,.cmp-asia-fx-rate-chart__range-btn:hover{border-color:var(--gem-color-green-700,#00a758)}
.cmp-asia-fx-rate-chart__pair-btn:focus-visible,.cmp-asia-fx-rate-chart__range-btn:focus-visible{outline:2px solid var(--gem-color-green-700,#00a758);outline-offset:2px}
.cmp-asia-fx-rate-chart__pair-btn--active:focus-visible,.cmp-asia-fx-rate-chart__range-btn--active:focus-visible{outline-color:var(--gem-color-text-default,#282b3e)}
.cmp-asia-fx-rate-chart__pair-btn--active:hover,.cmp-asia-fx-rate-chart__range-btn--active:hover{background:var(--gem-color-green-800,#046138);border-color:var(--gem-color-green-800,#046138)}
.cmp-asia-fx-rate-chart__pair-btn--active,.cmp-asia-fx-rate-chart__range-btn--active{background:var(--gem-color-green-700,#00a758);color:var(--gem-color-text-inverse,#fff);border-color:var(--gem-color-green-700,#00a758)}
.cmp-asia-fx-rate-chart__axis-labels-row{position:relative;margin-bottom:4px;min-height:20px}
.cmp-asia-fx-rate-chart__axis-label{font-size:var(--gem-font-size-300,0.875rem);font-weight:var(--gem-font-weight-demibold,600);color:var(--gem-color-text-default,#282b3e);position:absolute}
.cmp-asia-fx-rate-chart__axis-label--left{left:0;width:56px;text-align:left}
.cmp-asia-fx-rate-chart__axis-label--right{right:0;width:56px;text-align:right}
@media(max-width:479px){.cmp-asia-fx-rate-chart__axis-label--right{display:none}
}
.cmp-asia-fx-rate-chart__chart-container{width:100%;min-height:300px}
.cmp-asia-fx-rate-chart__message{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:var(--gem-font-size-300,0.875rem);color:var(--gem-color-text-default,#282b3e)}
.cmp-asia-fx-rate-chart__message--loading{flex-direction:column;gap:var(--gem-spacing-4,1rem);color:var(--gem-color-text-default,#282b3e)}
.cmp-asia-fx-rate-chart__spinner{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--gem-color-green-700,#00a758) 0 60deg,var(--gem-color-neutral-200,#ededed) 60deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),black calc(100% - 8px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),black calc(100% - 8px));animation:cmp-asia-fx-rate-chart-spin 1s linear infinite}
.cmp-asia-fx-rate-chart__loading-text{width:auto;max-width:100%;font-size:var(--gem-font-size-600,1.125rem);line-height:var(--gem-line-height-700,1.5rem);font-weight:var(--gem-font-weight-regular,400);text-align:center}
@keyframes cmp-asia-fx-rate-chart-spin{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.cmp-asia-fx-rate-chart__message--error{color:var(--gem-color-feedback-error,#c0392b)}
@media(min-width:1024px){.cmp-asia-fx-rate-chart{padding:0}
}
@media(prefers-reduced-motion:reduce){.cmp-asia-fx-rate-chart__spinner{animation:none}
}
.cmp-asia-chart-error-msg{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 var(--gem-spacing-4,1rem);gap:var(--gem-spacing-5,1.5rem);min-height:300px;width:100%;font-family:var(--font-sans,"Manulife JH Sans Optimized","Manulife JH Sans",Helvetica,Arial,sans-serif);color:var(--gem-color-text-default,#282b3e)}
.cmp-asia-chart-error-msg__icon{width:32px;height:32px;flex-shrink:0;background-color:var(--gem-color-icon-default,#5e6073);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='006060'%3E%3Cpathd='M29.9743a2727010272727.0327.03000-27-27m049a222201122-2222.02522.025001-2222'fill='black'/%3E%3Cpathd='M18.89721.955h4.773v5.044h-4.773zm17.380h4.774v5.044h-4.774zm-6.3028.832a11.211.2000-11.111.271h5.044a6.066.0601112.1150h5.044a11.211.2000-11.103-11.271'fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='006060'%3E%3Cpathd='M29.9743a2727010272727.0327.03000-27-27m049a222201122-2222.02522.025001-2222'fill='black'/%3E%3Cpathd='M18.89721.955h4.773v5.044h-4.773zm17.380h4.774v5.044h-4.774zm-6.3028.832a11.211.2000-11.111.271h5.044a6.066.0601112.1150h5.044a11.211.2000-11.103-11.271'fill='black'/%3E%3C/svg%3E")}
.cmp-asia-chart-error-msg__title{margin:0;font-family:var(--font-sans,"Manulife JH Sans Optimized","Manulife JH Sans",Helvetica,Arial,sans-serif);font-size:var(--gem-font-size-400,1rem);font-weight:var(--gem-font-weight-demibold,600);line-height:var(--gem-line-height-700,1.5rem);text-align:center;color:var(--gem-color-text-default,#282b3e)}
.cmp-asia-chart-error-msg__desc{margin:0;font-family:var(--font-sans,"Manulife JH Sans Optimized","Manulife JH Sans",Helvetica,Arial,sans-serif);font-size:var(--gem-font-size-400,1rem);font-weight:var(--gem-font-weight-regular,400);line-height:var(--gem-line-height-700,1.5rem);text-align:center;color:var(--gem-color-text-default,#282b3e)}
.cmp-asia-fx-rate-chart__data-table{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.cmp-asia-fx-rate-chart__range-btn{scroll-margin-top:var(--cmp-sticky-nav-height,80px)}
}