body{margin:0;padding:0}:root{--font-color: #001928;--highlight: #ACFF8C;--light-color: #737A78;--grey-color: #7A786E;--dark-grey-color: #606060;--white-color: #ffffff;--black-color: #000000;--error-color: #da4444;--form-back: #ededed;--light-back: #F7F7F7;--tag-color: #757474;--border-color: #6C6C6C;--green-color: #4BBE39;--blue-color: #598EFA;--border-color-light: #d7d7d7;--controls-transition-300: .3s;--controls-transition-500: .5s;--controls-default-height: 50px;--controls-default-radius: 0;--controls-default-font-size: 15px;--controls-default-fonts: inherit;--default-columns: 1fr;--default-gap: 30px;--controls-shadow: 0 1px 1px 0 rgba(65, 69, 73, .3), 0 1px 3px 1px rgba(65, 69, 73, .15);--controls-shadow-color: rgba(0, 0, 0, .2)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{transform:translateZ(0);opacity:1}}@keyframes message-popup-animation{0%{opacity:0;transform:translate3d(-50%,500px,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}.highlight-color{color:var(--highlight)}.default-color{color:var(--font-color)}.blue-color{color:var(--blue-color)}.light-color{color:var(--light-color)}.grey-color{color:var(--grey-color)}.dark-grey-color{color:var(--dark-grey-color)}.white-color{color:var(--white-color)!important}.light-back{background-color:var(--light-back)}.black-back{background-color:var(--black-color)!important}.form-back{background-color:var(--form-back)}.grey-back{background-color:var(--grey-color)}.text-danger,.error-color{color:var(--error-color)}.text-success,.green-color{color:var(--green-color)}*{outline:none}::-webkit-scrollbar{width:0;height:0;display:none;background-color:transparent}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:5px}a{text-decoration:none;outline:none;color:inherit}a:hover{text-decoration:none}.auto-img{width:100%;height:auto;display:block}ul{padding:0;margin:0;list-style:none}input,textarea{border:none;padding:0;font-family:var(--controls-default-fonts);color:var(--font-color)}input::placeholder,textarea::placeholder{opacity:1}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}label{display:block;cursor:pointer}.relative{position:relative}.cursor-pointer{cursor:pointer}.cursor-disabled{cursor:not-allowed}.item-height-35{--controls-default-height: 35px}.item-height-40{--controls-default-height: 40px}.item-height-45{--controls-default-height: 45px}.item-height-50{--controls-default-height: 50px}.round-corner-3{--controls-default-radius: 3px !important}.round-corner-5{--controls-default-radius: 5px !important}.round-corner-8{--controls-default-radius: 8px !important}.round-corner-12{--controls-default-radius: 12px !important}.round-corner-18{--controls-default-radius: 18px !important}.round-corner{--controls-default-radius: 25px !important}.round-corner-0{--controls-default-radius: 0 !important}.gap-0{--default-gap: 0 !important}.gap-5{--default-gap: 5px !important}.gap-10{--default-gap: 10px !important}.gap-15{--default-gap: 15px !important}.gap-20{--default-gap: 20px !important}.gap-30{--default-gap: 30px !important}.gap-40{--default-gap: 40px !important}.gap-50{--default-gap: 50px !important}.border-radius-5{border-radius:5px}.border-radius-8{border-radius:8px}.border-radius-12{border-radius:12px}.box-shadow{box-shadow:var(--controls-shadow)}.col-2{--default-columns: repeat(2, 1fr);grid-template-columns:var(--default-columns)}.col-3{--default-columns: repeat(3, 1fr);grid-template-columns:var(--default-columns)}.col-4{--default-columns: repeat(4, 1fr);grid-template-columns:var(--default-columns)}.col-5{--default-columns: repeat(5, 1fr);grid-template-columns:var(--default-columns)}.col-6{--default-columns: repeat(6, 1fr);grid-template-columns:var(--default-columns)}.white-form{--form-back: #ffffff}.icon{width:20px;padding:0;border:none;background:no-repeat}.icon.circular{border-radius:50%;overflow:hidden}.icon img{width:100%;height:auto;display:block}.center-box{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.loader-box{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1100}.loader-box.loader-absolute{position:absolute}.badge-circle{width:28px;height:28px;line-height:28px;border-radius:50%;background-color:var(--highlight);text-align:center}.badge-circle.badge-size-30{width:30px;height:30px;line-height:30px}.width-block-100{width:100%!important}.width-block-90{width:90%!important}.width-block-50{width:50%!important}.width-1300{width:1300px!important}.width-1200{width:1200px!important}.width-1100{width:1100px!important}.width-1000{width:1000px!important}.width-900{width:900px!important}.width-800{width:800px!important}.width-700{width:700px!important}.width-600{width:600px!important}.width-500{width:500px!important}.width-400{width:400px!important}.width-300{width:300px!important}.width-250{width:250px!important}.width-225{width:225px!important}.width-200{width:200px!important}.width-170{width:170px!important}.width-180{width:180px!important}.width-150{width:150px!important}.width-120{width:120px!important}.width-100{width:100px!important}.width-90{width:90px!important}.width-80{width:80px!important}.width-70{width:70px!important}.width-60{width:60px!important}.width-50{width:50px!important}.width-40{width:40px!important}.width-35{width:35px!important}.width-30{width:30px!important}.width-25{width:25px!important}.width-20{width:20px!important}.width-18{width:18px!important}.width-15{width:15px!important}.width-14{width:14px!important}.width-12{width:12px!important}.width-10{width:10px!important}.width-auto{width:auto!important}.width-content{width:fit-content!important}.font-50{font-size:3.125rem!important}.font-45{font-size:2.813rem!important}.font-40{font-size:2.5rem!important}.font-38{font-size:2.375rem!important}.font-36{font-size:2.25rem!important}.font-34{font-size:2.125rem!important}.font-32{font-size:2rem!important}.font-30{font-size:1.875rem!important}.font-28{font-size:1.75rem!important}.font-26{font-size:1.625rem!important}.font-24{font-size:1.5rem!important}.font-22{font-size:1.375rem!important}.font-20{font-size:1.25rem!important}.font-18{font-size:1.125rem!important}.font-17{font-size:1.063rem!important}.font-16{font-size:1rem!important}.font-15{font-size:.938rem!important}.font-14{font-size:.875rem!important}.font-13{font-size:.813rem!important}.font-12{font-size:.75rem!important}.font-11{font-size:.688rem!important}.font-10{font-size:.625rem!important}.no-border{border:none!important}.border-all-sides{border:1px solid var(--border-color)}.border-bottom{border-bottom:1px solid var(--border-color-light)}.border-left{border-left:1px solid var(--border-color)}.border-right{border-right:1px solid var(--border-color)}.border-top{border-top:1px solid var(--border-color)}.padding-30{padding:30px!important}.padding-25{padding:25px!important}.padding-20{padding:20px!important}.padding-15{padding:15px!important}.padding-10{padding:10px!important}.padding-5{padding:5px!important}.padding-0{padding:0!important}.padding-lr-30{padding-left:30px!important;padding-right:30px!important}.padding-lr-25{padding-left:25px!important;padding-right:25px!important}.padding-lr-20{padding-left:20px!important;padding-right:20px!important}.padding-lr-15{padding-left:15px!important;padding-right:15px!important}.padding-lr-10{padding-left:10px!important;padding-right:10px!important}.padding-lr-5{padding-left:5px!important;padding-right:5px!important}.padding-tb-30{padding-top:30px!important;padding-bottom:30px!important}.padding-tb-25{padding-top:25px!important;padding-bottom:25px!important}.padding-tb-20{padding-top:20px!important;padding-bottom:20px!important}.padding-tb-15{padding-top:15px!important;padding-bottom:15px!important}.padding-tb-10{padding-top:10px!important;padding-bottom:10px!important}.padding-tb-5{padding-top:5px!important;padding-bottom:5px!important}.padding-r-30{padding-right:30px!important}.padding-r-25{padding-right:25px!important}.padding-r-20{padding-right:20px!important}.padding-r-15{padding-right:15px!important}.padding-r-10{padding-right:10px!important}.padding-r-5{padding-right:5px!important}.padding-l-30{padding-left:30px!important}.padding-l-25{padding-left:25px!important}.padding-l-20{padding-left:20px!important}.padding-l-15{padding-left:15px!important}.padding-l-10{padding-left:10px!important}.padding-l-5{padding-left:5px!important}.padding-t-30{padding-top:30px!important}.padding-t-25{padding-top:25px!important}.padding-t-20{padding-top:20px!important}.padding-t-15{padding-top:15px!important}.padding-t-10{padding-top:10px!important}.padding-t-5{padding-top:5px!important}.padding-b-60{padding-bottom:60px!important}.padding-b-50{padding-bottom:50px!important}.padding-b-40{padding-bottom:40px!important}.padding-b-30{padding-bottom:30px!important}.padding-b-25{padding-bottom:25px!important}.padding-b-20{padding-bottom:20px!important}.padding-b-15{padding-bottom:15px!important}.padding-b-10{padding-bottom:10px!important}.padding-b-5{padding-bottom:5px!important}.no-padding{padding:0!important}.margin-30{margin:30px!important}.margin-25{margin:25px!important}.margin-20{margin:20px!important}.margin-15{margin:15px!important}.margin-10{margin:10px!important}.margin-5{margin:5px!important}.margin-lr-30{margin-left:30px!important;margin-right:30px!important}.margin-lr-25{margin-left:25px!important;margin-right:25px!important}.margin-lr-20{margin-left:20px!important;margin-right:20px!important}.margin-lr-15{margin-left:15px!important;margin-right:15px!important}.margin-lr-10{margin-left:10px!important;margin-right:10px!important}.margin-lr-5{margin-left:5px!important;margin-right:5px!important}.margin-tb-30{margin-top:30px!important;margin-bottom:30px!important}.margin-tb-25{margin-top:25px!important;margin-bottom:25px!important}.margin-tb-20{margin-top:20px!important;margin-bottom:20px!important}.margin-tb-15{margin-top:15px!important;margin-bottom:15px!important}.margin-tb-10{margin-top:10px!important;margin-bottom:10px!important}.margin-tb-5{margin-top:5px!important;margin-bottom:5px!important}.margin-b-80{margin-bottom:80px!important}.margin-b-60{margin-bottom:60px!important}.margin-b-50{margin-bottom:50px!important}.margin-b-40{margin-bottom:40px!important}.margin-b-30{margin-bottom:30px!important}.margin-b-25{margin-bottom:25px!important}.margin-b-20{margin-bottom:20px!important}.margin-b-15{margin-bottom:15px!important}.margin-b-10{margin-bottom:10px!important}.margin-b-5{margin-bottom:5px!important}.margin-b-3{margin-bottom:3px!important}.margin-t-50{margin-top:50px!important}.margin-t-40{margin-top:40px!important}.margin-t-30{margin-top:30px!important}.margin-t-25{margin-top:25px!important}.margin-t-20{margin-top:20px!important}.margin-t-15{margin-top:15px!important}.margin-t-10{margin-top:10px!important}.margin-t-5{margin-top:5px!important}.margin-l-30{margin-left:30px!important}.margin-l-25{margin-left:25px!important}.margin-l-20{margin-left:20px!important}.margin-l-15{margin-left:15px!important}.margin-l-10{margin-left:10px!important}.margin-l-5{margin-left:5px!important}.margin-r-30{margin-right:30px!important}.margin-r-25{margin-right:25px!important}.margin-r-20{margin-right:20px!important}.margin-r-15{margin-right:15px!important}.margin-r-10{margin-right:10px!important}.margin-r-5{margin-right:5px!important}.no-margin{margin:0!important}.margin-auto{margin:auto!important}.margin-0-auto{margin:0 auto!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-align-justify{text-align:justify!important}.text-transform-none{text-transform:none!important}.text-capitalize{text-transform:capitalize!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-underline{text-decoration:underline!important}.text-overflow-hidden{overflow:hidden!important}.text-ellipsis{overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.text-no-wrap{white-space:nowrap!important}.text-normal-wrap{white-space:normal!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline-middle-block{display:inline-block!important;vertical-align:middle!important}.inline-top-block{display:inline-block!important;vertical-align:top!important}.inline-bottom-block{display:inline-block!important;vertical-align:bottom!important}.bold{font-weight:700}.italic{font-style:italic}.line-15{line-height:15px}.line-18{line-height:18px}.line-20{line-height:20px}.line-22{line-height:22px}.line-25{line-height:25px}.line-28{line-height:28px}.line-30{line-height:30px}.line-35{line-height:35px}.line-40{line-height:40px}.flex{display:flex;align-items:center;gap:var(--default-gap)}.flex>*{flex-shrink:0}.flex-wrap{display:flex;align-items:center;flex-wrap:wrap}.hr-left{justify-content:flex-start}.hr-center{justify-content:center}.hr-right{justify-content:flex-end}.hr-space-between{justify-content:space-between}.hr-space-around{justify-content:space-around}.hr-space-evenly{justify-content:space-evenly}.vr-top{align-content:flex-start}.vr-center{align-content:center}.vr-bottom{align-content:flex-end}.vr-stretch{align-content:stretch}.vr-space-between{align-content:space-between}.vr-space-around{align-content:space-around}.align-top{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.align-baseline{align-items:baseline}.grid{display:grid;gap:var(--default-gap);grid-template-columns:var(--default-columns)}.radio input[type=radio],.checkbox input[type=checkbox]{height:100%;width:100%;display:block;opacity:0;position:absolute;z-index:50;cursor:pointer;box-sizing:content-box;margin:0;padding:0;top:0;left:0}.radio{position:relative;background:#fff;border:5px solid #E5E5E5;height:15px;width:15px;border-radius:50%}.radio-size-30 .radio,.radio.radio-size-30{height:30px;width:30px}.radio:after{cursor:pointer;position:absolute;content:"";top:50%;left:50%;width:50%;height:50%;background:var(--highlight);transform:translate3d(-50%,-50%,0) scale(0);z-index:1;border-radius:50%;transition:all var(--controls-transition-300)}.radio:has(input[type=radio]:checked):after{transform:translate3d(-50%,-50%,0) scale(1)}.checkbox{position:relative;height:25px;width:25px;background:var(--form-back);transition:all var(--controls-transition-300);border-radius:var(--controls-default-radius)}.checkbox-size-30 .checkbox,.checkbox.checkbox-size-30{height:30px;width:30px}.circular-checkbox .checkbox,.checkbox.circular-checkbox{border-radius:50%;overflow:hidden}.checkbox:after{height:100%;width:100%;max-width:0;left:0;top:0;position:absolute;z-index:10;content:"";background:var(--highlight) url(images/check-icon.png) no-repeat center;background-size:42%;transition:all var(--controls-transition-300);border-radius:var(--controls-default-radius)}.checkbox:has(input[type=checkbox]:checked):after{max-width:100%}.drop-down{position:relative;width:100%;font-size:var(--controls-default-font-size)}.drop-down .drop-down-header{background:var(--form-back) url(images/chevron-bottom.svg) no-repeat right 17px center;background-size:14px;box-sizing:border-box;cursor:pointer;padding:0 35px 0 20px;height:var(--controls-default-height);border-radius:var(--controls-default-radius);transition:all var(--controls-transition-300)}.drop-down.transparent .drop-down-header{background-color:transparent}.drop-down:not(.no-shadow).open .drop-down-header,.auto-complete:not(.no-shadow).open .auto-complete-header{box-shadow:var(--controls-shadow);border-radius:var(--controls-default-radius) var(--controls-default-radius) 0 0}.controls-shadow .drop-down .drop-down-header,.drop-down.controls-shadow .drop-down-header{box-shadow:var(--controls-shadow)}.drop-down .drop-down-title{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;font-size:var(--controls-default-font-size);line-height:var(--controls-default-height);background-color:transparent;cursor:pointer}.drop-down .drop-down-title.placeholder{opacity:.7}.drop-down.disabled .drop-down-header,.drop-down.disabled .drop-down-title{cursor:initial;background-image:none}.drop-down.trans-drop-down .drop-down-header{background-color:transparent;border:1px solid var(--border-color)}.drop-down .drop-down-content,.auto-complete .auto-complete-content{position:absolute;left:0;top:100%;width:100%;z-index:100;background:var(--white-color);box-sizing:border-box;color:var(--font-color);display:grid;grid-template-rows:0fr;transition:all var(--controls-transition-300);border-radius:0 0 var(--controls-default-radius) var(--controls-default-radius)}.drop-down.open .drop-down-content,.auto-complete.open .auto-complete-content{box-shadow:0 1px 1px #4145494d,0 3px 3px 1px #41454926;grid-template-rows:1fr}.drop-down .drop-down-list,.auto-complete .auto-complete-list{overflow:auto;max-height:200px}.drop-down .drop-down-list::-webkit-scrollbar,.auto-complete .auto-complete-list::-webkit-scrollbar{width:0;height:0}.drop-down .drop-down-list li,.auto-complete .auto-complete-list li{padding:0 20px}.drop-down .drop-down-list li .content,.auto-complete .auto-complete-list li .content{border-top:1px solid var(--border-color-light);cursor:pointer;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:45px;gap:0}.drop-down .drop-down-list li:first-of-type .content,.auto-complete .auto-complete-list li:first-of-type .content{border-top:none}.drop-down.multi-select .drop-down-list .list-name{width:calc(100% - 35px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}.auto-complete{position:relative}.auto-complete .auto-complete-header{height:var(--controls-default-height);border-radius:var(--controls-default-radius);background-color:var(--form-back);overflow:hidden;position:relative}.auto-complete .auto-complete-header input{height:100%;padding:5px 48px 5px 20px;box-sizing:border-box;display:block;width:100%;background:transparent url(images/search.svg) no-repeat right 20px center;background-size:18px;font-size:var(--controls-default-font-size)}.auto-complete .search-btn{cursor:pointer;position:absolute;right:0;top:0;width:48px;height:100%;border-radius:0 var(--controls-default-radius) var(--controls-default-radius) 0}.auto-complete:has(.clear-btn) .auto-complete-header input{padding-right:78px}:is(.auto-complete .auto-complete-header,.search-box) .clear-btn{background:url(images/cross.svg) no-repeat center;right:48px;width:30px;height:100%;background-size:12px;border:none;animation:fadeInUp .4s;position:absolute;top:0;cursor:pointer}.auto-complete .auto-complete-list li{display:grid;transition:all .3s}.auto-complete .auto-complete-list li .content{overflow:hidden}.search-box{position:relative;box-sizing:border-box;overflow:hidden}.search-box input{background:var(--form-back) url(images/search.svg) no-repeat right 20px center;background-size:18px;display:block;width:100%;box-sizing:border-box;height:var(--controls-default-height);border-radius:var(--controls-default-radius);padding:5px 48px 5px 20px;color:var(--font-color);font-size:var(--controls-default-font-size)}.search-box:has(.clear-btn) input{padding-right:88px}.search-box.search-icon-left input{background-position:left 20px center;padding:0 20px 0 58px}.search-box .search-btn{cursor:pointer;position:absolute;right:0;top:0;width:48px;height:100%;border-radius:0 var(--controls-default-radius) var(--controls-default-radius) 0}.form{position:relative;display:grid;gap:var(--default-gap)}.form li :where(input:not([type=checkbox],[type=radio]),textarea),.input-box :where(input:not([type=checkbox],[type=radio]),textarea){width:100%;box-sizing:border-box;height:var(--controls-default-height);padding:5px 20px;background:var(--form-back);font-size:var(--controls-default-font-size);transition:all var(--controls-transition-300);border-radius:var(--controls-default-radius)}:is(.form li.date,.input-box.date) input{padding:5px 50px 5px 20px!important;background:var(--form-back) url(images/calendar.svg) no-repeat right 20px center;background-size:23px!important}:is(.form li,.input-box) textarea{height:110px;resize:vertical;padding:15px 20px;line-height:normal}:is(.form li,.input-box) .title{margin-bottom:10px;font-size:14px;color:var(--tag-color);position:relative;width:fit-content}.form-required-title{position:relative;width:fit-content}:is(.form li.required,.input-box.required) .title:after,.form-required-title:after{content:"*";color:var(--error-color);position:absolute;right:-12px;top:-5px;font-size:16px}:is(.form li,.input-box) .tag{font-size:14px;margin-bottom:5px}:is(.form li,.input-box) .description{font-size:13px;color:var(--tag-color);margin-top:5px}.form .error,.form .error-color{font-size:13px;color:var(--error-color);margin-top:5px}.btn{font-weight:500;background:var(--highlight);box-sizing:border-box;color:#040505;font-size:var(--controls-default-font-size);cursor:pointer;width:fit-content;display:block;min-width:85px;padding:0 20px;text-align:center;border:none;line-height:var(--controls-default-height);border-radius:var(--controls-default-radius);position:relative;transition:all var(--controls-transition-300)}.btn .btn-loader{position:absolute;left:0;top:0;width:100%;height:100%;background:inherit;display:flex;justify-content:center;align-items:center;align-content:center;border-radius:var(--controls-default-radius)}.btn.outline-btn{background:transparent;border:1px solid var(--light-color);color:var(--light-color);box-shadow:none}.btn.trans-btn{background:transparent;color:var(--highlight)}.btn.grey-btn{background-image:linear-gradient(#7a786e,#93938f)}.btn.red-btn{background:var(--error-color)}.btn.purple-btn{background:var(--highlight)}.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.5}.btn.back-btn{padding:0 20px 0 40px!important;background:var(--highlight) url(images/chevron-left-white.svg) no-repeat left 20px center!important;background-size:7px!important;min-width:auto}.back-btn-circular{width:30px;height:30px;background:#9edeff4d url(images/left-arrow-blue.svg) no-repeat center!important;background-size:6px!important;border-radius:50%;cursor:pointer}.toggle-btn{width:80px;height:30px;background:var(--form-back);position:relative;border-radius:var(--controls-default-radius);cursor:pointer;display:flex;line-height:30px}.toggle-btn.circular-toggle{width:40px;height:20px;border-radius:15px}.toggle-btn .options{height:100%;width:50%;line-height:inherit;border-radius:inherit;text-align:center;z-index:10;position:relative;transition:all var(--controls-transition-300)}.toggle-btn .toggle{height:100%;width:50%;position:absolute;background:var(--grey-color);left:0;top:0;border-radius:inherit;z-index:5;transform:translateZ(0);transition:all .2s ease}.toggle-btn.on .toggle{transform:translate3d(100%,0,0);background-color:var(--highlight)}.data-table .table-row{display:grid;grid-template-columns:repeat(5,20%);align-items:center;min-width:100%;box-sizing:border-box;position:relative;padding:0 10px;width:fit-content}.data-table.align-stretch .table-row{align-items:stretch}.data-table.align-start .table-row{align-items:start}.data-table.odd-even-row .table-row:not(.header-row):nth-child(odd){background:var(--light-color)}.data-table .table-row>li{padding:15px 10px;box-sizing:border-box}.scrollable-table{overflow:auto;padding-bottom:20px}.scrollable-table .accordion-sec{border-bottom:none!important;width:fit-content}.scrollable-table .accordion-sec .accordion-head{flex-direction:row-reverse;width:fit-content;border-bottom:1px solid var(--border-color)}.scrollable-table .accordion-sec .accordion-head .expand-btn{background-position:15px center}.scrollable-table .expandable-row{padding-right:0;padding-left:50px;width:fit-content}.pagination{display:flex;justify-content:center;gap:10px}.pagination>li{line-height:35px;width:35px;text-align:center;border-radius:50%;cursor:pointer;transition:all .15s ease;position:relative;z-index:1}.pagination>li:hover{color:var(--highlight)}.pagination>li:after{border-radius:50%;content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:var(--highlight);z-index:-1;transform:scale(0);transition:all var(--controls-transition-300) ease}.pagination>li.active{color:#fff}.pagination>li.active:after{transform:scale(1)}.pagination>li button:disabled{opacity:.5;cursor:not-allowed}.pagination>li button{height:100%;width:100%;border:none;cursor:pointer}.pagination>li.prev button{background:url(images/left-arrow-blue.svg) no-repeat center;background-size:10px}.pagination>li.next button{background:url(images/right-arrow-blue.svg) no-repeat center;background-size:10px}.pagination>li.left-jump button{background:url(images/left-dArrow-blue.svg) no-repeat center;background-size:15px}.pagination>li.right-jump button{background:url(images/right-dArrow-blue.svg) no-repeat center;background-size:15px}.backdrop{background-color:#fffc;height:100%;width:100%;position:fixed;z-index:500;top:0;left:0;animation:backdrop-animation .3s ease}.popup{z-index:1000;box-shadow:0 2px 5px 1px var(--controls-shadow-color);padding:30px;top:80px;left:50%;transform:translate3d(-50%,0,0);background:var(--white-color);position:absolute;box-sizing:border-box;width:700px;border-radius:15px;animation:popupAnimation .3s ease}.popup.fixed{position:fixed}.popup .x{color:transparent;cursor:pointer;position:absolute;right:15px;top:10px;z-index:100;width:30px;height:30px;background:url(images/cross.svg) no-repeat center;background-size:12px}.message-popup{z-index:1100;box-shadow:0 2px 5px 1px var(--controls-shadow-color);background:var(--white-color);padding:50px;top:200px;left:50%;transform:translate3d(-50%,0,0);position:fixed;box-sizing:border-box;border-radius:15px;animation:message-popup-animation .5s ease}@keyframes popupAnimation{0%{margin-top:50px;opacity:0}to{margin-top:0;opacity:1}}@keyframes backdrop-animation{0%{opacity:0}to{opacity:1}}.separator{display:flex;gap:var(--default-gap)}.separator>*{position:relative}.separator>*:not(:last-of-type):after{content:"";position:absolute;right:calc((var(--default-gap) / 2) - var(--default-gap));top:2px;bottom:2px;width:1px;background-color:var(--grey-color)}.tabs{display:flex;align-items:center;gap:var(--default-gap)}.tabs>*{padding:0 5px;line-height:var(--controls-default-height);cursor:pointer;min-width:50px;text-align:center;position:relative;z-index:5;transition:all var(--controls-transition-300) ease;border-radius:var(--controls-default-radius);overflow:hidden;color:var(--grey-color)}.tabs>*:after{content:"";width:0;height:5px;position:absolute;bottom:0;left:0;z-index:-1;background:var(--highlight)}.tabs>*.active{color:var(--highlight)!important}.tabs>*:hover{color:var(--highlight)}.tabs>*.active:after{width:100%;transition:all .5s}.progress-bar{width:100%;height:15px;background:var(--form-back);border-radius:10px;position:relative}.progress-bar.item-height-12{height:12px}.progress-bar.item-height-10{height:10px}.progress-bar.item-height-6{height:6px}.progress-bar.item-height-5{height:5px}.progress-bar.item-height-3{height:3px}.progress-bar .completed{background:var(--green-color);height:100%;border-radius:inherit;width:65%;position:relative;transition:all var(--controls-transition-300)}.progress-bar .percent{position:absolute;line-height:25px;width:25px;border-radius:50% 50% 50% 0;background:var(--highlight);left:100%;bottom:100%;z-index:5;transform:rotate(-45deg) translate3d(0,-5px,0);transform-origin:bottom left;margin-left:1px;color:#fff;font-size:10px}.progress-bar .percent .content{transform:rotate(45deg);position:relative;line-height:inherit;width:inherit;text-align:center}.accordion-sec .accordion-head{cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:var(--controls-default-radius);transition:all var(--controls-transition-300)}.accordion-sec:is(.expand,.open) .accordion-head{border-radius:var(--controls-default-radius) var(--controls-default-radius) 0 0}.accordion-sec .accordion-head .head-content{width:calc(100% - 40px);box-sizing:border-box;text-overflow:ellipsis}.accordion-sec .accordion-head .expand-btn{cursor:pointer;width:50px;height:20px;background:url(images/chevron-bottom.svg) no-repeat right 20px center;background-size:18px;transform:rotate(0);transition:all var(--controls-transition-300)}.accordion-sec:is(.expand,.open) .accordion-head .expand-btn{transform:rotateX(180deg)}.accordion-sec .accordion-head .more-less-btn:after{content:"More";cursor:pointer;width:30px;height:20px;background-size:15px;transition:all var(--controls-transition-300);color:var(--highlight)}.accordion-sec:is(.expand,.open) .accordion-head .more-less-btn:after{content:"Less"}.accordion-sec .accordion-head .plus-minus-icon{height:2px;width:15px;background:var(--black-color);position:relative}.accordion-sec .accordion-head .plus-minus-icon:after{position:absolute;content:"";height:100%;width:100%;background:inherit;left:0;top:0;transform:rotate(90deg);transition:all var(--controls-transition-300)}.accordion-sec:is(.expand,.open) .accordion-head .plus-minus-icon:after{transform:rotate(0)}.accordion-sec .accordion-content{overflow:hidden;transition:all var(--controls-transition-300);transition-property:all;max-height:0;opacity:0}.accordion-sec .accordion-content .content{padding-bottom:20px}.accordion-sec:is(.expand,.open)>.accordion-content{border-radius:0 0 var(--controls-default-radius) var(--controls-default-radius);display:block;max-height:100vh;opacity:1}*:has(>.tooltip){position:relative}.tooltip{--controls-default-radius: 5px;position:absolute;background:#fff;left:50%;bottom:100%;transform:translate3d(-50%,-32px,0);padding:8px 10px;border-radius:var(--controls-default-radius);box-shadow:0 0 3px var(--controls-shadow-color);color:var(--font-color);line-height:normal;font-size:12px;z-index:1000;visibility:hidden;opacity:0;transition:all var(--controls-transition-300);width:fit-content}.tooltip.no-wrap{white-space:nowrap}*:has(>.tooltip):hover .tooltip{transform:translate3d(-50%,-12px,0);visibility:visible;opacity:1}.tooltip:before{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:inherit;left:0;top:0;z-index:-1}.tooltip:after{content:"";position:absolute;width:12px;height:12px;background:inherit;left:50%;top:100%;transform:rotate(45deg) translate3d(-50%,0,0);box-shadow:0 0 3px var(--controls-shadow-color);margin-top:-2px;z-index:-3}.tooltip.pos-right{left:100%;bottom:50%;transform:translate3d(32px,50%,0)}div:has(>.tooltip):hover .tooltip.pos-right{transform:translate3d(12px,50%,0)}.tooltip.pos-right:after{top:50%;left:0;margin-left:-2px}.tooltip.pos-left{left:auto;bottom:50%;right:100%;transform:translate3d(-32px,50%,0)}div:has(>.tooltip):hover .tooltip.pos-left{transform:translate3d(-12px,50%,0)}.tooltip.pos-left:after{top:50%;left:auto;right:0;margin-right:-2px;transform:rotate(45deg) translate3d(0,-50%,0)}.tooltip.pos-bottom{bottom:auto;top:100%;transform:translate3d(-50%,32px,0)}div:has(>.tooltip):hover .tooltip.pos-bottom{transform:translate3d(-50%,12px,0)}.tooltip.pos-bottom:after{top:0}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 28, 2025 */@font-face{font-family:aller-bold;src:url(./aller_bd-webfont-BUMxwjjc.woff2) format("woff2"),url(./aller_bd-webfont-DHwqdTlm.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:aller-light;src:url(./aller_lt-webfont-DoC3RTZ7.woff2) format("woff2"),url(./aller_lt-webfont-mC2htsBR.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:aller-regular;src:url(./aller_rg-webfont-C34X_wXf.woff2) format("woff2"),url(./aller_rg-webfont-D1xOilvO.woff) format("woff");font-weight:400;font-style:normal}.sunflower-light{font-family:Sunflower,sans-serif;font-weight:300;font-style:normal}.aller-bold{font-family:aller-bold,"sans-serif"}.aller-regular{font-family:aller-regular,"sans-serif"}.aller-light{font-family:aller-light,"sans-serif"}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{-webkit-tap-highlight-color:transparent;outline:none;user-select:none;-webkit-user-select:none}#root{width:100%;height:100vh;color:#000}#app-wrapper{background:url(./background-DG-YdMYC.svg) no-repeat center;background-size:cover;width:100%;height:100vh;position:relative}.overlay{position:fixed;width:100%;height:100%;left:0;top:0;z-index:80}.logo{position:absolute;width:100%;left:0;text-align:center;top:50px;font-size:40px}.avatar-box{position:absolute;width:100%;height:90%;left:0;bottom:0}Canvas{width:100%!important;height:100%!important}.controls{position:absolute;width:100%;left:0;bottom:150px;transform:translateZ(0);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100}.controls .control-btn{width:120px;cursor:pointer;position:relative}.controls .stop-btn:after{content:"";position:absolute;width:15%;height:15%;left:50%;top:50%;margin-top:-7.5%;margin-left:-7.5%;background:#9f0606;border-radius:50%;animation:1.2s recording infinite;transform-origin:center}.controls .control-btn img{width:100%;height:auto;display:block}.dataBtn{top:300px}.loader{width:120px;height:14px;-webkit-mask:radial-gradient(circle closest-side,#5e5e5e 100%,#0000) left/20% 100%;background:linear-gradient(#5e5e5e 0 0) left/0% 100% no-repeat #ddd;animation:l17 2s infinite steps(6)}@keyframes l17{to{background-size:120% 100%}}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wait-list-box,.user-message{width:500px;box-sizing:border-box;background:#fff;box-shadow:0 0 5px #0003;padding:30px;position:fixed;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:150;color:#000;border-radius:12px;user-select:none;-webkit-user-select:none}.user-message{width:fit-content;max-width:500px}.circular-loader{width:65px;height:30px;position:relative}.circular-loader:before{content:"";position:absolute;border-radius:50px;box-shadow:0 0 0 3px inset #000;animation:l3 .75s infinite alternate}.audio-title{position:absolute;color:#fff;left:50%;transform:translate3d(-50%,0,0);bottom:50px;width:300px;z-index:150;text-align:center}@keyframes l3{0%{inset:0 35px 0 0}50%{inset:0}to{inset:0 0 0 35px}}@keyframes recording{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media all and (max-width:700px){.avatar-box{height:85%}.logo{font-size:35px}}@media all and (max-width:600px){.wait-list-box,.user-message{width:auto;left:30px;right:30px;transform:translate3d(0,-50%,0);padding:25px}}@media all and (max-width:500px){.avatar-box{height:90%}.logo{font-size:30px}.user-message{font-size:14px}}@media all and (max-width:400px){.avatar-box{height:90%}.logo{font-size:28px}.controls .control-btn{width:100px}}
