.campaign{-ms-overflow-style:none;display:flex;height:82vh;overflow:auto;scrollbar-width:none}.campaign__sidebar{background-color:#fff;border-right:1px solid #f7f7f7;padding:2rem;width:36.7rem}.campaign__menu{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.campaign__menu-item{align-items:center;color:#666;cursor:pointer;display:flex;flex-direction:row;font-size:14px;gap:.5rem;padding:12px 16px;transition:background .3s ease}.campaign__menu-item p{font-size:1.4rem;font-style:normal;font-weight:400}.campaign__menu-item--active{background:#fff;background:var(--Base-WHITE,#fff);border:.5px solid #eee;border:.5px solid var(--RAVEN-black-100,#eee);border-radius:10px;box-shadow:0 24px 48px -8px #33333314,0 48px 64px -36px #33333314;color:#755ae2}.campaign__menu-item--active p{color:#755ae2;color:var(--Primary-PURPLE-100,#755ae2);font-size:1.4rem;font-style:normal;font-weight:700}.campaign__menu-item:hover{background-color:#a450e90d}.campaign__content{align-items:start;display:flex;flex:1 1;justify-content:center;margin-top:2rem}.campaign__container{width:76%}.campaign .details_tab{justify-self:center;width:73%}.campaign__subtitle{color:var(#8b8b8b);font-size:1.6rem;font-style:normal;font-weight:400;letter-spacing:1.92px;line-height:160%}.campaign__title{color:var(#333);font-size:3.2rem;font-style:normal;font-weight:600;letter-spacing:-.64px;line-height:140%;margin-top:1rem}.campaign__upload{display:flex;justify-content:left;margin-bottom:2.4rem;margin-top:2.4rem}.campaign__upload-placeholder{align-items:center;background:#f3f3f3;border-radius:8px;display:flex;height:158px;justify-content:center;margin-top:2rem;padding:2.9rem;width:148px}.campaign__details_tab{justify-self:center;width:85%}.campaign__form{display:flex;flex-direction:column;gap:16px}.campaign__input{width:100%}.campaign__date{display:flex;gap:12px}.campaign__date-input{flex:1 1}.campaign__button{background-color:#a450e9;border-radius:6px;color:#fff;font-weight:700;margin-top:3rem;padding:12px;text-align:center;width:100%}.campaign__outreach-methods-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-top:4rem;width:100%}.campaign__outreach-method{align-items:center;background:#f9f9f9;border:.8px solid #eee;border:.8px solid var(--RAVEN-black-100,#eee);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.campaign__outreach-method:hover{background:#f5f2ff}.campaign__outreach-method.checked{background:#f5f2ff;border:1.5px solid #755ae2}.campaign__outreach-method-content{align-items:center;display:flex;gap:.75rem}.campaign__outreach-method_icon_span{align-items:center;background-color:#f5f5f5;border-radius:50%;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.campaign__outreach-method_icon_span.checked{background-color:#e0daf9}.campaign__outreach-method_icon_span svg{color:#acacac;height:16px;width:16px}.campaign__outreach-method_icon_span.checked svg{color:#755ae2}.campaign__outreach-method_label{color:#000;font-size:14px;font-weight:400;line-height:140%;transition:color .3s ease}.campaign__outreach-method_label.checked{color:#333;font-weight:500}.campaign .message-box-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.campaign .message-for-section{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:2rem}.campaign .message-for-text{color:#755ae2;font-size:16px;font-weight:500;margin-right:1rem}.campaign .message-tabs{display:flex;gap:1rem}.campaign .message-tab{background-color:#f5f5f5;border:none;border-radius:50px;color:#333;cursor:pointer;font-size:12px;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.campaign .message-input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.campaign .message-title-input{align-items:cente;display:flex;font-size:14px;justify-items:center}.campaign .message-content-input{border-top:1px dashed #e0e0e0!important;border:none;font-family:inherit;font-size:14px;min-height:150px;outline:none;padding:1rem;resize:none;width:100%}@media (max-width:768px){.campaign .campaign__outreach-methods-container{grid-template-columns:1fr}.campaign .message-for-section{align-items:flex-start;flex-direction:column;gap:.75rem}.campaign .message-tabs{flex-wrap:wrap}}@media (max-width:480px){.campaign .campaign__title{font-size:18px}.campaign .campaign__outreach-method{padding:.75rem}.campaign .campaign__outreach-method_icon_span{height:32px;width:32px}.campaign .campaign__outreach-method_label{font-size:13px}.campaign .message-tab{font-size:11px;padding:.4rem .75rem}}.campaign .campaign__outcomes{display:flex;gap:2rem;margin-top:2rem}.campaign .campaign__outcomes .outcome-pills{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-style:italic;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.campaign .campaign__outcomes .outcome-pills-remove{cursor:pointer;transition:all .3s ease}.campaign .enter__campaign{display:flex;gap:2rem}.campaign .enter__icon{align-items:center;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:100;height:5rem;justify-content:center;padding:1rem;width:5rem!important}.campaign .campaign__upload{margin-top:2rem}.campaign .upload-container{align-items:flex-start;display:flex;flex-direction:column;margin-top:4rem;width:85%}.campaign .upload-container .upload-box{align-items:left;background-color:initial!important;border:1px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;gap:2rem;justify-content:left;padding:2rem;transition:all .3s ease;width:100%}.campaign .upload-container .upload-box .upload-icon-container{align-items:center;background-color:#f1f1f1;border-radius:4px;display:flex;height:68px;justify-content:center;margin-bottom:1rem;width:68px}.campaign .upload-container .upload-box .upload-icon{color:#1b1b1b}.campaign .upload-container .upload-box .upload-text{color:#666;font-size:14px;margin-top:1.5rem;text-align:left}.campaign .upload-container .upload-box .upload-link{color:#6366f1;font-weight:600}.campaign .upload-container .upload-box .upload-description{color:#666;margin-top:4px}.campaign .upload-container .upload-box.drag-active{background-color:#f5f5ff;border-color:#6366f1}.campaign .file-preview{background-color:initial!important;border:1px dashed #ccc;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;width:100%}.campaign .file-preview .file-preview-content{align-items:center;display:flex}.campaign .file-preview .file-icon{align-items:center;background-color:#f0eeff;border-radius:8px;display:flex;height:8.2rem;justify-content:center;margin-right:1rem;padding:.8rem;width:7.6rem}.campaign .file-preview .file-info-preview{display:flex;flex-direction:column}.campaign .file-preview .file-name{color:#6366f1;font-size:12px;font-weight:600}.campaign .file-preview .file-size{color:#666;font-size:12px;font-weight:400}.campaign .file-preview .file-remove-button{align-items:center;align-self:start;background:#ffefee;border:none;border-radius:50%;color:#ff0f00!important;cursor:pointer;display:flex;height:4.4rem;justify-content:center;padding:1.5rem;width:4.4rem}.campaign .validation-list{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:1.75rem;margin-top:1.5rem;padding-bottom:3rem;width:100%}.campaign .validation-list .validation-item{align-items:center;color:#666;color:#646464;color:var(--RAVEN-black-600,#646464);display:flex;font-size:14px;gap:.5rem;text-decoration:none}.campaign .validation-list .validation-item.valid{color:#acacac;color:var(--RAVEN-black-400,#acacac);text-decoration:line-through}.campaign .validation-list .validation-dot,.campaign .validation-list .validation-icon{align-items:center;display:flex;justify-content:center}.campaign .validation-list .validation-dot{background-color:#ffecd6;border-radius:50%;height:26px;width:26px}.campaign .validation-list .validation-dot-in{background-color:#f9d5b2;border-radius:50%;height:12px;width:12px}.campaign .validation-list .invalid-text{color:#ff6b6b;text-decoration:none}.campaign-management:-webkit-scrollbar,.campaign::-webkit-scrollbar{display:none}.page-title-container{align-items:center;display:flex;justify-content:space-between;width:100%}.campaign-grid{grid-gap:20px;-ms-overflow-style:none;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px;scrollbar-width:none}.campaign-grid .campaign-inner-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;margin-top:-3rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.campaign-grid .campaign-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.campaign-grid .campaign-card{background-color:#fafaff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;overflow:hidden;padding:.5rem;position:relative}.campaign-grid .campaign-card:before{background-image:url(/static/media/bg.36b1fa04a939e50f311e.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.campaign-grid .campaign-card:after{background-color:#fafaff80;content:"";height:100%;left:0;mix-blend-mode:multiply;position:absolute;top:0;width:100%}.campaign-grid .campaign-card *{position:relative;z-index:1}.campaign-grid .campaign-icon svg{color:#c4b5fd;height:120px;margin-top:6rem;width:120px}.campaign-grid .campaign-name{color:#333;font-size:18px;font-weight:500;margin-bottom:15px}.campaign-grid .campaign-detail{align-items:center;display:flex;font-size:14px;margin-bottom:8px}.campaign-grid .detail-label{color:#666;font-size:12px;font-weight:600;margin-right:5px}.campaign-grid .detail-value{color:#333}.campaign-grid .status-value{font-size:14px;font-weight:700;margin-top:2rem}.campaign-grid .status-value.running{color:#10b981}.campaign-grid .status-value.paused{color:#f59e0b}@media (max-width:768px){.campaign-grid .campaign-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.campaign-grid .campaign-grid{grid-template-columns:repeat(2,1fr)}}.outcome-pills-container{display:inline-block;margin-right:1rem;margin-top:2rem;position:relative}.outcome-pills{border-radius:20px;gap:8px;justify-content:space-around;padding:8px 16px;transition:all .3s ease}.outcome-pills,.remove-button{align-items:center;cursor:pointer;display:flex}.remove-button{background:none;border:none;font-size:1.2rem;font-weight:400;justify-content:center;margin-left:4px;opacity:0;padding:2px;transition:opacity .2s ease}.outcome-pills-container:hover .remove-button{opacity:1}.color-palette-container{position:relative}.color-dropdown-toggle{align-items:center;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;height:5rem;justify-content:center;width:5rem}.color-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;margin-top:5px;min-width:260px;padding:10px;position:absolute;right:0;top:100%;z-index:10}.color-section h4{font-size:14px;font-weight:700;margin-bottom:10px}.color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.color-swatch{border-radius:4px;cursor:pointer;height:40px;transition:transform .2s;width:40px}.color-swatch:hover{transform:scale(1.1)}.color-preview{align-items:center;border-radius:.4rem;display:flex;height:100%;justify-content:center;width:100%}.custom-color-preview{background:linear-gradient(135deg,red,#0f0,#00f);color:#fff;font-size:1.2rem}.custom-color-picker{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.color-picker-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.color-picker-row label{font-size:14px;font-weight:500}.color-input-group{align-items:center;display:flex;gap:5px}.color-input-group input[type=color]{border:1px solid #ddd;cursor:pointer;height:30px;padding:0;width:30px}.color-text-input{border:1px solid #ddd;border-radius:4px;font-size:12px;height:30px;padding:0 5px;width:80px}.color-preview-box{border-radius:4px;font-weight:500;margin:10px 0;padding:10px;text-align:center}.save-color-button{background-color:#6e41c0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 12px;transition:background-color .2s;width:100%}.save-color-button:hover{background-color:#5a35a0}Add these styles to your colorPalette.css file .m{appearance:none}.campaign-detail-content{margin:0}.campaign-detail-card{background-color:#fff;border-bottom:1px solid #eee;display:flex;margin-bottom:2.4rem;overflow:hidden;padding-bottom:3rem}.campaign-mobile-mockup{background-image:url(/static/media/recall.bc703ac454ac827ef09f.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:22.5rem;width:21.3rem}.campaign-info{flex:1 1;padding:2.4rem}.campaign-info-header{display:flex;justify-content:space-between;margin-bottom:1.6rem}.detail-label{color:#8b8b8b;font-size:1.6rem;font-weight:400;letter-spacing:12%;line-height:2.5rem;text-transform:uppercase}.campaign-title{color:#020202;font-size:3.2rem;font-weight:600;letter-spacing:-4%;line-height:3.8rem;margin:8px 0}.campaign-description{color:#676767;font-size:1.6rem;font-weight:400;line-break:auto;line-height:2.5rem;margin:8px 0 16px;max-width:45.04rem;overflow-wrap:break-word}.dropdown-container{display:inline-block;position:relative}.dropdown-trigger{align-items:center;background-color:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.options-menu{color:#888;font-size:20px}.dropdown-menu{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:1.5rem;overflow:hidden;position:absolute;right:0;width:260px;z-index:10}.dropdown-menu-content{display:flex;flex-direction:column}.dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;width:100%}.dropdown-item:hover{background-color:#f9f9f9}.dropdown-item:hover .dropdown-item-label{color:#000}.dropdown-item-icon{color:#333;font-size:18px;margin-right:12px}.dropdown-item-label{color:#333}.pause-container{background-color:#fff8f0}.pause-item .dropdown-item-icon{color:#f8b76b;font-size:20px}.pause-item .dropdown-item-label{color:#f8b76b}.pause-item:hover .dropdown-item-label{color:#000}.stop-container{background-color:#fff1f0}.stop-item .dropdown-item-icon{color:#f26969;font-size:20px}.stop-item .dropdown-item-label{color:#f26969}.stop-item:hover .dropdown-item-label{color:#000}.campaign-status-info{align-items:center;display:flex;gap:24px}.status-pill{background-color:#e8fff6;color:#1ace37;text-align:center}.date-range,.status-pill{border-radius:7.2rem;font-family:BR Firma;font-size:1.2rem;font-style:italic;font-weight:600;letter-spacing:0;line-height:16.8px;padding:.6rem 1.2rem}.date-range{align-items:center;background-color:#f7f8f7;color:#020202;display:flex;gap:.8rem}.personal-overview-container{display:flex;gap:24px}.personal-overview-container .aside{border-right:1px solid #e8edf5;padding-right:2rem}.campaign-tabs,.metrics-tabs{border-bottom:1px solid #e8edf5;display:flex;margin-bottom:24px}.tab{color:#646464;cursor:pointer;font-weight:400;padding:12px 24px}.tab,.tab.active{font-size:14px;letter-spacing:0;line-height:140%;transition:all .2s ease}.tab.active{background-color:#fff;border-radius:.8rem;box-shadow:0 48px 64px -36px rgba(51,51,51,.078);box-shadow:0 24px 48px -8px rgba(51,51,51,.122);color:#755ae2;font-weight:600;gap:.4rem;padding:1.6rem}.tab:hover:not(.active){color:#666}.call-tabs{background-color:#f9fbfc;border-radius:1.2rem;margin-bottom:24px;padding:.5rem;width:fit-content}.call-tabs,.custom-tabs-container{display:flex;gap:1rem}.analytics-container{display:flex}.sidebar{flex-shrink:0}.main-content{--gradient-spacing:4rem;--chart-gradient:repeating-linear-gradient(to bottom,var(--clr-ee-333) 0,var(--clr-ee-333) 1px,#0000 1px,#0000 var(--gradient-spacing));--normal-offset-height:8.5rem;flex-grow:1}.main-content__chart-area{height:100%;margin-top:1rem}.main-content .overview-stats{background-color:#fff;border-radius:1.6rem;padding:1rem}.main-content .chart-header h2{color:#000;font-size:20px;font-weight:600;letter-spacing:0;line-height:160%}.main-content .chart-header p{color:#8b8b8b;font-size:12px;font-weight:400;letter-spacing:0;line-height:140%}.main-content .chart-header p span{font-size:12px;font-style:italic;font-weight:400;letter-spacing:0;line-height:140%;text-transform:uppercase}.main-content .overview-chart-area{background:var(--chart-gradient);height:100%;margin-top:var(--gradient-spacing);max-height:calc(100% - var(--normal-offset-height) - var(--gradient-spacing));min-height:46.5rem;width:100%}.metrics-tabs{border-bottom:none}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(244px,1fr));margin-bottom:32px}.metric-card{background-color:#fff;border:.6px solid #e3e3e3;border-radius:12px;padding:24px}.metric-card h3{color:#000;font-size:2.4rem;font-weight:600;margin:0 0 8px}.metric-card p{color:#8b8b8b;font-size:14px;font-weight:400;letter-spacing:0;line-height:140%;margin:0}.call-stat-item{background-color:#fff;border:.5px solid #e3e3e3;border-radius:1rem;margin-bottom:24px;width:292px}.stat-header{align-items:center;display:flex;justify-content:space-between;padding:2rem}.stat-header span{color:#8b8b8b;font-size:1.2rem;font-weight:400}.icon-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.green-icon{background-color:#e8fff6;color:#1ace37}.blue-icon{background-color:#f0eeff;color:#755ae2}.red-icon{background-color:#fff5f5;color:#ff0f00}.call-stat-item h3{color:#020202;font-size:20px;font-weight:600;letter-spacing:0;line-height:160%;padding-left:2rem}.duration-div{background-color:#f9f9f9;border-radius:0 0 1rem 1rem;padding:1rem 2rem}.time-info{color:#6b7280;font-size:14px;font-size:1rem;margin:2rem}.duration,.time-info{font-style:italic;font-weight:500;letter-spacing:0;line-height:140%}.duration{color:#8b8b8b;font-size:12px;margin:0}.success-metrics-container{width:29.02rem}@media (max-width:1024px){.analytics-container{flex-direction:column}.sidebar{margin-bottom:24px;margin-right:0;width:100%}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}}.lms-book-loan-modal .close-box{background-color:initial;border-radius:10rem;left:.5rem;padding:1.5rem!important;position:absolute;top:.5rem}.lms-book-loan-modal .bl-modal__action-btn-contain{display:none}.lms-book-loan-modal .bl-modal__content{padding:0!important}.lms-book-loan-modal .bl-modal__content>div:first-child{display:none}.lms-book-loan-modal .action-modal-child{display:grid;grid-template-columns:1fr 1.5fr;min-height:70rem}.lms-book-loan-modal .action-modal-child .left{background-color:#f7f7f7;height:100%;padding:10rem 0 10rem 4rem}.lms-book-loan-modal .action-modal-child .right{display:flex;flex-direction:column;height:100%;padding:5.6rem 4.7rem}.lms-book-loan-modal .action-modal-child .right .heading{font-size:2.4rem;font-weight:600}.lms-book-loan-modal .action-modal-child .right .step-title{color:#676767;font-size:3.6rem;font-weight:500}.lms-book-loan-modal .action-modal-child .right .form-content{display:flex;flex-direction:column;gap:1.6rem;margin-top:2rem}.lms-book-loan-modal .action-modal-child .right .submit-button{height:5.5rem;margin-top:auto;width:18rem}.step-tabs{display:flex;flex-direction:column;gap:2.4rem}.step-tabs .step-tab-single{align-items:center;cursor:pointer;display:flex;gap:.8rem}.step-tabs .step-tab-single .count{align-items:center;border:.1rem solid #d1d1d1;border-radius:3rem;display:flex;font-size:1.6rem;height:3rem;justify-content:center;width:3rem}.step-tabs .step-tab-single .label{color:#646464;font-size:1.2rem}.step-tabs .step-tab-single.active .count,.step-tabs .step-tab-single.completed .count{background-color:var(--primary-product-color);color:#fff}.step-tabs .step-tab-single.active .label,.step-tabs .step-tab-single.completed .label{color:var(--primary-product-color);font-size:1.8rem}.step-tabs .step-tab-single.active{cursor:auto}.step-tabs .step-tab-single.active .count,.step-tabs .step-tab-single.active .label{font-weight:600}.step-tabs .step-tab-single.not-allowed{cursor:not-allowed}.stats-wrap{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.performance-main-wrap{background-color:#fff;border-radius:1.2rem;margin-top:2rem;padding:1.6rem 1.2rem 1.2rem}.performance-main-wrap .header-text{font-size:1.6rem;font-weight:600}.performance-main-wrap .cards-wrap{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.performance-main-wrap .cards-wrap .single-card{align-items:flex-start;border:.1rem solid #eee;border-radius:.8rem;display:flex;justify-content:space-between;padding:1.6rem;padding-block:1rem}.performance-main-wrap .cards-wrap .single-card .card-label-wrap{align-items:center;display:flex;gap:.8rem}.performance-main-wrap .cards-wrap .single-card .card-label-wrap .card-label{font-size:1.2rem;font-weight:400;text-transform:uppercase}.performance-main-wrap .cards-wrap .single-card .card-label-wrap figure{cursor:pointer;height:1.4rem;position:relative;width:1.4rem}.performance-main-wrap .cards-wrap .single-card .card-value{font-size:2rem;font-weight:700;margin-top:.5rem}.lms-user-compliance{display:flex;flex-direction:column;gap:3.2rem;margin-top:1rem}.lms-user-compliance .main-content-wrap .header-text{margin-bottom:1.2rem}.lms-user-compliance .main-content-wrap .grey-wrap{background-color:#f9f9f9;border-radius:1.2rem;padding:1.6rem}.lms-user-compliance .main-content-wrap .grey-wrap .details-wrap{background-color:#fff;border-radius:1.2rem;padding:1.4rem}.lms-user-compliance .main-content-wrap .grey-wrap .details-wrap .details-modal-wrap__content{margin-bottom:0!important}