:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:-webkit-max-content;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}
.react-tabs {
  -webkit-tap-highlight-color: transparent;
}

.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}

.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: #aaa;
  color: black;
  border-radius: 5px 5px 0 0;
}

.react-tabs__tab--disabled {
  color: GrayText;
  cursor: default;
}

.react-tabs__tab:focus {
  outline: none;
}

.react-tabs__tab:focus:after {
  content: '';
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff;
}

.react-tabs__tab-panel {
  display: none;
}

.react-tabs__tab-panel--selected {
  display: block;
}

.cs-main-container{position:relative;display:flex;flex-direction:row;height:100%;overflow:auto;border:solid 1px #d1dbe3;box-sizing:border-box;color:rgba(0,0,0,.87);background-color:#fff;font-size:1rem}.cs-main-container>.cs-conversation-list{order:0;height:100%;flex-basis:300px;border-top:solid 0px #d1dbe3;border-right:solid 1px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 0px #d1dbe3;box-shadow:2px 0 5px -2px rgba(0,0,0,.38);z-index:2}.cs-main-container>.cs-sidebar.cs-sidebar--left{order:0;height:100%;max-width:320px;flex-basis:35%;border-right:solid 1px #d1dbe3;z-index:2}.cs-main-container>.cs-sidebar.cs-sidebar--right{flex-basis:25%;min-width:150px;max-width:320px;border-top:solid 0px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 1px #d1dbe3}.cs-main-container>.cs-sidebar.cs-sidebar--left .cs-search{margin:.5em}.cs-main-container .cs-chat-container{order:1;z-index:1;flex-grow:1;flex-basis:65%;border-right:solid 0px #d1dbe3}.cs-main-container .cs-sidebar{order:2;height:100%;z-index:3}.cs-main-container .cs-sidebar .cs-expansion-panel{border-left:0;border-top:0;border-right:0}.cs-main-container .cs-sidebar .cs-expansion-panel:nth-last-child(3){border-bottom:0}.cs-main-container .cs-conversation-header{z-index:1}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back{display:none}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:none}@media(max-width: 768px){.cs-main-container--responsive{min-width:calc( 1.6em + 40px + 180px )}.cs-main-container--responsive .cs-search{display:none}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{flex-basis:calc(1.6em + 40px);min-width:calc(1.6em + 40px)}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--right{display:none}.cs-main-container--responsive>.cs-conversation-list{flex-basis:calc(1.6em + 40px)}.cs-main-container--responsive .cs-conversation-list .cs-conversation>.cs-avatar,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation>.cs-avatar{margin-right:0}.cs-main-container--responsive .cs-conversation-list .cs-conversation__content,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__content{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__operations,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__operations{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__last-activity-time,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__last-activity-time{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__unread-dot,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__unread-dot{position:absolute;top:.3em;right:.3em;margin-right:0}.cs-main-container--responsive .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:flex}}@media(max-width: 576px){.cs-main-container--responsive{min-width:auto}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{display:none}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back{display:flex}}.cs-message{box-sizing:border-box;font-size:1em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.87);display:flex;flex-direction:row;padding:0;background-color:transparent;overflow:hidden;border-radius:0}.cs-message:only-child{margin:.2em 0 0 0}.cs-message:not(:only-child){margin:.2em 0 0 0}.cs-message__avatar{box-sizing:border-box;margin:0 8px 0 0;display:flex;flex-direction:column;justify-content:flex-end;width:42px}.cs-message__content-wrapper{box-sizing:border-box;display:flex;flex-direction:column}.cs-message__header{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;font-size:.8em;margin:0 .2em .1em .2em}.cs-message__header .cs-message__sender-name{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent}.cs-message__header .cs-message__sent-time{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;margin-left:auto;padding-left:.8em}.cs-message__footer{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;display:flex;font-size:.8em;margin:.1em .2em 0 .2em}.cs-message__footer .cs-message__sender-name{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent}.cs-message__footer .cs-message__sent-time{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;margin-left:auto;padding-left:.8em}.cs-message__content{box-sizing:border-box;color:rgba(0,0,0,.87);background-color:#c6e3fa;margin-top:0;padding:.6em .9em;border-radius:.7em .7em .7em .7em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:normal;font-size:.91em;font-variant:normal}.cs-message--incoming{color:rgba(0,0,0,.87);background-color:transparent;margin-right:auto}.cs-message--incoming .cs-message__avatar{margin:0 8px 0 0}.cs-message--incoming .cs-message__sender-name{display:none}.cs-message--incoming .cs-message__sent-time{display:none}.cs-message--incoming .cs-message__content{color:rgba(0,0,0,.87);background-color:#c6e3fa;border-radius:0 .7em .7em 0}.cs-message--outgoing{color:rgba(0,0,0,.87);background-color:transparent;margin-left:auto;justify-content:flex-end}.cs-message--outgoing .cs-message__avatar{order:1;margin:0 0 0 8px}.cs-message--outgoing .cs-message__sender-name{display:none}.cs-message--outgoing .cs-message__sent-time{display:none}.cs-message--outgoing .cs-message__content{color:rgba(0,0,0,.87);background-color:#6ea9d7;border-radius:.7em 0 0 .7em}.cs-message.cs-message--incoming.cs-message--single{border-radius:0}.cs-message.cs-message--incoming.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--single .cs-message__sender-name{display:block}.cs-message.cs-message--incoming.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--single .cs-message__content{border-radius:0 .7em .7em .7em}.cs-message.cs-message--incoming.cs-message--first{border-radius:0 0 0 0}.cs-message.cs-message--incoming.cs-message--first:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--first .cs-message__sender-name{display:block}.cs-message.cs-message--incoming.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--first .cs-message__content{border-radius:0 .7em .7em 0;background-color:#c6e3fa}.cs-message.cs-message--incoming.cs-message--last{border-radius:0 0 0 0}.cs-message.cs-message--incoming.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--incoming.cs-message--last .cs-message__content{border-radius:0 .7em 0 .7em}.cs-message.cs-message--outgoing.cs-message--single{border-radius:0}.cs-message.cs-message--outgoing.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--single .cs-message__content{border-radius:.7em .7em 0 .7em}.cs-message.cs-message--outgoing.cs-message--first{border-radius:0 0 0 0;margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--first .cs-message__content{border-radius:.7em 0 0 .7em;background-color:#6ea9d7}.cs-message.cs-message--outgoing.cs-message--last{border-radius:0 0 0 0}.cs-message.cs-message--outgoing.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--outgoing.cs-message--last .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message--incoming.cs-message--avatar-spacer{margin-left:50px}.cs-message--outgoing.cs-message--avatar-spacer{margin-right:50px}.cs-message--avatar-tl .cs-message__avatar{justify-content:flex-start;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-tl .cs-message__message-wrapper{order:1}.cs-message--avatar-tr .cs-message__avatar{justify-content:flex-start;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-tr .cs-message__message-wrapper{order:0}.cs-message--avatar-br .cs-message__avatar{justify-content:flex-end;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-br .cs-message__message-wrapper{order:0}.cs-message--avatar-bl .cs-message__avatar{justify-content:flex-end;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-bl .cs-message__message-wrapper{order:1}.cs-message--avatar-cl .cs-message__avatar{justify-content:center;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-cl .cs-message__message-wrapper{order:1}.cs-message--avatar-cr .cs-message__avatar{justify-content:center;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-cr .cs-message__message-wrapper{order:0}.cs-message-group{box-sizing:border-box;display:flex;flex-direction:row;margin:.4em 0 0 0}.cs-message-group__avatar{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}.cs-message-group__content{box-sizing:border-box;display:flex;flex-direction:column}.cs-message-group__header{box-sizing:border-box;display:flex;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.6);background-color:transparent;margin:0 0 .2em 0;padding:0}.cs-message-group__footer{box-sizing:border-box;display:flex;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.6);background-color:transparent;margin:.2em 0 0 0;padding:0}.cs-message-group__messages{box-sizing:border-box}.cs-message-group__messages .cs-message:first-child{margin-top:0}.cs-message-group__messages .cs-message .cs-message__content{background-color:#c6e3fa;margin-top:0}.cs-message-group--incoming{justify-content:flex-start}.cs-message-group--incoming .cs-message-group__avatar{margin-right:8px;order:0}.cs-message-group--incoming .cs-message-group__content{order:1}.cs-message-group--incoming .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:0 .7em .7em 0}.cs-message-group--incoming .cs-message-group__messages .cs-message .cs-message__content{border-radius:0 .7em .7em 0;color:rgba(0,0,0,.87);background-color:#c6e3fa}.cs-message-group--incoming .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:0 .7em 0 .7em}.cs-message-group--incoming .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:0 .7em .7em .7em}.cs-message-group--outgoing{justify-content:flex-end;margin-left:auto}.cs-message-group--outgoing .cs-message-group__avatar{margin-left:8px;order:1}.cs-message-group--outgoing .cs-message-group__content{order:0}.cs-message-group--outgoing .cs-message-group__messages .cs-message{justify-content:flex-end}.cs-message-group--outgoing .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:.7em 0 0 .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message .cs-message__content{border-radius:.7em 0 0 .7em;color:rgba(0,0,0,.87);background-color:#6ea9d7}.cs-message-group--outgoing .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:.7em .7em 0 .7em}.cs-message-group--avatar-tl .cs-message-group__avatar{justify-content:flex-start;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-tl .cs-message-group__content{order:1}.cs-message-group--avatar-tr .cs-message-group__avatar{justify-content:flex-start;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-tr .cs-message-group__content{order:0}.cs-message-group--avatar-bl .cs-message-group__avatar{justify-content:flex-end;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-bl .cs-message-group__content{order:1}.cs-message-group--avatar-br .cs-message-group__avatar{justify-content:flex-end;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-br .cs-message-group__content{order:0}.cs-message-group--avatar-cl .cs-message-group__avatar{justify-content:center;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-cl .cs-message-group__content{order:1}.cs-message-group--avatar-cr .cs-message-group__avatar{justify-content:center;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-cr .cs-message-group__content{order:0}.cs-message-separator{box-sizing:border-box;color:#6ea9d7;background-color:#fff;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;text-align:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.cs-message-separator::before,.cs-message-separator::after{box-sizing:border-box;content:"";background-color:#6ea9d7;display:block;flex-grow:1;height:1px}.cs-message-separator:not(:empty)::before{margin:0 1em 0 0}.cs-message-separator:not(:empty)::after{margin:0 0 0 1em}.cs-message-list{box-sizing:border-box;width:100%;height:100%;overflow:hidden;min-height:1.25em;position:relative;color:rgba(0,0,0,.87);background-color:#fff}.cs-message-list__scroll-wrapper{box-sizing:border-box;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;padding:0 1.2em 0 .8em}.cs-message-list__scroll-to:first-child{box-sizing:border-box;float:left;clear:both;height:0}.cs-message-list__scroll-wrapper>.cs-message:nth-last-child(4){margin-bottom:2.65em}.cs-message-list__scroll-wrapper>.cs-message-group:nth-last-child(4){margin-bottom:2.65em}.cs-message-list .cs-typing-indicator{position:absolute;bottom:0;left:0;right:15px;background-color:#fff;padding:.5em .5em;font-size:.9em;height:1.25em;line-height:1.25em}.cs-message-list__scroll-wrapper>.cs-message,.cs-message-list__scroll-wrapper>.cs-message-group{max-width:85%}.cs-message-list .cs-message.cs-message--incoming,.cs-message-list .cs-message-group.cs-message-group--incoming{margin-right:auto}.cs-message-list .cs-message.cs-message--outgoing,.cs-message-list .cs-message-group.cs-message-group--outgoing{margin-left:auto}.cs-message-list .cs-message-separator:not(:first-child){margin-top:1.2em}.cs-message-list__loading-more{box-sizing:content-box;display:flex;flex-direction:row;justify-content:center;position:absolute;background-color:#fff;padding:2px 0;top:0;left:0;right:0;height:1.2em;z-index:1}.cs-message-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-message-list__loading-more .cs-loader::before,.cs-message-list__loading-more .cs-loader::after{width:100%;height:100%}.cs-message-list__loading-more--bottom{top:initial;bottom:0}.cs-message-list .ps__rail-y{z-index:2}.cs-avatar{position:relative;width:42px;height:42px;border-radius:50%;box-sizing:border-box}.cs-avatar>img{box-sizing:border-box;width:100%;height:100%;border-radius:50%}.cs-avatar:hover>img{filter:brightness(115%)}.cs-avatar.cs-avatar--xs{width:16px;height:16px;min-width:16px;min-height:16px}.cs-avatar.cs-avatar--sm{width:26px;height:26px;min-width:26px;min-height:26px}.cs-avatar.cs-avatar--md{width:42px;height:42px;min-width:42px;min-height:42px}.cs-avatar.cs-avatar--lg{width:68px;height:68px;min-width:68px;min-height:68px}.cs-avatar.cs-avatar--fluid{width:100%;height:100%}.cs-avatar.cs-avatar--fluid .cs-status{right:5%;width:22%;height:22%}.cs-avatar .cs-status{box-sizing:border-box;position:absolute;right:-1px;bottom:3%}.cs-avatar .cs-status__bullet{box-sizing:content-box;border:solid 2px #fff}.cs-avatar .cs-status--xs,.cs-avatar .cs-status--xs:not(.cs-status--named){font-size:1em;width:6px;height:6px;right:0;bottom:0}.cs-avatar .cs-status--xs .cs-status__bullet,.cs-avatar .cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-avatar .cs-status--sm,.cs-avatar .cs-status--sm:not(.cs-status--named){font-size:1em;width:12px;height:12px;right:-3px;bottom:-1px}.cs-avatar .cs-status--sm .cs-status__bullet,.cs-avatar .cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-avatar .cs-status--md,.cs-avatar .cs-status--md:not(.cs-status--named){font-size:1em;width:15px;height:15px}.cs-avatar .cs-status--md .cs-status__bullet,.cs-avatar .cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-avatar .cs-status--lg,.cs-avatar .cs-status--lg:not(.cs-status--named){font-size:1em;width:18px;height:18px;bottom:4%}.cs-avatar .cs-status--lg .cs-status__bullet,.cs-avatar .cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-avatar-group{display:flex;flex-direction:row-reverse;overflow:visible;position:relative;flex-wrap:wrap;box-sizing:border-box;min-width:40px;align-content:flex-start;justify-content:flex-end}.cs-avatar-group .cs-avatar--active{z-index:1}.cs-avatar-group .cs-avatar--active-on-hover:hover{z-index:2}.cs-avatar-group--xs{padding-left:6.112px;padding-top:6.112px}.cs-avatar-group--xs .cs-avatar{margin-top:-6.112px;margin-left:-6.112px;width:16px;height:16px;min-width:16px;min-height:16px;border:none;border-right:1px solid #f2f2f2}.cs-avatar-group--sm{padding-left:9.932px;padding-top:9.932px}.cs-avatar-group--sm .cs-avatar{margin-top:-9.932px;margin-left:-9.932px;width:26px;height:26px;min-width:26px;min-height:26px}.cs-avatar-group--md{padding-left:16.044px;padding-top:16.044px}.cs-avatar-group--md .cs-avatar{margin-top:-16.044px;margin-left:-16.044px;width:42px;height:42px;min-width:42px;min-height:42px;border:2px solid #f2f2f2}.cs-avatar-group--lg{padding-left:25.976px;padding-top:25.976px}.cs-avatar-group--lg .cs-avatar{margin-top:-25.976px;margin-left:-25.976px;width:68px;height:68px;min-width:68px;min-height:68px;border:2px solid #f2f2f2}.cs-message-input{display:flex;flex-direction:row;position:relative;background-color:#fff;border-top:none;border-right:none;border-bottom:none;border-left:none;box-sizing:border-box;padding:0;overflow:visible;flex-shrink:0}.cs-message-input__content-editor-wrapper{box-sizing:border-box;position:relative;background-color:#c6e3fa;margin:0;padding:.6em .9em;border-radius:.7em;flex-grow:1}.cs-message-input--disabled .cs-message-input__content-editor-wrapper{background-color:rgba(198,227,250,.38);color:rgba(0,0,0,.6)}.cs-message-input__content-editor-container{box-sizing:border-box;position:relative;background-color:#c6e3fa;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;overflow-y:auto;font-size:.94em;line-height:1.35em;min-height:1.35em;max-height:5.4em;padding:0em 0em 0em 0em;scroll-padding:0em}.cs-message-input--disabled .cs-message-input__content-editor-container{color:rgba(0,0,0,.6);background-color:transparent}.cs-message-input__content-editor{box-sizing:border-box;flex-grow:1;background-color:#c6e3fa;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;outline:0;border-top:0 none;border-right:0 none;border-bottom:0 none;border-left:0 none;overflow:visible;color:rgba(0,0,0,.87);overflow-wrap:anywhere;word-break:break-word}.cs-message-input--disabled .cs-message-input__content-editor{background-color:transparent;color:rgba(0,0,0,.6)}.cs-message-input__content-editor[data-placeholder]:empty:before{box-sizing:border-box;content:attr(data-placeholder);color:rgba(0,0,0,.38);display:block;cursor:text}.cs-message-input__tools{display:flex;flex-direction:row;box-sizing:border-box}.cs-message-input__tools .cs-button{font-size:1.2em;margin-top:0;margin-bottom:0}.cs-message-input__tools .cs-button--send{align-self:flex-end}.cs-message-input__tools .cs-button--attachment{align-self:flex-end}.cs-message-input__tools:first-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:first-child .cs-button:last-child{margin-right:0}.cs-message-input__tools:last-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:last-child .cs-button:last-child{margin-right:0}.cs-input-toolbox{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;margin:0;padding:0 0 .4em 0}.cs-input-toolbox .cs-button{margin:0;padding:0;background:none;border:none;margin:0 .5em 0 0;font-size:1.2em}.cs-chat-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:180px;color:rgba(0,0,0,.87);background-color:#fff}.cs-chat-container .cs-message-input{border-top:solid 1px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 0px #d1dbe3;margin-top:auto;padding:.3em 0 .3em 0em;color:rgba(0,0,0,.87);background-color:#fff}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:first-child{margin-left:.8em}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:last-child{margin-right:.8em}.cs-chat-container .cs-input-toolbox{margin:0;padding:0 .8em .17em 0;color:rgba(0,0,0,.87);background-color:#fff}.cs-typing-indicator{box-sizing:content-box;font-size:inherit;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;display:flex;flex-direction:row;align-items:stretch}.cs-typing-indicator__indicator{box-sizing:inherit;background-color:transparent;display:flex;flex-direction:row;align-items:center}.cs-typing-indicator__dot{box-sizing:inherit;animation:cs-typing-indicator__typing-animation 1.5s infinite ease-in-out;border-radius:100%;display:inline-block;height:4px;width:4px;background-color:#6ea9d7}.cs-typing-indicator__dot:not(:last-child){margin-right:3px}.cs-typing-indicator__dot:nth-child(1){box-sizing:inherit}.cs-typing-indicator__dot:nth-child(2){animation-delay:300ms}.cs-typing-indicator__dot:nth-child(3){animation-delay:400ms}.cs-typing-indicator__text{box-sizing:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6ea9d7;background-color:transparent;margin:0 0 0 .5em;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes cs-typing-indicator__typing-animation{0%{transform:translateY(0px)}28%{transform:translateY(-5px)}44%{transform:translateY(0px)}}.cs-conversation-header{box-sizing:border-box;color:rgba(0,0,0,.87);background-color:#f6fbff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:1em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:stretch;border-top:solid 0px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 1px #d1dbe3;border-left:solid 0px #d1dbe3;padding:.6em .9em}.cs-conversation-header__back{box-sizing:border-box;margin-right:.5em;display:flex;flex-direction:row;align-items:center;cursor:pointer;order:1}.cs-conversation-header__back button{font-size:1.4em;padding:0}.cs-conversation-header__avatar{box-sizing:border-box;width:42px;height:42px;margin-right:1em;order:2}.cs-conversation-header__avatar>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f6fbff}.cs-conversation-header__avatar .cs-avatar-group{padding-right:0 !important}.cs-conversation-header__content{box-sizing:border-box;display:flex;flex-direction:column;order:3;flex-grow:2;justify-content:center;min-width:0}.cs-conversation-header__content .cs-conversation-header__user-name{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;color:rgba(0,0,0,.87);background-color:#f6fbff}.cs-conversation-header__content .cs-conversation-header__info{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,.6);background-color:#f6fbff;font-weight:normal;font-size:.9em}.cs-conversation-header__actions{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;color:rgba(0,0,0,.87);background-color:transparent;margin:0 0 0 .5em;order:4}.cs-conversation-header__actions .cs-button:not(:first-child){margin-left:.2em}.cs-conversation-header__actions .cs-button{padding:0}.cs-conversation-header__actions .cs-button.cs-button--arrow,.cs-conversation-header__actions .cs-button.cs-button--info,.cs-conversation-header__actions .cs-button.cs-button--voicecall,.cs-conversation-header__actions .cs-button.cs-button--videocall,.cs-conversation-header__actions .cs-button.cs-button--star,.cs-conversation-header__actions .cs-button.cs-button--adduser,.cs-conversation-header__actions .cs-button.cs-button--ellipsis,.cs-conversation-header__actions .cs-button.cs-button--ellipsis{font-size:1.4em;color:normal;background-color:transparent}.cs-conversation-header__actions .cs-button.cs-button--ellipsis{font-size:1.3em}.cs-conversation{display:flex;flex-direction:row;box-sizing:border-box;position:relative;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;padding:.675em .8em .675em .8em;cursor:pointer;justify-content:flex-start;color:rgba(0,0,0,.87);background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation:hover{background-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>img{filter:none}.cs-conversation.cs-conversation:active{color:rgba(0,0,0,.87);background-color:#d5e7f5;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation.cs-conversation:active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active{color:#2b6a9b;background-color:#d5e7f5;font-weight:normal;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation.cs-conversation--active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active .cs-conversation__name{color:#2b6a9b;font-weight:normal}.cs-conversation.cs-conversation--active .cs-conversation__info{color:#2b6a9b;font-weight:normal}.cs-conversation>.cs-avatar{width:42.1px;height:42.1px;margin-right:1em}.cs-conversation>.cs-avatar>.cs-status{border-color:#fff}.cs-conversation>.cs-avatar-group{width:42.1px;height:42.1px;min-width:42.1px;min-height:42.1px;padding-right:0 !important;margin-right:1em}.cs-conversation__content{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;margin-right:1.1em;flex-grow:1}.cs-conversation__operations{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;margin:0 0 0 auto;color:rgba(179,179,179,.87);visibility:hidden}.cs-conversation__operations--visible{visibility:visible}.cs-conversation__operations:hover{color:rgba(102,102,102,.87)}.cs-conversation:hover .cs-conversation__operations{visibility:visible}.cs-conversation__name{box-sizing:border-box;color:rgba(0,0,0,.87);font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-conversation__info{box-sizing:border-box;color:rgba(0,0,0,.6);font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-conversation__last-sender{box-sizing:border-box;display:inline;font-weight:normal}.cs-conversation__info-content{box-sizing:border-box;display:inline;font-weight:normal}.cs-conversation__last-activity-time{box-sizing:border-box;margin:0 0 0 auto;font-size:.8em;display:flex;flex-direction:row;align-items:center}.cs-conversation__last-activity-time+.cs-conversation__operations{margin-left:.5em}.cs-conversation__unread-dot{box-sizing:content-box;display:flex;flex-direction:row;align-items:center;margin-right:.5em;align-self:center;border-radius:50%;width:.7em;min-width:.7em;height:.7em;box-shadow:1px 1px 1px 0px #b3b3b3;perspective:200px;perspective-origin:50% 50%;background:radial-gradient(circle at 3px 3px, #7c9df1, #2e63e8)}.cs-conversation__unread-dot:hover::before{content:"";position:absolute;top:1%;left:5%;border-radius:50%;z-index:2;filter:blur(0);height:80%;width:40%;background:radial-gradient(circle at 130% 130%, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 58%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);transform:translateX(131%) translateY(58%) rotateZ(168deg) rotateX(10deg)}.cs-conversation__unread-dot:hover::after{content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:100%;filter:blur(1px);z-index:2;transform:rotateZ(-30deg);display:block;background:radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 74%, white 80%, white 84%, rgba(255, 255, 255, 0) 100%);animation:cs-unread-anim 2s ease-out infinite}.cs-conversation__unread{box-sizing:border-box;position:absolute;right:.8em;top:.3em;padding:.01em .3em;border-radius:.3em;font-size:.75em;font-weight:600;color:#fff;background-color:#ec1212;max-width:30em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:100}@keyframes cs-unread-anim{0%{transform:scale(1)}20%{transform:scaleY(0.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(0.9)}68%{transform:scaleY(0.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(0.98)}97%,100%{transform:scale(1)}}.cs-conversation-list{box-sizing:border-box;position:relative;overflow:hidden;height:100%;color:rgba(0,0,0,.87);background-color:transparent}.cs-conversation-list>div>ul{margin:0;padding:0;list-style-type:none}.cs-conversation-list__loading-more{box-sizing:content-box;display:flex;flex-direction:row;justify-content:center;position:absolute;background-color:transparent;padding:2px 0;bottom:0;left:0;right:0;height:1.2em;z-index:1}.cs-conversation-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-conversation-list__loading-more .cs-loader::before,.cs-conversation-list__loading-more .cs-loader::after{width:100%;height:100%}.cs-conversation-list .ps__rail-y{z-index:2}.cs-status{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;font-size:1em}.cs-status .cs-status__bullet{box-sizing:content-box;width:11px;height:11px;border-radius:50%;position:relative;perspective:200px;perspective-origin:50% 50%}.cs-status--selected{color:#2b6a9b;background-color:#d5e7f5}.cs-status--named{width:auto;height:auto}.cs-status__name{margin:0 0 0 .58em;line-height:1.5}.cs-avatar:hover .cs-status__bullet:before,.cs-status:hover .cs-status__bullet:before{box-sizing:border-box;content:"";position:absolute;top:1%;left:5%;border-radius:50%;z-index:2;filter:blur(0);height:80%;width:40%;background:radial-gradient(circle at 130% 130%, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 58%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);transform:translateX(131%) translateY(58%) rotateZ(168deg) rotateX(10deg)}.cs-avatar:hover .cs-status__bullet:after,.cs-status:hover .cs-status__bullet:after{box-sizing:border-box;content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:100%;filter:blur(1px);z-index:2;transform:rotateZ(-30deg);display:block;background:radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 74%, white 80%, white 84%, rgba(255, 255, 255, 0) 100%);animation:cs-bubble-anim 2s ease-out infinite}.cs-status--available .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #00d5a6, #00a27e)}.cs-status--available .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--unavailable .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #ffb527, #a66d00)}.cs-status--unavailable .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--away .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #ffdbb0, #fc8b00)}.cs-status--away .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--dnd .cs-status__bullet{background-color:#ec1212;background:radial-gradient(circle at 3px 3px, #f89f9f, #ec1212)}.cs-status--dnd .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--invisible .cs-status__bullet{background-color:#c2d1d9;background:radial-gradient(circle at 3px 3px, white, #c2d1d9)}.cs-status--invisible .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--eager .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #fffccc, #ffee00)}.cs-status--eager .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--xs:not(.cs-status--named){font-size:1em;width:4px;height:4px}.cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status--sm:not(.cs-status--named){font-size:1em;width:8px;height:8px}.cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status--md:not(.cs-status--named){font-size:1em;width:11px;height:11px}.cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status--lg:not(.cs-status--named){font-size:1em;width:14px;height:14px}.cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-status--fluid{width:100%;height:100%}.cs-status--fluid .cs-status__bullet{width:100%;min-width:100%;height:100%}@keyframes cs-bubble-anim{0%{transform:scale(1)}20%{transform:scaleY(0.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(0.9)}68%{transform:scaleY(0.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(0.98)}97%,100%{transform:scale(1)}}.cs-sidebar{box-sizing:border-box;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.cs-sidebar--left{background-color:#fff}.cs-sidebar--right{background-color:#fff}.cs-sidebar .cs-expansion-panel+.cs-expansion-panel{border-top:0}.cs-expansion-panel{box-sizing:border-box;display:flex;flex-direction:column;color:rgba(0,0,0,.87);background-color:#fff;border:solid 1px #d1dbe3;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:normal;font-size:inherit;font-variant:normal}.cs-expansion-panel__header{box-sizing:border-box;display:flex;flex-direction:row;color:rgba(0,0,0,.6);background-color:#f6fbff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:bold;font-size:.75em;font-variant:normal;-webkit-user-select:none;-moz-user-select:none;padding:.8em .8em;align-items:center;user-select:none;cursor:pointer}.cs-expansion-panel__header:hover{color:rgba(0,0,0,.6);background-color:#f3f8fc}.cs-expansion-panel__title{box-sizing:border-box;flex-grow:1}.cs-expansion-panel__icon{box-sizing:border-box;margin-left:1em;margin-right:.5em}.cs-expansion-panel__content{display:none;color:rgba(0,0,0,.87);background-color:#fff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:normal;font-size:.8em;font-variant:normal;padding:.4em .8em}.cs-expansion-panel--open .cs-expansion-panel__content{display:block;color:rgba(0,0,0,.87);background-color:#fff}.cs-expansion-panel--closed .cs-expansion-panel__content{display:none}.cs-expansion-panel--open .cs-expansion-panel__header{color:rgba(0,0,0,.6);background-color:#f6fbff}.cs-search{box-sizing:border-box;display:flex;flex-direction:row;margin:0;padding:0;background-color:#c6e3fa;align-items:center;position:relative;border-radius:.7em;padding:.6em .9em;font-size:inherit;font-family:inherit}.cs-search__input{box-sizing:border-box;order:1;color:rgba(0,0,0,.87);border:none;width:100%;min-width:0;outline:0;margin-right:.5em;background-color:#c6e3fa;font-size:.8em;font-family:inherit}.cs-search__input:disabled{color:rgba(0,0,0,.38);background-color:#c6e3fa}.cs-search__input::-moz-placeholder{color:rgba(0,0,0,.87)}.cs-search__input::placeholder{color:rgba(0,0,0,.87)}.cs-search__search-icon{box-sizing:border-box;order:0;display:block;margin-right:.5em;color:#6ea9d7}.cs-search__clear-icon{box-sizing:border-box;order:2;color:#6ea9d7;visibility:hidden}.cs-search__clear-icon:hover{color:rgba(110,169,215,.6);cursor:pointer}.cs-search__clear-icon--active{visibility:visible}.cs-search--disabled{opacity:.38;color:rgba(0,0,0,.38);background-color:#c6e3fa}.cs-button{box-sizing:border-box;display:inline-block;vertical-align:middle;text-align:center;color:#6ea9d7;background-color:transparent;border:none;border-radius:.7em;margin:.1em .2em;padding:.2em .7em;outline:none;font-size:1em;line-height:1.5}.cs-button:focus{outline:none}.cs-button:disabled{opacity:.38}.cs-button:not(:disabled){cursor:pointer}.cs-button.cs-button--border{border:solid 1px #d1dbe3}.cs-button:hover:not(:disabled){opacity:.6}.cs-button.cs-button--right>svg[data-icon]:first-child{margin-right:.5em}.cs-button.cs-button--left>svg[data-icon]:last-child{margin-left:.5em}.cs-button--adduser{color:#6ea9d7;background-color:transparent}.cs-button--arrow{color:#6ea9d7;background-color:transparent}.cs-button--ellipsis{color:#6ea9d7;background-color:transparent}.cs-button--info{color:#6ea9d7;background-color:transparent}.cs-button--star{color:#6ea9d7;background-color:transparent}.cs-button--videocall{color:#6ea9d7;background-color:transparent}.cs-button--voicecall{color:#6ea9d7;background-color:transparent}.cs-button--send{color:#6ea9d7;background-color:transparent}.cs-button--attachment{color:#6ea9d7;background-color:transparent}.cs-loader{box-sizing:border-box;display:inline-flex;position:relative;font-size:1em;width:1.8em;height:1.8em;color:rgba(0,0,0,.87);background-color:transparent}.cs-loader::before,.cs-loader::after{box-sizing:border-box;display:block;width:1.8em;height:1.8em;margin:0 0 0 -0.9em}.cs-loader::before{position:absolute;content:"";top:0;left:50%;border-radius:50%;border-color:#c6e3fa;border-style:solid;border-width:.2em}.cs-loader::after{position:absolute;content:"";top:0;left:50%;animation:loader-default .6s linear;animation-iteration-count:infinite;border-radius:50%;border-color:#6ea9d7 transparent transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 transparent}.cs-loader--content{width:auto;height:auto;padding-top:2.6em}@keyframes loader-default{to{transform:rotate(360deg)}}.cs-overlay{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(10%)}.cs-overlay__content{z-index:220}.cs-overlay::before{box-sizing:border-box;content:"";background-color:rgba(198,227,250,.38);position:absolute;top:0;left:0;right:0;bottom:0;z-index:200}.cs-overlay--blur::before{backdrop-filter:blur(2px)}.cs-overlay--grayscale::before{backdrop-filter:grayscale(50%)}.cs-status-list{box-sizing:border-box;list-style-type:none;margin:0;padding:1em;color:rgba(0,0,0,.87);background-color:#fff}.cs-status-list>li{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-status-list>li>.cs-status{margin:0;padding:.4em .8em;width:auto;height:auto}.cs-status-list>li .cs-status--selected{color:#2b6a9b;background-color:#d5e7f5}.cs-status-list>li .cs-status--selected .cs-status__name{color:#2b6a9b;background-color:#d5e7f5}.cs-status-list>li:hover{color:rgba(0,0,0,.6);background-color:#f3f8fc}.cs-status-list>li:focus{color:rgba(0,0,0,.87);background-color:#d5e7f5}.cs-status-list>li:active{color:rgba(0,0,0,.87);background-color:#d5e7f5}.cs-status-list--xs>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--xs>li>.cs-status .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status-list--sm>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--sm>li>.cs-status .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status-list--md>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--md>li>.cs-status .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status-list--lg>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--lg>li>.cs-status .cs-status__bullet{width:14px;min-width:14px;height:14px}.ps{overflow:hidden !important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0px;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;left:auto !important;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;background-color:#f6fbff;opacity:.9}.ps__thumb-x{background-color:#6ea9d7;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#c6e3fa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#c6e3fa;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#c6e3fa;width:11px}@supports(-ms-overflow-style: none){.ps{overflow:auto !important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto !important}}.scrollbar-container{position:relative;height:100%}/*# sourceMappingURL=styles.min.css.map */.chats-page {
  --brand: #13C1BC;
  --brand-2: #3DD6D4;
  --brand-grad: linear-gradient(135deg, #13C1BC 0%, #3DD6D4 100%);
  --brand-soft: rgba(19, 193, 188, 0.08);
  --bg: #F4F6F8;
  --panel: #FFFFFF;
  --text: #1F2D3D;
  --muted: #919EAB;
  --muted-2: #637381;
  --line: #E8ECEF;
  --line-soft: #EFF1F3;
  --red: #FF5630;
  --bubble-in: #F4F6F8;

  height: 100%;
  display: flex;
  flex: 1;
}.chats-page .cs-main-container {
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 24px -4px rgba(145, 158, 171, 0.12), 0 0 2px 0 rgba(145, 158, 171, 0.2);
    overflow: hidden;
    height: 100%;
    background: var(--panel);
    flex: 1;
  }.chats-page .cs-sidebar {
    background: #FAFBFC !important;
    border-right: 1px solid var(--line) !important;
    min-width: 360px !important;
    max-width: 360px !important;
  }.chats-page .cs-conversation {
    padding: 10px 12px !important;
    border-radius: 12px !important;
    margin: 4px 8px !important;
  }.chats-page .cs-conversation:hover { background: #EEF0F2 !important; }.chats-page .cs-conversation.cs-conversation--active {
      background: rgba(19, 193, 188, 0.10) !important;
    }.chats-page .cs-conversation.cs-conversation--active .cs-conversation__name { color: var(--brand) !important; }.chats-page .cs-conversation__name { font-weight: 600 !important; font-size: 14px !important; }.chats-page .cs-conversation__info-content { color: var(--muted) !important; font-size: 12px !important; }.chats-page .cs-conversation__last-activity-time { color: var(--muted) !important; font-size: 11px !important; }.chats-page .cs-conversation__unread {
    background: var(--brand-grad) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px -2px rgba(19, 193, 188, 0.5);
    font-weight: 700 !important;
    font-size: 11px !important;
    border-radius: 999px !important;
    padding: 2px 7px !important;
  }.chats-page .cs-search {
    background: #fff !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 12px 16px !important;
  }.chats-page .cs-search input { background: #F1F3F5 !important; border-radius: 10px !important; font-size: 13px !important; }.chats-page .cs-avatar > img {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
  }.chats-page .crd-channel-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 9px;
    padding: 1px 6px;
    border-radius: 6px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-right: 6px;
  }.chats-page .crd-channel-badge--wa { background: #DCF8C6; color: #1F7A2A; }.chats-page .crd-channel-badge--mx { background: #E5F1FF; color: #0058CC; }.chats-page .crd-channel-badge--mobile { background: #FFF1E6; color: #B75C00; }.chats-page .crd-nav-tabs {
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    border-bottom: 1px solid var(--line);
    background: #fff;
    align-items: center;
  }.chats-page .crd-nav-tab {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--muted-2);
    transition: all 0.15s;
    position: relative;
  }.chats-page .crd-nav-tab:hover { background: var(--line-soft); color: var(--text); }.chats-page .crd-nav-tab.active { color: var(--brand); background: var(--brand-soft); }.chats-page .crd-nav-tab .crd-tab-badge {
      position: absolute;
      top: 2px;
      right: 2px;
      background: var(--red);
      color: #fff;
      font-size: 9px;
      font-weight: 700;
      padding: 1px 5px;
      border-radius: 999px;
      min-width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
    }.chats-page .crd-nav-tab-label {
    font-size: 12px;
    color: var(--muted);
    padding: 8px 16px;
    background: #fff;
    border-bottom: 1px solid var(--line);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }/* === кастомный ConversationItem === */.chats-page .crd-conv-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px 12px;
    margin: 2px 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 12px;
    text-align: left;
    width: calc(100% - 16px);
    transition: background-color 0.15s;
    font-family: inherit;
  }.chats-page .crd-conv-item:hover { background: #EEF0F2; }.chats-page .crd-conv-item.active { background: rgba(19, 193, 188, 0.10); }.chats-page .crd-conv-item.active .crd-conv-name { color: var(--brand); }.chats-page .crd-conv-item:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }.chats-page .crd-conv-avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6E7C8C 0%, #919EAB 100%);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    letter-spacing: 0.02em;
  }.chats-page .crd-conv-item.active .crd-conv-avatar {
    background: var(--brand-grad);
    box-shadow: 0 4px 10px -2px rgba(19, 193, 188, 0.45);
  }.chats-page .crd-conv-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }.chats-page .crd-conv-row1 {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }.chats-page .crd-conv-name {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
  }.chats-page .crd-conv-time {
    flex-shrink: 0;
    font-size: 11px;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
  }.chats-page .crd-conv-row2 {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
  }.chats-page .crd-conv-text {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    color: var(--muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }.chats-page .crd-conv-unread {
    flex-shrink: 0;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--brand-grad);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px -2px rgba(19, 193, 188, 0.5);
    font-variant-numeric: tabular-nums;
  }.chats-page .crd-conv-row3 {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    margin-top: 2px;
  }.chats-page .crd-conv-owner {
    flex: 1;
    min-width: 0;
    font-size: 11px;
    color: var(--muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }.chats-page .crd-conv-extra {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--muted);
    margin-top: 2px;
  }.chats-page .crd-conv-disabled-icon {
    color: var(--red);
    width: 12px;
    height: 12px;
  }/* main column wrapper (где header/messenger) */.chats-page .crd-main-column {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    background: #fff;
  }/* header bridge — встраивает существующий ChatHeader в chatscope-style */.chats-page .crd-header-slot {
    background: #F6F7F8;
    border-bottom: 1px solid var(--line);
    padding: 12px 20px;
    min-height: 72px;
    display: flex;
    align-items: center;
  }/* messenger bridge — оборачивает существующий ChatsMessenger */.chats-page .crd-messenger-slot {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #FBFCFD;
  }/* right panel wrapper */.chats-page .crd-right-panel-wrap {
    width: 340px;
    flex-shrink: 0;
    border-left: 1px solid var(--line);
    background: #FAFBFC;
    overflow-y: auto;
    border-radius: 0 16px 16px 0;
    box-shadow: 0 12px 24px -4px rgba(145, 158, 171, 0.12), 0 0 2px 0 rgba(145, 158, 171, 0.2);
  }/* placeholder когда чат не выбран */.chats-page .crd-placeholder {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    gap: 16px;
  }.chats-page .crd-placeholder img { width: 106px; height: 64px; opacity: 0.7; }.chats-page .crd-placeholder .crd-placeholder-text { font-weight: 600; font-size: 18px; }/* === bubbles: переопределяем стиль существующего item === */.chats-page .crd-messenger-slot [data-message-id] > .MuiStack-root:first-of-type {
    border-radius: 18px !important;
    padding: 10px 14px !important;
    box-shadow: 0 2px 8px -2px rgba(145, 158, 171, 0.18) !important;
    border: none !important;
  }/* исходящие — бренд-градиент */.chats-page .crd-messenger-slot [data-message-id][data-my-message="true"] > .MuiStack-root:first-of-type {
    background: var(--brand-grad) !important;
    color: #fff !important;
    box-shadow: 0 6px 18px -6px rgba(19, 193, 188, 0.55) !important;
  }.chats-page .crd-messenger-slot [data-message-id][data-my-message="true"] > .MuiStack-root:first-of-type .MuiTypography-root {
    color: #fff !important;
  }/* входящие — мягкий бледный */.chats-page .crd-messenger-slot [data-message-id][data-my-message="false"] > .MuiStack-root:first-of-type {
    background: #F4F6F8 !important;
  }/* автоматические сообщения — бледный бренд */.chats-page .crd-messenger-slot [data-message-id][data-automatic="true"] > .MuiStack-root:first-of-type {
    background: rgba(19, 193, 188, 0.08) !important;
    border: 1px solid rgba(19, 193, 188, 0.25) !important;
    box-shadow: none !important;
  }.chats-page .crd-messenger-slot [data-message-id][data-automatic="true"] > .MuiStack-root:first-of-type .MuiTypography-root {
    color: var(--text) !important;
  }.chats-page .crd-messenger-slot [data-message-id] { margin-bottom: 6px; }/* === right panel === */.chats-page .crd-right-panel-wrap { padding: 24px 22px 32px !important; }/* === header: брендирование bubble телефона === */.chats-page .crd-header-slot .MuiChip-root { border-radius: 8px; }/* === header avatar (мини-аватар в шапке) === */.chats-page .crd-header-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--brand-grad);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 10px -3px rgba(19, 193, 188, 0.5);
    letter-spacing: 0.02em;
  }/* === input toolbar: унификация кнопок === */.chats-page .crd-messenger-slot .MuiInputBase-root + * button,
  .chats-page .crd-messenger-slot button[aria-label*='ИИ'],
  .chats-page .crd-messenger-slot button[aria-label*='файл'],
  .chats-page .crd-messenger-slot button[aria-label*='олос'] {
    transition: background-color 0.15s, color 0.15s;
  }/* Контейнер input — вертикальное центрирование тулбара/сенда */.chats-page .crd-messenger-slot > .MuiBox-root > .MuiBox-root[style*='flex'],
  .chats-page .crd-messenger-slot form > .MuiBox-root,
  .chats-page .crd-messenger-slot .MuiBox-root:has(> .MuiInputBase-root) {
    align-items: center !important;
  }/* Все IconButton в input row (тулбар + send) — выровнять, hover bg */.chats-page .crd-messenger-slot .MuiBox-root > .MuiIconButton-root,
  .chats-page .crd-messenger-slot .MuiBox-root .MuiIconButton-root {
    border-radius: 8px !important;
    padding: 6px !important;
    margin-right: 2px !important;
    margin-top: 0 !important;
  }.chats-page .crd-messenger-slot .MuiIconButton-root:hover {
    background-color: rgba(19, 193, 188, 0.08) !important;
  }.chats-page .crd-messenger-slot .MuiIconButton-root:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 1px;
  }/* Иконки внутри toolbar — единый размер */.chats-page .crd-messenger-slot .MuiIconButton-root svg {
    width: 20px !important;
    height: 20px !important;
  }/* Send кнопка — circular brand */.chats-page .crd-messenger-slot .MuiIconButton-root:has(svg[data-testid='SendIcon']) {
    background: var(--brand-grad) !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    margin-top: 8px !important;
    box-shadow: 0 4px 10px -2px rgba(19, 193, 188, 0.45);
  }.chats-page .crd-messenger-slot .MuiIconButton-root:has(svg[data-testid='SendIcon']) svg {
    color: #fff !important;
  }.chats-page .crd-messenger-slot .MuiIconButton-root:has(svg[data-testid='SendIcon']):disabled {
    background: var(--line) !important;
    box-shadow: none !important;
  }/* tablist focus */.chats-page .crd-nav-tabs [role='tab']:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
  }/* === channel badge: на одну строку === */.chats-page .crd-channel-badge { white-space: nowrap; }/* === bubble metadata: контраст на градиенте === *//* имя автора + время + статус в исходящих — белым */.chats-page .crd-messenger-slot [data-message-id][data-my-message="true"] > .MuiStack-root:first-of-type .MuiTypography-body2 {
    color: rgba(255, 255, 255, 0.85) !important;
  }.chats-page .crd-messenger-slot [data-message-id][data-my-message="true"] svg {
    color: #fff !important;
  }/* === bubble avatars (Ка / ВЫ): увеличить + бренд === *//* user-аватар входящего — мягкий бренд */.chats-page .crd-messenger-slot [data-message-id][data-my-message="false"] > .MuiStack-root:last-child {
    background: linear-gradient(135deg, #6E7C8C 0%, #919EAB 100%) !important;
    min-width: 36px !important;
    width: 36px;
    height: 36px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }/* мой-аватар исходящего */.chats-page .crd-messenger-slot [data-message-id][data-my-message="true"] > .MuiStack-root:last-child {
    background: var(--brand-grad) !important;
    min-width: 36px !important;
    width: 36px;
    height: 36px !important;
    box-shadow: 0 4px 10px -2px rgba(19, 193, 188, 0.5);
  }/* === focus-visible для кастомных кнопок === */.chats-page .crd-nav-tab:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
  }/* === touch + scroll === */.chats-page .crd-nav-tab,
  .chats-page .cs-conversation {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }/* sr-only — скрытый h1 для accessibility */.chats-page .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }/* prefers-reduced-motion — отключаем transitions */@media (prefers-reduced-motion: reduce) {
  .chats-page *,
  .chats-page *::before,
  .chats-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@charset "UTF-8";
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}
.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}
.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

@font-face {
  font-family: 'Lato';
  src: url(/assets/fonts/Lato-Regular-faacec1c82ca10ed3b76.digested.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/assets/fonts/Lato-Medium-b56347b7f25900c4fd4c.digested.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/assets/fonts/Lato-SemiBold-637ae3cbe5f4341bfb7b.digested.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/assets/fonts/Lato-Bold-08ce961fb8a75d3079d8.digested.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url(/assets/fonts/Lato-ExtraBold-cd11ad547dd81d2cb823.digested.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
}

[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}

.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}

.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}

.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}

.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}

.simplebar-content:after,.simplebar-content:before{content:' ';display:table}

.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}

.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}

.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}

.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}

[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}

[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}

[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}

.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}

.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}

.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}

.simplebar-track.simplebar-vertical{top:0;width:11px}

.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}

.simplebar-track.simplebar-horizontal{left:0;height:11px}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}

.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}

.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}

.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

/* Chrome, Safari and Opera */

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  border-radius: 0;
  background: #E7ECF0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #13C1C0;
}

::-webkit-scrollbar-thumb:hover {
  background: #13C1C0;
}

/* IE and Edge, Firefox */

* {
  scrollbar-width: thin;
  scrollbar-color: #13C1C0 #E7ECF0;
}

*::-moz-scrollbar-track,
*::-ms-scrollbar-track {
  border-radius: 0;
  background: #E7ECF0;
}

*::-moz-scrollbar-thumb,
*::-ms-scrollbar-thumb {
  border-radius: 0;
  background: #13C1C0;
}

*::-moz-scrollbar-thumb:hover,
*::-ms-scrollbar-thumb:hover {
  background: #13C1C0;
}

.campaignsLandingHeader {
  background-image: url(/assets/images/png-1816dc1b7331138a0318.digested.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 478px;
}

@supports (background-image: url(/images/campaigns/landingBackground/webp.webp)) {

.campaignsLandingHeader {
    background-image: url(/assets/images/webp-960eb3706d9657c4cf1b.digested.webp)
}
  }

.campaignsLandingHeader img {
    min-width: 465px;
  }

.calendar {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(163 171 177 / var(--tw-border-opacity, 1));

  width: 374px;
  height: 500px;
}

.calendar__header {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(231 236 240 / var(--tw-border-opacity, 1));
}

.calendar__footer {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(231 236 240 / var(--tw-border-opacity, 1));
}

.calendar input {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(202 209 216 / var(--tw-border-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(58 62 65 / var(--tw-text-opacity, 1));

    border-radius: 4px;
    padding: 10px 16px;
    width: 164px;
    height: 32px;
}

.calendar input:focus {
      outline: none;
    }

.calendar .react-datepicker { /* stylelint-disable-line */ font-family: Lato, sans-serif !important; font-size: 0.875rem !important; line-height: 1.125rem !important; font-weight: 500 !important;

    border: 0;
    width: 100%;
  }

.calendar .react-datepicker__current-month {
  border-bottom-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(231 236 240 / var(--tw-border-opacity, 1)) !important;
  font-size: 0.875rem !important;
  line-height: 1.125rem !important;
  font-weight: 500 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(78 87 113 / var(--tw-text-opacity, 1)) !important;

      margin-bottom: 14px;
      padding: 10px;
}

.calendar .react-datepicker__header {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;

      margin-bottom: 12px;
      border: none;
      padding: 0;
}

.calendar .react-datepicker__month-container {
      width: 100%;
    }

.calendar .react-datepicker__month {
      margin: 0;
    }

.calendar .react-datepicker__day {
  --tw-text-opacity: 1 !important;
  color: rgb(78 87 113 / var(--tw-text-opacity, 1)) !important;

      margin: 0;
      border-radius: 0 !important;
      width: 50px;
      height: 32px;
      line-height: 32px;
}

.calendar .react-datepicker__day-name {
  --tw-text-opacity: 1 !important;
  color: rgb(202 209 216 / var(--tw-text-opacity, 1)) !important;

        margin: 0;
        width: 50px;
}

.calendar .react-datepicker__day-names {
        margin: 0;
      }

.calendar .react-datepicker__day--keyboard-selected {
        background: none;
      }

.calendar .react-datepicker__day--today {
        font-weight: normal;
      }

.calendar .react-datepicker__day--outside-month {
        color: transparent !important;
        pointer-events: none;
      }

.calendar .react-datepicker__day--in-range {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(208 243 242 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(78 87 113 / var(--tw-text-opacity, 1)) !important;
}

.calendar .react-datepicker__day--range-start {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(19 193 192 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;

        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
}

.calendar .react-datepicker__day--range-end {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(19 193 192 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;

        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
}

.calendar .react-datepicker__day--selected {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(19 193 192 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;

        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
}

.calendar .react-datepicker__day--in-selecting-range {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(208 243 242 / var(--tw-bg-opacity, 1)) !important;
}

.calendar .react-datepicker__day--selecting-range-start {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(19 193 192 / var(--tw-bg-opacity, 1)) !important;
}

.calendar .react-datepicker__day--selecting-range-end {
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
      }

.selectOption {
  text-align: start;
}

.selectOption:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 247 / var(--tw-bg-opacity, 1));
}

.selectOption_selected {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(208 243 242 / var(--tw-bg-opacity, 1)) !important;
}

.selectWrapper {
  position: relative;
}

.selectWrapper_disabled {
    opacity: .5;
  }

.selectWrapper__label {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 247 / var(--tw-bg-opacity, 1));

    top: -8px;
    left: 6px;
    z-index: 2;
    border-radius: 4px;
    padding: 0 6px;
    font-size: 10px;
}

.selectWrapper__select__placeholder {
  --tw-text-opacity: 1;
  color: rgb(125 128 130 / var(--tw-text-opacity, 1));

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
}

.selectWrapper__select__value-container {
    display: flex !important;
    flex-wrap: initial !important;
    padding: 5px 12px !important;
  }

.selectWrapper__select__menu {
  z-index: 99 !important;
}

.selectWrapper__select__control {
  border-width: 2px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(214 223 233 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;

    box-shadow: none !important;
    height: 36px;
}

.selectWrapper__select__indicator-separator {
    display: none;
  }

.selectWrapper__select__input-container {
    margin: 0 !important;
    padding: 0 !important;
  }

.selectValue {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inputPlaceholder::-moz-placeholder {
  color: #212426 !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}

.inputPlaceholder::placeholder {
  color: #212426 !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}

.ReactModal__Overlay {
  z-index: 100;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Lato, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

body {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 247 / var(--tw-bg-opacity, 1));
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(33 36 38 / var(--tw-text-opacity, 1));

    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: hidden;
}

#app_entrypoint {
    height: 100%;
  }

img {
    max-width: 100%;
  }

button {
    cursor: pointer;
  }

button:disabled {
      opacity: .5;
    }

input:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 240 / var(--tw-bg-opacity, 1));
}

h1 {
  font-size: 2rem;
  line-height: 2.375rem;
  font-weight: 600;
}

h2 {
  font-size: 1.5625rem;
  line-height: 1.875rem;
  font-weight: 600;
}

h3 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 500;
}

h5 {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
}

h6 {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}

.authCode {
    width: -moz-fit-content;
    width: fit-content;
  }

.authCode__codeInput {
      width: 100% !important;
    }

.authCode__codeInput_loading div {
          opacity: .5;
        }

.authCode__codeInput_error div input {
  --tw-border-opacity: 1 !important;
  border-color: rgb(222 9 9 / var(--tw-border-opacity, 1)) !important;
}

.authCode__codeInput div input {
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(202 209 216 / var(--tw-border-opacity, 1)) !important;
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(33 36 38 / var(--tw-text-opacity, 1));

          border-radius: 4px !important;
          width: 48px !important;
          height: 100px !important;
}

.authCode__codeInput div input:not(:last-child) {
            margin-right: 8px;
          }

.authCode__codeInput div input:nth-child(3) {
            margin-right: 24px;
          }

.authCode__timer {
  --tw-text-opacity: 1;
  color: rgb(19 193 192 / var(--tw-text-opacity, 1));

      opacity: .5;
}

.authCode__resendButton h6 {
  --tw-text-opacity: 1;
  color: rgb(19 193 192 / var(--tw-text-opacity, 1));

        text-decoration: underline;
}

.authGreeting {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.buttonsBack {
    transition: all .3s ease;

    width: auto;
  }

.buttonsBack span {
  --tw-text-opacity: 1;
  color: rgb(19 193 192 / var(--tw-text-opacity, 1));
}

.buttonsBack svg {
  fill: #13C1C0;
}

.buttonsBack:hover span {
  --tw-text-opacity: 1;
  color: rgb(59 213 211 / var(--tw-text-opacity, 1));
}

.buttonsBack:hover svg {
  fill: #3BD5D3;
}

.buttonsBack:disabled {
      opacity: .4;
    }

.buttonsBack:active span {
  --tw-text-opacity: 1;
  color: rgb(21 179 178 / var(--tw-text-opacity, 1));
}

.buttonsBack:active svg {
  fill: #15B3B2;
}

.buttonsCopy {
    position: absolute;
    top: 0;
    left: 0;
    transition-duration: .4s;
    width: 24px;
    overflow: hidden;
  }

.buttonsCopy__copy {
      display: block;
    }

.buttonsCopy__copied {
      display: none;
    }

.buttonsCopy_expanded .buttonsCopy__copy {
        display: none;
      }

.buttonsCopy_expanded .buttonsCopy__copied {
        display: flex;
      }

.buttonsIcon svg {
  fill: #13C1C0;
    transition: all .3s ease;
}

.buttonsIcon:hover svg {
  fill: #3BD5D3;
}

.buttonsIcon:disabled svg {
        opacity: .4;
      }

.buttonsIcon:active svg {
  fill: #15B3B2;
}

.buttonsMain {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #13C1BC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 193 188 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #3DD6D4  var(--tw-gradient-to-position);

    position: relative;
}

.buttonsMain span {
      position: relative;
      z-index: 3;
    }

.buttonsMain:after {
  --tw-bg-opacity: 1;
  background-color: rgb(59 213 211 / var(--tw-bg-opacity, 1));
    transition: all .3s ease;

      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 2;
      border-radius: inherit;
      width: 100%;
      height: 100%;
      content: '';
}

.buttonsMain:hover:after {
      opacity: 1;
    }

.buttonsMain:disabled {
      opacity: .4;
    }

.buttonsMain:active:after {
  --tw-bg-opacity: 1;
  background-color: rgb(21 179 178 / var(--tw-bg-opacity, 1));
}

.campaignsMessagesList {
    width: 100%;
  }

.campaignsMessagesList tr {
      height: 50px;
    }

.campaignsMessagesList th {
      text-align: left;
    }

.campaignsMessagesList td:nth-child(1),
      .campaignsMessagesList td:nth-child(2) {
        width: 9%;
      }

.campaignsMessagesList td:nth-child(3),
      .campaignsMessagesList td:nth-child(5) {
        width: 26%;
      }

.campaignsMessagesList td:nth-child(4) {
        width: 17%;
      }

.campaignsMessagesList td:nth-child(6) {
        width: 13%;
      }

.dashboardsSemenovMetricDescriptionTable__dynamicContent {
      min-height: 100px;
    }

/* stylelint-disable-next-line selector-class-pattern */

.dashboardsSemenovMetricDescriptionTable__dynamicContent .szh-accordion__item-panel {
          padding: 0 !important;
        }

.dashboardsSemenovMetricDescriptionTable__dynamicContent .szh-accordion__item .accordionHeaderIcon {
    transition: all .3s ease;
  }

.dashboardsSemenovMetricDescriptionTable__dynamicContent .szh-accordion__item-btn {
            margin: 0;
            border: none;
            background-color: transparent;
            cursor: pointer;
            padding: 0;
            width: 100%;
          }

.dashboardsSemenovMetricDescriptionTable__dynamicContent .szh-accordion__item-content {
    transition: all .3s ease;
  }

.dashboardsSemenovMetricDescriptionTable__dynamicContent .szh-accordion__item--expanded .accordionHeaderIcon {
    transition: all .3s ease;

              transform: rotate(180deg);
  }

.doctorsPatientsTab__table {
    width: 100%;
  }

.doctorsPatientsTab__table tr {
      height: 50px;
    }

.doctorsPatientsTab__table th {
      text-align: left;
    }

.doctorsPatientsTab__table td {
      width: 100%;
    }

.checkboxContainer {
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

.checkboxContainer__tick {
      gap: 10px;
    }

.checkboxContainer__round {
      align-items: center;
      height: 20px;
    }

.checkboxContainer .checkbox {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.checkboxContainer .checkbox__tick {
  outline-style: solid;
  outline-width: 1px;
  outline-color: #CAD1D8;

        position: relative;
        border-radius: 4px;
}

.checkboxContainer .checkbox__tick__label {
          flex: 1;
        }

.checkboxContainer .checkbox__tick__iconContainer {
  --tw-bg-opacity: 1;
  background-color: rgb(19 193 192 / var(--tw-bg-opacity, 1));
  outline-style: solid;
  outline-width: 1px;
  outline-color: #13C1C0;
    transition: all .3s ease;

          display: flex;
          position: absolute;
          align-items: center;
          justify-content: center;
          opacity: 0;
          border-radius: inherit;
          width: 100%;
          height: 100%;
}

.checkboxContainer .checkbox__tick__iconContainer svg {
            width: 80%;
            height: 80%;
          }

.checkboxContainer .checkbox__round {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(202 209 216 / var(--tw-border-opacity, 1));
    transition: all .3s ease;

        border-radius: 50%;
        width: 20px;
        height: 20px;
}

.checkboxContainer .checkbox__round__label {
          margin-left: 8px;
          color: $gray-75;
          font-size: 18px;
          font-weight: 500;
        }

.checkboxContainer input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      width: 0;
      height: 0;
    }

.checkboxContainer input:checked ~ .checkbox__tick .checkbox__tick__iconContainer {
          opacity: 1;
        }

.checkboxContainer input:checked ~ .checkbox__round {
  --tw-border-opacity: 1;
  border-color: rgb(19 193 192 / var(--tw-border-opacity, 1));

        border-width: 4px;
}

.checkboxContainer input:disabled ~ .checkbox__round {
        opacity: .5;
      }

.errorTooltip__arrow {
  border-top-width: 10px;
  --tw-border-opacity: 1;
  border-color: rgb(222 9 9 / var(--tw-border-opacity, 1));

      bottom: -18px;
      border-right: 7px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 7px solid transparent;
}

.input {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(202 209 216 / var(--tw-border-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;

    border-radius: 4px;
    padding: 10px 16px;
    height: 36px;
}

.input:focus {
      outline: none;
    }

.loader {
    top: 0;
  }

.loader.lighter {
      background-color: rgba(255, 255, 255, .5);
    }

.navList {
    width: 100%;
  }

.navList tr {
  text-decoration-line: underline;
  text-decoration-color: #FFFFFF;
    transition: all .3s ease;

      height: 50px;
}

.navList tr:hover {
  text-decoration-color: #13C1C0;
}

.navList th {
      text-align: left;
    }

.navList .placeholder {
  background-image: none;
  text-decoration-line: none;
}

.navList .placeholder:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.selectDropdownIndicator {
    transition: all .3s ease;
  }

.selectDropdownIndicator_active {
      transform: rotate(180deg);
    }

.sidebar {
    width: 240px;
    min-width: 240px;
    border-right: 1px solid #EEF0F4;
    position: relative;
    transition: width 200ms ease, min-width 200ms ease;
  }

.sidebar svg {
      fill: #A3A3A8;
    }

.sidebar span {
      width: -moz-min-content;
      width: min-content;
    }

.sidebar__item {
      cursor: pointer;
      text-decoration: none;
      color: #52525B;
      font-weight: 600;
      border-left: 3px solid transparent;
      transition: background 150ms ease, color 150ms ease;
      position: relative;
      padding-left: 17px;
      padding-right: 20px;
    }

.sidebar__item svg {
        fill: #A3A3A8;
        color: #A3A3A8;
        transition: fill 150ms ease, color 150ms ease;
      }

.sidebar__item:hover {
        background: #FAFAFA;
        color: #0F766E;
      }

.sidebar__item:hover svg {
          fill: #13C1BC;
          color: #13C1BC;
        }

.sidebar__item__label {
        width: auto !important;
        white-space: nowrap;
      }

.sidebar__item_active {
        background: linear-gradient(90deg, rgba(19, 193, 188, 0.08), transparent);
        color: #0F766E;
        border-left-color: #13C1BC;
      }

.sidebar__item_active svg {
          fill: #13C1BC;
          color: #13C1BC;
        }

.sidebar__exitButton {
      color: #71717A;
      font-weight: 600;
      border-top: 1px solid #EEF0F4;
      transition: color 150ms ease;
    }

.sidebar__exitButton svg {
        fill: #A3A3A8;
        color: #A3A3A8;
        transition: fill 150ms ease, color 150ms ease;
      }

.sidebar__exitButton:hover {
        color: #0F766E;
      }

.sidebar__exitButton:hover svg {
          fill: #13C1BC;
          color: #13C1BC;
        }

.sidebar__toggle {
    transition: all .3s ease;

      position: absolute;
      top: 80px;
      right: -12px;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: white;
      border: 1px solid #E5E7EB;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 10;
  }

.sidebar__toggle:hover {
  --tw-text-opacity: 1;
  color: rgb(19 193 192 / var(--tw-text-opacity, 1));
}

.sidebar__toggle:hover svg {
  fill: #13C1C0;
}

.sidebar__toggle__icon {
    transition: all .3s ease;

        width: 12px;
        height: 12px;
  }

.sidebar__toggle__icon_flipped {
          transform: rotate(180deg);
        }

.sidebar__chatBadge_collapsed {
      position: absolute;
      top: 2px;
      right: 8px;
      height: 16px;
      min-width: 16px;
      padding: 0 4px;
    }

.sidebar_collapsed {
      width: 64px;
      min-width: 64px;
    }

.sidebar_collapsed .sidebar__item {
        padding: 0 3px 0 0;
      }

.sidebar_collapsed .sidebar__exitButton {
        padding-left: 0;
      }

.tabs {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }

.tabs__listWrapper {
      position: relative;
    }

.tabs__listWrapper__list {
        display: flex;
        gap: 24px;
        padding: 0 32px;
        list-style: none;
      }

.tabs__listWrapper__list__tab {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(231 236 240 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(78 87 113 / var(--tw-text-opacity, 1));

          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 2;
          background: none;
          cursor: pointer;
          height: 44px;
}

.tabs__listWrapper__list__tab:focus {
            outline: none;
          }

.tabs__listWrapper__list__tab_selected {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(19 193 192 / var(--tw-border-opacity, 1));

            background: none;
}

.tabs__listWrapper__border {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 240 / var(--tw-bg-opacity, 1));

        position: absolute;
        bottom: -1px;
        width: 100%;
        height: 4px;
}

.tabs__panel {
      display: flex;
      flex: 1;
      flex-direction: column;
      overflow: auto;
    }

.patientsHistoriesTreatsTable__table {
      width: 100%;
    }

.patientsHistoriesTreatsTable__table .tableRow {
        display: flex;
        align-items: center;
        height: 36px;
      }

.patientsHistoriesTreatsTable__table .tableRow div:nth-child(1) {
            width: 15%;
          }

.patientsHistoriesTreatsTable__table .tableRow div:nth-child(2) {
            width: 19%;
          }

.patientsHistoriesTreatsTable__table .tableRow div:nth-child(3) {
            width: 16%;
          }

.patientsHistoriesTreatsTable__table .tableRow div:nth-child(4) {
            width: 41%;
          }

.patientsHistoriesTreatsTable__table .tableRow div:nth-child(5) {
            width: 9%;
          }

.patientsHistoriesTreatsTable__table .tableRow div:last-child {
            text-align: end;
          }

.patientsIndexStatsTableIndex .patientsIndexStatsTableRow:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    transition: all .3s ease;
}

.patientsIndexStatsTableIndex .patientsIndexStatsTableRow:nth-child(odd):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 240 / var(--tw-bg-opacity, 1));
}

.patientsIndexStatsTableIndex .patientsIndexStatsTableRow:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    transition: all .3s ease;
}

.patientsIndexStatsTableIndex .patientsIndexStatsTableRow:nth-child(even):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 240 / var(--tw-bg-opacity, 1));
}

.tableWrapper table {
      border-collapse: collapse;
    }

.tableWrapper table tbody tr {
    transition: all .3s ease;
  }

.tableWrapper table tbody tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 240 / var(--tw-bg-opacity, 1));
}

.tableWrapper table tbody tr:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    transition: all .3s ease;
}

.tableWrapper table tbody tr:nth-child(odd):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 240 / var(--tw-bg-opacity, 1));
}

.tableStatsElement_good {
    position: relative;
  }

.tableStatsElement_good p {
      position: relative;
      z-index: 3;
    }

.tableStatsElement_good:after {
    transition: all .3s ease;

      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 2;
      border-radius: inherit;
      width: 100%;
      height: 100%;
      content: '';
  }

.tableStatsElement_good:hover:after {
      opacity: 1;
    }

.tableStatsElement_good {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #C4FFC3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(196 255 195 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(162 241 163 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #A2F1A3 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #78E985 var(--tw-gradient-to-position);
}

.tableStatsElement_good:after {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #89FD87 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(137 253 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(77 213 79 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4DD54F var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #22BB33 var(--tw-gradient-to-position);
}

.tableStatsElement_average {
    position: relative;
  }

.tableStatsElement_average p {
      position: relative;
      z-index: 3;
    }

.tableStatsElement_average:after {
    transition: all .3s ease;

      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 2;
      border-radius: inherit;
      width: 100%;
      height: 100%;
      content: '';
  }

.tableStatsElement_average:hover:after {
      opacity: 1;
    }

.tableStatsElement_average {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #FFF5D8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 245 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(255 236 183 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFECB7 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-via-position: 49%;
  --tw-gradient-to: #FFDC97 var(--tw-gradient-to-position);
}

.tableStatsElement_average:after {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #FFDBA5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 219 165 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(255 176 84 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFB054 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-via-position: 49%;
  --tw-gradient-to: #FF9F0F var(--tw-gradient-to-position);
}

.tableStatsElement_bad {
    position: relative;
  }

.tableStatsElement_bad p {
      position: relative;
      z-index: 3;
    }

.tableStatsElement_bad:after {
    transition: all .3s ease;

      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 2;
      border-radius: inherit;
      width: 100%;
      height: 100%;
      content: '';
  }

.tableStatsElement_bad:hover:after {
      opacity: 1;
    }

.tableStatsElement_bad {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #FFC5C5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 197 197 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(255 164 164 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFA4A4 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-via-position: 49%;
  --tw-gradient-to: #FF7A7A var(--tw-gradient-to-position);
}

.tableStatsElement_bad:after {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #FF9393 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 147 147 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(255 101 101 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FF6565 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-via-position: 49%;
  --tw-gradient-to: #FF3737 var(--tw-gradient-to-position);
}

.tableStatsElement_notRated {
    position: relative;
  }

.tableStatsElement_notRated p {
      position: relative;
      z-index: 3;
    }

.tableStatsElement_notRated:after {
    transition: all .3s ease;

      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      z-index: 2;
      border-radius: inherit;
      width: 100%;
      height: 100%;
      content: '';
  }

.tableStatsElement_notRated:hover:after {
      opacity: 1;
    }

.tableStatsElement_notRated {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #E5E4E3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 228 227 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #BAC2C2 var(--tw-gradient-to-position);
}

.tableStatsElement_notRated:after {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #D1D1D1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 209 209 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #819292 var(--tw-gradient-to-position);
}

.templatesList, .specialityList {
    width: 100%;
  }

.templatesList tr, .specialityList tr {
      height: 50px;
    }

.templatesList th, .specialityList th {
      text-align: left;
    }

.templatesList td:nth-child(1), .specialityList td:nth-child(1) {
      width: 55%;
    }

.templatesList td:nth-child(2), .specialityList td:nth-child(2) {
      width: 30%;
    }

.templatesList td:nth-child(3), .specialityList td:nth-child(3) {
      width: 15%;
    }

.templatesTextEditor {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(202 209 216 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.125rem;

    border-radius: 4px;
    padding: 10px 16px;
    width: 550px;
    min-height: 200px;
    resize: none;
    font-weight: 500;
}

.templatesTextEditor:focus {
      outline: none;
    }

.templatesTextEditor textarea {
      padding: 10px 16px !important;
    }

.templatesTextEditor textarea:focus {
        outline: none;
      }

.templatesTextEditor pre {
      padding: 10px 16px !important;
    }

.templatesTextEditor__wrapper {
      max-height: 400px;
    }

.tooltipsStatsContent span {
      white-space: nowrap;
    }

.viewsAuthCode__leftSide__content {
        position: relative;
        z-index: 2;
      }

.viewsAuthCode__leftSide__background {
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 247 / var(--tw-bg-opacity, 1));

        width: 100%;
        height: 100%;
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.viewsAuthCode__rightSide__description {
        max-width: 465px;
      }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-top-1 {
  top: -0.25rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-11 {
  bottom: 2.75rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-27 {
  bottom: 6.75rem;
}

.left-0 {
  left: 0px;
}

.left-\[100\%\] {
  left: 100%;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.top-0 {
  top: 0px;
}

.top-10 {
  top: 2.5rem;
}

.z-10 {
  z-index: 10;
}

.z-\[1\] {
  z-index: 1;
}

.z-select-menu {
  z-index: 99;
}

.m-0 {
  margin: 0px;
}

.m-3 {
  margin: 0.75rem;
}

.m-8 {
  margin: 2rem;
}

.m-auto {
  margin: auto;
}

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-13\.5 {
  margin-bottom: 3.375rem;
}

.mb-18 {
  margin-bottom: 4.5rem;
}

.mb-18\.5 {
  margin-bottom: 4.625rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-25 {
  margin-bottom: 6.25rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-4\.5 {
  margin-bottom: 1.125rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-6\.5 {
  margin-bottom: 1.625rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-0\.5 {
  margin-right: 0.125rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mr-12\.5 {
  margin-right: 3.125rem;
}

.mr-13 {
  margin-right: 3.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-3\/4 {
  aspect-ratio: 3 / 4;
}

.h-1\.5 {
  height: 0.375rem;
}

.h-1\/2 {
  height: 50%;
}

.h-10 {
  height: 2.5rem;
}

.h-12\.5 {
  height: 3.125rem;
}

.h-15 {
  height: 3.75rem;
}

.h-17\.5 {
  height: 4.375rem;
}

.h-18 {
  height: 4.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-22\.5 {
  height: 5.625rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-4 {
  height: 1rem;
}

.h-4\.5 {
  height: 1.125rem;
}

.h-5 {
  height: 1.25rem;
}

.h-5\.5 {
  height: 1.375rem;
}

.h-50 {
  height: 12.5rem;
}

.h-54 {
  height: 13.5rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-72 {
  height: 18rem;
}

.h-73\.5 {
  height: 18.375rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-9\.5 {
  height: 2.375rem;
}

.h-\[138px\] {
  height: 138px;
}

.h-\[150px\] {
  height: 150px;
}

.h-\[194px\] {
  height: 194px;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[36px\] {
  height: 36px;
}

.h-\[370px\] {
  height: 370px;
}

.h-\[90\%\] {
  height: 90%;
}

.h-auto {
  height: auto;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.min-h-4\.5 {
  min-height: 1.125rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.min-h-\[100px\] {
  min-height: 100px;
}

.min-h-\[47px\] {
  min-height: 47px;
}

.min-h-\[82px\] {
  min-height: 82px;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-1\/5 {
  width: 20%;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-13 {
  width: 3.25rem;
}

.w-17 {
  width: 4.25rem;
}

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-20 {
  width: 5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-3\/5 {
  width: 60%;
}

.w-4 {
  width: 1rem;
}

.w-4\.5 {
  width: 1.125rem;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-42\.5 {
  width: 10.625rem;
}

.w-45 {
  width: 11.25rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52\.5 {
  width: 13.125rem;
}

.w-56\.5 {
  width: 14.125rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-78 {
  width: 19.5rem;
}

.w-8 {
  width: 2rem;
}

.w-83 {
  width: 20.75rem;
}

.w-9 {
  width: 2.25rem;
}

.w-91 {
  width: 22.75rem;
}

.w-\[10\%\] {
  width: 10%;
}

.w-\[100\%\] {
  width: 100%;
}

.w-\[116px\] {
  width: 116px;
}

.w-\[150px\] {
  width: 150px;
}

.w-\[212px\] {
  width: 212px;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[235px\] {
  width: 235px;
}

.w-\[236px\] {
  width: 236px;
}

.w-\[275px\] {
  width: 275px;
}

.w-\[314px\] {
  width: 314px;
}

.w-\[384px\] {
  width: 384px;
}

.w-\[400px\] {
  width: 400px;
}

.w-\[52px\] {
  width: 52px;
}

.w-\[600px\] {
  width: 600px;
}

.w-\[688px\] {
  width: 688px;
}

.w-\[70\%\] {
  width: 70%;
}

.w-\[90\%\] {
  width: 90%;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-13 {
  min-width: 3.25rem;
}

.min-w-30 {
  min-width: 7.5rem;
}

.min-w-4\.5 {
  min-width: 1.125rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[150px\] {
  max-width: 150px;
}

.max-w-\[220px\] {
  max-width: 220px;
}

.max-w-\[283px\] {
  max-width: 283px;
}

.max-w-\[440px\] {
  max-width: 440px;
}

.max-w-\[584px\] {
  max-width: 584px;
}

.max-w-\[630px\] {
  max-width: 630px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-md {
  max-width: 28rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-2 {
  flex: 2;
}

.flex-5 {
  flex: 5;
}

.flex-\[10\] {
  flex: 10;
}

.flex-\[12\] {
  flex: 12;
}

.flex-\[5\] {
  flex: 5;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.table-fixed {
  table-layout: fixed;
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.resize-none {
  resize: none;
}

.list-none {
  list-style-type: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-11 {
  gap: 2.75rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-12\.5 {
  gap: 3.125rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-4\.5 {
  gap: 1.125rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-7 {
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.self-center {
  align-self: center;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-4xl {
  border-radius: 44px;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.rounded-\[33px\] {
  border-radius: 33px;
}

.rounded-\[44px\] {
  border-radius: 44px;
}

.rounded-\[46\%\] {
  border-radius: 46%;
}

.rounded-\[48px\] {
  border-radius: 48px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-medradar {
  border-radius: 16px;
}

.rounded-medradar-button {
  border-radius: 10px;
}

.rounded-medradar-chip {
  border-radius: 9999px;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-r {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.\!border-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(19 193 192 / var(--tw-border-opacity, 1)) !important;
}

.border-\[\#FECACA\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-border {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
}

.border-gray-15 {
  --tw-border-opacity: 1;
  border-color: rgb(231 236 240 / var(--tw-border-opacity, 1));
}

.border-gray-20 {
  --tw-border-opacity: 1;
  border-color: rgb(202 209 216 / var(--tw-border-opacity, 1));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-medradar-accent-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 237 / var(--tw-border-opacity, 1));
}

.border-medradar-muted\/15 {
  border-color: rgb(107 110 128 / 0.15);
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(19 193 192 / var(--tw-border-opacity, 1));
}

.border-red {
  --tw-border-opacity: 1;
  border-color: rgb(222 9 9 / var(--tw-border-opacity, 1));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.\!bg-gray-75 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(58 62 65 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#E5E5EC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 236 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FEF3C7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-\[rgba\(107\2c 110\2c 128\2c 0\.1\)\] {
  background-color: rgba(107,110,128,0.1);
}

.bg-\[rgba\(16\2c 185\2c 129\2c 0\.12\)\] {
  background-color: rgba(16,185,129,0.12);
}

.bg-\[rgba\(19\2c 193\2c 188\2c 0\.12\)\] {
  background-color: rgba(19,193,188,0.12);
}

.bg-\[rgba\(217\2c 119\2c 6\2c 0\.15\)\] {
  background-color: rgba(217,119,6,0.15);
}

.bg-\[rgba\(239\2c 68\2c 68\2c 0\.12\)\] {
  background-color: rgba(239,68,68,0.12);
}

.bg-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(221 238 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-cold {
  --tw-bg-opacity: 1;
  background-color: rgb(198 235 236 / var(--tw-bg-opacity, 1));
}

.bg-blue-light-opacity {
  background-color: #3E9AF51A;
}

.bg-gray-05 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 248 / var(--tw-bg-opacity, 1));
}

.bg-gray-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 240 / var(--tw-bg-opacity, 1));
}

.bg-gray-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 209 216 / var(--tw-bg-opacity, 1));
}

.bg-gray-25 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 223 233 / var(--tw-bg-opacity, 1));
}

.bg-gray-47-dim {
  background-color: #7D80821A;
}

.bg-green {
  --tw-bg-opacity: 1;
  background-color: rgb(19 193 47 / var(--tw-bg-opacity, 1));
}

.bg-green-dim {
  background-color: #13C12F1A;
}

.bg-medradar-accent-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 251 / var(--tw-bg-opacity, 1));
}

.bg-medradar-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 251 / var(--tw-bg-opacity, 1));
}

.bg-medradar-card-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-medradar-muted\/40 {
  background-color: rgb(107 110 128 / 0.4);
}

.bg-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(255 152 0 / var(--tw-bg-opacity, 1));
}

.bg-orange-secondary-dim {
  background-color: #F767071A;
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(19 193 192 / var(--tw-bg-opacity, 1));
}

.bg-primary-bright {
  background-color: #65D9E8FF;
}

.bg-primary-dim {
  background-color: #13C1C033;
}

.bg-primary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(208 243 242 / var(--tw-bg-opacity, 1));
}

.bg-primary-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(188 226 237 / var(--tw-bg-opacity, 1));
}

.bg-primary\/5 {
  background-color: rgb(19 193 192 / 0.05);
}

.bg-red {
  --tw-bg-opacity: 1;
  background-color: rgb(222 9 9 / var(--tw-bg-opacity, 1));
}

.bg-red-dim {
  background-color: #DE09091A;
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-\[\#D1FAE5\] {
  --tw-gradient-from: #D1FAE5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FEF3C7\] {
  --tw-gradient-from: #FEF3C7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[rgba\(19\2c 193\2c 188\2c 0\.08\)\] {
  --tw-gradient-from: rgba(19,193,188,0.08) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(19, 193, 188, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-medradar-accent-50 {
  --tw-gradient-from: #ECFEFB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 254 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-gradient-0 {
  --tw-gradient-from: #13C1BC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 193 188 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/10 {
  --tw-gradient-from: rgb(19 193 192 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 193 192 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[rgba\(61\2c 214\2c 212\2c 0\.03\)\] {
  --tw-gradient-to: rgba(61,214,212,0.03) var(--tw-gradient-to-position);
}

.to-primary-gradient-100 {
  --tw-gradient-to: #3DD6D4  var(--tw-gradient-to-position);
}

.to-primary\/5 {
  --tw-gradient-to: rgb(19 193 192 / 0.05) var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position);
}

.\!fill-none {
  fill: none !important;
}

.\!fill-white {
  fill: #FFFFFF !important;
}

.fill-gray-47 {
  fill: #7D8082;
}

.fill-gray-50 {
  fill: #797979;
}

.fill-gray-75 {
  fill: #3A3E41;
}

.fill-gray-bi {
  fill: #4E5771;
}

.fill-primary {
  fill: #13C1C0;
}

.fill-whatsapp {
  fill: #13C159;
}

.fill-white {
  fill: #FFFFFF;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-3\.5 {
  padding: 0.875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-8\.5 {
  padding: 2.125rem;
}

.\!px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.\!py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.\!pb-0 {
  padding-bottom: 0px !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-1\.5 {
  padding-left: 0.375rem;
}

.pl-13\.5 {
  padding-left: 3.375rem;
}

.pl-17 {
  padding-left: 4.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pl-25 {
  padding-left: 6.25rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-3\.5 {
  padding-left: 0.875rem;
}

.pl-5\.5 {
  padding-left: 1.375rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-25 {
  padding-right: 6.25rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-3\.5 {
  padding-right: 0.875rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-5\.5 {
  padding-right: 1.375rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-6\.5 {
  padding-top: 1.625rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

.\!text-center {
  text-align: center !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[28px\] {
  font-size: 28px;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[48px\] {
  font-size: 48px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-big {
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 500;
}

.text-label-big {
  font-size: 2.8rem;
  line-height: 3.375rem;
  font-weight: 500;
}

.text-label-biggest {
  font-size: 3rem;
  line-height: 3.625rem;
  font-weight: 700;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-normal {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 400;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-small {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.text-smaller {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.text-smallest {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 400;
}

.text-title-big {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 800;
}

.text-title-normal {
  font-size: 2rem;
  line-height: 2.375rem;
  font-weight: 600;
}

.text-title-small {
  font-size: 1.5625rem;
  line-height: 1.875rem;
  font-weight: 600;
}

.text-title-smaller {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.italic {
  font-style: italic;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.tracking-\[-0\.025em\] {
  letter-spacing: -0.025em;
}

.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}

.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.\!text-green {
  --tw-text-opacity: 1 !important;
  color: rgb(19 193 47 / var(--tw-text-opacity, 1)) !important;
}

.\!text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(19 193 192 / var(--tw-text-opacity, 1)) !important;
}

.\!text-red {
  --tw-text-opacity: 1 !important;
  color: rgb(222 9 9 / var(--tw-text-opacity, 1)) !important;
}

.text-\[\#047857\] {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-\[\#10B981\] {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-\[\#92400E\] {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-\[\#B91C1C\] {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-\[\#D97706\] {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-\[\#DC2626\] {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(33 36 38 / var(--tw-text-opacity, 1));
}

.text-gray-20 {
  --tw-text-opacity: 1;
  color: rgb(202 209 216 / var(--tw-text-opacity, 1));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-47 {
  --tw-text-opacity: 1;
  color: rgb(125 128 130 / var(--tw-text-opacity, 1));
}

.text-gray-50 {
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity, 1));
}

.text-gray-75 {
  --tw-text-opacity: 1;
  color: rgb(58 62 65 / var(--tw-text-opacity, 1));
}

.text-gray-85 {
  --tw-text-opacity: 1;
  color: rgb(33 36 38 / var(--tw-text-opacity, 1));
}

.text-gray-bi {
  --tw-text-opacity: 1;
  color: rgb(78 87 113 / var(--tw-text-opacity, 1));
}

.text-gray-main {
  --tw-text-opacity: 1;
  color: rgb(163 171 177 / var(--tw-text-opacity, 1));
}

.text-green {
  --tw-text-opacity: 1;
  color: rgb(19 193 47 / var(--tw-text-opacity, 1));
}

.text-medradar-accent-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}

.text-medradar-muted {
  --tw-text-opacity: 1;
  color: rgb(107 110 128 / var(--tw-text-opacity, 1));
}

.text-medradar-text {
  --tw-text-opacity: 1;
  color: rgb(26 27 46 / var(--tw-text-opacity, 1));
}

.text-orange {
  --tw-text-opacity: 1;
  color: rgb(255 152 0 / var(--tw-text-opacity, 1));
}

.text-orange-secondary {
  --tw-text-opacity: 1;
  color: rgb(243 76 4 / var(--tw-text-opacity, 1));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(19 193 192 / var(--tw-text-opacity, 1));
}

.text-red {
  --tw-text-opacity: 1;
  color: rgb(222 9 9 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}

.underline {
  text-decoration-line: underline;
}

.no-underline {
  text-decoration-line: none;
}

.decoration-white {
  text-decoration-color: #FFFFFF;
}

.opacity-0 {
  opacity: 0;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.shadow-\[0_0_20px_20px\] {
  --tw-shadow: 0 0 20px 20px;
  --tw-shadow-colored: 0 0 20px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_2px_0_rgba\(145\2c 158\2c 171\2c 0\.2\)\] {
  --tw-shadow: 0 0 2px 0 rgba(145,158,171,0.2);
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_4px_0\] {
  --tw-shadow: 0 4px 4px 0;
  --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_4px_0_rgba\(180\2c 180\2c 180\2c 0\.25\)\] {
  --tw-shadow: 0 4px 4px 0 rgba(180,180,180,0.25);
  --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_4px_rgba\(214\2c 214\2c 214\2c 0\.25\)\] {
  --tw-shadow: 0 4px 4px rgba(214,214,214,0.25);
  --tw-shadow-colored: 0 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-medradar-card {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(19,193,188,0.05);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-medradar-cta {
  --tw-shadow: 0 4px 16px rgba(19,193,188,0.3);
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-primary-dim {
  --tw-shadow-color: #13C1C033;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-shadow {
  --tw-shadow-color: #D6D6D640;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.buttonGradient {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #13C1BC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 193 188 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #3DD6D4  var(--tw-gradient-to-position);
}

.bgNone {
    background: none;
  }

.\!isDisabled {
    opacity: .5 !important;
  }

.isDisabled {
    opacity: .5;
  }

.flexCenter {
  align-items: center;
  justify-content: center;
}

.onRowHover {
    transition: all .3s ease;
  }

.onRowHover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 236 240 / var(--tw-bg-opacity, 1));
}

.hideScrollbar {
    /* Hide scrollbar for */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
  }

/* Firefox */

.hideScrollbar::-webkit-scrollbar { /* Chrome, Safari and Opera */
      display: none;
    }

/* Анимация */

.baseTransition {
    transition: all .3s ease;
  }

.chartJsAnimation {
    /* Параметры анимации, аналогичные дефолтным в ChartJs */
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

/* Градиенты */

.bgGradientGray {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #E5E4E3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 228 227 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #BAC2C2 var(--tw-gradient-to-position);
}

.bgGradientGreen {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #C4FFC3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(196 255 195 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(162 241 163 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #A2F1A3 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #78E985 var(--tw-gradient-to-position);
}

.bgGradientRed {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #FFC5C5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 197 197 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(255 164 164 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFA4A4 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-via-position: 49%;
  --tw-gradient-to: #FF7A7A var(--tw-gradient-to-position);
}

.bgGradientYellow {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #FFF5D8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 245 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(255 236 183 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFECB7 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-via-position: 49%;
  --tw-gradient-to: #FFDC97 var(--tw-gradient-to-position);
}

.hover\:border-medradar-accent-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(15 118 110 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[\#FEE2E2\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.hover\:bg-medradar-accent-200\/40:hover {
  background-color: rgb(167 243 237 / 0.4);
}

.hover\:bg-medradar-accent-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-medradar-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-medradar-card-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:text-button-hovered:hover {
  --tw-text-opacity: 1;
  color: rgb(59 213 211 / var(--tw-text-opacity, 1));
}

.hover\:text-medradar-accent-700:hover {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}

.hover\:text-red:hover {
  --tw-text-opacity: 1;
  color: rgb(222 9 9 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(19 193 192 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-bright:focus {
  border-color: #65D9E8FF;
}

.focus\:border-red:focus {
  --tw-border-opacity: 1;
  border-color: rgb(222 9 9 / var(--tw-border-opacity, 1));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline:focus {
  outline-style: solid;
}

.focus\:outline-0:focus {
  outline-width: 0px;
}

.active\:text-button-pressed:active {
  --tw-text-opacity: 1;
  color: rgb(21 179 178 / var(--tw-text-opacity, 1));
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:opacity-100:disabled {
  opacity: 1;
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:shadow-none:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.disabled\:bgGradientGray:disabled {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #E5E4E3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 228 227 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #BAC2C2 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:decoration-primary {
  text-decoration-color: #13C1C0;
}

@media (min-width: 640px) {

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_300px\] {
    grid-template-columns: minmax(0,1fr) 300px;
  }
}

.\[\&_picture\]\:z-1 picture {
  z-index: 1;
}


/*# sourceMappingURL=application.css.js.map*/