@property --rx{syntax: "<angle>"; inherits: true; initial-value: -24deg;}@property --ry{syntax: "<angle>"; inherits: true; initial-value: -30deg;}@property --lid{syntax: "<angle>"; inherits: true; initial-value: 90deg;}@property --tuck{syntax: "<angle>"; inherits: true; initial-value: -90deg;}@property --box-y{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --box-s{syntax: "<number>"; inherits: true; initial-value: 1;}@property --beam{syntax: "<number>"; inherits: true; initial-value: 0;}@property --cy{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cz{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --crx{syntax: "<angle>"; inherits: true; initial-value: -24deg;}@property --cry{syntax: "<angle>"; inherits: true; initial-value: -30deg;}@property --cs{syntax: "<number>"; inherits: true; initial-value: .55;}:root{--ink: #111;--muted: #5c5c5c;--accent: #a3481b;--gold: #d89229;--cream: #fffaf3;--box-orange: linear-gradient(118deg, #f69a35 0%, #ee6a25 46%, #df4a1e 100%);--mandala-fill: linear-gradient(135deg, #ffbb73, #f07a2b 52%, #bd3e0d);--W: 210px;--H: 116px;--D: 126px;--CW: 146px;--CH: 204px}*{box-sizing:border-box;margin:0}html,body{height:100%}body{overflow:hidden;background:var(--cream);color:var(--ink);font:500 14px/1.45 Satoshi,-apple-system,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}[hidden],#nector-rewards-widget-container{display:none!important}.gift{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--cream);isolation:isolate;transition-property:--rx,--ry,--lid,--tuck,--box-y,--box-s,--beam,--cy,--cz,--crx,--cry,--cs;transition-duration:var(--dur, .6s);transition-timing-function:var(--ease, cubic-bezier(.22, 1, .36, 1))}.gift:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(62% 38% at 50% 44%,#ffe6cc,#ffe6cc00 72%),radial-gradient(120% 50% at 50% 112%,#fbdcbc,#fbdcbc00 62%)}.ui-top{position:absolute;top:22px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.ui-bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:22px;right:22px;max-width:380px;margin:0 auto;text-align:center}.ui-bottom h2{font-weight:400;font-size:22px;line-height:1.2}.ui-bottom h2 span{color:var(--accent)}.ui-bottom p{color:var(--muted);font-size:12px;margin-top:6px}.ui-bottom .message{min-height:18px}.hint{position:absolute;left:50%;top:calc(46% + (var(--H) / 2 + 40px) * var(--box-s) + var(--box-y) + 22px);translate:-50% 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:opacity .3s}.gift[data-state=idle] .hint{animation:hint-in .5s .2s cubic-bezier(.22,1,.36,1) both}.gift:not([data-state=idle]) .hint{opacity:0}form.email{display:flex;margin-top:12px;border:1px solid var(--ink);border-radius:2px;background:#fff;height:46px}form.email:focus-within{outline:2px solid var(--accent);outline-offset:2px}form.email input{flex:1;min-width:0;border:0;outline:0;padding:0 12px;font-size:16px;background:transparent;color:var(--ink)}form.email button,.copy{border:0;background:var(--ink);color:#fff;cursor:pointer}form.email button{width:46px;font-size:18px}form.email button:disabled{opacity:.55;cursor:wait}.copy{width:100%;height:46px;margin-top:12px;border-radius:2px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.consent{font-size:10px!important;line-height:1.45}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stage{position:absolute;top:0;right:0;bottom:0;left:0;perspective:900px;perspective-origin:50% 38%}.world{position:absolute;left:50%;top:46%;width:0;height:0;transform-style:preserve-3d}.ground{position:absolute;left:50%;top:calc(46% + (var(--H) / 2 + 40px) * var(--box-s) + var(--box-y));width:calc(250px * var(--box-s));height:calc(36px * var(--box-s));translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#6e2d0c4d,#6e2d0c1f 55%,#6e2d0c00);filter:blur(3px)}.backdrop{position:absolute;left:50%;top:46%;width:560px;aspect-ratio:1782 / 1809;translate:-50% -50%;opacity:.08;pointer-events:none;background:var(--mandala-fill);-webkit-mask:var(--mandala) center / contain no-repeat;mask:var(--mandala) center / contain no-repeat;animation:turn 120s linear infinite;transition:opacity .8s,scale 1.2s cubic-bezier(.22,1,.36,1)}.gift[data-state=land] .backdrop{opacity:.12;scale:1.08}.gift[data-state=flip] .backdrop,.gift[data-state=back] .backdrop,.gift[data-state=code] .backdrop{opacity:.06}.burst{position:absolute;left:50%;top:calc(46% - 10px);width:0;height:0;pointer-events:none}.burst i{position:absolute;left:0;top:0;translate:-50% -50%;border-radius:50%;opacity:0}.burst .rays{width:460px;height:460px;background:repeating-conic-gradient(from 0deg,#ffd68c8c 0 4deg,#ffd68c00 4deg 15deg);-webkit-mask:radial-gradient(closest-side,#000 12%,transparent 78%);mask:radial-gradient(closest-side,#000 12%,transparent 78%)}.burst .halo{width:340px;height:340px;background:radial-gradient(closest-side,#fff6e2,#ffd896bf 40%,#ffd89600)}.burst .flash{width:200px;height:200px;background:radial-gradient(closest-side,#fff,#fff8e8e6 35%,#ffecc800)}.burst .ring{width:120px;height:120px;border:1.5px solid rgba(216,146,41,.7)}.bob{position:absolute;transform-style:preserve-3d}.box{position:absolute;transform-style:preserve-3d;transform:translateY(var(--box-y)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--box-s))}.face{position:absolute;backface-visibility:hidden;overflow:hidden}.f-front,.f-back,.in-front,.in-back{width:var(--W);height:var(--H);left:calc(var(--W) / -2);top:calc(var(--H) / -2)}.f-front{transform:translateZ(calc(var(--D) / 2))}.f-back{transform:rotateY(180deg) translateZ(calc(var(--D) / 2))}.f-left,.f-right,.in-left,.in-right{width:var(--D);height:var(--H);left:calc(var(--D) / -2);top:calc(var(--H) / -2)}.f-right{transform:rotateY(90deg) translateZ(calc(var(--W) / 2))}.f-left{transform:rotateY(-90deg) translateZ(calc(var(--W) / 2))}.f-bottom,.in-floor{width:var(--W);height:var(--D);left:calc(var(--W) / -2);top:calc(var(--D) / -2)}.f-bottom{transform:rotateX(-90deg) translateZ(calc(var(--H) / 2));background:#f1ebe3}.in{background:linear-gradient(#efe2d1,#fffaf3)}.in-front{transform:translateZ(calc(var(--D) / 2 - 1px)) rotateY(180deg)}.in-back{transform:translateZ(calc(var(--D) / -2 + 1px))}.in-left{transform:rotateY(90deg) translateZ(calc(var(--W) / -2 + 1px))}.in-right{transform:rotateY(-90deg) translateZ(calc(var(--W) / -2 + 1px))}.in-floor{transform:rotateX(90deg) translateZ(calc(var(--H) / -2 + 2px));background:radial-gradient(closest-side,#fff3d9,#eedac0)}.lid{position:absolute;width:var(--W);height:var(--D);left:calc(var(--W) / -2);top:0;transform-origin:50% 0;transform-style:preserve-3d;transform:translateY(calc(var(--H) / -2)) translateZ(calc(var(--D) / -2)) rotateX(var(--lid))}.lid>.face{width:100%;height:100%;left:0;top:0}.l-in{transform:rotateY(180deg);background:#fbf6ef}.tuck{position:absolute;left:6px;right:6px;top:100%;height:24px;transform-origin:50% 0;transform-style:preserve-3d;transform:rotateX(var(--tuck)) translateZ(-2px)}.tuck .face{top:0;right:0;bottom:0;left:0;border-radius:0 0 14px 14px;background:#fff}.tuck .t-in{transform:rotateY(180deg);background:#f4ece2}.seam{position:absolute;left:calc(var(--W) / -2 - 8px);width:calc(var(--W) + 16px);height:14px;top:calc(var(--H) / -2 - 7px);transform:translateZ(calc(var(--D) / 2 + 1px));background:radial-gradient(closest-side,#ffdc8cf2,#ffc86e00);filter:blur(2px);opacity:0}.beam{position:absolute;left:50%;width:300px;height:320px;translate:-50% 0;top:calc(46% + var(--box-y) - var(--H) / 2 * var(--box-s) - 250px);background:radial-gradient(50% 100% at 50% 100%,#ffe2a0cc,#ffe2a000 70%);filter:blur(10px);opacity:var(--beam);pointer-events:none}.print{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--box-orange)}.print:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 42% 30%,#ffd68c80,#ffd68c00 70%)}.mandala{position:absolute;z-index:1;pointer-events:none;background:linear-gradient(140deg,#fbe2a4,#eab45c 45%,#f8d993 70%,#dc9d42);-webkit-mask:var(--mandala) center / contain no-repeat;mask:var(--mandala) center / contain no-repeat}.mandala.m-left,.mandala.m-right{width:calc(var(--H) * .92);height:calc(var(--H) * .92)}.mandala.m-left{left:calc(var(--H) * -.46);top:calc(var(--H) * -.12)}.mandala.m-right{right:calc(var(--H) * -.46);top:calc(var(--H) * .06)}.band{position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(90deg,#fbf8f4,#f2ede6);z-index:2;display:flex;align-items:center;padding:0 12px;gap:6px;white-space:nowrap}.band .logo{width:12px;height:13px;color:var(--gold)}.band b{font-weight:500;font-size:7px;letter-spacing:.06em;color:#6d5a43;line-height:1.25}.band b strong{display:block;font-weight:500;color:#3c2f22}.band small{margin-left:auto;font-size:4.5px;letter-spacing:.08em;color:#6d5a43}.end{background:linear-gradient(90deg,#e9dfd2,#f7f2ec 45%,#efe7dd);display:flex;align-items:center;justify-content:center}.end span{transform:rotate(90deg);font-size:10px;color:#2a2a2a;white-space:nowrap}.lid-print{padding:16px 18px;color:#fff}.lid-print h4{position:relative;z-index:2;font-weight:500;font-size:12px}.lid-print h4 i{display:block;font-style:normal;font-size:7px;opacity:.85}.lid-print p{position:relative;z-index:2;font-size:6.4px;line-height:1.4;margin-top:6px;max-width:150px}.lid-print .logo{position:absolute;z-index:2;right:16px;top:16px;width:13px;height:14px;color:#fff}.card-lift{position:absolute;transform-style:preserve-3d}.card{position:absolute;width:var(--CW);height:var(--CH);left:calc(var(--CW) / -2);top:calc(var(--CH) / -2);transform-style:preserve-3d;opacity:0;cursor:pointer;transform:translate3d(0,var(--cy),var(--cz)) rotateX(var(--crx)) rotateY(var(--cry)) scale(var(--cs))}.gift:not([data-state=enter]):not([data-state=idle]) .card{opacity:1}.card .face{top:0;right:0;bottom:0;left:0;border-radius:12px}.c-front{--perf-y: 126px;background:linear-gradient(180deg,#fff,#fffaf3);border:1px solid #f1dcc3;display:flex;flex-direction:column;-webkit-mask:radial-gradient(circle at 0 var(--perf-y),transparent 7.6px,#000 8.1px) left / 51% 100% no-repeat,radial-gradient(circle at 100% var(--perf-y),transparent 7.6px,#000 8.1px) right / 51% 100% no-repeat;mask:radial-gradient(circle at 0 var(--perf-y),transparent 7.6px,#000 8.1px) left / 51% 100% no-repeat,radial-gradient(circle at 100% var(--perf-y),transparent 7.6px,#000 8.1px) right / 51% 100% no-repeat}.c-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none;background:radial-gradient(circle at 0 var(--perf-y),transparent 7.6px,#ecd3b4 8px,#ecd3b4 8.6px,transparent 9px),radial-gradient(circle at 100% var(--perf-y),transparent 7.6px,#ecd3b4 8px,#ecd3b4 8.6px,transparent 9px)}.card .face.c-shadow{top:72%;right:8%;bottom:-16px;left:8%;border-radius:50%;background:radial-gradient(closest-side,#6e2d0c52,#6e2d0c00);filter:blur(6px);overflow:visible;transform:translateZ(-1px)}.cf-mandala{position:absolute;width:150px;aspect-ratio:1782 / 1809;right:-62px;top:-58px;opacity:.14;background:var(--mandala-fill);-webkit-mask:var(--mandala) center / contain no-repeat;mask:var(--mandala) center / contain no-repeat}.cf-top{position:relative;display:flex;align-items:center;gap:6px;padding:14px 14px 0}.cf-top .logo{width:14px;height:15px;color:var(--accent)}.cf-top span{font-size:7.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.cf-body{position:relative;padding:0 14px 14px;margin-top:auto}.c-front .label{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.c-front .amt{font-weight:400;font-size:44px;line-height:1;letter-spacing:-.03em;color:var(--accent);margin-top:3px;white-space:nowrap}.c-front .amt small{font-size:13px;letter-spacing:0;color:var(--ink);margin-left:3px}.cf-sub{font-size:9px;color:var(--ink);margin-top:2px}.cf-perf{position:absolute;left:16px;right:16px;top:var(--perf-y);border-top:1px dashed #e9cfae}.cf-foot{position:relative;height:calc(var(--CH) - var(--perf-y));padding:12px 12px 0}.c-front .onus{font-weight:400;font-size:11px;color:var(--muted);margin-bottom:8px;padding-left:2px}.cta{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 12px;border:0;border-radius:2px;background:var(--ink);color:#fff;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.cta span{font-size:13px;letter-spacing:0}.c-front .sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#fff0 35%,#ffe1aa8c 48%,#fff0 62%);background-size:300% 100%;background-position:100% 0;pointer-events:none}.c-back{transform:rotateY(180deg);background:var(--box-orange);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;box-shadow:0 18px 30px -18px #78320a73}.cb-mandala{position:absolute;width:230px;aspect-ratio:1782 / 1809;left:50%;top:50%;translate:-50% -50%;opacity:.16;background:linear-gradient(160deg,#fff,#ffe2bf);-webkit-mask:var(--mandala) center / contain no-repeat;mask:var(--mandala) center / contain no-repeat;pointer-events:none}.c-back>:not(.cb-mandala){position:relative}.c-back .logo{width:30px;height:33px;color:#fff}.c-back b{font-weight:400;font-size:15px}.c-back .code{margin-top:8px;background:#fff;color:var(--accent);font-size:11px;letter-spacing:.1em;padding:7px 10px;border-radius:2px;filter:blur(3.5px);transition:filter .5s;-webkit-user-select:none;user-select:none}.gift[data-state=code] .c-back .code{filter:none;-webkit-user-select:all;user-select:all}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.petal{position:absolute;left:-5px;top:-3.5px;width:10px;height:7px;border-radius:60% 0;will-change:transform,opacity}.gift[data-state=enter] .bob{animation:drop .9s cubic-bezier(.3,1.35,.5,1) both}.gift[data-state=idle] .bob{animation:float 5s ease-in-out infinite,hop 2.6s 1s cubic-bezier(.3,1.5,.5,1) infinite}.gift[data-state=enter] .ground{animation:ground-drop .9s cubic-bezier(.3,1.35,.5,1) both}.gift[data-state=idle] .ground{animation:ground-float 5s ease-in-out infinite,ground-hop 2.6s 1s cubic-bezier(.3,1.5,.5,1) infinite}.gift[data-state=idle] .seam{animation:seam 2.6s 1s ease-out infinite}.gift[data-state=idle] .box{cursor:pointer}.gift[data-state=open]{--rx: -26deg;--ry: -14deg;--lid: 208deg;--tuck: -22deg;--beam: 1;--crx: -26deg;--cry: -14deg;--dur: .55s;--ease: cubic-bezier(.34, 1.36, .5, 1)}.gift[data-state=open] .bob{animation:squash .3s ease-out}.gift[data-state=land],.gift[data-state=flip]{--rx: -26deg;--ry: -3deg;--lid: 228deg;--tuck: -20deg;--beam: 0;--box-y: 112px;--box-s: .72;--cy: -60px;--cz: 50px;--crx: 4deg;--cry: 352deg;--cs: 1.08;--dur: 1.4s;--ease: cubic-bezier(.22, 1, .36, 1)}.gift[data-state=flip],.gift[data-state=back],.gift[data-state=code]{--cry: 532deg;--dur: .9s;--ease: cubic-bezier(.65, 0, .35, 1)}.gift[data-state=back],.gift[data-state=code]{--rx: -26deg;--ry: -3deg;--lid: 228deg;--tuck: -20deg;--beam: 0;--box-y: 64px;--box-s: .56;--cy: -96px;--cz: 60px;--crx: 4deg;--cs: .98}.gift[data-state=land] .c-front .sheen{animation:sheen 1.2s .9s ease-out both}.gift.no-motion{transition:none}@keyframes drop{0%{transform:translateY(-420px) rotate(-8deg)}70%{transform:translateY(6px) rotate(1deg)}to{transform:none}}@keyframes float{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-7px) rotateY(10deg)}}@keyframes hop{0%,76%,to{translate:0 0;rotate:0deg}82%{translate:0 -14px;rotate:-3deg}88%{translate:0 0;rotate:2deg}93%{rotate:-1deg}}@keyframes seam{0%,74%,to{opacity:0}84%{opacity:1}}@keyframes squash{0%{scale:1}40%{scale:1.05 .92}to{scale:1}}@keyframes ground-drop{0%{scale:.3;opacity:0}70%{scale:1.04;opacity:1}to{scale:1}}@keyframes ground-float{50%{scale:.94;opacity:.85}}@keyframes ground-hop{0%,76%,to{scale:1}82%{scale:.82;opacity:.7}88%{scale:1;opacity:1}}@keyframes hint-in{0%{opacity:0;translate:-50% 6px}to{opacity:1;translate:-50% 0}}@keyframes turn{to{rotate:360deg}}@keyframes sheen{0%{background-position:100% 0}to{background-position:0 0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.gift.is-fitted{inset:auto;left:50%;top:0;width:var(--fit-w);height:var(--fit-h);transform:translate(-50%) scale(var(--fit));transform-origin:top center}@media(prefers-reduced-motion:reduce){.gift{--dur: .01s !important}.gift .bob,.gift .seam,.gift .ground,.backdrop,.c-front .sheen{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/214/assets/dt-festive-gift-box.css.map */