.vision-dropdown-wrapper-244915de {
padding: 0; width: 100%;
}
.vision-dropdown-container-244915de {
position: relative;
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 20px;
padding: 16px 20px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
overflow: hidden;
transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;
cursor: pointer;
--mouse-x: 50%;
--mouse-y: 50%;
} .vision-dropdown-container-244915de::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(0, 122, 255, 0.12) 0%, transparent 50%);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
z-index: 1;
}
.vision-dropdown-container-244915de:hover::before {
opacity: 1;
}
.vision-dropdown-container-244915de:hover {
transform: translateY(-2px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}
.vision-dropdown-header-244915de {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 2;
}
.vision-title-244915de {
margin: 0;
font-size: 1.25rem;
font-weight: 500;
color: #1d1d1f;
letter-spacing: -0.01em;
}
.vision-icon-244915de {
color: #86868b;
transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.vision-dropdown-container-244915de.is-open .vision-icon-244915de {
transform: rotate(180deg);
transition: transform 2.0s cubic-bezier(0.4, 0, 0.2, 1); }
.vision-content-244915de {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height 1.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.0s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
z-index: 2;
}
.vision-dropdown-container-244915de.is-open .vision-content-244915de {
max-height: 500px;
opacity: 1; transition: max-height 2.0s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.vision-content-body-244915de {
padding-top: 12px; color: #515154;
font-size: 1rem;
line-height: 1.5;
opacity: 0;
transform: translateY(10px);
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.vision-dropdown-container-244915de.is-open .vision-content-body-244915de {
opacity: 1;
transform: translateY(0); transition: opacity 1.6s cubic-bezier(0.4, 0, 0.2, 1) 0.5s, transform 1.6s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}
@media (max-width: 767px) {
.vision-dropdown-container-244915de {
padding: 16px; }
}