.sidebar{position:fixed;top:0;right:-100vw;background-color:#fff;box-shadow:-2px 0 5px #00000080;transition:right .6s ease;overflow-y:auto;z-index:1000;display:flex;width:433px;height:100%;flex-direction:column;align-items:flex-start;gap:10px}@media screen and (max-width:576px){.sidebar{width:100%;right:calc(-100% - 10px)}}.sidebar.left{left:-100vw;right:auto;transition:left .6s ease}.sidebar.left .sidebar-content{gap:4px}.sidebar.left .sidebar-header{flex-direction:row-reverse}.sidebar.left.open{left:0;right:auto}@media screen and (min-width:576px){.open.wider{width:475px}}.sidebar.open{right:0}body[dir=rtl] .sidebar{left:-100vw;right:auto;transition:left .6s ease}body[dir=rtl] .sidebar .sidebar-header{flex-direction:row}body[dir=rtl] .sidebar.open{left:0;right:auto}body[dir=rtl] .sidebar.left{right:-100vw;left:auto;transition:right .6s ease}body[dir=rtl] .sidebar.left.open{left:auto;right:0}body[dir=rtl] .sidebar-header{flex-direction:row-reverse}.sidebar-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sidebar-content h1,.sidebar-content h2{font-size:20px;font-weight:600}@media screen and (max-width:576px){.sidebar-content h1{font-size:18px}}.sidebar-header{display:flex;align-items:flex-start;gap:10px;align-self:stretch;padding:24px 24px 8px}@media screen and (max-width:576px){.sidebar-header{padding:16px 16px 8px}}.close-sidebar-btn{background:none;border:none;display:flex;width:38px;height:38px;padding:10px;justify-content:center;align-items:center;gap:6px;cursor:pointer}.close-sidebar-btn svg{width:22px;height:22px;flex-shrink:0}.close-sidebar-btn svg path{fill:#303940}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:.5}}body.overlay-active:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:998;animation:backdropFadeIn .4s forwards;opacity:1}body.overlay-active{overflow:hidden}@keyframes backdropFadeOut{0%{opacity:.5}to{opacity:0}}body.overlay-exit:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:998;animation:backdropFadeOut .4s forwards;opacity:1}.list-with-lines{list-style-type:none;margin:0;display:flex;flex-direction:column;gap:8px;align-self:stretch;padding:0 2rem}.list-with-lines .list-item{display:flex;justify-content:space-between;align-items:center;padding:0 8px 12px 0;border-bottom:1px solid #e5e9eb}.list-with-lines .list-item:last-child{border-bottom:none}.list-with-lines .item-left{display:flex;align-items:center;gap:8px}.list-with-lines .item-icon{display:flex;width:40px;height:40px;padding:7px 4.5px 6.5px 4px;justify-content:center;align-items:center}.list-with-lines .item-title{font-size:16px}.list-with-lines .item-right{font-size:16px;font-weight:500}.list-without-lines{list-style-type:none;margin:0;display:flex;flex-direction:column;gap:8px;align-self:stretch;padding:0 2rem}.list-without-lines .list-item{display:flex;justify-content:space-between;align-items:start;padding:0rem 0rem 1.2rem;flex-direction:column;gap:1.2rem}.list-without-lines .list-item h2{font-size:1.6rem;font-weight:500;margin-bottom:0rem;text-align:start}.list-without-lines .list-item .item-images-container{display:flex;align-items:center;gap:.2rem;flex-direction:row;width:100%;position:relative}.list-without-lines .list-item .item-images-container .image-icon-container{width:50%}.list-without-lines .list-item .item-images-container .image-icon-container .image{width:100%;object-fit:fill}.list-without-lines .list-item .item-images-container .image-icon-container:first-child .image{border-radius:.8rem 0 0 .8rem}.list-without-lines .list-item .item-images-container .image-icon-container:last-child .image{border-radius:0 .8rem .8rem 0}body[dir=rtl] .list-without-lines .list-item .item-images-container .image-icon-container:first-child .image{border-radius:0 .8rem .8rem 0}body[dir=rtl] .list-without-lines .list-item .item-images-container .image-icon-container:last-child .image{border-radius:.8rem 0 0 .8rem}.list-without-lines .list-item .item-images-container .image-icon-container .icon{width:24px;height:24px;position:absolute;margin:1rem}@media screen and (max-width:600px){.item-title{font-size:14px}}