.etranslate-floating-selectorList { position: absolute; right: 8px; top: 24px; } .etranslate-embedded-selectorList { display: inline-block; cursor: pointer; font-size: 14px; } .etranslate-selector-list-button { border: 1px solid rgba(224, 224, 224, 1); padding: 8px 10px 8px 10px; display: flex; align-items: center; justify-content: space-between; transition: all 0.2s; } .etranslate-selector-list-button-content { display: flex; align-items: center; width: 100%; } .etranslate-flag-wrapper { display: flex; align-items: center; width: 28px; height: 28px; font-size: 20px; margin-right: 3px; } .rectangle_flag:before { content: "\00a0"; } .select-dropdown-flag-icon-link { font-size: 20px; box-sizing: content-box; background-size: contain; background-position: 50%; background-repeat: no-repeat; background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .select-dropdown-flag-icon-link:before { content: "\00a0"; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; border-radius: 4px; } .circle_flag { border-radius: 50%; box-sizing: content-box !important; width: 1em; } .etranslate-language-name { font-size: 14px; padding-top: 1px; } .etranslate-currency-name { font-size: 14px; padding-top: 1px; } .split-line { padding: 0 5px } .etranslate-language-arrow-new { display: block !important; width: 27px; height: 13px; transition: all 0.2s; position: relative; user-select: none; margin-left: 5px; flex-shrink: 0; } #etranslate-language-arrow-new-img { width: 100%; height: 100%; position: absolute; } .etranslate-currency_language-arrow-language { display: block !important; width: 27px; height: 13px; transition: all 0.2s; position: relative; user-select: none; flex-shrink: 0; } #etranslate-currency_language-arrow-language-img { width: 100%; height: 100%; position: absolute; } .etranslate-currency_language-arrow-currency { display: block !important; width: 27px; height: 13px; transition: all 0.2s; position: relative; user-select: none; margin-left: 5px; flex-shrink: 0; } #etranslate-currency_language-arrow-currency-img { width: 100%; height: 100%; position: absolute; } #etranslate-language_currency-dropdown-selector-theme2{ width: fit-content; position: relative; } #etranslate-language_currency-dropdown-selector-theme2 .etranslate-language-selector-label{ font-size: 14px; font-weight: 550; line-height: 20px; text-align: left; font-variation-settings: 'slnt' 0; } #etranslate-language_currency-dropdown-selector-theme2 .etranslate-currency-selector-label{ font-size: 14px; font-weight: 550; line-height: 20px; text-align: left; font-variation-settings: 'slnt' 0; } #etranslate-language_currency-dropdown-selector-theme2 .etranslate-selector-list-dropdown { overflow: auto; background: white; width: 208px; user-select: none; position: absolute; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0px; transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; -webkit-overflow-scrolling: touch; overflow: -moz-scrollbars-none; display: table; border: 1px solid rgba(224, 224, 224, 1); top: calc(100% + 5px); z-index:99999999999; } .etranslate-selector-list-dropdown > li { padding: 8px 10px 8px 10px; cursor: pointer; } #etranslate-language_currency-dropdown-selector-theme2 .etranslate-selector-card { display: flex; flex-direction: column; margin: 16px 8px 8px 8px; } .etranslate-language-selector { position: relative; } .etranslate-currency-selector { position: relative; } #etranslate-language_currency-dropdown-selector-theme2 .etranslate-selector-button { background: #F3F3F6; border-radius: 8px; padding: 0.4rem 0.9rem; display: flex; align-items: center; justify-content: space-between; transition: all 0.2s; margin-top: 1rem; line-height: 3rem; } .etranslate-selector-dropdown { padding: 0; overflow: auto; background: white; user-select: none; position: absolute; z-index: 500; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0px; transition: max-height 0.3s, visibility 0.2s, opacity 0.2s; -webkit-overflow-scrolling: touch; overflow: -moz-scrollbars-none; display: block; border: 1px solid rgba(224, 224, 224, 1); scrollbar-width: thin; } .etranslate-selector-dropdown-item { display: flex; align-items: center; padding: 8px 10px 8px 10px; transition: all 0.2s; } .etranslate-selector-dropdown-item:hover { opacity: 0.7 } #etranslate-language_currency-dropdown-selector-theme2 .etranslate-change { margin-top: 12px; font-size: 16px; order: 2; } #etranslate-language_currency-dropdown-selector-theme2 .etranslate-change-button { background-color: rgba(18, 17, 39, 0.72); color: white; width: 100%; border: none; border-radius: 8px; cursor: pointer; line-height: 40px; padding: 0; text-align: center; } .lo-select-up { position: absolute; bottom: calc(100% + 5px) !important; top: inherit !important; } #etranslate-language_currency-dropdown-selector-theme2 .etranslate-language-list-dropdown-logo { height: 36px; padding-right: 18px; padding-left: 14px; } #etranslate-language_currency-dropdown-selector-theme2 .etranslate-currency-selector-button{ margin-top: 8px; } .etranslate-language-list-dropdown-logo-content { width: auto; height: 100%; border-top: 1px solid rgba(18, 17, 39, 0.1); display: flex !important; align-items: center; justify-content: center; user-select: none; } .etranslate-language-list-dropdown-logo-img { width: auto; height: 16px; } .etranslate-language-list-dropdown-logo-img img { width: 100%; height: 100%; transform: translateY(-3px); } .etranslate-language-list-dropdown-logo-title { font-family: 'SeoulHangang'; font-style: normal; font-weight: 400; font-size: 12px; color: #D1D1DB; margin-left: 6px; } .etranslate-selector-dropdown::-webkit-scrollbar { width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ } .etranslate-selector-dropdown::-webkit-scrollbar-thumb { background: rgba(18, 17, 39, 0.2); border-radius: 15px; } .etranslate-selector-dropdown::-webkit-scrollbar-track { box-shadow: inset 0 0 5px transparent; border-radius: 15px; }