.absolute-popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;pointer-events:none;overflow:hidden}.absolute-popup-background>*{pointer-events:all}.popup-info-box-container{position:absolute;display:flex;flex-direction:column-reverse;bottom:0;right:0;width:fit-content;max-height:50%;overflow:auto;max-width:600px;padding:10px}.generic-box-container{position:absolute;display:flex;width:100%;height:100%;background-color:#000a;align-items:center;justify-content:center;top:0;left:0}.confirm-box{background-color:#fff;padding:10px;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}.popup-model{margin-bottom:0;display:flex;background-color:#fff;padding:0;border-radius:10px;box-shadow:#00000059 0 5px 15px;box-sizing:border-box;width:100%;gap:10px;align-items:center;min-height:0;height:0;opacity:1;overflow:hidden;transition:all}.popup-model>p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.popup-element-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;overflow:auto;cursor:default}.popup-element{position:absolute;overflow:auto;max-width:50%;max-height:50%;cursor:pointer}.fixed-background{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#0005;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:10}:root{--theme-color: 255, 255, 255;--secondary-theme-color: 160, 120, 120;font-family:Roboto}body{display:block;margin:0;background-color:rgba(var(--theme-color),1)}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html,body{height:100dvh;width:100%}#root{height:100%;width:100%;overflow:hidden;padding:0;margin:0;display:flex;flex-direction:column}#background{background-color:rgba(var(--secondary-theme-color),.5);width:100%;height:100%;position:absolute;z-index:-1;display:flex;justify-content:center;align-items:center}#background>img{max-width:80%;max-height:80%;object-fit:contain;width:100%;height:100%}*{box-sizing:border-box;margin:0;padding:0;overflow:hidden}#header{position:relative;display:flex;background-color:rgba(var(--theme-color),1);height:6%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:#00000059 0 4px 15px;align-items:center;color:#000}#header>*{color:#000}#content{flex:1;display:flex;width:100%;overflow:hidden;background-color:rgba(var(--secondary-theme-color),1)}#menu{box-shadow:#00000059 0 4px 15px;width:100dvw;height:100dvh;background-color:rgba(var(--theme-color),.8);max-width:500px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;z-index:10;gap:20px}#menu>h4{color:#000;font-weight:700;line-height:1.75px}.transition-wrapper{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;transition:all .5s ease-out;height:100%;width:100%;overflow:hidden}.transition-inner{overflow:hidden}.chat-box{flex:1;display:flex;flex-direction:column-reverse;gap:5px;overflow:auto;width:100%;max-width:600px;padding:10px}.chat-box-standalone{flex:1;display:flex;flex-direction:column-reverse;overflow:hidden;max-width:600px;padding:3px;gap:3px;width:100%}.glass{background:linear-gradient(135deg,#ffffff73,#ffffff40);border:1px solid rgba(255,255,255,.4)}.chat-bubble-standalone{padding:5px;border-radius:10px}.chat-input{flex-grow:0;display:flex;flex-direction:row;width:100%;max-width:500px;justify-content:center;outline:none;margin:10px 0;padding:0 10px;gap:5px}.chat-input>input{font-size:medium;flex:1}.sign-in{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.image-view{overflow:hidden;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px;box-shadow:#00000059 0 4px 15px}.image-view>img{border-radius:20px;max-width:100%;max-height:100%;object-fit:contain}.popupImage{border-radius:20px;max-width:100%;max-height:100%;object-fit:contain;box-shadow:#00000059 0 4px 15px;border:2px solid white;background-color:rgba(var(--theme-color),1)}p.popupImage{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff}.username-creation{position:absolute;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff}.computer-view{display:grid;grid-template-columns:2fr 1fr;width:100%;height:100%;overflow:hidden}.overview{display:flex;width:100%;height:100%;overflow:hidden}.preview-side{display:flex;flex-direction:column-reverse}.preview-bottom{display:grid;flex-shrink:0;overflow:visible}.preview>.image-wrapper{max-width:100%;max-height:100%;aspect-ratio:1/1;display:flex;width:fit-content}.preview>*>img{border:1px dotted black}.square-item{width:100%;aspect-ratio:1 / 1;background:#4caf50;border-radius:8px;object-fit:cover}.square-item>*{max-width:100%}.preview>:nth-child(4)>img{border:4px solid black}.add-photo-button{position:absolute!important;bottom:20px!important;z-index:1!important;background-color:rgba(var(--theme-color),.9)!important;outline:2px solid white!important;box-shadow:#00000059 0 4px 15px!important}.blocked{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;gap:10px;background-color:#ffffffe6;border-radius:20px;padding:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);outline:1px solid white}.blur-white{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffc}.chat-bubble{background-color:rgba(var(--theme-color),.9);width:fit-content;padding:5px 10px;border-radius:10px;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#000}.user-choice{display:flex;align-items:center;justify-content:space-between;box-shadow:#00000059 0 4px 15px;padding:10px;min-width:300px}.session-creator{max-height:400px;display:flex;flex-direction:column;width:100%;align-items:center;overflow:auto}.session-row{background-color:#ccc;width:100%;padding:10px;cursor:pointer}.session-row>p{font-weight:700}.scrollable-content-wrapper{width:100%;height:100%;overflow:auto;position:relative}.content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.session-admin{position:relative;width:100%;display:flex;padding:10px;gap:10px;flex-wrap:wrap}.session-admin>.user-field{background-color:#fff;display:flex;flex-direction:column;row-gap:5px;padding:10px;border-radius:10px;min-height:100px;max-width:500px}.session-admin>.user-field>.users{background-color:#ccc;max-height:400px;overflow:auto;padding:4px;align-items:center}.session-admin>.user-field>.users>*{display:flex;align-items:center}.session-admin>.user-field>.users>:hover{background-color:#eee}.session-admin>.user-field>.search-field{display:flex;margin-top:auto}.extra-settings{background-color:#fff;border-radius:10px;padding:10px}.image-scroller{max-height:100%;height:fit-content;display:grid;grid-template-columns:repeat(6,1fr);overflow:auto;padding:10px;gap:10px}.image-scroller>.image-view{aspect-ratio:1/1;display:flex;align-items:center;position:relative;padding:0;border-radius:20px;height:max-content;background-color:#00000080}.image-scroller>.image-view>img{cursor:pointer;height:100%;width:100%}@media(max-width:1200px){.image-scroller{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.image-scroller{grid-template-columns:repeat(3,1fr)}}.admin-controls{position:absolute;background-color:#ffffff59;z-index:10;left:10px;top:10px;border-radius:20px}.snap-photo-bar{background-color:rgba(var(--theme-color),.5)!important;position:sticky;bottom:0;flex-shrink:0;box-shadow:#0000008f 0 22px 70px 4px!important;padding:10px;color:#fff}.image-scroller-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative}.loading-more{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1;background-color:#0005}.loading-more>*{color:#fff!important}