/*!
 * Выбор способа входа в окне входа (livewire/partials/login-forms.blade.php, .loginChoice): кнопки без фона, только
 * с рамкой, значок — справа, кнопки по центру окна. В режиме выбора (класс choiceMode) формы легаси скрыты, высота
 * окна — 258px: кнопки (3 × 50px и 2 × 20px между ними) — посередине, сверху и снизу по 34px (отступы окна 20px и 15px
 * плюс отступы .loginChoice); с ошибкой окно растёт вниз (HEIGHT_ADDITION в login-popup.js — отступы окна).
 *
 * Форма входа по email — уже без значков соцсетей (блок значков легаси .snIconContainer: 60px, на ширине от 768px —
 * 55px), высота окна в режиме входа — 256px (в main.css — 293px и 288px). Форма сброса пароля стоит под формой входа
 * и при такой высоте выглядывала бы снизу, поэтому она опущена на 100px (отступ 118px вместо 18px у формы входа) —
 * с запасом на рост окна, когда у полей входа появляются ошибки (HEIGHT_ADDITION в login-popup.js). Сдвиг к форме
 * сброса — на столько же больше: без значков и с этим отступом −312px и −310px (в main.css — −272px и −265px).
 * Эти правила идут после main.css легаси и перекрывают его.
 */
.loginPp{height:256px}.loginPp .resetPwdForm{margin-top:118px}.loginPp.resetPwdMode .loginVerticalDiv{transform:translateY(-312px)}@media (width>=768px){.loginPp.resetPwdMode .loginVerticalDiv{transform:translateY(-310px)}}.loginChoice{visibility:hidden;padding:14px 0 19px;transition:transform .2s ease-in,visibility 0s .2s;position:absolute;top:20px;left:0;right:0;transform:translate(360px)}.loginPp.choiceMode{height:258px}.loginPp.choiceMode .loginVerticalDiv{visibility:hidden;transition:transform .2s ease-in,visibility 0s .2s;transform:translate(-360px)}.loginPp.choiceMode .loginChoice{visibility:visible;transition:transform .2s ease-in;transform:translate(0,0)}.loginPp .loginChoiceBtn:last-of-type{margin-bottom:0}.loginChoice .help-block.common{text-align:center;margin:10px 0 0}.loginPp .loginChoiceBtn{color:#333;width:220px;height:50px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:10px;justify-content:space-between;align-items:center;margin:0 auto 20px;padding:0 12px 0 16px;font-size:14px;transition:border-color .15s ease-in;display:flex}.loginPp .loginChoiceBtn:hover,.loginPp .loginChoiceBtn:focus-visible{border-color:#888;outline:none}.loginChoiceBtn .snIcon,.loginChoiceBtn .emailIcon{width:22px;height:22px;cursor:inherit;flex:none;margin:0}.loginChoiceBtn .snIcon.google{background-position:0 -22px;background-size:22px}.loginChoiceBtn .emailIcon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='m3 6.5 9 6.5 9-6.5'/%3E%3C/svg%3E") 0 0/100% no-repeat}.loginPp.choiceMode.wait .loginChoice{visibility:hidden}@font-face{font-family:ODCategoryIcons;src:url(/build/assets/category-icons-C9_-l1Xu.woff2)format("woff2");font-display:block}.categoryField:after{content:none}.catPicker{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.catPickerBtn{color:#777;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #ccc;border-radius:4px;height:40px;padding:0;font:20px/1 ODCategoryIcons,sans-serif;transition:border-color .15s linear,color .15s linear,background-color .15s linear}.catPickerBtn:hover{color:#333;border-color:#999}.catPickerBtn:focus-visible{outline-offset:1px;outline:2px solid #4493d8}.catPickerBtn.on{color:#fff;background:linear-gradient(#f0ad4e,#eb9316);border-color:#e38d13}.categoryField.has-error .catPickerBtn{border-color:#a94442}.catPickerCaption{color:#333;text-overflow:ellipsis;white-space:nowrap;height:20px;margin-top:10px;padding:0 13px 0 10px;font-size:14px;line-height:20px;overflow:hidden}.catPickerCaption.preview,.catPickerCaption.hint{color:#999}.catPickerCaption.error{color:#a94442}