.add-page{display:flex;flex-direction:column;gap:1em}.add-page .tabs{display:flex;align-items:center;flex-wrap:wrap;gap:.5em}.add-page .tabs .tab{color:#918f96;border:1px solid #b7b5ba;padding:.25em 1.5em;border-radius:6px;transition-property:background-color;transition-timing-function:ease-in-out;transition-duration:.3s;cursor:pointer}.add-page .tabs .tab:hover{background-color:#dedddf}.add-page .tabs .tab.active{color:#2a292d;border-color:#2a292d}.add-page .tab-content{width:100%;position:relative}.add-page .tab-content .tab-content-item{display:grid;grid-template-columns:1fr .1fr 1fr;grid-template-rows:1fr;grid-column-gap:10px;padding:1em}.add-page .tab-content .tab-content-item.manual-insert{display:flex;flex-direction:column;gap:3em}.add-page .tab-content .tab-content-item.manual-insert .insert-content{display:grid;grid-template-columns:1fr .1fr 1fr;grid-column-gap:10px}.add-page .tab-content .tab-content-item.manual-insert video{width:100%}.add-page .tab-content .tab-content-item.manual-insert .table .header,.add-page .tab-content .tab-content-item.manual-insert .table .row{grid-template-columns:repeat(8,minmax(150px,1fr))}.add-page .tab-content .tab-content-item .limited-rows{max-height:500px;overflow-x:auto;overflow-y:auto}.add-page .tab-content .tab-content-item .table .heading{margin-top:1.5em;margin-bottom:.5em}.add-page .tab-content .tab-content-item .table .header{background-color:#fff;border:1px solid #00df9d;border-radius:0;position:sticky;top:0}.add-page .tab-content .tab-content-item .table .row .cell .text{overflow:hidden;justify-content:flex-start;text-overflow:ellipsis;width:100%;white-space:nowrap}.add-page .tab-content .tab-content-item .table .row .actions .action{cursor:pointer;transition:transform .3s ease-in-out,color .3s ease-in-out}.add-page .tab-content .tab-content-item .table .row .actions .action:hover{transform:scale(1.2)}.add-page .tab-content .tab-content-item .table .row .actions .action.delete:hover{color:#d93a45}.add-page .tab-content .tab-content-item .table .note{margin:1em 0;width:100%;text-align:center;color:#2a292d}.add-page .tab-content .tab-content-item .controls>.heading{font-weight:700;font-size:1.2rem}.add-page .tab-content .tab-content-item .controls .group{border:1px solid #dedddf;border-radius:8px;padding:1em;margin:2em 0}.add-page .tab-content .tab-content-item .controls .group>.heading{font-weight:700}.add-page .tab-content .tab-content-item .controls .input-group{margin:1em 0}.add-page .tab-content .tab-content-item .controls .input-group label{font-size:16px;font-weight:500;display:block;margin-bottom:.3em}.add-page .tab-content .tab-content-item .controls .input-group .note{font-size:12px;color:#918f96;margin:.2em 0}.add-page .tab-content .tab-content-item .controls .input-group .upload-ctrl{padding:1.2em 1em;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 10px}.add-page .tab-content .tab-content-item .controls .input-group .upload-ctrl svg{font-size:30px;margin:.2em 0;color:#6d6a73}.add-page .tab-content .tab-content-item .controls .input-group .upload-ctrl .title{font-size:16px;margin:.2em 0 1em;font-weight:500;color:#6d6a73}.add-page .tab-content .tab-content-item .controls .input-group .input-group-item{width:100%;border-color:#dedddf}.add-page .tab-content .tab-content-item .controls .input-group .input-group-item:focus{outline:none}.add-page .tab-content .tab-content-item .controls .input-group .date-container,.add-page .tab-content .tab-content-item .controls .input-group .time-container{position:relative;width:100%}.add-page .tab-content .tab-content-item .controls .input-group .date-container input[type=date]::-webkit-calendar-picker-indicator,.add-page .tab-content .tab-content-item .controls .input-group .date-container input[type=time]::-webkit-calendar-picker-indicator,.add-page .tab-content .tab-content-item .controls .input-group .time-container input[type=date]::-webkit-calendar-picker-indicator,.add-page .tab-content .tab-content-item .controls .input-group .time-container input[type=time]::-webkit-calendar-picker-indicator{opacity:0}.add-page .tab-content .tab-content-item .controls .input-group .date-container .custom-icon,.add-page .tab-content .tab-content-item .controls .input-group .time-container .custom-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none}.add-page .tab-content .tab-content-item .controls .file-item{border:1px solid #dedddf;border-radius:5px;display:flex;position:relative;align-items:center;padding:.5em}.add-page .tab-content .tab-content-item .controls .file-item .icon{font-size:2rem;color:#1fab86}.add-page .tab-content .tab-content-item .controls .file-item .name{margin-left:.5em;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;white-space:nowrap;width:75%}.add-page .tab-content .tab-content-item .controls .file-item .close-icon{position:absolute;top:50%;transform:translateY(-50%);right:10px;cursor:pointer;transition:color .3s ease-in-out}.add-page .tab-content .tab-content-item .controls .file-item .close-icon:hover{color:#d93a45}.add-page .tab-content .tab-content-item .vr{height:100%;justify-self:center}.add-page .tab-content .tab-content-item .guide{padding:1em;margin:1em}.add-page .tab-content .tab-content-item .guide .broker-logo{height:80px;width:80px}.add-page .tab-content .tab-content-item .guide .image{display:flex;height:200px;width:350px}.add-page .tab-content .tab-content-item .guide .image img{height:100%;width:100%;object-fit:contain}.add-page .tab-content .tab-content-item .guide .name{font-size:18px;color:#00ffb3;font-weight:600;margin:.5em 0}.add-page .tab-content .tab-content-item .guide .note{font-size:14px;margin:.5em 0;color:#6d6a73}.add-page .tab-content .tab-content-item .guide .title{font-size:16px;font-weight:500;margin:.5em 0}.add-page .tab-content .tab-content-item .guide .steps .step{margin:.8em 0;color:#6d6a73;display:grid;grid-template-columns:.05fr 1fr}.add-page .tab-content .tab-content-item .guide .steps .step a{text-decoration:underline}.add-page .tab-content .tab-content-item .guide .steps .step svg{font-size:20px}.add-page .tab-content .tab-content-item.active{transform:translateX(0)}.add-page .tab-content .tab-content-item:not(.active){transform:translate(100%)}.add-page.dark .tabs .tab{color:#dedddf;border:1px solid #4a484f}.add-page.dark .tabs .tab:hover{background-color:#2a292d}.add-page.dark .tabs .tab.active{background-color:#2a292d;color:#00ffb3}.add-page.dark .tab-content .tab-content-item{background-color:#191818}.add-page.dark .tab-content .tab-content-item .table .heading,.add-page.dark .tab-content .tab-content-item .video h2,.add-page.dark .tab-content .tab-content-item .video label{color:#b7b5ba}.add-page.dark .tab-content .tab-content-item .table .header{background-color:#191818}.add-page.dark .tab-content .tab-content-item .table .row{color:#fff;border:1px solid #2a292d;background-color:transparent}.add-page.dark .tab-content .tab-content-item .controls .heading,.add-page.dark .tab-content .tab-content-item .table .note{color:#b7b5ba}.add-page.dark .tab-content .tab-content-item .controls .group{border-color:#4a484f}.add-page.dark .tab-content .tab-content-item .controls .input-group h2,.add-page.dark .tab-content .tab-content-item .controls .input-group label{color:#b7b5ba}.add-page.dark .tab-content .tab-content-item .controls .input-group .note{color:#6d6a73}.add-page.dark .tab-content .tab-content-item .controls .input-group .upload-ctrl .title,.add-page.dark .tab-content .tab-content-item .controls .input-group .upload-ctrl svg{color:#dedddf}.add-page.dark .tab-content .tab-content-item .controls .input-group .input-group-item{background-color:transparent;border-color:#4a484f;color:#fff}.add-page.dark .tab-content .tab-content-item .controls .file-item{border:1px solid #6d6a73}.add-page.dark .tab-content .tab-content-item .controls .file-item .close-icon,.add-page.dark .tab-content .tab-content-item .controls .file-item .name{color:#dedddf}.add-page.dark .tab-content .tab-content-item .vr{border-color:#4a484f}.add-page.dark .tab-content .tab-content-item .guide{background-color:transparent}.add-page.dark .tab-content .tab-content-item .guide .note{color:#b7b5ba}.add-page.dark .tab-content .tab-content-item .guide .title{color:#dedddf}.add-page.dark .tab-content .tab-content-item .guide .steps .step{color:#b7b5ba}@media screen and (max-width:1024px){.add-page .tab-content .tab-content-item{grid-template-columns:1fr;grid-template-rows:auto;gap:1em}.add-page .tab-content .tab-content-item.manual-insert .insert-content{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:10px}.add-page .tab-content .tab-content-item.manual-insert video{width:100%}.add-page .tab-content .tab-content-item .vr{width:100%;height:1px}}@media screen and (max-width:800px){.add-page .tab-content .tab-content-item .guide{margin:0}}@media screen and (max-width:640px){.add-page .tab-content .tab-content-item{padding:0}}@media screen and (max-width:440px){.add-page{padding:0}.add-page .tabs{margin-top:1em;justify-content:center}.add-page .tab-content .tab-content-item .controls{box-sizing:border-box}.add-page .tab-content .tab-content-item .guide{padding:1em}}