.dropdown{background:color-mix(in srgb,var(--color-black-900)10%,transparent);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--color-black-500)30%,transparent);transition:background .25s,border-color .25s,box-shadow .25s;overflow:hidden}.dropdown--open{background:var(--color-black-800);border-color:var(--color-black-800);-webkit-backdrop-filter:none}.dropdown__header{cursor:pointer;background:0 0;border:none;grid-template-columns:80px 1fr;align-items:center;column-gap:2rem;width:100%;padding:2rem;display:grid}.dropdown__number-column{align-items:center;display:flex}.dropdown__mobile-icon{display:none}.dropdown__number{color:var(--color-pink-500);font-size:3rem;font-weight:700;transition:color .25s}.dropdown__number--open{color:var(--color-purple-500)}.dropdown__title-wrapper{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dropdown__title{font-size:24px;font-weight:var(--font-semibold);text-align:left}.dropdown__icon{background-color:var(--color-blue-500);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;font-size:2rem;font-weight:400;line-height:1;transition:background-color .3s,transform .3s,color .3s;display:flex}.dropdown__icon--open{background:var(--color-black-900);color:#fff;transform:rotate(45deg)}.dropdown__content{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.dropdown__content--open{grid-template-rows:1fr}.dropdown__body{color:var(--text-main);padding:0 1.5rem 0 calc(100px + 1rem);font-size:24px;overflow:hidden}.dropdown__content--open .dropdown__body{padding-bottom:1.5rem}@media (max-width:768px){.dropdown__header{grid-template-columns:70px 1fr;align-items:start}.dropdown__number{font-size:2rem}.dropdown__title{font-size:1.1rem;line-height:1.3}.dropdown__body{padding-left:1.5rem;font-size:.95rem;line-height:1.6}.dropdown__number-column{flex-direction:column;align-items:center;gap:.5rem;display:flex}.dropdown__mobile-icon{color:#fff;font-size:1.25rem;transition:background-color .3s,transform .3s,color .3s;display:block}.dropdown__mobile-icon--open{transform:rotate(180deg)}.dropdown__icon{display:none}}