.mg3.mg2-open:not(.mg3--scroll){height:auto}.mg3:not(.mg3--scroll) .mg2-open__stage{position:relative;top:0}.mg3 .mg2-open__film{z-index:2}.mg3 .mg2-open__caption{z-index:3}.mg3-under,.mg3-over{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mg3-under{z-index:1}.mg3-over{z-index:4}.mg3-under,.mg3-over,.mg3-display,.mg3-skip{display:none}.mg3-js .mg3-playing .mg3-under,.mg3-js .mg3-playing .mg3-over,.mg3-js .mg3-playing .mg3-display{display:block}.mg3-js .mg3-playing .mg3-skip{display:inline-flex}.mg3 .mg2-open__caption{opacity:1;transform:none}@media(min-width:990px){.mg3 .mg2-open__index{opacity:1}}.mg3 .mg2-open__caption,.mg3 .mg2-open__index--side{transition:opacity .55s ease,transform .55s ease}.mg3-js .mg3-hold .mg2-open__caption,.mg3-js .mg3-hold .mg2-open__index--side{visibility:hidden;opacity:0}.mg3-js .mg3-hold .mg2-open__caption{transform:translateY(14px)}.mg3-js .mg3-hold .mg2-open__film:after{opacity:0}.mg3 .mg2-open__film:after{transition:opacity .6s ease}.mg3-js .mg3-hold .mg2-motion{opacity:0!important;visibility:hidden!important}.mg3-playing .mg2-open__film{transform-origin:0 0;will-change:transform,clip-path}.mg3 .mg2-open__caption .mg2-open__h1{font-size:15px;line-height:1.3;margin-bottom:12px}@media(min-width:990px){.mg3 .mg2-open__caption .mg2-open__h1{font-size:17px}}.mg3-rim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 28px 6px #5c3e0e6b,inset 0 0 0 2px #78541840}.mg3-box{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,opacity}.mg3-body{position:absolute;top:1.1%;right:1.1%;bottom:1.1%;left:1.1%;background:linear-gradient(160deg,#f4cb74,#edc068 55%,#e6b75e);box-shadow:0 26px 46px -20px #46300c61,0 2px 6px #46300c1f,inset 0 0 0 1px #78551e24}.mg3-lid{position:absolute;top:0;left:-3.68%;width:103.68%;height:100%;max-width:none;display:block;filter:drop-shadow(0 14px 22px rgba(70,48,12,.22));will-change:transform;transform-origin:50% 50%}.mg3-face{position:absolute;left:0;top:0;transform-origin:0 0;backface-visibility:visible;will-change:transform}.mg3-face--lidtop{background:#f3c66b center / 100% 100% no-repeat}.mg3-face--lidfront{background:linear-gradient(to bottom,#b58c47,#a27b3a)}.mg3-face--lidright{background:linear-gradient(to bottom,#fbdc96,#efcb7f)}.mg3-face--bodyfront{background:linear-gradient(to bottom,#a47a37,#93692c)}.mg3-face--bodyright{background:linear-gradient(to bottom,#efcd86,#e2bb6e)}.mg3-face--rim{background:#f2cf86;box-shadow:inset 0 0 0 2px #fff5dc8c}.mg3-face--floor{background:radial-gradient(closest-side,#46300c38,#46300c14 62%,#46300c00)}.mg3-display{position:absolute;z-index:5;left:var(--mg2-gutter);right:var(--mg2-gutter);top:22px;margin:0;font-size:clamp(32px,9vw,44px);line-height:1.04;letter-spacing:-.02em;color:var(--mg2-ink);max-width:10ch;will-change:opacity,transform}.mg3-display__label{display:block;font-size:13px;letter-spacing:.02em;line-height:1.3;margin-bottom:10px}@media(min-width:990px){.mg3-display{top:auto;bottom:56px;left:max(48px,calc((100vw - 1440px)/2));font-size:clamp(28px,2.9vw,48px);max-width:9ch}.mg3-display__label{font-size:15px}}[data-mg3-variant=yakindan] .mg3-display{top:auto;bottom:calc(76px + env(safe-area-inset-bottom));font-size:clamp(40px,11.5vw,104px);max-width:9ch}@media(min-width:990px){[data-mg3-variant=yakindan] .mg3-display{bottom:64px;font-size:clamp(56px,6.4vw,104px)}}.mg3-skip{position:absolute;z-index:6;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));align-items:center;min-height:40px;padding:0 16px;font:13px/1 var(--mg2-font);letter-spacing:.02em;color:var(--mg2-ink);background:#ffffffc7;border:1px solid rgba(43,36,28,.22);border-radius:20px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s ease}.mg3-skip:hover{background:#fff}.mg3-skip:focus-visible{outline:2px solid var(--mg2-ink);outline-offset:3px}@media(min-width:990px){.mg3-skip{right:max(24px,calc((100vw - 1440px)/2));bottom:24px}}@media(prefers-reduced-motion:reduce){.mg3-under,.mg3-over,.mg3-display,.mg3-skip{display:none!important}.mg3-js .mg3-hold .mg2-open__caption,.mg3-js .mg3-hold .mg2-open__index--side{visibility:visible!important;opacity:1!important;transform:none!important}}@keyframes mg3-safety{to{visibility:visible;opacity:1;transform:none}}.mg3-js .mg3-hold .mg2-open__caption,.mg3-js .mg3-hold .mg2-open__index--side{animation:mg3-safety .01s 6s forwards}.mg3--scroll .mg2-open__caption,.mg3--scroll .mg2-open__index--side{transition:none}.mg3--scroll .mg2-open__stage:not(.mg3-shown) .mg2-open__caption,.mg3--scroll .mg2-open__stage:not(.mg3-shown) .mg2-open__index--side{pointer-events:none}.mg3-js .mg3--scroll .mg3-playing .mg2-open__film:after{opacity:var(--k, 0);transition:none}.mg3-js .mg3--scroll .mg3-playing .mg2-motion{opacity:var(--k, 0);transition:none}.mg3-js .mg3--scroll .mg3-playing:not(.mg3-shown) .mg2-motion{visibility:hidden}@media(prefers-reduced-motion:no-preference){.mg3--scroll[data-mg3-variant=yakindan]{height:260svh}@media(min-width:990px){.mg3--scroll[data-mg3-variant=yakindan]{height:280vh}}}.mg3-hint{display:none;position:absolute;z-index:5;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));margin:0;text-align:center;font-size:13px;line-height:1.4;letter-spacing:.02em;color:var(--mg2-ink);pointer-events:none}.mg3-js .mg3-playing .mg3-hint{display:block}@media(min-width:990px){.mg3-hint{bottom:24px}}@media(prefers-reduced-motion:reduce){.mg3-hint{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/mlouye-gift7-intro.css.map */