@media(max-width:575px){.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline{height:360px}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard{height:270px}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .leftRibbon,.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .rightRibbon{height:8rem!important;width:8rem!important}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .leftRibbon{left:-.4rem!important;top:-.4rem!important}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .rightRibbon{right:-.4rem!important;bottom:-.4rem!important}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .animationPlayButton{height:6rem;width:6rem}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .animationPlayButton .fa{font-size:3rem}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .footerMessage .footerFromMessage{font-size:1.3rem;padding:0 2.6rem}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .footerMessage .footerPersonNameMessage{font-size:3.25rem}.recipientAnimationComponent .recipientAnimationContainer .footerButton .btn{padding:1rem 2rem;margin:0}}@media(min-width:576px){.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline{height:480px}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard{height:360px}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .leftRibbon,.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .rightRibbon{height:16rem!important;width:16rem!important}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .leftRibbon{left:-.8rem!important;top:-.8rem!important}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .rightRibbon{right:-.8rem!important;bottom:-.8rem!important}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .animationPlayButton{height:8rem;width:8rem}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .animationPlayButton .fa{font-size:4rem}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .footerMessage .footerFromMessage{font-size:1.75rem;padding:0 3.5rem}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .footerMessage .footerPersonNameMessage{font-size:4.375rem}.recipientAnimationComponent .recipientAnimationContainer .footerButton .btn{padding:1.25rem 4rem;margin:0}}@media(min-width:768px){.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline{height:540px}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard{height:405px}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .leftRibbon,.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .rightRibbon{height:24rem!important;width:24rem!important}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .leftRibbon{left:-1.2rem!important;top:-1.2rem!important}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .rightRibbon{right:-1.2rem!important;bottom:-1.2rem!important}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .animationPlayButton{height:10rem;width:10rem}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .animationPlayButton .fa{font-size:5rem}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .footerMessage .footerFromMessage{font-size:2rem;padding:0 4rem}.recipientAnimationComponent .recipientAnimationContainer .landingSceneContainer .footerMessage .footerPersonNameMessage{font-size:5rem}.recipientAnimationComponent .recipientAnimationContainer .footerButton .btn{padding:1.5rem 6rem;margin:0}}@media(min-width:1200px){.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline{height:600px}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard{height:450px}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .leftRibbon,.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .rightRibbon{height:32rem!important;width:32rem!important}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .leftRibbon{left:-1.6rem!important;top:-1.6rem!important}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .rightRibbon{right:-1.6rem!important;bottom:-1.6rem!important}}.recipientAnimationComponent .ribbonedHeadline{transition:1s ease;transition-property:background-color}.recipientAnimationComponent .ribbonedHeadline .leftRibbon,.recipientAnimationComponent .ribbonedHeadline .rightRibbon{transition:1s ease;transition-property:width,height}.recipientAnimationComponent .ribbonedHeadline .leftRibbon .mainPath,.recipientAnimationComponent .ribbonedHeadline .leftRibbon .subPath,.recipientAnimationComponent .ribbonedHeadline .rightRibbon .mainPath,.recipientAnimationComponent .ribbonedHeadline .rightRibbon .subPath{transition:1s ease;transition-property:fill}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline{position:relative;margin-top:6rem;padding:0}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .leftRibbon,.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .rightRibbon{z-index:100}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCardSceneContainer,.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .landingSceneContainer{display:flex;display:-ms-flexbox;justify-content:center;text-align:center}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .brandLogoHeader{position:absolute;top:10%;left:0;right:0;margin:auto;height:25%;background-image:url(https://s3.amazonaws.com/eg-ui-assets/brands/egw_v3/carnival/logo.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .animationPlayButton{position:absolute;top:50%;left:50%;border-radius:50%;display:flex;display:-ms-flexbox;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .animationPlayButton .fa{margin-left:.75rem;color:#dc1125}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .animationPlayButton.animationPlayButtonBackground{background:#dc1125}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .footerMessage{display:flex;display:-ms-flexbox;flex-flow:column;align-items:center;position:absolute;left:0;right:0;bottom:5%;margin:auto;overflow:hidden;white-space:nowrap;color:#333}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .footerMessage .footerFromMessage{position:relative}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .footerMessage .footerFromMessage:after,.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .footerMessage .footerFromMessage:before{border-top:1px solid;position:absolute;content:"";height:2px;top:50%;width:100%}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .footerMessage .footerFromMessage:before{right:100%}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .footerMessage .footerFromMessage:after{left:100%}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard{position:absolute;top:5%}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard{position:static}}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard img{max-height:100%;max-width:100%}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard .panel-body{height:100%;background:no-repeat 50%;background-size:contain}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard.groupGiftPhoto{width:70%}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard.groupGiftPhoto img{width:100%}@media(min-width:1200px){.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .greetingCard.groupGiftPhoto{width:50%}}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .footerButton{position:absolute;left:0;right:0;bottom:5%;margin:auto}.recipientAnimationComponent .recipientAnimationContainer .ribbonedHeadline.animatedRibbonedHeadline .footerButton .btn{margin:0}.cardDetailsPanelComponent .recipientCardDetailPanel{margin:1.5rem}.cardDetailsPanelComponent .recipientCardDetailPanel .panel-body .faceplateImage{width:200px}.shareButtonsComponent .btn.btn-block.FacebookButton{background-color:#3b5998;color:#fff}.shareButtonsComponent .btn.btn-block.FacebookButton:hover{background-color:#1e2e4f}.shareButtonsComponent .btn.btn-block.EmailButton{background-color:#666;color:#fff}.shareButtonsComponent .btn.btn-block.EmailButton:hover{background-color:#333}.shareButtonsComponent .btn.btn-block.TwitterButton{background-color:#0084b4;color:#fff}.shareButtonsComponent .btn.btn-block.TwitterButton:hover{background-color:#00394e}.recipientGiftDetailsComponent .messageContent{white-space:pre-line;overflow-wrap:break-word}@media(max-width:575px){.recipientGiftDetailsComponent .recipientGiftDetailsPanelBody{padding:15px!important}}.recipientDetailsComponent .recipientPanel .recipientPanelHeader{margin-bottom:3rem}.brandCardComponent .brandCardButton{position:relative;margin-bottom:30px;padding:0;text-align:left;z-index:1;outline:none;transition:.25s ease;transition-property:box-shadow,transform,z-index}.brandCardComponent .brandCardButton:focus,.brandCardComponent .brandCardButton:hover{transform:translateY(-2px);box-shadow:0 6px 10px 0 rgba(0,0,0,.12),0 1px 18px 0 rgba(0,0,0,.09),0 3px 5px -1px rgba(0,0,0,.145)}.brandCardComponent .brandCardButton .brandImageContainer{height:160px;position:relative}.brandCardComponent .brandCardButton .brandImageContainer .brandBadge{position:absolute;bottom:0;left:0;padding:4px 15px;font-size:12px;border-radius:0 5px 0 0;text-transform:uppercase}.brandCardComponent .brandCardButton .brandInfoContainer{position:relative;padding:10px;border-top:1px solid #e8e8e8}.brandCardComponent .brandCardButton .brandInfoContainer .brandName{white-space:nowrap;overflow:hidden;width:100%}.brandCardComponent .brandCardButton .brandInfoContainer .brandCardTypeLabel{position:absolute;top:-14px;right:4px}.brandCardComponent .brandCardButton .brandInfoContainer .brandCardTypeLabel>.label{border:2px solid #fff}.brandCardComponent .brandCardButton .brandInfoContainer .brandCardTypeLabel>.label.Digital{background-color:#dc1125}.brandCardComponent .brandCardButton .brandInfoContainer .brandCardTypeLabel>.label.Plastic{background-color:#7e5559}.swapConfirmationComponent .oldCard .brandCardButton{opacity:.4;box-shadow:0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.145),0 1px 5px 0 rgba(0,0,0,.09)}.swapConfirmationComponent .newCard .brandCardButton{box-shadow:0 6px 10px 0 rgba(0,0,0,.12),0 1px 18px 0 rgba(0,0,0,.09),0 3px 5px -1px rgba(0,0,0,.145)}.swapConfirmationComponent .brandCardComponent .brandCardButton:focus,.swapConfirmationComponent .brandCardComponent .brandCardButton:hover{cursor:default;outline:none;transform:none}@media(min-width:0px){.cardCollectionViewerComponent .cardCollectionCards .cardCollectionColumn{width:50%}}@media(min-width:768px){.cardCollectionViewerComponent .cardCollectionCards .cardCollectionColumn{width:33.3333%}}@media(min-width:1200px){.cardCollectionViewerComponent .cardCollectionCards .cardCollectionColumn{width:20%}}