.rp-bg-turquoise .shortcuts-card-component .component-title,.rp-bg-orange .shortcuts-card-component .component-title,.rp-bg-turquoise .shortcuts-card-component .component-description,.rp-bg-orange .shortcuts-card-component .component-description{color:var(--rds-color-surface-white)}
.rp-bg-turquoise .shortcuts-card-component .component-title p,.rp-bg-orange .shortcuts-card-component .component-title p,.rp-bg-turquoise .shortcuts-card-component .component-description p,.rp-bg-orange .shortcuts-card-component .component-description p,.rp-bg-turquoise .shortcuts-card-component .component-title ul,.rp-bg-orange .shortcuts-card-component .component-title ul,.rp-bg-turquoise .shortcuts-card-component .component-description ul,.rp-bg-orange .shortcuts-card-component .component-description ul,.rp-bg-turquoise .shortcuts-card-component .component-title ol,.rp-bg-orange .shortcuts-card-component .component-title ol,.rp-bg-turquoise .shortcuts-card-component .component-description ol,.rp-bg-orange .shortcuts-card-component .component-description ol,.rp-bg-turquoise .shortcuts-card-component .component-title div,.rp-bg-orange .shortcuts-card-component .component-title div,.rp-bg-turquoise .shortcuts-card-component .component-description div,.rp-bg-orange .shortcuts-card-component .component-description div,.rp-bg-turquoise .shortcuts-card-component .component-title .rp-description p,.rp-bg-orange .shortcuts-card-component .component-title .rp-description p,.rp-bg-turquoise .shortcuts-card-component .component-description .rp-description p,.rp-bg-orange .shortcuts-card-component .component-description .rp-description p{color:var(--rds-color-surface-white)}
.shortcuts-card-component{position:relative;padding-top:48px;padding-bottom:0}
@media(min-width:1024px){.shortcuts-card-component{padding-top:96px;padding-bottom:0}
}
.shortcuts-card-component .bg-box.bg-box-medium{position:absolute;top:0;left:0;right:0;height:calc(100% - 56px)}
@media(min-width:1024px){.shortcuts-card-component .bg-box.bg-box-medium{height:calc(100% - 84px)}
}
.shortcuts-card-component .item-shortcut{border:1px solid var(--rds-color-border-low);border-radius:var(--rds-radius-s);display:flex;flex-direction:column;justify-content:center;overflow:hidden;margin-bottom:16px;min-height:80px}
@media(min-width:1024px){.shortcuts-card-component .item-shortcut{min-height:200px;margin-bottom:32px}
}
.shortcuts-card-component .item-shortcut__overlay-mobile::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,30,55,0.6);pointer-events:none;z-index:1}
@media(min-width:1024px){.shortcuts-card-component .item-shortcut__overlay-mobile::before{content:none}
}
@media(min-width:1024px){.shortcuts-card-component .item-shortcut__overlay-desktop::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,30,55,0.6);pointer-events:none;z-index:1}
}
@media(max-width:calc(1024px - 1px)){.shortcuts-card-component .item-shortcut .overlay-mobile-solid-gradient-48::before{background-color:rgba(0,30,55,0.48)}
}
@media(max-width:calc(1024px - 1px)){.shortcuts-card-component .item-shortcut .overlay-mobile-linear-gradient::before{background:linear-gradient(180deg,rgba(0,30,55,0),rgba(0,30,55,0.8))}
}
@media(min-width:1024px){.shortcuts-card-component .item-shortcut .overlay-desktop-solid-gradient-48::before{background-color:rgba(0,30,55,0.48)}
}
@media(min-width:1024px){.shortcuts-card-component .item-shortcut .overlay-desktop-linear-gradient::before{background:linear-gradient(180deg,rgba(0,30,55,0),rgba(0,30,55,0.8))}
}
.shortcuts-card-component .item-shortcut .text{z-index:2;margin:16px 32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--rds-color-surface-white)}
.shortcuts-card-component .item-shortcut img{transition:transform .5s ease-in-out}
@media(min-width:1024px){.shortcuts-card-component .item-shortcut:hover img.image-bg{transform:scale(1.3)}
}
.shortcuts-card-component .component-title.text-center .rp-title,.shortcuts-card-component .component-description.text-center .rp-description{text-align:left}
@media(min-width:1024px){.shortcuts-card-component .component-title.text-center .rp-title,.shortcuts-card-component .component-description.text-center .rp-description{text-align:center}
}