.main{width:1069px;position:relative;left:50%;margin-top:1rem;transform:translateX(-50%)}.commonWrapper1{min-width:700px;max-width:754px}.codeBlockWrapper,.commonWrapper1{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:1.5rem;background:#ffffff;border:2px solid #d4d4d8;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:16px}.codeBlockWrapper{transition:all .3s ease-in-out;min-width:731px}.blogList{font-family:Poppins;font-style:normal;font-weight:400;font-size:1rem;gap:1rem;display:flex;flex-direction:column;min-width:290px;color:#000000;flex-wrap:nowrap;white-space:nowrap;overflow-x:hidden}.blogItem{cursor:pointer}.blogItem.selected{color:#0066F9;font-weight:700}.categoryGroup{margin-top:.5rem}.categoryBadge{cursor:pointer;font-weight:700}.categoryBadge.selected,.categoryBadge:hover{color:#0066F9}.categoryBlogs ul{list-style-type:disc;margin-left:1.5rem}.categoryBlogs ul li{list-style-type:disc;display:list-item;color:#000}.categoryBlogs ul li::marker{color:#000}.categoryBlogs ul li.selected::marker{color:#0066F9}.blogList1{font-family:Poppins;font-style:normal;font-weight:400;font-size:1rem;gap:1rem;display:flex;flex-direction:column;height:fit-content;color:#000000;flex-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.blogItem1{cursor:pointer;margin-left:.75rem}.blogItem1.selected{color:#0066F9;font-weight:700}.flexWrapper{display:flex;margin-top:3rem;flex-direction:row;gap:3rem;align-content:center;justify-content:flex-start}.titleHeader{font-size:2rem;font-weight:700;font-family:Poppins;color:#0066f9}.contentBox{font-size:1.125rem;font-weight:400;line-height:1.75rem}.fade-enter{opacity:0;transform:scale(.9)}.fade-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.fade-exit{opacity:0}.fade-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}.loginWrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;height:616px}.loginBox{padding:24px;min-width:426px;background:#FFFFFF;border:2px solid #d4d4d8;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:16px}.inputs,.loginBox{display:flex;flex-direction:column;gap:10px}.tos{gap:.5rem;align-items:center}.panelWrapper,.tos{display:flex;flex-direction:row}.panelWrapper{gap:1rem;height:100%}.panelCommon{border:2px solid #d4d4d8;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:16px;padding:24px}.panelTabs{width:25%;height:fit-content}.logout{margin-top:2rem;font-family:Poppins;font-style:normal;font-weight:600;font-size:20px;line-height:24px;cursor:pointer;color:#000}.tab-content-reservations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:.5rem}.settings-form{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;align-items:flex-start}.input-group{gap:1rem}.input-group,.submit-button{display:flex;align-items:center}.submit-button{margin-top:2rem;flex-direction:row;justify-content:center;padding-top:12px;padding-bottom:12px;width:100%;background:linear-gradient(0deg,#0098FF,#0066F9 70%);border-radius:16px;color:white}.tab{font-family:Poppins;font-style:normal;font-weight:600;font-size:20px;line-height:24px;margin:0 0 8px;cursor:pointer;color:#000000}.active{color:#0066F9}.password-fields-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.panelMain{width:75%}@media (max-width:1023px){.main{width:319px}.loginBox{min-width:fit-content;white-space:nowrap}.coloredDiv{height:728px}.panelCommon{padding:24px}.logout,.tab{font-size:14px}.logout{text-align:left;margin-top:0}.panelMain,.panelTabs{width:fit-content}.panelTabs{display:none}.tabs-list{display:flex;flex-direction:row;align-items:center}.tab-content-reservations{justify-content:center}.panelWrapper{flex-direction:column}.panel-section{margin-top:.5rem}.commonWrapper1{min-width:319px}.flexWrapper{flex-direction:column;align-items:center}.blogList1{min-width:319px}.codeBlockWrapper{min-width:319px;max-width:319px}}