/* =====================================================================
   Phone-mask widget CSS — реплика t_form_phonemask__addStyle() из
   tilda-phone-mask-1.1.min.js (git 97432a8). Отличия:
   • спрайт флагов селфхостед (/images/flags7.png) вместо CDN Tilda;
   • background-position по iso инжектит phone-mask.js (как в оригинале);
   • дополнение к оригиналу (task05/T4): обнуляем бордюр и у САМОГО виджета
     .t-input-phonemask__wrap — у нас wrap несёт класс .t-input и инлайн-стили
     исходного инпута, поэтому красный бордюр обязательности из
     tilda-forms-1.0.min.css красил бы весь виджет (оригинал отсекает виджет
     по :not(.t-input-phonemask), но тот селектор смотрит на ВИДИМЫЙ инпут
     маски, а не на wrap). Селектор усилен :not(...)-хвостом до специфичности
     выше тильдовского (у обоих !important, решает специфичность).
   ===================================================================== */
.t-input-group.js-error-control-box .t-input-phonemask,.t-form .t-input-group.js-error-control-box .t-input.t-input-phonemask__wrap:not(.t-input-phonemask):not(.t-input-ownanswer):not(.t-input__own-answer){border:0!important}.t-input_pvis.t-input-phonemask__wrap{padding-top:0;padding-bottom:0}.t-input-phonemask__wrap{position:relative;display:-ms-flexbox;display:-webkit-box;display:flex}.t-input .t-input-phonemask,.t-input-phonemask{height:auto;padding:0;background-color:transparent}.t-input-phonemask__options-wrap{display:none;z-index:99999999;position:fixed;min-width:410px;max-height:200px;padding-top:5px;padding-bottom:5px;background-color:#fff;border:1px solid #eee;border-radius:7px;-webkit-box-shadow:0 0 1px rgba(0,0,0,.1);box-shadow:0 0 1px rgba(0,0,0,.1);overflow-y:scroll}.t-input-phonemask__options-wrap.t-input-phonemask__options-wrap_open{display:block}.t-input-phonemask__options-item{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:end;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-align:center;align-items:center;padding:8px 10px;font-family:sans-serif;font-size:14px;color:#000!important;cursor:pointer}.t-input-phonemask__options-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-input-phonemask__options-item.t-input-phonemask__options-item_chosen,.t-input-phonemask__options-item:hover{background-color:#eee}.t-input-phonemask__select{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;margin-right:5px;margin-left:0;font-size:16px;cursor:pointer}.t-input-phonemask__select-triangle{position:relative;margin-left:6px;border-style:solid;border-width:5px 4px 0;border-color:#9a9a9a transparent transparent}.t-input-phonemask__select-code{white-space:nowrap}.t-input-phonemask__options-code,.t-input-phonemask__select-code{margin-left:10px}.t-input-phonemask__options-flag,.t-input-phonemask__select-flag{width:18px;min-width:18px;height:13px;background-color:#c5c5c5;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.t-input-phonemask__options-flag{margin-left:8px}.t-input-phonemask__options-wrap::-webkit-scrollbar{width:8px;height:15px}.t-input-phonemask__options-wrap::-webkit-scrollbar-thumb{border-radius:7px;background:#c2c9d2}@media screen and (max-width:640px){.t-input-phonemask__options-wrap{min-width:auto}}.t-input-phonemask__options-flag,.t-input-phonemask__select-flag{background-image:url(/images/flags7.png);background-repeat:no-repeat;display:inline-block}.t-input-phonemask__options-flag_np,.t-input-phonemask__select-flag[data-phonemask-flag="np"]{width:16px;min-width:16px}