.RecipientAnimationComponent{position:relative;min-height:100vh;--recipient-animation-container-height: 380px;--recipient-animation-ribbon-size: 120px;--recipient-animation-play-button-size: 70px}.RecipientAnimationComponent .recipientAnimationContainer{contain:paint}@media (min-width: 576px){.RecipientAnimationComponent{--recipient-animation-container-height: 450px;--recipient-animation-ribbon-size: 180px;--recipient-animation-play-button-size: 80px}}@media (min-width: 768px){.RecipientAnimationComponent{--recipient-animation-container-height: 520px;--recipient-animation-ribbon-size: 240px;--recipient-animation-play-button-size: 100px}}@media (min-width: 992px){.RecipientAnimationComponent{--recipient-animation-container-height: 600px;--recipient-animation-ribbon-size: 320px;--recipient-animation-play-button-size: 100px}}.RecipientGiftDetailsComponent .messageContent{white-space:pre-line;overflow-wrap:break-word}@media (max-width: 767.98px){.RecipientGiftDetailsComponent .recipientGiftDetailsBody{padding:15px!important}.RecipientGiftDetailsComponent .recipientGiftDetailsBody .h2{font-size:22px!important}.RecipientGiftDetailsComponent .recipientGiftDetailsBody .h3{font-size:20px!important}}.RecipientDetailsComponent .recipientPanel .recipientPanelHeader{margin-bottom:3rem}.swapConfirmationComponent .oldCard .brandCardButton{opacity:.4;box-shadow:var(--theme-settings-elevation-2)}.swapConfirmationComponent .newCard .brandCardButton{box-shadow:var(--theme-settings-elevation-6)}.swapConfirmationComponent .BrandCardComponent .brandCardButton:hover,.swapConfirmationComponent .BrandCardComponent .brandCardButton:focus{cursor:default;outline:none;transform:none}