._17vfpuu7 { grid-template-columns: auto 1fr; }
._17vfpuub { border-radius: var(--x-primary-button-border-radius, var(--x-global-border-radius, var(--x-border-radius-base))); }
._17vfpuud { grid-template-rows: minmax(0px, 1fr); }
[dir="ltr"] ._17vfpuuf { left: 50%; }
[dir="rtl"] ._17vfpuuf { right: 50%; }
._17vfpuuf { --x-default-color-icon: currentColor; color: var(--x-default-color-accent); transform: translate(-50%, -50%); }
._17vfpuuf:hover { color: var(--x-default-color-accent-hovered); }
._17vfpuuk { max-width: 9rem; }
._17vfpuum { max-width: calc((52.8rem + var(--x-spacing-large-200)) + var(--x-spacing-large-200)); max-height: 18.3rem; }
._17vfpuun { max-height: calc(100dvb - (var(--x-spacing-large-200) * 2)); }
._17vfpuup { transform: translateY(100%); box-shadow: rgba(0, 0, 0, 0.07) 0px 22px 244px, rgba(0, 0, 0, 0.05) 0px 8.03px 89.064px, rgba(0, 0, 0, 0.04) 0px 3.899px 43.239px, rgba(0, 0, 0, 0.03) 0px 1.911px 21.197px, rgba(0, 0, 0, 0.02) 0px 0.756px 8.381px; }
._17vfpuup._17vfpuu4, ._17vfpuup._17vfpuu0 { opacity: 1; transform: translateY(0px); }
@media screen and (max-width: 999px) {
  ._17vfpuub { margin-top: 1px; }
}
@media (min-width: 1000px) {
  ._17vfpuud { justify-content: space-between; grid-template-columns: minmax(0px, 1fr); }
  ._17vfpuuh { max-width: 23.4rem; }
  ._17vfpuum { max-height: 9.9rem; max-width: calc((110.4rem + var(--x-spacing-large-500)) + var(--x-spacing-large-500)); }
  ._17vfpuun { max-height: calc(100dvb - (var(--x-spacing-large-200) * 2)); }
}
@media screen and (max-width: 579px) {
  ._17vfpuup { border-top-left-radius: var(--x-global-border-radius, var(--x-border-radius-large)); border-top-right-radius: var(--x-global-border-radius, var(--x-border-radius-large)); }
}