.yay-currency-custom-select-wrapper { overflow: visible !important; position: relative; user-select: none; font-size: 13px; } .yay-currency-custom-select-wrapper.widget { width: 100%; } .yay-currency-custom-select-wrapper.small { width: 235px; font-size: 11px; } .yay-currency-custom-select-wrapper.no-currency-name { width: fit-content; } .yay-currency-custom-select-wrapper.only-currency-name { width: 180px; } .yay-currency-custom-select-wrapper.only-currency-name-and-something { width: 215px; } .yay-currency-custom-select-wrapper.small.only-currency-name { width: 160px; } .yay-currency-custom-select-wrapper.small.only-currency-name-and-something { width: 190px; } .yay-currency-custom-select { position: relative; display: flex; flex-direction: column; } .yay-currency-custom-select__trigger { position: relative; display: flex; align-items: center; justify-content: space-between; color: #151515; height: 36px; line-height: 14px; background: #ffffff; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 8px; padding: 8px 12px; gap: 8px; width: fit-content; box-sizing: border-box; } .yay-currency-custom-select__trigger.medium .yay-currency-selected-option, .yay-currency-custom-option.medium { font-size: 14px; } .yay-currency-custom-select__trigger.small { height: 30px !important; font-size: 12px !important; padding: 8px 6px !important; } .yay-currency-custom-option.small { font-size: 12px !important; } .yay-currency-custom-select__trigger:hover { border: 1px solid #d4d4d4; } .yay-currency-custom-selected-option { display: flex; align-items: center; gap: 8px; } .yay-currency-flag { display: inline-block; min-width: 24px; min-height: 18px; border-radius: 2px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .yay-currency-flag.small { min-width: 20px; min-height: 15px; } .yay-currency-custom-arrow { width: 16px; height: 16px; } .yay-currency-custom-arrow .yay-currency-arrow-icon { opacity: 0.5; width: 16px; height: 16px; }