.dropdown{position:relative}.dropdown .dropdown-content{max-width:20rem;width:max-content;overflow:hidden;position:absolute;left:0;right:0;display:none;background-color:#fff;border-radius:10px;box-shadow:rgba(99,99,99,.2) 0 1px 8px 0;border:1px solid #dee2e6b2;padding:.5rem .75rem;z-index:2}.dropdown .dropdown-content .title{font-size:1.3em;font-weight:600;padding-block-end:.25rem;padding-inline:.25rem}li{list-style-type:none;margin:0;background-image:none;line-height:0}.dropdown .dropdown-content .item{display:flex;gap:.5rem;padding-inline:.5rem;border-radius:8px;transition:background-color 80ms ease-in}.dropdown .dropdown-content .item:not(:last-child){margin-block-end:.5em}.dropdown .dropdown-content .item:hover{background-color:rgba(242,246,255,1)}.dropdown .dropdown-btn:hover+.dropdown-content,.dropdown-content:hover{display:block}.accordion{margin-block-end:.5rem}.accordion-header{display:flex;justify-content:space-between;gap:.5rem;align-items:center;cursor:pointer;transition:background-color .3s ease;padding:.5rem;border-radius:8px !important}.accordion-header.active{background:rgba(242,246,255,1)}.accordion-header:hover{background:rgba(242,246,255,1)}.accordion-title{display:flex;gap:.5rem;line-height:normal;margin-inline-end:2em;font-weight:500;font-size:1.1em}.accordion-content li a{color:rgba(124,124,124,1);font-size:1em;transition:color 80ms ease-in}.accordion-content li a:hover{color:var(--primary-text-color)}.accordion-content li{min-height:2em !important}.accordion-icon{width:20px;height:20px;position:relative;transition:transform .3s ease;border-bottom:none}.accordion-icon::before{content:'';position:absolute;width:8px;height:8px;border-right:2px var(--primary-text-color) solid;border-top:2px var(--primary-text-color) solid;border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:transform .3s ease}[dir="rtl"] .accordion-icon::before{transform:translate(-50%,-50%) rotate(-135deg)}[dir="rtl"] .accordion-header.active .accordion-icon{transform:rotate(-90deg)}.accordion-header.active .accordion-icon{transform:rotate(90deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background-color:#fff;padding:0 1rem;opacity:0}.accordion-content ul{margin-bottom:0}.accordion-content.active{max-height:500px;padding:.25rem 1rem 0 1rem;opacity:1}