@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800;900&family=Public+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap);.button{padding:6px 36px!important}.button.rounded{border-radius:.3rem}.primary{background:linear-gradient(90deg,#164963,#102733)!important;color:#fff!important}.title{font-size:18px;font-weight:700;text-align:center;line-height:normal;letter-spacing:-.5px;text-transform:uppercase;margin:.5rem 0}@media(min-width:600px){.title{font-size:20px}}.date-range-picker{display:flex;align-items:center;padding:12px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.15);border-radius:10px}.date-range-picker .q-icon{font-size:20px;color:#b6b6b6}.date-range-picker .selected-date{margin:auto 0 auto .25rem;color:#9a9a9a}.date-range-picker .selected-date+.q-icon{color:#a6a6a6}.cat-usage-detail-item{display:flex;flex-wrap:nowrap;line-height:1;margin:8px 0;box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);border-radius:10px}.cat-usage-detail-item .label,.cat-usage-detail-item .values{display:flex;width:50%;align-items:center;font-size:14px;font-weight:500;padding:6px 8px;border-radius:10px 0 0 10px}.cat-usage-detail-item .label{justify-content:center;text-align:center}.cat-usage-detail-item .values{justify-content:space-evenly;background:#f6f6f6;border-left:1px solid #ddd;border-radius:0 10px 10px 0}.cat-usage-detail-item.item-header{margin:8px 0 -2px 0;box-shadow:none}.cat-usage-detail-item.item-header .values{font-size:10px;text-align:center;padding:0 12px;margin-left:auto;background:none!important;border:none}.cat-usage-detail-item:last-child{margin-bottom:2px}.notification-rate-item{font-weight:700;line-height:normal;text-align:center;padding:.5rem;color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABECAYAAAA2uu3dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJrSURBVHgB7ZwxU8JAEIU3jim00AJLLdQZLbTQgobCxt9tY2FjIQ2FFFBgoTNQQIEFBe4Lh0bMbkIYmUl2v5lMhtw8uJdc9i63FyIqyHw+v+HdiVDcjqJoQFuC63LPu32h+IHrMqUC7JBh3LxV3LxVdrMOcjSNaRFN49ThPZLZY80RbY9YKTvkuqR7gqkU/aP0h2DggrcG1QuYH/HWTZ+Ib/Ns/Jp3p1RvYPyZT8AEHxLzRowvmfH2iBaww8bRxK0YB4gXGK0m0f6M7NFAfIP5ugW3ohygq9O6jTeqNuiepYsb72pKDgovVGG4aeMpVGzZPry1ipu3ij/VSXC0vKVqoz2J6uaZY6oxfs9bxc1bxbs6hSeqNniouZQK857qRlRhVmZx/+D3vFXcvFW8qysLR1NMeyO9hUnQMS3SQe8FdOh+TlO69jKLomji8FsnQTcKukKrMLIofeW5MqjIFf3M/h7y1sxLWIbs0MWKrsXHD0inSYscw1KHPvyOdaUv4CbNXho8iNmf0O9mlcPQuaKD0ca6ujxKmc8ZPGgTCPE/6NSBjEYp8+E+mwnF2r2r6caKTvvOIZVkk2bfzTg2E44n8EmTynFS+ooO5T1BlxtgJUoHC65Qj5s/zCzX5n3y9poXfTN0uOL9AroO6yYp3TDoZlSSjbq6sPBw7cWH29ZJ+AjPKm7eKm7eKm7eKm7eKm7eKm7eKm7eKm7eKp6ukuAJwxZVm9xFiJg1lSb+6/wWxhTN/oNsMoL5HtljkLxaFpIFHbID/CZZo/QblUgbX1K9+ZXTX32XFoEPJwE587x8eVVAOgtprsHqX1t8AeqjsrtTSJAdAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right -.8px bottom -30px}.notification-rate-item__wrapper{box-shadow:1px -1px 2px rgba(35,125,158,.3),-1px 1px 2px rgba(9,31,40,.5),inset -4px -4px 8px rgba(9,31,40,.2),inset 4px 4px 8px rgba(9,31,40,.2),inset -4px 4px 8px rgba(35,125,158,.9),inset 4px -4px 10px rgba(9,31,40,.9);border-radius:.25rem}.notification-rate-item__title{font-size:12px}.notification-rate-item__value{font-size:20px;margin-bottom:-.125rem}@media(min-width:480px){.notification-rate-item{padding:14.63px .5rem}.notification-rate-item__wrapper{border-radius:.5rem}.notification-rate-item__title{font-size:14px}.notification-rate-item__value{font-size:25px}}@media(min-width:1024px){.notification-rate-item{padding:21.04px 0}.notification-rate-item__title{letter-spacing:-.5px;margin:-8px 0 auto 0}.notification-rate-item__value{font-size:30px;margin:6.5px 0 5px 0}}.search-bar{position:relative}.search-bar .icon{position:absolute;top:0;right:0;box-shadow:5px 2px 4px rgba(0,0,0,.25)}.search-bar .input.q-field--dense .q-field__control{height:2rem;min-height:2rem}.search-bar .input.q-field--dense .q-field__marginal{height:2rem}.search-bar .input.q-field--dense .q-field__label{top:6px}.q-table__card{width:100%}.table-skeleton-container{width:100%;border:1px solid rgba(0,0,0,.14);border-radius:4px;overflow:hidden}.table-skeleton{width:100%;border-collapse:collapse;border-spacing:0}.table-skeleton td,.table-skeleton th{line-height:normal;padding:5px 8px;border-bottom:1px solid rgba(0,0,0,.11)}.table-skeleton thead{background-color:rgba(0,0,0,.03)}.table-skeleton thead th:first-child{border-right:2px solid rgba(0,0,0,.06)}.table-skeleton thead tr:last-child th{border-bottom:2px solid rgba(0,0,0,.07)}.table-skeleton tbody tr td:first-child{background-color:rgba(0,0,0,.03);border-right:2px solid rgba(0,0,0,.06)}.table-skeleton tbody tr:last-child td{border-bottom:none}.notification-infos .title{line-height:1}.notification-infos .notification-rates,.notification-infos .notification-types{margin-top:8px}.notification-infos .notification-rates .q-card,.notification-infos .notification-types .q-card{padding:2px}.notification-infos .notification-rates .item,.notification-infos .notification-types .item{font-family:Public Sans;padding:2px}.notification-infos .notification-types .item{width:50%;padding:4px}.notification-infos .notification-types .item .notify-type{display:flex;padding:.5rem;box-shadow:0 0 4px rgba(0,0,0,.22);border-radius:.25rem}.notification-infos .notification-types .item .notify-type img{height:32px}.notification-infos .notification-types .item .notify-type .data{margin:auto auto auto .25rem}.notification-infos .notification-types .item .notify-type .data .label{font-size:12px;font-weight:700;line-height:.875}.notification-infos .notification-types .item .notify-type .data .value{font-size:20px;font-weight:700;line-height:1}@media(min-width:375px){.notification-infos .notification-types .item{width:50%;padding:4px}}@media(min-width:480px){.notification-infos .notification-rates,.notification-infos .notification-types{margin-top:16px}.notification-infos .notification-rates .item,.notification-infos .notification-rates .q-card,.notification-infos .notification-types .item,.notification-infos .notification-types .q-card{padding:4px}.notification-infos .notification-types .item{padding:8px}.notification-infos .notification-types .item .notify-type{border-radius:.5rem}.notification-infos .notification-types .item .notify-type img{height:48px}.notification-infos .notification-types .item .notify-type .data .label{font-size:14px}.notification-infos .notification-types .item .notify-type .data .value{font-size:25px;line-height:normal}}@media(min-width:600px){.notification-infos .title{margin-top:0}.notification-infos .notification-rates .q-card,.notification-infos .notification-types .q-card{padding:16px;margin:0 8px 0 0}.notification-infos .notification-rates .item,.notification-infos .notification-types .item{padding:4px}.notification-infos .notification-types .q-card{margin:0 0 0 8px}.notification-infos .notification-types .item{width:100%}.notification-infos .notification-types .item .notify-type img{width:60px;height:auto}.notification-infos .notification-types .item .notify-type .data{margin-left:.5rem}.notification-infos .notification-rates .q-card .row{padding:2.84px 0}}@media(min-width:698px){.notification-infos .notification-types .item{margin:5px 0}}@media(min-width:1024px){.notification-infos .notification-rates .item{width:25%}.notification-infos .notification-types .row{flex-wrap:nowrap}.notification-infos .notification-types .item{width:50%;margin:0;margin-right:10px}.notification-infos .notification-types .item .notify-type{padding:19.625px}.notification-infos .notification-types .item .notify-type img{width:auto;height:64px}.notification-infos .notification-types .item:last-child{margin-right:0}}@media(min-width:1600px){.notification-infos .notification-rates,.notification-infos .notification-types{height:172px;margin-top:24px}.notification-infos .notification-rates .q-card{margin:0 12px 0 0}.notification-infos .notification-types .q-card{margin:0 0 0 12px}.notification-infos .notification-types .item .notify-type{padding:23.625px 12px}.notification-infos .notification-types .item .notify-type img{height:56px}.notification-infos .notification-types .item:last-child{margin-right:0}}@media(min-width:1757px){.notification-infos .notification-types .item .notify-type{padding:19.625px}.notification-infos .notification-types .item .notify-type img{height:64px}.notification-infos .notification-types .item:last-child{margin-right:0}}.template-list-card{display:flex;flex-direction:column;width:100%;height:100%;padding:4px;border-radius:4px}.template-list-card .title{margin-bottom:0}.template-list-card .edit-nav{align-items:center;padding:5px 0}.template-list-card .edit-nav .create-btn-col,.template-list-card .edit-nav .search-bar-col{margin:5px 0}.template-list-card .edit-nav .create-btn-col button,.template-list-card .edit-nav .search-bar-col button{width:100%;min-height:auto;font-family:Public Sans;font-size:16px;font-weight:700;line-height:normal;text-transform:none;padding:6.75px 16px;border-radius:5px}.template-list-card .table-nav{height:100%;font-family:Inter;font-weight:400;border-radius:0!important;overflow:hidden}.template-list-card .table-nav td,.template-list-card .table-nav th{font-size:12px}.template-list-card .table-nav .q-table__container{height:100%}.template-list-card .table-nav .q-table__container thead tr th{position:sticky;top:0;background-color:#fff;z-index:1}.template-list-card .table-nav .q-table--dense .q-table td:first-child,.template-list-card .table-nav .q-table--dense .q-table th:first-child{padding-left:4px}.template-list-card .table-nav .btn-expander{margin:auto 4px auto 0}.template-list-card .table-nav .btn-expander .q-icon{font-size:26px}.template-list-card .table-nav tbody tr:nth-last-child(2) td{border-bottom-width:0}.template-list-card .table-nav tbody tbody tr:nth-last-child(2) td{border-bottom-width:1px}.template-list-card .table-nav tbody .q-table__card{border-radius:0}.template-list-card .table-nav tbody tr:last-child tbody tr:last-child td{border-top-width:1px}.template-list-card .table-nav .btn-live{width:84px;min-height:unset;font-family:Roboto;font-size:14px!important;line-height:1;padding:4px 24px 4px 15px;border-radius:6px}.template-list-card .table-nav .btn-live .q-btn__content{flex-wrap:nowrap}.template-list-card .table-nav .btn-live .q-btn__content .on-right{position:absolute;right:2px;font-size:20px}.status-list>.q-item{line-height:1.143;padding:8px 16px}@media(min-width:480px){.template-list-card{padding:12px}.template-list-card .title{margin-top:0}}@media(min-width:600px){.template-list-card{padding:20px}.template-list-card .edit-nav .create-btn-col{margin-left:20px}}@media(min-width:1024px){.template-list-card .table-nav td,.template-list-card .table-nav th{font-size:13px}.template-list-card .table-nav .q-table__container thead tr{height:34px}.template-list-card .table-nav .table-skeleton{height:100%}.template-list-card .table-nav .table-skeleton tr{height:3.25vh}.template-list-card .table-nav .table-skeleton tbody tr{display:table-row!important}.template-list-card .table-nav .table-skeleton tbody tr td{border-bottom-width:1px!important}}@media(min-width:1600px){.template-list-card .title{text-align:left}.template-list-card .table-nav td,.template-list-card .table-nav th{font-size:14px}.template-list-card .table-nav .q-table__container thead tr{height:40px}}.usage-rate-filters{padding:0 0 8px 0}.usage-rate-filters .q-btn-group{box-shadow:0 0 8px rgba(0,0,0,.15);border-radius:10px}.usage-rate-filters .q-btn-group .filter-button{font-size:13px;line-height:1;border-right:1px solid #e8e8e8;padding:16px}.usage-rate-filters .q-btn-group .filter-button:last-child{border-right:none}.usage-rate-filters .q-btn-group .q-btn{font-family:Inter;font-weight:700}@media(min-width:600px){.usage-rate-filters .q-btn-group{margin-right:16px}.usage-rate-filters .date-range-picker{margin-left:16px}}@media(min-width:1440px){.usage-rate-filters .q-btn-group{margin-right:24px}.usage-rate-filters .date-range-picker{margin-left:24px}}.rate-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:-.0333em;line-height:normal;color:#69767e}@media(min-width:600px){.rate-title{font-size:16px}}.category-usage-chart{border-radius:.8rem!important}.create-variable-dialog .variable-input__input{width:350px}.create-variable-dialog .variable-input__name{font-style:normal;font-weight:700;font-size:1rem;line-height:18px}.footer{display:flex;align-items:center;justify-content:center;padding:20px 8px}.footer .q-btn{font-family:Inter;min-height:auto;font-size:16px;font-weight:600;line-height:1.75;padding:5px 20px 4px 20px}.footer .q-btn+.q-btn{margin-left:12px}.footer .q-btn[class*="--"]{transform:none}@media(min-width:480px){.footer{justify-content:end;padding:20px}}.template-header{display:flex;flex-wrap:wrap;width:100%;padding:10px 4px 0 4px;margin:0 auto}.template-header.in-review{max-width:885px}.progress,.status{display:flex;justify-content:center;width:100%}.progress-indicator,.status-indicator{display:flex;flex-direction:column}.progress-indicator .indicator-item,.status-indicator .indicator-item{display:flex;flex-wrap:nowrap}.progress-indicator .indicator-circle,.progress-indicator .indicator-line,.status-indicator .indicator-circle,.status-indicator .indicator-line{transition:all .3s ease}.progress-indicator .indicator-circle,.status-indicator .indicator-circle{display:flex;justify-content:center;align-items:center;min-width:60px;width:60px;height:60px;font-size:25px;font-weight:900;color:#fff;background-color:#164e63;box-shadow:1px 1px 2px rgba(35,125,158,.3),-1px -1px 2px rgba(9,31,40,.5),inset -8px 8px 16px rgba(9,31,40,.2),inset 8px -8px 16px rgba(9,31,40,.2),inset -8px -8px 16px rgba(35,125,158,.9),inset 8px 8px 20px rgba(9,31,40,.9);border-radius:50%}.progress-indicator .indicator-circle.inactive,.status-indicator .indicator-circle.inactive{background-color:#d9d9d9;box-shadow:1px 1px 2px hsla(0,0%,100%,.3),-1px -1px 2px hsla(0,0%,62%,.5),inset -5px 5px 10px hsla(0,0%,62%,.2),inset 5px -5px 10px hsla(0,0%,62%,.2),inset -5px -5px 10px hsla(0,0%,100%,.9),inset 5px 5px 13px hsla(0,0%,62%,.9);border:3px solid #d9d9d9}.progress-indicator .indicator-line,.status-indicator .indicator-line{width:100%;max-width:176px;height:5px;margin:auto 0;background-color:#164e63}.progress-indicator .indicator-line.shorter,.status-indicator .indicator-line.shorter{max-width:158px}.progress-indicator .indicator-line.inactive,.status-indicator .indicator-line.inactive{background-color:#d9d9d9}.progress-indicator .indicator-label,.status-indicator .indicator-label{font-size:.8rem;font-weight:700;line-height:normal;text-align:center;color:#096c84;margin:1rem auto}.progress-indicator .indicator-label.inactive,.status-indicator .indicator-label.inactive{color:#d9d9d9}.progress .q-checkbox,.status .q-checkbox{margin:.5rem .75rem}.progress .q-checkbox__inner,.status .q-checkbox__inner{width:.3em;min-width:.3em;height:.3em}.progress .q-checkbox__inner .q-icon,.status .q-checkbox__inner .q-icon{font-size:.3em;background:linear-gradient(135deg,#fff 30%,#ccc 70%)}.progress .q-checkbox__inner:before,.status .q-checkbox__inner:before{content:none!important}.progress .q-checkbox__inner .absolute-full,.status .q-checkbox__inner .absolute-full{border:1px solid #aaa;border-radius:50%;overflow:hidden}.progress .q-checkbox__inner--truthy .absolute-full,.status .q-checkbox__inner--truthy .absolute-full{box-shadow:-2px 2px 4px hsla(0,0%,59%,.2),2px -2px 4px hsla(0,0%,59%,.2),-2px -2px 4px hsla(0,0%,100%,.9),2px 2px 5px hsla(0,0%,59%,.9),inset 1px 1px 2px hsla(0,0%,100%,.3),inset -1px -1px 2px hsla(0,0%,59%,.5);border:3px solid #096c84}.progress .q-checkbox__inner--truthy .q-icon,.status .q-checkbox__inner--truthy .q-icon{color:transparent;background:#fff}.progress .q-checkbox__label,.status .q-checkbox__label{font-family:Public Sans;font-size:16px;font-weight:700;letter-spacing:.025em;color:#164e63}.progress .q-checkbox:last-child,.status .q-checkbox:last-child{margin-right:0}.progress{max-width:640px;margin:auto}.progress-indicator{width:100%}@media(min-width:480px){.template-header{padding:20px 12px 0 12px}}@media(min-width:600px){.template-header{padding:30px 0 0 0}.status{justify-content:end;padding:0 2px}}@media(min-width:1200px){.template-header{padding:0}.progress-indicator .indicator-label{margin:1rem auto 0 auto}}.create-group-dialog .input-container__name{font-style:normal;font-weight:700;font-size:1rem;line-height:18px}.input{width:100%}.dialog-card-header{display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;text-align:center;line-height:1;text-transform:uppercase;padding:12px 24px;color:#fff;background:linear-gradient(90deg,#164963,#102733)}.dialog-card-header .title:after{content:"";display:block;height:1px;margin:4px -12px -2px -12px;background-color:#fff}.dialog-card-body{display:flex;padding:1rem}.dialog-card-body.no-wrap{flex-wrap:nowrap}.dialog-card-body .input-label{padding:.25rem .5rem .25rem 0;margin:auto 0}.dialog-card-body label.q-field{width:100%}.dialog-card-actions{justify-content:center;padding:12px}.dialog-card-actions .btn-action{border-radius:5px}.dialog-card-actions .btn-action.width-xl{min-width:120px!important}.variable{display:flex;text-align:left;line-height:1.429;text-overflow:ellipsis;padding:12px 4px 12px 16px;overflow:hidden;transition:all .3s ease;border:1px solid #d1d5db;border-radius:4px;cursor:-webkit-grab;cursor:grab}.variable .item-label{margin:auto auto auto 0}.variable .q-btn{margin:-7px 0 -7px auto}.variable.used{font-weight:700;background-color:#096c84;border-color:#096c84;color:#fff;pointer-events:none}.variable.used img{filter:invert(1)}.template-content{display:flex;flex-wrap:wrap;width:100%;padding:4px;margin:0 auto}.template-content,.template-preview{transition:all .2s ease}.animated.appear{opacity:0}.animated.disappear{display:none}@media(min-width:480px){.template-content{padding:12px}}@media(min-width:600px){.template-content{padding:0}}.create-step-card{display:flex;flex-wrap:wrap;width:100%;padding:4px}.create-step-card .add-btn{margin:auto auto 0 .5rem;border-radius:4px}.create-step-card__group,.create-step-card__name{width:100%;margin:auto 0}.create-step-card__group .title,.create-step-card__name .title{display:flex;font-size:12px;text-align:left;letter-spacing:.025em;margin:0 auto .25rem 0}.create-step-card__group{width:calc(100% - 49px);margin:1rem 0 auto 0}.create-step-card__group .title{width:calc(100% + 49px)}@media(min-width:480px){.create-step-card{padding:12px}}@media(min-width:600px){.create-step-card{flex-wrap:nowrap}.create-step-card__name{margin:auto 0}.create-step-card__group{min-width:280px;margin:auto 8px}.create-step-card__group+.q-btn{min-width:40px!important;margin:auto 0 0 0}}@media(min-width:768px){.create-step-card{padding:20px}}@media(min-width:1024px){.create-step-card__group .title,.create-step-card__name .title{font-size:14px}}@media(min-width:1200px){.create-step-card__name{min-width:calc(50% - 10px)}.create-step-card__group{margin:auto 16px}}.variables-card{width:100%;padding:4px;margin-top:8px;overflow:hidden}.variables-card .title{font-size:12px;text-align:left;word-break:normal;letter-spacing:.025em;margin:auto 0;color:#69677e!important}.variables-card .title+.q-btn{min-width:40px!important;margin-left:.5rem}.variables-card .title.select-variables{margin:auto}.variables-card .title.create-variable{text-align:right}.variables-card .helper-txt{font-size:12px;font-weight:600;color:#164e63!important}.variables-card .helper-txt.small{font-size:11px;color:#1f2937!important}.variables-card input.q-field__native{font-weight:500}.variables-card.m-disabled{color:#d1d5db;pointer-events:none}.variables-card.m-disabled .variables__list{overflow:hidden}.variables-card.m-disabled .q-editor,.variables-card.m-disabled .q-editor__toolbar,.variables-card.m-disabled .q-field__control:before,.variables-card.m-disabled .variable{border-color:#eaeaea}.variables-card.m-disabled .q-editor__toolbar-group:before{background:#eaeaea}.variables-card.m-disabled input.q-field__native{color:inherit;opacity:.44}.variables-card.m-disabled .q-field__marginal{color:#dee5eb}.variables-card.m-disabled .helper-txt,.variables-card.m-disabled .q-btn,.variables-card.m-disabled .title{opacity:.22}.variables-card.m-disabled .variable.used{background-color:#d0e0e6;border-color:#bfd5dc}.variables__header{position:relative;padding:4px;margin:0;box-shadow:0 3px 3px rgba(0,0,0,.22);z-index:2}.variables__header>[class*=col]{display:flex;padding:2px}.variables__header>[class*=col]:last-child{justify-content:end}.variables__header .q-field{width:100%}.variables__list{padding:4px 2px;margin:0;max-height:72px;overflow-x:hidden;overflow-y:auto}.variables__list>[class*=col]{padding:2px 4px}.variables__list__col .helper-txt{padding:8px;box-shadow:0 -3px 3px rgba(0,0,0,.22)}.variables__setup__msg{padding:8px 6px 4px 6px}.variables__setup__msg .title{padding:0 0 8px 0}.variables__setup__msg .title.sub{padding:0}.variables__setup__msg .title.helper-txt{padding:4px 0 0 0}.variables__setup__msg .input-email,.variables__setup__msg .input-sms{width:100%;word-break:break-all;padding:5px 0 20px 0}.variables__setup__msg .input-email label,.variables__setup__msg .input-sms label{width:100%}.variables__setup__msg .input-email .title,.variables__setup__msg .input-sms .title{margin-bottom:0}.variables__setup__msg .input-sms{padding-bottom:0}.variables__setup__msg .q-field__control-container{padding-top:1px}.variables__setup__msg .q-field__native{padding:6px 0}@media(min-width:390px){.variables__header>.col-ssmm-6,.variables__list>.col-ssmm-6{width:50%}}@media(min-width:480px){.variables-card{padding:12px;margin-top:16px}.variables__header{padding:12px}}@media(min-width:600px){.variables-card .title.select-variables{margin:auto auto auto 0}.variables__header>.col-ssmm-6,.variables__list>.col-ssmm-6{width:33.3333%}.variables__list{max-height:96px;padding:12px 8px}.variables__list>[class*=col]{padding:4px}.variables__list__col .helper-txt{padding:12px}.variables__setup__msg{padding:16px 12px 8px 12px}}@media(min-width:768px){.variables__header{padding:20px}.variables__list{max-height:160px;padding:18px 16px}.variables__list__col .helper-txt{padding:20px}.variables__setup__msg{padding:16px 20px}}@media(min-width:1024px){.variables-card .helper-txt,.variables-card .title{font-size:14px}.variables-card .helper-txt.small{font-size:12px;padding:8px 0 0 0}}@media(min-width:1200px){.variables-card{margin-top:24px}.variables__list{max-height:calc(100vh - 552px)}.variables__list__col{border-right:1px solid #ddd}.variables__list__col .helper-txt{padding:10px 20px}.row>.col-lg-6{height:auto;width:50%}}.preview-card{max-width:885px;padding:.5rem;margin:0 .5rem}.preview-card .q-editor__content{max-height:none}.preview-content{word-break:break-all}@media(min-width:480px){.preview-card{padding:.75rem}}@media(min-width:600px){.preview-card{padding:1rem;margin:0}}.dash-container,.dash-container .content-left,.dash-container .content-right{padding:4px}.dash-container .content-right{padding-bottom:8px}.dash-container .content-left{display:flex;flex-direction:column}.dash-container .content-left .template-list{width:100%}@media(min-width:480px){.dash-container,.dash-container .content-left,.dash-container .content-right{padding:8px}}@media(min-width:1600px){.dash-container{height:100%;padding:12px}.dash-container .content-left,.dash-container .content-right{height:100%;padding:12px;overflow:hidden}.dash-container .content-left{width:60%}.dash-container .content-left .template-list{height:calc(100% - 196px)}.dash-container .content-right{width:40%}.dash-container .content-right .q-card{height:100%;overflow-x:hidden;overflow-y:auto}}@media(min-width:1900px){.dash-container .content-left{width:66.6667%}.dash-container .content-right{width:33.3333%}}.usage-rates{display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden}.usage-rates .date-filter-container{width:100%;border-bottom:1px solid #eee}.usage-rates .title{text-transform:uppercase}.usage-rates>.usage-rate-item{border-width:0 0 1px 0;border-style:solid;border-color:#eee}.usage-rates>.usage-rate-item:last-child{border-width:0}.usage-rate-item{display:flex;flex-wrap:wrap;width:100%}.usage-rate-item .stats{width:100%;padding:16px 16px 8px 16px}.usage-rate-item .chart{width:220px;height:220px;margin:8px auto 16px auto}@media(min-width:600px){.usage-rates{padding:16px 0 0 0}.usage-rate-item{flex-wrap:nowrap;padding:16px}.usage-rate-item .stats{padding:0}.usage-rate-item .chart{min-width:268px;width:268px;max-width:268px;height:268px;padding:24px;margin:0 0 0 16px;background-color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.15);border-radius:12px}}@media(min-width:1200px){.usage-rates{overflow:hidden}.usage-rates>.usage-rate-item{border-width:0 1px 1px 0}.usage-rates>.usage-rate-item:nth-child(3){border-width:0 0 1px 0}.usage-rates>.usage-rate-item:nth-child(4){border-width:0 1px 0 0}.usage-rate-item{width:50%}}@media(min-width:1600px){.usage-rates{padding:0}.usage-rates .date-filter-container{position:sticky;top:0;padding:18px 0 0 0;background-color:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.usage-rates>.usage-rate-item,.usage-rates>.usage-rate-item:nth-child(3),.usage-rates>.usage-rate-item:nth-child(4){border-width:0 0 1px 0}.usage-rate-item{width:100%;padding:24px}}.main-navbar-menu,.q-toolbar{font-family:Montserrat;font-weight:600}.main-navbar-menu__title,.q-toolbar__title{display:flex;justify-content:center;align-items:center;height:60px;padding:0}.main-navbar-menu__title img,.q-toolbar__title img{height:26px}.main-navbar-menu .menu-toggler,.q-toolbar .menu-toggler{position:absolute;right:12px}.main-navbar-menu .user,.q-toolbar .user{font-weight:700}.main-navbar-menu{max-width:none!important}@media(min-width:600px){.q-toolbar{padding:0 20px}.q-toolbar__title{justify-content:left}.q-toolbar__title img{margin-left:8px}}.create-template{display:flex;flex-direction:column;width:100%;height:100%}.create-template .main.q-page-container{display:flex;min-height:100vh;height:auto;align-items:center;justify-content:center}.template-container{display:flex;flex-direction:column;font-family:Montserrat;font-weight:500;padding:4px}.template-container .q-card{box-shadow:0 0 4px rgba(0,0,0,.33)}.template-container .q-card.variables-card{padding:0}@media(min-width:480px){.template-container{padding:12px}}@media(min-width:600px){.template-container{padding:20px}}.main-login{display:flex;flex-direction:column;height:100vh;width:100vw}.login-img{max-width:100vw;min-width:100vw;max-height:100vh;margin:0 auto auto 0;transform:scaleX(-1)}.main-login .form-group{display:flex;flex-direction:column;position:relative;align-items:center;height:100%;padding:1rem;margin:1rem 0 0 0}.main-login .form-group .login-logo{position:relative;top:0;right:unset;margin:1rem auto 1.5rem auto;width:20vw}.permission-alert__wrapper{display:flex;align-items:center}.permission-alert{font-size:.875rem;text-align:center;line-height:normal;color:#fff}.main-login .btn-try-again{min-width:15rem;font-size:1rem;font-weight:500;padding:.5rem 1.5rem;margin:2rem auto;color:#fff;background-color:#eb5b28;border:none;border-radius:.5rem;transition:all .2s ease-in-out}.main-login .btn-try-again:hover{background-color:#db4b18}.main-login .btn-try-again:active{background-color:#eb5b28;box-shadow:0 0 0 .15rem rgba(219,75,24,.33)}.dev-brands{display:flex;flex-direction:column;margin:auto 0 2rem 0}.brand-logo{width:154px;margin:auto auto .25rem auto;color:#fff}.brand-info{width:385px;max-width:100%;margin:2rem auto auto auto}@media(min-width:992px){.main-login{flex-direction:row;width:100vw}.login-logo{display:none}.main-login .form-group{position:absolute;top:50%;right:1vw;width:20rem;height:auto;margin:auto 0;transform:translateY(-50%)}.main-login .form-group .login-logo{display:block;margin-top:6rem}.main-login .form-group .dev-brands{margin-top:2rem}}@media(min-width:1200px){.main-login .form-group{right:5.555vw;width:33.33333vw}.main-login .form-group .login-logo{margin-top:3rem}}@media(min-width:1920px){.dev-brands{margin-top:4rem}}@media(min-width:1921px){.login-img{width:auto;height:100vh}}body,html{font-family:Roboto;font-weight:500}.container{max-width:1440px;margin:0 auto}.container.footer{max-width:1480px}.container.footer.in-review{max-width:925px}.q-card{box-shadow:0 0 8px rgba(0,0,0,.25)}.q-list .q-item{min-height:unset}.q-item__section--main{font-size:12px}.mandatory:before{content:"*";font-size:90%;margin:1px 2px auto 0;color:red}.q-table--dense .q-table__bottom,.q-table__bottom .q-table__bottom{min-height:auto}.q-table__bottom{padding:12px 16px}.q-table .q-btn--dense:not(.q-btn--round){min-width:2em}.q-editor__toolbar{min-height:auto}.q-editor__toolbar-group{margin:0}.q-editor .q-btn{margin:3px}.q-editor__content{max-height:calc(100vh - 694px)}.q-textarea .q-field__control .q-field__native{max-height:72px}@media(min-width:480px){.q-card{border-radius:10px}}@media(min-width:1024px){.main.q-page-container{height:100vh}}