.error-main{display:flex;justify-content:center;align-items:start;height:100vh;padding:1rem}.create-player-container{background:var(--white);border-radius:.5rem;box-shadow:0 2px 10px #0000001a;aspect-ratio:16/9;border:1px solid var(--stroke);cursor:pointer;box-sizing:border-box;padding:1rem;width:23%;max-width:24rem;flex-shrink:0}.create-player-container-for-grid{background:var(--white);border-radius:.5rem;box-shadow:0 2px 10px #0000001a;border:1px solid var(--stroke);cursor:pointer;box-sizing:border-box;padding:1rem}.content-wrapper{position:relative;border:1px solid var(--stroke);background:var(--primaryVariantTwo);border-radius:.5rem;overflow:hidden;height:100%}.content-wrapper:hover{background:var(--primaryVariantOne);transition:all .4s ease-in-out}.create-player-btn-container{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 1025px){.create-player-container{width:30%}}@media only screen and (max-width: 768px){.create-player-container{width:100%;max-width:100%}}.toast{min-width:15rem;width:max-content;padding:1rem;position:fixed;background:var(--surfaceVariant);text-align:center;left:50%;bottom:4rem;z-index:20;border:1px solid var(--placeholder);border-radius:.25rem;transform:translate(-50%) translateY(50px);opacity:0;animation:toastAnim 5s forwards}@keyframes toastAnim{0%{transform:translate(-50%) translateY(50px);opacity:0}10%{transform:translate(-50%) translateY(0);opacity:1}80%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100px);opacity:0}}@media only screen and (max-width: 768px){.toast{min-width:15rem;padding:.5rem}}.icon-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--primary);border-radius:.25rem;cursor:pointer}.icon-button-container:hover{background:var(--primaryHover);box-shadow:0 3px 11.6px #d2bdf0}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal{background:#fff;z-index:10;padding:2rem;box-sizing:border-box;border-radius:.5rem}.modalHeader{height:50px;background:#fff;overflow:hidden;display:flex;align-items:center}.modalContent{margin-top:1rem;box-sizing:"border-box"}.loader{border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-container{position:relative;display:inline-block;width:2.75rem;height:1.3rem}.toggle-button{opacity:0;width:0;height:0}.toggle-circle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:gray;transition:.3s;border-radius:2rem}strong{position:absolute;left:100%;width:max-content;height:100%;line-height:30px;margin-left:10px;cursor:pointer}.toggle-circle:before{position:absolute;content:"";height:.85rem;width:.85rem;top:50%;left:0;background-color:#fff;border-radius:50%;transition:.3s;transform:translate(20%,-50%)}.toggle-button:checked+.toggle-circle:before{background-color:#fff}.toggle-button:checked+.toggle-circle{background-color:var(--primary)}.toggle-button:checked+.toggle-circle:before{transform:translate(200%,-50%)}.color-picker-input{height:24px;width:24px;border:1px solid #D4D4D4;outline:none}.color-hex-input{width:6rem;padding:.2rem .4rem;background-color:transparent;outline:none;border:none;border-left:1px solid;border-left-color:#d4d4d4;font-weight:500;color:#1d1d1d}.color-hex-input::placeholder{color:#1d1d1d}.seo-card-container{box-sizing:border-box;width:100%}.seo-card-row-one{display:flex}.seo-card-row-two{box-sizing:border-box;margin-top:1rem;display:flex;align-items:flex-end;gap:1rem}.seo-card-row-three{padding:0 0 1rem}.remove-btn{width:20%}.embed-link{box-sizing:border-box;margin-top:.5rem;width:100%;height:5rem;height:max-content;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}@media only screen and (max-width: 1367px){.seo-card-container{margin:1rem 0;width:100%}.seo-card-row-two{margin-top:.5rem;gap:.5rem}.seo-card-row-three{padding:.5rem 0}.remove-btn{width:28%}.embed-link{margin-top:.5rem}}@media only screen and (max-width: 768px){.remove-btn{width:45%}}.size-input{width:4.5rem;padding:.2rem .4rem;background-color:transparent;outline:none;border:none;font-weight:500;color:#1d1d1d;border-left:1px solid;border-left-color:#d4d4d4}.size-input::placeholder{color:#828282}.imageUpload-main{padding-left:.5rem;width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.25rem}.imageUpload-button{width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.9rem 1.5rem;border-radius:.25rem;background:var(--primary);color:var(--white);font-size:1rem;font-family:Satoshi-Medium}.imageUpload-button:hover{background:var(--primaryHover);box-shadow:0 3px 11.6px #d2bdf0;transition:all .4s ease-in-out}@media only screen and (max-width: 1590px){.imageUpload-button{padding:.5rem 1rem;height:2.75rem}}@media only screen and (max-width: 528px){.imageUpload-button{font-size:1rem}}.video-player-edit-demo{aspect-ratio:16/9;position:relative;background:#000}.video-pLayer-children{box-sizing:border-box;position:absolute;display:flex}.video-top{top:0;width:100%;height:max-content}.video-top-children{width:33.33%;display:flex;align-items:flex-start}.video-center{top:50%;left:50%;transform:translate(-50%,-50%)}.video-progress{width:100%;height:max-content;display:flex;align-items:center}.video-bottom{box-sizing:border-box;bottom:0;width:100%;height:max-content}.settings-demo-box{width:280px;border-radius:4px;position:absolute;bottom:8.5rem;right:3.8rem;overflow:hidden;box-shadow:0 0 20px #02122a80}.video-picker-container{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.videoUpload-main{display:flex;flex-direction:column;gap:.25rem;align-items:center}.videoUpload-button{display:flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;border-radius:.25rem;border:0px solid var(--primary);background:var(--primary);color:var(--white);font-size:1rem;cursor:pointer;line-height:1.225rem;font-family:Satoshi-Medium}.videoUpload-button:hover{background:var(--primaryHover);box-shadow:0 3px 11.6px #d2bdf0}.videoUploadSecondary-button{display:flex;align-items:center;justify-content:center;border-radius:.25rem;border:1px solid var(--primary);background:var(--white);color:var(--textSecondary);font-size:1rem;cursor:pointer;line-height:120%;font-family:Satoshi-Medium}.videoUploadSecondary-button:hover{box-shadow:0 3px 12.8px #d4d4d4;transition:all .4s ease-in-out}@media only screen and (max-width: 1590px){.videoUploadSecondary-button{padding:.5rem 1rem}}.accordion-card{border:1px solid var(--primary);border-radius:.25rem;margin-bottom:1rem;overflow:hidden}.accordion-card:last-child{margin-bottom:0}.accordion-toggle{display:flex;align-items:flex-start;cursor:pointer;justify-content:space-between;background-color:var(--primaryVariantTwo);transition:.3s;padding:1rem}.accordion-toggle:hover,.accordion-toggle.active{background-color:var(--primaryVariantOne)}.accordion-toggle.active .accordion-icon{transform:rotate(0)}.accordion-icon{position:relative;top:2px;color:var(--primary);transition:.35s;transform:rotate(180deg)}.accordion-body{border-top:2px solid var(--primary);background-color:var(--primaryVariantTwo);flex:1 1 auto;min-height:1px;padding:15px}.collapse{position:relative;height:0;overflow:hidden;transition:height .35s ease}.collapse.show{height:auto}.video-table{width:100%;margin:auto}.video-table-header,.video-table-row{display:grid;padding:1rem;border-radius:.5rem;background-color:var(--surfaceVariant);border:1px solid var(--primaryVariantOne);align-items:center;margin-bottom:1rem;column-gap:4rem}.video-table-row-select-media{display:grid;padding:1rem;border-radius:.5rem;background-color:var(--surfaceVariant);border:1px solid var(--primaryVariantOne);align-items:center;margin-bottom:.5rem}.video-table-row-select-media:hover{background-color:var(--primaryVariantOne);border-radius:.5rem}.video-selected-media-wrapper{padding:0 1rem}.video-table-header{border-bottom:1px solid var(--textSecondary)}.copy-icon{cursor:pointer;transition:all .4s ease-in-out;color:var(--primary)}.copy-icon:hover{color:var(--primaryHover)}.delete-icon{cursor:pointer;transition:all .4s ease-in-out;color:var(--negative)}.delete-icon:hover{color:var(--negative)}.mobile-text-render,.mobile-only{display:none}@media screen and (max-width: 768px){.video-table-header{display:none}.video-table-row{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--surfaceVariant);border:1px solid var(--primaryVariantOne);padding-top:.5rem;position:relative}.video-table-row-select-media{display:flex;flex-direction:column;align-items:flex-start}.video-selected-media-wrapper{padding:0}.video-table-row span{word-break:break-word}.mobile-only{display:block;position:absolute;top:0;right:0}.video-table-row span:last-child{position:absolute;top:.5rem;right:.5rem}.video-table-row .cp-ico{position:absolute;top:.5rem;right:5rem}.mobile-text-render{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--textSecondary)}.delete-icon,.cp-ico{display:none}.filename{width:80%}}.popover-wrapper{position:relative;display:inline-block}.popover-content{display:none;position:absolute;background-color:var(--white);border:1px solid var(--stroke);min-width:14rem;box-shadow:4px 4px 10.5px #00000021;border-radius:.25rem;overflow:hidden}.popover-content-bottom{bottom:0}.popover-content.show{display:block;z-index:10}.popover-content .body{color:var(--textSecondary);padding:1rem 1.5rem;text-decoration:none;margin:0;cursor:pointer}.popover-content .body:hover{background-color:var(--surface)}.popover-content .with-icon{display:flex;align-items:center;padding:0 1rem;cursor:pointer;color:#000}.with-icon .body{padding:1rem .5rem}.popover-content .with-icon:hover{background-color:var(--surface)}.drawer{background:#fff;z-index:10;padding:2rem;box-sizing:border-box;width:20vw;height:100vh}.drawerHeader{height:50px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.drawerContent{margin-top:1rem;box-sizing:"border-box"}@media only screen and (max-width: 1025px){.drawer{width:35vw}}@media only screen and (max-width: 768px){.drawer{width:60vw}}.media-container{display:flex}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid var(--textSecondary);text-align:left;padding:1rem}td{border-bottom:1px solid var(--stroke);text-align:left;padding:1rem}.desktop-text-render{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem}.video-quota-container{width:100%;border:1px solid var(--placeholder);border-radius:.25rem;overflow:hidden;font-size:1rem}.video-quota-header{display:flex;align-items:center;padding:.75rem 1rem;gap:6px;flex-wrap:wrap;color:var(--textSecondary)}.divider{color:var(--textPrimary)}.upgrade-plan{margin-left:auto;color:var(--primary);font-weight:700;cursor:pointer;white-space:nowrap;margin-left:1rem}.video-quota-progress-bar{height:8px;background-color:#d5d5d5;position:relative}.video-quota-progress-fill{height:100%;background-color:var(--primary);transition:width .3s ease-in-out}@media only screen and (max-width: 1590px){.video-quota-header{padding:.5rem 1rem}}.card-grid{--w: 340px;--n: 4;display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(100%/ (var(--n) + 1) + .1%,(var(--w) - 100vw) * 1000,100%),1fr));row-gap:2.5rem;column-gap:1.5rem}.card{background:var(--white);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 10px #0000001a;width:23%;flex-shrink:0}.card:hover{box-shadow:0 2px 10px #0003;transition:all .4s ease-in-out}.card-for-grid{background:var(--white);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 10px #0000001a}.card-for-grid:hover{box-shadow:0 2px 10px #0003;transition:all .4s ease-in-out}.card-thumbnail{width:100%;aspect-ratio:16/9;object-fit:cover;cursor:pointer}.card-content{padding:1rem}.single-line-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@media only screen and (max-width: 1025px){.card-grid{--n: 3}.card{width:30%}}@media only screen and (max-width: 768px){.card-grid{--n: 2}.card{width:100%}}@media only screen and (max-width: 428px){.card-grid{--n: 1}}.nav-main{height:80px;position:sticky;top:0;width:100%;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--stroke);background-color:var(--white);z-index:1;box-sizing:border-box}.nav-container{height:100%;justify-content:space-between;display:flex;align-items:center;padding:0 7.5rem}.nav-left-mobile{display:none;align-items:center;gap:.5rem}.nav-left{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.nav-right{display:flex;align-items:center;gap:1rem}.nav-icon{transition:.35s;transform:rotate(180deg)}.pop-triger.active .nav-icon{transform:rotate(0)}@media only screen and (max-width: 1590px){.nav-container{padding:0 1rem}}@media only screen and (max-width: 1025px){.hide{display:none}.nav-left-mobile{display:flex}.nav-left{display:none;width:65%}.nav-right{width:35%;justify-content:flex-end}}.profile-container{padding:4rem 0 2rem}.profile-box{margin-top:1rem;width:100%;padding:1.5rem;background-color:var(--surfaceVariant);outline:none;border:1px solid;border-color:var(--stroke);border-radius:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));row-gap:1rem;box-sizing:border-box}.version-container-profile{position:absolute;bottom:1rem}@media only screen and (max-width: 768px){.profile-container{padding:2rem 0;width:100%}}.delete-account-container{padding-bottom:2rem;width:60%}@media only screen and (max-width: 768px){.delete-account-container{width:100%}}.plan-list{width:100%;background-color:var(--surfaceVariant);border:1px solid;border-color:var(--stroke);border-radius:.5rem;padding:1rem 1.5rem;box-sizing:border-box;margin-top:1rem}.plan-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.plan-details{display:flex;align-items:center;gap:8px;flex:1}@media (max-width: 768px){.plan-details{display:block}.plan-item{flex-direction:column;align-items:flex-start}}.api-list{width:100%;background-color:var(--surfaceVariant);border-radius:.5rem;padding:.5rem 1.5rem;border:1px solid;border-color:var(--stroke);box-sizing:border-box;margin-top:1rem}.api-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.api-details{display:flex;align-items:center;gap:8px;flex:1}.dot{color:#666;margin:0 4px}.action-container{display:flex;align-items:center;gap:4rem}@media (max-width: 1025px){.api-details{display:block;width:100%}.api-item{flex-direction:column;align-items:flex-start}.action-container{gap:1rem}}.api-value-input-box{position:relative;width:37rem}@media (max-width: 1025px){.api-value-input-box{width:100%}}.plancard-container{box-sizing:border-box;width:28rem;padding:4rem 2rem;border-radius:.5rem}.plancard-title{display:flex;align-items:center;margin-top:2rem;padding-bottom:1rem;border-bottom:1px solid var(--stroke)}.plancard-feature{display:flex;align-items:center;margin-top:.5rem;gap:.5rem}@media only screen and (max-width: 1367px){.plancard-container{width:20rem;padding:1.5rem}}@media only screen and (max-width: 428px){.plancard-container{width:100%}}.plan-details-container{border:1px solid var(--stroke);border-radius:4px;padding:1rem;width:30%;display:flex;flex-direction:column;gap:.5rem}.success-container{border:1px solid var(--positive);border-radius:4px;padding:1rem;width:30%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.payment-error-container{border:1px solid var(--negative);border-radius:4px;padding:1rem;width:30%;display:flex;flex-direction:column;align-items:center;gap:.5rem}@media only screen and (max-width: 1590px){.plan-details-container,.success-container{width:40%}}@media only screen and (max-width: 1360px){.plan-details-container,.success-container{width:60%}}@media only screen and (max-width: 768px){.plan-details-container,.success-container{width:100%}}.pricing-module{padding:2rem;border:1px solid var(--stroke);width:max-content;border-radius:2px;box-sizing:border-box}@media only screen and (max-width: 768px){.pricing-module{width:100%}}:root{--primary: #6D0EF1;--primaryHover: #620DD9;--primaryVariantOne: #F1E9FC;--primaryVariantTwo: #FCFAFF;--textPrimary: #1D1D1D;--textSecondary: #585858;--placeholder: #808080;--black: #000000;--white: #ffffff;--surface: #f9f9f9;--surfaceVariant: #fafafa;--stroke: #f0f0f0;--disabled: #DFCAFC;--positive: #20ac25;--negative: #F86666;--user-icon: #45474b}/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 * Satoshi Light
 * Satoshi Light Italic
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Medium
 * Satoshi Medium Italic
 * Satoshi Bold
 * Satoshi Bold Italic
 * Satoshi Black
 * Satoshi Black Italic
 *
*/@font-face{font-family:Satoshi-Variable;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2) format("woff2"),url(/assets/Satoshi-Variable-B5cVmYQo.woff) format("woff"),url(/assets/Satoshi-Variable-ChAXbpFa.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/assets/Satoshi-VariableItalic-DjwFspxr.woff2) format("woff2"),url(/assets/Satoshi-VariableItalic-DeirzIcA.woff) format("woff"),url(/assets/Satoshi-VariableItalic-Bb7sdEFv.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Light;src:url(/assets/Satoshi-Light-IqwJ_ZjS.woff2) format("woff2"),url(/assets/Satoshi-Light-C_dmkKXz.woff) format("woff"),url(/assets/Satoshi-Light-B82kzbU-.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(/assets/Satoshi-LightItalic-C9iuU4v7.woff2) format("woff2"),url(/assets/Satoshi-LightItalic-B9L6s97T.woff) format("woff"),url(/assets/Satoshi-LightItalic-BAhuxY-A.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(/assets/Satoshi-Regular-CPM9dct4.woff2) format("woff2"),url(/assets/Satoshi-Regular-CWSyEjGv.woff) format("woff"),url(/assets/Satoshi-Regular-DToFXog2.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/assets/Satoshi-Italic-wVmEEc6M.woff2) format("woff2"),url(/assets/Satoshi-Italic-BPCXRxzy.woff) format("woff"),url(/assets/Satoshi-Italic-FMxkCD8o.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(/assets/Satoshi-Medium-ByP-Zb-9.woff2) format("woff2"),url(/assets/Satoshi-Medium-DDwDPeBg.woff) format("woff"),url(/assets/Satoshi-Medium-DOt9kM-a.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(/assets/Satoshi-MediumItalic-BxR-IcRj.woff2) format("woff2"),url(/assets/Satoshi-MediumItalic-BPTJUpxz.woff) format("woff"),url(/assets/Satoshi-MediumItalic-BUFVYoD2.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/assets/Satoshi-Bold-Bd5kKQ_U.woff2) format("woff2"),url(/assets/Satoshi-Bold-C2PhLWFc.woff) format("woff"),url(/assets/Satoshi-Bold-CPly9kH5.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(/assets/Satoshi-BoldItalic-CAjvAcxR.woff2) format("woff2"),url(/assets/Satoshi-BoldItalic-DQ7B0PfL.woff) format("woff"),url(/assets/Satoshi-BoldItalic-tClQcAb-.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(/assets/Satoshi-Black-DjnQuuRz.woff2) format("woff2"),url(/assets/Satoshi-Black-D3hzT7Um.woff) format("woff"),url(/assets/Satoshi-Black-CizHyRqb.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(/assets/Satoshi-BlackItalic-ChCbTD27.woff2) format("woff2"),url(/assets/Satoshi-BlackItalic-D8Ai_S3C.woff) format("woff"),url(/assets/Satoshi-BlackItalic-CvIpOoSh.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}*{padding:0;margin:0;font-family:Satoshi-Medium;line-height:1.225rem}textarea{border-radius:.25rem;resize:vertical;font-size:1rem;font-family:Satoshi-Regular}ul li{margin-bottom:.5rem}li::marker{color:var(--placeholder);font-size:1.25em}.hide-scroll{-ms-overflow-style:none}.hide-scroll::-webkit-scrollbar{display:none}.hide-scroll ::-moz-scrollbar{display:none}.primary{color:var(--primary)}.textPrimary{color:var(--textPrimary)}.textSecondary{color:var(--textSecondary)}.black{color:var(--black)}.white{color:var(--white)}.surface{color:var(--surface)}.stroke{color:var(--stroke)}.disabled{color:var(--disabled)}.placeholder{color:var(--placeholder)}.positive{color:var(--positive)}.negative{color:var(--negative)}.heading{font-size:2rem;line-height:120%;font-family:Satoshi-Medium;color:var(--textPrimary)}.subtitle-one{font-size:1.5rem;line-height:120%;font-family:Satoshi-Medium;color:var(--textPrimary)}.subtitle-two{font-size:1.25rem;line-height:120%;font-family:Satoshi-Medium;color:var(--textPrimary)}.body{font-size:1rem;line-height:120%;font-family:Satoshi-Regular}.label{font-size:.875rem;color:var(--textSecondary);line-height:120%}.caption{font-size:.75rem;line-height:120%;font-family:Satoshi-Medium}.link{font-size:.875rem;color:#45474b;line-height:120%;font-family:Satoshi-Medium}.link:hover{color:var(--primaryHover);transition:all .4s ease-in-out}.link-secondary{font-size:1rem;color:#45474b;line-height:120%;font-family:Satoshi-Regular}.link-secondary:hover{color:var(--primaryHover);transition:all .4s ease-in-out}.link-active{font-size:1rem;color:var(--primary);line-height:120%;font-family:Satoshi-Regular}.large-primary-btn{padding:.9rem 1.5rem;border-radius:.25rem;border:0px solid var(--primary);background:var(--primary);color:var(--white);font-size:1rem;font-family:Satoshi-Medium;cursor:pointer;line-height:120%}.large-primary-btn:hover{background:var(--primaryHover);box-shadow:0 3px 11.6px #d2bdf0;transition:all .4s ease-in-out}.large-primary-btn:disabled{background:var(--disabled);cursor:not-allowed}.large-secondary-btn{padding:.9rem 1.5rem;color:var(--textSecondary);background-color:var(--white);border-radius:.25rem;border:1px solid var(--primary);font-size:1rem;font-family:Satoshi-Medium;cursor:pointer;line-height:120%}.large-secondary-btn:hover{box-shadow:0 3px 12.8px #d4d4d4;transition:all .4s ease-in-out}.large-secondary-btn:disabled{border:1px solid #D5D5D5;color:#d5d5d5;cursor:not-allowed}.large-danger-btn{padding:.9rem 1.5rem;color:var(--negative);background-color:var(--white);border-radius:.25rem;border:1px solid var(--negative);font-size:1rem;font-family:Satoshi-Medium;cursor:pointer;line-height:120%}.large-danger-btn:hover{background-color:var(--negative);color:var(--white);transition:all .4s ease-in-out}.large-danger-btn:disabled{color:var(--placeholder);border-color:var(--surfaceVariantOne);cursor:not-allowed;opacity:.6}.fixed-button-style{width:50%}.small-secondary-btn{padding:.25rem .5rem;color:var(--primary);border-radius:.25rem;border:1px solid var(--primary);background-color:var(--white);font-size:.875rem;font-family:Satoshi-Regular;cursor:pointer}.small-secondary-btn:hover{border:1px solid var(--primaryHover);transition:all .4s ease-in-out}.large-navigation-btn{height:2.5rem;padding:.5rem 1.5rem;border-radius:.25rem;border:1px solid var(--white);color:var(--black);font-size:1rem;font-family:Satoshi-Regular;cursor:pointer;line-height:1.225rem;display:flex;align-items:center;justify-content:flex-start}.large-navigation-btn:hover{border:1px solid var(--stroke);transition:all .4s ease-in-out}.get-help-container{position:absolute;left:3rem;bottom:5rem;height:3rem;z-index:100;box-sizing:border-box}.large-gethelp-btn{height:2.5rem;padding:.5rem 1.5rem;border-radius:.25rem;border:1px solid var(--black);background:var(--black);color:var(--white);font-size:1rem;font-family:Satoshi-Regular;cursor:pointer;line-height:1.225rem;display:flex;align-items:center;justify-content:center;text-decoration:none;width:90%}.navigation-btn-active{height:2.5rem;padding:.5rem 1.5rem;border-radius:.25rem;border:1px solid var(--stroke);color:var(--black);font-size:1rem;cursor:pointer;line-height:1.225rem;display:flex;align-items:center;justify-content:flex-start}.navigation-btn-mobile{height:2.5rem;padding:.5rem 0;border-radius:.25rem;border:0px solid var(--primary);background:var(--white);color:var(--black);font-size:1rem;cursor:pointer;line-height:1.225rem;display:flex;align-items:center;justify-content:flex-start}.input-container{width:17rem;position:relative;border-radius:.25rem}.input-main{width:17rem;height:3.25rem;padding:0 1rem;font-size:1rem;border-radius:.25rem;background-color:var(--surface);outline:none;border:1px solid;border-color:var(--stroke);box-sizing:border-box;font-family:Satoshi-Regular}.input-main::placeholder{color:var(--placeholder)}.input-secondary{box-sizing:border-box;width:100%;height:3.25rem;border-radius:.25rem;padding:0 1rem;font-size:1rem;background-color:var(--white);outline:none;border:1px solid;border-color:var(--stroke);font-family:Satoshi-Regular}.input-secondary::placeholder{color:var(--placeholder)}.input-title{display:block;color:var(--textSecondary);font-size:.75rem;margin-bottom:.25rem}.custom-input-width{width:34rem;padding-left:2.5rem}.material-icons{color:var(--surface)}.upgrade-container{width:100%;padding:1rem 3rem;background-color:#270557;display:flex;justify-content:center;align-items:center;gap:1.5rem;box-sizing:border-box}.upgrade-plan-btn{background:transparent;color:var(--white);font-family:Satoshi-Bold;font-size:1rem;border-radius:.25rem;border:none;outline:none;cursor:pointer;text-decoration:underline}.upgrade-plan-btn:hover{color:var(--positive);transition:all .4s ease-in-out}.notnow-btn{background:transparent;color:var(--negative);font-size:1rem;border-radius:.25rem;border:none;outline:none;cursor:pointer}.main-page-wrapper{padding:2.5rem 0 2rem}.home-header{padding:1.5rem 0;display:flex;align-items:center;gap:4rem}.home-header-filter{height:100%;display:flex;align-items:center;gap:1rem}.search-wrapper{margin:0 0 2.5rem;display:flex;justify-content:space-between}.search-create-container{display:flex;align-items:center;gap:2rem}.home-card-grid{display:flex;flex-wrap:wrap;row-gap:2.5rem;column-gap:1.5rem}.auth-layout-main{display:flex;width:100%;min-height:100vh;padding:0}.auth-layout-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:35%;background-color:#190435}.auth-layout-content-logo{width:100%;height:100%;padding:4rem;box-sizing:border-box}.auth-layout-content-text{font-size:1.5rem;color:#f0f0f0}.auth-layout-children-container{display:flex;width:65%;justify-content:center;align-items:center}.auth-form{padding:2rem;background-color:#fff;border-radius:.25rem}.auth-header{display:block;font-size:1.5rem;margin-bottom:2rem;text-align:center}.home-table-container{overflow-x:auto;height:calc(100vh - 180px)}.home-table{border-collapse:collapse}.home-table th{padding:1rem;border:1px solid var(--stroke);height:4rem;font-size:1.2rem;background-color:var(--white)}.home-table td{padding:1rem;border:1px solid var(--stroke);background-color:var(--surface)}.error-container{min-height:1rem}.error-text{font-size:.75rem;color:var(--negative)}.required-error-text-space{padding-top:.25rem;margin:0}.register-success-heading{color:var(--positive);text-align:center;margin:5rem 0}.home-layout-body{width:100%;height:100%}.left-navigation{width:15rem;border-right:1px solid var(--stroke);height:calc(100vh - 80px);position:fixed;left:0;top:80px}.right-home-outlet{padding:0 7.5rem}.detail-main{height:auto;display:flex;justify-content:center;align-items:center}.detail-container{width:100%;height:100%;display:flex}.detail-sub-container-1{box-sizing:border-box;width:25%;overflow-y:scroll;height:100vh;background-color:#fafafa}.toolkit-form{padding:0 1rem}.detail-sub-container-2{box-sizing:border-box;width:75%;display:flex;justify-content:center;height:100vh;overflow-y:scroll;padding-left:3rem}.delete-container{display:flex;gap:1rem;padding-bottom:1rem}.upload-container{display:flex;gap:1rem;width:100%;flex-grow:1}.upload-content{display:flex;align-items:center;gap:1rem;height:3.25rem;padding:1rem;width:100%}.detail-sub-container-child{padding:0 16rem 0 0;width:100%;height:100%}.get-embed-share-info-desktop{display:block}.get-embed-share-info{display:none}.right-container{width:45rem;max-width:45rem;display:flex;align-items:center;flex-direction:column}.tab-wrapper{width:100%;margin-bottom:2rem}.tabs{display:flex;gap:10px;margin-bottom:20px;width:40%;padding:.5rem;border:1px solid var(--stroke);background:var(--surface);border-radius:.25rem}.tab{flex:1;padding:.5rem 1rem;width:max-content;background:transparent;color:var(--placeholder);border:none;border-radius:.25rem;cursor:pointer;transition:all .3s ease;font-size:1.25rem;font-weight:500;font-family:Satoshi-Regular}.tab.active{background:var(--primary);color:var(--white)}.tab-transition-container{position:relative}.tab-content{opacity:0}.tab-content.visible{opacity:1}.tab-content.hidden{opacity:0}.video-player-url-section{box-sizing:border-box;width:100%;background-color:var(--surface);padding:1rem;margin:1.5rem 0}.video-player-embeded-style{box-sizing:border-box;width:100%;background-color:var(--primaryVariantTwo);padding:1rem;margin:1.5rem 0;border-radius:.25rem}.detail-card{width:100%;padding:1.5rem;height:max-content;background-color:#fff;border-radius:.25rem}.card-detail-header{display:flex;padding-right:1rem;margin:1rem 0;justify-content:space-between;align-items:center;height:max-content}.card-detail-tag-main{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.card-detail-tag-container{display:flex;gap:.25rem;padding-left:.58rem;flex-wrap:wrap}.detail-about-container{width:100%;margin-bottom:1rem;height:max-content;background-color:#fff;border-radius:.25rem}.header-border-box{box-sizing:border-box;width:100%;padding:1rem 1.5rem;border-bottom:1px solid var(--stroke)}.detail-content-box{padding:1.5rem}.detail-performance-container{width:100%;margin-bottom:1rem;height:max-content;border-radius:.25rem}.detail-performance-box{padding:1rem 0}.performance-card{box-sizing:border-box;width:100%;background-color:#fff;padding:1rem;margin-bottom:1rem}.table-header-with-icon{display:flex;gap:.5rem;align-items:center}.performance-table-data{width:100%;table-layout:fixed;padding:0;margin-top:1.5rem}.performance-table-data th{text-align:left;color:var(--placeholder);font-size:.75rem;padding-bottom:.5rem}.performance-table-data td{text-align:left;font-size:.85rem}@media only screen and (max-width: 1590px){.heading{font-size:1.5rem}.subtitle-one{font-size:1.25rem}.subtitle-two{font-size:1.125rem}.label{font-size:.75rem;font-family:Satoshi-Regular;color:var(--placeholder);line-height:1.225rem}.caption{font-size:.625rem}.body,.link-secondary,.link-active{font-size:1rem}.large-primary-btn,.large-secondary-btn,.large-danger-btn,.input-main{padding:.5rem 1rem;height:2.75rem}.get-help-container{left:2.4rem;height:2rem}.upload-content{height:2.75rem;padding:.5rem 1rem}.large-gethelp-btn{width:70%}.input-secondary{height:2.75rem}.left-navigation{width:12rem}.right-home-outlet{padding:0 1rem}.detail-sub-container-2{width:75%;box-sizing:border-box}.detail-sub-container-1{width:25%}.detail-sub-container-child{padding:0 3rem 0 0}.right-container{width:35rem}.video-player-url-section{box-sizing:border-box;padding:.8rem 1rem;margin:1rem 0}.custom-input-width{width:22rem;padding-left:2.5rem}}@media only screen and (max-width: 1360px){.detail-sub-container-2{width:65%;box-sizing:border-box;align-items:center}.detail-sub-container-1{width:35%}.tabs{width:60%}.get-help-container,.large-gethelp-btn{height:2rem}.custom-input-width{width:25rem;padding-left:2.5rem}}@media only screen and (max-width: 1025px){.right-container{width:38rem}.left-navigation{display:none}.auth-layout-main{justify-content:center;align-items:center}.auth-layout-container{position:absolute;width:100%;height:100%;z-index:-10;justify-content:flex-start;padding-top:8rem}.auth-layout-children-container{margin-top:5rem;width:100%;height:100%;z-index:10}.home-header,.home-header-filter{display:block}.search-wrapper{flex-direction:column;gap:2rem}.hide-scroll{flex-wrap:wrap}.detail-main{padding:0 1rem;justify-content:flex-start;align-items:flex-start;display:block}.detail-container{width:100%;display:block;overflow:scroll}.detail-sub-container-1{width:100%;box-sizing:border-box;height:auto;border:none;align-items:center}.toolkit-form{padding:0}.detail-card{max-width:20rem;height:max-content}.detail-sub-container-2{width:100%;padding:0;height:auto}.delete-container{display:none}.detail-sub-container-child{padding:0}.get-embed-share-info-desktop{display:none}.get-embed-share-info{display:block}.video-player-embeded-style{padding:0;margin:0}.tabs{width:100%}.home-table-container{overflow-x:auto;height:calc(100vh - 280px)}.get-help-container{height:2.2rem}.large-gethelp-btn{height:1.8rem}}@media only screen and (max-width: 768px){.upgrade-container{padding:.5rem 1rem;display:block}.main-page-wrapper{padding:2rem 0}.home-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.search-create-container,.upload-container{flex-direction:column}.get-help-container{height:2rem}.large-gethelp-btn{height:1.5rem}.w-100,.w-100 .input-main,.w-100 .m-100{width:100%}.custom-input-width{width:100%;padding-left:2.5rem}}@media only screen and (max-width: 528px){.large-primary-btn,.large-secondary-btn{font-size:1rem}}