.native-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.currency-picker {
  position: relative;
  width: 100%;
  min-width: 0;
}

.currency-picker.is-open {
  z-index: 120;
}

.currency-trigger,
.currency-option {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(24, 25, 31, 0.18);
  background: #fffdf7;
  color: #18191f;
  font: inherit;
  text-align: left;
}

.currency-trigger {
  position: relative;
  min-height: 56px;
  padding: 8px 42px 8px 12px;
  border-radius: 8px;
}

.currency-trigger:hover,
.currency-picker.is-open .currency-trigger {
  border-color: rgba(24, 25, 31, 0.38);
}

.currency-trigger:focus-visible,
.currency-option:focus-visible {
  outline: 3px solid #e9342b;
  outline-offset: 2px;
}

.dropdown-caret {
  position: absolute;
  top: 50%;
  right: 14px;
  width: 9px;
  height: 9px;
  border-right: 2px solid #18191f;
  border-bottom: 2px solid #18191f;
  transform: translateY(-65%) rotate(45deg);
}

.currency-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  z-index: 130;
  display: none;
  max-height: 372px;
  overflow: hidden;
  padding: 6px;
  border: 1px solid rgba(24, 25, 31, 0.18);
  border-radius: 8px;
  background: #fffdf7;
  box-shadow: 0 18px 38px rgba(35, 42, 57, 0.2);
}

.currency-picker.is-open .currency-menu {
  display: grid;
  gap: 4px;
}

.currency-search {
  display: grid;
  gap: 5px;
  padding: 6px;
  border-bottom: 1px solid rgba(24, 25, 31, 0.1);
}

.currency-search span {
  color: #606673;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.currency-search-input {
  width: 100%;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid rgba(24, 25, 31, 0.18);
  border-radius: 7px;
  background: #fff;
  color: #18191f;
  font: inherit;
}

.currency-search-input:focus {
  border-color: rgba(24, 25, 31, 0.42);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(255, 227, 110, 0.32);
}

.currency-options-list {
  display: grid;
  max-height: 268px;
  overflow: auto;
  padding-top: 2px;
  gap: 4px;
  overscroll-behavior: contain;
}

.currency-empty {
  padding: 12px 8px;
  color: #606673;
  font-size: 0.9rem;
}

.currency-option {
  min-height: 54px;
  padding: 8px;
  border-color: transparent;
  border-radius: 7px;
  cursor: pointer;
}

.currency-option:hover,
.currency-option[aria-selected="true"] {
  border-color: rgba(24, 25, 31, 0.12);
  background: #fff2bf;
}

.currency-option-text {
  display: grid;
  min-width: 0;
  gap: 1px;
  line-height: 1.15;
}

.currency-option-text strong,
.currency-option-text span,
.currency-option-text small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.currency-option-text strong {
  font-size: 0.94rem;
}

.currency-option-text span {
  color: #18191f;
  font-size: 0.85rem;
}

.currency-option-text small {
  color: #606673;
  font-size: 0.74rem;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 26px;
  flex: 0 0 38px;
  overflow: hidden;
  border: 1px solid rgba(24, 25, 31, 0.32);
  border-radius: 5px;
  background: #dfe8f2;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.28),
    0 1px 0 rgba(24, 25, 31, 0.08);
}

.flag-icon::before,
.flag-icon::after {
  position: absolute;
  content: "";
}

.flag-usd {
  background: repeating-linear-gradient(to bottom, #b22234 0 7.69%, #fff 7.69% 15.38%);
}

.flag-usd::before {
  top: 0;
  left: 0;
  width: 48%;
  height: 54%;
  background:
    radial-gradient(circle, #fff 0 0.55px, transparent 0.9px) 1.4px 1.5px / 3.4px 3px,
    radial-gradient(circle, #fff 0 0.55px, transparent 0.9px) 3.1px 3px / 3.4px 3px,
    #3c3b6e;
}

.flag-eur {
  background: #003399;
}

.flag-eur::before {
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffcc00;
  box-shadow:
    0 -8px 0 #ffcc00,
    4px -7px 0 #ffcc00,
    7px -4px 0 #ffcc00,
    8px 0 0 #ffcc00,
    7px 4px 0 #ffcc00,
    4px 7px 0 #ffcc00,
    0 8px 0 #ffcc00,
    -4px 7px 0 #ffcc00,
    -7px 4px 0 #ffcc00,
    -8px 0 0 #ffcc00,
    -7px -4px 0 #ffcc00,
    -4px -7px 0 #ffcc00;
  transform: translate(-50%, -50%);
}

.flag-jpy {
  background: radial-gradient(circle at center, #bc002d 0 30%, transparent 31%), #fff;
}

.flag-gbp {
  background:
    linear-gradient(90deg, transparent 45%, #c8102e 45% 55%, transparent 55%),
    linear-gradient(0deg, transparent 42%, #c8102e 42% 58%, transparent 58%),
    linear-gradient(90deg, transparent 39%, #fff 39% 61%, transparent 61%),
    linear-gradient(0deg, transparent 34%, #fff 34% 66%, transparent 66%),
    linear-gradient(28deg, transparent 39%, #fff 39% 45%, #c8102e 45% 51%, #fff 51% 57%, transparent 57%),
    linear-gradient(152deg, transparent 39%, #fff 39% 45%, #c8102e 45% 51%, #fff 51% 57%, transparent 57%),
    #012169;
}

.flag-cny {
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2026%22%3E%3Crect%20width%3D%2238%22%20height%3D%2226%22%20fill%3D%22%23de2910%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22s%22%20d%3D%22M0-1%200.294-.405.951-.309.476.155.588.809%200%20.5-.588.809-.476.155-.951-.309-.294-.405Z%22%20fill%3D%22%23ffde00%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23s%22%20transform%3D%22translate(8%207)%20scale(4.3)%22%2F%3E%3Cuse%20href%3D%22%23s%22%20transform%3D%22translate(17%204.4)%20rotate(22)%20scale(1.45)%22%2F%3E%3Cuse%20href%3D%22%23s%22%20transform%3D%22translate(20.7%207.4)%20rotate(45)%20scale(1.45)%22%2F%3E%3Cuse%20href%3D%22%23s%22%20transform%3D%22translate(20.8%2011.5)%20rotate(70)%20scale(1.45)%22%2F%3E%3Cuse%20href%3D%22%23s%22%20transform%3D%22translate(17%2014.8)%20rotate(92)%20scale(1.45)%22%2F%3E%3C%2Fsvg%3E") center / cover no-repeat,
    #de2910;
}

.flag-aud {
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2038%2026'%3E%3Crect%20width%3D'38'%20height%3D'26'%20fill%3D'%23012169'%2F%3E%3Cg%3E%3Crect%20width%3D'19'%20height%3D'14'%20fill%3D'%23012169'%2F%3E%3Cpath%20d%3D'M0%200l19%2014M19%200%200%2014'%20stroke%3D'%23fff'%20stroke-width%3D'3.2'%2F%3E%3Cpath%20d%3D'M0%200l19%2014M19%200%200%2014'%20stroke%3D'%23c8102e'%20stroke-width%3D'1.4'%2F%3E%3Cpath%20d%3D'M9.5%200v14M0%207h19'%20stroke%3D'%23fff'%20stroke-width%3D'4.2'%2F%3E%3Cpath%20d%3D'M9.5%200v14M0%207h19'%20stroke%3D'%23c8102e'%20stroke-width%3D'2.2'%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cpath%20id%3D's'%20d%3D'M0-1%20.294-.405%20.951-.309%20.476.155%20.588.809%200%20.5-.588.809-.476.155-.951-.309-.294-.405Z'%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D'%23fff'%3E%3Cuse%20href%3D'%23s'%20transform%3D'translate(9.5%2019.2)%20scale(2.45)'%2F%3E%3Cuse%20href%3D'%23s'%20transform%3D'translate(27.8%206.3)%20scale(1.45)'%2F%3E%3Cuse%20href%3D'%23s'%20transform%3D'translate(31.7%2012.8)%20scale(1.2)'%2F%3E%3Cuse%20href%3D'%23s'%20transform%3D'translate(26.4%2017.5)%20scale(1.35)'%2F%3E%3Cuse%20href%3D'%23s'%20transform%3D'translate(33.6%2020)%20scale(1.05)'%2F%3E%3Cuse%20href%3D'%23s'%20transform%3D'translate(23.7%2012.9)%20scale(.9)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / cover no-repeat,
    #012169;
}

.flag-nzd {
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2038%2026'%3E%3Crect%20width%3D'38'%20height%3D'26'%20fill%3D'%23012169'%2F%3E%3Cg%3E%3Crect%20width%3D'19'%20height%3D'14'%20fill%3D'%23012169'%2F%3E%3Cpath%20d%3D'M0%200l19%2014M19%200%200%2014'%20stroke%3D'%23fff'%20stroke-width%3D'3.2'%2F%3E%3Cpath%20d%3D'M0%200l19%2014M19%200%200%2014'%20stroke%3D'%23c8102e'%20stroke-width%3D'1.4'%2F%3E%3Cpath%20d%3D'M9.5%200v14M0%207h19'%20stroke%3D'%23fff'%20stroke-width%3D'4.2'%2F%3E%3Cpath%20d%3D'M9.5%200v14M0%207h19'%20stroke%3D'%23c8102e'%20stroke-width%3D'2.2'%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cpath%20id%3D's'%20d%3D'M0-1%20.294-.405%20.951-.309%20.476.155%20.588.809%200%20.5-.588.809-.476.155-.951-.309-.294-.405Z'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20href%3D'%23s'%20fill%3D'%23fff'%20transform%3D'translate(27.2%206.4)%20scale(1.7)'%2F%3E%3Cuse%20href%3D'%23s'%20fill%3D'%23c8102e'%20transform%3D'translate(27.2%206.4)%20scale(1.15)'%2F%3E%3Cuse%20href%3D'%23s'%20fill%3D'%23fff'%20transform%3D'translate(32%2013.7)%20scale(1.7)'%2F%3E%3Cuse%20href%3D'%23s'%20fill%3D'%23c8102e'%20transform%3D'translate(32%2013.7)%20scale(1.15)'%2F%3E%3Cuse%20href%3D'%23s'%20fill%3D'%23fff'%20transform%3D'translate(26.4%2019.2)%20scale(1.45)'%2F%3E%3Cuse%20href%3D'%23s'%20fill%3D'%23c8102e'%20transform%3D'translate(26.4%2019.2)%20scale(.98)'%2F%3E%3Cuse%20href%3D'%23s'%20fill%3D'%23fff'%20transform%3D'translate(34.3%2021.4)%20scale(1.25)'%2F%3E%3Cuse%20href%3D'%23s'%20fill%3D'%23c8102e'%20transform%3D'translate(34.3%2021.4)%20scale(.84)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / cover no-repeat,
    #012169;
}

.flag-cad {
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2026%22%3E%3Crect%20width%3D%2238%22%20height%3D%2226%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%229.5%22%20height%3D%2226%22%20fill%3D%22%23d52b1e%22%2F%3E%3Crect%20x%3D%2228.5%22%20width%3D%229.5%22%20height%3D%2226%22%20fill%3D%22%23d52b1e%22%2F%3E%3Cpath%20fill%3D%22%23d52b1e%22%20d%3D%22M19%203.2l2.1%205.4%203.6-2-1.2%204.5%204.4-.5-3.4%203.1%203.1%202-4.9.6%201.2%203.8-3.6-2.1-.8%204.8h-1l-.8-4.8-3.6%202.1%201.2-3.8-4.9-.6%203.1-2-3.4-3.1%204.4.5-1.2-4.5%203.6%202L19%203.2Z%22%2F%3E%3C%2Fsvg%3E") center / cover no-repeat,
    #fff;
}

.flag-chf {
  background: #d52b1e;
}

.flag-chf::before {
  top: 5px;
  left: 15.5px;
  width: 7px;
  height: 16px;
  background: #fff;
}

.flag-chf::after {
  top: 9.5px;
  left: 10.5px;
  width: 17px;
  height: 7px;
  background: #fff;
}

.flag-hkd {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 26'%3E%3Crect width='38' height='26' fill='%23de2910'/%3E%3Cg transform='translate(19 13)'%3E%3Cg fill='%23fff'%3E%3Cpath d='M0-1.1C1.5-5 4.2-6.8 7.2-6.1 6.8-2.8 4.3-.4.9 1.4Z' transform='rotate(-90)'/%3E%3Cpath d='M0-1.1C1.5-5 4.2-6.8 7.2-6.1 6.8-2.8 4.3-.4.9 1.4Z' transform='rotate(-18)'/%3E%3Cpath d='M0-1.1C1.5-5 4.2-6.8 7.2-6.1 6.8-2.8 4.3-.4.9 1.4Z' transform='rotate(54)'/%3E%3Cpath d='M0-1.1C1.5-5 4.2-6.8 7.2-6.1 6.8-2.8 4.3-.4.9 1.4Z' transform='rotate(126)'/%3E%3Cpath d='M0-1.1C1.5-5 4.2-6.8 7.2-6.1 6.8-2.8 4.3-.4.9 1.4Z' transform='rotate(198)'/%3E%3C/g%3E%3Cg fill='%23de2910'%3E%3Ccircle cx='0' cy='-4.7' r='.55' transform='rotate(-90)'/%3E%3Ccircle cx='0' cy='-4.7' r='.55' transform='rotate(-18)'/%3E%3Ccircle cx='0' cy='-4.7' r='.55' transform='rotate(54)'/%3E%3Ccircle cx='0' cy='-4.7' r='.55' transform='rotate(126)'/%3E%3Ccircle cx='0' cy='-4.7' r='.55' transform='rotate(198)'/%3E%3C/g%3E%3Ccircle r='1.25' fill='%23de2910'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat,
    #de2910;
}

.flag-sgd {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 26'%3E%3Cpath fill='%23ef3340' d='M0 0h38v13H0z'/%3E%3Cpath fill='%23fff' d='M0 13h38v13H0z'/%3E%3Ccircle cx='8.2' cy='6.5' r='4.2' fill='%23fff'/%3E%3Ccircle cx='9.9' cy='6.5' r='3.7' fill='%23ef3340'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M0-1 .294-.405 .951-.309 .476.155 .588.809 0 .5-.588.809-.476.155-.951-.309-.294-.405Z' transform='translate(16 3.1) scale(1.05)'/%3E%3Cpath d='M0-1 .294-.405 .951-.309 .476.155 .588.809 0 .5-.588.809-.476.155-.951-.309-.294-.405Z' transform='translate(18.2 5.3) scale(1.05)'/%3E%3Cpath d='M0-1 .294-.405 .951-.309 .476.155 .588.809 0 .5-.588.809-.476.155-.951-.309-.294-.405Z' transform='translate(17.3 8.3) scale(1.05)'/%3E%3Cpath d='M0-1 .294-.405 .951-.309 .476.155 .588.809 0 .5-.588.809-.476.155-.951-.309-.294-.405Z' transform='translate(14.7 8.3) scale(1.05)'/%3E%3Cpath d='M0-1 .294-.405 .951-.309 .476.155 .588.809 0 .5-.588.809-.476.155-.951-.309-.294-.405Z' transform='translate(13.8 5.3) scale(1.05)'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat,
    linear-gradient(#ef3340 0 50%, #fff 50%);
}

.flag-sek {
  background:
    linear-gradient(90deg, transparent 0 28%, #fecc00 28% 42%, transparent 42%),
    linear-gradient(0deg, transparent 0 38%, #fecc00 38% 58%, transparent 58%),
    #006aa7;
}

.flag-nok {
  background:
    linear-gradient(90deg, transparent 0 35%, #00205b 35% 47%, transparent 47%),
    linear-gradient(0deg, transparent 0 39%, #00205b 39% 58%, transparent 58%),
    linear-gradient(90deg, transparent 0 29%, #fff 29% 53%, transparent 53%),
    linear-gradient(0deg, transparent 0 31%, #fff 31% 66%, transparent 66%),
    #ba0c2f;
}

.flag-mxn {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 26'%3E%3Cpath fill='%23006847' d='M0 0h12.7v26H0z'/%3E%3Cpath fill='%23fff' d='M12.7 0h12.6v26H12.7z'/%3E%3Cpath fill='%23ce1126' d='M25.3 0H38v26H25.3z'/%3E%3Cg transform='translate(19 13)'%3E%3Cpath d='M-6.5 4.1c2.7 2.7 10.3 2.7 13 0' fill='none' stroke='%232f7f45' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M-5.8 3.4c1.5.9 3.5 1.4 5.8 1.4s4.3-.5 5.8-1.4' fill='none' stroke='%23b63a2d' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M-1.8-4.2c2.1-1.8 5-.8 6.2 1.2-2.3-.1-4.1.9-5.1 2.7 1.6.4 3.1 1.4 4.5 2.9-2.7.6-6.7-.1-8.3-2.3-1.1-1.5-.4-3.2 2.7-4.5Z' fill='%2390602f' stroke='%23613b1d' stroke-width='.75' stroke-linejoin='round'/%3E%3Cpath d='M-1.9-3.8c-.9-1.4-2.4-1.7-3.8-.6 1.2 0 2.1.5 2.8 1.3' fill='none' stroke='%23613b1d' stroke-width='.75' stroke-linecap='round'/%3E%3Cpath d='M2.1-4.6 4.8-5.8 3.3-3.4Z' fill='%23613b1d'/%3E%3Ccircle cx='1.4' cy='-3' r='.45' fill='%2318191f'/%3E%3Cpath d='M-4.1.7c-.7 2.3.2 4 2.9 5.1' fill='none' stroke='%231f6f3f' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M4.1.7c.7 2.3-.2 4-2.9 5.1' fill='none' stroke='%231f6f3f' stroke-width='1.4' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat,
    linear-gradient(90deg, #006847 0 33%, #fff 33% 66%, #ce1126 66%);
}

.flag-inr {
  background: linear-gradient(#ff9933 0 33%, #fff 33% 66%, #138808 66%);
}

.flag-inr::before {
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border: 1px solid #000080;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.flag-inr::after {
  top: 50%;
  left: 50%;
  width: 1px;
  height: 4.5px;
  background: #000080;
  box-shadow:
    0 0 0 #000080,
    -1.8px 1.8px 0 -0.3px #000080,
    1.8px 1.8px 0 -0.3px #000080;
  transform: translate(-50%, -50%) rotate(45deg);
}

.flag-krw {
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2026%22%3E%3Crect%20width%3D%2238%22%20height%3D%2226%22%20fill%3D%22white%22%2F%3E%3Cg%20stroke%3D%22%23111%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22square%22%3E%3Cg%20transform%3D%22translate(8.5%206.2)%20rotate(-28)%22%3E%3Cpath%20d%3D%22M-3.8%20-2.4h7.6M-3.8%200h7.6M-3.8%202.4h7.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(29.5%206.2)%20rotate(28)%22%3E%3Cpath%20d%3D%22M-3.8%20-2.4h7.6M-3.8%200h2.3M1.5%200h2.3M-3.8%202.4h7.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(8.5%2019.8)%20rotate(28)%22%3E%3Cpath%20d%3D%22M-3.8%20-2.4h2.3M1.5%20-2.4h2.3M-3.8%200h7.6M-3.8%202.4h2.3M1.5%202.4h2.3%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(29.5%2019.8)%20rotate(-28)%22%3E%3Cpath%20d%3D%22M-3.8%20-2.4h2.3M1.5%20-2.4h2.3M-3.8%200h2.3M1.5%200h2.3M-3.8%202.4h2.3M1.5%202.4h2.3%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(19%2013)%20rotate(28)%22%3E%3Ccircle%20r%3D%225.4%22%20fill%3D%22%23c60c30%22%2F%3E%3Cpath%20d%3D%22M0-5.4a5.4%205.4%200%200%201%200%2010.8%202.7%202.7%200%200%200%200-5.4%202.7%202.7%200%200%201%200-5.4Z%22%20fill%3D%22%23003478%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / cover no-repeat,
    #fff;
}

.flag-brl {
  background: #009b3a;
}

.flag-brl::before {
  top: 4px;
  left: 5px;
  width: 28px;
  height: 18px;
  background: #ffdf00;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.flag-brl::after {
  top: 8px;
  left: 14px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background:
    linear-gradient(12deg, transparent 38%, #fff 38% 47%, transparent 47%),
    #002776;
}

.flag-zar {
  background:
    linear-gradient(145deg, transparent 0 23%, #ffb612 23% 30%, #007a4d 30% 48%, #fff 48% 56%, transparent 56%),
    linear-gradient(35deg, transparent 0 23%, #ffb612 23% 30%, #007a4d 30% 48%, #fff 48% 56%, transparent 56%),
    linear-gradient(#de3831 0 50%, #002395 50%);
}

.flag-zar::before {
  inset: 0 auto 0 0;
  width: 45%;
  background: #000;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.flag-try {
  background:
    radial-gradient(circle at 40% 50%, #e30a17 0 13%, transparent 13.8%),
    radial-gradient(circle at 35% 50%, #fff 0 20%, transparent 20.8%),
    #e30a17;
}

.flag-try::after {
  top: 9px;
  right: 8px;
  width: 8px;
  height: 8px;
  background: #fff;
  clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 35%);
}

.flag-pln {
  background: linear-gradient(#fff 0 50%, #dc143c 50%);
}

.flag-dkk {
  background:
    linear-gradient(90deg, transparent 0 30%, #fff 30% 42%, transparent 42%),
    linear-gradient(0deg, transparent 0 39%, #fff 39% 57%, transparent 57%),
    #c60c30;
}

.flag-czk {
  background:
    linear-gradient(146deg, #11457e 0 34%, transparent 35%),
    linear-gradient(#fff 0 50%, #d7141a 50%);
}

.flag-huf {
  background: linear-gradient(#ce2939 0 33%, #fff 33% 66%, #477050 66%);
}

.flag-idr {
  background: linear-gradient(#ce1126 0 50%, #fff 50%);
}

.flag-myr {
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2038%2026'%3E%3Crect%20width%3D'38'%20height%3D'26'%20fill%3D'%23fff'%2F%3E%3Cpath%20fill%3D'%23cc0001'%20d%3D'M0%200h38v1.86H0zM0%203.71h38v1.86H0zM0%207.43h38v1.86H0zM0%2011.14h38V13H0zM0%2014.86h38v1.86H0zM0%2018.57h38v1.86H0zM0%2022.29h38v1.86H0z'%2F%3E%3Crect%20width%3D'19'%20height%3D'14.86'%20fill%3D'%23010066'%2F%3E%3Ccircle%20cx%3D'6.7'%20cy%3D'7.4'%20r%3D'4.6'%20fill%3D'%23ffcc00'%2F%3E%3Ccircle%20cx%3D'8.4'%20cy%3D'7.4'%20r%3D'4'%20fill%3D'%23010066'%2F%3E%3Cpolygon%20points%3D'13.9%2C4.1%2014.22%2C5.99%2015.33%2C4.43%2014.8%2C6.27%2016.48%2C5.34%2015.21%2C6.77%2017.12%2C6.67%2015.35%2C7.4%2017.12%2C8.13%2015.21%2C8.03%2016.48%2C9.46%2014.8%2C8.53%2015.33%2C10.37%2014.22%2C8.81%2013.9%2C10.7%2013.58%2C8.81%2012.47%2C10.37%2013%2C8.53%2011.32%2C9.46%2012.59%2C8.03%2010.68%2C8.13%2012.45%2C7.4%2010.68%2C6.67%2012.59%2C6.77%2011.32%2C5.34%2013%2C6.27%2012.47%2C4.43%2013.58%2C5.99'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E") center / cover no-repeat,
    #fff;
}

.flag-php {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 26'%3E%3Cpath fill='%230038a8' d='M0 0h38v13H0z'/%3E%3Cpath fill='%23ce1126' d='M0 13h38v13H0z'/%3E%3Cpath fill='%23fff' d='M0 0l19 13L0 26z'/%3E%3Cg fill='%23fcd116'%3E%3Cpath d='M0-1 .294-.405 .951-.309 .476.155 .588.809 0 .5-.588.809-.476.155-.951-.309-.294-.405Z' transform='translate(3.8 3.9) scale(1.65)'/%3E%3Cpath d='M0-1 .294-.405 .951-.309 .476.155 .588.809 0 .5-.588.809-.476.155-.951-.309-.294-.405Z' transform='translate(3.8 22.1) scale(1.65)'/%3E%3Cpath d='M0-1 .294-.405 .951-.309 .476.155 .588.809 0 .5-.588.809-.476.155-.951-.309-.294-.405Z' transform='translate(15.6 13) scale(1.65)'/%3E%3Cg transform='translate(7.7 13)'%3E%3Cpath d='M0-6 1-2.8-1-2.8ZM0 6-1 2.8H1ZM6 0 2.8 1v-2ZM-6 0-2.8-1v2ZM4.25-4.25 2.7-1.3 1.3-2.7ZM4.25 4.25 1.3 2.7 2.7 1.3ZM-4.25 4.25-2.7 1.3-1.3 2.7ZM-4.25-4.25-1.3-2.7-2.7-1.3Z'/%3E%3Ccircle r='2.45'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
}

.flag-thb {
  background: linear-gradient(#a51931 0 16%, #fff 16% 27%, #2d2a4a 27% 73%, #fff 73% 84%, #a51931 84%);
}

.flag-ron {
  background: linear-gradient(90deg, #002b7f 0 33%, #fcd116 33% 66%, #ce1126 66%);
}

.flag-isk {
  background:
    linear-gradient(90deg, transparent 0 41%, #dc1e35 41% 53%, transparent 53%),
    linear-gradient(0deg, transparent 0 42%, #dc1e35 42% 58%, transparent 58%),
    linear-gradient(90deg, transparent 0 30%, #fff 30% 64%, transparent 64%),
    linear-gradient(0deg, transparent 0 32%, #fff 32% 68%, transparent 68%),
    #02529c;
}

.flag-aed {
  background:
    linear-gradient(90deg, #f00 0 25%, transparent 25%),
    linear-gradient(#00732f 0 33.33%, #fff 33.33% 66.66%, #000 66.66%);
}