:root{--dd-ease-out: cubic-bezier(.16, 1, .3, 1);--dd-ease-inout: cubic-bezier(.77, 0, .18, 1);--dd-ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.dd-btn{isolation:isolate;overflow:hidden;transition:transform .4s var(--dd-ease-spring),box-shadow .4s var(--dd-ease-spring),translate .5s var(--dd-ease-out)}.dd-btn:not(.dd-hero__cta,.dd-duo__cta){position:relative}.dd-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--dd-yellow);transform:scaleX(0);transform-origin:right center;transition:transform .55s var(--dd-ease-out)}.dd-btn:hover{background:var(--dd-violet);transform:translate(-3px,-3px) rotate(-1.5deg);box-shadow:4px 4px 0 var(--dd-ink)}.dd-btn:hover:before{transform:scaleX(1);transform-origin:left center}.dd-btn:active{transform:translate(0) rotate(0);box-shadow:0 0 0 var(--dd-ink);transition-duration:.12s}.dd-btn:focus-visible{outline:2px solid var(--dd-ink);outline-offset:3px}.dd-btn__icon,.dd-link__icon{transition:transform .55s var(--dd-ease-spring)}.dd-btn:hover .dd-btn__icon{transform:rotate(-45deg) scale(1.12)}.dd-link:hover .dd-link__icon{transform:rotate(-45deg)}.dd-roll{display:inline-block;position:relative;overflow:hidden;vertical-align:bottom;line-height:1.3}.dd-roll__inner{display:block;position:relative;transition:transform .55s var(--dd-ease-out)}.dd-roll__inner:after{content:attr(data-text);position:absolute;left:0;top:100%;white-space:nowrap}a:hover>.dd-roll .dd-roll__inner,a:focus-visible>.dd-roll .dd-roll__inner{transform:translateY(-100%)}.dd-footer__nav a:hover{text-decoration:none}.dd-toy{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.dd-hero__front{transition:rotate .7s var(--dd-ease-spring),scale .7s var(--dd-ease-spring)}.dd-hero__front:hover{rotate:2deg;scale:1.02}.dd-card__visual{transition:translate .5s var(--dd-ease-spring)}.dd-card__media{transition:box-shadow .5s var(--dd-ease-spring)}.dd-card__img{transition:transform 1.2s var(--dd-ease-out)}.dd-card:hover .dd-card__visual{translate:-4px -4px}.dd-card:hover .dd-card__media{box-shadow:8px 8px 0 var(--dd-violet)}.dd-card:hover .dd-card__img{transform:scale(1.07)}.dd-card__info .dd-card__sub{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .45s var(--dd-ease-out);width:fit-content}.dd-card__info:hover .dd-card__sub{background-size:100% 1px}.dd-card__add-btn{z-index:2;display:grid;place-items:center;color:var(--dd-ink);transition:background-color .25s ease,color .25s ease,scale .4s var(--dd-ease-spring)}.dd-card__add-btn svg{display:block;width:16px;height:16px;transition:transform .5s var(--dd-ease-spring),opacity .2s ease}.dd-card__add-btn .dd-icon-check{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;transform:scale(.3) rotate(-30deg)}.dd-card__add-btn:hover{background:var(--dd-yellow)}.dd-card__add-btn:hover .dd-icon-plus{transform:rotate(90deg)}.dd-card__add-btn:active{scale:.9}.dd-card__add-btn:focus-visible{outline:2px solid var(--dd-ink);outline-offset:-4px}.dd-card__add-btn[aria-expanded=true]{background:var(--dd-ink);color:var(--dd-violet)}.dd-card__add-btn[aria-expanded=true] .dd-icon-plus{transform:rotate(135deg)}.dd-card__add-btn.is-loading .dd-icon-plus{animation:dd-spin .7s linear infinite}.dd-card__add-btn.is-added{background:var(--dd-ink);color:var(--dd-yellow);scale:1.08}.dd-card__add-btn.is-added .dd-icon-plus{opacity:0;transform:scale(.3)}.dd-card__add-btn.is-added .dd-icon-check{opacity:1;transform:none}.dd-card__variants{position:absolute;z-index:1;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-content:flex-end;gap:6px;box-sizing:border-box;padding:12px 60px 12px 12px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);clip-path:inset(100% 0 0 0);transition:clip-path .5s var(--dd-ease-inout)}.dd-card__visual.is-open .dd-card__variants{clip-path:inset(0 0 0 0)}.dd-card__variants-label{flex-basis:100%;margin:0 0 2px;font-family:var(--dd-font);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dd-ink)}.dd-chip{min-width:40px;height:36px;padding:0 10px;border:1.5px solid var(--dd-ink);border-radius:0;background:transparent;color:var(--dd-ink);font-family:var(--dd-font);font-weight:600;font-size:13px;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,transform .35s var(--dd-ease-spring)}.dd-chip:hover,.dd-chip:focus-visible{background:var(--dd-violet);transform:translateY(-2px) rotate(-3deg);outline:none}.dd-chip:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed;transform:none;background:transparent}.dd-card__visual.is-open .dd-chip{animation:dd-chip-in .45s var(--dd-ease-spring) both;animation-delay:calc(.12s + var(--i, 0) * 35ms)}.dd-card__badge{position:absolute;top:0;left:0;padding:4px 8px;background:var(--dd-yellow);color:var(--dd-ink);font-family:var(--dd-font);font-weight:600;font-size:12px;text-transform:uppercase}.dd-card__toast{position:absolute;z-index:3;left:8px;right:56px;bottom:8px;margin:0;padding:8px 10px;background:var(--dd-ink);color:#fff;font-family:var(--dd-font);font-weight:500;font-size:13px;line-height:1.3;opacity:0;translate:0 8px;pointer-events:none;transition:opacity .25s ease,translate .35s var(--dd-ease-out)}.dd-card__toast.is-visible{opacity:1;translate:0 0}.dd-newsletter__input{transition:box-shadow .3s var(--dd-ease-out)}.dd-newsletter__input:focus-visible{outline:none;box-shadow:inset 0 -3px 0 var(--dd-ink)}.dd-duo__media{overflow:hidden}.dd-duo__media .dd-duo__img{transition:scale 1.4s var(--dd-ease-out)}.dd-duo__media:hover .dd-duo__img{scale:1.05}.dd-confetti{position:fixed;z-index:10000;width:9px;height:9px;pointer-events:none}.dd-mask{overflow:hidden;padding-bottom:.08em}.dd-mask>span{display:inline-block}.dd-motion .dd-hero__back{clip-path:inset(100% 0 0 0)}.dd-motion .dd-hero__back .dd-hero__img{scale:1.3}.dd-motion .dd-hero__front,.dd-motion .dd-hero__tape,.dd-motion .dd-hero__sticker,.dd-motion .dd-hero__flower,.dd-motion .dd-hero__butterfly{opacity:0}.dd-motion .dd-hero__logo{clip-path:inset(0 100% 0 0)}.dd-motion .dd-hero__cta{clip-path:inset(0 0 0 100%)}.dd-motion .dd-hero__tape span{display:inline-block;opacity:0}.dd-motion .dd-hero.is-ready .dd-hero__back{animation:dd-clip-up 1.3s var(--dd-ease-inout) .05s both}.dd-motion .dd-hero.is-ready .dd-hero__back .dd-hero__img{animation:dd-settle 2.2s var(--dd-ease-out) .05s both}.dd-motion .dd-hero.is-ready .dd-hero__front{animation:dd-front-in 1.3s cubic-bezier(.22,1.3,.36,1) .45s both}.dd-motion .dd-hero.is-ready .dd-hero__logo{animation:dd-wipe-right 1.2s var(--dd-ease-inout) .75s both}.dd-motion .dd-hero.is-ready .dd-hero__logo img{animation:dd-logo-in 1.4s var(--dd-ease-out) .75s both}.dd-motion .dd-hero.is-ready .dd-hero__butterfly{animation:dd-fly-in 1.8s var(--dd-ease-out) 1s both,dd-flutter .42s ease-in-out 2.8s infinite alternate}.dd-motion .dd-hero.is-ready .dd-hero__tape{animation:dd-tape-in .8s var(--dd-ease-out) 1.25s both}.dd-motion .dd-hero.is-ready .dd-hero__tape span{animation:dd-tape-word .6s var(--dd-ease-spring) both;animation-delay:calc(1.55s + var(--i, 0) * .09s)}.dd-motion .dd-hero.is-ready .dd-hero__sticker{animation:dd-stamp .9s var(--dd-ease-spring) 1.7s both}.dd-motion .dd-hero.is-ready .dd-hero__stage{animation:dd-thud .4s ease-out 1.95s}.dd-motion .dd-hero.is-ready .dd-hero__flower{animation:dd-pop-spin 1s var(--dd-ease-spring) 1.95s both,dd-spin 26s linear 2.95s infinite}.dd-motion .dd-hero.is-ready .dd-hero__cta{animation:dd-wipe-left .9s var(--dd-ease-inout) 2.1s both}.dd-motion .dd-hero__stage{--mx: 0;--my: 0;--sy: 0}.dd-motion .dd-hero__back{translate:calc(var(--mx) * -8px) calc(var(--my) * -8px + var(--sy) * 50px)}.dd-motion .dd-hero__front{translate:calc(var(--mx) * 16px) calc(var(--my) * 14px + var(--sy) * -70px)}.dd-motion .dd-hero__logo{translate:calc(var(--mx) * -10px) calc(var(--my) * -6px + var(--sy) * -24px)}.dd-motion .dd-hero__tape{translate:calc(var(--mx) * 22px) calc(var(--my) * 18px + var(--sy) * -100px)}.dd-motion .dd-hero__sticker{translate:calc(var(--mx) * 28px) calc(var(--my) * 24px + var(--sy) * -130px)}.dd-motion .dd-hero__flower{translate:calc(var(--mx) * 34px) calc(var(--my) * 28px + var(--sy) * -160px)}.dd-motion .dd-hero__butterfly{translate:calc(var(--mx) * -32px) calc(var(--my) * -26px + var(--sy) * -120px)}.dd-motion [data-dd-reveal]{transition:opacity .9s var(--dd-ease-out),transform 1.1s var(--dd-ease-out),clip-path 1.3s var(--dd-ease-inout);transition-delay:calc(var(--i, 0) * 90ms)}.dd-motion [data-dd-reveal=up]:not(.is-in){opacity:0;transform:translateY(56px)}.dd-motion [data-dd-reveal=clip]{clip-path:inset(0 0 0 0)}.dd-motion [data-dd-reveal=clip]:not(.is-in){clip-path:inset(0 0 100% 0)}.dd-motion [data-dd-reveal=clip] img{transition:scale 1.8s var(--dd-ease-out)}.dd-motion [data-dd-reveal=clip]:not(.is-in) img{scale:1.25}.dd-motion [data-dd-reveal=wipe]{clip-path:inset(0 0 0 0)}.dd-motion [data-dd-reveal=wipe]:not(.is-in){clip-path:inset(0 100% 0 0)}.dd-motion [data-dd-reveal=mask]>span{transition:transform 1.1s var(--dd-ease-out);transition-delay:calc(var(--i, 0) * 90ms + .1s)}.dd-motion [data-dd-reveal=mask]:not(.is-in)>span{transform:translateY(110%)}.dd-motion .dd-duo__ladybird,.dd-motion .dd-duo__espionage,.dd-motion .dd-duo__sticker,.dd-motion .dd-footer__sticker,.dd-motion .dd-footer__chill{transition:opacity .6s ease,transform 1.4s var(--dd-ease-out),scale .9s var(--dd-ease-spring),rotate .9s var(--dd-ease-spring)}.dd-motion .dd-duo__ladybird:not(.is-in){opacity:0;transform:scaleX(-1) translate(160px,-60px) rotate(50deg)}.dd-motion .dd-duo__ladybird.is-in{animation:dd-crawl 3.2s ease-in-out 1.4s infinite}.dd-motion .dd-duo__espionage:not(.is-in){opacity:0;transform:translateY(45%)}.dd-motion .dd-duo__espionage.is-in{animation:dd-bob 3.4s ease-in-out 1.4s infinite}.dd-motion .dd-duo__sticker:not(.is-in),.dd-motion .dd-footer__sticker:not(.is-in){opacity:0;scale:.2;rotate:-120deg}.dd-motion .dd-footer__chill:not(.is-in){opacity:0;transform:translateY(40px)}.dd-motion .dd-footer__chill.is-in{transform-origin:50% 100%;animation:dd-rock 5s ease-in-out 1.4s infinite}.dd-motion .dd-marquee__flower{animation:dd-spin 7s linear infinite}@keyframes dd-clip-up{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes dd-settle{0%{scale:1.3}to{scale:1}}@keyframes dd-front-in{0%{opacity:0;transform:translateY(35%) rotate(-18deg) scale(.88)}35%{opacity:1}to{opacity:1;transform:rotate(-2deg)}}@keyframes dd-wipe-right{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(-20% -20% -20% -20%)}}@keyframes dd-wipe-left{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(-24px -24px -24px -24px)}}@keyframes dd-logo-in{0%{transform:translate(-10%)}to{transform:none}}@keyframes dd-fly-in{0%{opacity:0;transform:translate(-260%,-80%) rotate(-35deg) scale(.6)}30%{opacity:1;transform:translate(-120%,40%) rotate(20deg) scale(.9)}60%{transform:translate(-30%,-30%) rotate(-12deg) scale(1.05)}to{opacity:1;transform:none}}@keyframes dd-flutter{0%{transform:translateY(0) scaleX(1)}to{transform:translateY(-5px) scaleX(.84)}}@keyframes dd-tape-in{0%{opacity:1;transform:translate(-50%,-50%) rotate(5deg) scaleX(0)}to{opacity:1;transform:translate(-50%,-50%) rotate(5deg) scaleX(1)}}@keyframes dd-tape-word{0%{opacity:0;transform:translateY(70%) rotate(-6deg)}to{opacity:1;transform:none}}@keyframes dd-stamp{0%{opacity:0;transform:scale(2.4) rotate(-45deg)}55%{opacity:1;transform:scale(.9) rotate(8deg)}to{opacity:1;transform:none}}@keyframes dd-thud{0%,to{transform:none}30%{transform:translate(2px,3px)}60%{transform:translate(-2px,-1px)}}@keyframes dd-pop-spin{0%{opacity:0;transform:scale(0) rotate(-140deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes dd-spin{to{transform:rotate(360deg)}}@keyframes dd-chip-in{0%{opacity:0;transform:translateY(12px) scale(.8)}to{opacity:1;transform:none}}@keyframes dd-crawl{0%,to{rotate:0deg}25%{rotate:6deg}50%{rotate:-3deg}75%{rotate:4deg}}@keyframes dd-bob{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes dd-rock{0%,to{rotate:-2deg}50%{rotate:3deg}}@media(prefers-reduced-motion:reduce){.dd-btn,.dd-card__visual,.dd-card__img,.dd-hero__front,.dd-roll__inner{transition:none}.dd-card__visual.is-open .dd-chip,.dd-card__add-btn.is-loading .dd-icon-plus{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dd-motion.css.map */