html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.footer-container{margin:16px 0 0;background-color:var(--primary);text-align:center;color:#fff;width:100%;padding:20px 40px}.footer-container h3{margin-bottom:0;font-weight:400}.process-content-module{display:flex;gap:20px;margin:60px auto;background:#fff;padding:30px 40px;width:80%;border-radius:18px;text-align:left;justify-content:space-between;position:relative}.process-content-module:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;border:2px solid transparent;background:var(--border-primary) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude}.left-form-container{width:50%;padding:10px}.upload-main-container{width:48%;padding:10px}.left-form-container .ant-form-item{margin-bottom:0!important}.module-content{margin:60px auto;width:100%;text-align:center}.module-header{text-align:center;font-size:42px;font-weight:600;color:#154b5c;margin:0}*{font-family:Poppins,sans-serif}:root{--orange-lite: rgba(255, 193, 121, .3);--orange: #e17a00;--white: #ffffff;--black: #000000;--brown: #8a4b00;--org-border: #ffc179;--light-green: #c7e7e7;--dark-green: #154b5c;--primary: #154b5c;--secondary: #e46426;--icon-bg: #c7e7e7;--font-light: #ffff;--font-main: #464646;--font-primary: #154b5c;--border-primary: linear-gradient(180deg, #1a9dd9 6.73%, #09b4a9 44.4%, #fbac33 84.7%);--bg-primary: linear-gradient( 360deg, rgba(223, 233, 233, 1) 100%, rgba(21, 75, 92, .5) 50%, rgba(223, 233, 233, 1) 100% );--form-input-border: rgba(21, 75, 92, .4)}body{background:url("/bodybg (1).jpg");background-size:cover}.trancoder-layout{background:none;background-color:transparent!important;display:flex;flex-direction:column;min-height:100vh}.layout-header .header-menu{display:flex;align-items:center;gap:20px}.layout-header .header-menu .logout{color:#fbac33;font-size:20px;font-weight:500}.layout-header .header-menu a:hover{color:#fbac33!important}.layout-header .header-menu .my-account-btn{color:#fbac33;font-size:20px;font-weight:500;padding:0 25px}.my-account-btn{cursor:pointer;position:relative}.my-acc-menus{position:absolute;margin:0 10px;background-color:#fff}.my-acc-menus ul{list-style:none;padding:0 10px}.my-acc-menus ul li{font-size:14px;line-height:24px;margin:10px auto}.profile-info-form{width:80%;margin:0 auto}:where(.css-dev-only-do-not-override-apn68).ant-layout-header{color:#8a4b00!important;font-size:20px;font-weight:500}.layout-header .anticon{font-size:13px}.ant-layout-sider{max-width:254px!important;min-width:254px!important;width:254px!important}.ant-layout-sider.ant-layout-sider-collapsed{max-width:80px!important;min-width:80px!important;width:80px!important}.ant-menu-item svg{height:30px;width:30px;padding:3px;margin-right:15px}.ant-menu-item.ant-menu-item.selected svg path{stroke:#513285}.ant-menu-item.selected{background-color:transparent!important;border-left:5px solid #513285;margin-left:0!important;border-radius:0!important}.ant-menu-item.ant-menu-item.selected .ant-menu-title-content{color:#513285;font-weight:600}.ant-menu-item .ant-menu-title-content a{color:#6e768a}.transcoders-table .ant-table-cell{padding:8px}.transcoders-table .ant-card-bodyl{padding:16px}.dropdown-container{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dropdown-title,.split-video-dropdown-title{padding:0;text-transform:capitalize;color:var(--primary);width:25%}.split-video-dropdown-title{width:30%}select option:hover{background-color:#272727;color:#fff}.ant-picker-outlined{border:1px solid rgba(21,75,92,.5)}.ant-picker-outlined:hover,.ant-picker-outlined:focus-within{border:1px solid var(--primary)}.ant-select-selector{background:transparent!important;border:1px solid var(--form-input-border)!important}.ant-select-selection-placeholder{color:#6e768a!important;text-transform:capitalize}.ant-select-arrow svg{fill:#6e768a!important}.ant-select-item-option-content:hover,.ant-select-selector:hover .ant-select-selection-placeholder{color:var(--primary)!important;font-weight:600}.ant-select-selector:hover .ant-select-arrow svg{fill:#513285!important}.home-operators{width:80%;margin:60px auto auto;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:50px}.module-header{display:inline-block;position:relative}.module-header:after{content:"";position:absolute;left:50%;bottom:-18px;transform:translate(-50%) scaleX(1.5);width:50%;height:4px;background-color:#1a9dd9;border-radius:50%}.home-operators h2{text-align:center;color:#154b5c;font-size:38px;font-weight:600}.home-operators-content{margin-top:25px;height:68vh;overflow-x:hidden;overflow-y:auto;width:100%}.home-operators-content::-webkit-scrollbar{width:.4em}.home-operators-content::-webkit-scrollbar-track{background-color:#fff}.home-operators-content::-webkit-scrollbar-thumb{background-color:#fbac33}.home-operators-content ul{display:flex;flex-wrap:wrap;gap:25px;padding:0;justify-content:start}.home-operators-content ul a{width:calc(25% - 25px)}.home-operators-content ul li{list-style-type:none;border-radius:22px;padding:20px;height:350px;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.home-operators-content ul li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;border:3px solid transparent;background:var(--border-primary) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude}.home-operators-content ul li button{background-color:var(--icon-bg);border:1px solid var(--icon-bg);border-radius:22px;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.home-operators-content ul li:hover button{border:1px solid var(--primary)}.home-operators-content ul li button svg{height:40px;width:40px}.home-operators-content ul li button svg path,.home-operators-content ul li h3 svg path{stroke:var(--primary)}.home-operators-content ul li:hover button svg path,.home-operators-content ul li:hover h3 svg path{stroke:#fff}.home-operators-content ul li h3{color:var(--primary);margin-top:40px;font-size:16px;width:fit-content;text-align:center}.home-operators-content ul li h3 svg{flex-shrink:0}.home-operators-content ul li:hover{background-color:#154b5c}.home-operators-content ul li:hover button{background-color:#09b4a9}.home-operators-content ul li:hover h3{color:#fff}.home-operators-content ul li:hover h3 svg{fill:#fff}.home-operators-content ul li:hover p{color:#fff}.home-operators-content ul li p{margin-top:10px;font-size:15px;color:#154b5cb3;text-align:center;font-weight:400;line-height:20px}.grid-menu-title{display:flex;justify-content:center;align-items:center;gap:5px;width:max-content}.hoverable-button{position:relative;width:80px;height:80px;margin-bottom:10px}.normal-image,.hover-image{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center}.normal-image{display:block}.hover-image,.home-operators-content ul li:hover .normal-image{display:none}.home-operators-content ul li:hover .hover-image{display:block}.upload-form{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.video-url-container{width:80%;margin:15px auto}.video-url-container .ant-form-item-row{margin-top:0}.video-url-container .ant-form-item{margin-bottom:0}.video-url-container .ant-form-item-control-input-content{display:flex;gap:5px;justify-content:space-evenly}.video-url-container .ant-form-item-control-input-content .ant-form-item{margin-bottom:10px;width:90%}.add-url-btn{color:var(--secondary);display:block;border:0;float:right}.ant-upload.ant-upload-drag{background:rgba(199,231,231,.2)!important;border:1px dashed rgba(21,75,92,1)!important;border-radius:12px!important;height:240px}.ant-upload-drag-icon svg path{fill:var(--primary)}.ant-upload-drag-container p{color:var(--primary)!important}.ant-upload-text{font-weight:700}.divider{display:flex;align-items:center;text-align:center;color:var(--primary);width:75%}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(21,75,92,.6);margin:0 10px}.drive-upload-container{display:flex;gap:30px}.drive-upload-card{width:80px;height:80px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23154b5c' stroke-width='3' stroke-dasharray='6%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");border-radius:12px;display:flex;justify-content:center;align-items:center}.drive-upload-card svg path{fill:var(--primary)}.vdo-url-input{width:70%}.vdo-url-input input,.process-content-module input{border:1px solid var(--form-input-border)!important;font-weight:500}.ant-form-item-control-input-content .ant-picker-input input{border:0!important}.vdo-url-input input:focus,.vdo-url-input input:hover{border:1px solid rgba(21,75,92,.6)}.vdo-url-input input::placeholder{text-align:center;color:#464646}.logout-btn{cursor:pointer}.ant-dropdown-menu{padding:10px 0!important;border:1px solid var(--primary)!important;max-height:200px}.ant-dropdown-menu::-webkit-scrollbar{width:.4em}.ant-dropdown-menu::-webkit-scrollbar-track{background-color:#fff}.ant-dropdown-menu::-webkit-scrollbar-thumb{background-color:#fbac33}.ant-dropdown-menu li:hover{background:none!important;background-color:transparent!important;font-weight:700!important}.ant-dropdown-menu li a:hover{color:var(--primary)!important;background:none!important;background-color:transparent!important;font-weight:700}.preview_video{width:50%}.preview_video .preview_video_detail{display:flex;justify-content:space-between;flex-direction:column;row-gap:10px;margin-bottom:20px}.preview_video .preview_video_detail h2{font-size:16px;font-weight:400;color:var(--primary)}.preview_video .preview_video_detail p{font-size:14px;font-weight:500;color:var(--secondary);text-decoration:underline;cursor:pointer}.preview_video .preview_video_data{width:100%}.preview_video .preview_video_data .videoPlayer{width:100%;height:100%}.preview_video .preview_trim_video{padding-top:30px}.preview_trim_video img{width:100%}.prev-play-btn{display:flex;align-items:center;column-gap:20px}.process-content-btn,.process-content-btn-cancel{background:var(--secondary);color:#fff;border-radius:20px;padding:20px 30px}.process-content-btn-cancel{background:grey}.process-content-btn-cancel:hover{background:var(--primary)!important;color:#fff!important;border-color:#c7e7e733!important}.process-content-btn:hover{background:var(--primary)!important}span.ant-typography{display:block;width:max-content}.left-form-title,.upload-main-title{text-transform:capitalize;text-align:center;color:var(--primary);font-weight:600;font-size:32px;margin-bottom:20px}.upload-main-title{margin-bottom:10px}.timestamp-card{margin-top:10px;border:1px solid var(--form-input-border);padding:10px;border-radius:6px}.timestamp-card .ant-card-body{padding:15px 12px}.timestamp-card .ant-card-body .ant-typography{color:var(--primary);font-size:14px}.timestamp-card .ant-card-actions{display:flex;align-items:center!important;margin-right:5px}.timestamp-card .ant-card-actions li svg{height:20px!important;width:20px!important;fill:var(--primary)}.add-timestamp-btn{color:var(--secondary);display:block;margin:15px 0 0 auto;padding-right:0}.add-timestamp-btn:hover,.add-output-btn:hover{color:var(--secondary)!important}.add-timestamp-container{display:flex}.add-timestamp-container input{border:1px solid rgba(21,75,92,.5)!important}.logo-process-tab{display:flex;margin:20px auto}.logo-menu-item{background:#e4e4e4;color:#000;padding:10px;font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;margin-right:10px}.logo-menu-item.active{background:var(--primary);color:#fff}.logo-tab-content{width:100%;margin:0 auto}.logo-tab-content .ant-form-item{padding-right:0}.logo-tab-content .ant-upload.ant-upload-drag{height:160px}.logo-insertion-card .ant-space-item .ant-form-item{margin-bottom:5px}.ant-table-wrapper .ant-table-column-sorter-up.active,.ant-table-wrapper .ant-table-column-sorter-down.active{color:#154b5c!important}.ant-table-wrapper .ant-table-filter-trigger.active{color:#0000004a!important}.ant-table-wrapper .ant-table-column-sorters{justify-content:flex-start!important}.ant-table-wrapper .ant-table-column-title{flex:initial}.ant-table-wrapper .ant-table-column-sorter{margin-inline-start:15px;color:#fff}.ant-table-wrapper .ant-table-column-sorters:hover .ant-table-column-sorter{color:#fff}.create-user-content{width:100%;text-align:center;margin:60px auto}.create-user-content .ant-col-4{flex:0 0 100%;max-width:100%}.create-user-content .ant-form-vertical .ant-form-item:not(.ant-form-item-horizontal) .ant-form-item-control{text-align:left}.ant-input-outlined,.ant-select-selector{border-color:1px solid rgba(21,75,92,.6)!important}.ant-form-item-label label,.form-section-title{color:var(--primary)!important;font-weight:600}.form-section-title{margin-top:10px}.form-section-title legend{margin-bottom:0}.create_user:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;border:3px solid transparent;background:var(--border-primary) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude}.transcoders-output-option{display:flex;gap:16px;flex-direction:column;margin-top:10px;padding-right:20px}.transcoders-output-option .ant-space{justify-content:space-between!important;width:100%}.transcoders-output-option .ant-form-item{padding-right:0}.transcoders-output-option .ant-card-body,.transcoders-output-option .ant-card-head{padding:0}.transcoders-output-option .ant-card-bordered{padding:7px 15px}.transcoders-output-option .ant-card .ant-card-head{border-bottom:1px solid var(--form-input-border)}.transcoders-output-option .ant-card .ant-card-body{padding-bottom:15px}.transcoders-output-option .ant-card,.logoInsertion-output-option .ant-card,.slates-logo-output-option .ant-card{background-color:#c7e7e733;border:1px solid var(--form-input-border)!important;margin-top:15px}.add-output-btn{color:var(--secondary);display:block;margin:15px 0 0 auto;border:0}.transcoder-output{gap:35px}.transcoder-output .ant-space-item{width:50%}.create_role_management{width:100%;text-align:center;margin:60px auto}.transcoders-output-option .ant-card-head-title,.slate-logo-form .ant-card-head-title,.logo-tab-content .ant-card-head-title{color:var(--font-primary)}.slate-postion-row .ant-space-item{width:100%}.slate-postion-row .ant-form-item{padding-right:0}.logo-options-row .ant-space-item{width:50%}.left-form-container .ant-form-vertical .ant-form-item:not(.ant-form-item-horizontal) .ant-form-item-control{max-width:100%!important}.logo-position-container,.slipt-video-position-container{margin-top:20px;margin-bottom:0!important}.logo-position-container .ant-form-item-control-input-content,.slipt-video-position-container .ant-form-item-control-input-content{display:flex!important;flex-direction:row!important;gap:35px;align-items:center}.slipt-video-position-container .ant-form-item-control-input-content{gap:20px}.profile-info-form{width:100%;margin:0 auto;background-color:#fff;padding:50px;height:87vh;border-radius:20px;overflow-y:auto;overflow-x:hidden}.profile-info-form h1{height:40px;font-size:20px;font-weight:700;color:var(--primary);border-bottom:1px solid #ccc;margin-bottom:40px}.profile-info-form .update-btn{border-radius:20px;padding:20px 30px;background-color:var(--secondary);color:#fff;font-weight:700;margin-left:30px}.profile-info-form .update-btn:hover,.profile-info-form .update-btnfocus{background-color:var(--brown)!important;border-color:var(--brown)}.profile-info-form .ant-form-item .ant-form-item-label{text-align:left}.profile-info-form .ant-form-item .ant-col-4{flex:0 0 30%;max-width:30%}.profile-info-form .form-footer .ant-form-item-control-input-content{justify-content:end;display:flex}.my-account-drawer .ant-drawer-body{background:url("/bodybg (1).jpg");background-size:cover}.my-account-drawer .ant-drawer-title{font-weight:800;font-size:20px;line-height:1.5;color:var(--primary)}.my-account-drawer .ant-drawer-header-title .ant-drawer-close{position:absolute;right:20px;font-weight:700;background-color:transparent}.my-account-drawer .ant-drawer-header-title .ant-drawer-close:hover{color:#000000e0;background-color:transparent;text-decoration:none}.profile-info-form .ant-btn-variant-link{color:var(--secondary)}.profile-info-form .ant-btn-variant-link:not(:disabled):not(.ant-btn-disabled):hover{color:var(--secondary);background:transparent}.btn-cancel{background:#808080;color:#fff;border-radius:20px;padding:20px 30px}.btn-cancel:hover{background:var(--primary)!important;color:#fff!important;border-color:#c7e7e733!important}.timeslot-label{color:var(--font-primary)}.add-role-form{width:75%}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary)}.ant-checkbox-wrapper-checked:hover .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--secondary)!important;border-color:var(--primary)!important}.roles-label{color:var(--font-primary);font-weight:600;font-family:Poppins,sans-serif}.left-form-container .ant-form-item-row{margin-top:15px}.ant-select-item-option-content{text-transform:uppercase}.ant-input-number{width:100%}.ant-wave{display:none!important}.ant-table-content table tbody tr td:nth-child(3){text-transform:capitalize!important}.split-vdo-destination .ant-space-item:nth-child(2){width:100%}.logo-removal-card{margin-top:10px;border:1px solid var(--form-input-border);padding:0 10px;border-radius:6px}.logo-removal-card .ant-card-body{padding:0 10px}.role-option-check label{margin-left:10px;text-transform:capitalize}.role-option-check{margin:0 10px}form.create-user-form .ant-col-2{max-width:max-content!important}.timestamp-card .ant-form-item-row{margin-top:0}.split-vdo-destination .ant-space-item{width:90%}.video-url-error{padding-left:7%;color:#ff4d4f}.slates-logo-field{display:flex}.slates-logo-field .ant-space-item{flex:1}form.extractAudio .ant-select-selection-item{text-transform:uppercase}.loader-container{display:flex;justify-content:center;align-items:center}