#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-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>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%;
}
.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-header{display:block;position:relative;width:100%;border-bottom:1px solid #d3d9e7;padding:30px;box-sizing:border-box}.dialog .dialog-content>*:last-child{margin-bottom:0}.dialog .dialog-header h2,.dialog .dialog-content h2{font-size:21px;margin:0 0 8px 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 h2{margin-bottom:0}.dialog .dialog-header h2+p{margin-top:4px}.dialog .dialog-header p,.dialog .dialog-content p{font-size:13px;margin:0 0 20px 0}.dialog .dialog-header p{margin-bottom:0}.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-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-footer .dialog-button-cancel,.dialog-footer .dialog-button-apply{display:inline-block;position:relative;height:36px;min-width:100px;border-radius:5px;top:15px;cursor:pointer;color:#fff;box-sizing:border-box;background-color:#e47953;font-size:12px;text-align:center;text-decoration:none;line-height:36px;vertical-align:top;padding:0 20px}.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-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}
.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;
}
.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}
button{
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
}

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-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}.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;
}

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: 0 8px;
}

table.table tbody tr{
    height: 48px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 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: #e9ecef4d;
}

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 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.coltype-LIST ul li,
table.table td.table-cell.table-cell-LIST ul li{
    
}

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, 0.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, 0.5);
}

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

#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;
}

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}
.prompt-deletion-dialog .dialog{width:450px;min-width:450px}
.apikey-deletion-dialog .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-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::-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.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}
.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}
.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}
#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%}}