#root>nav.navigation{display:flex;flex-direction:column;position:relative;background:#fff;border-radius:20px;box-sizing:border-box;height:calc(100% - 20px);overflow:visible;gap:20px;flex:0 0 auto;inline-size:275px;transition:inline-size .2s ease-in-out;z-index:50}#root>nav.navigation>div.logo{flex:0 0 100px;position:relative;font-size:21px;font-weight:900;line-height:100px;display:flex;text-align:center;border-bottom:1px rgba(27,37,75,.1) solid;background-size:50%;background-repeat:no-repeat;background-position:center;min-height:100px;cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;box-sizing:border-box;padding:0 60px 0 48px}#root>nav.navigation>div.logo .logo-icon-only{display:block;position:absolute;top:50%;left:0;width:100%;height:29px;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:center center;opacity:0;transition:opacity .2s ease-in-out}#root>nav.navigation>div.logo .logo-icon-only img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}#root>nav.navigation>div.logo .logo-full{display:block;position:absolute;top:0;left:48px;width:calc(100% - 108px);height:100%;background-size:contain;background-repeat:no-repeat;background-position:0 center;opacity:1;transition:opacity .2s ease-in-out}#root>nav.navigation>div.logo .logo-full img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}#root>nav.navigation>div.logo>span{font-weight:400}#root>nav.navigation>.nav-items{overflow:hidden;flex:0 0 auto}#root>nav.navigation>.nav-items .nav-item.active .nav-label{color:#e47953}#root>nav.navigation>.nav-items .nav-item.active .nav-icon{color:#e47953}#root>nav.navigation>.nav-item-bottom{flex:0 0 auto;margin-top:auto;overflow:hidden}#root>nav.navigation>.nav-item-bottom .nav-icon svg{opacity:50%}#root>nav.navigation>.nav-item-bottom .nav-item.active .nav-label{color:#e47953}#root>nav.navigation>.nav-item-bottom .nav-item.active .nav-icon{color:#e47953}#root>nav.navigation>.nav-item-bottom .nav-item.active .nav-icon svg{opacity:1}#root>nav.navigation>.profile{flex:0 0 74px}#root>nav.navigation.minimized{inline-size:88px}#root>nav.navigation.minimized>div.logo{padding:0 0 0 24px}#root>nav.navigation.minimized>div.logo .logo-icon-only{opacity:1}#root>nav.navigation.minimized>div.logo .logo-full{opacity:0}#root>nav.navigation.minimized .nav-label{opacity:0}#root>nav.navigation.minimized>.profile>.profile-badge>span.profile-settings{display:none;opacity:0}@media(max-width: 1400px){#root>nav.navigation{inline-size:88px}#root>nav.navigation>div.logo{padding:0 0 0 24px}#root>nav.navigation>div.logo .logo-icon-only{opacity:1}#root>nav.navigation>div.logo .logo-full{opacity:0}#root>nav.navigation .nav-label{opacity:0}#root>nav.navigation>.profile>.profile-badge>span.profile-settings{display:none;opacity:0}}@media(max-width: 1540px){#root>nav.navigation{zoom:85%}}
.loading-animation-wrapper{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
}

.loading-animation-background{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /*opacity: 0.3;*/
    z-index: 200;
    pointer-events: none;

    animation-duration: 1.8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #f5f8fe 8%, #e9edf7 38%, #f5f8fe 54%);
    background-size: 1000px 640px;

    opacity: 0.8;
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.loading-animation{
    width:200px;
    height:60px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    z-index: 201;
}
.loading-animation .circle{
    width:20px;
    height:20px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    left:15%;
    transform-origin: 50%;
    top:60px;
    animation: circle .5s alternate infinite ease;
}

@keyframes circle{
    0%{
        top:60px;
        height:5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }
    40%{
        height:20px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100%{
        top:0;
    }
}
.loading-animation .circle:nth-child(2){
    left:45%;
    animation-delay: .2s;
}
.loading-animation .circle:nth-child(3){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.loading-animation .shadow{
    width:20px;
    height:4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top:62px;
    transform-origin: 50%;
    z-index: -1;
    left:15%;
    filter: blur(1px);
    animation: shadow .5s alternate infinite ease;
}

@keyframes shadow{
    0%{
        transform: scaleX(1.5);
    }
    40%{
        transform: scaleX(1);
        opacity: .7;
    }
    100%{
        transform: scaleX(.2);
        opacity: .4;
    }
}
.loading-animation .shadow:nth-child(4){
    left: 45%;
    animation-delay: .2s
}
.loading-animation .shadow:nth-child(5){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.profile{
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0 12px 12px 12px;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

.profile > ul.profile-menu.open{
    display: block;
}

.profile > ul.profile-menu{
    display: none;
    position: absolute;
    width: calc(275px - 20px);
    left: 10px;
    top: 45px;
    padding: 8px 0 45px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    transform: translateY(-100%);
    background-color: #f1f4fa;
    margin: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.profile > ul.profile-menu li{
    list-style: none;
    display: block;
    position: relative;
    padding: 8px 20px;
    cursor: pointer;
    opacity: 0.85;
}

.profile > ul.profile-menu li.logout{
    border-top: 1px solid rgba(60, 67, 101, 0.15);
    color: rgb(207 0 0 / 81%);
}

.profile > ul.profile-menu li.logout svg{
    display: inline-block;
    width: 14px;
    height: 14px;
    transform: translateY(2px);
    margin-right: 2px;
}

.profile > ul.profile-menu li:hover{
    background-color: rgba(220, 225, 239, 0.65);
}

.profile-badge{
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px;
    width: 100%;
    height: 62px;
    border-radius: 31px;
    background-color: #f3f6fc;
    box-sizing: border-box;
    padding: 0 14px 0 8px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.profile .profile-badge{
    padding: 0 8px 0 8px;
}

.profile-badge:hover{
    background-color: #d9dee9;
}

.profile-badge.open{
    background-color: #d9dee9;
}

.profile > .profile-badge > .profile-picture{
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
    background-size: cover;
    background-color: #a2adce;

    &.unset{
        filter: brightness(105%);
    }
}

.profile > .profile-badge > .profile-main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    transition: all 0.2s ease-in-out;
    opacity: 1;
}

#root > nav.navigation.minimized .profile > .profile-badge > .profile-main{
    display: none;
    opacity: 0;
}

.profile > .profile-badge > .profile-main > .profile-name{
    font-size: 13px;
    font-weight: bold;
    opacity: 0.85;
    line-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.profile > .profile-badge > .profile-main > .profile-organization{
    font-size: 11px;
    font-weight: normal;
    opacity: 0.85;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.profile > .profile-badge > span.profile-settings{
    color: rgba(152,159,167, 0.65);
    cursor: pointer;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    opacity: 1;
}

.profile > .profile-badge > span.profile-settings > svg{
    width: 22px;
    height: 22px;
    margin-left: 3px;
    margin-top: 3px;
}

.dialog-nickname .dialog{
    width: 500px;
}

.dialog-picture .dialog{
    width: 500px;
}

.dialog-email .dialog{
    width: 500px;
}

.dialog-2fa .dialog{
    width: 500px;
}

.dialog-2fa .dialog .button{
    width: 100%;
}
.input{
    display: block;
    position: relative;
    font-size: 12px;
    margin: 5px 10px 5px 0;
    box-sizing: border-box;
    user-select: none;
    width: 100%;
    overflow: hidden;
    border-radius: 22px;
}

.input input[type="number"]::-webkit-outer-spin-button,
.input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input input[type="number"] {
    -moz-appearance: textfield;
}

.input .input-label{
    display: block;
    position: absolute;
    font-size: 10px;
    color: #a3aed0;
    margin: 0;
    line-height: 10px;
    height: 10px;
    max-height: 10px;
    box-sizing: border-box;
    user-select: none;
    pointer-events: none;
    z-index: 2;
    left: 15px;
    top: 10px;
}

.input.with-pic .input-label{
    left: 50px;
}

.input input{
    display: inline-block;
    position: relative;
    height: 44px;
    min-width: 100px;
    border: 1px solid #a3aed0;
    border-radius: 22px;
    padding: 10px 20px 0 15px;
    box-sizing: border-box;
    z-index: 1;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #1b254b;
    font-size: 14px;
    background-color: #f5f8fe;
}

.input.input-invalid input{
    border-color: #d78282;
    border-width: 2px;
    background-color: #fef5f5;
}

.input.input-invalid p.validation-error-message{
    font-size: 11px;
    font-weight: 600;
    margin: 2px 17px 10px 17px;
    color: #ad4c4c;
    line-height: 12px;
}

.input.with-pic input{
    padding-left: 50px;
}

.input input::placeholder{
    font-style: italic;
    opacity: 0.65;
    font-family: 'Poppins', sans-serif;
    color: #1b254b;
    font-size: 14px;
}

.input input[disabled]{
    background-color: #dce4ed;
    color: #737b93;
    cursor: not-allowed;
}
.input input[disabled]:focus,
.input input[readonly]:focus {
    outline: none;
}

.input.with-pic .input-pic{
    display: inline-block;
    position: absolute;
    height: 36px;
    width: 36px;
    vertical-align: top;
    border-radius: 20px;
    margin-top: 4px;
    margin-left: 4px;
    background-color: brown;
    background-size: cover;
}

.input .input-buttons{
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    z-index: 10;
    padding-right: 15px;
}

.input.number .input-buttons{
    padding-right: 4px;
}

.input .input-buttons button{
    display: inline-block;
    position: relative;
    background: none;
    outline: none;
    border: none;
    height: 30px;
    width: 30px;
    margin-top: 8px;
    cursor: pointer;
    color: #868fab;
}

.input .input-buttons button.copy{
    margin-top:6px;
}

.input .input-buttons button svg{
    width: 100%;
}

.input .input-buttons svg{
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    /* opacity: 40%; */
    cursor: pointer;
    color: #a3aed0;
}

.input.number .input-buttons svg{
    width: 21px;
    padding: 0 8px;
}

.input.number .input-buttons svg + svg {
    border-left: 1px solid #cedaff;
}

.input .input-buttons svg.disabled{
    opacity: 40%;
    cursor: not-allowed;
}

.input.input-adding-state{
    display: inline-block;
    position: relative;
    height: 44px;
    min-width: 100px;
    background-color: #f5f8fe;
    border: 1px dashed #a3aed0;
    border-radius: 22px;
    padding: 10px 50px 0 15px;
    box-sizing: border-box;
    z-index: 1;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    color: #1b254b;
    font-size: 14px;
    opacity: 65%;
    cursor: pointer;
}

.input.input-adding-state span{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 12px;
    text-align: center;
    top: 0;
    left: 0;
    line-height: 42px;
    color: #a0a7bd;
}

@keyframes onAutoFillStart {
    from {}
    to {}
}

.input input:-webkit-autofill {
    animation-name: onAutoFillStart;
    animation-duration: 0s;
}
.tabs{
    display: block;
    position: relative;
    width: calc(100% - 2px);
    left: 1px;
    box-sizing: border-box;
    height: 66px;
    max-height: 66px;
    user-select: none;
    border-bottom: 3px solid #f5f8fe;
    white-space: nowrap;
}

.tabs .tab{
    display: inline-block;
    position: relative;
    font-weight: bold;
    height: 100%;
    font-size: 21px;
    line-height: 66px;
    padding: 0 30px;
    /*opacity: 40%;*/
    cursor: pointer;
    color: rgba(27, 37, 75, 0.4);
    /*border-bottom: 3px solid rgba(245, 248, 254, 0.4);*/
}

.tabs .tab.active{
    opacity: 100%;
    border-bottom: 3px solid rgba(228, 121, 83, 0.5);
    color: #1b254b;
}

.tabs .tab span.tab-count{
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    background-color: rgba(245, 248, 254, 0.4);
    padding: 0 14px;
    color: rgba(163, 174, 208, 0.4);
    border-radius: 9px;
    margin-left: 8px;
    transform: translateY(-2px);
}

.tabs .tab.active span.tab-count{
    background-color: #f5f8fe;
    color: #a3aed0;
}

.tabs .card-content{
    padding: 10px 30px;
    overflow-y: auto;
    height: calc(100% - 86px);
}

/*SECONDARY Tabs*/

.dialog-content.with-secondary-tabs{
    padding: 0;
}

.tabs.tabs-secondary{
    height: 44px;
}

.tabs.tabs-secondary .tab{
    font-size: 14px;
    line-height: 40px;
    padding: 0 20px;
    cursor: pointer;
    color: rgba(27, 37, 75, 0.4);
}

.tabs.tabs-secondary .tab.active{
    opacity: 100%;
    border-bottom: 3px solid rgba(228, 121, 83, 0.5);
    color: #1b254b;
}
#app-overlay-dialogs{pointer-events:all}.dialog-wrapper{content:"";display:none;position:fixed;z-index:99;background-color:rgba(0,0,0,.65);width:calc(100vw + 1px);height:calc(100vh + 1px);top:50%;left:50%;transform:translate(-50%, -50%);min-width:444px}.dialog-wrapper.active{display:block}.dialog{display:flex;flex-direction:column;min-height:0;height:auto;position:fixed;min-width:500px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:100;box-sizing:border-box;border-radius:15px;background-color:#fff;max-height:80%;max-width:80%;overflow:hidden}.dialog .dialog-main-area{display:flex;flex-direction:column;min-height:0}.dialog .dialog-main-area .dialog-tabs{flex:0 0 66px}.dialog .dialog-main-area .dialog-content{flex:1 1 auto}.dialog .dialog-main-area .dialog-footer{display:flex;flex-direction:row;flex:0 0 66px;justify-content:center;align-items:center;height:66px}.dialog .dialog-main-area .dialog-footer a{display:block;position:relative;flex:0 0 auto;top:0}.dialog-content{display:block;position:relative;width:100%;border-bottom:1px solid #d3d9e7;padding:30px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.dialog .dialog-header{display:block;position:relative;width:100%;border-bottom:1px solid #d3d9e7;padding:30px;box-sizing:border-box}.dialog .dialog-header h2{font-size:21px;margin:0 0 0 0;line-height:24px}.dialog .dialog-header h3{font-size:14px;margin:0 0 6px 0;line-height:1em;opacity:40%;font-weight:500}.dialog .dialog-header p{font-size:13px;margin:0 0 0 0}.dialog .dialog-header h2+p{margin-top:4px}.dialog .dialog-content>*:last-child{margin-bottom:0}.dialog .dialog-content h2{font-size:21px;margin:0 0 8px 0;line-height:24px}.dialog .dialog-content h3{font-size:15px;margin-bottom:0}.dialog .dialog-content h3+*{margin-top:15px}.dialog .dialog-content h3+p{margin-top:2px}.dialog .dialog-content p{font-size:13px;margin:0 0 20px 0}.dialog .dialog-footer{display:flex;flex-direction:row;flex:0 0 66px;justify-content:center;align-items:center;height:66px}.dialog .dialog-footer a{display:block;position:relative;flex:0 0 auto;top:0}.dialog .dialog-footer .dialog-button-cancel,.dialog .dialog-footer .dialog-button-apply{display:inline-block;position:relative;height:36px;min-width:100px;border-radius:5px;cursor:pointer;color:#fff;box-sizing:border-box;background-color:#e47953;font-size:12px;text-align:center;text-decoration:none;line-height:34px;vertical-align:top;padding:0 20px}.dialog .dialog-footer .dialog-button-cancel{margin:0 6px 0 0;border:2px solid rgba(228,121,83,.65);background:none;color:#e47953;line-height:32px}.dialog .dialog-footer .dialog-button-apply{margin:0}.dialog-footer .dialog-button-apply{margin:0}.dialog-footer .dialog-button-apply.danger{background-color:#cb434a}.dialog-footer .dialog-button-apply.green{background-color:#66af4e}.dialog-footer .dialog-button-apply.success{background-color:#66af4e}.dialog-footer .dialog-button-apply.error{background-color:#cb434a}.dialog hr{border:none;background-color:#ecf0f7;height:2px;margin-top:20px;margin-bottom:20px}.dialog .loading-animation-wrapper{z-index:200}.dialog-content>.loading-animation-wrapper .loading-animation-background{border-top-right-radius:15px;border-top-left-radius:15px}.dialog.withSideArea{padding-left:350px}.dialog.withSideArea .dialog-side-area{display:block;position:absolute;top:0;left:0;height:100%;width:350px;box-sizing:border-box;border-right:3px solid #f5f8fe;padding:30px}.dialog.withSideArea .dialog-main-area{display:inline-block;position:relative;box-sizing:border-box}
button{
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
}

button.has-icon{
    padding: 0 15px 0 10px;
}

button.button{
    display: inline-block;
    position: relative;
    height: 36px;
    min-width: 36px;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    box-sizing: border-box;
    outline: none;
    border: none;
    line-height: 36px;
    padding: 0 15px;
    vertical-align: top;
    margin: 0 6px 0 0;
}

button.button[disabled]{
    cursor: not-allowed;
}

button.button.with-icon{
    padding: 0 15px 0 10px;
}

button.button.only-icon{
    padding: 0;
}

button.button * {
    line-height: 36px;
    vertical-align: top;
}

button.button > svg:first-child{
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    margin-top: 10px;
    margin-left: 2px;
}

button.button.filled{
    background-color: #e47953;
    color: #FFFFFF;
}

button.button[disabled].filled,
button.button.filled.color-gray{
    background-color: rgba(163, 174, 208, 0.3);
    color: #7e869e;
}

button.button.filled:not([disabled]):hover{
    background-color: #ce6c49;
}

button.button.filled:not([disabled]).color-gray:hover{
    background-color: rgba(163, 174, 208, 0.4);
}

button.button[disabled].gray,
button.button.gray{
    background-color: rgba(163, 174, 208, 0.3);
    color: #7e869e;
}

button.button.gray:hover{
    background-color: rgba(163, 174, 208, 0.4);
}

button.button.outline{
    background: none;
    border: 1px solid #e47953;
    color: #e47953;
}

button.button[disabled].outline{
    border: 1px solid #dcdcdc;
    color: #bfbfbf;
}

button.button.outline.color-gray{
    border: 1px solid rgba(163, 174, 208, 0.3);
    color: rgba(163, 174, 208, 0.3);
}

button.button.iconOnly{
    background-color: #e47953;
    color: #FFFFFF;
    padding: 0;
    width: 36px;
}

button.button[disabled].iconOnly{
    border: 1px solid #dcdcdc;
    color: #bfbfbf;
}

button.button.iconOnly.color-gray{
    background-color: rgba(163, 174, 208, 0.3);
    color: #959eb9;
}

button.button.iconOnly svg{
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    margin-left: 0;
}
.dialog-password .dialog{width:500px}
.dialog-picture .dialog{width:450px;min-width:450px}.dialog-picture .dialog ul.profile-picture-errors{list-style:none;margin:10px 0 0 0;padding:0}.dialog-picture .dialog ul.profile-picture-errors li{font-size:11px;font-weight:600;margin:2px 0 5px 17px;color:#ad4c4c;padding:0}
.image-upload{
    display: block;
    position: relative;
    width: 100%;
    border-radius: 10px;
    padding: 36px 0;
    background: linear-gradient(135deg,rgba(228, 121, 83, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    cursor: pointer;
    border: 2px dashed #eab8a8;
    overflow: hidden;
}

.image-upload .image-icon{
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    left: 50%;
    transform: translateX(-50%);
    color: #eab8a8;
    margin-bottom: 8px;
}

.image-upload h4{
    font-size: 14px;
    text-align: center;
    margin: 0 0 4px 0;
    opacity: 65%;
}

.image-upload p a{
    color: #e47953;
}

.image-upload p{
    font-size: 12px;
    text-align: center;
    margin: 0;
    /*color: #c7cddf;*/
    opacity: 40%;
}

.driver-popover.onboarding-tour{padding:20px 25px}.driver-popover.onboarding-tour header.driver-popover-title{font-family:"Poppins",sans-serif;color:#1b254b}.driver-popover.onboarding-tour .driver-popover-description{font-family:"Poppins",sans-serif;color:#1b254b}.driver-popover.onboarding-tour .driver-popover-description p,.driver-popover.onboarding-tour .driver-popover-description *{font-family:"Poppins",sans-serif;color:#1b254b;margin:0}.driver-popover.onboarding-tour .driver-popover-description p+p{margin-top:10px}.driver-popover.onboarding-tour .driver-popover-description .tour-copy{background-color:#e0e7f1;font-size:11px;padding:5px 8px;opacity:65%;border-radius:5px;margin-top:5px;margin-bottom:5px;cursor:pointer;display:block;position:relative;overflow:hidden}.driver-popover.onboarding-tour .driver-popover-description .tour-copy:hover::after{content:"Click to copy";text-align:center;display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:100%;top:0;left:0;background-color:rgba(224,231,241,.9)}.driver-popover.onboarding-tour .driver-popover-description .tour-copy.copied:hover::after{content:"Copied!"}.driver-popover.onboarding-tour .driver-popover-footer button.driver-popover-next-btn{background-color:#e47953;inset:unset;font-family:"Poppins",sans-serif;color:#fff;border-radius:5px;text-shadow:unset;border:none}.driver-popover.onboarding-tour .driver-popover-footer button.driver-popover-prev-btn{border:1px solid #e47953;background-color:#fff;color:#f27d55;font-family:"Poppins",sans-serif}body.tour-disable-highlight .driver-popover *{pointer-events:all !important}body.tour-disable-highlight>*:not(.driver-popover) *{pointer-events:none !important}
.dialog-tour .dialog{min-width:initial}.dialog-tour .dialog .dialog-content{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:60px 60px}.dialog-tour .dialog .dialog-content .dialog-tour-content{flex:0 0 400px;box-sizing:border-box}.dialog-tour .dialog .dialog-content .dialog-tour-content .logo{width:100%;height:18px;display:block;position:relative;background-size:contain;background-repeat:no-repeat;background-position:left;margin-bottom:20px;margin-top:-6px}.dialog-tour .dialog .dialog-content .dialog-tour-content h2{font-weight:600;margin-bottom:12px}.dialog-tour .dialog .dialog-content .dialog-tour-content p{font-size:14px;line-height:26px;color:#6b718a}@media(max-width: 600px){.dialog-tour .dialog .dialog-content .dialog-tour-content{flex:0 0 280px}}.dialog-tour .dialog .dialog-content .dialog-tour-image{flex:0 0 200px;padding:10px;box-sizing:border-box}.dialog-tour .dialog .dialog-content .dialog-tour-image .dialog-tour-image-background{display:block;position:relative;width:180px;height:180px;border-radius:100px;background-color:#eaedf4}.dialog-tour .dialog .dialog-content .dialog-tour-image .dialog-tour-image-background svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:#e47953}@media(max-width: 900px){.dialog-tour .dialog .dialog-content .dialog-tour-image{display:none}}@media(max-width: 900px){.dialog-tour .dialog{max-width:calc(100% - 40px)}}
.dialog-close-tour{pointer-events:all !important}.dialog-close-tour .dialog{width:500px;pointer-events:all !important}.dialog-close-tour .dialog .dialog-content{pointer-events:all !important}.dialog-close-tour .dialog .dialog-content *{pointer-events:all !important}.dialog-close-tour .dialog .dialog-footer{pointer-events:all !important}.dialog-close-tour .dialog .dialog-footer *{pointer-events:all !important}body.tour-disable-highlight .dialog-wrapper.dialog-close-tour *{pointer-events:all !important}

.nav-item {
	display: block;
	box-sizing: border-box;
	height: 65px;
	padding-left: 35px;
	font-size: 15px;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	border-radius: 5px;
	text-decoration: none;
	color: #1b254b;
    width: 275px;
}

.nav-item:hover {
	background: #f5faff;
}

.nav-icon {
	display: inline-block;
	position: relative;
	height: 100%;
	width: 18px;
	padding-right: 10px;
	vertical-align: top;
}

.nav-icon svg {
	height: 18px;
	width: 18px;
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	transform: translateY(-50%);
}

.nav-label {
	font-size: 15px;
	color: #a3aed0;
	line-height: 65px;
    transition: opacity 0.2s ease-in-out;
}

.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}

html,body{margin:0;padding:0;font-size:0;height:100vh;width:100vw;overflow:hidden;font-family:"Poppins",sans-serif;box-sizing:border-box;color:#1b254b}@media(max-width: 768px){body{overflow-x:auto;overflow-y:hidden}body::-webkit-scrollbar{height:5px}}body svg text,body svg text tspan{fill:#1b254b}#root{display:flex;position:relative;top:0;left:0;height:100vh;width:100vw;overflow:hidden;box-sizing:border-box;background-color:#f5f8fe;padding:20px 0 0 20px;gap:20px;min-width:768px}#root>main.main{flex:1 1 0;display:flex;flex-direction:column;position:relative;overflow:visible;box-sizing:border-box;gap:0;padding:0 20px 20px 0;scroll-padding-bottom:20px}main.main .content-with-banner{flex:1 1 auto;display:block;position:relative;z-index:4}body *{user-select:none;font-family:"Poppins",sans-serif}.card-shadow{box-shadow:0 0 20px rgba(0,0,0,.1)}hr{border:none;background-color:#ecf0f7;height:2px;margin-top:20px;margin-bottom:20px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#a3aed0;border-radius:2px}::-webkit-scrollbar-track{background:#f3f6ff}::selection{background-color:rgba(228,121,83,.2)}h2.empty-page{font-size:28px;display:inline-block;position:relative;width:600px;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%);opacity:.15;max-width:100%;padding:30px 30px}.dialog .dialog-content p.validation-error-message,p.validation-error-message{display:block;position:relative;font-size:11px;font-weight:600;margin-left:17px;margin-top:2px;margin-bottom:10px;color:#ad4c4c}#root main.main.forbidden{display:flex;position:absolute;flex:none;width:auto;height:auto;left:50%;top:50%;transform:translate(-50%, -50%);align-items:center}main.main.forbidden svg{width:150px;height:150px}main.main.forbidden p{font-size:21px;text-align:center}p>a,a.inline-link{color:#e47953}.profile-picture{display:block;position:relative;width:48px;height:48px;background-image:url(/c46b7c59e75807b5b237.png);border-radius:50%;background-size:cover}
.trial-badge{display:block;position:relative;width:100%;height:36px;box-sizing:border-box;padding:0 20px}.trial-badge a{display:block;position:relative;font-size:14px;text-decoration:none;border-radius:6px;color:#c85b3a;border:3px solid rgba(200,91,58,.5);box-sizing:border-box;height:100%;padding:0 20px 0 12px;text-align:center;font-weight:bold;background-color:rgba(200,91,58,.05)}.trial-badge a>svg{width:14px;height:14px;margin-top:7px;margin-right:2px}.trial-badge a>span{opacity:80%;line-height:31px}.trial-badge a>*{vertical-align:top}.trial-badge a:hover{background-color:rgba(200,91,58,.15)}
#root main.main.projects{display:flex;min-width:362px;overflow:auto;padding:0 40px 20px 20px}#root main.main.projects .projects-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-content:center;width:100%;min-width:362px;margin:auto}#root main.main.projects .projects-wrapper .project{display:inline-block;position:relative;width:362px;height:326px;padding:20px;cursor:pointer;text-align:left;box-sizing:border-box;transition:box-shadow .15s ease-in-out;text-decoration:none;margin:0;min-width:362px}#root main.main.projects .projects-wrapper .project>.project-image{display:block;position:relative;width:322px;height:214px;border-radius:15px;box-sizing:border-box;background-color:brown}#root main.main.projects .projects-wrapper .project>h2{font-size:24px;font-weight:bold;margin-top:16px;margin-bottom:0;line-height:24px;text-decoration:none;color:#1b254b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:3px}#root main.main.projects .projects-wrapper .project>p{font-size:14px;color:#a3aed0;margin:2px 0 0 0;text-decoration:none}#root main.main.projects .projects-wrapper .project.new-project{background-color:rgba(0,0,0,0);box-shadow:none;border:2px dashed #a3aed0;opacity:65%}#root main.main.projects .projects-wrapper .project.new-project>.project-image{background-color:rgba(0,0,0,0);border:2px dashed #a3aed0;width:319px;height:212px}#root main.main.projects .projects-wrapper .project.new-project>h2{color:#a3aed0;text-decoration:none}#root main.main.projects .projects-wrapper .project.limit-exceeded .project-image{text-align:center;padding:47px 24px}#root main.main.projects .projects-wrapper .project.limit-exceeded h2{color:#a3aed0}#root main.main.projects .projects-wrapper .project.limit-exceeded p{color:#a3aed0;font-size:14px}#root main.main.projects .projects-wrapper .project.limit-exceeded button.button{margin-top:25px;width:calc(100% - 16px);margin-left:8px;border:none;background-color:#c0c8e0;color:#fff}#root main.main.projects .projects-wrapper .project.long-description p{font-size:12px;line-height:16px}@media(max-width: 1540px){#root main.main.projects .projects-wrapper .project{zoom:85%}}#root main.main.projects .projects-wrapper:has(.project:hover) .project:not(:hover){box-shadow:none}.project-deletion-dialog .dialog{width:400px}
.card{display:inline-block;position:relative;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.1);background-color:#fff;margin:0 20px 20px 0;box-sizing:border-box;min-width:100px;min-height:50px;background-position:center;background-size:101% auto;vertical-align:top;overflow:visible}.card.card-casual{padding:20px 25px 25px 25px}.card.card-casual .card-content-loading{top:0;height:100%}.card.card-casual h2{display:inline-block;position:relative;font-weight:bold;font-size:21px;line-height:24px;padding:0 0;margin:0 0 15px 0}.card.card-with-header{padding:0}.card.card-with-header .card-content{padding:20px 25px 25px 25px;height:calc(100% - 111px)}.card.card-with-header .card-content>*:first-child{margin-top:0}.card.card-with-smallheader .card-content-loading{top:0;height:100%}.card.card-with-smallheader .card-header{display:block;position:relative;width:100%;box-sizing:border-box;height:66px;max-height:66px;user-select:none;border-bottom:3px solid #f5f8fe}.card.card-with-smallheader .card-header>*{vertical-align:top}.card.card-with-smallheader .card-header h2{display:inline-block;position:relative;font-weight:bold;font-size:21px;line-height:66px;padding:0 30px}.card.card-with-smallheader .card-header .card-options{display:inline-block;position:absolute;height:100%;right:0;top:0}.card.card-with-smallheader .card-header .card-button{top:50%;transform:translateY(-50%);margin-right:6px;color:#fff;background-color:#e47953}.card.card-with-smallheader .card-header{border:none;padding-top:17px;height:50px}.card.card-with-smallheader .card-header h2{line-height:24px;padding:0 25px;margin:0}.card.card-with-smallheader .card-header .card-options{height:36px;top:12px}.card.card-with-smallheader .card-content{padding:10px 25px 25px 25px}.card.card-with-smallheader .card-content>.dropdown,.card.card-with-smallheader .card-content>.input{margin:0}.card.card-with-smallheader .card-content .dropdown+.dropdown,.card.card-with-smallheader .card-content .input+.input,.card.card-with-smallheader .card-content .input+.dropdown,.card.card-with-smallheader .card-content .dropdown+.input{margin-top:6px}.card.card-with-tabs{display:inline-flex;flex-wrap:nowrap;white-space:nowrap;width:100%;min-width:0;overflow:hidden;flex-direction:column}.card.card-with-tabs .card-tabs{display:inline-flex;flex-wrap:nowrap;width:100%;gap:0;white-space:nowrap;position:relative;box-sizing:border-box;height:66px;max-height:66px;user-select:none;border-bottom:3px solid #f5f8fe}.card.card-with-tabs .card-tabs::-webkit-scrollbar{height:1px}.card.card-with-tabs .card-tabs::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.card.card-with-tabs .card-tabs::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.card.card-with-tabs .card-tabs .card-tab{flex:0 0 auto;display:inline-block;position:relative;font-weight:bold;height:100%;font-size:21px;line-height:66px;padding:0 30px;opacity:40%;cursor:pointer;border-bottom:3px solid #f5f8fe}.card.card-with-tabs .card-tabs .card-tab.active{opacity:100%;border-bottom:3px solid rgba(228,121,83,.5)}.card.card-with-tabs .card-tabs .card-tab span.tab-count{display:inline-block;position:relative;font-weight:bold;font-size:11px;height:18px;line-height:18px;background-color:#f5f8fe;padding:0 14px;color:#a3aed0;border-radius:9px;margin-left:8px;transform:translateY(-2px)}@media(max-width: 600px){.card.card-with-tabs .card-tabs .card-tab span.tab-count{display:none}}@media(max-width: 800px){.card.card-with-tabs .card-tabs .card-tab{font-size:18px;line-height:66px;padding:0 24px}}.card.card-with-tabs .card-options{display:flex;flex-direction:row;gap:6px;top:0;height:66px;z-index:11;align-items:center}.card.card-with-tabs .card-options button.button{margin:0}.card.card-with-tabs .card-options button.button+button.button{margin-left:6px}.card.card-with-tabs .card-content{padding:10px 30px;height:calc(100% - 86px);display:block;position:relative;overflow-y:auto;overflow-x:hidden}.card.card-with-tabs .card-content.hidden{display:none}.card.card-with-tabs .card-content .dropdown,.card.card-with-tabs .card-content .input{margin-right:0}.card.card-with-tabs .card-content::-webkit-scrollbar-track{margin-bottom:15px}.card.card-with-tabs .card-content h3{font-size:14px}.card.card-with-tabs .card-content-loading{display:block;position:absolute;width:100%;top:66px;height:calc(100% - 66px)}.card .card-header{display:block;position:relative;width:100%;box-sizing:border-box;height:66px;max-height:66px;user-select:none;border-bottom:3px solid #f5f8fe}.card .card-header>*{vertical-align:top}.card .card-header h2{display:inline-block;position:relative;font-weight:bold;font-size:21px;line-height:66px;padding:0 30px}.card .card-header .card-options{display:inline-block;position:absolute;height:100%;right:0;top:0}.card .card-header .card-button{top:50%;transform:translateY(-50%);margin-right:6px;color:#fff;background-color:#e47953}.card .card-header h2{margin:0;padding:0 0 0 25px}.card .card-options{display:block;position:absolute;top:14px;right:0;height:36px;margin-right:14px}.card .card-options .card-add-button,.card .card-options .card-menu-button{top:50%;transform:translateY(-50%);color:#fff}.card .card-options .card-add-button svg,.card .card-options .card-menu-button svg{height:36px;width:21px}.card .card-options .card-add-button{background-color:#e47953}.card .card-options .card-menu-button{background-color:rgba(163,174,208,.3);color:#7e869e}.card p.warning{font-size:11px;padding:0 15px;color:#e47953;margin-top:0}.card p.error{font-size:11px;padding:0 15px;color:#e45353;margin-top:0}.placeholder{display:block;position:relative;width:100%;height:200px;border-radius:5px;border:1px dashed #a3aed0;color:#a3aed0;text-align:center;padding:20px 20px 20px 20px;box-sizing:border-box}.placeholder>span{display:block;position:relative;width:100%;opacity:65%;color:#a3aed0;top:50%;transform:translateY(-50%)}.placeholder>span h3{text-transform:uppercase;font-size:21px;font-weight:bold;line-height:21px;margin:0 0 10px 0}.placeholder>span>span{font-size:11px;font-weight:400;line-height:15px;margin:0}
.context-menu{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1000;
    border-radius: 0 8px 8px 8px;
    padding: 8px 0;
    opacity: 95%;
}

.context-menu.top-left{
    border-radius: 8px 8px 0 8px;
}

.context-menu.top-right{
    border-radius: 8px 8px 8px 0;
}

.context-menu.bottom-left{
    border-radius: 8px 0 8px 8px;
}

.context-menu .context-menu-entry{
    display: block;
    position: relative;
    font-size: 13px;
    padding: 8px 44px 6px 16px;
    font-weight: bold;
    cursor: pointer;
}

.context-menu .context-menu-entry * {
    vertical-align: top;
}

.context-menu .context-menu-entry:hover{
    background-color: rgba(243, 246, 252, 0.65);
}

.context-menu .context-menu-entry svg{
    width: 14px;
    height: 17px;
    margin-right: 6px;
}
.context-menu-entry.delete{
    color: #b93333;
}
.project-edit-dialog .dialog{width:600px;min-width:400px}
.project-edit-dialog .theme-selector{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-content:center;position:relative;width:100%;background-color:#f5f8fe;border-radius:5px;padding:15px 10px;box-sizing:border-box;margin-bottom:15px}.project-edit-dialog .theme{display:inline-block;position:relative;height:107px;width:161px;box-sizing:border-box;padding:10px;background-color:#fff;border-radius:5px;margin:0;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,.1)}.project-edit-dialog .theme.active{border:2px solid rgba(228,121,83,.6705882353)}.project-edit-dialog .theme:hover{box-shadow:0 0 15px rgba(0,0,0,.25)}.project-edit-dialog .theme div{display:block;position:relative;width:100%;height:100%}@media(max-width: 600px){.project-edit-dialog .theme{zoom:.8}}
.project-deletion-dialog .dialog{width:300px;min-width:400px}
.dialog-upselling .dialog{min-width:initial}.dialog-upselling .dialog .dialog-content{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:60px 60px}.dialog-upselling .dialog .dialog-content .dialog-upselling-content{flex:0 0 400px;box-sizing:border-box}.dialog-upselling .dialog .dialog-content .dialog-upselling-content .logo{width:100%;height:18px;display:block;position:relative;background-size:contain;background-repeat:no-repeat;background-position:left;margin-bottom:20px;margin-top:-6px}.dialog-upselling .dialog .dialog-content .dialog-upselling-content h2{font-weight:600;margin-bottom:12px}.dialog-upselling .dialog .dialog-content .dialog-upselling-content p{font-size:14px;line-height:26px;color:#6b718a}@media(max-width: 600px){.dialog-upselling .dialog .dialog-content .dialog-upselling-content{flex:0 0 280px}}.dialog-upselling .dialog .dialog-content .dialog-upselling-image{flex:0 0 200px;padding:10px;box-sizing:border-box}.dialog-upselling .dialog .dialog-content .dialog-upselling-image .dialog-upselling-image-background{display:block;position:relative;width:180px;height:180px;border-radius:100px;background-color:#eaedf4}.dialog-upselling .dialog .dialog-content .dialog-upselling-image .dialog-upselling-image-background svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:#e47953}@media(max-width: 900px){.dialog-upselling .dialog .dialog-content .dialog-upselling-image{display:none}}@media(max-width: 900px){.dialog-upselling .dialog{max-width:calc(100% - 40px)}}

#root > main.main.costs{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 100px 350px auto;
    grid-auto-flow: row;
    justify-items: stretch;
    align-items: stretch;
    justify-content: stretch;
    align-content: stretch;
}

#root > main.main.costs > .card{
    margin: 0;
}

#root > main.main.costs > .card > h2{

}

#root > main.main.costs > .card > svg{
    height: calc(100% - 41px);
}

#root > main.main.costs > .card:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row: 1;
}

#root > main.main.costs > .card:nth-child(2) {
    grid-column-start: 4;
    grid-column-end: 7;
    grid-row: 1;
}

#root > main.main.costs > .card:nth-child(3) {
    grid-column-start: 7;
    grid-column-end: 10;
    grid-row: 1;
}

#root > main.main.costs > .card:nth-child(4) {
    grid-column-start: 10;
    grid-column-end: 13;
    grid-row: 1;
}

#root > main.main.costs > .card:nth-child(5) {
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row: 2;
}

#root > main.main.costs > .card:nth-child(6) {
    grid-column-start: 8;
    grid-column-end: 13;
    grid-row: 2;
}

#root > main.main.costs > .card:nth-child(7) {
    grid-column-start: 1;
    grid-column-end: 13;
    grid-row: 3;
}

#root > main.main.costs > .card.card-stats-number h2{
    opacity: 0.5;
    display: none;
}

#root > main.main.costs > .card.card-stats-number h3{
    font-size: 28px;
    margin-top: 1px;
    opacity: 0.8;
    margin-bottom: 0;
    cursor: pointer;
}

#root > main.main.costs > .card.card-stats-number h3 > span{
    font-size: 14px;
    float: right;
    margin-top: 12px;
}

#root > main.main.costs > .card.card-stats-number .bar{
    position: relative;
    display: block;
    width: 100%;
    height: 12px;
    border-radius: 6px;
    background-color: #f3f6fc;
    cursor: pointer;
}

#root > main.main.costs > .card.card-stats-number .bar .bar-progress{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    border-radius: 4px;
    opacity: 0.5;
    margin: 2px;

    background: repeating-linear-gradient(
            -45deg,
            #606dbc,
            #606dbc 10px,
            #465298 10px,
            #465298 20px
    );
}

#root > main.main.costs > .card.card-stats-number .bar .bar-budget{
    display: inline-block;
    position: absolute;
    font-size: 10px;
    font-weight: 800;
    opacity: 0.25;
    right: 0;
    top: 0;
    margin: 0 5px 0 0;
    line-height: 12px;
}

#root > main.main.costs > .card.card-stats-list .col-project{
    width: 200px;
}

#root > main.main.costs > .card.card-stats-list .col-group{
    width: 200px;
}

#root > main.main.costs > .card.card-stats-list .col-prompt{
    width: 150px;
}

#root > main.main.costs > .card.card-stats-list .col-costs .bar{
    position: relative;
    display: block;
    width: calc(100% - 60px);
    height: 18px;
    border-radius: 9px;
    background-color: #f3f6fc;
    cursor: pointer;
    box-sizing: border-box;
}

#root > main.main.costs > .card.card-stats-list .col-costs .bar .bar-progress{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    border-radius: 5px;
    opacity: 0.3;
    margin: 4px;
    box-sizing: border-box;

    background: repeating-linear-gradient(
            -45deg,
            #606dbc,
            #606dbc 10px,
            #465298 10px,
            #465298 20px
    );
}

#root > main.main.costs > .card.card-stats-list .col-costs .bar p{
    display: inline-block;
    position: absolute;
    font-size: 14px;
    font-weight: 800;
    opacity: 0.65;
    left: calc(100% + 8px);
    top: 0;
    margin: 0 5px 0 0;
    line-height: 12px;
    color: #0f76d7;
}

#root > main.main.costs > .card.card-stats-list .card-content{
    overflow: auto;
}
svg.donut-chart{
    width: 100%;
    height: 100%;
}

svg.donut-chart .donut:hover .segment,
svg.donut-chart .donut.hover .segment{
    opacity: 0.5;
}

svg.donut-chart .donut .segment:hover,
svg.donut-chart .donut .segment.hover
{
    opacity: 1;
}

svg.donut-chart .segment{
    cursor: pointer;
}

svg.donut-chart .donut text{
    font-size: 18px;
    alignment-baseline: middle;
    text-anchor: middle;
    font-weight: 800;
    opacity: 0.8;
}

svg.donut-chart .segment-labels{

}

svg.donut-chart .segment-labels .segment-label{
    cursor: pointer;
}

svg.donut-chart .segment-labels .segment-label text{
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

svg.donut-chart .segment-labels .segment-label text > tspan{
    alignment-baseline: middle;
}

svg.donut-chart .segment-labels .segment-label .segment-label-text{

}

svg.donut-chart .segment-labels .segment-label .segment-label-unit{
    font-size: 15px;
}

svg.donut-chart .segment-labels .segment-label .segment-label-value{
    font-weight: 800;
    font-size: 15px;
}

svg.donut-chart .segment-labels .segment-label .label-background{
    fill: #f3f6fc;
    opacity: 0;
}

svg.donut-chart .segment-labels .segment-label:hover .label-background,
svg.donut-chart .segment-labels .segment-label.hover .label-background{
    opacity: 1;
}


svg.barchart{
    width: 100%;
}

svg.barchart .bar{
    cursor: pointer;
}

svg.barchart .bar-background{
    opacity: 0;
}

svg.barchart .barchart-value-label{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    opacity: 0;
    text-anchor: middle;
}

svg.barchart .barchart-time-label{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    opacity: 0;
    text-anchor: middle;
}

svg.barchart .bar .barchart-time-label.show-always{
    opacity: 1;
}

svg.barchart .bar .barchart-value-label.show-always{
    opacity: 1;
}

svg.barchart:hover .bar{
    opacity: 0.5;
}

svg.barchart .bar:hover{
    opacity: 1;
}

svg.barchart .bar:hover .barchart-time-label.show-on-hover{
    opacity: 0.4;
}

svg.barchart .bar:hover .barchart-value-label.show-on-hover{
    opacity: 1;
}

svg.barchart .line text{
    font-size: 11px;
    alignment-baseline: hanging;
    text-anchor: middle;
    font-weight: 800;
    opacity: 0.3;
}

svg.barchart:hover .line text{
    opacity: 0.65;
}


table.table{font-size:12px;width:100%;padding:20px;border-collapse:collapse;white-space:wrap}table.table.empty{min-height:100%}table.table thead{height:40px}table.table thead tr th{font-weight:bold;font-size:13px;color:#a3aed0;text-transform:uppercase;border-bottom:1px solid #e9ecef;padding:0 8px}tr{text-align:left}table.table tbody tr td{color:#1b254b;font-weight:400;padding:8px 8px}table.table tbody tr{height:48px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.04)}.card .card-content table.table tbody tr td .input,.card .card-content table.table tbody tr td .input:first-child,table.table tbody tr td .input,table.table tbody tr td .input:first-child,table.table tbody tr td .dropdown,table.table tbody tr td .dropdown:first-child{margin-top:5px;margin-bottom:5px}table.table tbody tr:hover{background-color:rgba(233,236,239,.3019607843)}table.table thead tr th.coltype-ID{color:#a3aed0}table.table tbody tr td.coltype-ID,table.table td.table-cell.table-cell-ID{color:#a3aed0;font-weight:500}table.table .coltype-ID,table.table td.table-cell.table-cell-ID{width:65px}table.table td.table-cell.table-cell-ICON{width:18px}table.table td.table-cell.table-cell-ICON svg{width:18px;height:18px;opacity:65%;color:#e47953;display:block}table.table thead tr th.coltype-NUMBER{text-align:right}table.table tbody tr td.coltype-NUMBER,table.table td.table-cell.table-cell-NUMBER{text-align:right}table.table thead tr th.coltype-DATE{text-align:right}table.table tbody tr td.coltype-DATE,table.table td.table-cell.table-cell-DATE{font-size:10px;text-align:right}table.table .coltype-DATE,table.table td.table-cell.table-cell-DATE{width:80px}table.table tbody tr td.coltype-LIST,table.table td.table-cell.table-cell-LIST{font-size:11px}table.table tbody tr td.coltype-LIST ul,table.table td.table-cell.table-cell-LIST ul{padding-left:16px;list-style-position:outside}table.table tbody tr td>i{opacity:60%}table.table tbody tr td.coltype-BUTTONS,table.table td.table-cell.table-cell-BUTTONS{width:1%;white-space:nowrap}table.table tbody tr td.coltype-BUTTONS button.button,table.table td.table-cell.table-cell-BUTTONS button.button{height:30px;width:30px;min-width:30px;color:#b7bed3;line-height:30px;padding:0 0;margin:0 6px 0 0}table.table tbody tr td.coltype-BUTTONS button.button.color-primary,table.table td.table-cell.table-cell-BUTTONS button.button.color-primary{color:#e47953}table.table tbody tr td.coltype-BUTTONS button.button:hover,table.table td.table-cell.table-cell-BUTTONS button.button:hover{background-color:rgba(183,190,211,.5)}table.table tbody tr td.coltype-BUTTONS button.button:last-child,table.table td.table-cell.table-cell-BUTTONS button.button:last-child{margin-right:0}table.table tbody tr td.coltype-BUTTONS button.button svg,table.table td.table-cell.table-cell-BUTTONS button.button svg{height:16px;width:16px;padding:6px 6px}table.table tbody tr td.coltype-BUTTONS button.button.danger,table.table td.table-cell.table-cell-BUTTONS button.button.danger{color:rgba(185,51,51,.5)}table.table tbody tr.table-empty-row{cursor:default;height:80px;border-bottom:none}table.table tbody tr.table-empty-row td{color:#a0a7bd;font-family:"Poppins",sans-serif;font-size:12px;opacity:65%;background-color:#f8fafe;border-bottom-left-radius:10px;border-bottom-right-radius:10px}table.table tbody tr.table-empty-row:hover{background-color:rgba(0,0,0,0)}table.table tbody tr.table-empty-row td.table-empty-cell{text-align:center;color:#a3aed0;font-size:13px;font-style:italic}table.table button.button.filled:hover{background-color:#ce6c49}table.table button.button.filled{background-color:#e47953;color:#fff}
#root > main.main.monitoring{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(13, 1fr);
    grid-template-rows: 286px auto;
    grid-auto-flow: row;
    justify-items: stretch;
    align-items: stretch;
    justify-content: stretch;
    align-content: stretch;
}

#root > main.main.monitoring > .card{
    margin: 0;
}

#root > main.main.monitoring > .card > svg {
    height: calc(100% - 41px);
}

#root > main.main.monitoring > .card h2 .count{
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    background-color: #f5f8fe;
    padding: 0 14px;
    color: #a3aed0;
    border-radius: 9px;
    margin-left: 8px;
    transform: translateY(-2px);
    cursor: pointer;
}

#root > main.main.monitoring > .card-recent-calls{
    grid-column-start: 1;
    grid-column-end: 10;
    grid-row-start: 1;
    grid-row-end: 2;
}

#root > main.main.monitoring > .card-recent-alarms{
    grid-column-start: 10;
    grid-column-end: 14;
    grid-row-start: 1;
    grid-row-end: 4;
    padding-right: 8px;
}

#root > main.main.monitoring > .card-timeline{
    grid-column-start: 1;
    grid-column-end: 10;
    grid-row-start: 2;
    grid-row-end: 4;
}

#root > main.main.monitoring > .card-recent-alarms > svg{
    height: 200px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(27, 37, 75, 0.15);
    width: calc(100% - 17px);
}

#root > main.main.monitoring > .card-recent-alarms .card-content{
    overflow: auto;
    padding: 0 10px 0 0;
    height: calc(100% - 238px);
}

#root > main.main.monitoring > .card.card-stats-number h2{
    opacity: 0.5;
    display: none;
}

#root > main.main.monitoring > .card.card-stats-number h3{
    font-size: 28px;
    margin-top: 1px;
    opacity: 0.8;
    margin-bottom: 0;
    cursor: pointer;
}

#root > main.main.monitoring > .card.card-stats-number h3 > span{
    font-size: 14px;
    float: right;
    margin-top: 12px;
}

#root > main.main.monitoring > .card.card-stats-number .bar{
    position: relative;
    display: block;
    width: 100%;
    height: 12px;
    border-radius: 6px;
    background-color: #f3f6fc;
    cursor: pointer;
}

#root > main.main.monitoring > .card.card-stats-number .bar .bar-progress{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    border-radius: 4px;
    opacity: 0.5;
    margin: 2px;

    background: repeating-linear-gradient(
            -45deg,
            #606dbc,
            #606dbc 10px,
            #465298 10px,
            #465298 20px
    );
}

#root > main.main.monitoring > .card.card-stats-number.card-alarms-today .bar .bar-progress{
    background: repeating-linear-gradient(-45deg, #bc6060, #bc6060 10px, #984646 10px, #984646 20px);
}

#root > main.main.monitoring > .card-recent-alarms ul{
    font-size: 10.5px;
    list-style: none;
    margin: 0;
    padding: 15px 0 15px 0;
}

#root > main.main.monitoring > .card-recent-alarms ul li{
    border-left: 3px solid #1b254b;
    padding: 8px 8px 8px 8px;
    margin: 0 0 12px 0;
    background-color: rgba(241, 244, 250, 0.4);
    border-radius: 8px;
    cursor: pointer;
    opacity: 0.8;
}

#root > main.main.monitoring > .card-recent-alarms ul li.low-quality{border-color: #2a4f87}
#root > main.main.monitoring > .card-recent-alarms ul li.missing-variable{border-color: #ad4c4c}
#root > main.main.monitoring > .card-recent-alarms ul li.wrong-api-call{border-color: #ad4c4c}
#root > main.main.monitoring > .card-recent-alarms ul li.no-prompt-hit{border-color: #cfa051}
#root > main.main.monitoring > .card-recent-alarms ul li.ambiguous-selection{border-color: #cfa051}

#root > main.main.monitoring > .card-recent-alarms ul li:hover{
    background-color: rgba(241, 244, 250, 0.8);
}

#root > main.main.monitoring > .card-recent-alarms ul li h3{
    margin: 0 0 8px 0;
    line-height: 10px;
}

#root > main.main.monitoring > .card-recent-alarms ul li p{
    margin: 0 0 8px 0;
    line-height: 10px;
}

#root > main.main.monitoring > .card-recent-alarms ul li p:last-child{
    margin-bottom: 0;
}

#root > main.main.monitoring > .card.card-timeline h2 > span:nth-child(1){
    background-color: rgba(199, 62, 29, 0.4);
    color: rgba(27, 37, 75, 0.4);
    opacity: 0.5;
}

#root > main.main.monitoring > .card.card-timeline h2 > span:nth-child(2){
    background-color: rgba(239, 178, 88, 0.65);
    color: rgba(27, 37, 75, 0.40);
    opacity: 0.5;
}

#root > main.main.monitoring > .card.card-timeline h2 > span:nth-child(3){
    background-color: rgba(114, 168, 131, 0.65);
    color: rgba(27, 37, 75, 0.4);
    opacity: 0.5;
}

#root > main.main.monitoring > .card.card-timeline h2 > span::after{
    content: "";
    background-color: blue;
    display: block;
    position: absolute;
    top: 0;
    right: -4px;
    height: 100%;
    width: 10px;
    opacity: 0;
}

#root > main.main.monitoring > .card.card-timeline h2 > span::before{
    content: "";
    background-color: blue;
    display: block;
    position: absolute;
    top: 0;
    left: -4px;
    height: 100%;
    width: 10px;
    opacity: 0;
}

#root > main.main.monitoring > .card.card-timeline h2 > span:nth-child(1):hover,
#root > main.main.monitoring > .card.card-timeline h2 > span:nth-child(2):hover,
#root > main.main.monitoring > .card.card-timeline h2 > span:nth-child(3):hover{
    opacity: 1;
}
svg.line-chart{
    width: 100%;
    height: 100%;
    cursor: pointer;
}

svg.line-chart g.horizontal-segment{

}

svg.line-chart g.horizontal-segment text{
    alignment-baseline: middle;
    text-anchor: end;
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #1b254b;
    opacity: 0.15;
}

svg.line-chart .x-axis-caption{
    font-size: 11px;
    text-anchor: middle;
    alignment-baseline: hanging;
    font-family: 'Poppins', sans-serif;
    opacity: 0.3;
}

svg.line-chart .hover-line-x line,
svg.line-chart .hover-line-y line{
    stroke: #1b254b;
    stroke-width: 2px;
    opacity: 0.15;
}

svg.line-chart .hover-line-x text,
svg.line-chart .hover-line-y text{
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}

svg.line-chart .hover-line-x text{
    text-anchor: middle;
    alignment-baseline: hanging;
}

svg.line-chart .hover-line-y text{
    text-anchor: middle;
    alignment-baseline: bottom;
}

svg.line-chart .hover-line-y circle.point{
    fill: #FFFFFF;
    stroke: #61647c;
    stroke-width: 2;
}

svg.line-chart .hover-line-y circle.point-background{
    opacity: 0.15;
    stroke: none;
}
svg.quality-gantt-chart{
    width: 100%;
    height: 100%;
}

svg.quality-gantt-chart > text{
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    text-anchor: start;
    alignment-baseline: middle;
    font-weight: 800;
    opacity: 0.65;
}

svg.quality-gantt-chart .row-group{
    opacity: 0.65;
}

svg.quality-gantt-chart .row-group:hover{
    opacity: 1;
}

svg.quality-gantt-chart g .row-label{
    font-size: 12px;
    text-anchor: start;
    alignment-baseline: middle;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    opacity: 0.25;
}

svg.quality-gantt-chart g.row .row-line{
    stroke: #1b254b;
    stroke-width: 1;
    opacity: 0.15;
}

svg.quality-gantt-chart g.row .row-box{
    cursor: pointer;
}

svg.quality-gantt-chart g.row .row-box.success{
    fill: #2a7c44;
}

svg.quality-gantt-chart g.row .row-box.error{
    fill: #c53e1d;
}

svg.quality-gantt-chart g.row .row-box.quality{
    fill: #ef8e01;
}

svg.quality-gantt-chart .x-axis-caption{
    font-size: 12px;
    text-anchor: middle;
    alignment-baseline: hanging;
}

svg.quality-gantt-chart .time-line line{
    stroke: #1b254b;
    opacity: 0.15;
    stroke-width: 1;
}

svg.quality-gantt-chart .time-line text{
    text-anchor: middle;
    alignment-baseline: hanging;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    opacity: 0.3;
}

svg.quality-gantt-chart .time-line:nth-child(odd) .day-column{
    fill: #f7f8fd;
}

svg.quality-gantt-chart .time-line:nth-child(even) .day-column{
    fill: #FFFFFF;
}
#root main.main.pricing{overflow:auto;display:initial}#root main.main.pricing .main-content{min-height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center}#root main.main.pricing .subscription-first-row{flex:0 0 auto}#root main.main.pricing .subscription-first-row>.logo{width:100%;height:22px;display:block;position:relative;background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:20px}#root main.main.pricing .subscription-first-row>h1{width:100%;font-size:36px;text-align:center;margin:0;line-height:1.15;font-weight:600}#root main.main.pricing .subscription-first-row>.config{float:right;margin-bottom:8px}#root main.main.pricing .subscription-first-row>.config .checkbox{margin:5px 0}#root main.main.pricing .subscription-packages{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.checkbox{display:inline-block;position:relative;height:44px;border-radius:22px;background-color:#f5f8fe;border:1px solid #a3aed0;margin:5px 10px 5px 0;box-sizing:border-box;cursor:pointer;padding:0 22px 0 44px}.checkbox .checkbox-box{display:block;position:absolute;border:1px solid #a3aed0;height:18px;width:18px;border-radius:5px;top:50%;left:16px;transform:translateY(-50%);background-color:#fff}.checkbox .checkbox-box svg{display:block;position:absolute;width:16px;height:16px;color:#fff;top:1px;left:1px}.checkbox .checkbox-label{line-height:42px;font-size:14px}.checkbox .checkbox-label.multiline{font-size:12px;display:block;overflow:hidden;line-height:14px;position:relative;top:50%;transform:translateY(-50%)}.checkbox.checked{background-color:#dcf3dc}.checkbox.checked .checkbox-box{background-color:#74b574}.checkbox.disabled{background-color:#dbdfed;color:#737b93;cursor:initial}.checkbox.error{border:2px solid #d78282;background-color:#fef5f5}
div.textarea {
    display: block;
    width: 100%;
    background-color: #f5f8fe;
    border: 1px solid #a3aed0;
    box-sizing: border-box;
    border-radius: 22px;
    padding: 9px 15px 9px 15px;
    min-height: 44px;
    margin: 5px 0;
}

div.textarea .textarea-label {
    display: block;
    position: relative;
    font-size: 10px;
    color: #a3aed0;
    margin: 0;
    line-height: 10px;
    height: 10px;
    max-height: 10px;
    box-sizing: border-box;
}

div.textarea textarea {
    display: block;
    position: relative;
    background: none;
    width: 100%;
    resize: vertical;
    outline: none;
    border: none;
    min-height: 20px;
    max-height: 600px;
}

div.textarea.disabled {
    background-color: #e1e4ef;
}

div.textarea.invalid p.validation-error-message{
    font-size: 11px;
    font-weight: 600;
    margin-left: 17px;
    margin-top: 2px;
    margin-bottom: 10px;
    color: #ad4c4c;
}

.dialog .dialog-header div.textarea.invalid p.validation-error-message,
.dialog .dialog-content div.textarea.invalid p.validation-error-message
{
    font-size: 11px;
    font-weight: 600;
    margin-left: 17px;
    margin-top: 2px;
    margin-bottom: 10px;
    color: #ad4c4c;
}
.dialog-sales-signal .dialog{width:600px}.dialog-sales-signal .dialog textarea{height:200px}
.subscription-package{flex:1 1 0;padding:25px 25px;background-color:#fff;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.1);min-height:0;display:inline-block;position:relative;overflow:hidden;min-width:250px;box-sizing:border-box}.subscription-package.loading{min-height:275px}.subscription-package.free{background-color:#e9ecf2;box-shadow:none}.subscription-package.free button{background-color:#b4bbc9}.subscription-package.free .subscription-package-header .subscription-package-header-price p{opacity:0}.subscription-package.enterprise{background-color:#3b4158;color:#fff}.subscription-package.enterprise .subscription-package-header .subscription-package-header-price h3.without-discount span{text-decoration-color:hsla(0,0%,100%,.65)}.subscription-package.enterprise .subscription-package-header .subscription-package-header-price p{opacity:.4}.subscription-package.enterprise .subscription-package-content{border-top:1px solid rgba(27,37,75,.4)}.subscription-package.enterprise .subscription-package-content ul li{color:hsla(0,0%,100%,.65)}.subscription-package.enterprise.current-model::before{color:#3b4158;background:#fff}.subscription-package.most-value::before{content:"MOST VALUE";position:absolute;top:21px;right:-47px;width:160px;padding:6px 0;text-align:center;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#3b4158;transform:rotate(45deg);box-shadow:0 2px 4px rgba(0,0,0,.25);pointer-events:none}.subscription-package.current-model::before{content:"YOURS";position:absolute;top:21px;right:-47px;width:160px;padding:6px 0;text-align:center;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#3b4158;transform:rotate(45deg);box-shadow:0 2px 4px rgba(0,0,0,.25);pointer-events:none}.subscription-package.current-model .subscription-package-header .subscription-package-header-title h2{padding-right:36px}.subscription-package button.filled{width:100%;margin-bottom:25px;height:45px}.subscription-package button.filled.downgrade{background-color:rgba(163,174,208,.3);color:#7e869e}.subscription-package button.filled.downgrade:hover{background-color:rgba(163,174,208,.4)}.subscription-package button.filled.no-change[disabled]{background:rgba(0,0,0,0);border:2px solid rgba(163,174,208,.3);color:rgba(126,134,158,.5490196078)}.subscription-package .subscription-package-header{display:grid;grid-template-columns:repeat(1, 1fr);gap:16px;margin-bottom:15px;font-size:12px}.subscription-package .subscription-package-header .subscription-package-header-title h2{font-size:18px;font-weight:300;margin:0;line-height:21px;min-height:42px}.subscription-package .subscription-package-header .subscription-package-header-price h3{font-size:28px;font-weight:600;margin:0 5px 0 0;display:inline-block}.subscription-package .subscription-package-header .subscription-package-header-price h3.without-discount span{font-size:18px;font-weight:400;text-decoration:line-through;text-decoration-color:rgba(27,37,75,.65);text-decoration-thickness:2px;margin:0 8px 0 0;display:inline-block;opacity:65%}.subscription-package .subscription-package-header .subscription-package-header-price p{font-size:11px;opacity:40%;margin:0;line-height:12px;display:inline-block}.subscription-package .subscription-package-content{border-top:1px solid rgba(27,37,75,.1);padding-top:25px;font-size:13px}.subscription-package .subscription-package-content ul{list-style:none;padding:0}.subscription-package .subscription-package-content ul li{margin-left:0;line-height:16px;vertical-align:top;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px;color:rgba(27,37,75,.65)}.subscription-package .subscription-package-content ul li>svg:first-child{flex-shrink:0;width:16px;height:16px;margin-top:1px;color:green}
.dialog-stripe-checkout-session .dialog{width:1080px;max-height:calc(100vh - 40px)}.dialog-stripe-checkout-session .dialog .dialog-content{min-height:400px}
#root main.main.settings{display:flex;flex-direction:row;position:relative;width:100%;min-height:100%;overflow:visible;box-sizing:border-box;gap:0;min-width:600px}#root main.main.settings .card.settings-menu{flex:0 0 300px;margin-bottom:0;max-height:100%;overflow-y:auto;align-self:flex-start}#root main.main.settings .card.settings-menu>a{font-family:"Poppins",sans-serif;box-sizing:border-box;padding:15px 18px;border-radius:12px;cursor:pointer;background-color:#f1f4fa;color:rgba(27,37,75,.65);font-weight:bold;font-size:13px;color:#a3aed0;text-transform:uppercase;display:block;text-decoration:none}#root main.main.settings .card.settings-menu>a:hover,#root main.main.settings .card.settings-menu>a.active{background-color:#d9dee9;color:#1b254b}#root main.main.settings .card.settings-menu a+a{margin-top:8px}#root main.main.settings .card.settings-menu .empty-page-wrapper{flex:1 1 auto}@media(max-width: 1500px){#root main.main.settings .card.settings-menu{zoom:.85}}#root main.main.settings .card.settings-content{margin-bottom:0;flex:1;min-width:0;height:100%;display:inline-block;margin-right:0}#root main.main.settings .card.settings-content .card-content{overflow-y:auto;overflow-x:hidden}@media(max-width: 1200px){#root main.main.settings{flex-direction:column;gap:20px}#root main.main.settings .card.settings-menu{flex:0 0 auto;width:100%;zoom:.9}#root main.main.settings .card.settings-content{flex:0 0 auto;width:100%;height:initial}}
#root main.main.settings .card.settings-content.card-settings-general{flex:0 0 600px;overflow-y:auto;align-self:flex-start;height:auto}@media(max-width: 1200px){#root main.main.settings .card.settings-content.card-settings-general{flex:1 1 auto}}
.dropdown{
    display: block;
    position: relative;
    margin: 5px 10px 5px 0;
    box-sizing: border-box;
    user-select: none;
    width: 100%;
    font-size: 0;
}

.dropdown.open{
    z-index: 5;
}

.dropdown .dropdown-box{
    display: inline-block;
    position: relative;
    height: 44px;
    min-width: 100px;
    background-color: #f5f8fe;
    border: 1px solid #a3aed0;
    border-radius: 22px;
    padding: 9px 50px 0 15px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 4;
    width: 100%;
    overflow: hidden;
    font-size: 12px;
}

.dropdown.open .dropdown-box{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown.disabled .dropdown-value {
    user-select: all;
}

.dropdown.disabled .dropdown-box{
    background-color: #dce4ed;
    cursor: not-allowed;
}

.dropdown .dropdown-box svg{
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    opacity: 50%;
    top: 13px;
}

.dropdown .dropdown-box .dropdown-label{
    display: block;
    position: relative;
    font-size: 10px;
    color: #a3aed0;
    margin: 0;
    line-height: 10px;
    height: 10px;
    max-height: 10px;
    box-sizing: border-box;
}

.dropdown.disabled .dropdown-box .dropdown-label,
.dropdown.disabled .dropdown-box .dropdown-value{
    margin-left: 23px;
}

.dropdown .dropdown-box .dropdown-value{
    display: block;
    position: relative;
    font-size: 14px;
    color: #1b254b;
    margin: 0;
    line-height: 14px;
    height: 22px;
    max-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown .dropdown-box input.dropdown-input{
    margin: 0;
    border: none;
    height: 100%;
    top: 0;
    position: absolute;
    width: calc(100% - 64px);
    background: none;
    box-sizing: border-box;
    color: #1b254b;
    font-size: 14px;
    padding: 12px 0 0 0
}

.dropdown .dropdown-box input.dropdown-input:focus{
    outline: none;
}

.dropdown .dropdown-menu{
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 22px;
    list-style-type: none;
    margin: 0;
    z-index: 1;
    background-color: #f5f8fe;
    border: 1px solid #a3aed0;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
    padding: 22px 0 0 0;
    box-sizing: border-box;
    overflow: hidden;
}

.dropdown.open .dropdown-menu{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.dropdown .dropdown-menu li{
    display: block;
    position: relative;
    list-style-type: none;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    font-size: 14px;
    color: #1b254b;
    line-height: 44px;
    cursor: pointer;
    padding: 0 15px 0 15px;
}

.dropdown .dropdown-menu li:hover{
    background-color: rgba(27,37,75,0.03);
}

.dropdown .dropdown-box::after{
    content: "";
    display: block;
    position: absolute;
    height: 6px;
    width: 6px;
    right: 0;
    top: calc(50% - 1px);
    transform: translate(-16px, -50%) rotate(-45deg);
    border-bottom: 2px solid #a3aed0;
    border-left: 2px solid #a3aed0;
    border-radius: 1px;
    pointer-events: none;
}

.dropdown .dropdown-arrow{
    display: block;
    position: absolute;
    height: 100%;
    width: 36px;
    top: 0;
    right: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}

.dropdown .nothing-selected{
    font-style: italic;
    opacity: 65%;
}


/*PORTAL*/
#app-overlay-dropdown .dropdown-menu-wrapper{
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 22px;
    list-style-type: none;
    margin: 0;
    z-index: 10000;
    background-color: #f5f8fe;
    border: 1px solid #a3aed0;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
    padding: 0 0 0 0;
    box-sizing: border-box;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

#app-overlay-dropdown .dropdown-menu{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    /*display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 22px;
    list-style-type: none;
    margin: 0;
    z-index: 10000;
    background-color: #f5f8fe;
    border: 1px solid #a3aed0;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
    padding: 0 0 0 0;
    box-sizing: border-box;
    overflow-y: auto;*/
}

#app-overlay-dropdown .dropdown-menu li{
    display: block;
    position: relative;
    list-style-type: none;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    font-size: 14px;
    color: #1b254b;
    line-height: 44px;
    cursor: pointer;
    padding: 0 15px 0 15px;
}

#app-overlay-dropdown .dropdown-menu li:hover{
    background-color: rgba(27,37,75,0.03);
}

.dropdown.invalid{
    white-space: none;
    font-size: 0;
}

.dropdown.invalid p.validation-error-message
{
    display: block;
    position: relative;
    font-size: 11px;
    font-weight: 600;
    margin-left: 17px;
    margin-top: 2px;
    margin-bottom: 10px;
    color: #ad4c4c;
}
.object-dropdown{display:block;position:relative;margin:5px 10px 5px 0;box-sizing:border-box;user-select:none;width:100%;font-size:0}.object-dropdown.open{z-index:5}.object-dropdown.open .dropdown-box{border-bottom-left-radius:0;border-bottom-right-radius:0}.object-dropdown.open .dropdown-menu{box-shadow:0 0 20px rgba(0,0,0,.3)}.object-dropdown.disabled .dropdown-value{user-select:all}.object-dropdown.disabled .dropdown-box{background-color:#dce4ed;cursor:not-allowed}.object-dropdown.disabled .dropdown-box .dropdown-label,.object-dropdown.disabled .dropdown-box .dropdown-value{margin-left:23px}.object-dropdown.invalid{white-space:none;font-size:0}.object-dropdown.invalid p.validation-error-message{display:block;position:relative;font-size:11px;font-weight:600;margin-left:17px;margin-top:2px;margin-bottom:10px;color:#ad4c4c}.object-dropdown.invalid .dropdown-box{border-color:#d78282;border-width:2px;background-color:#fef5f5}.object-dropdown .dropdown-box{display:inline-block;position:relative;height:44px;min-width:100px;background-color:#f5f8fe;border:1px solid #a3aed0;border-radius:22px;padding:9px 50px 0 15px;box-sizing:border-box;cursor:pointer;z-index:4;width:100%;overflow:hidden;font-size:12px}.object-dropdown .dropdown-box svg{display:block;position:absolute;width:15px;height:15px;opacity:50%;top:13px}.object-dropdown .dropdown-box .dropdown-label{display:block;position:relative;font-size:10px;color:#a3aed0;margin:0;line-height:10px;height:10px;max-height:10px;box-sizing:border-box}.object-dropdown .dropdown-box .dropdown-value{display:block;position:relative;font-size:14px;color:#1b254b;margin:0;line-height:14px;height:22px;max-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.object-dropdown .dropdown-box input.dropdown-input{margin:0;border:none;height:100%;top:0;position:absolute;width:calc(100% - 64px);background:none;box-sizing:border-box;color:#1b254b;font-size:14px;padding:12px 0 0 0}.object-dropdown .dropdown-box input.dropdown-input:focus{outline:none}.object-dropdown .dropdown-box .dropdown-buttons{display:flex;position:absolute;right:12px;height:100%;top:0;gap:8px;color:#1b254b;opacity:.4;width:max-content}.object-dropdown .dropdown-box .dropdown-buttons svg{opacity:1}.object-dropdown .dropdown-box .dropdown-buttons .dropdown-arrow{display:inline-flex;position:relative;flex:0 0 18px;border-top-right-radius:22px;border-bottom-right-radius:22px;cursor:pointer}.object-dropdown .dropdown-box .dropdown-buttons .dropdown-arrow svg{display:block;position:relative;width:18px;height:18px;transform:translateY(-1px)}.object-dropdown .dropdown-box .dropdown-buttons .dropdown-clear{display:block;position:relative;flex:0 0 15px;cursor:pointer}.object-dropdown .dropdown-menu{display:inline-block;position:absolute;width:100%;left:0;top:22px;list-style-type:none;margin:0;z-index:1;background-color:#f5f8fe;border:1px solid #a3aed0;border-bottom-right-radius:22px;border-bottom-left-radius:22px;padding:22px 0 0 0;box-sizing:border-box;overflow:hidden}.object-dropdown .dropdown-menu li{display:block;position:relative;list-style-type:none;box-sizing:border-box;width:100%;height:44px;font-size:14px;color:#1b254b;line-height:44px;cursor:pointer;padding:0 15px 0 15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.object-dropdown .dropdown-menu li:hover{background-color:rgba(27,37,75,.03)}.object-dropdown .nothing-selected{font-style:italic;opacity:65%}.object-dropdown .validation-error-message{font-size:11px;font-weight:600;margin-left:17px;margin-top:2px;margin-bottom:10px;color:#ad4c4c}#app-overlay-dropdown .object-dropdown-menu-wrapper{display:none;position:fixed;flex-direction:column;width:100%;left:0;top:22px;list-style-type:none;margin:0;z-index:10000;background-color:#f5f8fe;border:1px solid #a3aed0;border-bottom-right-radius:22px;border-bottom-left-radius:22px;padding:0 0 0 0;box-sizing:border-box;box-shadow:0 12px 20px rgba(0,0,0,.3);overflow:hidden}#app-overlay-dropdown .object-dropdown-menu-wrapper .dropdown-menu{margin:0;padding:0;list-style:none;display:block;position:relative;min-height:0;max-height:100%;overflow:auto;flex:1 1 auto}#app-overlay-dropdown .object-dropdown-menu-wrapper .dropdown-menu li{display:block;position:relative;list-style-type:none;box-sizing:border-box;width:100%;height:44px;font-size:14px;color:#1b254b;line-height:44px;cursor:pointer;padding:0 15px 0 15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#app-overlay-dropdown .object-dropdown-menu-wrapper .dropdown-menu li:hover{background-color:rgba(27,37,75,.03)}
#root main.main.settings .card.settings-content.card-model-config .checkbox{display:block;width:100%}#root main.main.settings .card.settings-content.card-model-config .card-content{overflow-y:auto;overflow-x:hidden}#root main.main.settings .card.settings-content.card-model-config .card-content h3.error{color:#ad4c4c}#root main.main.settings .card.settings-content.card-model-config .card-content h3 span{font-weight:400;opacity:50%;font-size:12px}@media(max-width: 800px){#root main.main.settings .card.settings-content.card-model-config .card-tab{font-size:18px;line-height:66px;padding:0 24px}}@media(max-width: 1200px){#root main.main.settings .card.settings-content.card-model-config{flex:1 1 auto;min-height:0}}
#root main.main.settings .card.settings-content.card-default-model-config{flex:0 0 600px;max-height:100%;overflow-y:auto;align-self:flex-start;height:auto}#root main.main.settings .card.settings-content.card-default-model-config p,#root main.main.settings .card.settings-content.card-default-model-config li{font-size:13px;margin-top:0}#root main.main.settings .card.settings-content.card-default-model-config p>a{color:#e47953}#root main.main.settings .card.settings-content.card-default-model-config .model-parameter-placeholder{display:block;position:relative;width:100%;height:400px;min-height:400px;border-radius:22px;border:2px dashed #a3aed0;background-color:#f5f8fe;opacity:65%;overflow:hidden}#root main.main.settings .card.settings-content.card-default-model-config .model-parameter-placeholder p{margin:0;padding:0;display:block;position:relative;font-size:16px;width:400px;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#8b9db2}@media(max-width: 1200px){#root main.main.settings .card.settings-content.card-default-model-config{flex:0 1 auto;height:auto}}
#root main.main.settings .card.settings-content.card-api-keys .table .col-key{width:220px}@media(max-width: 1200px){#root main.main.settings .card.settings-content.card-api-keys{flex:1 1 auto;min-height:0}#root main.main.settings .card.settings-content.card-api-keys .table .col-last_used{display:none}#root main.main.settings .card.settings-content.card-api-keys .table .col-created_at{display:none}}@media(max-width: 1024px){#root main.main.settings .card.settings-content.card-api-keys .table .col-created_by{display:none}}
.dialog-edit-api-key .dialog{width:500px}.dialog-edit-api-key .dialog .input-api-key button{margin-top:7px;padding:7px 6px 6px 6px;border-radius:4px}.dialog-edit-api-key .dialog .input input[disabled]{font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:45px}
.apikey-deletion-dialog .dialog{width:500px}
.dialog-delete .dialog{width:500px}
#root main.main.settings .sub-page-settings-access{display:flex;flex-direction:column;gap:20px;flex:1 1 auto}#root main.main.settings .sub-page-settings-access .user-limit{width:100%;font-size:14px;display:flex;gap:24px;margin-bottom:0}#root main.main.settings .sub-page-settings-access .user-limit>.progress-bar{flex:1 1 auto}#root main.main.settings .sub-page-settings-access .user-limit>.button{flex:0 0 200px}#root main.main.settings .sub-page-settings-access .user-limit>.button .stripe-customer-portal-button svg{width:14px;margin-left:4px}#root main.main.settings .sub-page-settings-access .user-list{display:flex;flex-direction:column;width:100%;height:100%;margin:0}#root main.main.settings .sub-page-settings-access .user-list .table .input,#root main.main.settings .sub-page-settings-access .user-list .table .dropdown{margin:8px 0}@media(max-width: 1500px){#root main.main.settings .sub-page-settings-access .user-list .table .input,#root main.main.settings .sub-page-settings-access .user-list .table .dropdown{zoom:.85}}#root main.main.settings .sub-page-settings-access .user-list .table .col-pic{width:28px}#root main.main.settings .sub-page-settings-access .user-list .table .col-pic .profile-picture{width:28px;height:28px}#root main.main.settings .sub-page-settings-access .user-list .table .col-username{width:300px}#root main.main.settings .sub-page-settings-access .user-list .table .col-email{width:300px}#root main.main.settings .sub-page-settings-access .user-list .table .col-role{width:300px}#root main.main.settings .sub-page-settings-access .user-list .table .col-projects{width:100px}@media(max-width: 1500px){#root main.main.settings .sub-page-settings-access .user-list .table .col-last_login{display:none}}@media(max-width: 1200px){#root main.main.settings .sub-page-settings-access{flex:1 1 auto;min-height:0}#root main.main.settings .sub-page-settings-access .user-limit{flex:0 0 81px}#root main.main.settings .sub-page-settings-access .user-list{flex:1 1 auto;min-width:0}}main.settings .sub-page-settings-access .dialog-invite-user .dialog{width:350px}.license-limit{font-size:14px}
.dialog-invite-user .dialog{width:500px}
.user-deletion-dialog .dialog{width:500px}
.progress-bar{
    display: block;
    position: relative;
    height: 31px;
    box-sizing: border-box;

    /*border: 1px solid rgba(255, 0, 0, 0.15);*/
}

.progress-bar h4{
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.progress-bar h4 span{
    margin-left: 8px;
    font-weight: 400;
    font-size: 12px;
}

.progress-bar > .progress-bar-background,
.progress-bar > .progress-bar-value {
    height: 8px;
    border-radius: 4px;
    top: 23px;
}

.progress-bar .progress-bar-background{
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    border-radius: 4px;

    background-color: #e3e6f0;
}

.progress-bar .progress-bar-value{
    display: block;
    position: absolute;
    left: 0;
    transition: all ease-in-out 0.5s;
    background-color: #80b691;
}

.progress-bar.warning .progress-bar-value{
    background-color: #f0bc4c;
}

.progress-bar.danger .progress-bar-value{
    background-color: #e98181;
}
.dialog-change-license-quantity .dialog{min-width:870px}.dialog-change-license-quantity .dialog .dialog-content{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:60px 60px;gap:20px;background-color:#f5f8fe}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-content{flex:0 0 400px;box-sizing:border-box}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-content .input-number-licenses{width:300px;margin-bottom:25px}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-content .input-number-licenses input{background-color:#fff}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-content .logo{width:100%;height:18px;display:block;position:relative;background-size:contain;background-repeat:no-repeat;background-position:left;margin-bottom:20px;margin-top:-6px}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-content h2{font-weight:600;margin-bottom:12px}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-content p{font-size:14px;line-height:26px;color:#6b718a}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-content p.validation-error-message{font-size:11px;color:#ad4c4c;line-height:14px}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-image{flex:0 0 200px;padding:0 10px;box-sizing:border-box}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-image .dialog-change-license-quantity-image-background{display:block;position:relative;width:180px;height:180px;border-radius:100px;background-color:#eaedf4}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-image .dialog-change-license-quantity-image-background svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:#e47953}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-image .dialog-change-license-pricing-model{background-color:#fff;padding:25px 25px;box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:20px;display:grid;grid-template-columns:repeat(1, 1fr);gap:16px;margin-bottom:15px;font-size:12px;min-width:260px}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-image .dialog-change-license-pricing-model h2{font-size:18px;font-weight:300;margin:0;line-height:21px}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-image .dialog-change-license-pricing-model h2 span{font-size:12px;line-height:21px;opacity:40%}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-image .dialog-change-license-pricing-model h3{font-size:28px;font-weight:600;margin:0 5px 0 0;display:inline-block}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-image .dialog-change-license-pricing-model p{font-size:11px;opacity:40%;margin:0;line-height:12px;display:inline-block}.dialog-change-license-quantity .dialog .dialog-content .dialog-change-license-quantity-image .change-preview p{font-size:13px;line-height:21px;color:#6b718a;padding:0 8px;margin-bottom:0}@media(max-width: 1100px){.dialog-change-license-quantity .dialog{zoom:.8}}

#root main.main.settings .card-settings-subscription .card-content .button-subscription{display:block;position:relative;width:100%;margin-top:20px}#root main.main.settings .card-settings-subscription .card-content .button-subscription svg{width:16px;margin-right:6px;margin-top:10px}#root main.main.settings .card-settings-subscription .card-content .button-subscription *{vertical-align:top}#root main.main.settings .settings-content.settings-content-subscription{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}#root main.main.settings .settings-content.settings-content-subscription .card-settings-subscription{width:600px;display:block;font-size:14px;flex:0 0 auto}#root main.main.settings .settings-content.settings-content-subscription .card-settings-subscription .trial-badge{padding:0;margin-bottom:15px}@media(max-width: 1200px){#root main.main.settings .settings-content.settings-content-subscription .card-settings-subscription{flex:1 1 auto;min-height:0;width:100%}}#root main.main.settings .settings-content.settings-content-subscription .subscription-package{flex:0 0 auto;width:600px;display:block}@media(max-width: 1200px){#root main.main.settings .settings-content.settings-content-subscription .subscription-package{flex:1 1 auto;min-height:0;width:100%}}@media(max-width: 1200px){#root main.main.settings .settings-content.settings-content-subscription{flex:1 1 auto}}
#root main.main.settings .card.settings-content.card-settings-billing{max-width:900px}#root main.main.settings .card.settings-content.card-settings-billing .table-cell.col-status span{display:inline-block;position:relative;padding:1px 8px;border-radius:5px}#root main.main.settings .card.settings-content.card-settings-billing .table-cell.col-status span.open{border:1px solid rgba(72,134,171,.65);background-color:rgba(72,134,171,.05);color:rgba(72,134,171,.8)}#root main.main.settings .card.settings-content.card-settings-billing .table-cell.col-status span.paid{border:1px solid rgba(42,124,68,.65);background-color:rgba(42,124,68,.05);color:rgba(42,124,68,.8)}#root main.main.settings .card.settings-content.card-settings-billing .table .col-date{width:180px}#root main.main.settings .card.settings-content.card-settings-billing p{font-size:14px}#root main.main.settings .card.settings-content.card-settings-billing .stripe-customer-portal-button{margin-bottom:25px;display:block;width:100%}#root main.main.settings .card.settings-content.card-settings-billing .stripe-customer-portal-button svg{width:14px;margin-left:4px}#root main.main.settings .card.settings-content.card-settings-billing .stripe-customer-portal-button:hover{background-color:rgba(228,121,83,.05)}@media(max-width: 1200px){#root main.main.settings .card.settings-content.card-settings-billing{flex:1 1 auto;min-height:0}}
#root main.main>header.project-banner{display:flex;position:relative;flex:0 0 100px;height:120px;width:100%;padding-left:0;background-size:cover;background-position:right;overflow:hidden;margin:0;z-index:5}#root main.main>header.project-banner .back-button{flex:0 0 30px;position:relative;height:100%;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#root main.main>header.project-banner .back-button svg{color:#fff;margin-left:0;opacity:.9;width:30px;height:30px}#root main.main>header.project-banner .back-button:hover{background-color:rgba(0,0,0,.1)}#root main.main>header.project-banner.with-back-link .project-banner-title{padding-left:0}#root main.main>header.project-banner .project-banner-title{flex:0 0 auto;padding:0 0 0 30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;gap:5px}#root main.main>header.project-banner .project-banner-title h3{display:block;position:relative;font-size:13px;font-weight:400;color:#fff;margin:2px 0;line-height:13px;text-shadow:0 0 10px rgba(0,0,0,.5)}#root main.main>header.project-banner .project-banner-title h2{display:block;position:relative;font-size:21px;font-weight:800;color:#fff;margin:0;line-height:21px;text-shadow:0 0 10px rgba(0,0,0,.5)}#root main.main>header.project-banner .project-banner-title h2 .subtext{font-weight:400;font-size:18px}#root main.main>header.project-banner .project-banner-options{flex:1 1 auto;flex-direction:row;display:flex;align-items:center;justify-content:flex-end;gap:12px;height:100%;padding:0 30px}#root main.main>header.project-banner .project-banner-options>*{text-align:right}#root main.main>header.project-banner .project-banner-options button.button{flex:0 0 100px;display:inline-block;position:relative;height:30px;width:100px;background-color:rgba(0,0,0,.4);border-radius:15px;font-size:12px;line-height:28px;text-decoration:none;color:#fff;font-weight:bold;text-align:center;margin:0;border:none;cursor:pointer;box-sizing:border-box}#root main.main>header.project-banner .project-banner-options button.button.button-publish,#root main.main>header.project-banner .project-banner-options button.button.button-save-draft{flex:1 1 200px;font-size:14px;height:40px;line-height:40px;border-radius:8px;text-align:center;padding:initial;overflow:hidden;cursor:pointer;max-width:200px;box-shadow:0 0 15px rgba(0,0,0,.4)}#root main.main>header.project-banner .project-banner-options button.button.button-publish{color:#fff;background-color:#e47953;border:1px solid #e47953}#root main.main>header.project-banner .project-banner-options button.button.button-publish:hover{background-color:#d86f4a}#root main.main>header.project-banner .project-banner-options button.button.button-save-draft{color:#e47953;background-color:hsla(0,0%,100%,.9);border:1px solid #e47953}#root main.main>header.project-banner .project-banner-options button.button.button-save-draft:hover{background-color:#fff}@media(max-width: 650px){#root main.main>header.project-banner .project-banner-options{flex-direction:column;justify-content:center;align-items:flex-end;gap:6px}#root main.main>header.project-banner .project-banner-options button.button{flex:0 0 24px;line-height:24px;font-size:11px}}
#root main.main.project{gap:20px;min-width:400px}#root main.main.project .project-card{display:block;position:relative;width:100%;height:calc(100% - 20px);margin:0}@media(max-width: 900px){#root main.main.project .project-card .card-options button{font-size:0;padding:0 6px}}#root main.main.project .project-card .card-content{overflow:auto}#root main.main.project .project-card .table-groups .col-name{width:220px}@media(max-width: 1350px){#root main.main.project .project-card .table-groups .col-avg_tokens{display:none}#root main.main.project .project-card .table-groups .col-avg_costs{display:none}}@media(max-width: 1110px){#root main.main.project .project-card .table-groups .col-blocks{display:none}}@media(max-width: 900px){#root main.main.project .project-card .table-groups .col-last_fail{display:none}#root main.main.project .project-card .table-groups .col-last_call{display:none}}#root main.main.project .project-card .table-blocks .col-prompts,#root main.main.project .project-card .table-blocks .col-selectors{width:150px}#root main.main.project .project-card .table-blocks .coltype-DATE.col-last_call{width:200px}#root main.main.project .project-card .prompt-variable-table span.prompt-variable{color:#e47953}#root main.main.project .project-card .prompt-variable-table span.prompt-variable::before{content:"{{";color:#a3aed0}#root main.main.project .project-card .prompt-variable-table span.prompt-variable::after{content:"}}";color:#a3aed0}@media(max-width: 1110px){#root main.main.project .project-card .prompt-variable-table .col-type{display:none}}@media(max-width: 900px){#root main.main.project .project-card .prompt-variable-table .col-prompts{display:none}#root main.main.project .project-card .prompt-variable-table .col-type{display:none}}#root main.main.project .project-card .prompt-block-table span.prompt-block{color:#4eabc1}#root main.main.project .project-card .prompt-block-table span.prompt-block::before{content:"{{";color:#a3aed0}#root main.main.project .project-card .prompt-block-table span.prompt-block::after{content:"}}";color:#a3aed0}@media(max-width: 800px){#root main.main.project .project-card .prompt-block-table .col-last_call{display:none}}@media(max-width: 650px){#root main.main.project .project-card .prompt-block-table .col-prompts{display:none}}
.dialog-edit-group .dialog{width:500px}
.group-creation-dialog .dialog{width:500px}
.add-selector-button{
    text-align: center;
    line-height: 44px;
    color: #a0a7bd;
    display: inline-block;
    position: relative;
    height: 44px;
    min-width: 100px;
    background-color: #f5f8fe;
    border: 1px dashed #a3aed0;
    border-radius: 22px;
    padding: 0;
    box-sizing: border-box;
    z-index: 1;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    opacity: 65%;
    cursor: pointer;
}
.group-deletion-dialog .dialog{width:500px;min-width:500px}
.card-group{display:inline-block;position:relative;vertical-align:top;margin-right:20px;margin-bottom:20px;overflow-y:auto;overflow-x:hidden;transition-property:transform;transition-duration:.1s;transition-timing-function:linear}.card-group .card{transition-property:transform;transition-duration:.1s;transition-timing-function:linear}.card-group .card:last-child{margin-bottom:20px}.card-group::-webkit-scrollbar{width:0;height:0}
#root main.main.group{display:flex;width:100%;height:100%;overflow:visible;box-sizing:border-box;min-width:400px}#root main.main.group .card-group{display:block;position:absolute;width:500px;height:100%;left:-100px;top:-50px;padding:70px 100px 0 100px;overflow-y:auto;overflow-x:hidden}#root main.main.group .card-group .card{display:inline-block;position:relative;width:100%}@media(max-width: 1600px){#root main.main.group .card-group .card{zoom:.9}}#root main.main.group .group-list{display:block;position:absolute;width:calc(100% - 520px);height:calc(100% - 20px);left:520px;margin-top:20px}#root main.main.group .group-list .default-system-prompt{padding:0;height:calc(100% - 65px)}#root main.main.group .group-list .default-system-prompt-cover{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background-color:rgba(228,121,83,.15);cursor:pointer;transition:opacity .1s ease-in-out;opacity:0}#root main.main.group .group-list .default-system-prompt-cover:hover{opacity:1}#root main.main.group .group-list .default-system-prompt-cover span{display:inline-block;position:absolute;font-size:16px;padding:10px 20px;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(228,121,83,.1);border-radius:8px;font-weight:700;color:rgba(228,121,83,.65)}@media(max-width: 1700px){#root main.main.group .group-list .card-tab{font-size:18px;line-height:66px;padding:0 24px}}@media(max-width: 1600px){#root main.main.group .group-list .card-options button{font-size:0;padding:0 6px}}@media(max-width: 1200px){#root main.main.group .group-list .card-tabs{zoom:.8}#root main.main.group .group-list .card-options{zoom:.8}}@media(max-width: 1050px){#root main.main.group .group-list .card-tab .tab-count{display:none}#root main.main.group .group-list .table-groups .col-last_call{display:none}#root main.main.group .group-list .table-groups .col-model{display:none}#root main.main.group .group-list .prompt-block-table .col-prompts{display:none}#root main.main.group .group-list .prompt-variable-table .col-prompts{display:none}#root main.main.group .group-list .prompt-variable-table .col-type{display:none}}@media(max-width: 1800px){#root main.main.group .card-group{width:400px}#root main.main.group .group-list{left:420px;width:calc(100% - 420px)}}@media(max-width: 1450px){#root main.main.group .card-group{width:300px}#root main.main.group .group-list{left:320px;width:calc(100% - 320px)}}@media(max-width: 950px){#root main.main.group{overflow:auto;padding:40px;transform:translate(-40px, -40px);box-sizing:content-box;flex:0 0 calc(100% - 88px);gap:20px}#root main.main.group .content-with-banner{display:flex;flex-direction:column}#root main.main.group .content-with-banner .card-group{display:block;position:relative;width:100%;padding:0;left:0;top:0;overflow:visible;height:auto;margin:0}#root main.main.group .content-with-banner .group-list{display:block;position:relative;left:0;width:100%;height:auto;margin:0}#root main.main.group .content-with-banner .group-list .card-content{max-height:774px;min-height:300px;overflow-y:auto}}#root main.main.group .group-data .dropdown,#root main.main.group .group-selectors .dropdown{width:100%}#root main.main.group .group-data .dropdown:last-child,#root main.main.group .group-selectors .dropdown:last-child{margin-bottom:0}#root main.main.group .group-data .input{width:100%}main.group .add-selector-dialog .dialog{width:500px}main.group .dialog-api-call pre{font-size:14px;height:500px;width:820px;overflow-y:auto}.prompt-variable-table span.prompt-variable{color:#e47953}.prompt-variable-table span.prompt-variable::before{content:"{{";color:#a3aed0}.prompt-variable-table span.prompt-variable::after{content:"}}";color:#a3aed0}.prompt-block-table span.prompt-block{color:#4eabc1}.prompt-block-table span.prompt-block::before{content:"{{";color:#a3aed0}.prompt-block-table span.prompt-block::after{content:"}}";color:#a3aed0}@media(max-width: 1400px){#root:has(>main.main.group)>nav.navigation{inline-size:88px}#root:has(>main.main.group)>nav.navigation>div.logo{padding:0 0 0 24px}#root:has(>main.main.group)>nav.navigation>div.logo .logo-name{opacity:0}#root:has(>main.main.group)>nav.navigation .nav-label{opacity:0}#root:has(>main.main.group)>nav.navigation .nav-item.active .nav-label{color:#e47953}#root:has(>main.main.group)>nav.navigation>.profile>.profile-badge>span.profile-settings{display:none;opacity:0}}
.prompt-editor{background-color:#fff;padding:0;overflow:hidden;height:100%;position:relative;display:block}.prompt-editor .prompt-editor-scroll{height:100%;overflow-y:auto;overflow-x:hidden}.prompt-editor.toolbar-hidden .prompt-area-content-area{padding:30px 40px 30px 40px}.prompt-editor.block-card{border:4px solid rgba(93,174,195,.3333333333)}.prompt-editor.prompt-card{border:4px solid rgba(255,150,112,.3333333333)}.prompt-editor .prompt-area-content-area,.prompt-editor div.slate-editor-placeholder{display:block;position:relative;width:100%;height:100%;outline:none;border:none;padding:30px 30px 70px 100px;box-sizing:border-box;cursor:text;background-size:cover;font-size:14px;font-family:"SourceCode",monospace;line-height:1.85;overflow-y:auto;z-index:10}.prompt-editor .prompt-area-content-area.readonly{background-color:#f8fbff;user-select:text}.prompt-editor .prompt-area-content-area.readonly *{opacity:85%;user-select:text}.prompt-editor .prompt-area-content-area *{font-family:"SourceCode",monospace}.prompt-editor .prompt-area-content-area>*:first-child{margin-top:0}.prompt-editor .prompt-area-content-area .underlined{text-decoration:underline}.prompt-editor .prompt-area-content-area .italic{font-style:italic;opacity:90%}.prompt-editor .prompt-area-content-area>.selected{background-color:#f4f7ff}.prompt-editor .prompt-area-content-area h2{color:#1b254b;font-size:18px;margin-bottom:4px;margin-top:15px}.prompt-editor .prompt-area-content-area h3{color:#1b254b;font-size:15px;margin-bottom:0;margin-top:10px}.prompt-editor .prompt-area-content-area ul{padding-left:18px;margin:0 0 10px 0}.prompt-editor .prompt-area-content-area ol{padding-left:24px;margin:0 0 10px 0}.prompt-editor .prompt-area-content-area ol>li::marker{font-weight:600}.prompt-editor .prompt-area-content-area p{margin:0 0 10px 0}.prompt-editor .prompt-area-content-area .prompt-placeholder:not(.prompt-placeholder-testdataon){cursor:pointer;background-color:rgba(222,225,229,.4509803922);font-size:calc(1em - 1px);padding:1px 5px 2px 5px;border-radius:3px}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-testdataon{cursor:pointer}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-variable{color:#ff9670}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-block{color:#4eabc1}.prompt-editor .prompt-area-content-area .prompt-placeholder.selected{background-color:rgba(228,121,83,.2)}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-block.selected{background-color:rgba(78,171,193,.2)}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-skill-input{color:#d86f4a}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-skill-input.selected{background-color:rgba(216,111,74,.2)}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-skill-knowledge{color:#4eabc1}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-skill-knowledge.selected{background-color:rgba(78,171,193,.2)}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-skill-tool{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(0,0,0,0);border-radius:4px;padding:0 5px 0 3px}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-skill-tool .prompt-placeholder-skill-tool-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.prompt-editor .prompt-area-content-area .prompt-placeholder.error span{text-decoration:underline;text-decoration-color:red;text-decoration-style:wavy}.prompt-editor .prompt-area-content-area .prompt-placeholder2::before{content:"{{";color:#a3aed0;font-style:normal}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-testdataon::before{content:none}.prompt-editor .prompt-area-content-area .prompt-placeholder2::after{content:"}}";color:#a3aed0;font-style:normal}.prompt-editor .prompt-area-content-area .prompt-placeholder.prompt-placeholder-testdataon::after{content:none}.prompt-editor .prompt-area-content-area .prompt-placeholder i{color:#a3aed0;font-style:normal}.prompt-editor .prompt-area-content-area .prompt-comment{color:#a3aed0;opacity:.8;font-size:13px;font-weight:400}.prompt-editor .prompt-area-content-area .prompt-comment *{color:#a3aed0;font-size:13px;font-weight:400}.prompt-editor .prompt-area-content-area .prompt-comment .prompt-comment{opacity:1}.prompt-editor .prompt-area-content-area .prompt-comment i{font-style:normal}.prompt-editor .prompt-area-content-area .prompt-comment2::before{content:"// "}.prompt-editor .prompt-area-content-area .prompt-comment:has(+h2){color:#a3aed0;opacity:.8;margin-top:15px}.prompt-editor .prompt-area-content-area .prompt-comment+h2{margin-top:0}.prompt-editor .slate-empty-placeholder{display:inline-block;position:absolute;width:auto !important;padding-top:30px;box-sizing:border-box}.prompt-editor textarea{width:100%;height:calc(100% - 112px);outline:none;border:none;padding:30px;box-sizing:border-box}.dummy-editor{width:100%;height:calc(100% - 112px);outline:none;border:none;padding:30px;box-sizing:border-box;cursor:text;background-size:cover;display:none}
.prompt-editor .toolbar{
    display: block;
    position: absolute;
    background-color: #dce4ed;; /*edf2f7*/
    top: 0;
    overflow: hidden;
    width: 50px;
    height: calc(100% - 34px);
    margin-top: 16px;
    margin-left: 18px;
    border-radius: 8px;
    background-color: rgba(220, 228, 237, 0.4);
    z-index: 11;
    padding: 0 12px;
    box-sizing: border-box;
}

.prompt-editor .toolbar h2{
    display: inline-block;
    line-height: 24px;
    padding-right: 20px;
    margin-top: 9px;
    border-right: 1px solid rgba(27, 37, 75, 0.15);
    padding-left: 20px;
    color: rgba(172, 172, 172, 0.65);
    font-size: 16px;
}

.prompt-editor.prompt-card .toolbar h2{
    color: rgba(228, 121, 83, 0.5);
}

.prompt-editor.block-card .toolbar h2{
    color: rgba(93, 174, 195, 0.65);
}

.prompt-editor .toolbar .tool-group{
    display: block;
    position: relative;
    padding: 18px 0;
    border-bottom: 1px solid rgba(27, 37, 75, 0.15);
    vertical-align: top;
    width: 100%;
}

.prompt-editor .toolbar .tool-group .tool{
    display: block;
    position: relative;
    height: 16px;
    width: 16px;
    text-decoration: none;
    vertical-align: top;
    background-size: 17px 17px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 6px;
    opacity: 0.65;
    padding: 5px 5px;
    box-sizing: content-box;
    border-radius: 5px;
    transition: background-color 0.08s ease-in-out;
}

.prompt-editor .toolbar .tool-group .tool.readonly{
    opacity: 0.3;
    cursor: not-allowed;
}

.prompt-editor .toolbar .tool-group .tool:hover:not(.readonly),
.prompt-editor .toolbar .tool-group .tool.active:not(.readonly){
    opacity: 1;
    background-color: rgba(102, 108, 134, 0.15);
}

.prompt-editor .toolbar .tool-group .tool:last-child{
    margin-bottom: 0;
}

.prompt-editor .toolbar .tool-group.tools-linked-prompts{
    display: inline-block;
    float: right;
    margin-right: 17px;
    border: none;
    padding: 0;
}

.prompt-editor .toolbar .tool-group .tool svg{
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    stroke-width: 2.5px;
    opacity: 0.85;
    top: 4px;
    left: 4px;
}

.prompt-editor .toolbar .tool-group.tools-linked-prompts .tool{
    display: inline-block;
    position: relative;
    background-color: rgba(163, 174, 208, 0.15);
    font-size: 10px;
    text-decoration: none;
    color: rgba(27, 37, 75, 0.65);
    font-weight: bold;
    height: 30px;
    border-radius: 5px;
    width: auto;
    line-height: 30px;
    vertical-align: top;
    box-sizing: border-box;
    transform: translateY(-6px);
    padding: 0 15px 0 15px;
    margin-right: 8px;
}

.prompt-editor .toolbar .tool-group.tools-linked-prompts .tool span{
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    opacity: 40%;
    margin-top: 7px;
    vertical-align: top;
    margin-left: 5px;
}

.prompt-editor .toolbar .tools-magic{
    float: right;
    border-right: none;
}
#app-overlay-dialogs .prompt-placeholder-side-panel .button-create-variable,#app-overlay-dialogs .prompt-placeholder-side-panel .button-create-block{display:block;width:100%;margin-bottom:20px}#app-overlay-dialogs .prompt-placeholder-side-panel h3{font-size:16px}#app-overlay-dialogs .prompt-placeholder-side-panel h4{font-size:14px}#app-overlay-dialogs .prompt-placeholder-side-panel p{font-size:13px;opacity:50%}#app-overlay-dialogs .prompt-placeholder-side-panel .search-input{margin-bottom:20px}#app-overlay-dialogs .prompt-placeholder-side-panel .prompt-variable-proposals,#app-overlay-dialogs .prompt-placeholder-side-panel .prompt-block-proposals{font-size:12px;margin:0;padding:0}#app-overlay-dialogs .prompt-placeholder-side-panel ul.prompt-block-proposals li{text-decoration:none;list-style:none;display:inline-block;position:relative;height:40px;background-color:rgba(163,174,208,.15);font-family:"SourceCode",monospace;font-size:12px;line-height:40px;box-sizing:border-box;padding:0 15px;margin-right:6px;border-radius:5px;margin-bottom:6px;cursor:pointer;color:#4eabc1}#app-overlay-dialogs .prompt-placeholder-side-panel ul.prompt-block-proposals li.selected{background-color:rgba(78,171,193,.2)}#app-overlay-dialogs .prompt-placeholder-side-panel ul.prompt-block-proposals li:hover{background-color:rgba(163,174,208,.25)}#app-overlay-dialogs .prompt-placeholder-side-panel ul.prompt-block-proposals li>*{vertical-align:top}#app-overlay-dialogs .prompt-placeholder-side-panel ul.prompt-block-proposals li>span::before{content:"{{";color:#a3aed0}#app-overlay-dialogs .prompt-placeholder-side-panel ul.prompt-block-proposals li>span::after{content:"}}";color:#a3aed0}#app-overlay-dialogs .prompt-placeholder-side-panel ul.prompt-block-proposals li .block-proposal-edit-button{display:inline-block;position:relative;width:18px;height:18px;border-radius:9px;background-color:#dce2e9;margin-top:10px;overflow:hidden;margin-left:5px;cursor:pointer}#app-overlay-dialogs .prompt-placeholder-side-panel ul.prompt-block-proposals li .block-proposal-edit-button:hover{background-color:#ced7e1}#app-overlay-dialogs .prompt-placeholder-side-panel ul.prompt-block-proposals li .block-proposal-edit-button svg{display:block;position:absolute;width:10px;height:10px;color:#8b9db2;top:3px;left:4px;margin:0;padding:0}#app-overlay-dialogs .prompt-placeholder-side-panel .sidepanel-header>.input{display:inline-block;position:relative;width:360px;margin-bottom:0}
.search-input{
    display: inline-block;
    position: relative;
    font-size: 12px;
    margin: 0 10px 10px 0;
    box-sizing: border-box;
    user-select: none;
    width: 100%;
}

.search-input input{
    display: inline-block;
    position: relative;
    height: 44px;
    min-width: 100px;
    background-color: #f5f8fe;
    border: 1px solid #a3aed0;
    border-radius: 22px;
    padding: 10px 50px 10px 42px;
    box-sizing: border-box;
    z-index: 1;
    width: 100%;
    font-family: 'Poppins', sans-serif;;
    color: #1b254b;
    font-size: 14px;
}

.search-input input::placeholder{
    font-style: italic;
    opacity: 0.65;
    font-family: 'Poppins', sans-serif;;
    color: #a3aed0;
    font-size: 14px;
}

.search-input svg{
    display: block;
    position: absolute;
    z-index: 10;
    color: #a3aed0;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
    width: 18px;
}

.search-input .clear{
    position: absolute;
    display: block;
    right: 16px;
    left: initial;
    cursor: pointer;
}
.variable-tile{
    text-decoration: none;
    list-style: none;
    display: inline-block;
    position: relative;
    height: 40px;
    background-color: rgba(163, 174, 208, 0.15);
    font-family: 'SourceCode', monospace;
    font-size: 12px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 15px;
    margin-right: 6px;
    border-radius: 5px;
    margin-bottom: 6px;
    cursor: pointer;
}

.variable-tile span{
    color: #e47953;
}

.variable-tile.selected{
    background-color: rgba(228, 121, 83, 0.2);
}

.variable-tile:hover{
    background-color: rgba(163, 174, 208, 0.25);
}

.variable-tile > *{
    vertical-align: top;
}

.variable-tile > span::before{
    content: "{{";
    color: #a3aed0;
}

.variable-tile > span::after{
    content: "}}";
    color: #a3aed0;
}

.variable-tile .variable-proposal-edit-button,
.variable-tile .variable-proposal-delete-button{
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #dce2e9;
    margin-top: 10px;
    overflow: hidden;
    margin-left: 5px;
    cursor: pointer;
}

.variable-tile .variable-proposal-edit-button:hover,
.variable-tile .variable-proposal-delete-button:hover{
    background-color: #ced7e1;
}

.variable-tile .variable-proposal-edit-button svg{
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    color: #8b9db2;
    top: 3px;
    left: 4px;
    margin: 0;
    padding: 0;
}

.variable-tile .variable-proposal-delete-button svg{
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    color: #cd5353;
    top: 4px;
    left: 4px;
    margin: 0;
    padding: 0;
}
.block-tile{
    text-decoration: none;
    list-style: none;
    display: inline-block;
    position: relative;
    height: 40px;
    background-color: rgba(163, 174, 208, 0.15);
    font-family: 'SourceCode', monospace;
    font-size: 12px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 15px;
    margin-right: 6px;
    border-radius: 5px;
    margin-bottom: 6px;
    cursor: pointer;
}

.block-tile span{
    color:#4eabc1;
}

.block-tile.selected{
    background-color: rgba(78, 171, 193, 0.2);
}

.block-tile:hover{
    background-color: rgba(163, 174, 208, 0.25);
}

.block-tile > *{
    vertical-align: top;
}

.block-tile > span::before{
    content: "{{";
    color: #a3aed0;
}

.block-tile > span::after{
    content: "}}";
    color: #a3aed0;
}

.block-tile .block-proposal-edit-button,
.block-tile .block-proposal-delete-button{
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #dce2e9;
    margin-top: 10px;
    overflow: hidden;
    margin-left: 5px;
    cursor: pointer;
}

.block-tile .block-proposal-edit-button:hover,
.block-tile .block-proposal-delete-button:hover{
    background-color: #ced7e1;
}

.block-tile .block-proposal-edit-button svg{
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    color: #8b9db2;
    top: 3px;
    left: 4px;
    margin: 0;
    padding: 0;
}

.block-tile .block-proposal-delete-button svg{
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    color:#4eabc1;
    top: 4px;
    left: 4px;
    margin: 0;
    padding: 0;
}
.sidepanel-wrapper{content:"";display:block;position:fixed;z-index:99;background-color:rgba(0,0,0,0);width:calc(100vw + 1px);height:calc(100vh + 1px);top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;transition:background-color .3s ease-in-out}.sidepanel-wrapper.active{pointer-events:none;background-color:rgba(0,0,0,.08)}.sidepanel-wrapper.active .sidepanel{transform:translateX(0px)}.sidepanel-wrapper.active>.side-panel-close-button{transform:translate(50%, -50%) translateX(0)}.sidepanel-wrapper .sidepanel{display:block;position:fixed;min-height:100%;min-width:520px;max-width:520px;height:100%;top:0;right:0;z-index:100;box-sizing:border-box;border-top-left-radius:15px;border-bottom-left-radius:15px;overflow:hidden;transform:translateX(530px);transition:transform .25s ease-in-out;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.3);pointer-events:all}.sidepanel-wrapper .sidepanel .sidepanel-header{width:100%;min-height:80px;padding:20px 40px 20px 40px;vertical-align:top;box-sizing:border-box;border-bottom:2px solid #e2e6f0;background-color:#fff}.sidepanel-wrapper .sidepanel .sidepanel-header>*{vertical-align:top}.sidepanel-wrapper .sidepanel .sidepanel-header>h2{display:inline-block;position:relative;line-height:37px;margin-bottom:0}.sidepanel-wrapper .sidepanel .sidepanel-content{display:block;position:relative;max-height:calc(100% - 80px);width:100%;min-height:80px;padding:20px 40px 20px 40px;vertical-align:top;box-sizing:border-box;background-color:#fff;overflow-x:hidden;overflow-y:auto;height:calc(100% - 66px)}.sidepanel-wrapper .sidepanel .sidepanel-content>*:last-child{margin-bottom:0}.sidepanel-wrapper .sidepanel .sidepanel-footer .sidepanel-button-cancel{margin:0 6px 0 0;border:2px solid rgba(228,121,83,.65);background:none;color:#e47953;line-height:32px}.sidepanel-wrapper .sidepanel .sidepanel-footer .sidepanel-button-apply{margin:0}.sidepanel-wrapper .sidepanel .sidepanel-button,.sidepanel-wrapper .sidepanel .sidepanel-menu-button{display:block;position:absolute;height:36px;width:36px;border-radius:5px;top:21px;margin-right:6px;cursor:pointer;color:#fff;box-sizing:border-box;font-size:12px;text-decoration:none;line-height:36px}.sidepanel-wrapper .sidepanel .sidepanel-buttons{display:inline-block;float:right}.sidepanel-wrapper .sidepanel .sidepanel-buttons *:last-child{margin-right:0}.sidepanel-wrapper .sidepanel .sidepanel-tabs{display:block;position:relative;width:calc(100% - 2px);left:1px;box-sizing:border-box;height:66px;max-height:66px;user-select:none;border-bottom:3px solid #f5f8fe;white-space:nowrap}.sidepanel-wrapper .sidepanel .sidepanel-tabs .sidepanel-tab{display:inline-block;position:relative;font-weight:bold;height:100%;font-size:21px;line-height:66px;padding:0 30px;cursor:pointer;color:rgba(27,37,75,.4)}.sidepanel-wrapper .sidepanel .sidepanel-tabs .sidepanel-tab.active{opacity:100%;border-bottom:3px solid rgba(228,121,83,.5);color:#1b254b}@media(max-width: 1600px){.sidepanel-wrapper .sidepanel{width:475px;min-width:475px;max-width:475px;zoom:.9}}.sidepanel-wrapper>.side-panel-close-button{position:absolute;display:block;right:520px;top:50%;transform:translate(50%, -50%) translateX(530px);height:80px;width:14px;border-radius:8px;border:1px solid #a3aed0;background-color:#f1f3f8;overflow:hidden;cursor:pointer;pointer-events:all;transition:transform .25s ease-in-out;z-index:101;box-shadow:0 0 5px rgba(0,0,0,.3)}.sidepanel-wrapper>.side-panel-close-button svg{width:15px;height:15px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#a3aed0}@media(max-width: 1600px){.sidepanel-wrapper>.side-panel-close-button{right:475px;zoom:.9}}
.dialog-variable-edit .dialog{width:500px}
.variable-deletion-dialog .dialog{width:500px}
.dialog-create-block .dialog{width:500px}
.custom-editor .prompt-comment{color:#9ca3af;font-style:italic}.custom-editor .prompt-comment .prompt-comment-prefix{user-select:none;cursor:text}.custom-editor .slate-empty-placeholder{color:#adb5bd;pointer-events:none;user-select:none}
.create-prompt-dialog .dialog{width:450px;min-width:450px}
.dialog-api-call .dialog{width:750px}.dialog-api-call .dialog pre{display:block;position:relative;font-size:14px;height:400px;overflow-y:auto;border:none}.dialog-api-call .dialog pre::-webkit-scrollbar{height:3px}@media(max-width: 800px){.dialog-api-call .dialog .dialog-main-area>.dialog-tabs .tab{font-size:16px;line-height:66px;padding:0 20px}}.dialog-api-call .dialog .input{margin-bottom:25px}@media(max-width: 700px){.dialog-api-call .dialog{width:calc(100% - 20px);max-width:calc(100% - 20px)}}
/**
 * prism.js Dark theme for JavaScript, CSS and HTML
 * Based on the slides of the talk “/Reg(exp){2}lained/”
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: white;
	background: none;
	text-shadow: 0 -.1em .2em black;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

pre[class*="language-"],
:not(pre) > code[class*="language-"] {
	background: hsl(30, 20%, 25%);
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border: .3em solid hsl(30, 20%, 40%);
	border-radius: .5em;
	box-shadow: 1px 1px .5em black inset;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .15em .2em .05em;
	border-radius: .3em;
	border: .13em solid hsl(30, 20%, 40%);
	box-shadow: 1px 1px .3em -.1em black inset;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: hsl(30, 20%, 50%);
}

.token.punctuation {
	opacity: .7;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
	color: hsl(350, 40%, 70%);
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: hsl(75, 70%, 60%);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: hsl(40, 90%, 60%);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: hsl(350, 40%, 70%);
}

.token.regex,
.token.important {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.token.deleted {
	color: red;
}

.code{display:block;position:relative}.code pre.code-block{background-color:#121627;border-radius:5px;font-size:14px;font-family:monospace;user-select:text;padding:20px;cursor:text;color:#fff;display:block;position:relative;margin:0}.code pre.code-block code{font-size:13px;filter:brightness(1)}.code pre.code-block[class*=language-]{background-color:#1b254b;padding:10px 14px;border-radius:5px}.code pre.code-block *{font-family:monospace;user-select:text}.code pre.code-block .pl-ii{background:none}.code button{margin:0;outline:none;border:none;color:#fff;display:block;position:absolute;right:15px;top:15px;cursor:pointer;height:30px;width:30px;padding:3px;background-color:rgba(27,37,75,.65);border-radius:4px}.code button:active{color:#64ad64}
.prompt-deletion-dialog .dialog{width:450px;min-width:450px}
.card-llm-model-config h2 .inheritance{font-size:12px;opacity:40%;font-weight:600}
.llm-model-config-dialog .dialog{width:600px}.llm-model-config-dialog .dialog .overwrite-checkbox{width:100%;margin-bottom:0}.llm-model-config-dialog .dialog .model-parameter-placeholder{display:block;position:relative;width:100%;height:295px;min-height:295px;border-radius:22px;border:2px dashed #a3aed0;background-color:#f5f8fe;opacity:65%;overflow:hidden}.llm-model-config-dialog .dialog .model-parameter-placeholder p{margin:0;padding:0;display:block;position:relative;font-size:16px;width:400px;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#8b9db2}.llm-model-config-dialog .dialog .model-parameter:not(.model-parameter-placeholder){display:block;position:relative;width:100%;height:295px;min-height:295px;overflow-y:auto;overflow-x:hidden;padding-right:5px;box-sizing:border-box}
.dialog .dialog-content .input+p,.dialog .dialog-content .object-dropdown+p{padding:0 10px}
.group-selectors .no-selector{display:block;position:relative;width:100%;height:44px;border-radius:8px;font-size:13px;line-height:44px;text-align:center;color:rgba(27,37,75,.4);border:1px dashed rgba(27,37,75,.3);cursor:pointer;background-color:#f5f8fe}
.query_param-edit-dialog .dialog{width:500px}
.group-output-definition ul{list-style:none;margin:0;padding:0;box-sizing:border-box;border-radius:10px;overflow:hidden;background-color:#f5f8fe;cursor:pointer}.group-output-definition ul li{display:inline-block;width:50%;font-size:14px;text-decoration:none;box-sizing:border-box;margin:0;padding:8px 12px;border-radius:10px;color:#a3aed0;background-color:#f5f8fe}.group-output-definition ul li.active{background-color:#dce4ed;color:rgba(27,37,75,.6588235294);font-weight:bold}.group-output-definition ul li:hover{filter:brightness(98%)}
.dialog-output-definition .dialog{width:500px}.dialog-output-definition .dialog .output-definition-config textarea{height:200px}
#root:has(main.main.prompt){min-width:1200px}@media(max-width: 1200px){#root:has(main.main.prompt){overflow-x:auto}}#root main.main.prompt .card-group{display:block;position:absolute;width:500px;height:100%;right:-120px;top:-50px;padding:70px 100px 0 100px}#root main.main.prompt .card-group .card{width:100%}#root main.main.prompt .card-group .card h2 .avg-value-heading{font-size:16px;margin-left:7px;opacity:.5}#root main.main.prompt .card-group .card .barchart-last-calls{height:125px}#root main.main.prompt .card-group .group-selectors .lock-icon{display:inline;color:rgba(27,37,75,.5607843137);width:16px;height:16px;margin-left:8px}@media(max-width: 1600px){#root main.main.prompt .card-group{zoom:.9;width:450px}}#root main.main.prompt .prompt-card{display:block;position:absolute;width:calc(100% - 520px);height:calc(100% - 20px);left:0;overflow:hidden;margin-top:20px}#root main.main.prompt .prompt-card .card-tabs{height:55px;background-color:#f8fbff;width:100%}#root main.main.prompt .prompt-card .card-tabs .card-tab{font-size:18px;line-height:55px}@media(max-width: 1500px){#root main.main.prompt .prompt-card .card-tabs .card-tab{padding:0 25px;font-size:16px}}#root main.main.prompt .prompt-card .card-options{top:0;height:55px;z-index:11}#root main.main.prompt .prompt-card .card-options button.execution-button svg,#root main.main.prompt .prompt-card .card-options button.execution-configuration-button svg{width:14px;height:14px;margin-top:10px;margin-left:2px}@media(max-width: 1420px){#root main.main.prompt .prompt-card .card-options button.execution-button,#root main.main.prompt .prompt-card .card-options button.execution-configuration-button{font-size:0}}#root main.main.prompt .prompt-card .card-options button.execution-configuration-button,#root main.main.prompt .prompt-card .card-options button.system-prompt-individualize,#root main.main.prompt .prompt-card .card-options button.system-prompt-reset{background-color:#fff}#root main.main.prompt .prompt-card .card-content{padding:0;height:calc(100% - 55px)}#root main.main.prompt .prompt-card .card-content .default-system-prompt-message{display:inline-block;position:absolute;width:30%;z-index:11;font-size:14px;padding:10px 40px 10px 15px;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:5px;text-align:center;background-color:#e2e8ef;line-height:1.85;white-space:wrap}#root main.main.prompt .prompt-card .card-content .default-system-prompt-message.hidden{display:none}#root main.main.prompt .prompt-card .card-content .default-system-prompt-message svg{display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer;opacity:50%}@media(max-width: 1500px){#root main.main.prompt .prompt-card .card-content .default-system-prompt-message{width:50%}}@media(max-width: 1600px){#root main.main.prompt .prompt-card{width:calc(100% - 420px)}}main.prompt .prompt-result-dialog .dialog .dialog-main-area{max-width:1000px;width:800px;height:600px}main.prompt .prompt-result-dialog .dialog-content{font-size:12px;height:calc(100% - 132px);overflow:auto}.dialog-confirm-reset-system-prompt .dialog{width:500px}
.dialog-execution .dialog{min-width:calc(100% - 80px);width:calc(100% - 80px);max-width:calc(100% - 80px)}.dialog-execution .dialog .execution-result-content{padding-top:12px;padding-bottom:12px}.dialog-execution .dialog .prompt-execution-results{display:flex;width:100%;align-items:stretch}.dialog-execution .dialog .prompt-execution-results .prompt-execution-result{flex:1;min-width:0;display:block;position:relative;border-right:1px solid rgba(27,37,75,.2);padding:8px 8px;min-height:300px}.dialog-execution .dialog .prompt-execution-results .prompt-execution-result.error{background-color:#ffd0d0;border-radius:12px;margin:0 6px;border:1px solid #ff3838 !important}.dialog-execution .dialog .prompt-execution-results .prompt-execution-result.error .error{font-size:14px;display:block;position:absolute;width:100%;top:50%;transform:translateY(-50%);text-align:center;left:0;padding:0 30px;box-sizing:border-box;color:rgba(194,108,108,.6)}.dialog-execution .dialog .prompt-execution-results .prompt-execution-result:first-child{border-left:none;padding-left:0}.dialog-execution .dialog .prompt-execution-results .prompt-execution-result:last-child{border-right:none;padding-right:0}.dialog-execution .dialog .prompt-execution-results .prompt-execution-result .loading-animation-wrapper{border-radius:15px;overflow:hidden}.dialog-execution .dialog .prompt-execution-results .prompt-execution-result h3{display:block;width:100%;font-size:16px;text-align:center;margin:0}.dialog-execution .dialog .prompt-execution-results .prompt-execution-result h4{display:block;width:100%;font-size:13px;text-align:center;font-weight:400;margin:0 0 10px 0}.dialog-execution .dialog .prompt-execution-results .prompt-execution-result pre.prompt-result-area{min-height:370px}.dialog-execution.columns-1 .dialog{min-width:500px;width:800px;max-width:calc(100% - 40px)}.dialog-execution-no-config .dialog{width:500px}.dialog-execution-not-valid .dialog{width:500px}.debug-toggle-execution{display:block;position:fixed;width:20px;height:20px;top:0;right:0;cursor:pointer;background-color:#1b254b;opacity:0}.debug-toggle-execution.on{opacity:.05}
.prompt-result-area{
    font-size: 14px;
    white-space: pre-wrap;
    margin: 0;
    user-select: text;
    padding: 8px 10px;
    border-radius: 8px;
    background-color: rgba(27, 37, 75, 0.05);
}

.dialog-prompt-publish .dialog{width:550px}.dialog-prompt-publish .dialog .textarea textarea{height:180px}

.selector-edit-dialog .dialog{width:500px}
.dialog-prompt-wizard .dialog{width:600px;display:flex;flex-direction:column}.dialog-prompt-wizard .dialog .dialog-header{flex:0 0 auto}.dialog-prompt-wizard .dialog .dialog-content{flex:1 1 auto;min-height:0;overflow-x:hidden;border-bottom:none;overflow-y:auto}.dialog-prompt-wizard .dialog .dialog-content .variable-row{display:flex;width:100%;gap:12px;padding:15px 15px;box-sizing:border-box;background-color:#f5f8fe;border-radius:25px;box-shadow:1px 2px 5px rgba(0,0,0,.15)}.dialog-prompt-wizard .dialog .dialog-content .variable-row+.variable-row{margin-top:15px}.dialog-prompt-wizard .dialog .dialog-content .variable-row .variable-row-left{flex:1 1 auto;display:block;position:relative}.dialog-prompt-wizard .dialog .dialog-content .variable-row .variable-row-left .input{margin-top:0}.dialog-prompt-wizard .dialog .dialog-content .variable-row .variable-row-left .input input,.dialog-prompt-wizard .dialog .dialog-content .variable-row .variable-row-left .textarea{background-color:#fff}.dialog-prompt-wizard .dialog .dialog-content .variable-row .variable-row-left .textarea{field-sizing:content}.dialog-prompt-wizard .dialog .dialog-content .variable-row .variable-row-right{flex:0 0 20px;display:block;position:relative}.dialog-prompt-wizard .dialog .dialog-content .variable-row .variable-row-right svg{display:block;position:absolute;width:100%;top:50%;transform:translateY(-50%);cursor:pointer;color:#ccd3e7}.dialog-prompt-wizard .dialog .dialog-content .variable-row .variable-row-right svg.disabled{cursor:not-allowed}.dialog-prompt-wizard .dialog .dialog-content .variable-row+.add-new-variable{margin-top:15px}.dialog-prompt-wizard .dialog .dialog-content .add-new-variable{text-align:center;line-height:44px;color:#a0a7bd;display:inline-block;position:relative;height:44px;min-width:100px;background-color:#f5f8fe;border:1px dashed #a3aed0;border-radius:22px;padding:0;box-sizing:border-box;z-index:1;width:100%;font-family:"Poppins",sans-serif;font-size:12px;opacity:65%;cursor:pointer}.dialog-prompt-wizard .dialog .dialog-footer{display:flex;width:100%;height:36px;padding:15px 0 15px 0;flex:0 0 auto;border-top:1px solid #d3d9e7}.dialog-prompt-wizard .dialog .dialog-footer div:nth-child(1){flex:1 1 auto;min-width:0;margin-left:32px}.dialog-prompt-wizard .dialog .dialog-footer div:nth-child(2){flex:0 0 auto;white-space:nowrap;margin-right:32px}.dialog-prompt-wizard .dialog .dialog-footer div a,.dialog-prompt-wizard .dialog .dialog-footer div .button{top:initial}.dialog-prompt-wizard-step-0 .dialog textarea{height:250px}.dialog-prompt-wizard-step-1 .dialog .textarea textarea{color:rgba(27,37,75,.65);font-size:12px}
.card.prompt-header{padding:0}.card.prompt-header .prompt-header-loading{top:82px;height:calc(100% - 82px)}.card.prompt-header .buttons-top{display:block;position:relative;width:100%;border-bottom:1px solid #e8ecf3;padding:20px 25px 20px 25px;box-sizing:border-box}.card.prompt-header ul.prompt-infos{margin:0;padding:25px 25px 25px 25px}.card.prompt-header ul.prompt-infos li{text-decoration:none;margin-bottom:10px;background-color:#f8fbff;padding:4px 10px;border-radius:5px}.card.prompt-header ul.prompt-infos li:last-child{margin-bottom:0}.card.prompt-header ul.prompt-infos li .caption{color:#a3aed0;font-size:14px;font-weight:bold;margin-right:5px}.card.prompt-header ul.prompt-infos li .value{color:#1b254b;font-size:14px;font-weight:bold;margin-right:8px;float:right;opacity:.65;display:inline-block;max-width:228px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.prompt-header ul.prompt-infos li .link{color:#e47953;font-size:11px;font-weight:400;text-decoration:none;display:none}.card.prompt-header ul.prompt-infos li .link::before{content:"(";color:#a3aed0}.card.prompt-header ul.prompt-infos li .link::after{content:")";color:#a3aed0}

.configurable-button-wrapper{display:inline-block;position:relative}.configurable-button-wrapper.filled .configurable-button{color:#fff;background-color:#e47953}.configurable-button-wrapper.filled .configurable-button .button-text{border-right:2px solid #d67450}.configurable-button-wrapper.filled .configurable-button .button-menu-icon:hover,.configurable-button-wrapper.filled .configurable-button .button-text:hover{background-color:#d67450}.configurable-button-wrapper.outlined .configurable-button{background:none;border:1px solid #e47953;color:#e47953}.configurable-button-wrapper.outlined .configurable-button .button-text{border-right:1px solid rgba(228,121,83,.5)}.configurable-button-wrapper.outlined .configurable-button .button-menu-icon svg{top:9px;left:7px}.configurable-button-wrapper.outlined .configurable-button .button-menu-icon:hover,.configurable-button-wrapper.outlined .configurable-button .button-text:hover{background-color:rgba(228,121,83,.08)}.configurable-button-wrapper .configurable-button{display:inline-flex;position:relative;flex-direction:row;height:36px;min-width:36px;font-size:13.5px;border-radius:5px;line-height:36px;box-sizing:border-box;cursor:pointer;overflow:hidden}.configurable-button-wrapper .configurable-button .button-text{flex:1 0 auto;padding:0 15px;border-right:2px solid #d67450}.configurable-button-wrapper .configurable-button .button-menu-icon{position:relative;display:block;flex:0 0 30px}.configurable-button-wrapper .configurable-button .button-menu-icon svg{position:absolute;display:block;width:16px;height:16px;top:10px;left:6px}.configurable-button-wrapper.opened .configurable-button-menu{display:block}.configurable-button-wrapper.opened .configurable-button-menu .configurable-button-menu-background{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0)}.configurable-button-wrapper .configurable-button-menu{display:none;position:absolute;min-width:100%;box-sizing:border-box}.configurable-button-wrapper .configurable-button-menu ul{display:block;position:relative;font-size:13px;margin:0;list-style:none;padding:8px 0;min-width:100%;border-radius:8px;background-color:#fff;box-shadow:0 0 16px 0 rgba(0,0,0,.2);color:#e47953;z-index:2;opacity:.95}.configurable-button-wrapper .configurable-button-menu ul:before{content:"";display:block;position:absolute;width:12px;height:12px;right:0;top:0;transform:translateY(-5px) translateX(-11px) rotate(45deg);z-index:1;background-color:#fff;border-radius:3px}.configurable-button-wrapper .configurable-button-menu ul li:not(.divider){margin:0;cursor:pointer;font-weight:bold;color:#1b254b;font-size:13px;padding:8px 44px 6px 16px}.configurable-button-wrapper .configurable-button-menu ul li:not(.divider)>*{vertical-align:top}.configurable-button-wrapper .configurable-button-menu ul li:not(.divider)>svg{width:14px;height:17px;margin-right:6px}.configurable-button-wrapper .configurable-button-menu ul li:not(.divider):hover{background-color:rgba(243,246,252,.65)}.configurable-button-wrapper .configurable-button-menu ul li.divider{height:1px;background:#e5e7eb;margin:6px 0;pointer-events:none}.configurable-button-wrapper .configurable-button-menu.top-left{bottom:46px;right:0}.configurable-button-wrapper .configurable-button-menu.top-right{bottom:46px;left:0}.configurable-button-wrapper .configurable-button-menu.bottom-left{right:0;top:46px}.configurable-button-wrapper .configurable-button-menu.bottom-right{top:46px;left:0}
.dialog-execution-config .dialog{width:600px}.dialog-execution-config .dialog .add-model-row{text-align:center;line-height:44px;color:#a0a7bd;display:block;box-sizing:border-box;position:relative;height:44px;min-width:100px;background-color:#f5f8fe;border:1px dashed #a3aed0;border-radius:22px;padding:0;width:calc(100% - 58px);font-family:"Poppins",sans-serif;font-size:12px;opacity:65%;cursor:pointer;margin-left:32px}.dialog-execution-config .dialog .dialog-content{overflow-y:scroll}.dialog-execution-config .dialog .dialog-content.tab-models{display:flex;flex-direction:column;justify-content:center;gap:21px}.dialog-execution-config .dialog .dialog-content .input{margin-right:0}.dialog-execution-config .dialog .dialog-content .set-to-example-values-button{display:block;width:calc(100% - 20px);margin-top:20px;margin-left:10px}.dialog-execution-config .dialog .dialog-content .model-row{display:flex;gap:8px;align-items:center}.dialog-execution-config .dialog .dialog-content .model-row>span{flex:0 0 24px;white-space:nowrap;font-size:24px;font-weight:bold;opacity:.5}.dialog-execution-config .dialog .dialog-content .model-row .dropdown{display:inline-block;width:calc(50% - 5px);flex:1 1 0;min-width:0;margin:0}.dialog-execution-config .dialog .dialog-content .model-row>svg{flex:0 0 18px;width:18px;height:18px;cursor:pointer}
.run-in-chat-button .configurable-button-menu ul li svg{opacity:40%}.run-in-chat-button .configurable-button-menu ul li svg.lucide-check{color:green;opacity:100%}
.dialog-run-in-chat .dialog-footer{display:flex;width:100%;height:36px;padding:15px 0 15px 0;flex:0 0 auto;border-top:1px solid #d3d9e7}.dialog-run-in-chat .dialog-footer div:nth-child(1){flex:1 1 auto;min-width:0;margin-left:32px}.dialog-run-in-chat .dialog-footer div:nth-child(2){flex:0 0 auto;white-space:nowrap;margin-right:32px}.dialog-run-in-chat .dialog-footer div a,.dialog-run-in-chat .dialog-footer div .button{top:initial}
main.prompt.default-system-prompt .prompt-card{padding:0}
#root main.main.block-instance .card-group{display:block;position:absolute;width:500px;height:100%;right:-120px;top:-50px;padding:70px 100px 0 100px}#root main.main.block-instance .card-group .card{width:100%}@media(max-width: 1600px){#root main.main.block-instance .card-group{zoom:.9;width:450px}}#root main.main.block-instance .block-card{display:block;position:absolute;width:calc(100% - 520px);height:calc(100% - 20px);left:0;overflow:hidden;margin-top:20px}#root main.main.block-instance .block-card .prompt-editor{display:block;position:absolute;width:100%;height:100%;left:0;top:0}@media(max-width: 1600px){#root main.main.block-instance .block-card{width:calc(100% - 420px)}}#root main.main.block-instance .card.prompt-header{padding:0}#root main.main.block-instance .card.prompt-header .prompt-header-loading{top:82px;height:calc(100% - 82px)}#root main.main.block-instance .card.prompt-header .buttons-top{display:block;position:relative;width:100%;border-bottom:1px solid #e8ecf3;padding:20px 25px 20px 25px;box-sizing:border-box}#root main.main.block-instance .card.prompt-header .buttons-top .button:last-child{margin-right:0}#root main.main.block-instance .card.prompt-header ul.prompt-infos{margin:0;padding:20px 25px 20px 25px}#root main.main.block-instance .card.prompt-header ul.prompt-infos li{text-decoration:none;margin-bottom:10px;background-color:#f8fbff;padding:4px 10px;border-radius:5px}#root main.main.block-instance .card.prompt-header ul.prompt-infos li:last-of-type{margin-bottom:0}#root main.main.block-instance .card.prompt-header ul.prompt-infos li .caption{color:#a3aed0;font-size:14px;font-weight:bold;margin-right:5px}#root main.main.block-instance .card.prompt-header ul.prompt-infos li .value{color:#1b254b;font-size:14px;font-weight:bold;margin-right:8px;float:right;opacity:.65}#root main.main.block-instance .card.prompt-header ul.prompt-infos li .link{color:#e47953;font-size:11px;font-weight:400;text-decoration:none;display:none}#root main.main.block-instance .card.prompt-header ul.prompt-infos li .link::before{content:"(";color:#a3aed0}#root main.main.block-instance .card.prompt-header ul.prompt-infos li .link:after{content:")";color:#a3aed0}#root main.main.block-instance .card.prompt-header .buttons-top .button,#root main.main.block-instance .project-banner-options .button{border:1px solid #e47953;margin-right:10px;color:#e47953;background-color:hsla(0,0%,100%,.95);display:inline-block;position:relative;width:calc(50% - 5px);font-size:14px;box-sizing:border-box;height:40px;text-decoration:none;font-weight:bold;line-height:40px;border-radius:8px;text-align:center;padding:initial;overflow:hidden}#root main.main.block-instance .project-banner-options .button{max-width:200px;box-shadow:0 0 15px rgba(0,0,0,.4)}#root main.main.block-instance .card.prompt-header .buttons-top .button.button-outline,#root main.main.block-instance .project-banner-options .button.button-outline,#root main.main.block-instance .project-banner-options .button.button-publish.outline{border:1px solid #e47953;margin-right:10px;color:#e47953;background-color:hsla(0,0%,100%,.95)}#root main.main.block-instance .card.prompt-header .buttons-top .button.button-filled,#root main.main.block-instance .project-banner-options .button.button-filled{background-color:#e47953;color:#fff}#root main.main.block-instance .group-selectors .lock-icon{display:inline;color:rgba(27,37,75,.5607843137);width:16px;height:16px;margin-left:8px}
main.main.forbidden{flex-wrap:wrap;justify-content:center}.error-page-logout{width:100%;text-align:center;font-size:15px;color:#e47953;cursor:pointer;text-decoration:underline}.error-page-logout:hover{opacity:.8}
#root main.main.verify-email .watermark{position:fixed;display:block;top:0;left:0;width:100vw;height:100vh;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.15}#root main.main.verify-email .logo-watermark{display:block;position:absolute;width:100%;height:50px;background-position:center;background-repeat:no-repeat;background-size:contain;top:150px}#root main.main.verify-email .card{width:600px;font-size:14px;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;flex-direction:row;gap:25px;justify-content:center;align-items:center;padding:36px 42px}#root main.main.verify-email .card .card-left-side{flex:1 1 auto}#root main.main.verify-email .card .card-left-side h2{margin:0 0 10px 0}#root main.main.verify-email .card .card-left-side p{margin:0 0 10px 0;line-height:1.7}#root main.main.verify-email .card .card-right-side{flex:0 0 80px;height:80px}#root main.main.verify-email .card .card-right-side svg{width:80px;height:80px;color:#f29877}
.dialog-trial-selector .dialog{background-color:#f5f8fe;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px)}.dialog-trial-selector .dialog .dialog-content{padding:0}.dialog-trial-selector .dialog .dialog-content>.header{border-bottom:1px solid #ddd;text-align:center;padding:35px 50px 40px 50px}.dialog-trial-selector .dialog .dialog-content>.header>.logo{width:100%;height:16px;display:block;position:relative;background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:14px;opacity:65%}.dialog-trial-selector .dialog .dialog-content>.header>h2{font-weight:600;margin-bottom:6px}.dialog-trial-selector .dialog .dialog-content>.header>p{font-size:14px;line-height:26px;color:#6b718a;margin-bottom:0}.dialog-trial-selector .dialog .dialog-content .products{display:grid;grid-template-columns:repeat(3, 320px);grid-template-rows:auto 1fr auto;column-gap:20px;align-items:stretch;padding:0;margin:20px}.dialog-trial-selector .dialog .dialog-content .products .cell{box-sizing:border-box;background-color:#fff}.dialog-trial-selector .dialog .dialog-content .products .cell.header{grid-row:1;padding:40px 50px 8px 50px;border-top-left-radius:20px;border-top-right-radius:20px}.dialog-trial-selector .dialog .dialog-content .products .cell.header h2{opacity:85%;font-size:18px;font-weight:600}.dialog-trial-selector .dialog .dialog-content .products .cell.content{grid-row:2;padding:0 50px 0 50px}.dialog-trial-selector .dialog .dialog-content .products .cell.footer{grid-row:3;padding:25px 50px 40px 50px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.dialog-trial-selector .dialog .dialog-content .products .cell.footer .button{display:block;width:100%;height:45px}.dialog-trial-selector .dialog .dialog-content ul{list-style:none;padding:0}.dialog-trial-selector .dialog .dialog-content ul li{font-size:13px;margin-left:0;line-height:16px;vertical-align:top;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px;color:rgba(27,37,75,.65)}.dialog-trial-selector .dialog .dialog-content ul li>svg:first-child{flex-shrink:0;width:16px;height:16px;margin-top:1px;color:green}.dialog-trial-selector .dialog .dialog-content ul li:last-child{margin-bottom:0}
#root main.main.settings .card-settings-quota{flex:0 0 600px;max-height:100%;overflow-y:auto;align-self:flex-start;height:auto}#root main.main.settings .card-settings-quota .trial-badge{padding:0;margin-bottom:25px}#root main.main.settings .card-settings-quota .progress-bar{margin-bottom:20px}#root main.main.settings .card-settings-quota .progress-bar+.progress-bar{margin-top:25px}#root main.main.settings .card-settings-quota button.button{width:100%;height:40px;margin-top:20px}@media(max-width: 1200px){#root main.main.settings .card-settings-quota{flex:1 1 auto;min-height:0;width:100%}}
#root main.main.virtual-employees .virtual-employee-tabs{margin:20px 0 0 0;padding:0;display:inline-flex;flex-wrap:nowrap;width:100%;gap:0;white-space:nowrap;position:relative;box-sizing:border-box;height:66px;max-height:66px;user-select:none;overflow:hidden}#root main.main.virtual-employees .virtual-employee-tabs .tab{flex:0 0 auto;display:inline-block;position:relative;font-weight:bold;height:calc(100% - 3px);font-size:21px;line-height:66px;padding:0 30px 0 21px;opacity:40%;cursor:pointer;border-bottom:3px solid #f5f8fe}#root main.main.virtual-employees .virtual-employee-tabs .tab.active{opacity:100%;border-bottom:3px solid rgba(228,121,83,.5)}#root main.main.virtual-employees .virtual-employee-tabs .tab svg{width:20px;height:20px;margin-top:21px;margin-right:2px;opacity:.8}#root main.main.virtual-employees .virtual-employee-tabs .tab *{vertical-align:top}#root main.main.virtual-employees .virtual-employee-tabs .buttons{display:block;position:absolute;right:0;height:100%;padding:15px 20px}#root main.main.virtual-employees .virtual-employees-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-content:center;width:100%;min-width:362px;margin:auto}
.virtual-employee-card{width:300px;display:inline-flex;flex-direction:column;cursor:pointer;border:12px solid #fff;margin:0;overflow:hidden}.virtual-employee-card .top{flex:0 0 170px}.virtual-employee-card .bottom{flex:1 0 auto;text-align:left;box-sizing:border-box;padding:17px 9px 13px 18px;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center}.virtual-employee-card .bottom>div:nth-child(1){flex:1 1 auto}.virtual-employee-card .bottom>div:nth-child(1) h2{font-size:21px;font-family:"Poppins",sans-serif;margin:0;padding:0}.virtual-employee-card .bottom>div:nth-child(1) p{font-size:14px;margin:0;padding:0;font-family:"Poppins",sans-serif;opacity:.65}.virtual-employee-card .bottom>div:nth-child(2){flex:0 1 auto;justify-content:center;align-items:center}.virtual-employee-card .bottom>div:nth-child(2) *{margin:0}
.virtual-employee-profile-picture{flex:0 0 170px;display:block;position:relative;overflow:hidden;border-radius:14px;box-shadow:inset 0 0 10px rgba(0,0,0,.15);min-height:170px}.virtual-employee-profile-picture.hovered .color-background{opacity:.2}.virtual-employee-profile-picture .color-background{width:100%;height:170px;opacity:.1;top:0;position:absolute;background-repeat:no-repeat;background-size:cover;transition:opacity .1s ease-in-out}.virtual-employee-profile-picture .blob{width:100%;height:170px;transform:translateY(30px);opacity:.65;top:0;position:absolute}.virtual-employee-profile-picture .picture{display:block;position:absolute;width:100%;height:100%;background-size:160px;background-repeat:no-repeat;background-position:bottom center;top:0;left:0}
.virtual-employee-profile-picture-picker{flex:0 0 170px;display:block;position:relative;overflow:hidden;border-radius:14px;box-shadow:inset 0 0 10px rgba(0,0,0,.15);min-height:170px}.virtual-employee-profile-picture-picker .color-background{width:100%;height:170px;opacity:.1;top:0;position:absolute;background-repeat:no-repeat;background-size:cover;transition:opacity .1s ease-in-out}.virtual-employee-profile-picture-picker .blob{width:100%;height:170px;transform:translateY(30px);opacity:.65;top:0;position:absolute}.virtual-employee-profile-picture-picker .picture{display:block;position:absolute;width:100%;height:100%;background-size:160px;background-repeat:no-repeat;background-position:bottom center;top:0;left:0}.virtual-employee-profile-picture-picker .picker-controls{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:12px;box-sizing:border-box}.virtual-employee-profile-picture-picker .picker-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:rgba(0,0,0,.3);color:#fff;cursor:pointer;transition:background .15s ease-in-out}.virtual-employee-profile-picture-picker .picker-arrow:hover{background:rgba(0,0,0,.55)}
.virtual-employee-profile-picture-picker{margin-bottom:21px}
.dialog-delete-virtual-employee .dialog{width:500px}.dialog-delete-virtual-employee .dialog .virtual-employee-profile-picture{margin-bottom:21px}
.card.card-new-virtual-employee{background-color:rgba(0,0,0,0);box-shadow:none;border:2px dashed #a3aed0;opacity:50%;width:300px;display:inline-flex;flex-direction:column;cursor:pointer;margin:0;overflow:hidden;padding:12px 12px 12px 12px}.card.card-new-virtual-employee .virtual-employee-image{background-color:rgba(0,0,0,0);border:2px dashed #a3aed0;height:170px;flex:0 0 170px;display:block;position:relative;overflow:hidden;border-radius:14px;min-height:170px;background-position:center}.card.card-new-virtual-employee .virtual-employee-image svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;color:#c0c8e0}.card.card-new-virtual-employee .bottom{flex:1 0 auto;text-align:left;box-sizing:border-box;padding:18px 22px 8px 14px;overflow:hidden;display:flex;flex-direction:column}.card.card-new-virtual-employee .bottom>h2{color:#a3aed0;text-decoration:none;font-size:21px;font-family:"Poppins",sans-serif;margin:0;padding:0;line-height:24px}.card.card-new-virtual-employee .bottom>p{font-size:14px;color:#a3aed0;text-decoration:none;margin:0;padding:0;font-family:"Poppins",sans-serif;opacity:.65}
#root main.main.virtual-employee .virtual-employee-content{flex:1 1 auto;display:block;position:relative;z-index:4}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-info{display:flex;flex-direction:column;gap:20px;position:absolute;width:350px;height:100%;left:-100px;top:-50px;padding:70px 100px 0 100px;overflow-y:auto;overflow-x:hidden}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-info>*{width:100%;margin:0;flex:0 0 auto}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-info>*:last-child{margin-bottom:20px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-info .virtual-employee-card{width:100%}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-info .card.text-info h2{font-size:17px;margin-bottom:4px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-info .card.text-info p{font-size:13px;opacity:65%;margin:0}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts{display:block;position:absolute;width:calc(100% - 350px - 20px);height:calc(100% - 20px);left:370px;margin-top:20px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-skills table .col-name{width:200px;font-size:14px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-skills table .col-description{font-size:14px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-skills table .col-tools{width:250px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-skills table tr.disabled{background-color:#f8fafe}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-skills table tr.disabled td{filter:grayscale(1);color:rgba(27,37,75,.4)}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-knowledge .col-icon svg{color:#4eabc1}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-knowledge .col-title{width:200px;font-size:14px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-knowledge .col-description{font-size:14px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-knowledge tr.company-knowledge{background-color:#f8fafe}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-personality{padding:0;height:calc(100% - 66px)}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .input-channel-icon-bg{display:block;position:relative;width:44px;height:44px;border-radius:22px;align-items:center;justify-content:center;background-color:#f4f7fa}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .input-channel-icon-bg img{display:block;position:relative;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%, -50%)}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .input-channel-icon-bg svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table tr td{padding:24px 8px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .table-cell.col-source{font-size:13px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .table-cell.col-source .insight-source-type{display:block;color:#a3aed0;opacity:80%;font-weight:400}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .table-cell.col-source .insight-source-title{display:block}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .col-icon{text-align:center;width:24px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .col-date{width:120px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .col-source{width:300px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-insights table .col-summary{white-space:wrap}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-schedules .schedules{background-image:url(/080c4ff51195ae12d3e9.jpg);width:100%;height:100%;background-size:95%;background-repeat:no-repeat;background-position:center}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities .process-status{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities .process-status--running{background:#eff6ff;color:#2563eb}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities .process-status--question{background:#fff7ed;color:#ea580c}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities .process-status--complete{background:#f0fdf4;color:#16a34a}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities .process-status--error{background:#fef2f2;color:#dc2626}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities .process-status--stopped{background:#f8fafc;color:#64748b}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities table.table-last-activities .coltype-DATE,#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities table.table-last-activities table.table td.table-cell.table-cell-DATE{width:70px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities table.table-last-activities .input-channel-icon-bg{display:block;position:relative;width:44px;height:44px;border-radius:22px;align-items:center;justify-content:center;background-color:#f4f7fa}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities table.table-last-activities .input-channel-icon-bg img{display:block;position:relative;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%, -50%)}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities table.table-last-activities .input-channel-icon-bg svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#1b254b}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities table.table-last-activities .col-user{width:28px}#root main.main.virtual-employee .virtual-employee-content .virtual-employee-parts .tab-activities table.table-last-activities .table-profile-picture{display:block;position:relative;width:28px;height:28px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%;cursor:pointer}
.dialog-delete-skill .dialog{width:500px}
.dialog-create-knowledge .dialog{width:500px}
.dialog-delete-knowledge .dialog{width:500px}
.dialog-edit-virtual-employee .dialog{width:700px}.dialog-edit-virtual-employee .dialog .virtual-employee-description-textarea textarea,.dialog-edit-virtual-employee .dialog .virtual-employee-personality-textarea textarea{height:200px}
.card.virtual-employee-contact .card-header{height:54px}.card.virtual-employee-contact .card-header h2{font-size:17px;margin-bottom:4px;line-height:54px}.card.virtual-employee-contact .card-header .card-options .button{width:36px;height:36px;min-width:36px;min-height:36px;top:9px}.card.virtual-employee-contact .card-content{display:flex;flex-direction:column;gap:15px}.card.virtual-employee-contact .card-content .empty-text{text-align:center;line-height:44px;color:#a0a7bd;display:inline-block;position:relative;height:44px;min-width:100px;background-color:#f5f8fe;border:1px dashed #a3aed0;border-radius:10px;padding:0;box-sizing:border-box;z-index:1;width:100%;font-family:"Poppins",sans-serif;font-size:12px;opacity:65%;cursor:pointer}.card.virtual-employee-contact .card-content h2{font-size:17px;margin-bottom:4px}.card.virtual-employee-contact .card-content .row{flex:0 0 44px;display:flex;flex-direction:row;gap:10px;border-radius:22px;cursor:pointer}.card.virtual-employee-contact .card-content .row>div:nth-child(1){flex:0 0 44px;border-radius:22px;display:flex;align-items:center;justify-content:center;background-color:#f4f7fa}.card.virtual-employee-contact .card-content .row>div:nth-child(1) svg,.card.virtual-employee-contact .card-content .row>div:nth-child(1) img,.card.virtual-employee-contact .card-content .row>div:nth-child(1) span{width:20px;height:20px;flex-shrink:0}.card.virtual-employee-contact .card-content .row>div:nth-child(1) span.input-channel-icon{font-size:16px;font-weight:700;line-height:20px}.card.virtual-employee-contact .card-content .row>div:nth-child(2){flex:1 0 auto;font-size:14px;line-height:44px;opacity:65%}.card.virtual-employee-contact .card-content .row .buttons{padding-right:18px}.card.virtual-employee-contact .card-content .row .buttons .button{width:24px;height:24px;min-width:24px;min-height:24px;margin:0;top:50%;transform:translateY(-50%);box-shadow:0 0 3px rgba(0,0,0,.15)}.card.virtual-employee-contact .card-content .row .buttons .button:hover{box-shadow:0 0 5px rgba(0,0,0,.2)}.card.virtual-employee-contact .card-content .row .buttons .button svg{width:16px;height:16px}.card.virtual-employee-contact .card-content .row:hover{background-color:#f3f6fc}.card.virtual-employee-contact .card-content .row:hover>div:nth-child(1){background-color:#eaedff}.card.virtual-employee-contact .card-content .row.add-communication-channel{text-align:center;line-height:44px;color:#a0a7bd;display:inline-block;position:relative;height:44px;min-width:100px;background-color:#f5f8fe;border:1px dashed #a3aed0;border-radius:22px;padding:0;box-sizing:border-box;z-index:1;width:100%;font-family:"Poppins",sans-serif;font-size:12px;opacity:65%;cursor:pointer}
img.input-channel-icon{width:52px;height:52px;object-fit:contain}span.input-channel-icon{font-size:32px;font-weight:700;font-family:"Poppins",sans-serif;line-height:1}
.dialog-add-contact .dialog{width:500px}.dialog-add-contact__icon{vertical-align:middle;margin-right:8px;margin-bottom:2px}.input-channel-option{display:flex;align-items:center;gap:8px}.input-channel-option img.input-channel-icon,.input-channel-option span.input-channel-icon{width:20px;height:20px;font-size:14px;flex-shrink:0}
.dialog-view-input-channel .input-channel-dialog-visual{border-radius:14px;display:flex;align-items:center;justify-content:center;height:130px;margin-bottom:14px}.dialog-view-input-channel .input-channel-dialog-visual img{width:64px;height:64px;object-fit:contain}.dialog-view-input-channel .input-channel-dialog-visual svg{width:56px;height:56px}.dialog-view-input-channel .input-channel-dialog-visual .input-channel-icon-text{font-size:52px;font-weight:700;font-family:"Poppins",sans-serif;line-height:1}.dialog-view-input-channel .dialog .dialog-content h2.input-channel-dialog-name{text-align:center;font-size:20px;font-weight:700;font-family:"Poppins",sans-serif;margin:0 0 20px}.dialog-view-input-channel .copy{margin-top:5px}.dialog-view-input-channel .checkbox-whitelist-enabled{width:100%}
.dialog-input-channel-whitelist .dialog{width:700px}.dialog-input-channel-whitelist .checkbox-whitelist-enabled{width:100%}.dialog-input-channel-whitelist .input-channel-dialog-visual{border-radius:14px;display:flex;align-items:center;justify-content:center;height:130px;margin-bottom:14px}.dialog-input-channel-whitelist .input-channel-dialog-visual img{width:64px;height:64px;object-fit:contain}.dialog-input-channel-whitelist .input-channel-dialog-visual svg{width:56px;height:56px}.dialog-input-channel-whitelist .input-channel-dialog-visual .input-channel-icon-text{font-size:52px;font-weight:700;font-family:"Poppins",sans-serif;line-height:1}.dialog-input-channel-whitelist .dialog .dialog-content h2.input-channel-dialog-name{text-align:center;font-size:20px;font-weight:700;font-family:"Poppins",sans-serif;margin:0 0 20px}.dialog-input-channel-whitelist .whitelist-section-label{font-size:13px;font-weight:600;margin:20px 0 8px;opacity:.65}.dialog-input-channel-whitelist .table{width:100%}.dialog-input-channel-whitelist .input-join-secret .regenerate{margin-top:5px}
.card.text-info .empty-text{text-align:center;line-height:44px;color:#a0a7bd;display:inline-block;position:relative;height:44px;min-width:100px;background-color:#f5f8fe;border:1px dashed #a3aed0;border-radius:10px;padding:0;box-sizing:border-box;z-index:1;width:100%;font-family:"Poppins",sans-serif;font-size:12px;opacity:65%;cursor:pointer}
.dialog-simple-confirm .dialog{width:500px}
#root main.main.virtual-employee-skill .content-with-banner .skill-card{display:block;position:absolute;width:calc(100% - 520px);height:calc(100% - 20px);left:0;overflow:hidden;margin-top:20px}#root main.main.virtual-employee-skill .content-with-banner .skill-card .tab-content{padding:0;height:calc(100% - 66px)}#root main.main.virtual-employee-skill .content-with-banner .skill-card .tab-content .prompt-editor .toolbar{height:calc(100% - 22px)}#root main.main.virtual-employee-skill .content-with-banner .skill-card .card-tabs{height:55px;background-color:#f8fbff;width:100%}#root main.main.virtual-employee-skill .content-with-banner .skill-card .card-tabs .card-tab{font-size:18px;line-height:55px}#root main.main.virtual-employee-skill .content-with-banner .skill-card .card-tabs .card-tab svg{display:inline-block;position:relative;width:20px;height:20px;vertical-align:middle;margin-top:-4px;margin-right:2px;opacity:50%}#root main.main.virtual-employee-skill .content-with-banner .skill-card .card-options{top:0;height:55px;z-index:11}#root main.main.virtual-employee-skill .content-with-banner .skill-card .prompt-editor .prompt-area-content-area .prompt-placeholder.error span{text-decoration:none}#root main.main.virtual-employee-skill .content-with-banner .skill-card .tab-tools td.col-icon{vertical-align:middle}#root main.main.virtual-employee-skill .content-with-banner .skill-card .tab-tools td.col-icon img{vertical-align:middle;display:inline-block;position:relative;width:24px;height:24px}#root main.main.virtual-employee-skill .content-with-banner .skill-card .tab-tools .col-icon{width:24px}#root main.main.virtual-employee-skill .content-with-banner .skill-card .tab-tools .col-name{width:200px}#root main.main.virtual-employee-skill .content-with-banner .card-group{display:block;position:absolute;width:500px;height:100%;right:-120px;top:-50px;padding:70px 100px 0 100px}#root main.main.virtual-employee-skill .card-group.virtual-employee-info{display:flex;flex-direction:column;gap:20px;position:absolute;width:500px;height:100%;right:-120px;top:-50px;padding:70px 100px 0 100px;overflow-y:auto;overflow-x:hidden}#root main.main.virtual-employee-skill .card-group.virtual-employee-info>*{width:100%;margin:0;flex:0 0 auto}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .virtual-employee-card{width:100%}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .card.virtual-employee-contact{display:flex;flex-direction:column;gap:15px}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .card.virtual-employee-contact .row{flex:0 0 44px;display:flex;flex-direction:row;gap:10px;border-radius:22px;cursor:pointer}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .card.virtual-employee-contact .row>div:nth-child(1){flex:0 0 44px;background-color:#f3f6fc;border-radius:22px}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .card.virtual-employee-contact .row>div:nth-child(1) svg{width:20px;height:20px;margin-top:12px;margin-left:12px}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .card.virtual-employee-contact .row>div:nth-child(2){flex:1 0 auto;font-size:14px;line-height:44px;opacity:65%}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .card.virtual-employee-contact .row:hover{background-color:#f3f6fc}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .card.virtual-employee-contact .row:hover>div:nth-child(1){background-color:#eaedff}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .card.text-info h2{font-size:17px;margin-bottom:4px}#root main.main.virtual-employee-skill .card-group.virtual-employee-info .card.text-info p{font-size:13px;opacity:65%;margin:0}#root main.main.virtual-employee-skill .card-group.virtual-employee-info>*:last-child{margin-bottom:20px}

img.tool-icon{width:52px;height:52px;object-fit:contain}span.tool-icon{font-size:32px;font-weight:700;font-family:"Poppins",sans-serif;line-height:1}
.prompt-placeholder .tool-icon{font-size:18px;padding:0 3px}
.skill-tools-card.skill-tools-empty p{margin:0;font-size:13px;color:#94a3b8;text-align:center;padding:12px 0;border-radius:8px;color:rgba(27,37,75,.4);border:1px dashed rgba(27,37,75,.3);cursor:pointer;background-color:#f5f8fe}.skill-tools-card .tool-list{display:flex;flex-direction:column;gap:10px}.skill-tools-card .tool-box{display:flex;flex-direction:row;align-items:stretch;border-radius:10px;border:1px solid rgba(0,0,0,0);overflow:hidden;min-height:64px;cursor:pointer}.skill-tools-card .tool-box:hover .tool-box-footer{opacity:1}.skill-tools-card .tool-box-logo{flex:0 0 60px;display:flex;align-items:center;justify-content:center}.skill-tools-card .tool-box-icon{width:28px;height:28px;object-fit:contain}.skill-tools-card .tool-box-icon.tool-box-icon-svg{display:block}.skill-tools-card .tool-box-icon.tool-box-icon-text{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:16px;font-weight:600;border-radius:6px;background:rgba(0,0,0,.06)}.skill-tools-card .tool-box-body{flex:1 1 auto;padding:10px 14px 10px 10px;display:flex;flex-direction:column;justify-content:center;gap:5px}.skill-tools-card .tool-box-name{font-size:13px;font-weight:600;line-height:1;letter-spacing:.01em}.skill-tools-card .tool-box-actions{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.skill-tools-card .tool-box-action{font-size:11px;color:#475569;background:rgba(0,0,0,.06);border-radius:4px;padding:2px 7px;line-height:1.6}.skill-tools-card .tool-box-footer{flex:0 0 30px;cursor:pointer;color:#b5b5b5;opacity:1}.skill-tools-card .tool-box-footer:hover{background-color:rgba(255,0,0,.1294117647);color:#b93333}.skill-tools-card .tool-box-footer:hover svg{opacity:1}.skill-tools-card .tool-box-footer svg{display:block;position:relative;width:14px;height:14px;top:50%;left:50%;transform:translate(-50%, -50%);opacity:65%}
.checkbox-group{display:flex;flex-direction:column;gap:6px}.checkbox-group .checkbox{margin:0}
.dialog-configure-tool .tool-dialog-visual{border-radius:14px;display:flex;align-items:center;justify-content:center;height:130px;margin-bottom:14px}.dialog-configure-tool .tool-dialog-visual img{width:64px;height:64px;object-fit:contain}.dialog-configure-tool .tool-dialog-visual svg{width:56px;height:56px}.dialog-configure-tool .tool-dialog-visual .tool-dialog-initial{font-size:52px;font-weight:700;font-family:"Poppins",sans-serif;line-height:1}.dialog-configure-tool .dialog .dialog-content h2.tool-dialog-name{text-align:center;font-size:20px;font-weight:700;font-family:"Poppins",sans-serif;margin:0 0 20px}.dialog-configure-tool .actions-label{font-size:13px;font-weight:600;margin:4px 0 10px;opacity:.65}
.dialog-delete-skill-tool .dialog{width:500px}
.skill-inputs-card.skill-inputs-empty p{margin:0;font-size:13px;text-align:center;padding:12px 0;border-radius:8px;color:rgba(27,37,75,.4);border:1px dashed rgba(27,37,75,.3);background-color:rgba(216,111,74,.15)}.skill-inputs-card .input-list{display:flex;flex-direction:column;gap:8px}.skill-inputs-card .input-box{display:flex;flex-direction:row;align-items:stretch;border-radius:10px;border:2px solid rgba(216,111,74,.2);background-color:rgba(216,111,74,.08);overflow:hidden;min-height:52px;cursor:pointer}.skill-inputs-card .input-box:hover{background-color:rgba(216,111,74,.2)}.skill-inputs-card .input-box:hover .input-box-footer{opacity:1}.skill-inputs-card .input-box-footer{flex:0 0 auto;display:flex;flex-direction:row}.skill-inputs-card .input-box-btn{flex:0 0 30px;cursor:pointer;color:#b5b5b5}.skill-inputs-card .input-box-btn svg{display:block;position:relative;width:14px;height:14px;top:50%;left:50%;transform:translate(-50%, -50%);opacity:65%}.skill-inputs-card .input-box-btn:hover svg{opacity:1}.skill-inputs-card .input-box-btn-edit:hover{background-color:rgba(255,0,0,.08);color:#b9b9b9}.skill-inputs-card .input-box-btn-delete:hover{background-color:rgba(255,0,0,.08);color:#b93333}.skill-inputs-card .input-box-icon-wrap{flex:0 0 48px;display:flex;align-items:center;justify-content:center;background-color:rgba(216,111,74,.08)}.skill-inputs-card svg.input-box-icon{width:24px;height:24px;color:#d86f4a;stroke-width:1.8px}.skill-inputs-card .input-box-body{flex:1 1 auto;padding:12px 14px 12px 10px;display:flex;flex-direction:column;justify-content:center;gap:3px}.skill-inputs-card .input-box-name{font-size:14px;font-weight:600;line-height:1;color:#d86f4a;letter-spacing:.01em}.skill-inputs-card .input-box-description{font-size:12px;color:#475569;line-height:1.4}
.dialog-add-skill-input h2>*{vertical-align:top}.dialog-add-skill-input h2 .skill-input-icon{color:#d86f4a;margin-top:-2px}
.dialog-delete-skill-input .dialog{width:500px}
.skill-knowledge-card.skill-knowledge-empty p{margin:0;font-size:13px;text-align:center;padding:12px 0;border-radius:8px;color:rgba(27,37,75,.4);border:1px dashed rgba(27,37,75,.3);background-color:rgba(78,171,193,.1)}.skill-knowledge-card .knowledge-list{display:flex;flex-direction:column;gap:8px}.skill-knowledge-card .knowledge-box{display:flex;flex-direction:row;align-items:stretch;border-radius:10px;border:2px solid rgba(78,171,193,.1);background-color:rgba(78,171,193,.1);overflow:hidden;min-height:52px;cursor:pointer}.skill-knowledge-card .knowledge-box:hover{background-color:rgba(78,171,193,.15)}.skill-knowledge-card .knowledge-box:hover .knowledge-box-footer{opacity:1}.skill-knowledge-card .knowledge-box-footer{flex:0 0 30px;cursor:pointer;color:#b5b5b5;opacity:1}.skill-knowledge-card .knowledge-box-footer:hover{background-color:rgba(255,0,0,.08);color:#b93333}.skill-knowledge-card .knowledge-box-footer:hover svg{opacity:1}.skill-knowledge-card .knowledge-box-footer svg{display:block;position:relative;width:14px;height:14px;top:50%;left:50%;transform:translate(-50%, -50%);opacity:65%}.skill-knowledge-card .knowledge-box-icon-wrap{flex:0 0 48px;display:flex;align-items:center;justify-content:center;background-color:rgba(78,171,193,.1)}.skill-knowledge-card svg.knowledge-box-icon{width:24px;height:24px;color:#4eabc1;stroke-width:1.8px}.skill-knowledge-card .knowledge-box-body{flex:1 1 auto;padding:12px 14px 12px 10px;display:flex;flex-direction:column;justify-content:center;gap:3px}.skill-knowledge-card .knowledge-box-name{font-size:14px;font-weight:600;line-height:1;color:#4eabc1;letter-spacing:.01em}.skill-knowledge-card .knowledge-box-description{font-size:12px;color:#475569;line-height:1.4}
.dialog-add-skill-knowledge h2>*{vertical-align:top}.dialog-add-skill-knowledge h2 svg.skill-knowledge-icon{color:#4eabc1;margin-top:-3px}.object-dropdown .dropdown-box .knowledge-dropdown-option,.knowledge-dropdown-option{display:flex;align-items:center;gap:6px;flex-direction:row}.object-dropdown .dropdown-box .knowledge-dropdown-option svg,.knowledge-dropdown-option svg{position:relative;flex-shrink:0;width:16px;height:16px;color:#4eabc1;top:0;opacity:1}
.dialog-delete-skill-knowledge .dialog{width:500px}
.dialog-skill-publish .dialog{width:550px}.dialog-skill-publish .dialog .textarea textarea{height:180px}

.dialog-skill-model-config .checkbox{width:100%}.dialog-skill-model-config .object-dropdown+.object-dropdown{margin-top:10px}

#root main.main.knowledge .content-with-banner .knowledge-card{display:block;position:absolute;width:calc(100% - 520px);height:calc(100% - 20px);left:0;overflow:hidden;margin-top:20px}#root main.main.knowledge .content-with-banner .knowledge-card .tab-content{padding:0;height:calc(100% - 66px)}#root main.main.knowledge .content-with-banner .knowledge-card .card-options{top:0;height:55px;z-index:11}#root main.main.knowledge .content-with-banner .knowledge-card .card-tabs{height:55px;background-color:#f8fbff;width:100%}#root main.main.knowledge .content-with-banner .knowledge-card .card-tabs .card-tab{font-size:18px;line-height:55px}#root main.main.knowledge .content-with-banner .knowledge-card .card-tabs .card-tab svg{display:inline-block;position:relative;width:21px;height:21px;vertical-align:middle;margin-top:-4px;margin-right:3px;opacity:65%}#root main.main.knowledge .card-group.virtual-employee-info{display:flex;flex-direction:column;gap:20px;position:absolute;width:500px;height:100%;right:-120px;top:-50px;padding:70px 100px 0 100px;overflow-y:auto;overflow-x:hidden}#root main.main.knowledge .card-group.virtual-employee-info .virtual-employee-card{width:100%}#root main.main.knowledge .card-group.virtual-employee-info>*{width:100%;margin:0;flex:0 0 auto}#root main.main.knowledge .text-info h2{font-size:17px;margin-bottom:4px}#root main.main.knowledge .text-info p{font-size:13px;opacity:65%;margin:0}#root main.main.knowledge .text-info .placeholder{display:block;position:relative;width:100%;height:auto;border-radius:5px;border:1px dashed #a3aed0;color:#a3aed0;text-align:center;box-sizing:border-box;font-size:14px;padding:40px 60px}
.dialog-knowledge-publish .dialog{width:550px}.dialog-knowledge-publish .dialog .textarea textarea{height:180px}
#root main.main.tool-configuration{display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:0}#root main.main.tool-configuration header.banner{width:calc(100% - 20px)}#root main.main.tool-configuration .search-section{display:block;position:relative;box-sizing:border-box;width:calc(100% - 20px);padding:6px 20px}#root main.main.tool-configuration .search-section .search-input{margin:0}#root main.main.tool-configuration .search-section .search-input input{background-color:#fff}#root main.main.tool-configuration .tool-config-content{flex:1 1 auto;overflow-y:auto;padding:0 0 40px 20px}#root main.main.tool-configuration .tool-section{margin-bottom:36px;width:calc(100% - 20px)}#root main.main.tool-configuration .tool-section .section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;width:100%}#root main.main.tool-configuration .tool-section .section-header svg{color:#a3aed0;flex-shrink:0}#root main.main.tool-configuration .tool-section .section-header h2{font-size:16px;font-weight:700;font-family:"Poppins",sans-serif;margin:0;color:#1b254b}#root main.main.tool-configuration .tool-section .section-header .section-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:600}#root main.main.tool-configuration .tool-section .tool-section-empty{width:100%;border:1.5px dashed #cbd5e1;border-radius:14px;padding:32px 24px;text-align:center;background:#fafbff;display:block;position:relative;box-sizing:border-box}#root main.main.tool-configuration .tool-section .tool-section-empty p{margin:0;font-size:13px;color:#94a3b8}#root main.main.tool-configuration .tool-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:20px;width:100%}#root main.main.tool-configuration .tool-card{margin:0;padding:0;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column}#root main.main.tool-configuration .tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.13)}#root main.main.tool-configuration .tool-card.configured{box-shadow:0 0 0 2px rgba(34,197,94,.25),0 0 20px rgba(0,0,0,.08)}#root main.main.tool-configuration .tool-card.configured:hover{box-shadow:0 0 0 2px rgba(34,197,94,.35),0 12px 32px rgba(0,0,0,.13)}#root main.main.tool-configuration .tool-card .tool-card-visual{flex:0 0 100px;display:flex;align-items:center;justify-content:center;position:relative;padding:12px 0}#root main.main.tool-configuration .tool-card .tool-card-visual .tool-card-check{position:absolute;top:8px;right:10px;display:flex;align-items:center;justify-content:center}#root main.main.tool-configuration .tool-card .tool-card-info{flex:1 1 auto;padding:12px 16px 14px 16px;background:#fff}#root main.main.tool-configuration .tool-card .tool-card-info h3{font-size:13px;font-weight:700;font-family:"Poppins",sans-serif;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#root main.main.tool-configuration .tool-card .tool-card-info p{font-size:11px;color:#94a3b8;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tool-card-initial{font-size:32px;font-weight:700;font-family:"Poppins",sans-serif;line-height:1}
#root main.main>header.banner{display:flex;position:relative;flex:0 0 100px;height:120px;width:100%;padding-left:0;background-size:cover;background-position:right;overflow:hidden;margin:0;z-index:5}#root main.main>header.banner .back-button{flex:0 0 30px;position:relative;height:100%;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#root main.main>header.banner .back-button svg{color:#fff;margin-left:0;opacity:.9;width:30px;height:30px}#root main.main>header.banner .back-button:hover{background-color:rgba(0,0,0,.1)}#root main.main>header.banner.with-back-link .banner-title{padding-left:0}#root main.main>header.banner .banner-title{flex:0 0 auto;padding:0 0 0 30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;gap:5px}#root main.main>header.banner .banner-title h3{display:block;position:relative;font-size:13px;font-weight:400;color:#fff;margin:2px 0;line-height:13px;text-shadow:0 0 10px rgba(0,0,0,.5)}#root main.main>header.banner .banner-title h2{display:block;position:relative;font-size:21px;font-weight:800;color:#fff;margin:0;line-height:21px;text-shadow:0 0 10px rgba(0,0,0,.5)}#root main.main>header.banner .banner-title h2 .subtext{font-weight:400;font-size:18px}#root main.main>header.banner .banner-options{flex:1 1 auto;flex-direction:row;display:flex;align-items:center;justify-content:flex-end;gap:12px;height:100%;padding:0 30px}#root main.main>header.banner .banner-options>*{text-align:right}#root main.main>header.banner .banner-options button.button{flex:0 0 100px;display:inline-block;position:relative;height:30px;width:100px;background-color:rgba(0,0,0,.4);border-radius:15px;font-size:12px;line-height:28px;text-decoration:none;color:#fff;font-weight:bold;text-align:center;margin:0;border:none;cursor:pointer;box-sizing:border-box}#root main.main>header.banner .banner-options button.button.button-publish,#root main.main>header.banner .banner-options button.button.button-save-draft{flex:1 1 200px;font-size:14px;height:40px;line-height:40px;border-radius:8px;text-align:center;padding:initial;overflow:hidden;cursor:pointer;max-width:200px;box-shadow:0 0 15px rgba(0,0,0,.4)}#root main.main>header.banner .banner-options button.button.button-publish{color:#fff;background-color:#e47953;border:1px solid #e47953}#root main.main>header.banner .banner-options button.button.button-publish:hover{background-color:#d86f4a}#root main.main>header.banner .banner-options button.button.button-save-draft{color:#e47953;background-color:hsla(0,0%,100%,.9);border:1px solid #e47953}#root main.main>header.banner .banner-options button.button.button-save-draft:hover{background-color:#fff}@media(max-width: 650px){#root main.main>header.banner .banner-options{flex-direction:column;justify-content:center;align-items:flex-end;gap:6px}#root main.main>header.banner .banner-options button.button{flex:0 0 24px;line-height:24px;font-size:11px}}
#root>main.main.page-company-knowledge{gap:20px;min-width:400px}#root>main.main.page-company-knowledge .card-company-knowledge{display:block;position:relative;width:100%;height:calc(100% - 20px);margin:0}#root>main.main.page-company-knowledge .card-company-knowledge .card-options .button{margin-top:14px}#root>main.main.page-company-knowledge .card-company-knowledge table .col-icon svg{color:#4eabc1}#root>main.main.page-company-knowledge .card-company-knowledge table tr.default{background-color:#f5f8fe}#root>main.main.page-company-knowledge .card-company-knowledge table tr.default:hover{background-color:#eceff4}#root>main.main.page-company-knowledge .card-company-knowledge table .lock{width:14px;height:14px;transform:translateY(2px);margin-left:8px;opacity:40%}
.dialog-create-company-knowledge .dialog{width:500px}
.dialog-delete-company-knowledge .dialog{width:500px}
#root main.main.page-company-knowledge-entry .content-with-banner .knowledge-card{display:block;position:absolute;width:calc(100% - 520px);height:calc(100% - 20px);left:0;overflow:hidden;margin-top:20px}#root main.main.page-company-knowledge-entry .content-with-banner .knowledge-card .tab-content{padding:0;height:calc(100% - 66px)}#root main.main.page-company-knowledge-entry .content-with-banner .knowledge-card .card-options{top:0;height:55px;z-index:11}#root main.main.page-company-knowledge-entry .content-with-banner .knowledge-card .card-tabs{height:55px;background-color:#f8fbff;width:100%}#root main.main.page-company-knowledge-entry .content-with-banner .knowledge-card .card-tabs .card-tab{font-size:18px;line-height:55px}#root main.main.page-company-knowledge-entry .content-with-banner .knowledge-card .card-tabs .card-tab svg{display:inline-block;position:relative;width:21px;height:21px;vertical-align:middle;margin-top:-4px;margin-right:3px;opacity:65%}#root main.main.page-company-knowledge-entry .card-group.virtual-employee-info{display:flex;flex-direction:column;gap:20px;position:absolute;width:500px;height:100%;right:-120px;top:-50px;padding:70px 100px 0 100px;overflow-y:auto;overflow-x:hidden}#root main.main.page-company-knowledge-entry .card-group.virtual-employee-info .virtual-employee-card{width:100%}#root main.main.page-company-knowledge-entry .card-group.virtual-employee-info>*{width:100%;margin:0;flex:0 0 auto}#root main.main.page-company-knowledge-entry .text-info h2{font-size:17px;margin-bottom:4px}#root main.main.page-company-knowledge-entry .text-info p{font-size:13px;opacity:65%;margin:0}#root main.main.page-company-knowledge-entry .text-info .placeholder{display:block;position:relative;width:100%;height:auto;border-radius:5px;border:1px dashed #a3aed0;color:#a3aed0;text-align:center;box-sizing:border-box;font-size:14px;padding:40px 60px}
.dialog-dialog-company-knowledge-publish .dialog{width:550px}.dialog-dialog-company-knowledge-publish .dialog .textarea textarea{height:180px}