*{font-family:ProximaNova,sans-serif}body{overflow-x:hidden;margin:0;position:relative}.hide{display:none}@media (min-width:768px){.hide{display:flex}}.show{display:flex}@media (min-width:768px){.show{display:none}}.cont{position:relative;display:flex;padding-left:12px;padding-right:12px}@media (min-width:576px){.cont{padding-left:12px;padding-right:12px}}@media (min-width:768px){.cont{padding-left:32px;padding-right:32px}}@media (min-width:1200px){.cont{padding-left:48px;padding-right:48px}}.header{position:sticky;top:0;width:100%;display:flex;flex-direction:column;z-index:10}.top-head{padding-top:8px;padding-bottom:8px;display:flex;align-items:center;gap:4px;background:#282828}.top-head img{height:24px}.top-head h1{font-size:14px;font-weight:700;line-height:17px;color:#e0e0e0;text-transform:uppercase;margin:0}@media (min-width:576px){.top-head{gap:8px}}@media (min-width:992px){.top-head{gap:16px}.top-head img{height:32px}.top-head h1{font-size:18px;line-height:22px}}.bottom-head{padding-top:8px;padding-bottom:8px;background:#f9fcff;border:1px solid #eaf2fd}.bottom-head__content{display:flex;justify-content:space-between;align-items:center;gap:16px}.add-contact{display:flex;align-items:center;white-space:nowrap;gap:4px;border:1px solid #2f80ed;border-radius:28px;padding:7px 15px;background:transparent;cursor:pointer;transition:all .2s ease-in-out}.add-contact p,.add-contact span{font-size:12px;font-weight:700;line-height:16px;color:#2f80ed;text-transform:uppercase;margin:0}.add-contact span{display:none}.add-contact:hover{background:#2f80ed}.add-contact:hover img{filter:invert(50%) sepia(16%) saturate(2117%) hue-rotate(177deg) brightness(370%) contrast(105%)}.add-contact:hover p,.add-contact:hover span{color:#f9fcff}.add-contact:focus{outline:none}@media (min-width:576px){.add-contact span{display:inline}}.contacts{background:#fff;padding-top:12px;padding-bottom:60px;display:flex;justify-content:center}.contacts p{margin:0}.contacts__content{max-width:990px;width:100%}.contacts__content,.contacts__panel{display:flex;flex-direction:column}.contacts .con-head{display:flex;justify-content:space-between;padding-top:4px;padding-bottom:4px}.contacts .con-head p{font-size:10px;font-weight:400;line-height:16px;text-transform:uppercase;color:#b5b5b5}.contacts .con-head__date{text-align:right}.contacts .con-head,.contacts .con-unit{gap:4px}.contacts .con-head__name,.contacts .con-unit__name{width:184px}.contacts .con-head__tel,.contacts .con-unit__tel{width:112px}.contacts .con-head__telmail,.contacts .con-unit__telmail{width:184px}.contacts .con-head__email,.contacts .con-unit__email{width:208px}.contacts .con-head__date,.contacts .con-unit__date{width:112px}@media (min-width:768px){.contacts .con-head__name,.contacts .con-unit__name{width:296px}}@media (min-width:576px){.contacts .con-head__telmail,.contacts .con-unit__telmail{width:240px}}.contacts .con-unit{display:flex;justify-content:space-between;align-items:center;position:relative;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #eaf2fd;cursor:pointer}.contacts .con-unit:hover .con-unit__name p{text-decoration:underline}.contacts .con-unit p{margin:0;color:#545454}.contacts .con-unit__icon{display:none;justify-content:center;align-items:center;width:24px;height:24px;background:#ffc700;border-radius:50%;font-size:12px;font-weight:700;line-height:15px;color:#545454}.contacts .con-unit__name{display:flex;align-items:center;gap:8px}.contacts .con-unit__name p{font-size:12px;font-weight:400;line-height:19px}.contacts .con-unit__date{font-size:10px;font-weight:400;line-height:16px;text-align:right}.contacts .con-unit__email,.contacts .con-unit__tel,.contacts .con-unit__telmail{font-size:12px;font-weight:400;line-height:15px}@media (min-width:992px){.contacts .con-unit__date,.contacts .con-unit__name p{font-size:14px;line-height:22px}}@media (min-width:576px){.contacts .con-unit__date{font-size:12px;line-height:29px}.contacts .con-unit__icon{display:flex}}.selector{width:235px;position:relative}.selector .opt1 img,.selector .opt2 img,.selector .opt3 img{display:block!important}.selector .opt1 span,.selector .opt2 span,.selector .opt3 span{font-weight:700}.selector .sel1,.selector .sel2,.selector .sel3{display:inline!important}.selector__curr{padding:6px 8px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.selector__curr span{font-size:14px;font-weight:700;line-height:20px;color:#545454;text-transform:uppercase;display:none}.selector__curr.active,.selector__curr:hover{border:1px solid #2f80ed}.selector__curr.active img{transform:rotate(180deg)}.selector__field{box-shadow:0 0 6px 0 rgba(148,181,225,.35);border-radius:4px;position:absolute;width:100%;top:42px;display:none}.selector__field.active{display:block}.selector__row{padding:10px 16px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.selector__row span{font-size:14px;font-weight:400;line-height:20px;color:#545454;text-transform:uppercase}.selector__row img{display:none}.selector__row:first-of-type{border-radius:4px 4px 0 0}.selector__row:last-of-type{border-radius:0 0 4px 4px}.selector__row:hover{background:#eaf2fd}@media (min-width:992px){.selector__curr{padding:9px 8px}.selector__field{top:48px}}.form-selector{width:100%;max-width:411px;position:relative}.form-selector .opt1 img,.form-selector .opt2 img,.form-selector .opt3 img{display:block!important}.form-selector .sel1,.form-selector .sel2,.form-selector .sel3{display:inline!important}.form-selector__curr{padding:8px;border:1px solid #ddd;border-radius:4px;font-weight:400;font-size:12px;line-height:19.2px;color:#545454;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.form-selector__curr span{font-size:14px;font-weight:400;line-height:22px!important;color:#545454;display:none;margin:0!important}.form-selector__curr.active,.form-selector__curr:hover{border:1px solid #2f80ed}.form-selector__curr.active img{transform:rotate(180deg)}.form-selector__field{box-shadow:0 0 6px 0 rgba(148,181,225,.35);border-radius:4px;position:absolute;width:100%;top:48px;display:none}.form-selector__field.active{display:block}.form-selector__row{padding:10px 16px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.form-selector__row span{font-size:14px;font-weight:400;line-height:22px!important;color:#545454;margin:0!important}.form-selector__row img{display:none}.form-selector__row:first-of-type{border-radius:4px 4px 0 0}.form-selector__row:last-of-type{border-radius:0 0 4px 4px}.form-selector__row:hover{background:#eaf2fd}@media (min-width:992px){.form-selector__curr{padding:9px 8px}}.curr-contact,.new-contact{z-index:100;bottom:-110%;height:100vh;width:100vw;position:fixed;transition:bottom .3s ease-in-out;background:#f9fcff}.curr-contact.active,.new-contact.active{bottom:0!important}.curr-contact__content,.new-contact__content{background:#f9fcff;display:flex;justify-content:center;padding-top:24px;padding-bottom:60px}.curr-header,.new-header{display:flex;justify-content:end;position:relative;padding:8px 12px;background:#282828}.curr-header img,.new-header img{height:24px}.curr-header__name,.new-header__name{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center;gap:8px}.curr-header__name p,.new-header__name p{margin:0;font-size:14px;font-weight:700;line-height:17px;color:#ddd}.curr-header__close,.new-header__close{width:24px;height:24px;cursor:pointer}.curr-header__icon,.new-header__icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;background:#ffc700;border-radius:50%;font-size:10px;font-weight:700;line-height:12px;color:#545454}@media (min-width:992px){.curr-header img,.new-header img{height:32px}.curr-header__name p,.new-header__name p{font-size:20px;line-height:24px}.curr-header__icon,.new-header__icon{width:24px;height:24px;font-size:12px;line-height:15px}.curr-header__close,.new-header__close{width:32px;height:32px}}@media (min-width:768px){.curr-header,.new-header{padding:8px 32px}}.curr-form,.new-form{width:576px;padding:48px 64px;padding:32px 20px 48px;background:#fff;box-shadow:0 0 6px 0 rgba(148,181,225,.35)}.curr-form h2,.new-form h2{font-weight:700;font-size:24px;line-height:29px;color:#545454;margin:0;margin-bottom:24px}.curr-form__panel,.new-form__panel{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.curr-form__field,.new-form__field{display:flex;flex-direction:column}.curr-form__err .form-selector__curr,.curr-form__err input,.curr-form__err select,.new-form__err .form-selector__curr,.new-form__err input,.new-form__err select{border:1px solid #eb5757!important}.curr-form__err .form-selector__curr::-moz-placeholder,.curr-form__err input::-moz-placeholder,.curr-form__err select::-moz-placeholder,.new-form__err .form-selector__curr::-moz-placeholder,.new-form__err input::-moz-placeholder,.new-form__err select::-moz-placeholder{color:#eb5757!important}.curr-form__err .form-selector__curr::placeholder,.curr-form__err input::placeholder,.curr-form__err select::placeholder,.new-form__err .form-selector__curr::placeholder,.new-form__err input::placeholder,.new-form__err select::placeholder{color:#eb5757!important}.curr-form__err .form-selector__curr span,.curr-form__err input span,.curr-form__err select span,.new-form__err .form-selector__curr span,.new-form__err input span,.new-form__err select span{color:#eb5757!important}.curr-form__err span,.new-form__err span{font-size:10px;font-weight:400;line-height:16px;margin-bottom:-16px;color:#eb5757;text-align:right}.curr-form__err img,.new-form__err img{filter:invert(39%) sepia(14%) saturate(7447%) hue-rotate(333deg) brightness(110%) contrast(84%)}.curr-form__err input,.new-form__err input{background-image:url(/phonebook/img/error.4276ea22.svg);background-repeat:no-repeat;background-position:center right 8px}.curr-form__row,.new-form__row{display:flex;justify-content:space-between;align-items:center}.curr-form__row input,.curr-form__row select,.new-form__row input,.new-form__row select{padding:8px;border:1px solid #ddd;border-radius:4px;font-weight:400;font-size:12px;line-height:19.2px;color:#545454;width:100%}.curr-form__row input::-moz-placeholder,.curr-form__row select::-moz-placeholder,.new-form__row input::-moz-placeholder,.new-form__row select::-moz-placeholder{font-weight:400;font-size:12px;line-height:19.2px;color:#a9a9a9}.curr-form__row input::placeholder,.curr-form__row select::placeholder,.new-form__row input::placeholder,.new-form__row select::placeholder{font-weight:400;font-size:12px;line-height:19.2px;color:#a9a9a9}.curr-form__row input:focus,.curr-form__row select:focus,.new-form__row input:focus,.new-form__row select:focus{outline:none;border:1px solid #2f80ed}.curr-form__row input:hover,.curr-form__row select:hover,.new-form__row input:hover,.new-form__row select:hover{border:1px solid #2f80ed}.curr-form__row input,.new-form__row input{height:22.4px;max-width:394px}.curr-form__row select,.new-form__row select{height:40px;max-width:411px}.curr-form__row p,.new-form__row p{margin:0;font-weight:700;font-size:12px;line-height:14.4px;color:#545454;min-width:84px}.curr-form__row span,.new-form__row span{color:#545454;line-height:40px;max-width:400px;font-weight:400;font-size:12px;max-width:402px}.curr-form__date,.new-form__date{width:100%;padding-left:9px}.curr-form .btn,.new-form .btn{width:100%;display:flex;justify-content:space-between}.curr-form .btn__filler,.new-form .btn__filler{min-width:84px}@media (min-width:576px){.curr-form .btn__filler,.new-form .btn__filler{min-width:136px}}.curr-form .btns,.new-form .btns{width:100%;display:flex;justify-content:center}.curr-form .btns__filler,.new-form .btns__filler{width:0}@media (min-width:576px){.curr-form .btns,.new-form .btns{justify-content:space-between}.curr-form .btns__filler,.new-form .btns__filler{min-width:136px}}.curr-form__btn,.new-form__btn{width:100%;max-width:411px}.curr-form__btns,.new-form__btns{display:flex;gap:24px;max-width:411px}@media (min-width:576px){.curr-form__btns,.new-form__btns{width:100%}}.curr-form__save,.new-form__save{display:flex;align-items:center;gap:4px;padding:8.5px 16px;border-radius:4px;border:none;background:#ffc700;transition:all .2s ease;cursor:pointer}.curr-form__save span,.new-form__save span{font-size:14px;font-weight:700;line-height:17px;color:#545454;text-transform:uppercase}.curr-form__save:focus,.new-form__save:focus{background:#f3c41e!important;outline:none}.curr-form__save:hover,.new-form__save:hover{background:#ffd84c}.curr-form__save.active,.new-form__save.active{pointer-events:none;background:#f3c41e!important}.curr-form__del,.new-form__del{gap:1.5px;display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}.curr-form__del span,.new-form__del span{color:#2f80ed;font-size:12px;font-style:normal;font-weight:400}.curr-form__del:hover,.new-form__del:hover{text-decoration:underline;text-decoration-color:#2f80ed}.curr-form__del:focus,.new-form__del:focus{outline:none}@media (min-width:576px){.curr-form,.new-form{padding:32px 48px}.curr-form__row p,.new-form__row p{min-width:136px}.curr-form__row input,.curr-form__row select,.new-form__row input,.new-form__row select{font-size:14px;line-height:22px}.curr-form__row input::-moz-placeholder,.curr-form__row select::-moz-placeholder,.new-form__row input::-moz-placeholder,.new-form__row select::-moz-placeholder{font-size:14px;line-height:22px}.curr-form__row input::placeholder,.curr-form__row select::placeholder,.new-form__row input::placeholder,.new-form__row select::placeholder{font-size:14px;line-height:22px}.curr-form__row span,.new-form__row span{font-size:14px}}@media (min-width:768px){.curr-form,.new-form{padding:48px 64px}.curr-form h2,.new-form h2{font-size:32px;line-height:39px}.curr-form__row p,.new-form__row p{font-size:14px;line-height:17px}.curr-form__row input,.curr-form__row select,.new-form__row input,.new-form__row select{font-size:14px;line-height:22px}.curr-form__row input::-moz-placeholder,.curr-form__row select::-moz-placeholder,.new-form__row input::-moz-placeholder,.new-form__row select::-moz-placeholder{font-size:14px;line-height:22px}.curr-form__row input::placeholder,.curr-form__row select::placeholder,.new-form__row input::placeholder,.new-form__row select::placeholder{font-size:14px;line-height:22px}.curr-form__row span,.new-form__row span{font-size:14px}.curr-form__save,.new-form__save{padding:12px 16px}.curr-form__save span,.new-form__save span{font-size:14px;line-height:22px}}.file,.loader{display:none}.file.active,.loader.active{display:block!important}.loader.active{animation:load 1s linear infinite}@keyframes load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notificator{position:fixed;z-index:200;width:100%;pointer-events:none;display:flex;justify-content:center;top:-60px}.notificator div{box-shadow:0 0 20px 0 rgba(176,197,222,.5);background:#545454;border-radius:30px;display:flex;align-items:center;padding:12px 16px;gap:4px}.notificator div span{display:none;font-size:12px;font-weight:400;line-height:19px;color:#fff}.notificator div span.created,.notificator div span.deleted,.notificator div span.edited{display:inline!important}.notificator div img{width:16px;height:16px}@media (min-width:768px){.notificator{justify-content:left;bottom:-60px;top:auto;left:32px}.notificator div{box-shadow:0 0 16px 0 rgba(176,197,222,.5);background:#545454;border-radius:30px;display:flex;align-items:center;padding:12px 12px;border-radius:0;background:#fff}.notificator div span{font-size:14px;font-weight:400;line-height:22px;color:#545454}}@media (min-width:1920px){.notificator div{padding:16px 12px 16px 8px}.notificator div img{width:24px;height:24px}}.notificator.active{animation:myAnim 3s ease 0s 1 normal forwards}@keyframes myAnim{0%{top:-60px}10%{top:48px}90%{top:48px}to{top:-60px}}@media (min-width:768px){@keyframes myAnim{0%{bottom:-60px}10%{bottom:48px}90%{bottom:48px}to{bottom:-60px}}}