:root{--border-radius: 24px;--box-padding: 24px;--box-gap: 24px;--main-color: #28245F;--subheader-color: #ACAABA;--main-error-color: rgb(236,26,88);--tab-burrot-backgroud: linear-gradient(0deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .3) 100%), linear-gradient(90deg, #EC1A58 .02%, #E61861 33.34%, #D5137B 94.27%, #D3137D 100%) }html *{font-family:Popins,sans-serif!important}.centralize{display:flex;justify-content:center;align-items:center}.nav-page{background-color:#f9f9ff;width:100%;min-height:calc(100vh - 80px);padding:40px 40px 20px!important;overflow:auto}.card-details{background-color:#f9f9ff;position:relative;top:-80px;width:100%;min-height:100vh}#load{position:absolute;width:600px;height:36px;left:50%;top:40%;margin-left:-300px;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}#load div{position:absolute;width:20px;height:36px;opacity:0;font-family:Helvetica,Arial,sans-serif;animation:move 2s linear infinite;-o-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;-webkit-animation:move 2s linear infinite;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#031e44}#load div:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}#load div:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-webkit-animation-delay:.4s}#load div:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}#load div:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}#load div:nth-child(6){animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}#load div:nth-child(7){animation-delay:1.2s;-o-animation-delay:1.2s;-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}@keyframes move{0%{left:0;opacity:0}35%{left:41%;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);opacity:1}65%{left:59%;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);opacity:1}to{left:100%;-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-moz-keyframes move{0%{left:0;opacity:0}35%{left:41%;-moz-transform:rotate(0deg);transform:rotate(0);opacity:1}65%{left:59%;-moz-transform:rotate(0deg);transform:rotate(0);opacity:1}to{left:100%;-moz-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-webkit-keyframes move{0%{left:0;opacity:0}35%{left:41%;-webkit-transform:rotate(0deg);transform:rotate(0);opacity:1}65%{left:59%;-webkit-transform:rotate(0deg);transform:rotate(0);opacity:1}to{left:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-o-keyframes move{0%{left:0;opacity:0}35%{left:41%;-o-transform:rotate(0deg);transform:rotate(0);opacity:1}65%{left:59%;-o-transform:rotate(0deg);transform:rotate(0);opacity:1}to{left:100%;-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}.count-badge{display:flex;justify-content:center;align-items:center;min-width:20px;max-width:100px;height:24px;background-color:#fbe7f2;border-radius:8px;font-weight:600;font-size:12px;color:#ec1a58}.form-actions{display:flex;justify-content:space-between;flex-direction:row-reverse}.form-group-buttons{display:flex;align-items:center;column-gap:16px}#root ::-webkit-scrollbar,#dialog-window ::-webkit-scrollbar{width:5px;height:5px}#root ::-webkit-scrollbar-track,#dialog-window ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}#root ::-webkit-scrollbar-thumb,#dialog-window ::-webkit-scrollbar-thumb{background:#ec1a58;border-radius:10px}.rotate-icon{animation:rotate 2s infinite linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hover-box-border:hover{border:1px solid rgb(236,26,88)}.vip-status-badge{height:28px;min-width:85px;background:linear-gradient(90deg,#ec1a58 .02%,#e61861 33.34%,#d5137b 94.27%,#d3137d);border-radius:8px;padding:4px 8px;color:#fff;font-weight:400;font-size:16px}.data-badge{border-radius:8px;display:flex;justify-content:center;align-items:center;min-width:20px;max-width:120px;height:24px;background-color:#fbe7f2;color:#f20a4f;font-weight:600;font-size:12px}.kanban-stage{display:flex;flex-direction:column;gap:24px;padding:24px;width:385px;height:calc(100vh - 260px);background:#fff;border-radius:24px;box-shadow:0 10px 15px #084fb40d}.row-even-space{display:flex;width:100%;gap:var(--box-gap);justify-content:space-between}.helper-text-box{display:flex;gap:4px;color:#c9c8d0;font-size:12px;font-weight:400}.data-box{display:flex;flex-flow:column;min-height:108px;width:100%;background:#fff;border-radius:var(--border-radius);box-shadow:0 10px 15px #7d76e214;padding:var(--box-padding);gap:var(--box-gap)}.data-box-title{display:flex;justify-content:space-between;width:100%;color:var(--main-color);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:140%;text-transform:capitalize}.tab-button-selected{background:var(--tab-burrot-backgroud);border:none!important}.tab-button-selected:hover{background:none}.tab-button{color:var(--main-color)!important;background:none!important;border:none!important}.tab-button:hover{background:var(--tab-burrot-backgroud)!important;color:#fff!important}.filter-card{display:flex;width:245px;height:336px;border-radius:16px;filter:drop-shadow(0px 10px 15px rgba(125,118,226,.08));box-shadow:0 10px 30px #4e48b14d}.filled-card-selected,.filled-card:hover{position:relative;bottom:15px}.filter-card-header{display:flex;justify-content:space-between;height:60px;width:100%;padding:12px;border-top-right-radius:16px;border-top-left-radius:16px;color:#fff}.kanban-card-secondary-text{font-weight:400;font-size:14px;color:var(--subheader-color)}.kanban-card-text{color:var(--main-color);font-weight:400;font-size:"16px"}.account-details-container{display:flex;flex-Direction:column;padding:24px;gap:24px;width:760px;height:794px;border-radius:24px;background:#fff;box-Shadow:0 10px 15px #084fb40d}.account-details-item{display:flex;flex-Direction:row;justify-Content:space-between;align-Items:flex-start;padding:0 0 24px}.account-details-item-edit-button-text{font-Family:Inter;font-Style:normal;font-Weight:700;font-Size:14px;text-Transform:capitalize}.account-details-item-avatar{color:#d3137d;width:80px;height:80px}.account-details-item-edit-button{width:27px;height:20px;color:"error.main"}.account-details-update-image-button{font-Family:Inter;font-Style:normal;font-Weight:700;font-Size:14px;text-Transform:capitalize;color:#d3137d}.segment-group-box{display:flex;flex-direction:column;gap:16px;border-radius:24px;padding:24px 24px 10px;background-color:#fff;box-shadow:0 10px 15px #7d76e214;border:1px solid white}.segment-group-box-name{font-weight:600;font-size:14px;line-height:140%;color:#28245f}.segment-group-box-actions{display:flex;justify-content:space-between;align-items:flex-start;column-gap:16px;padding-top:5px}.journey-stats-row{display:flex;gap:10px;margin-bottom:40px}.stat-container{border:2px solid var(--subheader-color);border-radius:15px;padding:0 5px;font-size:14px;cursor:pointer}.stat-container--clicked{background-color:var(--subheader-color);color:#fff}.stat-indicator{width:8px;height:8px;display:inline-block;border-radius:50px;margin-right:4px}.border-step:before{content:"";position:absolute;top:0;left:40%;transform:translate(-40%);width:80%;height:3px;background-color:#dfdee7}.border-step{position:relative;padding-top:20px}.step-box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:10px}.step-box-name{height:80px;max-width:210px;border-radius:24px;border:1px solid #F2F1F9;padding:24px;box-shadow:0 10px 15px #084fb40d;cursor:pointer;font-size:14px;font-weight:600;color:var(--main-color)}.step-box-name-selected{height:80px;max-width:210px;border-radius:24px;border:1px solid rgb(236,26,88);padding:24px;box-shadow:0 10px 15px #084fb40d;cursor:pointer;font-size:14px;font-weight:600;color:var(--main-color)}.journey-step-icon{display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px #7d76e214}.step-container{display:flex;flex-direction:column;gap:25px}.step-title{font-weight:700;font-size:16px;line-height:23px;color:var(--main-color)}.container{background-color:#f5f5f5;padding:1rem;border-radius:5px;transition:all 1s;margin-left:auto;margin-right:auto}.desktop{width:90%}.tablet{width:768px}.mobile{width:480px}.journey-details-text{display:flex;align-items:flex-end;color:var(--subheader-color);font-weight:400;font-size:14px;gap:8px}.journey-details-title{font-weight:700;font-size:16px;color:var(--main-color)}.kanban-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #F2F1F9;border-radius:16px;box-shadow:0 10px 15px #7d76e214;width:100%;height:160px}.kanban-header{display:flex;justify-content:space-between;align-items:flex-start}.kanban-title{font-size:14px;font-weight:600;cursor:default;color:var(--main-color);overflow:hidden}.kanban-secondary-details{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;cursor:default;color:var(--subheader-color)}.kanban-item-action-row{display:flex;gap:8px;color:var(--main-error-color);align-items:center;font-size:14px;font-weight:600}.kanban-action-icon{width:16px!important;height:16px!important;color:var(--main-error-color)}.popup__html-content-step{display:flex;flex-direction:column;gap:10px}.html-parser{display:flex;justify-content:center;align-items:center;width:100%;min-height:500px;flex:1}.html-parser__content{display:flex;justify-content:center;align-items:center;height:500px;background-color:#0d0f36}.html-parser__content--desktop{width:100%}.html-parser__content--mobile{padding:0 10px;width:400px}.popup__details-step{display:flex;flex-direction:column;gap:20px}.info-box{display:flex;height:108px;background:#fff;border-radius:var(--border-radius);box-shadow:0 10px 15px #7d76e214;padding:var(--box-padding);gap:var(--box-gap)}.info-box-title{font-weight:400;font-size:16px;line-height:140%;color:var(--main-color);text-align:left}.info-box-percent-trend{display:flex;align-items:center;font-weight:700;font-size:12px;line-height:16px}.info-box-value{font-weight:700;font-size:24px;line-height:140%;color:var(--main-color)}.info-box-value-pink{font-weight:700;font-size:24px;line-height:140%;color:var(--main-error-color)}.info-box-legend{font-weight:400;font-size:12px;line-height:140%;color:var(--subheader-color)}.info-icon-box{width:42px;height:46px;transform:rotate(15deg);border-radius:4px;display:flex;box-shadow:-5.4px 5.4px 5.4px #ffffff26 inset,0 -5.4px 5.4px #ff8e8a inset;-webkit-backdrop-filter:blur(5.400000095367432px);backdrop-filter:blur(5.400000095367432px)}.info-icon{transform:rotate(-15deg);color:#ff8daf80;font-size:46px;position:relative;right:9px}.container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:absolute;left:0;width:100%;margin-top:40px;padding-left:40px;background-color:#f9f9ff}.info-cards-container{grid-column:span 1;gap:24px;margin-top:40px;margin-bottom:40px;display:flex;flex-direction:column}.right-column-container{grid-column:span 3;gap:24px;display:flex;flex-direction:column}.player-stats-box{border-bottom:1;border-color:divider;background-color:#fff;border-radius:16px;box-shadow:0 10px 15px #7d76e214;margin-top:40px;min-height:366px;margin-right:24px;padding:24px}.kpis-box{border-bottom:1;border-color:divider;background-color:#fff;border-radius:16px;box-shadow:0 10px 15px #7d76e214;margin-right:24px;margin-bottom:20px;flex-direction:column;padding:24px}.comments-timeLine-container{margin-right:24px;margin-bottom:40;margin-top:-14px;display:flex;gap:24px;justify-content:space-between}.comments-box{border-bottom:1;border-color:divider;background-color:#fff;border-radius:16px;box-shadow:0 10px 15px #7d76e214;height:470px;width:100%;display:flex;flex-direction:column}.timeLine-box{border-bottom:1;border-color:divider;background-color:#fff;border-radius:16px;box-shadow:0 10px 15px #7d76e214;height:770px;width:100%}.header-image{width:100%;height:388px}.content-container{display:flex;gap:40px;flex-direction:column;position:absolute;width:100%;top:0}.header{font-weight:600;font-size:24px;color:#fff;display:flex;margin-left:40px;margin-top:20px}.back-button,.back-icon{color:#fff}.title{margin-left:16px}.player-info{display:flex;align-items:center;gap:20px;margin-left:40px}.name-container{display:flex;align-items:center;color:#fff;font-weight:600;font-size:24px;width:100%}.card-grid{padding-left:40px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:20px;min-height:88px}.card{box-shadow:0 10px 15px #7d76e214;background:#fdf3f84d;height:88px;border-radius:16px;grid-column:span 1}.double-card{box-shadow:0 10px 15px #7d76e214;background:#fdf3f84d;height:88px;border-radius:16px;grid-column:span 2;margin-right:40px;margin-left:40px}.tabs-container{padding-left:40px;display:flex;align-items:center;gap:20px;background-color:#fff;border-radius:16px;height:88px;margin-left:40px;margin-right:40px;box-shadow:0 10px 15px #7d76e214}.tabs{border-bottom:1px;border-color:divider;background-color:#fff}.info-section{border-bottom:1px;border-color:divider;background-color:#fff;border-radius:16px;box-shadow:0 10px 15px #7d76e214;margin-left:24px;margin-top:40px;height:366px;margin-right:40px}.info-section-title{font-size:16px;font-weight:600;margin-bottom:11px;line-height:22px;text-align:left;padding:24px}.info-section+.info-section{margin-bottom:20px;height:262px}.info-section:last-child{margin-bottom:40px}.info-section .info-section-title{margin-bottom:11px}.add-comments-container{grid-column:span 1;margin-bottom:40px;border-bottom:1;border-color:divider;background-color:#fff;border-radius:16px;box-shadow:0 10px 15px #7d76e214;margin-top:40px;height:366px}.comments-container{grid-column:span 3;margin-bottom:40px;display:flex;flex-direction:column;border-bottom:1;border-color:divider;background-color:#fff;border-radius:16px;box-shadow:0 10px 15px #7d76e214;margin-top:40px;height:366px;margin-right:24px;height:768px;overflow:auto}.container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:absolute;left:0;width:100%;margin-top:40px;padding-left:40px;gap:24px}.custom-placeholder ::placeholder{color:red}