:root{--directionalcard-min-width: 160px;--directionalcard-min-height: 140px;--directionalcard-min-width-desktop: 368px}.directionalcard__base{display:flex;flex-flow:row wrap;justify-content:center;gap:var(--vcdk-spacing-5);margin-block-end:var(--vcdk-spacing-5)}@media(min-width: 960px){.directionalcard__base{gap:var(--vcdk-spacing-8)}}html[dir=rtl] .directionalcard__base{flex-flow:row-reverse wrap}.directionalcard__item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:0 1 0px;background-color:var(--vcdk-color-bg);padding:var(--vcdk-spacing-7) var(--vcdk-spacing-6);gap:var(--vcdk-spacing-2);border-radius:var(--vcdk-radius-default);border-color:var(--vcdk-color-border-subtle);font-weight:var(--vcdk-typography-heading-3-weight-small-screens);min-width:var(--directionalcard-min-width);min-height:var(--directionalcard-min-height);color:var(--vcdk-color-text);border:1px solid var(--vcdk-color-bg-disabled);cursor:pointer}@media(min-width: 960px){.directionalcard__item{padding-inline:var(--vcdk-spacing-7);gap:var(--vcdk-spacing-4);font-size:var(--vcdk-spacing-8);min-width:var(--directionalcard-min-width-desktop);border-radius:var(--vcdk-radius-large)}}.directionalcard__item:hover{background-color:var(--vcdk-color-border)}.directionalcard__item--active,.directionalcard__item:active{background-color:var(--vcdk-color-border-selected)}.directionalcard__item--disabled{border-color:var(--vcdk-color-bg-disabled);background-color:var(--vcdk-color-bg-disabled);color:var(--vcdk-color-text-disabled);pointer-events:none}.directionalcard__item--disabled .directionalcard__icon{color:var(--vcdk-color-text-disabled)}html[dir=rtl] .directionalcard__item:first-child{order:2}html[dir=rtl] .directionalcard__item:nth-child(2){order:1}html[dir=rtl] .directionalcard__item:last-child{order:0}.directionalcard__item *{pointer-events:none}.directionalcard__icon{display:flex;align-items:center;justify-content:center;color:var(--vcdk-color-icon)}.directionalcard__text{font-family:var(--vcdk-typography-heading-4-font-family-small-screens);font-weight:var(--vcdk-typography-heading-4-weight-small-screens);font-size:var(--vcdk-typography-heading-4-size-small-screens);line-height:var(--vcdk-typography-heading-4-line-height-small-screens);letter-spacing:var(--vcdk-typography-heading-4-letter-spacing-small-screens);color:var(--vcdk-color-text)}@media(min-width: 960px){.directionalcard__text{font-family:var(--vcdk-typography-heading-4-font-family-large-screens);font-weight:var(--vcdk-typography-heading-4-weight-large-screens);font-size:var(--vcdk-typography-heading-4-size-large-screens);line-height:var(--vcdk-typography-heading-4-line-height-large-screens);letter-spacing:var(--vcdk-typography-heading-4-letter-spacing-large-screens)}}@media(min-width: 960px){.directionalcard__text{font-family:var(--vcdk-typography-heading-3-font-family-small-screens);font-weight:var(--vcdk-typography-heading-3-weight-small-screens);font-size:var(--vcdk-typography-heading-3-size-small-screens);line-height:var(--vcdk-typography-heading-3-line-height-small-screens);letter-spacing:var(--vcdk-typography-heading-3-letter-spacing-small-screens)}}@media(min-width: 960px)and (min-width: 960px){.directionalcard__text{font-family:var(--vcdk-typography-heading-3-font-family-large-screens);font-weight:var(--vcdk-typography-heading-3-weight-large-screens);font-size:var(--vcdk-typography-heading-3-size-large-screens);line-height:var(--vcdk-typography-heading-3-line-height-large-screens);letter-spacing:var(--vcdk-typography-heading-3-letter-spacing-large-screens)}}@media(min-width: 960px){.directionalcard{font-family:var(--vcdk-typography-heading-4-font-family-small-screens);font-weight:var(--vcdk-typography-heading-4-weight-small-screens);font-size:var(--vcdk-typography-heading-4-size-small-screens);line-height:var(--vcdk-typography-heading-4-line-height-small-screens);letter-spacing:var(--vcdk-typography-heading-4-letter-spacing-small-screens)}}@media(min-width: 960px)and (min-width: 960px){.directionalcard{font-family:var(--vcdk-typography-heading-4-font-family-large-screens);font-weight:var(--vcdk-typography-heading-4-weight-large-screens);font-size:var(--vcdk-typography-heading-4-size-large-screens);line-height:var(--vcdk-typography-heading-4-line-height-large-screens);letter-spacing:var(--vcdk-typography-heading-4-letter-spacing-large-screens)}}