:root{--clr-primary-main: #0064d1;--clr-primary-tx: #111111;--clr-primary-br: #e3e3e3;--clr-primary-bg: #fafafa;--clr-primary-link: #3088d0;--clr-primary-opa-1: hsla(207, 63%, 50%, .5);--clr-primary-100: hsl(196, 52%, 18%);--clr-primary-700: #2c0e53;--clr-secondary-main: #223e78;--clr-secondary-tx: #484848;--clr-secondary-br: #e8e8e8;--clr-secondary-bg: #f0f0f0;--clr-secondary-100: hsl(183, 53%, 23%);--clr-tertiary-bg: #e3e3e3;--clr-tertiary-tx: #a2a2a2;--clr-quaternary-main: #0a1f63;--clr-quaternary-tx: #fff;--clr-success-main: #14a425;--clr-success-tx: #14a425;--clr-danger-main: #be131b;--clr-danger-tx: #be131b;--clr-normal-main: #da6a02;--clr-normal-tx: #da6a02}:root .bg-primary-main{background-color:#0064d1}:root .cl-primary-main{color:#0064d1}:root .br-primary-main{color:#0064d1}:root .bg-primary-tx{background-color:#111}:root .cl-primary-tx{color:#111}:root .br-primary-tx{color:#111}:root .bg-primary-br{background-color:#e3e3e3}:root .cl-primary-br{color:#e3e3e3}:root .br-primary-br{color:#e3e3e3}:root .bg-primary-bg{background-color:#fafafa}:root .cl-primary-bg{color:#fafafa}:root .br-primary-bg{color:#fafafa}:root .bg-primary-link{background-color:#3088d0}:root .cl-primary-link{color:#3088d0}:root .br-primary-link{color:#3088d0}:root .bg-primary-opa-1{background-color:#2f88d080}:root .cl-primary-opa-1{color:#2f88d080}:root .br-primary-opa-1{color:#2f88d080}:root .bg-primary-100{background-color:#163946}:root .cl-primary-100{color:#163946}:root .br-primary-100{color:#163946}:root .bg-primary-700{background-color:#2c0e53}:root .cl-primary-700{color:#2c0e53}:root .br-primary-700{color:#2c0e53}:root .bg-secondary-main{background-color:#223e78}:root .cl-secondary-main{color:#223e78}:root .br-secondary-main{color:#223e78}:root .bg-secondary-tx{background-color:#484848}:root .cl-secondary-tx{color:#484848}:root .br-secondary-tx{color:#484848}:root .bg-secondary-br{background-color:#e8e8e8}:root .cl-secondary-br{color:#e8e8e8}:root .br-secondary-br{color:#e8e8e8}:root .bg-secondary-bg{background-color:#f0f0f0}:root .cl-secondary-bg{color:#f0f0f0}:root .br-secondary-bg{color:#f0f0f0}:root .bg-secondary-100{background-color:#1c575a}:root .cl-secondary-100{color:#1c575a}:root .br-secondary-100{color:#1c575a}:root .bg-tertiary-bg{background-color:#e3e3e3}:root .cl-tertiary-bg{color:#e3e3e3}:root .br-tertiary-bg{color:#e3e3e3}:root .bg-tertiary-tx{background-color:#a2a2a2}:root .cl-tertiary-tx{color:#a2a2a2}:root .br-tertiary-tx{color:#a2a2a2}:root .bg-quaternary-main{background-color:#0a1f63}:root .cl-quaternary-main{color:#0a1f63}:root .br-quaternary-main{color:#0a1f63}:root .bg-quaternary-tx{background-color:#fff}:root .cl-quaternary-tx{color:#fff}:root .br-quaternary-tx{color:#fff}:root .bg-success-main{background-color:#14a425}:root .cl-success-main{color:#14a425}:root .br-success-main{color:#14a425}:root .bg-success-tx{background-color:#14a425}:root .cl-success-tx{color:#14a425}:root .br-success-tx{color:#14a425}:root .bg-danger-main{background-color:#be131b}:root .cl-danger-main{color:#be131b}:root .br-danger-main{color:#be131b}:root .bg-danger-tx{background-color:#be131b}:root .cl-danger-tx{color:#be131b}:root .br-danger-tx{color:#be131b}:root .bg-normal-main{background-color:#da6a02}:root .cl-normal-main{color:#da6a02}:root .br-normal-main{color:#da6a02}:root .bg-normal-tx{background-color:#da6a02}:root .cl-normal-tx{color:#da6a02}:root .br-normal-tx{color:#da6a02}:root{--dur-quick: .25s;--dur-fast: .5s;--dur-normal: 1s;--dur-delayed: 2s;--dur-slow: 3s}@keyframes blinkinAnimation{0%{opacity:.4}50%{opacity:.95}to{opacity:.4}}@keyframes movinArrowAnim{0%{left:0;opacity:1}to{left:25%;opacity:.3}}@keyframes rotatingAnim{0%{rotate:0deg}to{rotate:360deg}}@keyframes loadingBarComponent{0%{translate:-100%}to{translate:350%}}.ScalerUp{opacity:0}.bgScaler:hover{transition:all 5s!important;background-size:155%}.SlideIn{transform:translateY(150px);opacity:0;animation:FadeIn 2.5s ease forwards}.SlideIn:nth-child(odd){animation-duration:1.5s}.SlideIn.quick{animation-duration:1s!important}.SlideIn.quick:nth-child(odd){animation-duration:.5s!important}.SlideLeft{transform:translate(-150px);opacity:0;animation:FadeIn 2.5s ease forwards}.SlideLeft:nth-child(odd){animation-duration:1.5s}.SlideLeft.quick{animation-duration:1s!important}.SlideLeft.quick:nth-child(odd){animation-duration:.5s!important}.SlideDown{transform:translateY(-150px);opacity:0;animation:FadeIn 2.5s ease forwards}.SlideDown.quick{animation-duration:1s!important}.SlideDown:nth-child(odd){animation-duration:1.5s}@keyframes FadeIn{to{transform:translate(0);opacity:1}}.ScaleUp{opacity:0;transform:scale(0);animation:ScaleAnim 2.5s ease forwards}.ScaleUp.quick{animation-duration:1s!important}.ScaleUp.quick:nth-child(odd){animation-duration:.5s!important}.ScaleDown{opacity:0;transform:scale(2.5);animation:ScaleAnim 2.5s ease forwards}.ScaleDown.quick{animation-duration:1s!important}@keyframes ScaleAnim{to{transform:scale(1);opacity:1}}.FadeInVisible{opacity:1;animation:FadeInAnim .8s ease reverse}@keyframes FadeInAnim{to{width:200px;opacity:0}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:Raleway;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-family:Raleway!important}a{text-decoration:none;color:var(--clr-primary-link);cursor:pointer}a:hover{opacity:.8}a:active{opacity:.4}:root{--font-default-size: 16px;--max-layer-width: 80rem;--min-layer-width: 20rem;--host: "https://claramdsignage.com/" --default-padding: 1rem}@media screen and (min-width: 2080px){:root{font-size:24px;--font-default-size: 24px}}*{transition:all .5s;font-family:Montserrat}html,body{font-size:var(--font-default-size);width:100%;height:100%;min-width:var(--min-layer-width)}.app-base{display:flex;width:100%;min-height:100%;contain:paint}.layer-parent{display:flex;width:100%;justify-content:center;padding-inline:.5rem}.layer-content{width:100%;max-width:var(--max-layer-width);padding-inline:.8rem}@media screen and (min-width: 800px){.layer-content{padding-inline:0}}.layer-content-95{width:100%;max-width:calc(var(--max-layer-width) * .95)}.layer-content-80{width:100%;max-width:calc(var(--max-layer-width) * .8)}.layer-content-70{width:100%;max-width:calc(var(--max-layer-width) * .7)}.layer-content-50{width:100%;max-width:calc(var(--max-layer-width) * .5)}.layer-content-60{width:100%;max-width:calc(var(--max-layer-width) * .6)}.layer-content-40{width:100%;max-width:calc(var(--max-layer-width) * .4)}.layer-content-35{width:100%;max-width:calc(var(--max-layer-width) * .35)}::-webkit-scrollbar{--Size: .3rem;width:var(--Size);height:var(--Size)}::-webkit-scrollbar-track{background:var(--clr-primary-br)}::-webkit-scrollbar-thumb{background-color:var(--clr-primary-main)}.actions-button{--Size: 2rem;width:var(--Size);height:var(--Size);border:1px solid var(--clr-secondary-br);cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:70%}.actions-button.edit{background-image:url(/build/assets/edit-icon-Ca81FmuE.png)}.actions-button.edit:hover{background-image:url(/build/assets/edit-blue-icon-D1ZlrHwq.png)}.actions-button.refresh{background-color:#fafafa;background-image:url(/build/assets/restart-grey-icon-DUpYbW07.png)}.actions-button.refresh:hover{background-image:url(/build/assets/restart-blue-icon-CUaKXHI0.png)}.actions-button.duplicate{background-color:#fff;background-image:url(/assets/images/icons/duplicate-icon-gray.png)}.actions-button.duplicate:hover{background-image:url(/assets/images/icons/duplicate-icon-white.png)}.actions-button.remove{background-image:url(/build/assets/trash-gray-icon-DW15eh4F.png)}.actions-button.remove:hover{background-image:url(/build/assets/trash-red-icon-DoAc9dFt.png)}.link-button{--height: 2.7rem;--color: var(--clr-primary-link);display:flex;align-items:center;height:var(--height);padding:0 1rem;border:1px solid var(--color);text-decoration:none;font-size:.85rem;background:transparent;color:var(--color);cursor:pointer}.link-button:hover{opacity:.8}.link-button:active{opacity:.4}.label-button{--height: 2.7rem;--color: var(--clr-primary-link);--radius: .4rem;display:flex;align-items:center;height:var(--height);padding:0 1rem;border:0;text-decoration:none;font-size:.85rem;background:transparent;color:var(--color);cursor:pointer;font-weight:600;border-radius:var(--radius)}.label-button:hover{color:#fff;background-color:var(--color)}.label-button.link{cursor:pointer}.label-button.link:hover{opacity:.8}.label-button.link:active{opacity:.4}.label-button.danger{--color: var(--clr-danger-main)}.app-base,.dashboard-panel{display:flex;width:100%}.dashboard-panel .left-content{display:flex;flex-direction:column;background-color:var(--clr-quaternary-main);width:15rem;flex-shrink:0}.dashboard-panel .left-content .logo-panel{padding:.5rem 1rem;width:100%;height:5rem;background-color:#fff}.dashboard-panel .left-content .logo-panel a{width:100%;height:100%}.dashboard-panel .left-content .logo-panel a img{width:100%;height:100%;object-fit:contain}.dashboard-panel .left-content .menu-panel{flex:1}.dashboard-panel .left-content nav{display:flex;flex-direction:column;list-style-type:none}.dashboard-panel .left-content nav a{text-decoration:none}.dashboard-panel .left-content nav a li{--Size: 2.4rem;display:flex;align-items:center}.dashboard-panel .left-content nav a li:before{content:"";width:var(--Size);height:var(--Size);background-repeat:no-repeat;background-position:center;background-size:50%}.dashboard-panel .left-content nav a li label{display:flex;align-items:center;padding-inline:.5rem;font-size:.9rem;color:#fff;cursor:inherit;font-weight:500}.dashboard-panel .left-content nav a#screen-link li:before{background-image:url(/build/assets/screen-white-icon-BXUhrz6N.png)}.dashboard-panel .left-content nav a#playlist-link li:before{background-image:url(/build/assets/playlist-white-icon-BVUmWzdH.png)}.dashboard-panel .left-content nav a#views-link li:before{background-image:url(/build/assets/view-white-icon-SXxXZ5lD.png)}.dashboard-panel .left-content nav a#users-link li:before{background-image:url(/build/assets/users-white-icon-CGfVA33L.png)}.dashboard-panel .left-content nav a#logout-link li:before{background-image:url(/build/assets/logout-white-icon-BNmpoWz4.png)}.dashboard-panel .left-content nav a.selected,.dashboard-panel .left-content nav a:hover{background-color:#fff}.dashboard-panel .left-content nav a.selected li label,.dashboard-panel .left-content nav a:hover li label{color:var(--clr-quaternary-main)}.dashboard-panel .left-content nav a.selected#screen-link li:before,.dashboard-panel .left-content nav a:hover#screen-link li:before{background-image:url(/build/assets/screen-selected-icon-B5CuoEPF.png)}.dashboard-panel .left-content nav a.selected#playlist-link li:before,.dashboard-panel .left-content nav a:hover#playlist-link li:before{background-image:url(/build/assets/playlist-selected-icon-5PCFVd_z.png)}.dashboard-panel .left-content nav a.selected#views-link li:before,.dashboard-panel .left-content nav a:hover#views-link li:before{background-image:url(/build/assets/view-selected-icon-Cm6M6Vht.png)}.dashboard-panel .left-content nav a.selected#users-link li:before,.dashboard-panel .left-content nav a:hover#users-link li:before{background-image:url(/build/assets/users-selected-icon-XXodTcfJ.png)}.dashboard-panel .left-content nav a.selected#logout-link li:before,.dashboard-panel .left-content nav a:hover#logout-link li:before{background-image:url(/build/assets/logout-selected-icon-B8c9Z_vb.png)}.dashboard-panel .left-content .bottom-menu{border-top:1px solid var(--clr-primary-br)}.dashboard-panel .rightInsider{display:flex;flex:1}.dashboard-panel .right-content{display:flex;flex:1;background-color:var(--clr-primary-bg)}.dashboard-panel .right-content .content-insider{display:flex;width:100%;flex-direction:column}.dashboard-panel .right-content .content-insider .user-connection-panel{display:flex;justify-content:flex-end;padding:.25rem 1rem;border-bottom:1px solid var(--clr-primary-br);background-color:#484848}.dashboard-panel .right-content .content-insider .user-connection-panel .fields-wrapper{display:flex;gap:.5rem}.dashboard-panel .right-content .content-insider .user-connection-panel .fields-wrapper .field-column{display:flex;align-items:center;gap:.3ch}.dashboard-panel .right-content .content-insider .user-connection-panel .fields-wrapper .field-column .field-label{font-size:.85rem;color:#fff}.dashboard-panel .right-content .content-insider .user-connection-panel .fields-wrapper .field-column .field-value{font-size:.85rem;color:#fff;font-weight:600}.dashboard-panel .right-content .content-insider .panel-tools{display:flex;flex-grow:0;justify-content:space-between;align-items:center;padding:1rem 2rem;gap:.5rem}.dashboard-panel .right-content .content-insider .panel-tools h2{font-size:1.3rem;font-weight:500}.dashboard-panel .right-content .content-insider .panel-tools .tools-section{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.dashboard-panel .right-content .content-insider .panel-content{flex:1;padding:2rem}.dashboard-panel .right-content .content-insider .panel-content .panel-list{display:flex;flex-direction:column;list-style-type:none;width:100%}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item{--ItemHeight: 4.5rem;--ItemPadding: 0 1.5rem;display:flex;width:100%;line-height:1.5;border:1px solid var(--clr-primary-br);border-bottom-width:0;align-items:center;background-color:#fff;height:var(--ItemHeight)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .description{display:flex;flex-direction:column;flex:1;padding:var(--ItemPadding);height:100%;justify-content:center}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .description h3{display:flex;align-items:center;font-size:.95rem;font-weight:500;color:var(--clr-primary-tx)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .description h3 span.status{display:inline-flex;font-size:.7rem;padding:0 1ch;color:var(--clr-secondary-tx)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .description .bottom-section{display:flex}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .description .bottom-section p{font-size:.75rem;color:var(--clr-secondary-tx);margin-right:.5rem}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .online-tools{display:flex;border-inline:1px solid var(--clr-primary-br);height:100%;align-items:center}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .online-tools .online-status-wrapper{display:flex;height:100%;align-items:center;padding:var(--ItemPadding)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .online-tools .online-status-wrapper .online-status-component{padding:.5rem .8rem;border-radius:.45rem;font-size:.8rem;font-weight:600;background-color:var(--clr-secondary-bg);color:var(--clr-tertiary-tx)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .online-tools .online-status-wrapper .online-status-component.playing{background-color:var(--clr-secondary-main);color:var(--clr-quaternary-tx)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .online-tools .online-status-wrapper .online-status-component.starting{background-color:var(--clr-normal-main);color:var(--clr-quaternary-tx)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .online-tools .online-status-wrapper .online-status-component.creating{background-color:var(--clr-primary-main);color:var(--clr-quaternary-tx)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .online-tools .online-actions{display:flex;height:100%;border-left:1px solid var(--clr-primary-br);align-items:center;padding:var(--ItemPadding)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item .tools{display:flex;gap:.5rem;padding:var(--ItemPadding);height:100%;align-items:center}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover{opacity:.7;background-color:#f0f0f0}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .tools .actions-button,.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .online-tools .actions-button{background-color:#fff}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .tools .actions-button.duplicate:hover,.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .tools .actions-button.refresh:hover,.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .tools .actions-button.edit:hover,.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .online-tools .actions-button.duplicate:hover,.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .online-tools .actions-button.refresh:hover,.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .online-tools .actions-button.edit:hover{border-color:var(--clr-primary-link)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .tools .actions-button.remove:hover,.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:hover .online-tools .actions-button.remove:hover{border-color:var(--clr-danger-main)}.dashboard-panel .right-content .content-insider .panel-content .panel-list .panel-item:last-child{border-bottom-width:1px}.screen-component-body{display:flex;flex-direction:column}.screen-component-body .group-wrappers{display:flex;flex-direction:column;align-items:flex-start}.screen-component-body .group-wrappers .group-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1rem}.screen-component-body .group-wrappers .group-item .group-item-inner{display:inline-flex;align-items:center;justify-content:space-between;background:var(--clr-secondary-main);border-radius:.4rem;padding:.7rem 1.2rem;color:#fff;font-size:.8rem;min-width:14rem;font-weight:600;cursor:pointer}.screen-component-body .group-wrappers .group-item .group-item-inner:hover{opacity:.8}.screen-component-body .group-wrappers .group-item .group-item-inner:active{opacity:.4}.screen-component-body .group-wrappers .group-item .group-item-inner:after{--Size: .5rem;--Color: #ffffff;content:"";position:relative;width:var(--Size);height:var(--Size);border:2px solid;border-color:transparent var(--Color) var(--Color) transparent;rotate:-45deg;border-radius:.2rem}.screen-component-body .group-wrappers .group-item .group-items-wrapper{display:flex;flex-direction:column;width:100%;padding:.5rem .8rem;overflow:hidden;height:0;opacity:0}.screen-component-body .group-wrappers .group-item .group-items-wrapper .panel-item{border-bottom:0}.screen-component-body .group-wrappers .group-item.expanded .group-item-inner:after{translate:0 -25%;rotate:45deg}.screen-component-body .group-wrappers .group-item.expanded .group-items-wrapper{opacity:1;height:auto}.empty-screens-section{padding:.5rem;font-size:.85rem;color:var(--clr-primary-tx);border:1px solid var(--clr-primary-br);display:flex;align-items:center;background:var(--clr-secondary-bg)}.connection-blink{--LightSize: .8rem;--LightColor: #e3e3e3;display:flex;align-items:center;color:#fff;color:var(--LightColor);font-size:.85rem;font-weight:600}.connection-blink:before{content:"";width:var(--LightSize);height:var(--LightSize);border-radius:50%;margin-right:.3ch;background-color:var(--LightColor)}.connection-blink.connected{--LightColor: var(--clr-success-main)}.connection-blink.disconnected{--LightColor: var(--clr-danger-main)}.no-content-panel{display:flex;padding:1.5rem;background-color:var(--clr-secondary-bg)}.no-content-panel p{font-size:.85rem;color:var(--clr-secondary-tx)}.no-content-panel p a:hover{text-decoration:underline}.modal-element{position:fixed;top:0;left:0;width:0;height:100%;background-color:#00000073;display:flex;justify-content:center;align-items:center;opacity:0;transition:width 0s;transition:opacity .5s;z-index:5000}.modal-element .m-component{background-color:#fff;scale:5;opacity:0;transition:opacity .5s;transition:scale .25s}.modal-element.active{width:100%;opacity:1}.modal-element.active .m-component{opacity:1;scale:1}.title-space,.code-space{width:100%;max-width:30rem}.label-input-text{--InputSize: 2.5rem;width:100%;height:var(--InputSize)}.label-input-text input{width:100%;height:100%;border:1px solid transparent;background:transparent;font-size:1.1rem;outline:0}.label-input-text input:hover,.label-input-text input:focus{border-bottom-color:var(--clr-primary-br)}.dataValidation{display:inline-flex;padding:.3rem 0;font-size:.7rem;color:var(--clr-danger-main);line-height:1.5}.form-fieldsets-1{--inputHeight: 2.8rem;--borderRadius: .4rem;--mainPadding: 1.5rem 2.5rem;--mainGap: 1rem;display:flex;flex-direction:column;align-items:stretch;padding:var(--mainPadding);gap:var(--mainGap)}.form-fieldsets-1 .dual{display:flex;gap:var(--mainGap)}.form-fieldsets-1 .fieldset{display:flex;flex-direction:column;width:100%}.form-fieldsets-1 .fieldset .legend{display:flex;font-size:.83rem;color:var(--clr-secondary-tx);line-height:1.7}.form-fieldsets-1 .fieldset .input-wrapper{width:100%;height:var(--inputHeight)}.form-fieldsets-1 .fieldset .input-wrapper input,.form-fieldsets-1 .fieldset .input-wrapper select{width:100%;height:100%;border:1px solid var(--clr-primary-br);padding:0 1rem;border-radius:var(--borderRadius)}.form-fieldsets-1 .fieldset .submitter{width:100%;height:var(--inputHeight);border-radius:var(--borderRadius);border:0;background:var(--clr-secondary-main);color:#fff;font-weight:600;cursor:pointer}.form-fieldsets-1 .fieldset .submitter:hover{opacity:.8}.form-fieldsets-1 .fieldset .submitter:active{opacity:.4}.form-fieldsets-1 .fieldset .submitter:disabled{background-color:var(--clr-tertiary-bg);color:var(--clr-tertiary-tx)}.superior-prompter{position:fixed;top:0;left:0;width:100%;height:0;display:flex;overflow:visible;padding:0 1rem;flex-direction:column;z-index:10000}.superior-prompter .alert-prompter{position:relative;display:flex;margin:.3rem auto;width:100%;max-width:30rem;min-height:4rem;background-color:#fff;border-radius:.2rem;box-shadow:0 0 5px #00000040;transition-property:margin,opacity;transition-duration:1s,.35s;opacity:0;z-index:100;margin-top:-100%;height:0}.superior-prompter .alert-prompter .alert-icon{--IconSize: 2rem;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:5rem;border-left:5px solid}.superior-prompter .alert-prompter .alert-icon i{width:var(--IconSize);height:var(--IconSize);border-radius:50%}.superior-prompter .alert-prompter .alert-content{display:flex;flex-direction:column;padding:.5rem;line-height:1.4;justify-content:center;flex:1}.superior-prompter .alert-prompter .alert-content h2{font-size:.85rem;font-weight:500;margin-bottom:.1rem}.superior-prompter .alert-prompter .alert-content p{font-size:.7rem;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden;max-height:2.7rem}.superior-prompter .alert-prompter .alert-closer{display:flex;align-items:center;justify-content:center;width:4rem;flex-shrink:0;font-size:.8rem;border-left:1px solid var(--clr-primary-br);color:var(--clr-tertiary-tx);cursor:pointer;-webkit-user-select:none;user-select:none}.superior-prompter .alert-prompter .alert-closer:hover{background-color:var(--clr-secondary-bg);color:var(--clr-secondary-tx)}.superior-prompter .alert-prompter .alert-closer:active{opacity:.2}.superior-prompter .alert-prompter.success .alert-icon{border-color:var(--clr-success-main)}.superior-prompter .alert-prompter.success .alert-icon i{position:relative;background-color:var(--clr-success-main)}.superior-prompter .alert-prompter.success .alert-icon i:before{position:absolute;top:50%;left:50%;translate:-50% -75%;content:"";width:38%;height:20%;border:2px solid #fff;rotate:-45deg;border-color:transparent transparent #fff #fff}.superior-prompter .alert-prompter.success .alert-content h2{color:var(--clr-success-main)}.superior-prompter .alert-prompter.failed .alert-icon i,.superior-prompter .alert-prompter.normal .alert-icon i{position:relative}.superior-prompter .alert-prompter.failed .alert-icon i:before,.superior-prompter .alert-prompter.normal .alert-icon i:before{content:"!";position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700;font-family:Open Sans;rotate:0;translate:0}.superior-prompter .alert-prompter.failed .alert-icon{border-color:var(--clr-danger-main)}.superior-prompter .alert-prompter.failed .alert-icon i{background-color:var(--clr-danger-main)}.superior-prompter .alert-prompter.failed .alert-content h2{color:var(--clr-danger-main)}.superior-prompter .alert-prompter.normal .alert-icon{border-color:var(--clr-normal-main)}.superior-prompter .alert-prompter.normal .alert-icon i{background-color:var(--clr-normal-main)}.superior-prompter .alert-prompter.normal .alert-content h2{color:var(--clr-normal-main)}.superior-prompter .alert-prompter.running{height:5rem;position:relative;opacity:1;z-index:10000;margin-top:.3rem}@media screen and (max-width: 579px){.superior-prompter .alert-prompter{flex-direction:column}.superior-prompter .alert-prompter .alert-icon{width:100%;aspect-ratio:16/2}.superior-prompter .alert-prompter .alert-closer{width:100%;padding:.4rem}}.marquee-wrapper{margin-top:2rem;display:flex;flex-direction:column}.marquee-wrapper .marquee-header h2{font-size:1.1rem;font-weight:500}.marquee-wrapper .marquee-body{display:flex;justify-content:flex-start;padding-inline:0;padding:.7rem 0}.marquee-wrapper .marquee-body .marque-content-wrapper .fieldset .input-wrapper{display:flex;gap:.5rem}.marquee-wrapper .marquee-body .marque-content-wrapper .fieldset .input-wrapper button{border:0;background:var(--clr-tertiary-bg);aspect-ratio:1;flex-shrink:0;border-radius:.3rem;background-size:45%;background-repeat:no-repeat;background-position:center;background-image:url(/build/assets/remove-trash-icon-YBqUQELQ.png);cursor:pointer}.marquee-wrapper .marquee-body .marque-content-wrapper .fieldset .input-wrapper button:hover{opacity:.8}.marquee-wrapper .marquee-body .marque-content-wrapper .fieldset .input-wrapper button:active{opacity:.4}.marquee-wrapper .marquee-body .marque-content-wrapper .fieldset:first-child .input-wrapper button{display:none}.marquee-wrapper .marquee-body .submitter-fieldset{display:flex;justify-content:flex-start}.marquee-wrapper .marquee-body .submitter-fieldset button{max-width:10rem}.secondary-buttons{border:0;background:var(--clr-primary-main);color:#fff;border-radius:.3rem;padding:.8rem;font-weight:700;cursor:pointer}.secondary-buttons:hover{opacity:.8}.secondary-buttons:active{opacity:.4}.resource-modal{--CommonLateralPadding: 1rem;padding:1.5rem}.resource-modal .m-component{--Max-Width: 55rem;display:flex;flex-direction:column;width:100%;height:100%;max-width:var(--Max-Width);max-height:40rem;border-radius:.4rem}.resource-modal .m-component header.modal-header{--HeaderSize: 2.8rem;display:flex;width:100%;height:var(--HeaderSize);border-bottom:1px solid var(--clr-primary-br)}.resource-modal .m-component header.modal-header .head-content{display:flex;flex:1}.resource-modal .m-component header.modal-header .head-content h2{display:flex;padding-inline:var(--CommonLateralPadding);align-items:center;font-size:1rem;font-weight:600;color:var(--clr-secondary-tx)}.resource-modal .m-component header.modal-header .closer{--crossColor: var(--clr-primary-tx);width:var(--HeaderSize);height:var(--HeaderSize);border-left:1px solid var(--crossColor);overflow:hidden;cursor:pointer;--crossWidth: 70%;--crossDepth: 3px;--crossColor: var(--clr-primary-br);position:relative}.resource-modal .m-component header.modal-header .closer:before,.resource-modal .m-component header.modal-header .closer:after{content:"";position:absolute;top:50%;left:50%;width:var(--crossWidth);height:var(--crossDepth);background-color:var(--crossColor);translate:-50% -50%}.resource-modal .m-component header.modal-header .closer:before{rotate:45deg}.resource-modal .m-component header.modal-header .closer:after{rotate:-45deg}.resource-modal .m-component header.modal-header .closer:hover{background-color:#fafafa;animation:blinkinAnimation var(--dur-slow);animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:infinite}.resource-modal .m-component section.modal-body{flex:1;display:flex;overflow:auto}.resource-modal .m-component.middle{--Max-Width: 40rem}.resource-modal .m-component.small{--Max-Width: 30rem}.resource-modal .m-component.autoHeight{height:auto}.files-uploader-section{display:flex;flex:1;padding:2rem}.files-uploader-section .files-trigger-zone{display:flex;align-items:center;justify-content:center;flex:1}.files-uploader-section .files-trigger-zone .trigger-section{position:relative;flex:1;display:flex;flex-direction:column;width:100%;max-width:35rem;border:2px dashed var(--clr-primary-br);border-radius:.2rem;padding:2.5rem;align-items:center;justify-content:center}.files-uploader-section .files-trigger-zone .trigger-section input[type=file]{position:absolute;opacity:0;z-index:-10}.files-uploader-section .files-trigger-zone .trigger-section .no-file-content{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;height:auto;top:0}.files-uploader-section .files-trigger-zone .trigger-section .no-file-content img{width:5rem;object-fit:contain;opacity:.8}.files-uploader-section .files-trigger-zone .trigger-section .no-file-content span{display:flex;font-size:.85rem;line-height:1.5;color:var(--clr-primary-tx)}.files-uploader-section .files-trigger-zone .trigger-section .no-file-content span.divider{font-size:.8rem;margin:1rem;color:var(--clr-secondary-tx)}.files-uploader-section .files-trigger-zone .trigger-section .no-file-content .uploaderButton{position:relative}.files-uploader-section .files-trigger-zone .trigger-section .no-file-content .uploaderButton label.uploadTrigger{display:flex;border-radius:.4rem;padding:.8rem 2.5rem;background-color:var(--clr-primary-main);color:#fff;font-size:.9rem;cursor:pointer}.files-uploader-section .files-trigger-zone .trigger-section .no-file-content .uploaderButton label.uploadTrigger:hover{opacity:.8}.files-uploader-section .files-trigger-zone .trigger-section .no-file-content .uploaderButton label.uploadTrigger:active{opacity:.4}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper{display:flex;flex-direction:column;width:100%;align-items:center;opacity:0;top:10rem;height:0}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .file-description{display:flex;width:100%;padding:1rem;max-width:28rem;flex-direction:column}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .file-description p{font-size:.85rem;line-height:1.5}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .file-description .file-list{width:100%;display:flex;justify-content:space-between;list-style-type:none;flex-direction:column}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .file-description .file-list .file-item{flex:1;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--clr-primary-br);padding:.5rem;border-radius:.3rem}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .file-description .file-list .file-item .file-information{flex:1;display:flex;height:100%;align-items:center}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .file-description .file-list .file-item .file-information .preview-content{display:flex;flex-shrink:0;height:90%;margin-right:1ch;aspect-ratio:16/9;max-width:5rem;border-radius:.3rem;overflow:hidden;min-width:4rem}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .file-description .file-list .file-item .file-information .preview-content img{display:flex;object-fit:cover;width:100%;height:100%}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .file-description .file-list .file-item .file-information .name-wrapper{font-size:.75rem;color:var(--clr-primary-tx)}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .file-description .file-list .file-item .remove-wrapper button{--size: 2rem;width:var(--size);height:var(--size);border:1px solid var(--clr-danger-main);background:url(/build/assets/trash-red-icon-DoAc9dFt.png) no-repeat center;background-size:contain}.files-uploader-section .files-trigger-zone .trigger-section .file-content-wrapper .fieldset{padding:0 1rem 2rem}.files-uploader-section.selected .files-trigger-zone .trigger-section .no-file-content{top:-10rem;opacity:0;height:0}.files-uploader-section.selected .files-trigger-zone .trigger-section .file-content-wrapper{opacity:1;top:0;height:auto}.files-uploader-section.loading .files-trigger-zone .trigger-section .no-file-content,.files-uploader-section.loading .files-trigger-zone .trigger-section .file-content-wrapper{display:none}.files-uploader-section .loading-file-section{display:none;flex-direction:column}.files-uploader-section .loading-file-section .loading-component{display:flex;width:100%;max-width:15rem;height:.8rem;border-radius:.3rem;border:1px solid var(--clr-primary-main);margin-bottom:.5rem;overflow:hidden}.files-uploader-section .loading-file-section .loading-component:before{animation:loadingBarComponent 2s ease-in-out infinite forwards;content:"";width:30%;height:100%;background-color:var(--clr-secondary-main)}.files-uploader-section .loading-file-section .loading-label-wrapper p{font-size:.8rem;color:var(--clr-secondary-tx)}.files-uploader-section.loading .loading-file-section{display:flex}.screen-layout-content .screen-layouts-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);padding:1rem;overflow:auto}.screen-layout-content .screen-layouts-wrapper .screen-layout-selector{position:relative;width:100%;height:100%;padding:.5rem;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:.5rem}.screen-layout-content .screen-layouts-wrapper .screen-layout-selector input[type=radio]{opacity:0;position:absolute}.screen-layout-content .screen-layouts-wrapper .screen-layout-selector span.layout-title{position:absolute;display:flex;align-items:center;justify-content:center;line-height:1.5;top:50%;left:50%;background-color:#000000f2;translate:-50% -50%;font-size:.7rem;font-weight:500;padding:.5rem;color:#fff;opacity:.7;text-align:center;opacity:0;pointer-events:none;cursor:pointer}.screen-layout-content .screen-layouts-wrapper .screen-layout-selector .layout-component{--gap: .15rem;box-shadow:none}.screen-layout-content .screen-layouts-wrapper .screen-layout-selector:hover{background-color:var(--clr-primary-opa-1);border-color:var(--clr-primary-link)}.screen-layout-content .screen-layouts-wrapper .screen-layout-selector:hover .layout-component{--centerColor: #fff;--sideColor: #fff}.screen-layout-content .screen-layouts-wrapper .screen-layout-selector input:checked+.layout-component{--centerColor: #fff;--sideColor: #fff;background-color:var(--clr-primary-opa-1);border-color:var(--clr-primary-link);border-width:4px}.screen-layout-content .screen-layouts-wrapper .screen-layout-selector input:checked+.layout-component+.layout-title{opacity:1}.modal-dual-body{flex:1;display:flex;flex-direction:column}.modal-dual-body .modal-dual-content{flex:1}.modal-dual-body .modal-dual-bottom{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding-inline:1rem;height:4rem;flex-shrink:0;background-color:var(--clr-secondary-bg)}.layout-schema-selector{padding:2rem 1rem}.selector-fieldset{--InputSize: 2.5rem}.selector-fieldset .legend{display:inline-flex;font-size:.85rem;margin-bottom:.3rem;color:var(--clr-primary-tx)}.selector-fieldset select,.selector-fieldset input{width:100%;height:var(--InputSize);border:1px solid var(--clr-primary-br);padding:0 .4rem;border-radius:.2rem;color:var(--clr-secondary-tx)}.resource-element{display:flex;border:1px solid var(--clr-primary-br)}.resource-element .resource-insider{flex:1;display:flex}.resource-element .resource-insider .resource-preview{height:100%;width:100%;max-width:4rem;overflow:hidden}.resource-element .resource-insider .resource-preview img{width:100%;height:100%;object-fit:contain;background-color:#000}.resource-element .resource-insider .resource-information{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:.5rem;line-height:1.3}.resource-element .resource-insider .resource-information h4{font-size:.85rem;font-weight:500;color:var(--clr-primary-tx)}.resource-element .resource-insider .resource-information .secondary-info p{font-size:.65rem;color:var(--clr-secondary-tx)}.resource-element .resource-insider .resource-information .secondary-info p span.legend{font-weight:600;margin-right:.5ch}.youtube-form .youtube-preview{width:100%}.youtube-form .youtube-preview .preview{width:100%;aspect-ratio:16/9;margin-bottom:.5rem}.youtube-form .youtube-preview .preview iframe{width:100%;height:100%}.youtube-form .video-description-wrapper .youtube-title{font-size:1.1rem;margin-bottom:.7rem;line-height:1.5}.youtube-form .video-description-wrapper .youtube-description{font-size:.8rem;max-height:5rem;overflow:hidden;line-height:1.5}.resource-video-wrapper{display:flex;flex-direction:column;width:100%}.resource-video-wrapper .description-wrapper{display:flex;padding:1rem;justify-content:space-between;width:100%}.resource-video-wrapper .description-wrapper .fieldset{display:flex;flex-direction:column;line-height:1.5;width:50%}.resource-video-wrapper .description-wrapper .fieldset span.legend{font-size:.8rem}.resource-video-wrapper .description-wrapper .fieldset span.value{font-size:1rem;font-weight:500}.resource-video-wrapper .video-wrapper{display:flex;width:100%;padding:1rem}.resource-video-wrapper .video-wrapper video.video-player-content{width:100%;aspect-ratio:16/9}.resource-video-wrapper.youtube .description-wrapper .fieldset{width:100%}.resource-video-wrapper.youtube .video-wrapper{width:100%;aspect-ratio:16/9}.resource-video-wrapper.youtube .video-wrapper iframe{width:100%;height:100%}.playlist-screen{display:flex;flex:1;max-height:100vh;overflow:auto}.playlist-screen .playlist-content-panel{flex:1;overflow-y:auto}.playlist-screen .resources-panel{--mainPadding: 1rem;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;max-width:22rem;border-left:1px solid var(--clr-primary-br)}.playlist-screen .resources-panel .panel-header{display:flex;flex-direction:column;border-bottom:1px solid var(--clr-primary-br)}.playlist-screen .resources-panel .panel-header .sec-title{padding:var(--mainPadding)}.playlist-screen .resources-panel .panel-header .sec-title h3{font-size:1rem;font-weight:500}.playlist-screen .resources-panel .panel-header .sec-tools{display:flex;justify-content:space-between;padding-inline:var(--mainPadding);padding-block-end:var(--mainPadding)}.playlist-screen .resources-panel .panel-header .sec-tools .link-button{font-size:.75rem;line-height:1.5}.playlist-screen .resources-panel .panel-body{flex:1;display:flex;flex-direction:column;overflow:auto}.playlist-screen .resources-panel .panel-body .body-header{padding:var(--mainPadding)}.playlist-screen .resources-panel .panel-body .body-header h5{font-size:.8rem;font-weight:400;color:var(--clr-secondary-tx)}.playlist-screen .resources-panel .panel-body .body-content{display:flex;flex-direction:column;flex:1;overflow:auto;padding:var(--mainPadding);gap:.5rem}.directory-element{--Size: 2.4rem;display:flex}.directory-element input[type=radio]{position:absolute;opacity:0;z-index:-10}.directory-element .directory-insider{position:relative;display:flex;flex-direction:column;width:100%;border:1px solid var(--clr-primary-br)}.directory-element .directory-insider .directory-insider{border-left-width:2px}.directory-element .directory-insider .directory-item{display:flex;align-items:center;width:100%;height:var(--Size);padding:0 .7rem;gap:.5rem;background-color:#fff}.directory-element .directory-insider .directory-item:before{--iconSizeMultiplier: .6;content:"";width:calc(var(--Size) * var(--iconSizeMultiplier));height:calc(var(--Size) * var(--iconSizeMultiplier));background-image:url(/build/assets/folder-closed-icon-CaQ50BPC.png);background-size:contain;background-position:center;background-repeat:no-repeat}.directory-element .directory-insider .directory-item span.directory-label{font-size:.85rem;color:var(--clr-secondary-tx)}.directory-element .directory-insider .directory-content{opacity:0;overflow:auto;height:0;flex-direction:column;gap:.3rem;padding:.2rem;display:none;background-color:var(--clr-primary-bg)}.directory-element input[type=radio]:checked+.directory-insider{border-color:var(--clr-primary-main)}.directory-element input[type=radio]:checked+.directory-insider>.directory-item{background-color:var(--clr-primary-main)}.directory-element input[type=radio]:checked+.directory-insider>.directory-item>span.directory-label{color:#fff}.directory-element input[type=radio]:checked+.directory-insider>.directory-item:before{background-image:url(/build/assets/folder-open-icon-VnuFTgqe.png)}.directory-element.expanded>.directory-insider>.directory-item{border-bottom:1px solid var(--clr-primary-br)}.directory-element.expanded>.directory-insider>.directory-content{height:auto;opacity:1;display:flex}.directory-position{font-size:.85rem}.directory-position span{font-weight:600;margin-right:1ch}.screen-page{display:flex}.screen-page .left-panel{min-width:38rem}.screen-page .left-panel .layout-component{--gap: .3rem;border-color:transparent}.screen-page .left-panel .screen-tools-wrapper{display:flex;justify-content:space-between}.screen-page .left-panel .bottom-tools{display:flex;justify-content:space-between;margin-top:1rem}.screen-page .right-panel{flex:1;padding:0 1rem}.screen-page .right-panel .info-panel{max-width:25rem;display:flex;flex-direction:column;gap:.5rem}.info-table{border:1px solid var(--clr-primary-br);background-color:#fff}.info-table .info-set{display:flex;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--clr-primary-br)}.info-table .info-set:last-child{border:0}.info-table .info-set .label,.info-table .info-set .value{font-size:.8rem}.info-table .info-set .label{color:var(--clr-secondary-tx)}.info-table .info-set .value{color:var(--clr-primary-tx);font-weight:600;font-size:.85rem}.row-data{display:flex;padding:1rem 1.5rem;justify-content:space-between;background:#fff;box-shadow:0 0 3px #00000040;gap:1.5rem}.row-data span,.row-data a{font-size:.8rem}.row-data span.legend,.row-data a.legend{color:var(--clr-secondary-tx)}.row-data span.value,.row-data a.value{text-decoration:none;cursor:pointer;color:var(--clr-primary-link)}.row-data span.value:hover,.row-data a.value:hover{opacity:.8}.row-data span.value:active,.row-data a.value:active{opacity:.4}.row-data span.value:hover,.row-data a.value:hover{text-decoration:underline}.login-screen{display:flex;width:100%;min-height:100%;background-color:var(--clr-secondary-bg);overflow:auto;justify-content:center;align-items:center}.login-screen .form-wrapper{display:flex;flex-direction:column;width:100%;max-width:30rem;border-radius:1rem;overflow:hidden;background-color:var(--clr-primary-bg);box-shadow:0 0 3px #00000026}.login-screen .form-wrapper .logo-wrapper{display:flex;padding:1rem;align-items:center;justify-content:center;background-color:var(--clr-primary-main)}.login-screen .form-wrapper .logo-wrapper img{aspect-ratio:16/9;height:5rem}.playlist-screen,.playlist-screen .playlist-content-panel{display:flex;overflow-x:hidden}.playlist-screen .playlist-content-panel form{display:flex;width:100%}.playlist-screen .playlist-content-panel .playlist-page-content{display:flex;justify-content:center;flex-direction:column;height:100%}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-tools-section{display:flex;justify-content:space-between;padding-bottom:1rem}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper{flex:1;display:flex;flex-direction:column;width:100%}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper .empty-content{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;line-height:1.5;background-color:var(--clr-secondary-bg)}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper .empty-content:before{--Size: 5rem;content:"";width:var(--Size);height:var(--Size);margin-bottom:.5rem;background:url(/build/assets/playlist-empty-icon-BiwPiH_2.png) no-repeat center;background-size:contain}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper .empty-content h3{font-size:1.2rem;font-weight:500;color:var(--clr-primary-tx)}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper .empty-content p{font-size:.85rem;color:var(--clr-secondary-tx)}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper .list-content{display:flex;flex-direction:column;justify-content:start;align-items:stretch;padding-bottom:1rem}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper .list-content .playlist-resource-item:last-child{border-bottom-width:1px}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper.empty{height:100%}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper.empty .empty-content{display:flex}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper.empty .list-content{padding-bottom:0}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper.dragging-over .empty-content{display:none}.playlist-screen .playlist-content-panel .playlist-page-content .playlist-wrapper.dragging-over .list-content{height:100%}.playlist-resource-item{--height: 3.5rem;position:relative;display:flex;border:1px solid var(--clr-primary-br);align-items:center;height:var(--height);background-color:#fff;border-bottom-width:0;z-index:10}.playlist-resource-item .playlist-order{display:flex;justify-content:center;align-items:center;padding:0 1rem;font-size:.8rem;font-weight:500}.playlist-resource-item .playlist-preview{display:flex;height:70%;aspect-ratio:16/9;border:1px solid var(--clr-primary-br)}.playlist-resource-item .playlist-preview img{width:100%;height:100%;object-fit:cover}.playlist-resource-item .playlist-description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.3;flex:1;padding:1rem .7rem;width:100%;overflow:hidden}.playlist-resource-item .playlist-description .inner-content h3{font-size:.85rem;font-weight:500;color:var(--clr-primary-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.playlist-resource-item .playlist-description .inner-content p{font-size:.7rem;color:var(--clr-secondary-tx)}.playlist-resource-item .playlist-description .placeholder-content{display:none}.playlist-resource-item .playlist-description .placeholder-content p{font-size:.85rem;color:var(--clr-tertiary-tx)}.playlist-resource-item.placeholder .playlist-order{color:var(--clr-tertiary-tx)}.playlist-resource-item.placeholder .playlist-preview{border:2px dashed var(--clr-primary-br)}.playlist-resource-item.placeholder .playlist-preview img,.playlist-resource-item.placeholder .inner-content{display:none}.playlist-resource-item.placeholder .placeholder-content{display:flex}.playlist-resource-item .playlist-actions{padding:0 .7rem;flex-shrink:0}.playlist-resource-item .playlist-actions button{--size: 1.8rem;width:var(--size);height:var(--size);background-color:var(--clr-secondary-bg);background-repeat:no-repeat;background-position:center;border:0;border-radius:.2rem;cursor:pointer}.playlist-resource-item .playlist-actions button.options{background-image:url(/build/assets/resource-settings-options-icon-BC6Z0s4s.png);background-size:70%;opacity:.5;background-color:#fff}.playlist-resource-item .playlist-actions button.remove-trigger{background-image:url(/build/assets/remove-trash-icon-YBqUQELQ.png);background-size:70%;opacity:.3}.playlist-resource-item .playlist-actions button:hover{opacity:1}.playlist-resource-item .playlist-actions button:active{opacity:.1}.playlist-resource-item .custom-options-panel{position:absolute;top:100%;width:100%;height:0;border-bottom:1px solid var(--clr-primary-br);border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;background-color:var(--clr-secondary-bg);z-index:2000;opacity:0;padding:1rem}.playlist-resource-item .custom-options-panel .no-options-text{font-size:.85rem;color:var(--clr-secondary-tx)}.playlist-resource-item .custom-options-panel .fieldset{width:50%}.playlist-resource-item .custom-options-panel .fieldset.label-input-text{height:auto}.playlist-resource-item .custom-options-panel .fieldset .legend{font-size:.7rem;color:var(--clr-secondary-tx)}.playlist-resource-item .custom-options-panel .fieldset input{padding:.7rem 0 .3rem;font-size:.8rem;font-weight:500;border-bottom-color:#c3c3c3}.playlist-resource-item.moving{opacity:.7;background-color:var(--clr-secondary-bg)}.playlist-resource-item.moving .custom-options-panel{display:none}.playlist-resource-item.showing-options{z-index:11}.playlist-resource-item.showing-options .custom-options-panel{height:auto;opacity:1}.layout-component{--refSize: .75rem;--centerColor: #e3e3e3;--sideColor: #d3d3d3;--gap: .1rem;--minSize: 10%;display:flex;flex-direction:column;border:1px solid var(--clr-primary-br);width:100%;aspect-ratio:16/9;gap:var(--gap);cursor:pointer}.layout-component .empty-layout-wrapper{display:flex;flex:1;justify-content:center;background-color:var(--clr-secondary-bg)}.layout-component p.empty-label-prompter{padding-block:2rem;justify-self:center;align-self:center;font-size:.85rem;color:var(--clr-secondary-tx)}.layout-component .middle{display:flex;flex:1;gap:var(--gap)}.layout-component .layout-item--top,.layout-component .layout-item--center,.layout-component .layout-item--right,.layout-component .layout-item--bottom,.layout-component .layout-item--left{display:flex;align-items:center;justify-content:center}.layout-component .layout-item--top .content-descriptor,.layout-component .layout-item--center .content-descriptor,.layout-component .layout-item--right .content-descriptor,.layout-component .layout-item--bottom .content-descriptor,.layout-component .layout-item--left .content-descriptor{background-color:#707070;display:inline-flex;padding:.2rem .5rem;align-items:center;display:none}.layout-component .layout-item--top .content-descriptor span,.layout-component .layout-item--center .content-descriptor span,.layout-component .layout-item--right .content-descriptor span,.layout-component .layout-item--bottom .content-descriptor span,.layout-component .layout-item--left .content-descriptor span{font-size:.7rem;color:#fff;margin:0 1ch}.layout-component .layout-item--top .content-descriptor span.legend,.layout-component .layout-item--center .content-descriptor span.legend,.layout-component .layout-item--right .content-descriptor span.legend,.layout-component .layout-item--bottom .content-descriptor span.legend,.layout-component .layout-item--left .content-descriptor span.legend{font-weight:600;display:inline-flex}.layout-component .layout-item--top{width:100%;min-height:var(--minSize);background:var(--sideColor)}.layout-component .layout-item--center{flex:1;background:var(--centerColor)}.layout-component .layout-item--right{background:var(--sideColor);min-width:var(--minSize)}.layout-component .layout-item--bottom{background:var(--sideColor);min-height:var(--minSize)}.layout-component .layout-item--left{height:100%;min-width:var(--minSize);background:var(--sideColor)}.screen-page .layout-component .layout-item--top:hover,.screen-page .layout-component .layout-item--center:hover,.screen-page .layout-component .layout-item--right:hover,.screen-page .layout-component .layout-item--bottom:hover,.screen-page .layout-component .layout-item--left:hover{box-shadow:0 0 5px #00000040;opacity:.7;border:1px solid #717171}.screen-page .layout-component .layout-item--top:hover .content-descriptor,.screen-page .layout-component .layout-item--center:hover .content-descriptor,.screen-page .layout-component .layout-item--right:hover .content-descriptor,.screen-page .layout-component .layout-item--bottom:hover .content-descriptor,.screen-page .layout-component .layout-item--left:hover .content-descriptor{display:inline-flex}.loading-tab{--margin: .7rem;--loadingCircle: 2.5rem;position:absolute;bottom:var(--margin);right:var(--margin);border:1px solid var(--clr-primary-br);box-shadow:0 0 5px #00000026;padding:1rem;display:flex;align-items:center;background-color:var(--clr-primary-main)}.loading-tab .loading-icon{--border: .2rem;position:relative;display:flex;width:var(--loadingCircle);height:var(--loadingCircle);border:var(--border) solid var(--clr-primary-br);border-radius:50%}.loading-tab .loading-icon:before{--position: calc(var(--border) * -1.155);position:absolute;top:var(--position);left:var(--position);content:"";border:.3rem solid transparent;border-right-color:#fff;border-radius:50%;width:100%;height:100%;animation:rotatingAnim var(--dur-normal);animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:infinite}.loading-tab .loading-legend{padding-inline:.5rem;font-size:.85rem;color:var(--clr-primary-bg);font-weight:600}