.document-link-modal{}.document-link-modal button{border-radius:.5em;margin:.25em 0;background-color:orange;width:calc(100% - 3em);font-size:1.4em;padding:.25em 1.5em;display:flex;flex-direction:column;}.document-link-modal button > i{font-size:1.8em;}.document-link-modal button:first-of-type{background-color:rgb(135, 200, 118);}.document-link-modal button:last-of-type{background-color:rgba(233, 37, 44, 1);}.select-room-modal{display:flex;flex-direction:column;width:45em;height:35em;max-width:95vw;max-height:95vh;position:relative;overflow:hidden;background-color:rgba(46,46,46,1);border-radius:1.5em;box-shadow:0 2px 15px 3px rgba(0,0,0,0.5);}.select-room-modal > h4{font-size:1.6em;padding:.5em .25em;margin:0 1em;text-align:center;width:calc(100% - 2.5em);}.select-room-modal .btn-close{position:absolute;top:0;right:0;padding:.5em;font-size:1.4em;color:white;background-color:transparent;}.select-room-modal .community-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;overflow:auto;flex:1;border-radius:.5em;padding:.35em;width:calc(100% - 1em);font-size:1.3em;position:relative;}.select-room-modal .community-container .placeholder{position:absolute;top:.5em;left:.5em;width:calc(100% - 1em);height:calc(100% - 1em);display:flex;justify-content:center;align-items:center;color:rgba(204,204,204,1);font-family:'bebas';font-size:1.4em;text-align:center;}.select-room-modal .community-container .btn-create-object{position:relative;margin:.5em;font-size:.7em;}.command-details-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:550px;height:650px;max-width:95vw;max-height:95vh;position:relative;background-color:rgba(46,46,46,1);border-radius:1.5em;box-shadow:0 2px 15px 3px rgba(0,0,0,0.5);}.command-details-modal .btn-close{position:absolute;top:0;right:0;padding:.5em;font-size:1.4em;color:white;background-color:transparent;}.command-details-modal > h4{font-size:1.6em;}.command-details-modal .command-infos{width:calc(100% - 4em);margin:1em;border-radius:1em;padding:1em;border:1px solid rgba(255,255,255,0.5);}.command-details-modal .command-infos > div{padding:.25em 0;}.command-details-modal .command-infos .basic-infos{}.command-details-modal .command-infos .basic-infos span{font-style:italic;}.command-details-modal .command-infos .command-date{font-style:italic;}.command-details-modal .command-infos .command-status{font-weight:bold;font-size:1.1em;}.command-details-modal .command-infos .command-status[state="1"]{color:orange;}.command-details-modal .command-infos .command-status[state="2"]{color:rgba(233, 37, 44, 1);}.command-details-modal .command-infos .command-status[state="3"]{color:rgba(128,128,128,1);}.command-details-modal .command-infos .command-status[state="0"]{color:rgb(135, 200, 118);}.command-details-modal > h5{display:block;font-size:1.4em;text-align:left;width:calc(100% - 1em);}.command-details-modal .product-list{flex:1;display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;overflow:auto;overflow-x:hidden;width:100%;}.command-details-modal .product-list .product-container{display:flex;justify-content:center;align-items:center;margin:.5em;font-size:1.1em;max-width:calc(50% - 1em);}.command-details-modal .product-list .product-container .product-image{width:4em;height:4em;min-width:4em;min-height:4em;border-radius:150px;border:1px solid white;overflow:hidden;position:relative;margin:.5em;box-shadow:0 2px 5px rgba(0,0,0,0.35);}.command-details-modal .product-list .product-container .product-infos{display:flex;flex-direction:column;}.command-details-modal .product-list .product-container .product-infos .product-option{font-style:italic;}.command-details-modal .price{font-size:1.4em;width:calc(100% - 1em);text-align:right;padding:.5em;}.media-modal{height:90vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center;}.media-modal > *{max-width:100%;max-height:100%;border-radius:7px;transition:opacity .35s ease-out, margin-left .25s ease-out;}.media-modal .img-container{position:relative;overflow:hidden;}.media-modal .img-container > img{position:absolute;}.ui-container-modal{width:800px;max-width:calc(100vw - .5em - 2px);border:2px solid var(--secondary_100);border-radius:.35em;overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:calc(90vh - 5em);background-color:var(--tertiary_94_100);position:relative;}.user-invitation{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}.user-invitation .avatar-ball{min-width:4em;max-width:4em;height:4em;border:1px solid white;overflow:hidden;margin-bottom:1em;border-radius:150px;}.user-invitation .avatar-ball > img{min-height:100%;min-width:100%;max-width:100%;}.user-invitation > p{text-align:left;}.user-invitation > div{text-align:center;font-size:.9em;}.user-invitation > div br{display:block;content:'';margin-bottom:5px;}.user-invitation .grid-container{position:relative;overflow:hidden;width:90%;min-width:90%;border-radius:.5em;height:50vh;}.project-selector{}.project-selector > h4{padding-bottom:.5em;}.project-selector .inventory-site{margin:.5em;position:relative;transition:border-color .15s ease-out, transform .1s ease-out;}.project-selector .inventory-site[selected]{border-color:rgb(135, 200, 118);transform:scale(1.05);}.project-selector .rooms-list{max-height:100%;}.project-selector .search-bar{display:flex;justify-content:center;border-radius:50px;margin-bottom:.5em;background-color:var(--tertiary_86_100);}.project-selector .search-bar > input{background-color:transparent;border:none;margin-right:1.2em;font-size:1.1em;color:var(--textColor);flex:1;text-align:center;}.project-selector .search-bar > i{color:rgba(102,102,102,1);padding:.25em;font-size:1.2em;}.share-modal{background-color:var(--tertiary_92_100);border-radius:1.5em;border:2px solid var(--secondary_100);display:flex;justify-content:center;align-items:center;flex-direction:column;width:600px;max-width:calc(100vw - 1em);box-shadow:0 2px 7px 3px rgba(0,0,0,0.5);position:relative;max-height:80vh;}.share-modal > h4{font-size:1.8em;font-family:'bebas';font-weight:normal;text-align:center;padding:.75em;margin:0;}.share-modal > button{position:absolute;top:0;right:0;padding:.5em;font-size:2em;color:var(--textColor);background-color:transparent;cursor:pointer;border:none;}.share-modal .qr-code-container{color:var(--mainColor);background-color:rgba(229,229,229,1);border-radius:1em;overflow:hidden;display:flex;justify-content:center;align-items:center;width:15em;height:15em;min-height:15em;max-height:15em;margin-bottom:1.5em;}.share-modal .rooms-list{width:calc(100% - 1em);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:1em 0;overflow-y:auto;background-color:var(--tertiary_100_35);border-radius:.5em;border:1px solid var(--secondary_25);box-shadow:0 -5px 7px rgba(0,0,0,0.35) inset;}.share-modal .rooms-list .icon-spinner2{margin:1em 0;display:inline-block;animation-name:turn;animation-fill-mode:forwards;animation-timing-function:linear;animation-duration:.75s;animation-iteration-count:infinite;}.share-modal .rooms-list .tchat-contact{font-size:1.2em;}.share-modal[select-mode-only]{}.share-modal[select-mode-only] .rooms-list{max-height:100%;}.share-modal[select-mode-only] .options > button:not(.btn-validate){width:0;height:0;margin:0;opacity:0;border:none;}.share-modal .icon-www{font-size:.75em !important;}.share-modal .icon-pdf{font-size:.75em !important;}.share-modal .options{opacity:1 !important;position:relative !important;display:flex;justify-content:center;align-items:center;flex-wrap:no-wrap;border-radius:150px;margin-bottom:25px;margin-top:10px;height:4em;max-width:80%;font-size:1.2em;background-color:var(--mainColor);transition:max-width .15s ease-out, box-shadow .15s ease-out;}.share-modal .options .menu-container{background-color:transparent;}.share-modal .options .menu-container .publish{width:4em;}.share-modal .options .menu-container .button-component{}.share-modal .options .menu-container .button-component[not-published] .icon-www{color:rgba(233, 37, 44, 1);}.share-modal .options .menu-container .button-component[modified] .icon-www{color:orange;}.share-modal .options .menu-container .button-component[published] .icon-www{color:rgb(135, 200, 118);}.share-modal .options .menu-container .button-component .icon-spinner2{display:inline-block;animation-name:turn;animation-fill-mode:forwards;animation-timing-function:linear;animation-duration:.75s;animation-iteration-count:infinite;}.share-modal .options .menu-container .editable-label input{font-size:1em;text-align:center;border:none !important;height:calc(100% - 14px);}.share-modal .options > button{color:rgba(31,31,31,0.75);border:none;cursor:pointer;padding:0em 2em;width:6em;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity .15s ease-out, color .15s ease-out, width .15s ease-out, padding .15s ease-out;}.share-modal .options > button:not(.btn-validate):first-of-type{border-top-left-radius:150px;border-bottom-left-radius:150px;transform-origin:right center;}.share-modal .options > button:not(.btn-validate):last-of-type{border-top-right-radius:150px;border-bottom-right-radius:150px;transform-origin:left center;}.share-modal .options > button > i{font-size:2.75em;}.share-modal .options > button:hover{color:var(--textColor);}.share-modal .options > button[select-mode]{opacity:0;width:0;}.share-modal .options .btn-validate{border-radius:150px;background-color:rgba(150, 224, 80, .5);width:5em;height:5em;display:flex;justify-content:center;align-items:center;}.share-modal .options .btn-validate > i{font-size:2.5em;color:rgb(150, 224, 80);text-shadow:0 -2px 0 rgb(255 255 255), 0 2px 0 rgb(255 255 255), 0 6px 0 rgb(36 36 36);}.share-modal .options[select-mode]{box-shadow:none;max-width:4em;}.share-modal .options[select-mode] > button:not(.btn-validate){opacity:0;width:0;}.share-modal .options:not([select-mode]) .btn-validate{width:0;height:0;margin:0;opacity:0;border:none;}.edit-hour-card-modal{display:flex;flex-direction:column;align-items:center;width:35em;max-width:99vw;max-height:99vh;min-height:12em;border:1px solid var(--secondary_25);overflow-y:auto;overflow-x:hidden;background-color:rgba(41,41,41,0.75);backdrop-filter:blur(5px);border-radius:1em;}.edit-hour-card-modal > h3{background-color:rgba(21,21,21,0.75);text-align:center;color:var(--textColor);font-family:'bebas';font-weight:normal;font-size:1.6em;margin:0;padding:.25em;min-width:calc(100% - .5em);border-bottom:1px solid var(--secondary_25);box-shadow:0 2px 5px rgba(0,0,0,0.35);}.edit-hour-card-modal > h4{font-weight:normal;font-size:1em;text-align:center;margin:.5em 0;padding:.5em 1em;border:1px solid var(--secondary_25);border-radius:150px;background-color:rgba(16,16,16,0.5);box-shadow:0 -2px 5px rgba(0,0,0,0.35) inset;}.edit-hour-card-modal > input{background-color:rgba(21,21,21,0.35);border:none;border-bottom:1px solid var(--secondary_50);width:calc(100% - 1em);margin:.25em 0;margin-bottom:.75em;padding:.5em;font-size:1.4em;text-align:center;font-family:'bebas';color:var(--textColor);}.edit-hour-card-modal > input:placeholder{color:rgba(204,204,204,1);}.edit-hour-card-modal .card-type-menu{display:flex;justify-content:center;align-items:center;margin-bottom:1em;}.edit-hour-card-modal .card-type-menu .btn-card-type{margin:0 .75em;background-color:var(--tertiary_94_100);color:var(--textColor);border-radius:150px;width:5em;height:5em;cursor:pointer;border:1px solid var(--secondary_50);}.edit-hour-card-modal .card-type-menu .btn-card-type > i{font-size:3em;}.edit-hour-card-modal .card-type-menu .btn-card-type:hover{border-color:rgb(135, 200, 118);}.edit-hour-card-modal .hour-card-specific-editor{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;}.edit-hour-card-modal .hour-card-specific-editor > button{background-color:rgb(135, 200, 118);display:flex;justify-content:center;align-items:center;color:var(--textColor);height:2em;border:1px solid var(--secondary_100);cursor:pointer;border-radius:.35em;margin-bottom:1.25em;font-size:1.2em;box-shadow:0 2px 5px rgba(0,0,0,0.35);}.edit-hour-card-modal .hour-card-specific-editor > button > img{height:2.5em;margin-top:-.35em;margin-bottom:-.35em;background-color:rgb(135, 200, 118);padding:.1em;margin-left:-.75em;border-radius:150px;border:1px solid transparent;border-left:1px solid var(--secondary_100);border-top:1px solid var(--secondary_100);border-bottom:1px solid var(--secondary_100);box-shadow:0 2px 5px rgba(0,0,0,0.35);}.edit-hour-card-modal .hour-card-specific-editor .dates-list{background-color:rgba(21,21,21,0.5);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:1em;width:calc(100% - 2em);min-height:5em;max-height:10em;overflow-y:auto;}.edit-hour-card-modal .hour-card-specific-editor .dates-list .specific-date{background-color:var(--tertiary_86_100);border-radius:7px;font-size:1em;margin:.25em;padding:.25em;text-align:center;border:1px solid var(--secondary_25);cursor:pointer;}.edit-hour-card-modal .hour-card-period-editor{background-color:rgba(21,21,21,0.5);display:flex;flex-direction:column;width:100%;}.edit-hour-card-modal .hour-card-week-editor{background-color:rgba(21,21,21,0.5);display:flex;flex-direction:column;width:100%;}.edit-hour-card-modal .hour-card-week-editor .day-label{display:flex;justify-content:center;align-items:center;padding:.5em;width:calc(100% - 1em);}.edit-hour-card-modal .hour-card-week-editor .day-label:not(:last-of-type){border-bottom:1px solid var(--secondary_25);}.edit-hour-card-modal .hour-card-week-editor .day-label .checkbox{margin:0 1em;}.edit-hour-card-modal .hour-card-week-editor .day-label > p{flex:1;margin:0;}.edit-hour-card-modal:not([selected-type='1']){}.edit-hour-card-modal:not([selected-type='1']) .hour-card-week-editor{display:none;}.edit-hour-card-modal[selected-type='1'] .btn-card-type[type='1']{background-color:rgb(135, 200, 118);border-color:rgb(135, 200, 118);}.edit-hour-card-modal:not([selected-type='2']){}.edit-hour-card-modal:not([selected-type='2']) .hour-card-period-editor{display:none;}.edit-hour-card-modal[selected-type='2'] .btn-card-type[type='2']{background-color:rgb(135, 200, 118);border-color:rgb(135, 200, 118);}.edit-hour-card-modal:not([selected-type='3']){}.edit-hour-card-modal:not([selected-type='3']) .hour-card-specific-editor{display:none;}.edit-hour-card-modal[selected-type='3'] .btn-card-type[type='3']{background-color:rgb(135, 200, 118);border-color:rgb(135, 200, 118);}.edit-hour-card-modal .group{width:calc(100% - 1em);padding:.5em;display:flex;justify-content:center;align-items:center;}.edit-hour-card-modal .group > p{flex:1;}.edit-hour-card-modal .save-bar{display:flex;justify-content:center;align-items:center;margin-top:2em;padding-bottom:.5em;}.edit-hour-card-modal .save-bar > button{color:var(--textColor);padding:.25em .75em;border-radius:.35em;font-size:1.2em;cursor:pointer;border:1px solid var(--secondary_25);margin:.35em;}.edit-hour-card-modal .save-bar .btn-save{background-color:rgb(135, 200, 118);}.edit-hour-card-modal .save-bar .btn-cancel{background-color:rgba(90,90,90,1);}.edit-timeslots-modal{display:flex;flex-direction:column;align-items:center;width:35em;max-width:99vw;max-height:99vh;min-height:12em;border:1px solid var(--secondary_25);overflow-y:auto;overflow-x:hidden;background-color:rgba(41,41,41,0.75);backdrop-filter:blur(5px);border-radius:1em;}.edit-timeslots-modal > h3{background-color:rgba(21,21,21,0.75);text-align:center;color:var(--textColor);font-family:'bebas';font-weight:normal;font-size:1.6em;margin:0;padding:.25em;min-width:calc(100% - .5em);border-bottom:1px solid var(--secondary_25);box-shadow:0 2px 5px rgba(0,0,0,0.35);}.edit-timeslots-modal > h4{font-weight:normal;font-size:1.2em;text-align:center;margin:.5em 0;padding:.5em 1em;width:fit-content;border-radius:150px;background-color:rgb(135, 200, 118);box-shadow:0 2px 5px rgba(0,0,0,0.35);}.edit-timeslots-modal > h4 > i{margin:0 .5em;}.edit-timeslots-modal:not([dynamic-mode]){}.edit-timeslots-modal:not([dynamic-mode]) .group:not(:first-of-type):not(.top-menu){opacity:0;max-height:0;margin:0;pointer-events:none;}.edit-timeslots-modal[dynamic-mode]{}.edit-timeslots-modal[dynamic-mode] .group:not(:first-of-type):not([dynamic-mode]){opacity:0;max-height:0;margin:0;pointer-events:none;}.edit-timeslots-modal[dynamic-mode] .slices-list{overflow:hidden;max-height:0;opacity:0;pointer-events:none;}.edit-timeslots-modal .slices-list{background-color:rgba(16,16,16,0.75);overflow-y:auto;flex:1;width:100%;max-height:43vh;display:flex;flex-direction:column;transition:max-height .2s ease-out, opacity .15s ease-out;}.edit-timeslots-modal .slices-list .slice-container{margin:1em;margin-bottom:.5em;border-radius:.35em;border:1px solid var(--secondary_25);display:flex;align-items:center;background-color:rgba(31,31,31,0.5);}.edit-timeslots-modal .slices-list .slice-container .infos-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;}.edit-timeslots-modal .slices-list .slice-container .infos-container .line:first-of-type{border-bottom:1px solid var(--secondary_25);}.edit-timeslots-modal .slices-list .slice-container .infos-container .line{display:flex;justify-content:center;align-items:center;width:calc(100% - 1em);padding:.5em;color:white;}.edit-timeslots-modal .slices-list .slice-container .infos-container .line .icon{height:100%;font-size:1.5em;margin-right:.35em;padding:.25em;width:1.5em;border-right:1px solid var(--secondary_25);}.edit-timeslots-modal .slices-list .slice-container .infos-container .line .infos{display:flex;align-items:center;flex:1;}.edit-timeslots-modal .slices-list .slice-container .infos-container .line .infos > i{margin:0 .35em;}.edit-timeslots-modal .slices-list .slice-container .menu{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;border:1px solid var(--secondary_25);border-right:none;padding:.35em 0;background-color:rgba(127,127,127,0.25);border-top-left-radius:.35em;border-bottom-left-radius:.35em;box-shadow:-2px 0 5px rgba(0,0,0,0.35);}.edit-timeslots-modal .slices-list .slice-container .menu .btn-delete{border-radius:150px;border:1px solid var(--secondary_100);display:flex;justify-content:center;align-items:center;width:2.5em;height:2.5em;color:var(--textColor);cursor:pointer;background-color:rgba(233, 37, 44, 1);margin:.35em 0;}.edit-timeslots-modal .slices-list .slice-container .menu .btn-delete > i{font-size:1.3em;}.edit-timeslots-modal .group{display:flex;justify-content:center;align-items:center;margin:.35em 0;width:90%;max-height:5em;opacity:1;transition:opacity .15s ease-out, max-height .2s ease-out, margin .2s ease-out;}.edit-timeslots-modal .group > p{flex:1;margin:0;}.edit-timeslots-modal .group > button{border:1px solid var(--secondary_25);height:2.5em;background-color:var(--tertiary_94_100);color:var(--textColor);margin:.5em;padding:.5em;position:relative;font-size:1em;cursor:pointer;}.edit-timeslots-modal .group > button > div{position:absolute;display:flex;justify-content:center;align-items:center;width:3.5em;height:3.5em;top:-.65em;border-radius:150px;background-color:var(--tertiary_94_100);border:1px solid var(--secondary_25);}.edit-timeslots-modal .group > button > div > i{font-size:2em;}.edit-timeslots-modal .group > button > div > img{max-height:2.75em;}.edit-timeslots-modal .group > button:first-of-type{padding-left:2.5em;border-top-right-radius:.5em;border-bottom-right-radius:.5em;}.edit-timeslots-modal .group > button:first-of-type > div{left:-1.5em;border-right:none;}.edit-timeslots-modal .group > button:last-of-type{border-top-left-radius:.5em;border-bottom-left-radius:.5em;padding-right:2.5em;}.edit-timeslots-modal .group > button:last-of-type > div{right:-1.5em;border-left:none;}.edit-timeslots-modal .top-menu{position:sticky;top:0;}.edit-timeslots-modal .save-bar{position:sticky;bottom:0;padding:1em 0;display:flex;justify-content:center;align-items:center;margin-top:.75em;}.edit-timeslots-modal .save-bar > button{border-radius:.35em;background-color:rgb(135, 200, 118);font-family:'bebas';font-size:1.4em;padding:.4em 1.2em;border:2px solid var(--secondary_100);box-shadow:0 2px 0 2px rgba(0,0,0,0.35);cursor:pointer;color:var(--textColor);}.wait{text-align:center;border-radius:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;}.wait > p{margin:0;padding:.5em;margin-top:1em;font-size:2.2em;font-family:'bebas';min-width:250px;max-width:80vw;border-radius:7px;border:1px solid secondary(100, .05);box-shadow:4px 4px 12px rgba(0,0,0,0.75), -4px -4px 12px secondary(100, .15);background-color:var(--tertiary_100_35);color:rgba(255,255,255,0.9);}.get-command-message-modal{background-color:var(--tertiary_86_100);border-radius:.75em;border:1px solid var(--secondary_25);overflow:hidden;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:35em;max-width:95vw;box-shadow:0 2px 7px rgba(0,0,0,0.35);}.get-command-message-modal > h2{border-top-left-radius:.35em;border-top-right-radius:.35em;font-family:'bebas';font-weight:normal;padding:.35em;background-color:var(--tertiary_100_75);box-shadow:0 2px 5px rgba(0,0,0,0.35);text-align:center;margin:0;min-width:100%;}.get-command-message-modal > p{margin:.35em 0;margin-top:.75em;font-size:1.1em;text-align:center;min-width:100%;}.get-command-message-modal > textarea{min-width:85%;height:12.5em;resize:none;background-color:var(--tertiary_92_100);border:1px solid var(--secondary_25);color:var(--textColor);border-radius:.5em;box-shadow:0 2px 5px rgba(0,0,0,0.35) inset;margin:1em 0;}.get-command-message-modal > button{margin:.35em 1em;padding:.5em 1.5em;font-size:1.2em;border-radius:.45em;color:var(--textColor);cursor:pointer;border:none;box-shadow:0 2px 5px rgba(0,0,0,0.35);}.get-command-message-modal .send{background-color:rgb(135, 200, 118);}.get-command-message-modal .cancel{background-color:rgba(90,90,90,1);}.welcome-to-lobby{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:50em;max-width:90vw;border:2px solid var(--secondary_100);box-shadow:2px 7px 0 2px rgba(0,0,0,0.35);border-radius:1.25em;background-color:rgba(21,21,21,0.75);}.welcome-to-lobby .group{display:flex;align-items:center;margin-top:-2.5em;}.welcome-to-lobby .group > h2{font-family:'bebas';font-size:2.4em;margin:0;text-align:right;margin-bottom:-0.27em;font-weight:normal;background-color:orange;padding:0 1em;padding-right:2em;margin-right:-1.5em;border-bottom-left-radius:5px;box-shadow:0 2px 7px rgba(0,0,0,0.35);}.welcome-to-lobby .group > img{max-width:7em;transition:top .15s ease-out, left .15s ease-out;}.welcome-to-lobby p{text-align:center;margin:0 7em;margin-top:.5em;font-size:1.2em;overflow:hidden;max-height:50vh;transition:max-height .25s ease-out, opacity .2s ease-out;}.welcome-to-lobby .project-name{margin-top:1.5em;font-weight:bold;font-size:1.4em;}.welcome-to-lobby input{margin-top:.25em;font-size:1.4em;text-align:center;border:none;border-bottom:1px solid var(--secondary_25);background-color:var(--tertiary_100_50);color:var(--textColor);margin-bottom:.5em;padding:.5em;border-radius:3px;width:50%;transition:background-color .15s ease-out, border-color .15s ease-out;}.welcome-to-lobby .btn-start{padding:.25em 1.25em;font-size:1.8em;font-family:'bebas';color:var(--textColor);background-color:rgb(135, 200, 118);border:1px solid var(--secondary_100);border-radius:5px;box-shadow:0 2px 0 3px rgba(0,0,0,0.35);cursor:pointer;margin-bottom:2em;transition:background-color .15s ease-out, opacity .15s ease-out;}.welcome-to-lobby .group-step{max-height:50px;margin-bottom:.5em;color:rgba(153,153,153,1);transition:opacity .15s ease-out, max-height .15s ease-out, margin-bottom .15s ease-out;}.welcome-to-lobby .group-step .icon-spinner2{color:var(--textColor);display:inline-block;animation-name:turn;animation-fill-mode:forwards;animation-timing-function:linear;animation-duration:.75s;animation-iteration-count:infinite;}.welcome-to-lobby[waiting]{}.welcome-to-lobby[waiting] p{max-height:0;opacity:0;}.welcome-to-lobby[waiting] .btn-start{background-color:orange;opacity:.75;pointer-events:none;}.welcome-to-lobby[waiting] input{pointer-events:none;background-color:transparent;border-color:transparent;font-weight:bold;}.modal{display:flex;justify-content:center;align-items:center;position:fixed;color:white;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh;overflow:hidden;opacity:0;z-index:2147483603;transition:opacity .15s ease-out;}.modal > *:not(.background-cache){z-index:1;}.modal *{color:white;}.modal .background-cache{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;background-color:rgba(21,21,21,0.5);backdrop-filter:blur(10px);cursor:pointer;}.connection-lost-modal{background-color:rgba(16,16,16,1);border-radius:2em;max-width:80vw;width:500px;padding:2em;text-align:center;}.connection-lost-modal > h3{font-size:10em;margin:0;padding:0;}.connection-lost-modal > h4{font-family:'NonChalance';font-size:2em;font-weight:bold;}.connection-lost-modal > p{font-size:1.1em;}.create-contact-modal{position:relative;background-color:rgba(26,26,26,0.65);display:flex;max-width:80vw;max-height:80vh;flex-wrap:wrap;border:2px solid var(--secondary_25);border-radius:1.5em;overflow-y:auto;overflow-x:hidden;padding-bottom:.5em;box-shadow:0 2px 12px 2px rgba(0,0,0,0.35);}.create-contact-modal > button{position:absolute;top:0;right:0;background-color:transparent;height:4em;margin:0;padding:0;display:flex;justify-content:center;align-items:center;border:none;}.create-contact-modal > button > i{font-size:3em;color:rgba(204,204,204,1);cursor:pointer;}.create-contact-modal > h4{position:sticky;min-width:100%;top:0;text-align:center;font-family:'bebas';font-weight:normal;font-size:2em;padding:.2em 0;margin:0;flex:1;background-color:rgba(26,26,26,0.75);border-bottom:2px solid var(--mainColor);}.create-contact-modal .qr-code-container{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:.75em;}.create-contact-modal .qr-code-container .draw-area{width:12.5em;height:12.5em;border:2px solid var(--secondary_100);border-radius:15px;margin-bottom:-2px;overflow:hidden;background-color:rgba(229,229,229,1);box-shadow:0 2px 7px rgba(0,0,0,0.5);}.create-contact-modal .qr-code-container .draw-area > div{width:100%;height:100%;margin-left:15px;margin-top:15px;}.create-contact-modal .qr-code-container .draw-area > video{width:100%;height:100%;border-radius:15px;}.create-contact-modal .qr-code-container .menu{background-color:var(--mainColor);border:2px solid var(--secondary_100);box-shadow:0 2px 7px rgba(0,0,0,0.5);border-bottom-left-radius:1em;border-bottom-right-radius:1em;}.create-contact-modal .qr-code-container .menu > button{cursor:pointer;color:var(--textColor);border:none;background-color:transparent;font-size:1.75em;padding:.35em .75em;}.create-contact-modal .qr-code-container .link{display:flex;min-width:calc(100% - 3em);max-width:10em;justify-content:center;align-items:center;flex-wrap:wrap;font-size:1.2em;cursor:pointer;}.create-contact-modal .qr-code-container .link > p{pointer-events:none;overflow:hidden;height:1.5em;display:flex;align-items:center;flex:1;background-color:rgba(11,11,11,0.75);border-top-right-radius:7px;border-bottom-right-radius:7px;border:1px solid var(--secondary_25);border-left:none;padding:.35em;}.create-contact-modal .qr-code-container .link > i{pointer-events:none;padding:.35em;height:1.5em;background-color:var(--tertiary_86_75));color:var(--textColor);width:1.5em;display:flex;justify-content:center;align-items:center;border:1px solid var(--secondary_25);border-top-left-radius:7px;border-bottom-left-radius:7px;}.create-contact-modal .qr-code-container .link > h5{display:flex;justify-content:center;align-items:center;min-width:100%;text-align:center;background-color:rgb(135, 200, 118);font-size:.9em;height:2em;margin-bottom:0;margin-top:-2.75em;border-radius:7px;opacity:0;transition:opacity .15s ease-out, margin-top .15s ease-out;pointer-events:none;}.create-contact-modal .qr-code-container .link[copied]{}.create-contact-modal .qr-code-container .link[copied] > h5{margin-top:0em;opacity:1;}.create-contact-modal .invit-by-email{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:1.35em;}.create-contact-modal .invit-by-email .group{display:flex;justify-content:center;align-items:center;width:80%;margin-bottom:.35em;background-color:rgba(26,26,26,0.75);border-bottom:2px solid var(--secondary_25);}.create-contact-modal .invit-by-email .group > input{flex:1;padding:.35em;background-color:transparent;color:var(--textColor);font-size:1.4em;border:none;transition:border-color .2s ease-out;}.create-contact-modal .invit-by-email .group > i{font-size:1.6em;display:flex;padding:.35em;min-width:calc(40px - .35em);width:calc(40px - .35em);max-width:calc(40px - .35em);background-color:var(--mainColor);justify-content:center;align-items:center;}.create-contact-modal .invit-by-email > button{background-color:rgb(135, 200, 118);border:2px solid var(--secondary_100);box-shadow:0 2px 7px rgba(0,0,0,0.35);cursor:pointer;color:var(--textColor);font-size:1.75em;font-family:'bebas';padding:.25em 1.5em;margin-top:1em;border-radius:150px;}.create-contact-modal .or{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 1em;text-align:center;}.create-contact-modal .or > p{margin:.35em 0;font-family:'bebas';font-size:1.8em;color:rgba(191,191,191,0.5);}.create-contact-modal .or > li{list-style:none;background-color:rgba(191,191,191,0.5);width:1px;flex:1;height:100%;}.create-contact-modal[not-invit]{}.create-contact-modal[not-invit] .or,.create-contact-modal[not-invit] .invit-by-email{display:none;}.field-data{min-width:100%;display:flex;justify-content:center;align-items:center;margin-top:.5em;}.ask-pause-time{background-color:rgba(21,21,21,1);border-radius:2em;width:440px;max-width:90vw;padding:1.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;}.ask-pause-time .title{display:flex;justify-content:center;align-items:center;}.ask-pause-time .title .btn-pause-notifs{font-size:1.25em;width:3.5em;height:3.5em;background-color:rgb(255, 136, 0);display:flex;justify-content:center;align-items:center;border-radius:10em;margin-right:1em;border:.0625em solid rgba(255,255,255,0.25);box-shadow:0 .125em .3125em rgba(0,0,0,0.25);}.ask-pause-time .title .btn-pause-notifs > div{margin:0 .25em;width:.5em;height:1.8em;background-color:white;border-radius:.35em;pointer-events:none;}.ask-pause-time .title > h3{flex:1;font-size:2.5em;}.ask-pause-time > p{text-align:center;}.ask-pause-time .time-choices{width:100%;}.ask-pause-time .time-choices .time-choice{cursor:pointer;font-size:1.2em;background-color:rgba(21,21,21,1);border-radius:.5em;display:flex;align-items:center;padding:.5em;width:calc(100% - 1em);margin-bottom:.35em;transition:background-color .25s ease-out;}.ask-pause-time .time-choices .time-choice .radio-button{border-radius:50px;width:.75em;height:.75em;border:.5em solid rgba(36,36,36,1);background-color:rgba(36,36,36,1);margin-right:.5em;transition:background-color .25s ease-out;}.ask-pause-time .time-choices .time-choice[selected]{background-color:rgba(46,46,46,1);}.ask-pause-time .time-choices .time-choice[selected] .radio-button{background-color:rgb(135, 200, 118);}.ask-pause-time .bottom-menu{display:flex;justify-content:space-between;align-items:center;width:90%;margin-top:1em;}.ask-pause-time .bottom-menu > button,.ask-pause-time .bottom-menu > a{color:var(--textColor);border:1px solid white;border-radius:50px;box-shadow:0 -.3125em .3125em rgba(0,0,0,0.35);font-size:1.2em;padding:.6em 1.5em;cursor:pointer;font-family:'NonChalance';}.ask-pause-time .bottom-menu .btn-validate{background-color:rgb(135, 200, 118);}.ask-pause-time .bottom-menu .btn-cancel{background-color:rgba(153,153,153,1);}.confirm{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:.4375em;background-color:rgba(16,16,16,1);box-shadow:0 .125em .4375em rgba(0,0,0,0.35), 0 0 .15em secondary(100, .1) inset;max-width:90vw;width:37.5em;}.confirm h4{min-width:calc(100% - .5em);padding:.25em;font-family:'bebas';font-size:1.6em;font-weight:normal;text-align:center;margin:0;margin-bottom:.25em;color:rgba(90,90,90,1);}.confirm .extra-display{min-width:calc(100% - .5em);display:flex;flex-direction:column;justify-content:center;align-items:center;}.confirm .extra-display .description{padding:15px;margin:0;text-align:center;}.confirm .extra-display > img{max-width:calc(100% - 2.5em);max-height:15em;border-radius:1em;border:.125em solid var(--secondary_100);}.confirm > button,.confirm > a{color:var(--textColor);border:1px solid white;border-radius:50px;box-shadow:0 -.3125em .3125em rgba(0,0,0,0.35);font-size:1.2em;margin:1em 1.25em .5em 1.25em;padding:.6em 2em;cursor:pointer;font-family:'NonChalance';}.confirm .btn-validate{background-color:rgb(135, 200, 118);}.confirm .btn-cancel{background-color:rgba(153,153,153,1);}.basic-form{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;background-color:rgba(16,16,16,1);box-shadow:0 .125em .4375em rgba(0,0,0,0.35), 0 0 .15em rgba(255,255,255,0.1) inset;border-radius:.4375em;max-width:90vw;width:37.5em;}.basic-form h4{min-width:calc(100% - .5em);padding:.25em;font-family:'bebas';font-size:1.6em;font-weight:normal;text-align:center;margin:0;margin-bottom:.25em;color:rgba(90,90,90,1);}.basic-form input{background-color:rgba(46,46,46,1);border:none;border-radius:1.5em;box-shadow:0 -.3125em .3125em rgba(0,0,0,0.5) inset, 0 0 .3125em 1px secondary(100, .15);font-size:1em;padding:.5em;text-align:center;flex:1;max-width:75%;color:white;font-family:'Caviar Dreams';}.basic-form .input-group{width:calc(100% - .5em);padding:.25em;display:flex;justify-content:center;align-items:center;}.basic-form .btn-validate{background-color:rgb(135, 200, 118);color:white;border:.1em solid var(--secondary_100);border-radius:.25em;box-shadow:0 -.3125em .3125em rgba(0,0,0,0.35);font-size:1.2em;margin-top:1em;padding:.6em 2em;margin-bottom:.5em;cursor:pointer;font-family:'NonChalance';}