@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";table:not(.default){width:100%;border-collapse:collapse;background-color:#fff;color:var(--k-dark)}table:not(.default) th,table:not(.default) td{padding:10px}table:not(.default) th{font-weight:800;text-align:left;position:relative;border-bottom:solid 1px var(--k-lightgray)}table:not(.default) th.sortable{cursor:pointer}table:not(.default) th.sortable:before,table:not(.default) th.sortable:after{content:"";width:10px;height:5px;background-color:#000;position:absolute;top:calc(50% - 6.5px);right:5px;clip-path:polygon(50% 0%,100% 100%,50% 80%,0 100%)}table:not(.default) th.sortable:after{top:calc(50% + 1px);transform:rotate(180deg)}table:not(.default) th.sort-asc:before{display:none}table:not(.default) th.sort-desc:after{display:none}table:not(.default).alternate tbody tr:nth-child(2n){background-color:var(--k-lightgray-light)}table:not(.default) tbody tr:hover{background-color:var(--k-lightblue)!important}@media screen and (max-width: 1080px){table:not(.default) th,table:not(.default) td{padding:10px;font-size:.9rem}}@media screen and (max-width: 700px){table:not(.default) th,table:not(.default) td{padding:5px;font-size:.85rem}}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Light-DlXMI-yU.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-LightItalic-BBGxubWq.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Regular-D14tH6yt.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Italic-BxSEJX07.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Bold-BGoo8i9Y.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-BoldItalic-DiND6kz9.ttf) format("truetype");font-weight:700;font-style:italic}:root{--k-dark-dark: #19272D;--k-dark: #22373F;--k-dark-light: #345460;--k-cyan-dark: #2B9A9C;--k-cyan: #36C1C4;--k-gray-dark: #616970;--k-gray: #6C757D;--k-lightgray: #B6B6B6;--k-lightgray-light: #E8F2F2;--k-lightblue: #C3E0E2;--k-green: #7CCB14;--k-green-dark: #609d0f;--k-red: #DF2858;--k-red-dark: #b91b45;--k-blue: #2B9CFC;--k-blue-dark: #0384f1;--k-yellow: #FFC910;--k-yellow-dark: #dcaa00;--k-orange: #DE6046;--k-gold: gold;--k-silver: silver;--k-bronze: #cd7f32;background-color:#22373f}:root{font-family:Ubuntu,sans-serif;font-size:.9rem;color:#fff}:root h1{font-family:Ubuntu,sans-serif;color:#fff;font-size:1.5rem;font-weight:700}:root h2{font-family:Ubuntu,sans-serif;color:#fff;font-size:1.25rem;font-weight:700}:root h3{font-family:Ubuntu,sans-serif;color:#fff;font-weight:500;font-size:1rem}*{font-family:Ubuntu,sans-serif;font-weight:400;font-style:normal;box-sizing:border-box}* body{margin:0}* section{padding:20px}* section h1{font-weight:600;color:#fff;text-align:center;margin:0;margin-bottom:1rem}#main{width:100%;height:100vh;overflow:auto}#main:has(>#root,>.login-sign-up-wrapper,>.sidebar-wrapper-pc,>.sidebar-wrapper-mobile){background-image:url(/assets/bubble-background.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (max-width: 768px){#main:has(>#root,>.login-sign-up-wrapper,>.sidebar-wrapper-pc,>.sidebar-wrapper-mobile){background-image:url(/assets/bubble-background-small.jpg)}}@media screen and (max-width: 500px){section{padding:10px}}input{display:block;width:100%;padding:10px;margin:0;border:0;box-sizing:border-box;border-radius:5px;outline:none;background:none;transition:border-color linear .3s;border:solid var(--k-lightgray) 1px;color:var(--k-gray)}input.errored{border-color:var(--k-red)}input.disabled{background:var(--k-lightgray);color:var(--k-gray)!important;-webkit-user-select:none;user-select:none;cursor:not-allowed}.form{background-color:#fff;padding:1rem;border-radius:.75rem}.sso{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;padding:.75rem}.sso a{background:#fff;border:solid 2px var(--k-lightgray);border-radius:50%;overflow:hidden;width:45px;height:45px;padding:5px;transition:background-color .2s ease-in-out}.sso a img{object-fit:contain;width:100%;height:100%}.sso a:hover{background:var(--k-lightgray-light)}.sso #linkedIn-sso{background-color:#0e76a8}.sso #linkedIn-sso img{background-color:#fff}.sso #microsoft-sso img{padding:2px}.k-btn{padding:10px;font-weight:600;width:fit-content;cursor:pointer;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;border-radius:8px;border:unset;background-color:#36c1c4}.k-btn{font-family:Ubuntu,sans-serif;font-size:.9rem;color:#fff}.k-btn:not(:disabled):hover{background-color:#2b9a9c}.k-btn svg{width:1.2em;height:1.2em;max-width:24px;max-height:24px}.k-btn.secondary{background-color:#6c757d}.k-btn.secondary:not(:disabled):hover{background-color:#616970}.k-btn.dangerous{background-color:#df2858}.k-btn.dangerous:not(:disabled):hover{background-color:#b91b45}.k-btn.outline{background-color:transparent;border:1px solid #36C1C4;color:#36c1c4}.k-btn.outline:not(:disabled):hover{background-color:#36c1c4;color:#fff}.k-btn.outline.secondary{background-color:transparent;border:1px solid #6C757D;color:#6c757d}.k-btn.outline.secondary:not(:disabled):hover{background-color:#616970;color:#fff}.k-btn.outline.dangerous{background-color:transparent;border:1px solid #DF2858;color:#df2858}.k-btn.outline.dangerous:not(:disabled):hover{background-color:#b91b45;color:#fff}.k-btn:disabled{opacity:.5;cursor:default}.login-sign-up-wrapper{max-width:400px;margin:auto;padding:100px 10px;display:flex;flex-direction:column;gap:1rem}.login-sign-up-wrapper>.k-khubs{margin-bottom:1rem;width:100%!important}.login-sign-up-wrapper>.login,.login-sign-up-wrapper>.sign-up{background-color:#fff;border-radius:.75rem;display:block;color:var(--k-dark);padding:1rem .5rem}.login-sign-up-wrapper>.login>.khubs-logo,.login-sign-up-wrapper>.sign-up>.khubs-logo{display:block;margin:1rem auto;width:80%}.login-sign-up-wrapper>.login h1,.login-sign-up-wrapper>.sign-up h1{color:var(--k-dark);text-align:center;font-size:1.2rem;margin:0}.login-sign-up-wrapper>.login>span,.login-sign-up-wrapper>.sign-up>span{display:block;margin:10px 0;font-size:.9rem;text-align:center}.login-sign-up-wrapper>.login>span a,.login-sign-up-wrapper>.sign-up>span a{font-weight:700;color:var(--k-cyan)}.login-sign-up-wrapper>.login>span a:hover,.login-sign-up-wrapper>.sign-up>span a:hover{color:var(--k-cyan-dark)}.login-sign-up-wrapper>.login form,.login-sign-up-wrapper>.sign-up form{display:flex;flex-direction:column;gap:.75rem}.login-sign-up-wrapper>.login form>*,.login-sign-up-wrapper>.sign-up form>*{border-radius:.5rem}.login-sign-up-wrapper>.login form button,.login-sign-up-wrapper>.sign-up form button{width:100%}.login-sign-up-wrapper>.login form input,.login-sign-up-wrapper>.sign-up form input{background-color:#fff!important;padding:.5rem 1rem;font-size:1.1rem}.login-sign-up-wrapper>.login .sign-with,.login-sign-up-wrapper>.sign-up .sign-with{position:relative;overflow:hidden;text-align:center;margin:0 1.1rem;max-width:100%;color:var(--k-lightgray)}.login-sign-up-wrapper>.login .sign-with:before,.login-sign-up-wrapper>.login .sign-with:after,.login-sign-up-wrapper>.sign-up .sign-with:before,.login-sign-up-wrapper>.sign-up .sign-with:after{content:"";position:absolute;top:50%;width:calc(50% - 10px);height:2px;margin:0 10px;background-color:var(--k-lightgray)}.login-sign-up-wrapper>.login .sign-with:before,.login-sign-up-wrapper>.sign-up .sign-with:before{margin-left:-50%;text-align:right}.login-sign-up-wrapper>.login button[type=submit],.login-sign-up-wrapper>.sign-up button[type=submit]{text-transform:uppercase;font-size:1rem}.k-khubs{width:100px;display:inline-block}.k-khubs.clickable{cursor:pointer}.k-khubs.logo,.k-khubs.logo-full{width:200px}#root{width:100%;height:100%;position:relative}#root .content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%}#root .content>.k-khubs{width:21rem;margin-bottom:2.5rem;max-width:100%}#root .content .form-container{background-color:#fff;padding:1.5rem 2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.75rem}#root .content .form-container>.start-capsule{width:100%;color:#fff;font-weight:700;font-size:1.2rem;text-transform:uppercase;position:relative;margin-bottom:.5rem}#root .content .form-container>.start-capsule:before{content:"";display:block;position:absolute;width:100%;height:1px;left:0;top:calc(100% + .5rem);background-color:var(--k-lightgray)}#root .content>.sign-in-wrapper{display:flex;flex-direction:column;align-items:center;color:#fff;gap:.25rem;margin-top:.5rem}#root .content>.sign-in-wrapper>a{color:var(--k-cyan);font-weight:700;text-decoration:underline}#root .content>.sign-in-wrapper>a:hover{color:var(--k-cyan-dark)}#root footer{position:absolute;width:80%;top:95%;left:50%;transform:translate(-50%)}.join-room{display:flex;flex-direction:column;gap:.75rem;justify-content:center;align-items:center;padding:0}.join-room input,.join-room button{width:100%;font-size:1.2rem}.join-room input[type=number],.join-room button[type=number]{text-align:center;border-radius:8px}.join-room input[type=number]::placeholder,.join-room button[type=number]::placeholder{font-weight:500}.join-room input[type=number]::-webkit-outer-spin-button,.join-room input[type=number]::-webkit-inner-spin-button,.join-room button[type=number]::-webkit-outer-spin-button,.join-room button[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.join-room input[type=submit],.join-room button[type=submit]{text-transform:uppercase;font-weight:700}.sidebar-wrapper-pc{display:flex;height:100%;margin-left:4.5rem;transition:margin .5s ease-in-out}.sidebar-wrapper-pc.open{margin-left:15rem}.sidebar-wrapper-pc.open>header{width:15rem}.sidebar-wrapper-pc.open>header>.links{width:100%;padding:0 2rem}.sidebar-wrapper-pc header{display:flex;gap:1rem;align-items:center;flex-direction:column;height:100vh;padding:1rem .5rem;background-color:#fff;transition:width .5s ease-in-out;width:4.5rem;position:fixed;left:0;top:0}.sidebar-wrapper-pc header>.opener{display:flex;cursor:pointer;width:100%;align-items:center;justify-content:flex-end;-webkit-user-select:none;user-select:none;color:var(--k-gray)}.sidebar-wrapper-pc header>.opener>.caret-icon{transform:rotate(0);transform-origin:center;transition:transform .4s ease-in-out;color:inherit}.sidebar-wrapper-pc header>.opener.open>.caret-icon{transform:rotate(-180deg)}.sidebar-wrapper-pc header>.line{width:100%;height:1px;background-color:#e0e0e0;margin:.5rem 0 1rem}.sidebar-wrapper-pc header>.k-khubs{width:3.5rem;height:3.5rem;cursor:pointer}.sidebar-wrapper-pc header>.links{display:flex;flex-direction:column;gap:2rem}.sidebar-wrapper-pc header>.profile-settings-wrapper>.stop-button{margin-top:auto;cursor:pointer;color:var(--k-red);width:2rem;height:2rem;margin-bottom:1rem}.sidebar-wrapper-pc header>.profile-settings-wrapper>.stop-button:hover{opacity:.8}.sidebar-wrapper-pc>*:last-child{flex:1;height:unset}.sideheader-link{display:flex;align-items:center;justify-content:flex-start;text-transform:capitalize}.sideheader-link.active>a{color:var(--k-cyan)}.sideheader-link>a{text-decoration:none;color:var(--k-gray);display:flex;align-items:center;justify-content:center;gap:.5rem}.sideheader-link>a>.sh-icon{color:inherit}.sideheader-link:not(.active)>a:hover{color:var(--k-gray-dark)}.k-icon{color:inherit;display:inline-block;width:24px;height:24px;font-size:1rem}.k-icon.small{width:16px;height:16px}.k-icon.clickable{cursor:pointer}.k-icon>*{width:100%;height:100%}.profile-settings-wrapper{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center;color:var(--k-gray)}.profile-settings-wrapper .user-infos{display:flex;align-items:center;flex-direction:column}.profile-settings-wrapper .user-infos>span:first-child{font-weight:600}.profile-settings-wrapper span{font-weight:400;font-size:.9rem}.profile-settings-wrapper>.profile-actions{display:flex;gap:1rem}.profile-settings-wrapper>.profile-actions>span{cursor:pointer}.profile-settings-wrapper>.profile-actions>span>*:first-child{color:inherit;height:1rem}.profile-settings-wrapper>.profile-actions>span:last-child:hover{color:var(--k-dark)}.profile-settings-wrapper.open>.profile-actions>span>*:first-child{margin-right:.25rem}.language-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.language-wrapper:hover{color:var(--k-dark)}.language-wrapper .flag-icon{height:1.25rem}.language-wrapper.open>.flag-icon{margin-right:.25rem}.language-wrapper .language-dropdown{position:absolute;bottom:calc(100% + 1rem);background:#fff;border:1px solid var(--k-lightgray);color:var(--k-gray);padding:.25rem .5rem;border-radius:.5rem}.language-wrapper .language-dropdown>div{display:flex;font-weight:400;align-items:center;justify-content:center}.language-wrapper .language-dropdown>div:hover{color:var(--k-dark)}.language-wrapper .language-dropdown>div>img{height:1.25rem;margin-right:.25rem}.avatar{width:40px;height:40px;border-radius:40px;background-color:#fff;object-fit:contain}.burger-btn{outline:none;border:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;border-radius:50%;background-color:transparent;background:transparent;color:var(--k-gray);width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;padding-top:6px}.profile-settings-mobile{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000040;display:flex;justify-content:center;color:var(--k-gray)}.profile-settings-mobile .profile-settings-mobile-wrapper{background-color:#fff;margin:auto;padding:1.5rem 3rem;border-radius:1rem;display:flex;flex-direction:column;gap:1rem}.profile-settings-mobile .profile-settings-mobile-wrapper .title{font-size:1.5rem;font-weight:600;margin:0 auto}.profile-settings-mobile .profile-settings-mobile-wrapper .user-infos-mobile{display:flex;flex-direction:column;align-items:center;gap:.25rem}.profile-settings-mobile .profile-settings-mobile-wrapper .user-infos-mobile .username{font-size:1rem;font-weight:500}.profile-settings-mobile .profile-settings-mobile-wrapper .user-infos-mobile .email{font-size:.9rem;font-weight:400}.profile-settings-mobile .profile-settings-mobile-wrapper .logout-btn{margin:0 auto}.sidebar-wrapper-mobile{display:flex;height:100%;flex-direction:column;padding-bottom:55px;overflow:hidden}.sidebar-wrapper-mobile>*:first-child{flex:1;height:unset;overflow-y:auto}.sidebar-wrapper-mobile>.links-background{position:absolute;top:-100px;left:0;bottom:0;width:230px;background-color:#f5f5f5;z-index:1;overflow:hidden}.sidebar-wrapper-mobile>.links-background.opaque{background-color:rgba(var(--k-dark),.2);width:100vw}.sidebar-wrapper-mobile>.links-list{list-style:none;padding:25px;margin:0;position:absolute;top:0;width:230px;max-height:calc(100vh - 70px);display:flex;flex-direction:column;gap:2rem;z-index:2}.sidebar-wrapper-mobile header{height:min-content;position:fixed;bottom:0;width:100%;border-top:1px solid #e0e0e0;z-index:1000;background-color:#fff;padding:.5rem 1rem .5rem .5rem;display:flex;justify-content:space-between}.mobile-link-wrapper{display:flex;align-items:center;justify-content:flex-start;padding:0;margin:0;list-style:none;cursor:pointer}.mobile-link-wrapper .sideheader-mobile-link{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;text-decoration:none;color:var(--k-gray);width:100%}.mobile-link-wrapper .sideheader-mobile-link.active{color:var(--k-cyan)}.mobile-link-wrapper .sideheader-mobile-link>.sideheader-mobile-icon{color:inherit}.mobile-link-wrapper .sideheader-mobile-link>span{font-size:1rem;font-weight:400}footer{display:flex;justify-content:center;align-items:center;gap:10px}footer,footer a{color:#fff}footer a{flex:1 0}footer a:first-child{text-align:right}footer a:hover{color:var(--k-cyan)}#room{padding:0;width:100%;height:100%}.room-title{margin-top:4rem;text-align:center;text-transform:capitalize}.room-title span{color:var(--k-cyan);margin-left:.5rem;font-weight:700}.room-login{padding:10px}.free-register-btn{text-transform:uppercase;width:100%;font-size:1rem}.modal-choose-team .teams-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.modal-choose-team .teams-container .team-item{padding:15px;border-radius:20px;cursor:pointer;transition:background-color ease-in-out .3s;background-color:var(--k-lightgray-light)}.modal-choose-team .teams-container .team-item:hover{background-color:var(--k-lightgray)}.modal-choose-team .teams-container .team-item.selected{background-color:var(--k-lightblue)}.modal-choose-team .teams-container .team-item .k-team-shape{display:block;margin:auto auto 5px;height:50px;width:50px}.modal-choose-team .btn{display:block;margin:auto}.k-team-shape{display:inline-block;width:100px;height:100px}.k-team-shape svg{width:100%;height:100%}.k-team-shape.clickable{cursor:pointer}.k-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#19272dcc;z-index:100;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:3rem}.k-modal ::-webkit-scrollbar{width:8px;height:8px;background-color:#fff;border-radius:6px}.k-modal ::-webkit-scrollbar-thumb{background-color:#36c1c4;border-radius:6px}.k-modal .k-modal-content{background-color:#fff;border-radius:12px;padding:20px;box-sizing:border-box;max-width:800px;display:flex;flex-direction:column;gap:20px;max-height:100%;overflow-y:auto}.k-modal .k-modal-content{font-family:Ubuntu,sans-serif;font-size:.9rem;color:#22373f}.k-modal .k-modal-content .k-modal-title{margin:0;padding:0 30px;display:flex;justify-content:center;position:relative}.k-modal .k-modal-content .k-modal-title{font-family:Ubuntu,sans-serif;color:#22373f;font-size:1.25rem;font-weight:700}.k-modal .k-modal-content .k-modal-title>.k-modal-close{position:absolute;top:50%;right:0rem;transform:translateY(-50%);transition:color .3s ease}.k-modal .k-modal-content .k-modal-title>.k-modal-close:hover{color:#6c757d}.k-modal .k-modal-content .k-modal-footer{display:flex;justify-content:center;align-items:center;gap:.5rem}@media screen and (max-width: 800px){.k-modal{padding:0}.k-modal .k-modal-content{width:100%;height:100%}}.loader{width:50px;aspect-ratio:1;border-radius:50%;color:#36c1c4;background:radial-gradient(farthest-side,currentColor 94%,rgba(0,0,0,0)) top/8px 8px no-repeat,conic-gradient(rgba(0,0,0,0) 30%,currentColor);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 8px),#000 0);animation:l13 1s infinite linear;margin:0 auto}@keyframes l13{to{transform:rotate(1turn)}}.room-content{width:100%;height:100%;display:flex}.room-content>.content{flex:1 0;overflow:hidden;position:relative}.room-content>.content .room-waiting{position:absolute;width:100%;top:0;left:0;transition:all ease-in .3s}.room-content>.content .room-waiting.hidden{animation:zIndex step-start .3s;animation-fill-mode:forwards;opacity:0;transform:translateY(100px)}@media screen and (max-width: 800px){.room-content{flex-direction:column}}.room-waiting{color:#fff;background-color:var(--k-dark);padding:1rem 2rem 2rem;height:100%;overflow-x:hidden;overflow-y:auto}.user-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.user-waiting>span{margin-bottom:10px}.user-waiting input{font-size:1.2rem;width:300px;text-align:center;color:#fff;padding:2px 5px;border:none}.user-waiting input:focus{border:solid 1px white}.editable-avatar{position:relative;display:inline-flex}.editable-avatar>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden;cursor:pointer;font-size:1.3rem}.editable-avatar:hover>.avatar{opacity:.5}.editable-avatar:hover>svg{visibility:visible}.modal-list-avatars .avatars{display:flex;justify-content:center;align-content:flex-start;gap:10px;flex-wrap:wrap;overflow:auto;max-height:500px}.modal-list-avatars .avatars .avatar{cursor:pointer;width:50px;height:50px}.modal-list-avatars .avatars .avatar.selected{border:dashed 4px var(--k-cyan)}.modal-list-avatars .btn{display:block;margin:20px auto auto;background-color:var(--k-cyan)}.team{position:relative;min-width:300px}.team .header{color:#fff;display:flex;align-items:center;padding:5px;border-style:solid;border-width:2px;border-radius:10px 10px 0 0;font-size:1.5rem}.team .header .k-team-shape{width:35px;height:35px;margin-right:10px}.team .header .lock-icon{margin-left:auto;margin-right:5px;font-size:1rem}.team .team-users{margin:0;background-color:#fff;border-radius:0 0 10px 10px;min-height:50px;padding:0 0 15px;list-style-type:none;transition:background-color ease-in-out .2s}.team .team-users.overed{background-color:var(--k-gray)}.team .team-users li{display:flex;gap:5px;align-items:center;padding:5px 10px 5px 20px}.team .team-users li .user{border-radius:0;width:100%;background-color:unset;color:#000}.team.hide-users .header{border-radius:10px}.team.hide-users .team-users{display:none}.user{background-color:var(--k-dark-light);color:#fff;display:inline-flex;align-items:center;gap:5px;padding:.5rem;border-radius:25px}.user span{text-align:center}.user>svg{margin-right:10px}.draggable-user .drag-icon{cursor:grab;outline:none;-webkit-user-select:none;user-select:none;color:#000}.draggable-user.dragging{opacity:.5;border-radius:10px;background-color:var(--k-lightgray)}.room-header .capsule-icon{display:block;width:100px;height:100px;margin:auto;border-radius:50%}.room-header h1{text-align:center;margin-top:0}.room-actions{position:fixed;bottom:20px;right:20px;display:flex;gap:10px}.room-actions>*{padding:10px 13px}.room-actions .user-count{display:flex;align-self:center;gap:3px;background-color:var(--k-gray);border-radius:5px;color:#fff}.room-actions .room-lock-button.locked{background-color:#fff;color:var(--k-gray)}.room-settings{gap:20px;display:flex;flex-direction:column}.room-settings h2{text-align:center;margin-bottom:0;font-weight:800}.room-settings .settings-wrapper h3{font-weight:500;text-transform:capitalize;display:flex;gap:.5rem}.room-settings .settings-wrapper h3 span.line{flex:1 0;border-bottom:solid 1px white}.room-settings .settings-wrapper .row{margin:.5rem 0;display:flex;align-items:center;width:100%;gap:.5rem}.room-settings .settings-wrapper .row>*:first-child{flex:1 0}.room-settings .settings-wrapper .teams-wrapper .row.disabled{opacity:.5}.room-settings .settings-wrapper .teams-wrapper .team-wrapper{padding:.5rem .75rem;border-radius:5px;display:flex;align-items:center;gap:.5rem}.room-settings .settings-wrapper .teams-wrapper .team-wrapper input{border:0;flex:1 0;font-weight:700;color:#fff;padding:0}.room-settings .settings-wrapper .teams-wrapper .team-wrapper .color-input,.room-settings .settings-wrapper .teams-wrapper .team-wrapper .color-input svg{cursor:pointer;width:100%;height:100%}.room-settings .settings-wrapper .teams-wrapper .team-actions{display:flex;gap:.5rem;align-items:center;justify-content:center}.room-settings .settings-wrapper .room-presets{display:flex;justify-content:center;gap:.5rem}.k-offcanvas-background{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#19272dcc;display:flex}.k-offcanvas-background.left{justify-content:flex-start}.k-offcanvas-background.right{justify-content:flex-end}.k-offcanvas-background .k-offcanvas{overflow-y:auto;box-sizing:border-box;width:500px;height:100%;background-color:#22373f;padding:20px}.k-offcanvas-background .k-offcanvas.fullscreen{flex:1}.k-offcanvas-background .k-offcanvas .k-offcanvas-title{display:flex;align-items:center;gap:.5rem;margin:0;margin-bottom:.5rem}.k-offcanvas-background .k-offcanvas .k-offcanvas-title{font-family:Ubuntu,sans-serif;color:#fff;font-size:1.25rem;font-weight:700}.k-offcanvas-background .k-offcanvas .k-offcanvas-title .close-button{margin-left:auto;color:#b6b6b6;transition:color .3s ease-in-out}.k-offcanvas-background .k-offcanvas .k-offcanvas-title .close-button:hover{color:#6c757d}@media screen and (max-width: 350px){.k-offcanvas-background .k-offcanvas{width:100%}}.k-offcanvas-background .k-offcanvas{font-family:Ubuntu,sans-serif;font-size:.9rem;color:#fff}.color-input{display:inline-block;position:relative;width:50px;height:50px}.color-input input{opacity:0;width:0;height:0}.color-input span.preview-color{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;cursor:pointer}.color-input.disabled span{cursor:default}.modal-ask input{margin:10px 0}.dropdown>button{height:100%}.dropdown:not(.splited) .arrow{margin-left:5px}.dropdown.splited{display:flex}.dropdown.splited .main-button{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown.splited .split-button{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown .dropdown-menu{list-style-type:none;padding:0;margin:0;position:fixed;z-index:20;top:0;left:0;transform:translate(-200%,-200%);border-radius:5px}.dropdown .dropdown-menu .dropdown-item{background-color:var(--k-gray);color:#fff;padding:10px;font-size:.9rem;cursor:pointer;transition:background-color ease-in-out .3s}.dropdown .dropdown-menu .dropdown-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.dropdown .dropdown-menu .dropdown-item:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.dropdown .dropdown-menu .dropdown-item:hover{background-color:var(--k-lightgray)}.modal-choose-room-preset .no-preset-label{text-align:center;display:block;color:var(--k-gray);font-weight:500}.modal-choose-room-preset .modal-content .body{padding:2rem}.modal-choose-room-preset .presets-container{max-height:500px;overflow-y:auto}.modal-choose-room-preset .presets-container .preset-wrapper{display:flex;gap:1rem;align-items:center}.modal-choose-room-preset .presets-container .preset{flex:1 0;cursor:pointer;-webkit-user-select:none;user-select:none;display:block;padding:20px;text-align:center;margin:5px;transition:background-color ease-in-out .3s;background-color:var(--k-lightgray-light);position:relative}.modal-choose-room-preset .presets-container .preset:hover{background-color:var(--k-lightblue)}.modal-choose-room-preset .presets-container .preset.active{color:#fff;background-color:var(--k-cyan)}.modal-choose-room-preset .presets-container .delete-button{position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-weight:800;font-size:1.3rem;cursor:pointer;transition:color ease-in-out .3s}.modal-choose-room-preset .presets-container .delete-button:hover{color:var(--k-red)}.modal-choose-room-preset .submit-button{display:block;margin:auto;margin-top:1rem}.switch{font-size:17px;position:relative;display:inline-block;width:3.5em;height:2em}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b6b6b6;transition:.4s;border-radius:10px}.switch .slider:before{position:absolute;content:"";height:1.4em;width:1.4em;border-radius:8px;left:.3em;bottom:.3em;transform:rotate(270deg);background-color:#fff;transition:.4s}.switch input:checked+.slider{background-color:#36c1c4}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch input:checked+.slider:before{transform:translate(1.5em)}.switch input:disabled+.slider{opacity:.5;cursor:default}.modal-list-team-shapes{min-width:800px}.modal-list-team-shapes .available-shapes{color:#d3d3d3}.modal-list-team-shapes .available-shapes>div{margin:1.5rem 0;display:flex;justify-content:center;gap:2rem}.modal-list-team-shapes .k-btn{margin:auto;display:block}.room-join-screen .users-container{margin:20px auto auto}.room-join-screen .users-container hr{max-width:1000px}.room-join-screen .users-container hr+.user{margin-left:50%;transform:translate(-50%);margin-bottom:10px}.room-waiting-header{margin:auto;max-width:800px}.room-waiting-header .login-informations{border-radius:10px;background-color:#fff;color:var(--k-dark);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.room-waiting-header .login-informations.can-start{border-radius:10px 10px 0 0}.room-waiting-header .login-informations .lock-information{margin:20px}.room-waiting-header .login-informations .lock-information .lock-icon{font-size:5rem}.room-waiting-header .login-informations>*{flex:1 0;text-align:center;line-height:30px}.room-waiting-header .login-informations>span:first-child a{transition:all linear .25s;color:var(--k-cyan);text-decoration:none;white-space:nowrap}.room-waiting-header .login-informations>span:first-child a:hover{color:var(--k-cyan-dark)}.room-waiting-header .login-informations>span:first-child a svg{margin-left:10px}.room-waiting-header .login-informations>span:nth-child(2) .room-code{white-space:nowrap;font-weight:500;display:inline-block;font-family:Archivo Black,sans-serif;color:var(--k-cyan);margin-top:10px;font-size:3.5rem;cursor:pointer}@media screen and (max-width: 425px){.room-waiting-header .login-informations>span:nth-child(2) .room-code{font-size:2.5rem}}.room-waiting-header .login-informations .fullscreenable.active .KQR{width:clamp(300px,40vw,800px);height:clamp(300px,40vw,800px)}.room-waiting-header .start-button{display:flex;align-items:center;justify-content:center;border-radius:0 0 10px 10px;background:var(--k-cyan);font-size:1.2rem;z-index:1;position:relative;overflow:hidden;margin:auto;max-width:800px;width:100%}.room-waiting-header .start-button svg{font-size:1.4rem}.room-waiting-header .start-button:hover{background-color:var(--k-cyan)}.room-waiting-header .start-button:before{content:"";top:0;left:0;bottom:0;right:100%;border-top-right-radius:50px;border-bottom-right-radius:50px;background-color:var(--k-cyan-dark);position:absolute;z-index:-1;transition:right .3s ease-in;-o-transition:right .3s ease-in;-ms-transition:right .3s ease-in;-moz-transition:right .3s ease-in;-webkit-transition:right .3s ease-in}.room-waiting-header .start-button:hover:before{right:calc(0% - 50px)}.fullscreenable{position:relative;cursor:pointer}.fullscreenable.active{position:absolute;top:0;left:0;z-index:2;background-color:#0006;display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.fullscreenable .overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d}.fullscreenable .overlay svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.fullscreenable:not(.active):hover .overlay{display:block}.KQR{margin:auto;width:150px;height:150px;position:relative}.KQR .qr-code{padding:3px;background-color:#fff;border-radius:5px;width:100%;height:100%}.KQR .qr-code path:last-child{fill:var(--k-dark)}.KQR:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;height:20%;background-image:url(/k-hubs.svg);background-position:center;background-repeat:no-repeat;outline:solid white 5px;border-radius:100px}.room-users{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:center;gap:25px}.room-users .user{opacity:.5}.room-users .user.connected{opacity:1}.room-users .add-team-button{padding:25px;background-color:var(--k-cyan)}.room-users .add-team-button:hover{background-color:var(--k-cyan-dark)}.deletable-user{position:relative}.deletable-user .delete-user-button{background:none!important;border:dashed 2px var(--k-red);padding:0;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:25px;opacity:0;transition:opacity ease-in-out .3s}.deletable-user .delete-user-button svg{color:var(--k-red);font-size:1.5rem;font-weight:800;filter:drop-shadow(0px 0px 3px black)}.deletable-user .delete-user-button:hover{opacity:1}.room-progress{height:100%;background-color:#fff}.room-progress:not(.animator){width:100%;height:100%}.room-progress iframe{border:unset;width:100%;height:100%;overflow:auto}.room-ressources{width:800px!important}.room-ressources>table .switch{scale:.7}.room-ressources .files-container .accordion{margin:5px}.room-ressources .files-container .accordion .tag-header{display:flex;justify-content:space-between;align-items:center;padding-right:20px}.room-ressources .files-container .accordion .tag-header .switch{scale:.7}.accordion{position:relative;background:#fff;border-radius:5px;color:var(--k-dark)}.accordion .accordion-header{transition:all ease-in-out .4s;cursor:pointer;padding:10px;border-radius:5px;position:relative}.accordion .accordion-header:after{transition:all ease-in-out .2s;content:"";position:absolute;top:calc(50% - 5px);right:10px;width:10px;height:10px;background-color:var(--k-dark);rotate:-90deg;clip-path:polygon(50% 0%,100% 0%,50% 50%,100% 100%,50% 100%,0% 50%)}.accordion.open .accordion-header{border-radius:5px 5px 0 0;background-color:var(--k-lightgray-light)}.accordion.open .accordion-header:after{rotate:90deg}.progress-bar-overlay{position:fixed;top:0%;left:50%;transform:translate(-50%,-100%);padding:5px 10px;background-color:#fff;border-radius:20px;transition:all ease .2s}.progress-bar-overlay.visible{transform:translate(-50%,100%)}.modal-drop-files{max-width:unset!important;width:clamp(600px,75vw,100%)}.modal-drop-files .k-modal-body{margin-top:1.5rem;position:relative;max-height:35rem;display:flex;flex-direction:column;gap:1rem}.modal-drop-files .k-modal-body .import-medias-sidebar{display:flex}.modal-drop-files .k-modal-body .import-medias-sidebar .import-medias-sidebar-button{border-bottom:2px solid var(--k-lightgray);padding:.75rem 1.5rem;cursor:pointer;border-top-left-radius:.5rem;border-top-right-radius:.5rem;-webkit-user-select:none;user-select:none}.modal-drop-files .k-modal-body .import-medias-sidebar .import-medias-sidebar-button:hover{background-color:var(--k-lightgray-light)}.modal-drop-files .k-modal-body .import-medias-sidebar .import-medias-sidebar-button.active{background-color:var(--k-lightblue);border-bottom:3px solid var(--k-cyan);color:var(--k-cyan);font-weight:500;cursor:default}.file-upload-wrapper .uploaded-file-list{display:flex;flex-direction:column;gap:.5rem;height:auto;max-height:18rem;overflow-y:auto}.file-upload-wrapper .file-upload-buttons{margin-top:.5rem;display:flex;justify-content:space-between}.uploaded-file{display:flex;border:1px solid var(--k-gray);border-radius:1rem;padding:.75rem .75rem .4rem}.uploaded-file>svg{width:1rem;height:1rem;margin-right:.75rem;padding:.5rem;border:1px solid var(--k-gray);border-radius:.5rem}.uploaded-file .uploaded-file-infos{display:flex;flex-direction:column;gap:.25rem;flex:1}.uploaded-file .uploaded-file-infos .uploaded-file-infos-wrapper{display:flex;justify-content:space-between;align-items:center}.uploaded-file .uploaded-file-infos .uploaded-file-infos-wrapper .file-name{font-size:.95rem}.uploaded-file .uploaded-file-infos .uploaded-file-infos-wrapper .file-size{font-size:.9rem;color:var(--k-gray);text-align:right}.uploaded-file .uploaded-file-infos .file-upload-progress-bar{display:flex;gap:.5rem;align-items:center}.uploaded-file .uploaded-file-infos .file-upload-progress-bar>*:first-child{flex:1}.uploaded-file .uploaded-file-infos .file-upload-progress-bar span{width:fit-content;min-width:2rem;text-align:right}@keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}.progress-bar{position:relative;min-width:300px;margin:5px 0;border-radius:25px;background-color:var(--k-gray)}.progress-bar .bar{height:100%;display:block;border-radius:25px;background-color:var(--k-cyan);position:relative}.progress-bar .bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);z-index:1;background-size:50px 50px;animation:move 2s linear infinite;overflow:hidden;border-radius:25px}.progress-bar .bar.finish:after{animation:unset}.progress-bar .percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropzone-wrapper{margin-bottom:1rem}.dropzone-wrapper .dropzone-content{width:100%;height:150px;border:dashed 2px var(--k-gray);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border-radius:1rem;transition:background-color ease-in-out .1s;cursor:pointer}.dropzone-wrapper .dropzone-content .cloud-icon{font-size:3rem}.dropzone-wrapper .dropzone-content input{padding:0;opacity:0;width:0;height:0}.dropzone-wrapper .dropzone-content:hover,.dropzone-wrapper .dropzone-content.hover{background-color:var(--k-lightgray-light)}.used-space-indicator{background-color:#fff;color:var(--k-cyan);padding:5px;border-radius:5px;display:inline-flex;min-width:300px;align-items:center;gap:5px}.used-space-indicator .bar-container{height:20px;width:100%;position:relative;background-color:var(--k-lightgray)}.used-space-indicator .bar-container,.used-space-indicator .bar-container .bar{border-radius:10px}.used-space-indicator .bar-container .bar{position:absolute;top:0;left:0;height:100%;background-color:var(--k-cyan)}.used-space-indicator .size{white-space:nowrap}@media screen and (max-width: 400px){.used-space-indicator{flex-direction:column;width:100%;min-width:unset}}.file-section{padding-bottom:1rem}.file-section>.header{display:flex;align-items:center;gap:10px}.file-section>.header span{color:var(--k-dark)}.file-section>.header .search-input{width:auto;padding:5px}.file-section>.header .header-right{margin-left:auto;display:flex;gap:.5rem;align-items:center}.file-section>.header .header-right .view-mode-icon{color:var(--k-dark);cursor:pointer;border:1px solid var(--k-dark);padding:.5rem;border-radius:.5rem}.file-section>.header .header-right .view-mode-icon:hover{background-color:var(--k-lightgray-light)}.file-section .pagination{margin-top:1rem}@media screen and (max-width: 700px){.file-section .header{flex-wrap:wrap}}@media screen and (max-width: 500px){.file-section .header{gap:5px;margin-bottom:5px}.file-section .header .search-input{width:100%}.file-section .header .header-right{gap:5px;margin-left:unset;width:100%}.file-section .header .header-right button.import-files{flex:1 0}.file-section .tag-list .selected-tags{justify-content:center!important}}.files-table .files-table-header{display:flex;gap:10px;justify-content:end;align-items:center;padding:10px 0}.files-table .files-table-header .multiple-actions{opacity:0;margin:0;list-style-type:none;padding:0;display:flex;align-items:center;gap:10px;transition:opacity ease-in .3s}.files-table .files-table-header .multiple-actions .tag-list .selected-tags li{color:#fff;font-size:1rem}.files-table .files-table-header .multiple-actions .tag-list{min-width:200px}.files-table .files-table-header .multiple-actions .tag-list>ul{justify-content:end}.files-table .files-table-header .multiple-actions li{cursor:pointer;font-size:1.2rem;display:none;color:var(--k-dark)}.files-table .files-table-header .multiple-actions.show{opacity:1}.files-table .files-table-header .multiple-actions.show li{display:list-item}.files-table .files-table-header .choose-files{margin-left:auto}.files-table table tbody tr td[data-type=preview]{width:150px}.files-table table tbody tr td[data-type=preview] .file-preview{width:100%;height:unset;background-color:unset;color:var(--k-gray)}.files-table table tbody tr td .extension{font-style:italic}.files-table table tbody tr td.tag-cell{max-width:300px}.files-table table tbody tr.clickable{cursor:pointer}.files-table table tr *[data-type=select-box]{width:1%}.files-table table tr *[data-type=preview]{min-width:100px;width:10%}.files-table table tr *[data-type=name]{min-width:150px;width:20%}@media screen and (max-width: 700px){.files-table table tr *[data-type=file-type],.files-table table tr *[data-type=tags]{display:none}.files-table table tr *[data-type=name]{min-width:unset}.files-table table tr *[data-type=preview]{min-width:80px}}@media screen and (max-width: 400px){.files-table table tr td,.files-table table tr th{display:none}.files-table table tr td[data-type=select-box],.files-table table tr td[data-type=preview],.files-table table tr td[data-type=name],.files-table table tr th[data-type=select-box],.files-table table tr th[data-type=preview],.files-table table tr th[data-type=name]{display:table-cell}}.files-table .context-menu input[type=file]{position:absolute;padding:0;opacity:0;width:0;height:0}.tag-list{position:relative}.tag-list ul{list-style-type:none;padding:0;margin:0}.tag-list .selected-tags{display:flex;flex-wrap:wrap;gap:5px}.tag-list .selected-tags li{background-color:var(--k-lightgray);padding:5px;border-radius:10px;color:#fff;font-weight:400;position:relative;font-size:.9rem}.tag-list .selected-tags li .delete-icon{position:absolute;top:5px;right:5px;color:var(--k-dark);font-weight:900;cursor:pointer}.tag-list .selected-tags .add-button{background-color:var(--k-lightgray);color:#fff;padding:5px;cursor:pointer}.tag-list.selected{background-color:var(--k-lightgray-light);padding:5px;border-radius:5px 5px 0 0}.tag-list.selected .tags-dropdown{position:absolute;left:0;z-index:10;width:100%;margin-top:5px;padding:5px;border-radius:0 0 5px 5px;background-color:var(--k-lightgray-light)}.tag-list.selected .tags-dropdown input{padding:5px;margin-bottom:5px}.tag-list.selected .tags-dropdown ul{max-height:200px;overflow-y:auto}.tag-list.selected .tags-dropdown ul li{background-color:var(--k-lightgray);color:#fff;padding:5px;border-radius:5px;font-size:.9rem;font-weight:400;cursor:pointer}.tag-list.selected .tags-dropdown ul li:hover{border:solid 1px var(--k-gray)}.context-menu{display:none;position:fixed;top:0;left:0;z-index:10}.context-menu ul{list-style-type:none;padding:0;left:0;-webkit-user-select:none;user-select:none}.context-menu ul li{color:var(--k-dark);padding:5px 10px;background-color:var(--k-lightgray)}.context-menu ul li,.context-menu ul li *{cursor:pointer;font-weight:500}.context-menu ul li:hover{background-color:var(--k-lightgray-light)}.context-menu ul li:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.context-menu ul li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.k-checkbox{display:inline}.k-checkbox label{-webkit-user-select:none;user-select:none;cursor:pointer}.k-checkbox label input{all:unset;margin:0;width:0;height:0;display:inline;appearance:none;-webkit-appearance:none;-moz-appearance:none}.k-checkbox label:before{content:"";display:inline-block;vertical-align:top;height:1.15em;width:1.15em;color:#00000046;border:solid .06em;box-shadow:0 0 .04em,0 .06em .16em -.03em inset,0 0 0 .07em transparent inset;border-radius:.2em;background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="white" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width=" 4.3" height=" 1.6" /><rect x=" 2.2" y=" 2.9" transform=" matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width=" 6.1" height=" 1.7" /></svg>') no-repeat center,#fff;background-size:0;will-change:color,border,background,background-size,box-shadow;transform:translateZ(0);transition:color .1s,border .1s,background .15s,box-shadow .1s}.k-checkbox label.checked:before{background-color:var(--k-cyan);background-size:.75em;color:#00000013}.k-checkbox label[data-type=cross]:before{background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="white" viewBox="0 0 10 10"><polygon points="2 0, 5 3, 8 0, 10 2, 7 5, 10 8, 8 10, 5 7, 2 10, 0 8, 3 5, 0 2" /></svg>') no-repeat center,#fff}.k-checkbox label.checked[data-type=cross]:before{background-color:var(--k-gray);background-size:.75em;color:#00000013}.k-checkbox label span{margin-left:.6em}.file-preview{background-color:var(--k-lightgray-light);width:200px;height:200px;border:1px solid var(--k-lightgray);display:flex;justify-content:center;align-items:center;border-radius:5px;font-size:3rem}.file-preview>*{width:100%;object-fit:contain}.file-preview>img,.file-preview>video{height:100%}.file-preview.clickable{cursor:pointer}.files-thumbnail{display:flex;flex-wrap:wrap;gap:.5rem}.files-thumbnail>*{flex:1 1 0px}@media screen and (max-width: 500px){.files-thumbnail{flex-direction:column}}.file{display:flex;padding:5px;color:var(--k-dark);min-width:350px}.file .info{flex:1 0;padding-left:10px;max-width:200px}.file .info .name{font-size:1.2rem;display:block;color:var(--k-cyan);font-weight:500;width:100%;word-break:break-all}.file .info .name .download-icon{display:none;margin-left:5px}.file .info .name:hover{cursor:pointer;text-decoration:underline}.file .info>ul{list-style-type:none;padding:0;margin:10px 0}@media screen and (max-width: 500px){.file{flex-direction:column;align-items:center;height:unset;min-width:unset}.file .info{padding:0;max-width:100%;flex:0}.file .info .name{text-align:center}.file .info>ul{text-align:center}}.file-details-modal{max-width:50rem}.file-details-modal .k-modal-title{padding-left:0!important}.file-details-modal .k-modal-body{display:flex;gap:2rem}@media screen and (max-width: 500px){.file-details-modal .k-modal-body{flex-direction:column;align-items:center;gap:1rem}}.file-details-modal .k-modal-body .file-details-preview{display:flex;flex-direction:column;width:fit-content;gap:.75rem}.file-details-modal .k-modal-body .file-details-preview .file-preview{width:150px;height:150px}.file-details-modal .k-modal-body .file-details-preview>span{font-weight:500;color:var(--k-cyan);cursor:pointer;margin:0 auto}.file-details-modal .k-modal-body .file-details-preview>span.preview{color:var(--k-dark)}.file-details-modal .k-modal-body .file-details-preview>span>svg{margin-left:.5rem}.file-details-modal .k-modal-body .file-details-preview>span:hover{text-decoration:underline}.file-details-modal .k-modal-body .file-details-info{flex:1;position:relative;max-width:100%}.file-details-modal .k-modal-body .file-details-info .info-section{margin-bottom:.5rem;border-bottom:1px solid var(--k-gray);padding-bottom:.5rem;max-width:100%;font-weight:600}.file-details-modal .k-modal-body .file-details-info .info-section:not(:first-child){margin-top:1rem}.file-details-modal .k-modal-body .file-details-info .file-details-table{width:100%;max-width:100%;table-layout:fixed}.file-details-modal .k-modal-body .file-details-info tbody tr .info-label{font-weight:500;position:relative;padding-right:1rem;font-size:.9rem;width:100px}.file-details-modal .k-modal-body .file-details-info tbody tr .info-label:after{content:":";position:absolute;right:0}.file-details-modal .k-modal-body .file-details-info tbody tr .info-value{padding-left:1rem;font-weight:400;font-size:.85rem;color:var(--k-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 100px)}@media screen and (max-width: 500px){.file-details-modal .k-modal-body .file-details-info{flex-direction:column;gap:.5rem}.file-details-modal .k-modal-body .file-details-info .file-details-preview{width:100%}.file-details-modal .k-modal-body .file-details-info .file-details-preview>*{margin:0 auto}.file-details-modal .k-modal-body .file-details-info .file-details-info .info-section{margin-top:.5rem}}.file-details-modal .k-modal-footer .replace-btn input[type=file]{position:absolute;padding:0;opacity:0;width:0;height:0}.title-input-wrapper{display:flex;flex-direction:column;flex:1}.title-input-wrapper .file-name-input{border:1px solid transparent;font-size:1.1rem;color:var(--k-dark);font-weight:600;padding:5px 2px}.title-input-wrapper .file-name-input::placeholder{font-weight:400}.title-input-wrapper .file-name-input:focus{border:1px solid var(--k-gray)}.title-input-wrapper .error-alert{color:transparent;font-size:.8rem;margin-top:2px;transition:color .25s}.title-input-wrapper .error-alert.active{color:var(--k-red)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px}.pagination .pagination-wrapper{display:flex;gap:.25rem}.pagination .pagination-wrapper button{display:block;font-size:.9rem;font-weight:500;padding:.5rem .75rem;border-radius:.5rem;background-color:unset;border:solid 1px var(--k-lightgray);color:var(--k-gray);cursor:pointer;white-space:nowrap;height:42px;min-width:42px;transition:color .3s,background-color .3s}.pagination .pagination-wrapper button.page:hover,.pagination .pagination-wrapper button.dots:hover,.pagination .pagination-wrapper button.chevrons:not(:disabled):hover{background-color:var(--k-lightblue)}.pagination .pagination-wrapper button.chevrons{font-size:.6rem}.pagination .pagination-wrapper button.chevrons:not(:disabled){color:var(--k-cyan)}.pagination .pagination-wrapper button.dots{font-size:.7rem;cursor:not-allowed}.pagination .pagination-wrapper button.active{background-color:var(--k-cyan);color:#fff}.pagination .pagination-wrapper button:disabled{cursor:not-allowed;color:var(--k-gray)}.pagination .pagination-dropdown{height:42px}@media screen and (max-width: 600px){.pagination{flex-direction:column}.pagination .pagination-wrapper button{font-size:.8rem;padding:.15rem .2rem;height:28px;min-width:28px}}.modal-switch-room{max-width:unset!important;width:clamp(800px,1000px,100%)}.modal-switch-room .switch-title{font-weight:600;font-size:1.3rem;margin:10px 0}.modal-switch-room h3{color:var(--k-dark);font-size:1.1rem;text-align:center}.modal-switch-room .room-setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:800px;margin:0 auto;gap:10px;margin-bottom:1rem}.modal-switch-room .room-setting>*:last-child{flex:1 0;min-width:350px}.modal-switch-room .room-setting:not(:nth-child(2)){margin-bottom:10px}.modal-switch-room .card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-height:260px;min-height:80px;overflow-y:auto}.modal-switch-room .library-card{position:relative;width:230px;padding:10px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:10px;background-color:var(--k-dark);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;cursor:pointer;transition:transform linear .3s}.modal-switch-room .library-card>span:first-child{max-height:3lh;font-weight:500;overflow:hidden;text-overflow:ellipsis}.modal-switch-room .library-card>span{word-break:break-word}.modal-switch-room .library-card>.room-code{position:absolute;bottom:10px;font-weight:600;font-size:1.4rem}.modal-switch-room .library-card .library-icon{width:50px;height:50px;border-radius:50px}.modal-switch-room .library-card .play-wrapper{position:absolute;top:0;left:0;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:2rem;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity ease-in-out .3s}.modal-switch-room .library-card .play-wrapper:hover{opacity:1}.slider-select{position:relative;overflow:hidden;border:solid 1px var(--k-lightgray);border-radius:20px;display:flex;align-items:center;gap:10px;background-color:#fff}.slider-select span{padding:5px;flex:1 0;text-align:center;border-radius:20px;cursor:pointer;transition:background-color ease-in-out .2s,color cubic-bezier(1,0,1,1) .4s;z-index:2}.slider-select span:not(.active):hover{background-color:var(--k-lightgray-light)}.slider-select span.active{color:#fff}.slider-select .overlay{position:absolute;height:100%;background-color:var(--k-cyan);border-radius:20px;z-index:1;transition:left ease-in-out .5s}.room-nav{display:flex;flex-direction:column;width:4.5rem;height:100%;background-color:#fff;border-right:solid var(--k-lightgray) 1px;padding:20px .5rem}.room-nav .stop-button{width:40px;height:calc(40px + 1rem);margin:0 auto;transition:color ease-in-out .2s;color:var(--k-red);padding-bottom:1rem;margin-bottom:1rem;border-bottom:solid 1px var(--k-lightgray)}.room-nav .stop-button:hover{color:var(--k-red-dark)}.room-nav ul{flex:1 0;list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2rem}.room-nav ul li{text-align:center}.room-nav ul li>*{margin:auto;display:block;color:var(--k-gray);fill:var(--k-gray);transition:all ease-in-out .2s}.room-nav ul li>*.active{color:var(--k-cyan)}.room-nav ul li>*:not(.active):hover{color:var(--k-gray-dark);fill:var(--k-gray-dark)}@media screen and (max-width: 800px){.room-nav{width:100%;height:fit-content;padding:.5rem 1rem;flex-direction:row;border-right:none;border-bottom:solid var(--k-lightgray) 1px}.room-nav .stop-button{margin-bottom:0;border-bottom:none;margin-right:1rem;padding-right:1rem;border-right:solid 1px var(--k-lightgray);padding-bottom:0;height:40px}.room-nav ul{flex-direction:row;align-items:center;gap:1.5rem}}.modal-confirm-deletion strong{font-weight:600}#rooms .trash-icon{font-size:1.3rem;color:var(--k-red);cursor:pointer}#rooms .room-container{display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.room-card{position:relative;overflow:hidden}.room-card:hover .room-stop-btn{opacity:1}.room-card .room-stop-btn{position:absolute;right:0;top:0;z-index:1;background-color:#fff;padding:.25rem;border-bottom-left-radius:10px;border-top-right-radius:10px;opacity:0;transition:opacity .5s}.room-card .room-stop-btn svg{width:1.75rem;height:1.75rem;cursor:pointer;color:var(--k-red)}.room-card .room-stop-btn svg:hover{color:var(--k-red-dark)}.room-card .content{width:300px;padding:20px;position:relative;background-color:#fff;border-radius:10px 10px 0 0}.room-card .content .card-room-img{position:absolute;width:70px;height:70px;object-fit:contain;border-radius:50%;top:5px;right:5px}.room-card .content .card-library-name{max-width:calc(100% - 70px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.room-card .content span{display:block;font-size:1.2rem}.room-card .content span:not(.room-pin){color:var(--k-dark)}.room-card .content span:not(:last-child){margin-bottom:5px}.room-card .content span.started-at{font-weight:400;font-size:.8rem}.room-card .content .room-pin{font-size:1.5rem}@media (max-width: 1100px){.room-card .content{width:250px}.room-card .content .card-library-name{font-size:1rem}.room-card .content .room-pin{font-size:1.25rem}.room-card .content img{width:50px;height:50px;top:5px;right:5px}.room-card .content .card-library-name{max-width:calc(100% - 50px)}}@media (max-width: 800px){.room-card .content{width:calc(50vw - 40px)}}@media (max-width: 580px){.room-card .content{width:calc(100vw - 40px)}}.room-card .join-button{display:flex;align-items:center;justify-content:center;border-radius:0 0 10px 10px;background:var(--k-cyan);font-size:1.2rem;z-index:1;position:relative;overflow:hidden;width:100%;font-size:1rem;padding:5px}.room-card .join-button svg{font-size:1.4rem}.room-card .join-button:hover{background-color:var(--k-cyan)}.room-card .join-button:before{content:"";top:0;left:0;bottom:0;right:100%;border-top-right-radius:50px;border-bottom-right-radius:50px;background-color:var(--k-cyan-dark);position:absolute;z-index:-1;transition:right .3s ease-in;-o-transition:right .3s ease-in;-ms-transition:right .3s ease-in;-moz-transition:right .3s ease-in;-webkit-transition:right .3s ease-in}.room-card .join-button:hover:before{right:calc(0% - 50px)}.room-pin{white-space:nowrap;font-weight:500;display:inline-block;font-family:Archivo Black,sans-serif;color:var(--k-cyan)}.skeleton{display:block;background-color:var(--k-lightgray);height:1em;border-radius:.25rem;overflow:hidden}.skeleton:not(.shimmer){animation:skeleton-animation 2s ease-in-out .5s infinite}.skeleton.shimmer:after{position:absolute;content:"";top:0;left:0;bottom:0;right:0;transform:translate(-100%);background:linear-gradient(110deg,var(--k-lightgray) 30%,var(--k-lightgray-light) 50%,var(--k-lightgray) 70%);animation:shimmer 3s infinite linear}@keyframes shimmer{to{transform:translate(100%)}}@keyframes skeleton-animation{0%{background-color:var(--k-lightgray)}50%{background-color:var(--k-lightgray-light)}to{background-color:var(--k-lightgray)}}#capsules hr{margin-top:40px}#capsules .container{display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.capsule-card{width:15rem;min-height:23rem;border-radius:.5rem;background-color:#fff;overflow:hidden;color:var(--k-gray);transition:scale linear .2s;display:flex;flex-direction:column;position:relative}.capsule-card:hover>.share-icon-wrapper{opacity:1}.capsule-card>.share-icon-wrapper{position:absolute;right:0;top:0;z-index:2;border-bottom-left-radius:.5rem;transition:opacity linear .15s;cursor:pointer;opacity:0;background-color:var(--k-cyan);color:#fff;padding:.4rem .4rem .5rem .5rem}.capsule-card>.share-icon-wrapper.on{opacity:1}.capsule-card>.share-icon-wrapper:hover{color:var(--k-lightgray-light)}.capsule-card>.share-icon-wrapper>.share-icon{color:inherit}.capsule-card.shared>.share-icon-wrapper{background-color:var(--k-yellow);cursor:default}.capsule-card.shared>.share-icon-wrapper:hover{color:#fff}.capsule-card .capsule-img-container{position:relative;background-color:var(--k-lightblue)}.capsule-card .capsule-img-container .capsule-thumbnail{width:100%;height:9rem;object-fit:cover}.capsule-card .capsule-img-container .logo-wrapper{position:absolute;top:100%;left:50%;transform:translate(-50%,-85%);border:1px solid var(--k-dark);border-radius:100%;background-color:var(--k-lightblue);width:calc(4rem + 2px);height:calc(4rem + 2px);overflow:hidden}.capsule-card .capsule-img-container .logo-wrapper .capsule-logo{width:4rem;height:4rem}.capsule-card .capsule-img-container .logo-wrapper .launch-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#36343499;width:6rem;height:6rem;display:flex;justify-content:center;align-items:center;transition:opacity linear .15s;cursor:pointer}.capsule-card .capsule-img-container .logo-wrapper .launch-btn:hover{background-color:#363434cc;transition:all linear .2s}.capsule-card .capsule-img-container .logo-wrapper .launch-btn:hover svg{transition:all linear .5s}.capsule-card .capsule-img-container .logo-wrapper .launch-btn svg{width:2rem;height:2rem;color:var(--k-lightgray)}.capsule-card .capsule-text-wrapper{padding:1rem 1.5rem}.capsule-card .capsule-text-wrapper .capsule-name{font-weight:500;font-size:1.15rem;text-align:center;color:var(--k-dark)}.capsule-card .capsule-text-wrapper .capsule-description{margin:0;margin-top:1rem;font-size:.9rem;font-weight:400;text-align:left}.capsule-card.library{width:11rem;min-height:18rem}.capsule-card.library>.capsule-img-container>.capsule-thumbnail{height:6rem}.capsule-card.library>.capsule-text-wrapper{padding:.75rem .5rem}.capsule-card.library>.capsule-text-wrapper .capsule-name{font-weight:500;font-size:.9rem;height:2lh;display:-webkit-box;overflow:hidden;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.capsule-card.library>.capsule-text-wrapper .capsule-description{margin-top:.5rem;font-size:.85rem;font-weight:400;height:5lh;overflow:hidden;display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis}.capsule-card.library>.capsule-img-container>.logo-wrapper{width:calc(3rem + 2px);height:calc(3rem + 2px)}.capsule-card.library>.capsule-img-container>.logo-wrapper .capsule-logo{width:3rem;height:3rem}.capsule-card.library>.capsule-img-container>.logo-wrapper .launch-btn{width:5rem;height:5rem}.capsule-card.library>.capsule-img-container>.logo-wrapper .launch-btn svg{width:1.5rem;height:1.5rem}.capsule-card.library>.library-action-wrapper{display:flex;justify-content:center;gap:1rem;padding:.75rem 1rem;margin-top:auto;border-top:1px solid var(--k-lightgray)}.capsule-card.library>.library-action-wrapper>*{cursor:pointer;transition:color linear .2s;color:var(--k-gray)}.capsule-card.library>.library-action-wrapper>*:hover{color:var(--k-gray-dark)}.create-kapsule-modal-wrapper>.modal-content{width:clamp(400px,400px,100%)}.create-kapsule-modal-wrapper .create-kapsule-modal-content{background-color:#fff;padding:0 2rem;border-radius:.5rem;color:var(--k-dark);display:flex;flex-direction:column;gap:1rem}.create-kapsule-modal-wrapper .create-kapsule-modal-content>h1{font-size:1.5rem;font-weight:500;text-align:center;color:var(--k-dark)}.create-kapsule-modal-wrapper .create-kapsule-modal-content>div>input,.create-kapsule-modal-wrapper .create-kapsule-modal-content>div>.kapsule-dropdown,.create-kapsule-modal-wrapper .create-kapsule-modal-content>div>.current-kapsule{margin-top:.5rem}.create-kapsule-modal-wrapper .create-kapsule-modal-content>div>.current-kapsule{display:flex;align-items:center}.create-kapsule-modal-wrapper .create-kapsule-modal-content>div>.current-kapsule>img{display:block;width:2.75rem;height:2.75rem;border-radius:100%;background-color:var(--k-lightblue);border:solid var(--k-lightgray) 1px}.create-kapsule-modal-wrapper .create-kapsule-modal-content>div>.current-kapsule>.kapsule-name{font-weight:400;display:block;margin-left:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px;box-sizing:border-box;border-radius:5px;outline:none;transition:border-color linear .3s;border:solid var(--k-lightgray) 1px;font-size:.85rem;background:var(--k-lightgray-light);color:var(--k-gray);-webkit-user-select:none;user-select:none;cursor:not-allowed;flex:1}.create-kapsule-modal-wrapper .create-kapsule-modal-content label{font-weight:500}.create-kapsule-modal-wrapper .create-kapsule-modal-content input{font-weight:400;color:var(--k-dark)}.create-kapsule-modal-wrapper .create-kapsule-modal-content .select-kapsule>option>img{width:1rem;height:1rem}.create-kapsule-modal-wrapper .create-kapsule-modal-content .error-alert{-webkit-user-select:none;user-select:none;opacity:0;color:var(--k-red);font-size:.8rem;font-weight:400}.create-kapsule-modal-wrapper .create-kapsule-modal-content .error-alert.active{opacity:1}.capsule-authoring{width:100%;height:100%;display:flex;flex-direction:column}.capsule-authoring>.capsule-authoring-header{color:#fff;margin:0;padding:1rem 0;font-size:2rem;display:flex;justify-content:center;align-items:center;gap:.5rem}.capsule-authoring>.capsule-authoring-header>img{width:3rem;height:3rem;border-radius:100%}.capsule-authoring>.capsule-authoring-header>span{font-weight:400;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-authoring>.capsule-authoring-header .edit-icon>svg{cursor:pointer}.capsule-authoring>.capsule-authoring-header .edit-icon>svg:hover{color:var(--k-gray)}.capsule-authoring>iframe{width:100%;flex-grow:1;border:none}.error-404{width:100%;height:100%;background-image:url(/assets/404.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}@media screen and (max-width: 425px){.error-404{background-image:url(/assets/404-small.jpg)}}.error-404 span{font-size:2rem;color:#fff}.error-404 span:first-child{color:var(--k-cyan);font-size:6rem}.error-404 .k-btn{margin-top:20px;background-color:var(--k-cyan);border-radius:200px;padding:10px 20px;font-size:2rem;z-index:1;position:relative;overflow:hidden}.error-404 .k-btn:hover{background-color:var(--k-cyan)}.error-404 .k-btn:before{content:"";top:0;left:0;bottom:0;right:100%;border-top-right-radius:50px;border-bottom-right-radius:50px;background-color:var(--k-cyan-dark);position:absolute;z-index:-1;transition:right .3s ease-in;-o-transition:right .3s ease-in;-ms-transition:right .3s ease-in;-moz-transition:right .3s ease-in;-webkit-transition:right .3s ease-in}.error-404 .k-btn:hover:before{right:calc(0% - 50px)}#library .library-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1.5rem;gap:1rem}#library .library-btns{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}@media (max-width: 800px){#library .library-btns{justify-content:center}}#library .library-btns .library-medias-btn,#library .library-btns .import-library-btn,#library .library-btns .create-library-btn{background-color:var(--k-cyan);font-size:.9rem}#library .library-btns .library-medias-btn>svg,#library .library-btns .import-library-btn>svg,#library .library-btns .create-library-btn>svg{width:1.5rem;height:1.5rem}#library .library-btns .library-medias-btn:hover,#library .library-btns .import-library-btn:hover,#library .library-btns .create-library-btn:hover{background-color:var(--k-cyan-dark)}.modal-share-kapsule{width:clamp(600px,600px,100%)}.modal-share-kapsule>.k-modal-body{display:flex;align-items:center;flex-direction:column;gap:.5rem;padding:0 1rem}.modal-share-kapsule>.k-modal-body>.modal-line{display:flex;justify-content:space-between;align-items:center;width:100%}.modal-share-kapsule>.k-modal-body>.modal-line label{display:flex;align-items:center;gap:.5rem}.modal-share-kapsule>.k-modal-body>.modal-line label>span:nth-child(2){color:var(--k-cyan);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-share-kapsule>.k-modal-body>.modal-line .switch-wrapper{display:flex;align-items:center;gap:1rem}.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper{display:flex;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem}.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .share-url>span,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .share-url>span{font-size:.8rem}.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .capsule-code,.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .share-url,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .capsule-code,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .share-url{font-size:.95rem;border:2px solid var(--k-lightgray);flex:1;padding:2px 10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .capsule-code>span,.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .share-url>span,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .capsule-code>span,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .share-url>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 30px)}.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .capsule-code .copy-icon,.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .share-url .copy-icon,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .capsule-code .copy-icon,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .share-url .copy-icon{cursor:pointer;color:var(--k-gray);transition:all .2s ease-in-out;margin-left:.5rem;height:100%}.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .capsule-code .copy-icon:hover,.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .share-url .copy-icon:hover,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .capsule-code .copy-icon:hover,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .share-url .copy-icon:hover{color:var(--k-gray-dark)}.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .regenerate-icon,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .regenerate-icon{cursor:pointer;color:var(--k-gray);transition:all .2s ease-in-out;height:100%}.modal-share-kapsule>.k-modal-body>.modal-kapsule-code-wrapper .regenerate-icon:hover,.modal-share-kapsule>.k-modal-body>.modal-kapsule-url-wrapper .regenerate-icon:hover{color:var(--k-gray-dark)}.modal-import-shared-kapsule{width:clamp(600px,600px,100%)}.modal-import-shared-kapsule>.k-modal-body{padding:0 2rem}.modal-import-shared-kapsule>.k-modal-body>.modal-line{display:flex;justify-content:center;align-items:center;gap:.5rem;position:relative}.modal-import-shared-kapsule>.k-modal-body>.modal-line .capsule-code-input{font-size:.95rem;border:1px solid var(--k-lightgray);flex:1;color:var(--k-dark);padding:2px 10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:color .2s ease-in-out,border-color .2s ease-in-out}.modal-import-shared-kapsule>.k-modal-body>.modal-line .input-icon{position:absolute;right:.5rem;transition:color .2s ease-in-out;color:var(--k-dark)}.modal-import-shared-kapsule>.k-modal-body>.modal-line.error>.capsule-code-input{border-color:var(--k-red)}.modal-import-shared-kapsule>.k-modal-body>.modal-line.active>.capsule-code-input{border-color:var(--k-cyan);color:var(--k-cyan)}.modal-import-shared-kapsule>.k-modal-body>.modal-line.active>.input-icon{color:var(--k-cyan)}.modal-import-shared-kapsule>.k-modal-body>.library-preview{display:flex;flex-direction:column;gap:.5rem;border-top:2px solid var(--k-lightgray-light);margin-top:1rem;padding-top:1rem}.modal-import-shared-kapsule>.k-modal-body>.library-preview>.capsule-infos{display:flex;align-items:center;gap:1rem}.modal-import-shared-kapsule>.k-modal-body>.library-preview>.capsule-infos .capsule-logo{width:4rem;height:4rem;border-radius:100%}.modal-import-shared-kapsule>.k-modal-body>.library-preview>span:not(:last-child){font-size:.9rem;color:var(--k-gray);margin-bottom:.5rem}.modal-import-shared-kapsule>.k-modal-body>.library-preview>.author{display:flex;align-items:center;gap:.5rem;color:var(--k-dark)}.modal-import-shared-kapsule>.k-modal-body>.library-preview>.author img{width:2rem;height:2rem;border-radius:100%}.modal-import-shared-kapsule>.k-modal-body>.error-message{border-top:2px solid var(--k-lightgray);margin-top:1rem;padding-top:1rem}.modal-import-shared-kapsule>.k-modal-body>.error-message>span{font-size:.9rem;color:var(--k-red)}#ressources{width:100%;height:100%}.file-manager nav{color:var(--k-dark)}.file-manager nav ul{list-style-type:none;padding:0;margin:0;display:inline-flex;background-color:#fff;border-radius:10px 10px 0 0}.file-manager nav ul li{cursor:pointer;text-align:center;transition:color ease-in-out .2s;position:relative;overflow:hidden}.file-manager nav ul li a{display:block;padding:10px 20px;color:unset;text-decoration:unset}.file-manager nav ul li.active{color:var(--k-cyan)}.file-manager nav ul li:after{transition:all ease-in-out .2s;background-color:var(--k-cyan);content:"";width:100%;height:2px;position:absolute;top:100%;left:0;transform:translate(-100%,-100%)}.file-manager nav ul li:last-child:after{transform:translate(100%,-100%)}.file-manager nav ul li.active:after{transform:translateY(-100%)}.file-manager section{width:100%;background-color:#fff;border-radius:0 10px 10px;color:#000;min-height:100px;max-height:88%;overflow-y:auto}@media screen and (max-width: 800px){.file-manager section{max-height:87%}}@media screen and (max-width: 500px){.file-manager nav ul{display:flex}.file-manager nav ul li{flex:1 0}.file-manager section{border-radius:0 0 10px 10px}}.file-manager .used-space-indicator,.tag-section .active-tag-container .files-table{margin-top:5px}.tag-section .tags-container .tags-container-header{display:flex;flex-wrap:wrap}.tag-section .tags-container .tags-container-header .progress-bar{width:200px}.tag-section .tags-container .tags-container-header .create-tag{margin-left:auto;display:block;margin-bottom:15px}.tag-section .tags-container .tags-wrapper{display:flex;flex-wrap:wrap;gap:15px}.tag .tag-wrapper{position:relative}.tag .tag-wrapper .activate-button{position:absolute;top:0;right:0;transform:translate(50%,-50%);padding:5px;z-index:1}.tag .tag-wrapper .activate-button.deactivated{background-color:var(--k-lightgray);color:var(--k-gray-dark)}.tag .tag-wrapper .tag-box{width:150px;height:115.3846153846px;border-radius:10px;background-color:var(--k-gray);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color ease-in-out .2s}.tag .tag-wrapper .tag-box .tag-name{text-align:center}.tag .tag-wrapper .tag-box:hover{background-color:var(--k-lightgray)}#library-resources{width:100%;height:100%}#report .empty-reports-text{display:block;width:100%;text-align:center;margin-top:20px;font-style:italic}#report .reports-wrapper{padding:10px;color:var(--k-dark);background-color:#fff;border-radius:10px}#report .reports-wrapper .table-header{display:flex;flex-wrap:wrap;gap:20px;align-items:center}#report .reports-wrapper .table-header .date-inputs{display:flex;align-items:center;flex-wrap:wrap;gap:10px}#report .reports-wrapper .table-header .date-inputs .date-input-wrapper{display:flex;align-items:center;gap:5px}#report .reports-wrapper .table-header input{width:200px}#report .reports-wrapper .table-header .start-time-input{text-transform:capitalize}#report .reports-wrapper .table-wrapper{max-height:75vh;overflow-y:auto}#report .reports-wrapper .table-wrapper table thead>tr{position:sticky;top:0;background-color:#fff}#report .reports-wrapper .table-wrapper table .capsule-icon{width:100px;height:100px}#report .reports-wrapper .table-wrapper table .capsule-icon img{border-radius:100px}#report .reports-wrapper .table-wrapper table .report-link a{display:block;text-align:center;color:var(--k-cyan);font-size:1.3rem}#report .reports-wrapper .table-wrapper table .report-link a>*{color:inherit}#report .reports-wrapper .pagination{margin-top:10px}@media screen and (max-width: 500px){#report .reports-wrapper .table-header{gap:5px}#report .reports-wrapper .table-header .date-input-wrapper{flex:1 0}#report .reports-wrapper .table-header .date-input-wrapper label{width:20px}#report .reports-wrapper .table-header input{flex:1 0}#report .reports-wrapper .table-wrapper{max-height:50vh}#report .reports-wrapper .table-wrapper *[data-type=icon],#report .reports-wrapper .table-wrapper *[data-type=instance],#report .reports-wrapper .table-wrapper *[data-type=participant-count]{display:none}}.tr-loader .report-link .report-icon{max-width:100px;display:block;text-align:center;margin-left:auto}.tr-loader .report-link .report-icon .skeleton{margin:auto}.report-content{background-color:#fff;color:var(--k-dark);padding:20px;border-radius:10px}.report-content.dark{background-color:var(--k-dark-dark);border-radius:0}.report-content.dark .report-content-header span{color:#fff}.report-content .report-content-header{display:flex;align-items:center;margin-bottom:30px}.report-content .report-content-header .back-icon{text-align:center;font-size:1.6rem;color:var(--k-cyan);width:2rem}.report-content .report-content-header .back-icon>*{font-size:1rem;color:inherit}.report-content .report-content-header span{font-size:1.4rem;display:block;text-align:center;flex:1 0;margin-right:2rem;display:flex;gap:10px;align-items:center;justify-content:center}.report-content .report-content-header span img{height:50px;border-radius:50px}.report-content .report-content-content .row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.report-content .report-content-content .report-content-infos{flex:1 0;min-width:300px;background-color:var(--k-lightgray-light);margin:0;padding:20px 20px 20px 40px;border-radius:20px}.report-content .report-content-content .report-content-infos li{padding:3px 0}.report-content .report-content-content .participants{flex:3 0;background-color:var(--k-dark);padding:20px 10px;border-radius:20px}.report-content .report-content-content .participants span.section-title{color:#fff;text-transform:capitalize;width:100%;display:block;font-size:1.3rem;text-align:center;margin-bottom:10px}.report-content .report-content-content .participants .content{display:flex;justify-content:center;align-self:flex-start;gap:20px;flex-wrap:wrap}.report-content .report-iframe-container{width:100%;height:85vh;border:none;border-radius:.5rem;margin-top:1rem;background-color:var(--k-dark)}.modal-share-report .add-token{margin:5px 0;display:flex;gap:10px}.modal-share-report input{border:solid 1px var(--k-dark);color:var(--k-dark);width:100%;min-width:100px}.modal-share-report table th,.modal-share-report table td{text-align:center}.modal-share-report table tr>*:first-child{width:30%}.modal-share-report table *:nth-child(4){width:60%}.modal-share-report table *:nth-child(4) .input-link{display:flex;gap:.5rem;align-items:center}.modal-share-report table *:nth-child(4) .input-link svg{width:20px;height:20px;cursor:pointer}.modal-share-report table .action-buttons{display:flex;justify-content:center;gap:10px}.modal-share-report table .action-buttons *{width:20px;height:20px;cursor:pointer}.modal-share-report table .action-buttons .save{color:var(--k-cyan)}.modal-share-report table .action-buttons .delete{color:var(--k-red)}@media screen and (max-width: 400px){.modal-share-report input{min-width:80px}.modal-share-report table tr>*:nth-child(2){display:none}}#room-projector{width:100%;height:100%;padding:0}.room-projector-content{width:100%;height:100%;position:relative;overflow:hidden}.room-projector-waiting-screen{background-color:var(--k-dark);padding:20px;position:absolute;width:100%;height:100%;top:0;left:0;transition:all ease-in .3s}.room-projector-waiting-screen.hidden{animation:zIndex step-start .3s;animation-fill-mode:forwards;opacity:0;transform:translateY(100px)}@keyframes zIndex{99%{z-index:0}to{z-index:-1}}