.VideoPlayerComponent{background-color:rgba(0,0,0,.85)}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer{position:relative;padding-bottom:56.25%;margin:10vh 0;display:flex;justify-content:center;transition:margin .5s ease}@media (min-width: 1200px){.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer{margin:16vh 0}}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer{position:absolute;left:0;top:0;width:100%;height:100%}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeBackdrop{position:absolute;width:100%;height:100%;background:#f2f2f2;box-shadow:rgba(0,0,0,.3) 0 6px 32px;z-index:1}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeTop{position:absolute;top:0;width:100%;height:50%;z-index:12;overflow:hidden;box-shadow:rgba(0,0,0,.2) 0 -4px 12px -4px inset}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeTop .envelopeSideLeft,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeTop .envelopeSideRight{position:absolute;top:2px;width:50%;height:108%;background:#fff;border:none;box-shadow:rgba(0,0,0,.1) 0 0 4px}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeTop .envelopeSideLeft{left:-24%;transform:skew(58deg);border-right-width:1px}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeTop .envelopeSideRight{right:-24%;transform:skew(-58deg);border-left-width:1px}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeBottom{position:absolute;bottom:0;width:100%;height:51%;z-index:11;padding:30px 0;background:#fff}@media (max-width: 991.98px){.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeBottom{padding:0}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeBottom h1,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeBottom .h1{font-size:var(--theme-settings-h3-font-size, 22px)}}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeFlap{position:absolute;top:0;width:100%;height:55%;overflow:hidden;z-index:22;transform-origin:50% 0;transform:perspective(2000px)}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeFlap:before{content:"";position:absolute;top:0;left:0;width:100%;height:185%;margin:0 .5%;background:#fff;border:#dee2e6 1px solid;box-shadow:rgba(0,0,0,.1) 0 0 4px;transform-origin:100% 0;transform:rotate(45deg) skew(-14deg,-14deg)}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeFlap>.envelopeOpenButton{position:absolute;left:50%;transform:translate(-50%);top:15%;padding:20px 40px;color:var(--theme-color-gray, #666666)}@media (min-width: 576px){.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .landingEnvelopeContainer .envelopeFlap>.envelopeOpenButton{padding:40px 80px}}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer{height:89.5%;z-index:5}@media (min-width: 1200px){.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer{height:100%}}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceFront,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceBack,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardContent{position:absolute;top:0;left:0;width:100%;height:100%;transform:perspective(2000px);transform-origin:0 100%}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceFront .cardFace,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceBack .cardFace,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardContent .cardFace{position:absolute;background:#fff;left:50%;width:49%;overflow:hidden;transform-origin:0 0;transform:rotate(-90deg) translate(-101%,-50%)}@media (min-width: 1200px){.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceFront .cardFace,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceBack .cardFace,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardContent .cardFace{width:55%}}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceFront .recipientAnimationClaimGiftButton,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceBack .recipientAnimationClaimGiftButton,.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardContent .recipientAnimationClaimGiftButton{text-transform:none!important}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceFront{z-index:6}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceBack{z-index:4}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceBack .cardFace{height:126.5%;box-shadow:rgba(0,0,0,.2) 6px 0 12px;padding:50px 30px}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardFaceBack .cardFace .cardFaceContent{transform:rotateY(180deg)}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardContent{z-index:4}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer .greetingCardContent .cardFace{height:126.5%;box-shadow:rgba(0,0,0,.2) 6px 0 12px;padding:30px}.ABERCROMBIE_HOLLISTER_RecipientAnimationComponent .recipientAnimationContainer .greetingCardContainer.insideEnvelope .cardFace{box-shadow:none}