/* NiceSlides.ru input methods v277 — top-aligned smaller mascot + reference card layout. */
.input-methods-v206.input-methods-v276{
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:76px 0 88px!important;
  overflow:hidden!important;
  background:#fff!important;
  color:#111532!important;
}
.input-methods-v206.input-methods-v276::before{
  content:""!important;
  position:absolute!important;
  left:-12%!important;
  bottom:-28%!important;
  width:58%!important;
  height:54%!important;
  background:radial-gradient(ellipse at center,rgba(112,61,244,.08),rgba(112,61,244,.025) 46%,transparent 72%)!important;
  pointer-events:none!important;
}
.input-methods-v206.input-methods-v276 .input-methods-shell-v276{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(440px,.88fr) minmax(0,1.12fr)!important;
  align-items:start!important;
  gap:58px!important;
  width:min(calc(100% - 48px),1580px)!important;
  max-width:1580px!important;
  margin:0 auto!important;
  padding:0!important;
}
.input-methods-v206.input-methods-v276 .input-methods-visual-v276{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
}
.input-methods-v206.input-methods-v276 .input-methods-visual-v276 img{
  display:block!important;
  width:min(100%,620px)!important;
  max-width:620px!important;
  height:auto!important;
  margin:0 auto 0 0!important;
  object-fit:contain!important;
  filter:none!important;
}
.input-methods-v206.input-methods-v276 .input-methods-copy-v276{
  min-width:0!important;
  width:100%!important;
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
}
.input-methods-v206.input-methods-v276 .input-methods-badge-v276{
  width:max-content!important;
  max-width:100%!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 15px!important;
  padding:6px 12px 6px 8px!important;
  border:1px solid #eee8ff!important;
  border-radius:999px!important;
  background:#f7f4ff!important;
  color:#7047e9!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;
  box-shadow:0 5px 16px rgba(102,62,226,.05)!important;
}
.input-methods-v206.input-methods-v276 .input-methods-badge-v276 img{width:22px!important;height:22px!important;object-fit:contain!important;}
.input-methods-v206.input-methods-v276 .input-methods-copy-v276 h2{
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
  color:#0d1436!important;
  background:none!important;
  font-size:clamp(54px,4.15vw,72px)!important;
  line-height:.97!important;
  letter-spacing:-.052em!important;
  font-weight:900!important;
  text-align:left!important;
  text-wrap:balance!important;
}
.input-methods-v206.input-methods-v276 .input-methods-copy-v276 h2 mark{
  display:block!important;
  margin:4px 0 0!important;
  padding:0!important;
  color:#6f3df4!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  font:inherit!important;
}
.input-methods-v206.input-methods-v276 .input-methods-copy-v276>p{
  max-width:720px!important;
  margin:18px 0 24px!important;
  padding:0!important;
  color:#676c7d!important;
  font-size:18px!important;
  line-height:1.48!important;
  font-weight:450!important;
  text-align:left!important;
}
.input-methods-v206.input-methods-v276 .input-method-list-v276{display:grid!important;gap:12px!important;width:100%!important;max-width:760px!important;margin:0!important;padding:0!important;}
.input-methods-v206.input-methods-v276 .input-method-card-v276{
  min-width:0!important;
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr) 52px!important;
  align-items:center!important;
  gap:16px!important;
  margin:0!important;
  padding:10px 14px 10px 12px!important;
  border:1px solid #ece9f4!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 9px 26px rgba(49,34,94,.06)!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.input-methods-v206.input-methods-v276 .input-method-card-v276:hover{transform:translateY(-2px)!important;border-color:#d7c9fb!important;box-shadow:0 14px 30px rgba(63,40,136,.10)!important;}
.input-methods-v206.input-methods-v276 .input-method-icon-v276{width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:15px!important;overflow:hidden!important;background:#faf8ff!important;}
.input-methods-v206.input-methods-v276 .input-method-icon-v276 img{display:block!important;width:58px!important;height:58px!important;object-fit:contain!important;}
.input-methods-v206.input-methods-v276 .input-method-body-v276{min-width:0!important;}
.input-methods-v206.input-methods-v276 .input-method-body-v276 b{display:block!important;margin:0 0 3px!important;color:#111532!important;font-size:20px!important;line-height:1.1!important;font-weight:850!important;letter-spacing:-.025em!important;}
.input-methods-v206.input-methods-v276 .input-method-body-v276 span{display:block!important;color:#777b8c!important;font-size:14px!important;line-height:1.3!important;font-weight:450!important;}
.input-methods-v206.input-methods-v276 .input-method-arrow-v276{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;}
.input-methods-v206.input-methods-v276 .input-method-arrow-v276 img{display:block!important;width:48px!important;height:48px!important;object-fit:contain!important;}

@media (max-width:1360px){
  .input-methods-v206.input-methods-v276 .input-methods-shell-v276{width:min(calc(100% - 40px),1320px)!important;grid-template-columns:minmax(380px,.84fr) minmax(0,1.16fr)!important;gap:40px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-visual-v276 img{width:min(100%,560px)!important;max-width:560px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-copy-v276 h2{font-size:clamp(48px,4.6vw,64px)!important;}
}
@media (max-width:1080px){
  .input-methods-v206.input-methods-v276{padding:64px 0 72px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-shell-v276{width:min(calc(100% - 36px),1040px)!important;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;gap:28px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-visual-v276 img{width:min(100%,470px)!important;max-width:470px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-copy-v276 h2{font-size:clamp(42px,5vw,56px)!important;}
  .input-methods-v206.input-methods-v276 .input-methods-copy-v276>p{font-size:16px!important;}
  .input-methods-v206.input-methods-v276 .input-method-card-v276{min-height:74px!important;grid-template-columns:54px minmax(0,1fr) 46px!important;gap:12px!important;}
  .input-methods-v206.input-methods-v276 .input-method-icon-v276{width:54px!important;height:54px!important;}
  .input-methods-v206.input-methods-v276 .input-method-icon-v276 img{width:52px!important;height:52px!important;}
  .input-methods-v206.input-methods-v276 .input-method-body-v276 b{font-size:18px!important;}
  .input-methods-v206.input-methods-v276 .input-method-arrow-v276,.input-methods-v206.input-methods-v276 .input-method-arrow-v276 img{width:44px!important;height:44px!important;}
}
@media (max-width:900px){
  .input-methods-v206.input-methods-v276 .input-methods-shell-v276{width:min(calc(100% - 34px),760px)!important;grid-template-columns:1fr!important;gap:28px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-copy-v276{order:1!important;max-width:none!important;}
  .input-methods-v206.input-methods-v276 .input-methods-visual-v276{order:2!important;justify-content:center!important;}
  .input-methods-v206.input-methods-v276 .input-methods-visual-v276 img{width:min(100%,600px)!important;max-width:600px!important;margin:0 auto!important;}
  .input-methods-v206.input-methods-v276 .input-method-list-v276,.input-methods-v206.input-methods-v276 .input-methods-copy-v276>p{max-width:none!important;}
}
@media (max-width:560px){
  .input-methods-v206.input-methods-v276{padding:48px 0 54px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-shell-v276{width:calc(100% - 24px)!important;gap:22px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-badge-v276{font-size:12px!important;margin-bottom:12px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-copy-v276 h2{font-size:clamp(36px,11vw,48px)!important;}
  .input-methods-v206.input-methods-v276 .input-methods-copy-v276>p{margin:15px 0 19px!important;font-size:15px!important;}
  .input-methods-v206.input-methods-v276 .input-method-list-v276{gap:9px!important;}
  .input-methods-v206.input-methods-v276 .input-method-card-v276{min-height:70px!important;grid-template-columns:50px minmax(0,1fr) 38px!important;gap:10px!important;padding:9px 10px!important;border-radius:15px!important;}
  .input-methods-v206.input-methods-v276 .input-method-icon-v276{width:50px!important;height:50px!important;border-radius:13px!important;}
  .input-methods-v206.input-methods-v276 .input-method-icon-v276 img{width:49px!important;height:49px!important;}
  .input-methods-v206.input-methods-v276 .input-method-body-v276 b{font-size:16px!important;}
  .input-methods-v206.input-methods-v276 .input-method-body-v276 span{font-size:12px!important;line-height:1.25!important;}
  .input-methods-v206.input-methods-v276 .input-method-arrow-v276,.input-methods-v206.input-methods-v276 .input-method-arrow-v276 img{width:38px!important;height:38px!important;}
  .input-methods-v206.input-methods-v276 .input-methods-visual-v276 img{width:102%!important;max-width:none!important;margin-left:-1%!important;margin-right:-1%!important;}
}