/* All coordinates share the gift's square: opening = 63% from its top. */
.dd-holiday-brand{display:flex;align-items:center;flex-shrink:0;gap:3px}
.dd-holiday-brand .brand{margin-right:0;order:0}
.dd-holiday-brand .dd-petal{display:none}
.dd-christmas-gift{position:relative;isolation:isolate;width:58px;height:58px;flex:0 0 58px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dd-christmas-gift[hidden]{display:none}
.dd-christmas-gift:focus-visible{outline:2px solid var(--maroon,#641b2b);outline-offset:3px;border-radius:8px}
.dd-christmas-gift span{position:absolute;pointer-events:none;display:block}
.dd-gift-box,.dd-gift-front,.dd-gift-lid{background-image:url('/images/brand/christmas/gift.webp');background-size:300% 100%;background-repeat:no-repeat}
.dd-gift-box,.dd-gift-front{width:76%;height:76%;left:10%;top:28%;background-position:0 0}
.dd-gift-box{z-index:1}
.dd-gift-front{z-index:3;clip-path:polygon(0 46%,100% 46%,100% 100%,0 100%)}
.dd-panda-mask{inset:0;overflow:hidden;clip-path:inset(0 0 34.5% 0);z-index:2}
.dd-gift-panda{background:url('/images/brand/christmas/panda.webp') center/contain no-repeat;width:64%;height:76%;left:16%;top:-7%;opacity:0;transform:translateY(100%);transform-origin:50% 90%}
.dd-gift-lid{width:72%;height:72%;left:12%;top:7%;background-position:50% 0;transform-origin:50% 75%;z-index:5}
.dd-christmas-gift.is-playing .dd-gift-panda{animation:ddPandaRise 2.2s .65s cubic-bezier(.22,.7,.3,1) forwards}
.dd-christmas-gift.is-playing .dd-gift-lid{animation:ddGiftOpen 1.45s cubic-bezier(.2,.75,.25,1) forwards}
.dd-christmas-gift.is-open .dd-gift-panda{opacity:1;transform:none}
.dd-christmas-gift.is-open .dd-gift-lid{opacity:0}
@keyframes ddPandaRise{0%{opacity:1;transform:translateY(100%)}58%{transform:translateY(-3%)}76%{transform:translateY(1%)}100%{opacity:1;transform:none}}
@keyframes ddGiftOpen{0%{opacity:1;transform:none}35%{opacity:1;transform:translate(0,-35%) rotate(-5deg)}72%{opacity:1;transform:translate(25%,-56%) rotate(19deg)}100%{opacity:0;transform:translate(43%,-64%) rotate(25deg)}}
@media(max-width:760px){.dd-holiday-brand{order:1;margin-right:auto}.dd-christmas-gift{width:48px;height:48px;flex-basis:48px}}
@media(prefers-reduced-motion:reduce){.dd-christmas-gift.is-playing .dd-gift-panda{animation:none;opacity:1;transform:none}.dd-christmas-gift.is-playing .dd-gift-lid{animation:none;opacity:0}}