/* Shared portal forms: readable typography, viewport-sized drawers and layering. */
@font-face{font-family:PortalLato;src:url('/assets/fonts/Lato-Regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PortalLato;src:url('/assets/fonts/Lato-Bold.woff') format('woff');font-style:normal;font-weight:600 800;font-display:swap}
body:has(.page),.sec-login{font-family:PortalLato,'Segoe UI',Arial,sans-serif}
.popup .popup__wrapper{z-index:1200;background:rgba(30,40,57,.48)!important}
/* PickMeUp is appended to body, outside the regular (1200) and fullscreen (10001) dialogs. */
.pickmeup{z-index:10020;max-width:calc(100vw - 24px)}
.popup .popup__content{max-width:100vw}
.popup .popup__wrapper:not(.ad-fullscreen) .popup-form{width:min(460px,100vw)}
.popup .popup-form{display:flex;flex-direction:column;height:100dvh;max-height:calc(100dvh - var(--brand-banner-height,0px));padding-top:32px;font-family:PortalLato,'Segoe UI',Arial,sans-serif;color:var(--brand-text,#344258)}
.popup .popup-form__head{flex-shrink:0;padding-right:76px}
.popup .popup-form__title{font-size:20px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.popup .popup-form__id{font-size:14px;font-weight:400;line-height:1.55;color:var(--brand-muted,#6d7e93);overflow-wrap:anywhere}
.popup .popup-form__form-wrap{height:auto;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.popup .popup-form__form{min-width:0}
.popup .popup-form .text-little,.popup .popup-form .core-input__title,.popup .popup-form .core-select__pre-title{font-size:13px;font-weight:400;line-height:1.45;color:var(--brand-text,#42536b)}
.popup .popup-form input,.popup .popup-form textarea,.popup .popup-form select,.popup .popup-form button,.popup .popup-form .core-select__title,.popup .popup-form .core-checkbox__text{font-family:inherit}
.popup .popup-form input,.popup .popup-form textarea,.popup .popup-form .core-select__title{font-size:14px;font-weight:400;line-height:1.45}
.popup .popup-form .core-btn__text{font-family:inherit;font-size:14px;font-weight:700}
.popup .popup-form__field{margin-bottom:15px}
.popup .popup-form input::placeholder,.popup .popup-form textarea::placeholder{font-weight:400;color:var(--brand-muted,#8b9bb0)}
.popup .popup__close{width:30px;height:30px;top:11px;right:11px;padding:8px;cursor:pointer}
.popup .popup-form__btns{gap:10px;flex-wrap:wrap}
.popup .popup-form__btns .core-btn{margin-left:0;min-width:0}
.popup .ad-fullscreen .popup-form__head{padding-right:170px}
.sec-login input,.sec-login select,.sec-login button,.sec-login textarea{font-family:inherit}
.device-timezone select{font:inherit}
.dp-image[hidden],.popup [hidden]{display:none!important}
.popup .dp-detail{display:block}
.popup .dp-detail>div{height:auto}
.popup .dp-detail-note{margin-top:14px}
@media(max-width:700px){
 body:has(.page){min-width:0}
 .page .page__content{min-width:0;padding-left:12px;padding-right:12px}
 .page .core-head{flex-wrap:wrap;gap:16px;height:auto}
 .page .core-head__btns{flex-wrap:wrap;gap:8px;margin-left:0}
 .page .core-head__btn{margin:0;min-width:0;max-width:100%}
 .page .profile__content{max-width:100%}
 .page .profile__field{width:100%;margin-right:0}
 .page .profile__btns{flex-wrap:wrap;gap:8px}
 .page .devices-filter__field{width:100%;margin-right:0}
 .page .devices-filter__checkbox{margin-right:12px}
 .page .devices__content-wrap,.page .devices__content{height:auto;min-width:0}
 .page .groups__content,.page .broadcast__content{width:100%;height:auto;padding-right:0}
 .page .groups__content .groups-item,.page .broadcast__content .broadcast-item{width:100%;margin-right:0}
 .popup .popup-form{padding-top:28px}
 .popup .popup-form__head{padding-left:20px;padding-bottom:18px}
 .popup .popup-form__form-content-wrap{padding-left:20px;padding-right:20px}
 .popup .popup-form__btns-wrap{padding-left:20px;padding-right:20px}
 .popup .popup-form__main-tabs{margin-bottom:20px}
 .popup .popup-form__tune-items{width:calc(100% + 40px);margin-left:-20px}
 .popup .popup-form__tune-item{padding-left:20px;padding-right:20px}
 .popup .popup-form__tune-item .popup-form__groups-wrap,.popup .popup-form__tune-item .popup-form-tune{width:100%;max-width:100%}
 .popup .popup-form__tune-item .popup-form__remove-btn,.popup .popup-form__tune-item .popup-form__add-btn{right:0}
 .popup .ad-fullscreen .popup-form__head{padding-right:110px}
 .popup .popup-form__title{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.popup .popup__wrapper,.popup .popup__content{animation:none!important}}
