:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px)0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}
:root{--color-primary-100:#eaebf4;--color-primary-200:#d8dbf3;--color-primary-300:#657aef;--color-primary-400:#3e49c1;--color-primary-500:#2e368f;--color-primary-600:#252c74;--color-primary-700:#191d4d;--color-secondary-100:#f5f0df;--color-secondary-200:#f2e7bf;--color-secondary-300:#efd783;--color-secondary-400:#e5c043;--color-secondary-500:#da9e25;--color-secondary-600:#cd892a;--color-secondary-700:#c97c12;--color-black:#000;--color-white:#fff;--color-gray-100:#171719;--color-gray-200:#211f23;--color-gray-300:#5e5e5e;--color-gray-400:#949495;--color-gray-500:#f6f6f6;--color-gray-600:#fcffff;--color-gray-alpha-100:#22222914;--color-gray-alpha-200:#2222291f;--color-gray-alpha-300:#22222929;--color-gray-alpha-400:#22222947;--color-gray-alpha-500:#22222966;--color-gray-alpha-600:#22222985;--color-gray-alpha-700:#222229a3;--color-gray-alpha-800:#222229c2;--color-gray-alpha-900:#222229e0;--color-gray-alpha-1000:#222229f5;--color-white-alpha-100:#ffffff14;--color-white-alpha-200:#ffffff1f;--color-white-alpha-300:#ffffff29;--color-white-alpha-400:#ffffff47;--color-white-alpha-500:#fff6;--color-white-alpha-600:#ffffff85;--color-white-alpha-700:#ffffffa3;--color-white-alpha-800:#ffffffc2;--color-white-alpha-900:#ffffffe0;--color-white-alpha-1000:#fffffff5;--color-error-100:#fbebe9;--color-error-200:#f0aea8;--color-error-300:#e05e52;--color-error-400:#d93526;--color-error-500:#ad2b1f;--color-warning-100:#fff8e8;--color-warning-200:#ffe19f;--color-warning-300:#ffb514;--color-warning-400:#ffd477;--color-warning-500:#e8a512;--color-success-100:#eaf8ee;--color-success-200:#abe2b8;--color-success-300:#88d69b;--color-success-400:#28a462;--color-success-500:#1e7b49;--font-family-base:"IBM Plex Sans Thai",sans-serif;--font-weight-light:100;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-100:100;--font-weight-400:400;--font-weight-500:500;--font-weight-700:700;--font-size-3xs:10px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:36px;--font-size-5xl:44px;--line-height-3xs:14px;--line-height-2xs:16px;--line-height-xs:20px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:32px;--line-height-xl:36px;--line-height-2xl:44px;--line-height-3xl:48px;--line-height-4xl:56px;--line-height-5xl:64px;--letter-spacing-xxs:-2px;--letter-spacing-xs:-1px;--letter-spacing-sm:0px;--letter-spacing-md:1px;--letter-spacing-lg:2px;--paragraph-spacing-xxs:0px;--paragraph-spacing-xs:2px;--paragraph-spacing-sm:4px;--paragraph-spacing-md:8px;--paragraph-spacing-lg:12px}.text-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:500}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-medium{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-quaternary{color:var(--color-quaternary)}.color-white{color:var(--color-white)}.color-black{color:var(--color-black)}.color-gray-50{color:var(--color-gray-50)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-gray-950{color:var(--color-gray-950)}.font-weight-100{font-weight:var(--font-weight-100)}.font-weight-400{font-weight:var(--font-weight-400)}.font-weight-500{font-weight:var(--font-weight-500)}.font-weight-700{font-weight:var(--font-weight-700)}.homepage-banner{aspect-ratio:750/450;position:relative;overflow:hidden}.homepage-banner .swiper{height:100%}.homepage-banner .swiper-slide{position:relative}.homepage-banner .banner-top-wrapper{z-index:1;justify-content:space-between;align-items:center;width:100%;padding:20px 12px 0;display:flex;position:absolute;top:0;left:0;right:0}.homepage-banner .banner-custom-pagination{width:auto}.homepage-banner .banner-custom-pagination .swiper-pagination-bullet{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#ffffff29;border-radius:8px;width:8px;height:8px;margin:0 2px;transition:all .3s}.homepage-banner .banner-custom-pagination .swiper-pagination-bullet:first-child{margin-left:4px}.homepage-banner .banner-custom-pagination .swiper-pagination-bullet:last-child{margin-right:4px}.homepage-banner .banner-custom-pagination .swiper-pagination-bullet-active{background-color:#ffffffa3;width:16px}.homepage-banner .banner-coin{color:#211f23;background-color:#fff;border-radius:16px;align-items:center;gap:4px;padding:4px 16px 4px 8px;font-size:16px;font-weight:500;line-height:24px;display:flex}.homepage-banner .banner-coin .banner-coin-img{width:20px;height:20px;position:relative}.homepage-banner .banner-coin p{margin:0}
:root{--color-primary-100:#eaebf4;--color-primary-200:#d8dbf3;--color-primary-300:#657aef;--color-primary-400:#3e49c1;--color-primary-500:#2e368f;--color-primary-600:#252c74;--color-primary-700:#191d4d;--color-secondary-100:#f5f0df;--color-secondary-200:#f2e7bf;--color-secondary-300:#efd783;--color-secondary-400:#e5c043;--color-secondary-500:#da9e25;--color-secondary-600:#cd892a;--color-secondary-700:#c97c12;--color-black:#000;--color-white:#fff;--color-gray-100:#171719;--color-gray-200:#211f23;--color-gray-300:#5e5e5e;--color-gray-400:#949495;--color-gray-500:#f6f6f6;--color-gray-600:#fcffff;--color-gray-alpha-100:#22222914;--color-gray-alpha-200:#2222291f;--color-gray-alpha-300:#22222929;--color-gray-alpha-400:#22222947;--color-gray-alpha-500:#22222966;--color-gray-alpha-600:#22222985;--color-gray-alpha-700:#222229a3;--color-gray-alpha-800:#222229c2;--color-gray-alpha-900:#222229e0;--color-gray-alpha-1000:#222229f5;--color-white-alpha-100:#ffffff14;--color-white-alpha-200:#ffffff1f;--color-white-alpha-300:#ffffff29;--color-white-alpha-400:#ffffff47;--color-white-alpha-500:#fff6;--color-white-alpha-600:#ffffff85;--color-white-alpha-700:#ffffffa3;--color-white-alpha-800:#ffffffc2;--color-white-alpha-900:#ffffffe0;--color-white-alpha-1000:#fffffff5;--color-error-100:#fbebe9;--color-error-200:#f0aea8;--color-error-300:#e05e52;--color-error-400:#d93526;--color-error-500:#ad2b1f;--color-warning-100:#fff8e8;--color-warning-200:#ffe19f;--color-warning-300:#ffb514;--color-warning-400:#ffd477;--color-warning-500:#e8a512;--color-success-100:#eaf8ee;--color-success-200:#abe2b8;--color-success-300:#88d69b;--color-success-400:#28a462;--color-success-500:#1e7b49;--font-family-base:"IBM Plex Sans Thai",sans-serif;--font-weight-light:100;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-100:100;--font-weight-400:400;--font-weight-500:500;--font-weight-700:700;--font-size-3xs:10px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:36px;--font-size-5xl:44px;--line-height-3xs:14px;--line-height-2xs:16px;--line-height-xs:20px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:32px;--line-height-xl:36px;--line-height-2xl:44px;--line-height-3xl:48px;--line-height-4xl:56px;--line-height-5xl:64px;--letter-spacing-xxs:-2px;--letter-spacing-xs:-1px;--letter-spacing-sm:0px;--letter-spacing-md:1px;--letter-spacing-lg:2px;--paragraph-spacing-xxs:0px;--paragraph-spacing-xs:2px;--paragraph-spacing-sm:4px;--paragraph-spacing-md:8px;--paragraph-spacing-lg:12px}.text-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:500}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-medium{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-quaternary{color:var(--color-quaternary)}.color-white{color:var(--color-white)}.color-black{color:var(--color-black)}.color-gray-50{color:var(--color-gray-50)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-gray-950{color:var(--color-gray-950)}.font-weight-100{font-weight:var(--font-weight-100)}.font-weight-400{font-weight:var(--font-weight-400)}.font-weight-500{font-weight:var(--font-weight-500)}.font-weight-700{font-weight:var(--font-weight-700)}.card-currency{background:#fff;border-radius:20px;align-items:center;padding:16px 20px;display:flex;position:relative}.card-currency:before{content:"";background:var(--color-secondary-500);border-radius:16px;width:5px;height:48px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.card-currency .card-flag{width:48px;height:48px}.card-currency .card-detail-right{justify-content:space-between;width:calc(100% - 48px);padding:0 0 0 12px;display:flex}.card-currency .card-detail-right .sell-buy{text-align:right;flex-direction:column;gap:4px;min-width:max-content;font-size:14px;font-weight:700;line-height:20px;display:flex}.card-currency .card-detail-right .sell-buy .sell{color:var(--color-error-400)}.card-currency .card-detail-right .sell-buy .buy{color:var(--color-primary-400)}.card-currency .card-title{letter-spacing:.02em;color:#111827;margin:0;font-size:16px;font-weight:600;line-height:24px}.card-currency .currency-amount{color:#949495;align-items:center;gap:4px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-box{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%) 0 0/800px 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.card-currency--skeleton{pointer-events:none}.card-currency--skeleton .card-flag{border-radius:50%;flex-shrink:0}.card-currency--skeleton .card-detail{flex-direction:column;gap:6px;display:flex}.card-currency--skeleton .skeleton-title{width:80px;height:20px}.card-currency--skeleton .skeleton-subtitle{width:56px;height:16px}.card-currency--skeleton .skeleton-rate{width:72px;height:16px}.card-currency--skeleton .sell-buy{gap:6px}.currency-popover .ant-popover-container{box-shadow:none;background-color:#f3f3f4;padding:4px 0}.currency-popover .ant-popover-container .currency-popover-content{flex-direction:column;display:flex}.currency-popover .ant-popover-container .currency-popover-content .popover-item{border-bottom:1px solid #2222291f;padding:8px 12px}.currency-popover .ant-popover-container .currency-popover-content .popover-item:last-child{border-bottom:none}
:root{--color-primary-100:#eaebf4;--color-primary-200:#d8dbf3;--color-primary-300:#657aef;--color-primary-400:#3e49c1;--color-primary-500:#2e368f;--color-primary-600:#252c74;--color-primary-700:#191d4d;--color-secondary-100:#f5f0df;--color-secondary-200:#f2e7bf;--color-secondary-300:#efd783;--color-secondary-400:#e5c043;--color-secondary-500:#da9e25;--color-secondary-600:#cd892a;--color-secondary-700:#c97c12;--color-black:#000;--color-white:#fff;--color-gray-100:#171719;--color-gray-200:#211f23;--color-gray-300:#5e5e5e;--color-gray-400:#949495;--color-gray-500:#f6f6f6;--color-gray-600:#fcffff;--color-gray-alpha-100:#22222914;--color-gray-alpha-200:#2222291f;--color-gray-alpha-300:#22222929;--color-gray-alpha-400:#22222947;--color-gray-alpha-500:#22222966;--color-gray-alpha-600:#22222985;--color-gray-alpha-700:#222229a3;--color-gray-alpha-800:#222229c2;--color-gray-alpha-900:#222229e0;--color-gray-alpha-1000:#222229f5;--color-white-alpha-100:#ffffff14;--color-white-alpha-200:#ffffff1f;--color-white-alpha-300:#ffffff29;--color-white-alpha-400:#ffffff47;--color-white-alpha-500:#fff6;--color-white-alpha-600:#ffffff85;--color-white-alpha-700:#ffffffa3;--color-white-alpha-800:#ffffffc2;--color-white-alpha-900:#ffffffe0;--color-white-alpha-1000:#fffffff5;--color-error-100:#fbebe9;--color-error-200:#f0aea8;--color-error-300:#e05e52;--color-error-400:#d93526;--color-error-500:#ad2b1f;--color-warning-100:#fff8e8;--color-warning-200:#ffe19f;--color-warning-300:#ffb514;--color-warning-400:#ffd477;--color-warning-500:#e8a512;--color-success-100:#eaf8ee;--color-success-200:#abe2b8;--color-success-300:#88d69b;--color-success-400:#28a462;--color-success-500:#1e7b49;--font-family-base:"IBM Plex Sans Thai",sans-serif;--font-weight-light:100;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-100:100;--font-weight-400:400;--font-weight-500:500;--font-weight-700:700;--font-size-3xs:10px;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:36px;--font-size-5xl:44px;--line-height-3xs:14px;--line-height-2xs:16px;--line-height-xs:20px;--line-height-sm:24px;--line-height-md:28px;--line-height-lg:32px;--line-height-xl:36px;--line-height-2xl:44px;--line-height-3xl:48px;--line-height-4xl:56px;--line-height-5xl:64px;--letter-spacing-xxs:-2px;--letter-spacing-xs:-1px;--letter-spacing-sm:0px;--letter-spacing-md:1px;--letter-spacing-lg:2px;--paragraph-spacing-xxs:0px;--paragraph-spacing-xs:2px;--paragraph-spacing-sm:4px;--paragraph-spacing-md:8px;--paragraph-spacing-lg:12px}.text-h1{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-h2{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:500}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-medium{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-tertiary{color:var(--color-tertiary)}.color-quaternary{color:var(--color-quaternary)}.color-white{color:var(--color-white)}.color-black{color:var(--color-black)}.color-gray-50{color:var(--color-gray-50)}.color-gray-100{color:var(--color-gray-100)}.color-gray-200{color:var(--color-gray-200)}.color-gray-300{color:var(--color-gray-300)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.color-gray-900{color:var(--color-gray-900)}.color-gray-950{color:var(--color-gray-950)}.font-weight-100{font-weight:var(--font-weight-100)}.font-weight-400{font-weight:var(--font-weight-400)}.font-weight-500{font-weight:var(--font-weight-500)}.font-weight-700{font-weight:var(--font-weight-700)}.currency-section{grid-template-columns:repeat(1,1fr);gap:12px;padding:16px 0;display:grid}.currency-section .currency-section-head{justify-content:space-between;align-items:center;display:flex}.currency-section .currency-section-head .currency-section-title{color:var(--color-gray-200);font-size:var(--font-size-sm);margin:0;font-weight:400}.currency-section .currency-section-head .currency-price-info{color:var(--color-gray-200);align-items:center;gap:4px;display:flex}.currency-section .currency-section-head .currency-price-info svg{width:24px;height:24px}