html, body, #root { min-width: 0; min-height: 100%; margin: 0; }
body { overflow-x: hidden; }
.dp { min-width: 0; }
.dp>.dp__header { position: relative; display: flex; justify-content: space-between; }
.dp__header .discovery-brand { flex: 0 0 auto; }
.peras-lang { position: relative; z-index: 20; align-self: center; }
.peras-lang__button { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 72px; height: 34px; padding: 0 8px; border: 1px solid #c8d8ef; border-radius: 9px; background: #ffffffd9; color: #294a7b; font: 600 12px/1 DiscoverySans, system-ui, sans-serif; cursor: pointer; box-shadow: 0 2px 8px #3b609814; }
.peras-lang__button svg { width: 17px; height: 17px; }
.peras-lang__button:hover { border-color: #799dd7; background: #fff; }
.peras-lang__button:focus-visible, .peras-lang__menu button:focus-visible { outline: 2px solid #2f5fd4; outline-offset: 2px; }
.peras-lang__menu { position: absolute; z-index: 50; top: calc(100% + 8px); right: 0; width: 220px; max-height: min(470px, calc(100dvh - 100px)); overflow-y: auto; padding: 6px; border: 1px solid #cedbef; border-radius: 13px; background: #fff; box-shadow: 0 15px 35px #1b29422b; }
.peras-lang__menu button { display: flex; width: 100%; min-height: 34px; align-items: center; justify-content: space-between; border: 0; border-radius: 7px; padding: 0 9px; background: transparent; color: #1b2942; font: 500 13px/1.2 DiscoverySans, system-ui, sans-serif; cursor: pointer; text-align: left; }
.peras-lang__menu button:hover, .peras-lang__menu button[aria-selected=true] { background: #e8effb; color: #244dbf; }
.peras-lang__menu::-webkit-scrollbar { width: 7px; }
.peras-lang__menu::-webkit-scrollbar-thumb { background: #bacce6; border-radius: 5px; }
.dp__more-card:hover { border-color: #b8cdec; transform: translateY(-2px); box-shadow: 0 9px 20px #1d3d7a1a; }
.dp__option:hover:not([aria-pressed=true]) { border-color: #9db9e8; background: #edf3fd; }
.dp__soft:hover { background: #dbe8fb; }
.signup-bridge { z-index: 100; }
.signup-bridge__provider:hover { border-color: #aac2ea; background: #f8fbff; }
@media (max-width: 699px) {
  .dp>.dp__header { padding-right: max(18px, calc(18 * var(--u))); }
  .peras-lang__button { min-width: 62px; height: 31px; padding: 0 6px; }
  .peras-lang__menu { max-height: min(380px, calc(100dvh - 90px)); }
}
@media (max-width: 350px) {
  .dp__nowrap { white-space: normal; }
}