.prefect9-btn{ width:100%; height:48px; border-radius:12px; border:1px solid transparent; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:500; background: transparent; transition:color 0.3s, background 0.3s, border-color 0.3s; cursor:pointer }

.prefect9-btn.black-blue-outline{ border-color:#3d65fd; color:#1a1f36 }
.prefect9-btn.black-blue-outline:hover{ border-color:#3d65fd; background:#f7f7f7; color:#1a1f36 }

.prefect9-btn.gray{ border-color:#e6e6e6; background: #e6e6e6; color:#1a1f36 }
.prefect9-btn.gray:hover{ border-color:#b5b7bf; background:#b5b7bf; color:#1a1f36 }




.prefect9-scroll{ position:relative; overflow: hidden }
.prefect9-scroll__container{ overflow:auto; scrollbar-width: none }
.prefect9-scroll__container::-webkit-scrollbar{ display: none }

.prefect9-scroll__show-vertical{ padding-right:18px }
.prefect9-scroll__vertical-bar{ position:absolute; top:8px; right:5px; bottom:8px; background:#f7f7f7; border-radius:99px; width:6px; overflow:hidden }
.prefect9-scroll__vertical-bar > div{ position:absolute; left:0; right:0; top:0; border-radius:99px; height:0; background:#e6e6e6; transition:top 0.1s }




.prefect9-modal-calendar{ display:flex; align-items: center; white-space:nowrap; padding:12px 46px 12px 16px; border-radius:10px; border:1px solid #e6e6e6; cursor:pointer; position:relative; min-height:42px; min-width:150px; color:#1a1f36; font-family:inherit; font-size:12px; font-weight:500; line-height:16px }
.prefect9-modal-calendar__ico{  position:absolute; top:50%; transform:translateY(-50%); right:16px}
.prefect9-modal-calendar__ico svg{ width:18px; height:18px; fill:#b5b7bf }

.prefect9-modal-calendar__modal{ width:342px; background:#fff; border:1px solid #e6e6e6; border-radius:24px; padding:24px; position:relative; color:#1a1f36 }
.prefect9-modal-calendar__modal-title{ font-size:20px; font-weight:600 }
.prefect9-modal-calendar__modal-close{ position:absolute; top:24px; right:24px; width:20px; height:20px; fill:#b5b7bf; cursor:pointer; }
.prefect9-modal-calendar__modal-fields{ display:flex; align-items:flex-end; margin-top:24px }
.prefect9-modal-calendar__modal-fields > div:nth-child(1),
.prefect9-modal-calendar__modal-fields > div:nth-child(3){ width:calc(50% - 10px); display:flex; flex-direction:column; align-items:flex-start; }
.prefect9-modal-calendar__modal-fields > div:nth-child(2){ width:20px; font-size:14px; font-weight:500; height:42px; display:flex; align-items:center; justify-content:center; color:#b5b7bf }
.prefect9-modal-calendar__modal-fields label{ display:block; padding:10px 8px; font-size:12px; font-weight:500; color:#b5b7bf; cursor:pointer }
.prefect9-modal-calendar__modal-fields input{ width:100%; border:none; height:40px; border-radius:10px; font-size:12px; font-weight:500; color:#1a1f36; padding:16px; background:#f7f7fa }
.prefect9-modal-calendar__modal-fields input:hover{ background:#e6e6e6 }
.prefect9-modal-calendar__modal-days-names{ display:flex; align-items:center; height: 40px; font-size:12px; font-weight:500; text-align:center }
.prefect9-modal-calendar__modal-days-names > div{ width:calc(100% / 7) }
.prefect9-modal-calendar__modal-day-weekend{ color:#F54C3D }
.prefect9-modal-calendar__modal-days{ margin:0 -8px; width:calc(100% + 16px); position:relative; overflow:hidden; z-index:5; height:290px; border-radius:10px; border:1px solid #e6e6e6; background:#f7f7fa }
.prefect9-modal-calendar__modal-btn{ width:100%; margin-top:24px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:12px; border:2px solid #3d65fd; font-size:14px; font-weight:500; cursor:pointer }
.prefect9-modal-calendar__modal-btn:hover{ background:#f7f7fa }

.prefect9-modal-calendar__modal-field__updated{ animation:anim_prefect9_modal_calendar_field_updated 1.2s }
@keyframes anim_prefect9_modal_calendar_field_updated{
	from{ box-shadow:0 0 0 rgba(61, 101, 253, .3) }
	25%{ box-shadow:0 0 20px rgba(61, 101, 253, .3) }
	to%{ box-shadow:0 0 0 rgba(61, 101, 253, .3) }
}

.prefect9-modal-calendar__modal-month{ padding:16px 8px 0; position:absolute; left:0; right:0; top:0 }
.prefect9-modal-calendar__modal-month__name{ width:100%; text-align:center; font-weight:500; font-size:12px; color:#b5b7bf; line-height:100% }
.prefect9-modal-calendar__modal-month__days{ display:flex; flex-wrap:wrap; font-size:14px; font-weight:500; margin-top:10px }
.prefect9-modal-calendar__modal-month__days > div{ width:calc(100% / 7); position:relative }
.prefect9-modal-calendar__modal-month__days > div[data-day]{ cursor:pointer }
.prefect9-modal-calendar__modal-month__days > div::before{ content:''; display:block; padding-bottom:calc(100% + 2px) }
.prefect9-modal-calendar__modal-month__days > div > div{ position:absolute; left:0; right:0; bottom:1px; top:1px; display:flex; align-items:center; justify-content:center }
.prefect9-modal-calendar__modal-month__day{ cursor:pointer }
.prefect9-modal-calendar__modal-month__day:not(.prefect9-modal-calendar__modal-month__day__start-range):not(.prefect9-modal-calendar__modal-month__day__range):not(.prefect9-modal-calendar__modal-month__day__end-range):hover > div{ background:#e6e6e6; border-radius:10px }
.prefect9-modal-calendar__modal-month__day__start-range > div, .prefect9-modal-calendar__modal-month__day__range > div, .prefect9-modal-calendar__modal-month__day__end-range > div{ background:#ffc807 }
.prefect9-modal-calendar__modal-month__day__start-range > div{ border-top-left-radius:10px; border-bottom-left-radius:10px }
.prefect9-modal-calendar__modal-month__day__end-range > div{ border-top-right-radius:10px; border-bottom-right-radius:10px }




.prefect9-modal{ display:none; position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(0, 0, 0, .6); backdrop-filter:blur(5px); z-index:5000; align-items:center; justify-content:center }
.prefect9-modal__show{ display:flex; }
.prefect9-modal__container{ max-height:100%; padding:40px 80px; overflow:auto; width:100%; max-width:100%; display:flex; flex-direction:column; align-items:center }
.prefect9-modal__content{ width:100%; max-width:464px; padding:36px 24px 24px; background:#fff; color:#1a1f36; border:1px solid #e6e6e6; border-radius:24px; text-align:center }
.prefect9-modal__title{ font-size:20px; font-weight:600 }
.prefect9-modal__description{ color:#a8aab3; margin-top:16px; font-size:14px; font-weight:400 }
.prefect9-modal__btns{ display:flex; align-items:center; margin-left:-4px; margin-right:-4px; width:calc(100% + 8px); margin-top:36px }
.prefect9-modal__btn{ padding:0 4px; width:100% }

.prefect9-modal__success, .prefect9-modal__confirm, .prefect9-modal__alert{ display:flex; flex-direction:column; align-items:center }
.prefect9-modal__success-ico{ width:48px; height:48px; border-radius:50%; background:#3d65fd; display:flex; align-items:center; justify-content:center; margin-bottom:36px }
.prefect9-modal__success-ico svg{ width:36px; height:36px; fill:#fff }

.prefect9-modal__confirm .prefect9-modal__btn{ width:50% }

.prefect9-modal__loader{ width:80px; height:80px; padding:0; display:flex; align-items:center; justify-content:center }
.prefect9-modal__loader > div{ width:32px; height:32px; background:url(img/loader_gray.webp) no-repeat center / contain; animation:loader-roatate 1s infinite linear }
@keyframes loader-roatate{
	from{ transform:rotate(0deg) }
	to{ transform:rotate(360deg) }
}




.prefect9-field{ position:relative; display:flex; flex-direction:column; align-items:flex-start }
.prefect9-field__label{ display:block; padding:10px 8px; font-size:12px; font-weight:500; line-height:100%; color:#b5b7bf }
.prefect9-field__input{ width:100%; display:flex; align-items:center; padding:0 16px; height:40px; font-size:12px; font-weight:500; line-height:100%; border:1px solid #e6e6e6; border-radius:10px; color:#1a1f36 }
.prefect9-field__input:placeholder{ color:#b5b7bf }
.prefect9-field__container{ position:relative; width:100% }
.prefect9-field__modal{ position:fixed; border-radius:10px; background:#fff; z-index:100; border:1px solid #e6e6e6; overflow:hidden }
.prefect9-field__invalid .prefect9-field__input{ border-color:#F54C3D; color:#F54C3D }
.prefect9-field__error{ display:block; padding:10px 8px 0; font-size:12px; font-weight:400; line-height:120%; color:#F54C3D }

.prefect9-field__container__ico-right .prefect9-field__input{ padding-right:46px }
.prefect9-field__ico-right{ width:20px; height:20px; position:absolute; right:16px; top:50%; transform:translateY(-50%); fill:#b5b7bf; cursor:pointer }


.prefect9-ico{ width:20px; min-width:20px; height:20px; position:absolute; top:50%; transform:translateY(-50%); fill:#b5b7bf; cursor:pointer }
.prefect9-field-ico__right .prefect9-field__input{ padding-right:46px }
.prefect9-field-ico__right .prefect9-ico{ right:16px }




.prefect9-counter .prefect9-field__container{ display:flex; align-items:center }
.prefect9-counter .prefect9-field__input{ text-align:center }
.prefect9-counter__minus, .prefect9-counter__plus{ width:40px; min-width:40px; height:40px; border-radius:10px; border:0; background:#e6e6e6; display:flex; align-items:center; justify-content:center; cursor:pointer }
.prefect9-counter__minus{ margin-right:4px }
.prefect9-counter__plus{ margin-left:4px }
.prefect9-counter__minus svg, .prefect9-counter__plus svg{ width:16px; min-width:16px; height:16px; fill:#000 }




.prefect9-field__password .prefect9-field__input{ padding-right:46px }



.prefect9-text-sized-field{ position:relative }
.prefect9-text-sized-field__loading{ padding-right:26px }
.prefect9-text-sized-field__text, .prefect9-text-sized-field__input{ font-size:20px; font-weight:600; color:#000; line-height:140%; white-space:nowrap; padding:0; border:0; background:transparent; letter-spacing: 0.04em; font-family:inherit; margin:0 }
.prefect9-text-sized-field__text{ opacity:0; white-space:pre }
.prefect9-text-sized-field__input{ position:absolute; left:0; top:0 }
.prefect9-text-sized-field__input-placeholder{ color:#777 }
.prefect9-text-sized-field__loader{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url(img/loader_gray.webp) no-repeat center / contain; display:none }
.prefect9-text-sized-field__loading .prefect9-text-sized-field__loader{ display:block; animation:sized-field-loader 1s linear infinite }
@keyframes sized-field-loader{
	from{ transform:translateY(-50%) rotate(0deg) }
	to{ transform:translateY(-50%) rotate(360deg) }
}



.prefect9-select{ color:#1a1f36; min-width:150px }
.prefect9-select__multi{ min-width:250px }
.prefect9-select__container{ width:100% }
.prefect9-select__multi .prefect9-field__input{ height:auto; padding:7px 8px 11px; flex-wrap:wrap }
.prefect9-select .prefect9-field__input{ padding-right:42px }
.prefect9-select.prefect9-select__multi .prefect9-field__input{ padding-right:40px }
.prefect9-select .prefect9-select__body > .prefect9-ico{ transition:0.3s transform }
.prefect9-select__active .prefect9-select__body > .prefect9-ico{ transform:translateY(-50%) rotate(-180deg) }
.prefect9-select__body{ cursor:pointer }
.prefect9-select__body-multi{ display:flex; align-items:center; flex-wrap:wrap; margin:-4px -2px 0; width:calc(100% + 4px) }
.prefect9-select__option-multi{ padding:4px 2px 0; position:relative }
.prefect9-select__option-multi > div{ height: 16px; white-space: nowrap; display: flex; align-items: center; padding: 0 18px 0 4px; border-radius: 4px; background: #e7e7e7; font-size: 10px }
.prefect9-select__option-multi > svg{ width:10px; height:10px; fill:#000; position:absolute; top:calc(50% + 2px); transform:translateY(-50%); right:6px }
.prefect9-select__body-multi__empty{ height: 16px; display: flex; align-items: center; color: #b5b7bf }

.prefect9-field__modal{ display:none; flex-direction:column }
.prefect9-select__active .prefect9-field__modal{ display:flex }
.prefect9-select__modal-options{ max-height:160px }
.prefect9-select__option-modal{ position:relative; display:flex; align-items:center; height:40px; padding:0 16px 0 16px; font-size:12px; font-weight:500; line-height:100%; border-radius:8px; cursor:pointer }
.prefect9-select__multi .prefect9-select__option-modal{ border-radius:0 }
.prefect9-select__option-modal__active{ background:#e6e6e6; cursor:default; padding-right:42px }
.prefect9-select__option-modal:not(.prefect9-select__option-modal__active):hover{ background:#f7f7fa }
.prefect9-select__option-modal > svg{ width:16px; height:16px; position:absolute; top:50%; right:16px; transform:translateY(-50%); fill:#1a1f36 }
.prefect9-select__multi .prefect9-select__option-modal > svg{ display:none }

.prefect9-select__option{ display:flex; align-items:center }
.prefect9-select__option-placeholder{ color:#b5b7bf }
.prefect9-select__option:not(.prefect9-select__option-multi) > svg{ display:none }

.prefect9-field__modal .prefect9-select__option{ display:flex; align-items:center; height:40px; padding:0 16px 0 16px; font-size:12px; font-weight:500; line-height:100%; border-radius:8px; cursor:pointer }
.prefect9-field__modal .prefect9-select__option:hover{ background:rgba(0, 0, 0, .03) }
.prefect9-field__modal .prefect9-select__option-selected, .prefect9-field__modal .prefect9-select__option-selected:hover{ background:rgba(0, 0, 0, .06); cursor:default }
.prefect9-select__multi .prefect9-field__modal .prefect9-select__option{ border-radius:0 }
.prefect9-select__multi .prefect9-select__option-placeholder{ padding: 6px 2px 2px }

.prefect9-field__modal-empty{ font-size:12px; font-weight:500; line-height:100%; padding:15px 10px; color:#b5b7bf; text-align:center }

.prefect9-select__search{ position:relative; padding:8px }
.prefect9-select__search label{ position: absolute; width: 16px; height: 16px; top:50%; left:16px; transform:translateY(-50%) }
.prefect9-select__search svg{ width:16px; height:16px; fill:#b5b7bf }
.prefect9-select__search input{ width:100%; height:36px; display:flex; align-items:center; padding:0 8px 0 32px; border:0; border-radius:8px; background:#f7f7f7; color:#1a1f36; font-size:12px; font-weight:500; line-height:100% }
.prefect9-select__search input:placeholder{ color:#b5b7bf }




.prefect9-checkboxes .prefect9-checkbox + .prefect9-checkbox{ margin-top:10px }
.prefect9-checkbox__body{ width:20px; min-width: 20px; height:20px; border-radius:4px; border:1px solid #e6e6e6; display:flex; align-items:center; justify-content:center }
.prefect9-checkbox__body svg{ display:none; fill:#1a1f36; width:16px; height:16px }
.prefect9-checkbox__checked > .prefect9-checkbox__body svg{ display:block }




.prefect9-field__copy-checkmark{ position:absolute; width:20px; height:20px; right:16px; top:50%; transform:translateY(-50%) }
.prefect9-field__copy-checkmark__circle{ position: absolute; left: 0; right: 0; width: 100%; height: 100%; stroke:#40BF40 }
.prefect9-field__copy-checkmark__ico{ width:16px; height:16px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); fill:#40BF40 }




.prefect9-page-loader{ position:fixed; top:0; left:0; right:0; height:3px; z-index:1000; display:none }
.prefect9-page-loader__bar{ position:absolute; left:0; top:0; bottom:0; width:0; background: #F8FF00; border-top-right-radius:99px; border-bottom-right-radius:99px }




.prefect9-tabs{ display:flex; align-items:center }
.prefect9-tab{ display:flex; align-items:center; padding:0 16px; height:36px; border-radius:8px; background:#f7f7f7; border:1px solid #f7f7f7; color:#b5b7bf; transition:color 0.3s, background 0.3s, border-color 0.3s; cursor:pointer; font-size:12px; font-weight:500; line-height:100%; white-space:nowrap }
.prefect9-tabs.prefect9-tabs__disabled .prefect9-tab{ cursor:default }
.prefect9-tab + .prefect9-tab{ margin-left:10px }
.prefect9-tabs:not(.prefect9-tabs__disabled) .prefect9-tab:not(.prefect9-tab__active):hover{ background:#e6e6e6; border-color:#e6e6e6 }
.prefect9-tab__active{ border-color:#000; color:#000; background: #fff; cursor:default }




.prefect9-tags-field{ width:auto; width:100%; border:1px solid #e6e6e6; border-radius:10px; color:#1a1f36; padding:8px 13px 12px; display:flex; align-items:center; flex-wrap:wrap; cursor:text; transition:border-color 0.3s }
.prefect9-tag-new, .prefect9-tag{ padding:4px 2px 0 }
.prefect9-tag{ cursor:pointer }
.prefect9-tag-new{ padding-left:4px }
.prefect9-tag-new .prefect9-text-sized-field__text, .prefect9-text-sized-field__input{ font-size:12px; font-weight:500; line-height:16px }
.prefect9-tag-body{ font-size:10px; font-weight:500; line-height:14px; display:flex; align-items:center; height:16px; color:#000; background-color:#e6e6e6; border-radius:4px; position:relative; padding:0 18px 0 4px }
.prefect9-tag-body svg{ position:absolute; width:10px; min-width:10px; height:10px; top:50%; transform:translateY(-50%); right:4px; fill:#000 }




.prefect9-user-customized-select{ min-width:200px; font-size:12px; font-weight:500; color:#1a1f36; line-height:140%; white-space:nowrap }
.prefect9-user-customized-select__field{ position:relative; width:100% }
.prefect9-user-customized-select__input{ width:100%; height:40px; border:1px solid #e6e6e6; border-radius:10px; background:#fff; padding:0 46px 0 16px; font-size:12px; font-weight:500; transition:border-color 0.3s }
.prefect9-user-customized-select__input:placeholder{ color:#b5b7bf }
.prefect9-user-customized-select__arrow, .prefect9-user-customized-select__close{ right:16px; transition:transform 0.3s }
.prefect9-user-customized-select__show-modal .prefect9-user-customized-select__arrow{ transform:translateY(-50%) rotate(180deg) }

.prefect9-user-customized-select__modal{ border-radius:10px; overflow:hidden; position:fixed; top:-9999px; left:-9999px; z-index:300; border:1px solid #e6e6e6; background:#fff; display:none }
.prefect9-user-customized-select__show-modal .prefect9-user-customized-select__modal{ display:block }
.prefect9-user-customized-select__option{ display:flex; align-items:center; height:40px; padding:0 16px; cursor:pointer }
.prefect9-user-customized-select__option > div{ max-width:100%; overflow:hidden; text-overflow:ellipsis }
.prefect9-user-customized-select__empty{ padding:16px; display:flex; justify-content:center; text-align:center; color:#b5b7bf }
.prefect9-user-customized-select__create{ height:40px; display:flex; align-items:center; padding:0 16px; cursor:pointer }
.prefect9-user-customized-select__create > div:nth-child(1){ width:20px; min-width:20px; height:20px; background:url(img/plus_gray.svg) no-repeat center / contain }
.prefect9-user-customized-select__create > div:nth-child(2){ max-width:calc(100% - 20px); overflow:hidden; padding-left:8px }
.prefect9-user-customized-select__create:hover,
.prefect9-user-customized-select__option:hover{ background:rgba(0, 0, 0, .05) }




.prefect9-table__pages{ display:flex; align-items:center }
.prefect9-table__pages-previous, .prefect9-table__pages-next{ width:36px; min-width:36px; height:36px; background:#f7f7f7; border:1px solid #f7f7f7; display:flex; align-items:center; justify-content: center; cursor:pointer; border-radius:8px; transition:background 0.3s, border-color 0.3s }
.prefect9-table__pages-previous:not(.prefect9-table__pages-previous-disabled):hover, .prefect9-table__pages-next:not(.prefect9-table__pages-next-disabled):hover{ background:#e6e6e6; border-color:#e6e6e6 }
.prefect9-table__pages-previous svg, .prefect9-table__pages-next svg{ width:20px; height:20px; fill:#1a1f36; transition:fill 0.3s }
.prefect9-table__pages-previous-disabled, .prefect9-table__pages-next-disabled{ cursor:default }
.prefect9-table__pages-previous-disabled svg, .prefect9-table__pages-next-disabled svg{ fill:#e6e6e6 }
.prefect9-table__pages-list{ display:flex; align-items:center; padding:0 8px }
.prefect9-table__page{ width:36px; min-width:36px; height:36px; border-radius:8px; color:#b5b7bf; display:flex; align-items:center; justify-content:center; font-size: 12px; font-weight: 500; cursor: pointer; border: 1px solid transparent; transition:color 0.3s }
.prefect9-table__page:not(.prefect9-table__page-dots):hover{ color:#1a1f36 }
.prefect9-table__page-dots{ cursor:default }
.prefect9-table__page-active{ color:#1a1f36; border-color:#3d65fd; cursor:default }