.language-currency-popup{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 999;transition: 0.5s;opacity: 0;visibility: hidden;}
.language-currency-popup .language-currency-popup-overlay{position: absolute;inset: 0;display: block;background: rgb(var(--color-foreground),0.5);z-index: -1;cursor: pointer;}
.language-currency-popup .language-currency-popup-data{display: flex;flex-direction: column;background: rgb(var(--color-background));width: 100%;max-width: 320px;margin-left: auto;height: 100%;transform: translateX(100%);transition: 0.5s;}
.language-currency-popup.open-popup .language-currency-popup-data{transform: translateX(0);}
.language-currency-popup.open-popup{opacity: 1;visibility: visible;}

.language-currency-popup .language-currency-popup-head{display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 12px 20px 15px;border-bottom: 1px solid var(--quaternary-color);}
.language-currency-popup .language-currency-popup-close{padding: 0;display: flex;}
.language-currency-popup .language-currency-popup-close .icon{height: 9px;width: 9px;color: rgb(var(--color-foreground));}

.language-currency-popup .language-currency-popup-content{overflow: hidden;height: 100%;}
.language-currency-popup .language-currency-popup-content .language-currency-item{display: flex;justify-content: space-between;align-items: center;;padding: 14.6px 20px;border-bottom: 1px solid rgb(var(--color-foreground),0.1);}