.topic-dropdown__list{margin:0;padding:0;list-style:none}.topic-dropdown-wrap{margin-bottom:clamp(1.875rem,10vw,3.75rem)}.topic-dropdown{position:relative;width:65%;margin:0 auto}.topic-dropdown__dropdown{display:none;position:absolute;top:calc(100% + 10px);left:50%;z-index:10;max-height:320px;min-width:100%;border-radius:12px;padding:clamp(24px,5vw,48px);background:var(--color-white);box-shadow:0 10px 30px #00000026;white-space:nowrap;overflow-y:auto;transform:translate(-50%)}.topic-dropdown__list{display:grid}.topic-dropdown__toggle{position:relative;display:flex;gap:10px;width:100%;border:2px solid var(--color-bold-blue);border-radius:30px;padding-block:17px;padding-inline:30px;background:var(--color-white);font-weight:700;color:var(--color-bold-blue);transition:background .3s ease-in-out,color .3s ease-in-out}.topic-dropdown__toggle:after{content:"";display:block;position:static;border-right:2px solid currentColor;border-bottom:2px solid currentColor;margin-left:auto;padding:5px;transform:rotate(45deg) translateY(2px)}.topic-dropdown__toggle.active,.topic-dropdown__toggle:hover,.topic-dropdown__toggle:focus-visible{background:var(--color-bold-blue);color:var(--color-white)}.topic-dropdown__link{display:flex;gap:5px;align-items:center;border-radius:3px;padding:7px 10px;text-decoration:none;background:none;color:var(--color-dark-gray);transition:background .3s ease-in-out}.topic-dropdown__link .icon{--icon-size:30px;width:var(--icon-size);height:var(--icon-size);margin-left:auto;opacity:0;fill:var(--color-med-gray);transition:opacity .3s ease-in-out}.topic-dropdown__link:hover,.topic-dropdown__link:focus-visible{background:var(--color-very-light-gray)}.topic-dropdown__link:hover .icon,.topic-dropdown__link:focus-visible .icon{opacity:1}@media(min-width:80em){.topic-dropdown{width:25%}.topic-dropdown__dropdown{left:-40%;max-height:none;overflow:visible;transform:none}.topic-dropdown__list{grid-template-columns:1fr 1fr 1fr;column-gap:clamp(16px,2.5vw,48px)}}