/* МояДорожка — постоянный слой выбора оформления.
   Этот файл работает и поверх классического интерфейса, и поверх 3D-редизайна. */

html[data-mdz-theme="classic"] #mdzScene,
html[data-mdz-theme="classic"] #mdzFx,
html[data-mdz-theme="classic"] #heroCau,
html[data-mdz-theme="classic"] #ctaCau{
  display:none !important;
}

.mdz-theme-trigger{
  position:relative;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:72px;
  height:34px;
  padding:0 11px;
  border:1px solid rgba(91,188,235,.30);
  border-radius:999px;
  background:rgba(7,28,49,.74);
  color:#d7efff;
  font:700 11px/1 'Rubik',sans-serif;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 18px rgba(0,8,24,.18);
  -webkit-tap-highlight-color:transparent;
}
.mdz-theme-trigger svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mdz-theme-trigger:active{transform:scale(.97)}
.mdz-theme-trigger:focus-visible{outline:2px solid #4de6ff;outline-offset:2px}
.mdz-theme-trigger .mdz-theme-new{
  position:absolute;
  right:-2px;
  top:-3px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#4de6ff;
  box-shadow:0 0 0 3px #061a31,0 0 12px rgba(77,230,255,.9);
}
.mdz-theme-trigger.is-seen .mdz-theme-new{display:none}

body.mdz-theme-underwater .mdz-theme-trigger{
  border-color:rgba(77,230,255,.42);
  background:linear-gradient(135deg,rgba(7,43,72,.88),rgba(3,18,37,.78));
  color:#67eaff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 22px rgba(0,10,28,.28),0 0 18px rgba(0,194,255,.08);
}

/* Центр уведомлений: верхняя кнопка заменяет быстрый переключатель оформления.
   Само оформление остаётся в профиле. */
.mdz-notification-trigger{
  width:38px;
  min-width:38px;
  padding:0;
}
.mdz-notification-trigger svg{
  width:17px;
  height:17px;
}
.mdz-notification-trigger.has-unread{
  color:#82f2ff;
  border-color:rgba(88,232,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(40,203,255,.08),0 0 22px rgba(21,202,255,.28);
}
.mdz-notification-badge{
  position:absolute;
  right:-5px;
  top:-6px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border:2px solid #061a31;
  border-radius:999px;
  background:linear-gradient(145deg,#64efff,#1fc8f5);
  color:#032139;
  font:800 8px/13px 'Rubik',sans-serif;
  text-align:center;
  box-shadow:0 0 15px rgba(67,227,255,.72);
}
.mdz-notification-badge[hidden]{display:none}
.mdz-notification-backdrop{
  position:fixed;
  inset:0;
  z-index:118;
  background:rgba(0,9,22,.72);
  opacity:0;
  visibility:hidden;
  transition:opacity .24s ease,visibility 0s linear .24s;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.mdz-notification-center{
  position:fixed;
  z-index:119;
  left:50%;
  bottom:0;
  width:min(520px,100%);
  max-height:min(82vh,680px);
  display:flex;
  flex-direction:column;
  padding:20px 18px calc(18px + env(safe-area-inset-bottom));
  border:1px solid rgba(91,205,247,.28);
  border-bottom:0;
  border-radius:26px 26px 0 0;
  background:
    radial-gradient(circle at 82% -8%,rgba(49,217,255,.16),transparent 37%),
    linear-gradient(155deg,rgba(8,39,67,.98),rgba(3,18,36,.99));
  box-shadow:0 -18px 60px rgba(0,5,18,.52),inset 0 1px 0 rgba(255,255,255,.09);
  transform:translate3d(-50%,105%,0);
  visibility:hidden;
  transition:transform .32s cubic-bezier(.2,.76,.24,1),visibility 0s linear .32s;
}
.mdz-notification-center::before{
  content:"";
  position:absolute;
  top:8px;
  left:50%;
  width:38px;
  height:3px;
  border-radius:4px;
  background:rgba(164,219,239,.34);
  transform:translateX(-50%);
}
body.mdz-notifications-open{overflow:hidden}
body.mdz-notifications-open .mdz-notification-backdrop{
  opacity:1;
  visibility:visible;
  transition:opacity .24s ease,visibility 0s;
}
body.mdz-notifications-open .mdz-notification-center{
  transform:translate3d(-50%,0,0);
  visibility:visible;
  transition:transform .32s cubic-bezier(.2,.76,.24,1),visibility 0s;
}
.mdz-notification-center>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:7px 2px 15px;
}
.mdz-notification-center>header span{
  display:block;
  margin-bottom:4px;
  color:#56e7ff;
  font:800 8px/1 'Rubik',sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mdz-notification-center>header h2{
  margin:0;
  color:#fff;
  font:800 23px/1.1 'Rubik',sans-serif;
}
.mdz-notification-close{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(105,193,229,.19);
  border-radius:50%;
  background:rgba(17,61,91,.62);
  color:#9fb9cb;
  font:400 19px/1 sans-serif;
  cursor:pointer;
}
.mdz-notification-list{
  min-height:164px;
  max-height:calc(82vh - 150px);
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(70,205,246,.34) transparent;
}
.mdz-notification-item{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:12px 30px 12px 12px;
  border:1px solid rgba(83,173,214,.15);
  border-radius:16px;
  background:rgba(4,24,45,.66);
}
.mdz-notification-item.is-unread{
  border-color:rgba(76,220,255,.34);
  background:linear-gradient(120deg,rgba(10,49,79,.9),rgba(5,28,51,.78));
  box-shadow:inset 3px 0 0 #48dfff,0 8px 26px rgba(0,9,24,.16);
}
.mdz-notification-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(99,222,255,.24);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(27,161,207,.3),rgba(9,67,104,.36));
  color:#5be8ff;
}
.mdz-notification-icon.payment{color:#58f0b9;background:linear-gradient(145deg,rgba(22,184,132,.24),rgba(8,76,74,.32))}
.mdz-notification-icon.warning{color:#ffd27b;background:linear-gradient(145deg,rgba(218,153,48,.22),rgba(91,62,19,.28))}
.mdz-notification-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mdz-notification-copy{min-width:0}
.mdz-notification-copy>div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}
.mdz-notification-copy b{
  overflow:hidden;
  color:#f4fbff;
  font:700 12px/1.25 'Rubik',sans-serif;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mdz-notification-copy time{
  flex:0 0 auto;
  color:#708da3;
  font:500 8.5px/1 'Rubik',sans-serif;
}
.mdz-notification-copy p{
  margin:5px 0 0;
  color:#9cb5c7;
  font-size:10.5px;
  line-height:1.38;
}
.mdz-notification-dot{
  position:absolute;
  right:13px;
  top:16px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#58e8ff;
  box-shadow:0 0 12px rgba(67,227,255,.9);
}
.mdz-notification-payments{
  flex:0 0 auto;
  width:100%;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:12px;
  border:1px solid rgba(83,220,255,.24);
  border-radius:13px;
  background:linear-gradient(100deg,#21bee9,#59e3dc);
  color:#04243b;
  font:800 10px/1 'Rubik',sans-serif;
  letter-spacing:.04em;
  cursor:pointer;
}
.mdz-notification-payments span{font-size:16px;font-weight:500}
.mdz-notification-empty{
  min-height:160px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#7894a8;
  text-align:center;
}
.mdz-notification-empty svg{width:28px;height:28px;margin-bottom:10px;fill:none;stroke:#51dbf4;stroke-width:1.6}
.mdz-notification-empty>i{
  width:24px;
  height:24px;
  margin-bottom:12px;
  border:2px solid rgba(84,220,246,.18);
  border-top-color:#55dff8;
  border-radius:50%;
  animation:mdzNotificationSpin .8s linear infinite;
}
.mdz-notification-empty b{color:#d8eaf4;font:700 12px/1.2 'Rubik',sans-serif}
.mdz-notification-empty span{margin-top:5px;font-size:10px}
@keyframes mdzNotificationSpin{to{transform:rotate(360deg)}}

/* Ненавязчивое объявление на главном экране: пользователь узнаёт о функции,
   даже если ни разу не открывает профиль. */
.mdz-theme-discovery{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 0 13px;
  padding:11px 42px 11px 12px;
  border:1px solid rgba(81,183,232,.26);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(9,39,67,.96),rgba(5,25,47,.94));
  box-shadow:0 12px 30px rgba(0,8,22,.20),inset 0 1px 0 rgba(255,255,255,.07);
  color:#fff;
  overflow:hidden;
}
.mdz-theme-discovery.is-hidden{display:none}
.mdz-theme-discovery::before{
  content:"";
  position:absolute;
  inset:-60% 30% -80% -20%;
  background:radial-gradient(circle,rgba(54,204,255,.18),transparent 67%);
  pointer-events:none;
}
.mdz-theme-discovery-ic{
  position:relative;
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#15c8f5,#0979bc);
  box-shadow:0 8px 20px rgba(0,166,224,.28),inset 0 1px 0 rgba(255,255,255,.35);
}
.mdz-theme-discovery-ic svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mdz-theme-discovery-copy{position:relative;min-width:0;flex:1}
.mdz-theme-discovery-copy b{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:3px;
  font:700 13px/1.15 'Rubik',sans-serif;
}
.mdz-theme-discovery-copy b i{
  padding:3px 6px;
  border-radius:999px;
  background:#4de6ff;
  color:#042038;
  font:700 8px/1 'Rubik',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mdz-theme-discovery-copy span{
  display:block;
  color:#a9c4d8;
  font-size:10.5px;
  line-height:1.35;
}
.mdz-theme-discovery-open{
  position:relative;
  flex:0 0 auto;
  border:0;
  border-radius:10px;
  padding:8px 10px;
  background:rgba(77,230,255,.12);
  color:#62e9ff;
  font:700 10px/1 'Rubik',sans-serif;
  cursor:pointer;
}
.mdz-theme-discovery-x{
  position:absolute;
  right:7px;
  top:6px;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:#7891a8;
  font-size:18px;
  cursor:pointer;
}

/* Постоянная настройка в профиле. */
.mdz-theme-settings{
  /* Максим 07.08: отступ «карточка подписки → Оформление» должен совпадать с
     «имя → карточка подписки». У карточки имени margin-bottom 14px, у карточки
     подписки — 16px, поэтому гасим разницу сверху. Отступ до «Выбери тариф»
     (14px снизу) не трогаем. */
  margin:-2px 0 14px;
  padding:15px;
  border:1px solid rgba(84,180,225,.23);
  border-radius:18px;
  background:rgba(7,27,49,.88);
  box-shadow:0 12px 30px rgba(0,8,22,.18),inset 0 1px 0 rgba(255,255,255,.06);
}
.mdz-theme-settings-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}
.mdz-theme-settings-head>div{display:flex;align-items:center;gap:9px}
.mdz-theme-settings-head p{margin:0}
.mdz-theme-settings-head svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:#4de6ff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mdz-theme-settings-head b{display:block;color:#fff;font:700 14px/1.2 'Rubik',sans-serif}
.mdz-theme-settings-head span{display:block;margin-top:2px;color:#849db3;font-size:10.5px}
.mdz-theme-segment{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:4px;
  border-radius:14px;
  background:rgba(2,13,27,.56);
  border:1px solid rgba(94,174,214,.14);
}
.mdz-theme-segment button{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid transparent;
  border-radius:11px;
  background:transparent;
  color:#7890aa;
  font:700 11px/1.15 'Rubik',sans-serif;
  cursor:pointer;
}
.mdz-theme-segment button svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.mdz-theme-segment button.is-selected{
  border-color:rgba(77,230,255,.34);
  background:linear-gradient(135deg,rgba(19,153,204,.24),rgba(7,45,75,.55));
  color:#61e8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.mdz-theme-settings-note{
  margin:9px 2px 0;
  color:#7890a8;
  font-size:10px;
  line-height:1.35;
}

/* Первый показ / подробный выбор. */
.mdz-theme-backdrop{
  position:fixed;
  inset:0;
  z-index:88;
  background:rgba(1,7,17,.68);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility 0s linear .22s;
}
.mdz-theme-picker{
  position:fixed;
  left:50%;
  bottom:0;
  z-index:89;
  width:min(100%,520px);
  max-height:min(92vh,720px);
  overflow:auto;
  padding:9px 16px calc(18px + env(safe-area-inset-bottom));
  border:1px solid rgba(99,204,246,.27);
  border-bottom:0;
  border-radius:26px 26px 0 0;
  background:linear-gradient(180deg,rgba(9,34,59,.985),rgba(3,14,29,.99));
  color:#fff;
  box-shadow:0 -30px 90px rgba(0,5,18,.62),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translate(-50%,105%);
  visibility:hidden;
  transition:transform .36s cubic-bezier(.2,.78,.2,1),visibility 0s linear .36s;
  overscroll-behavior:contain;
}
body.mdz-theme-picker-open{overflow:hidden}
body.mdz-theme-picker-open .mdz-theme-backdrop{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .22s ease,visibility 0s;
}
body.mdz-theme-picker-open .mdz-theme-picker{
  transform:translate(-50%,0);
  visibility:visible;
  transition:transform .36s cubic-bezier(.2,.78,.2,1),visibility 0s;
}
.mdz-theme-picker-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
}
.mdz-theme-picker-top .eyebrow{
  margin-bottom:5px;
  color:#4de6ff;
  font:700 9px/1 'Rubik',sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.mdz-theme-picker-top h2{
  margin:0;
  color:#fff;
  font:700 22px/1.08 'Rubik',sans-serif;
  letter-spacing:-.02em;
}
.mdz-theme-picker-top h2:focus{outline:none}
.mdz-theme-picker-top p{
  margin:7px 0 0;
  max-width:390px;
  color:#91a9be;
  font-size:11.5px;
  line-height:1.4;
}
.mdz-theme-picker-close{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(112,187,222,.17);
  border-radius:50%;
  background:rgba(255,255,255,.045);
  color:#a8bed0;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.mdz-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mdz-theme-option{
  position:relative;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(109,187,224,.22);
  border-radius:17px;
  background:#061a31;
  color:#fff;
  text-align:left;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,6,18,.18);
}
.mdz-theme-option.is-selected{
  border-color:#4de6ff;
  box-shadow:0 0 0 2px rgba(77,230,255,.15),0 14px 32px rgba(0,11,28,.30);
}
.mdz-theme-option.is-selected::after{
  content:"✓";
  position:absolute;
  right:9px;
  top:9px;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#4de6ff;
  color:#04304a;
  font:700 13px/1 'Rubik',sans-serif;
  box-shadow:0 4px 12px rgba(0,194,255,.36);
}
.mdz-theme-preview{
  position:relative;
  display:block;
  height:118px;
  overflow:hidden;
  background:linear-gradient(180deg,#0a2d4d,#06182e);
}
.mdz-theme-preview::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:14px;
  height:31px;
  border-radius:8px;
  background:rgba(7,20,39,.80);
  border:1px solid rgba(119,184,215,.20);
  box-shadow:
    0 41px 0 -3px rgba(6,20,39,.82),
    0 41px 0 -2px rgba(90,170,208,.12);
}
.mdz-theme-preview::after{
  content:"";
  position:absolute;
  left:22px;
  top:23px;
  width:42%;
  height:8px;
  border-radius:999px;
  background:rgba(177,216,235,.58);
  box-shadow:0 41px 0 rgba(0,194,255,.64);
}
.mdz-theme-preview.underwater{
  background:
    radial-gradient(80% 58% at 68% 2%,rgba(120,225,255,.38),transparent 70%),
    linear-gradient(180deg,#17627e 0%,#064064 48%,#03192f 100%);
}
.mdz-theme-preview.underwater .wave{
  position:absolute;
  inset:-30% -20% 35%;
  opacity:.55;
  background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 15px,rgba(183,241,255,.26) 18px,transparent 22px);
  animation:mdzThemeWater 7s ease-in-out infinite alternate;
}
.mdz-theme-preview.underwater .lanes::before,
.mdz-theme-preview.underwater .lanes::after{
  content:"";
  position:absolute;
  bottom:-28px;
  width:8px;
  height:95px;
  border-radius:999px;
  background:repeating-linear-gradient(0deg,#18bfe7 0 6px,#074f82 7px 12px);
  box-shadow:0 0 10px rgba(0,194,255,.35);
}
.mdz-theme-preview.underwater .lanes::before{left:20%;transform:rotate(-28deg)}
.mdz-theme-preview.underwater .lanes::after{right:20%;transform:rotate(28deg)}
.mdz-theme-option-copy{display:block;padding:11px 12px 12px}
.mdz-theme-option-copy b{display:block;margin-bottom:4px;font:700 12.5px/1.1 'Rubik',sans-serif}
.mdz-theme-option-copy span{display:block;color:#819bb1;font-size:9.5px;line-height:1.3}
.mdz-theme-done{
  width:100%;
  min-height:46px;
  margin-top:12px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#12c8f5,#0795d5);
  color:#fff;
  font:700 12px/1 'Rubik',sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,155,215,.24),inset 0 1px 0 rgba(255,255,255,.32);
}
.mdz-theme-picker-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:9px 0 0;
  color:#708aa1;
  font-size:9.5px;
  text-align:center;
}
.mdz-theme-picker-note svg{width:13px;height:13px;fill:none;stroke:#4de6ff;stroke-width:2}

/* Стабильная шторка на мобильной записи: отдельный compositing layer и
   высота по реальному viewport, чтобы контент не обрезался адресной строкой. */
.mdz-theme-picker{
  max-height:min(calc(100dvh - 8px),720px);
  transform:translate3d(-50%,105%,0);
  will-change:transform;
  -webkit-overflow-scrolling:touch;
}
body.mdz-theme-picker-open .mdz-theme-picker{transform:translate3d(-50%,0,0)}
@media(max-width:430px){
  .mdz-theme-picker{
    padding-left:12px;
    padding-right:12px;
    transition:transform .26s cubic-bezier(.2,.75,.25,1),visibility 0s linear .26s;
  }
  body.mdz-theme-picker-open .mdz-theme-picker{
    transition:transform .26s cubic-bezier(.2,.75,.25,1),visibility 0s;
  }
  .mdz-theme-preview{height:104px}
  .mdz-theme-picker-top h2{font-size:20px}
}

.mdz-theme-toast{
  position:fixed;
  left:50%;
  bottom:calc(82px + env(safe-area-inset-bottom));
  z-index:100;
  max-width:calc(100% - 32px);
  padding:10px 15px;
  border:1px solid rgba(77,230,255,.30);
  border-radius:999px;
  background:rgba(3,17,34,.94);
  color:#e7f7ff;
  font:700 10.5px/1.2 'Rubik',sans-serif;
  white-space:nowrap;
  opacity:0;
  transform:translate(-50%,8px);
  pointer-events:none;
  transition:opacity .2s,transform .2s;
  box-shadow:0 12px 30px rgba(0,6,18,.38);
}
.mdz-theme-toast.is-on{opacity:1;transform:translate(-50%,0)}

@keyframes mdzThemeWater{
  to{transform:translate3d(4%,4%,0) scale(1.06)}
}

@media(max-width:370px){
  .mdz-theme-trigger{min-width:36px;width:36px;padding:0}
  .mdz-theme-trigger .mdz-theme-trigger-label{display:none}
  .mdz-theme-discovery-open{display:none}
  .mdz-theme-options{gap:7px}
  .mdz-theme-preview{height:105px}
}

@media(min-width:700px){
  .mdz-theme-picker{
    bottom:50%;
    border-bottom:1px solid rgba(99,204,246,.27);
    border-radius:26px;
    transform:translate(-50%,calc(50% + 30px)) scale(.96);
    opacity:0;
  }
  body.mdz-theme-picker-open .mdz-theme-picker{
    transform:translate(-50%,50%) scale(1);
    opacity:1;
  }
  .mdz-notification-center{
    bottom:50%;
    max-height:min(74vh,680px);
    border-bottom:1px solid rgba(91,205,247,.28);
    border-radius:26px;
    transform:translate3d(-50%,calc(50% + 28px),0) scale(.97);
    opacity:0;
  }
  body.mdz-notifications-open .mdz-notification-center{
    transform:translate3d(-50%,50%,0) scale(1);
    opacity:1;
  }
}

@media(prefers-reduced-motion:reduce){
  .mdz-theme-picker,
  .mdz-theme-backdrop,
  .mdz-theme-toast,
  .mdz-notification-center,
  .mdz-notification-backdrop,
  .mdz-notification-empty>i,
  .mdz-theme-preview.underwater .wave{animation:none!important;transition:none!important}
}

/* Завеса на время смены оформления (Максим 06.08: «прыгает» / «кнопки вразнобой»).
   Выше шторки выбора (89), ниже тоста (100) — тост с подтверждением остаётся виден. */
#mdzThemeFade{
  position:fixed;
  inset:0;
  z-index:95;
  background:#061523;
  opacity:0;
  pointer-events:none;
  transition:opacity .21s ease;
}
#mdzThemeFade.is-on{
  opacity:1;
  transition-duration:.14s;
}
@media (prefers-reduced-motion: reduce){
  #mdzThemeFade{display:none}
}