.BrandLogoComponent{width:100%;height:100%}.BrandLogoComponent.noBackground .eg-svg svg{background-color:rgba(0,0,0,0)!important;padding:0}.BrandLogoComponent .eg-svg{width:100%;height:100%}.BrandLogoComponent .eg-svg svg{width:100%;height:100%;display:block;max-width:400px;padding:15%}.BrandLogoComponent .imgContainer{padding:15%}.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card{height:88px;padding:0;opacity:0;z-index:1;margin-left:1rem;margin-right:1rem;transition:1s ease;transition-property:background-color,height,padding,margin}@media (min-width: 576px){.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card{margin-left:2rem;margin-right:2rem}}.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card .leftRibbon,.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card .rightRibbon{transition:1s ease;transition-property:width,height,top,left,right,bottom,clip-path}.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card .leftRibbon .ribbonColoredPath,.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card .leftRibbon .ribbonShadowPath,.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card .rightRibbon .ribbonColoredPath,.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card .rightRibbon .ribbonShadowPath{transition:1s ease;transition-property:fill}.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card.animated{position:relative;margin-top:6rem;height:var(--recipient-animation-container-height, 600px);padding:2rem}.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card.animated .leftRibbon,.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card.animated .rightRibbon{z-index:100}.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card.animated .leftRibbon,.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card.animated .rightRibbon{height:var(--recipient-animation-ribbon-size, 320px)!important;width:var(--recipient-animation-ribbon-size, 320px)!important}.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card.animated .leftRibbon{left:calc(var(--recipient-animation-ribbon-size, 320px)*-.0525)!important;top:calc(var(--recipient-animation-ribbon-size, 320px)*-.05)!important;clip-path:inset(0px 100% 0px 0px)}.RecipientAnimationGiftDetailsComponent.RibbonedHeadlineComponent.card.animated .rightRibbon{right:calc(var(--recipient-animation-ribbon-size, 320px)*-.0525)!important;bottom:calc(var(--recipient-animation-ribbon-size, 320px)*-.05)!important;clip-path:inset(0px 0px 0px 100%)}.RecipientAnimationGiftDetailsComponent .pageTitleSpacerContainer{display:none;opacity:0}.RecipientAnimationGiftDetailsComponent .sceneContainer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.RecipientAnimationGiftDetailsComponent .sceneContainer .brandLogoContainer{opacity:0;width:60%;height:calc(var(--recipient-animation-container-height, 600px)*.25);padding:1rem}.RecipientAnimationGiftDetailsComponent .sceneContainer .brandLogoContainer .brandLogo{width:100%;height:100%;object-position:center center;object-fit:contain}.RecipientAnimationGiftDetailsComponent .sceneContainer .brandLogoContainer .BrandLogoComponent .eg-svg svg{max-width:none!important}.RecipientAnimationGiftDetailsComponent .sceneContainer .playButtonContainer{position:relative;opacity:0;transform:scale(.75);min-width:var(--recipient-animation-play-button-size, 100px);min-height:var(--recipient-animation-play-button-size, 100px);background-color:var(--recipient-animation-buttons-background-color, var(--theme-color-primary));box-shadow:var(--theme-settings-elevation-4)}.RecipientAnimationGiftDetailsComponent .sceneContainer .playButtonContainer .animationPlayButton{--eg-button-background-color: var(--recipient-animation-buttons-background-color, var(--theme-color-primary)) !important;--eg-button-text-color: var(--recipient-animation-buttons-text-color, white) !important;--eg-icon-size: calc(var(--recipient-animation-play-button-size, 100px) * .65) !important;width:var(--recipient-animation-play-button-size, 100px);height:var(--recipient-animation-play-button-size, 100px);position:absolute;top:0;left:0}.RecipientAnimationGiftDetailsComponent .sceneContainer .playButtonContainer,.RecipientAnimationGiftDetailsComponent .sceneContainer .playButtonContainer .animationPlayButton,.RecipientAnimationGiftDetailsComponent .sceneContainer .playButtonContainer .animationPlayButton .mdc-button__ripple{border-radius:var(--recipient-animation-play-button-size, 100px)}.RecipientAnimationGiftDetailsComponent .sceneContainer .playButtonContainer .giftImage{height:calc(var(--recipient-animation-container-height, 600px) - 150px)}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer{width:100%;max-width:95%}@media (min-width: 576px){.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer{max-width:85%}}@media (min-width: 768px){.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer{max-width:75%}}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer{opacity:0;text-align:center;color:var(--ribboned-headline-text-color, black)}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer .footerFromMessage{position:relative;display:inline-block;font-size:calc(var(--recipient-animation-container-height, 600px)*.03);transition:padding 1s ease;padding:0 .5rem}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer .footerFromMessage:before,.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer .footerFromMessage:after{border-top:1px solid currentColor;position:absolute;content:"";height:2px;top:50%;transition:width 1.5s ease-out;width:0}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer .footerFromMessage:before{right:100%}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer .footerFromMessage:after{left:100%}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer .footerPersonNameMessage{padding-bottom:1rem;max-height:8rem;font-size:calc(var(--recipient-animation-container-height, 600px)*.05)}@media (min-width: 992px){.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer .footerPersonNameMessage{font-size:calc(var(--recipient-animation-container-height, 600px)*.1)}}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer.animated .footerFromMessage{padding:0 2rem}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer.animated .footerFromMessage:before,.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer.animated .footerFromMessage:after{width:4rem}@media (min-width: 992px){.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer.animated .footerFromMessage:before,.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .footerMessageContainer.animated .footerFromMessage:after{width:200%}}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .seeGiftButtonContainer{display:none;opacity:0;transform:translateY(-20px);text-align:center}.RecipientAnimationGiftDetailsComponent .sceneContainer .footerContainer .seeGiftButtonContainer .seeGiftButton{--eg-button-background-color: var(--recipient-animation-buttons-background-color);--eg-button-text-color: var(--recipient-animation-buttons-text-color);padding:.75rem 3rem}