#df-oai-switcher{position:fixed;bottom:20px;z-index:999999;font-family:inherit;line-height:1}
#df-oai-switcher.df-oai-right{right:20px}
#df-oai-switcher.df-oai-left{left:20px}

.df-oai-card,.df-oai-inline-switcher{
  display:inline-flex!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  color:#111827!important;
  box-shadow:none!important;
  position:relative!important;
  line-height:1!important;
  font-family:inherit!important;
}
.df-oai-dropdown{min-width:104px!important}

.df-oai-dropdown-toggle,.df-oai-dropdown-item,.df-oai-lang-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#111111!important;
  text-shadow:none!important;
  filter:none!important;
  outline:none!important;
  margin:0!important;
  text-decoration:none!important;
  transform:none!important;
  text-transform:none!important;
  transition:background-color .18s ease, color .18s ease, box-shadow .18s ease!important;
}
.df-oai-dropdown-toggle::before,.df-oai-dropdown-toggle::after,.df-oai-dropdown-item::before,.df-oai-dropdown-item::after,.df-oai-lang-button::before,.df-oai-lang-button::after{content:none!important;display:none!important}

.df-oai-dropdown-toggle{
  background:#ffcf00 !important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:104px!important;
  min-width:104px!important;
  height:68px!important;
  cursor:pointer!important;
  font:inherit!important;
  border-radius:2px!important;
  font-size:16px!important;
  font-weight:700!important;
}
.df-oai-dropdown-toggle:hover,.df-oai-dropdown-toggle:focus{background:#ffffff !important;color:#111111!important;box-shadow:none !important;border:2px solid #ffcf00 !important;} 
.df-oai-current-left{display:inline-flex!important;align-items:center!important;gap:8px!important}
.df-oai-current-code,.df-oai-item-code{font-size:1.2rem!important;font-weight:700!important;letter-spacing:.01em!important;color:#111111!important}
.df-oai-dropdown-arrow{font-size:10px!important;line-height:1!important;transition:transform .16s ease!important;opacity:.65!important;display:inline-block!important;color:#111111!important;margin-left:2px!important}
.df-oai-dropdown.is-open .df-oai-dropdown-arrow{transform:rotate(180deg)!important}

.df-oai-dropdown-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  min-width:104px!important;
  width:max-content!important;
  background:#fff!important;
  border:1px solid #e3e3e3!important;
  border-radius:6px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.14)!important;
  padding:5px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  z-index:999999!important;
}
.df-oai-dropdown-menu[hidden]{display:none!important}
.df-oai-dropdown-item{
  background:#fff!important;
  padding:9px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:94px!important;
  text-align:left!important;
  cursor:pointer!important;
  font:inherit!important;
  line-height:1!important;
  border-radius:4px!important;
}
.df-oai-dropdown-item:hover,.df-oai-dropdown-item:focus{background:#fff6cc!important}
.df-oai-dropdown-item.is-active{background:#fff0a8!important}

.df-oai-flag-wrap{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:13px!important;
  flex:0 0 18px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:2px!important;
  background:#f3f4f6!important;
}
.df-oai-flag-img{display:block!important;width:18px!important;height:13px!important;object-fit:cover!important;border-radius:2px!important}
.df-oai-flag-fallback{display:none!important;font-size:11px!important;line-height:13px!important}
.df-oai-flag-img[src=""],.df-oai-flag-img:not([src]){display:none!important}
.df-oai-current-flag,.df-oai-item-flag{display:inline-flex!important;align-items:center!important;justify-content:center!important}

.df-oai-loader{display:none!important;width:13px!important;height:13px!important;border:2px solid rgba(17,17,17,.22)!important;border-top-color:#111111!important;border-radius:50%!important;animation:dfspin .8s linear infinite!important;flex:0 0 auto!important;margin-left:4px!important}
.is-loading .df-oai-loader{display:none!important}
@keyframes dfspin{to{transform:rotate(360deg)}}

.df-oai-button-switcher{gap:6px!important;flex-wrap:wrap!important}
.df-oai-lang-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#f3c300!important;border-radius:2px!important;padding:0 14px!important;width:104px!important;min-width:104px!important;height:68px!important;font:inherit!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important}
.df-oai-lang-button:hover,.df-oai-lang-button.is-active{background:#dfb100!important}

@media(max-width:600px){
  #df-oai-switcher{left:12px!important;right:auto!important;bottom:12px!important}
  .df-oai-dropdown{min-width:96px!important}
    .df-oai-dropdown-toggle, .df-oai-lang-button {
        width: 70px !important;
        min-width: 70px !important;
        height: 40px !important;
        font-size: 15px !important;
    }
.df-oai-current-code,.df-oai-item-code{font-size:15px!important}
}
