:root{--mirabase-opening-z: 10050;--mirabase-opening-exit-ms: .5s;--mirabase-opening-ink: #203c33;--mirabase-opening-bg: #f6faf7}html.mirabase-opening--already-seen .mirabase-opening,html.mirabase-opening--already-seen .mirabase-opening[hidden]{display:none!important}body.mirabase-opening-active{overflow:hidden;touch-action:none}.mirabase-opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--mirabase-opening-z);display:grid;place-items:center;overflow:hidden;background:var(--mirabase-opening-bg);color:var(--mirabase-opening-ink);isolation:isolate;opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--mirabase-opening-exit-ms) ease,visibility var(--mirabase-opening-exit-ms) ease}.mirabase-opening[hidden]:not(.is-exiting){display:none}.mirabase-opening.is-exiting{opacity:0;visibility:hidden;pointer-events:none}.mirabase-opening__wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--mirabase-opening-bg-image, none) center/cover no-repeat,radial-gradient(circle at 18% 24%,rgba(216,231,223,.72),transparent 30%),radial-gradient(circle at 78% 72%,rgba(246,177,131,.3),transparent 29%),linear-gradient(135deg,#eaf3ee,#f6faf7)}.mirabase-opening__wash:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f6faf7bd,#eaf3ee52);content:""}.mirabase-opening__scene{position:relative;display:grid;width:min(88vw,580px);place-items:center;isolation:isolate;transform:translateY(-2vh)}.mirabase-opening__scene:before{position:absolute;top:4%;right:-2%;bottom:4%;left:-2%;z-index:-1;border-radius:50%;background:#ffffffc7;filter:blur(42px);transform:scale(1.08);content:""}.mirabase-opening__logo{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;overflow:visible;color:var(--mirabase-opening-ink);filter:drop-shadow(0 18px 36px rgba(32,60,51,.1));animation:mirabase-opening-logo-in .58s cubic-bezier(.32,.72,0,1) both}.intro__mark{fill:transparent;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.5;stroke-dasharray:1;stroke-dashoffset:1;will-change:stroke-dashoffset,fill}.intro__wordmark{fill:transparent;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;paint-order:stroke fill;stroke-dasharray:900;stroke-dashoffset:900;opacity:0;font-family:Arial,Helvetica,sans-serif;font-size:55px;font-weight:700;letter-spacing:8px;will-change:stroke-dashoffset,fill,opacity}.mirabase-opening__logo g:nth-of-type(1) .intro__mark{animation:mirabase-opening-trace 1.15s cubic-bezier(.32,.72,0,1) .08s forwards,mirabase-opening-solidify .52s cubic-bezier(.32,.72,0,1) 1.42s forwards}.mirabase-opening__logo g:nth-of-type(2) .intro__mark{animation:mirabase-opening-trace 1.15s cubic-bezier(.32,.72,0,1) .3s forwards,mirabase-opening-solidify .52s cubic-bezier(.32,.72,0,1) 1.64s forwards}.mirabase-opening__logo g:nth-of-type(3) .intro__mark{animation:mirabase-opening-trace 1.15s cubic-bezier(.32,.72,0,1) .52s forwards,mirabase-opening-solidify .52s cubic-bezier(.32,.72,0,1) 1.86s forwards}.mirabase-opening__logo .intro__wordmark{animation:mirabase-opening-word-trace 1.1s cubic-bezier(.32,.72,0,1) 1.72s forwards,mirabase-opening-word-fill .5s cubic-bezier(.32,.72,0,1) 2.72s forwards}.mirabase-opening__slogan{margin:16px auto 0;color:var(--mirabase-opening-ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(.82rem,1.5vw,1.12rem);font-weight:600;letter-spacing:.14em;line-height:1.5;text-align:center;text-transform:uppercase;opacity:0;transform:translateY(12px);animation:mirabase-opening-slogan-in .55s ease 2.1s forwards}.mirabase-opening__skip,.mirabase-opening__replay{position:fixed;right:clamp(20px,4vw,64px);bottom:max(24px,env(safe-area-inset-bottom));z-index:calc(var(--mirabase-opening-z) + 1);min-height:52px;min-width:52px;border:1px solid rgba(32,60,51,.38);border-radius:999px;padding:12px 26px;background:#ffffffe0;color:var(--mirabase-opening-ink);cursor:pointer;font:600 1.2rem/1.2 Arial,Microsoft YaHei,Noto Sans Thai,sans-serif;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.mirabase-opening__skip:hover,.mirabase-opening__replay:hover{border-color:#668879;background:#fff;transform:translateY(-2px)}.mirabase-opening__skip:active,.mirabase-opening__replay:active{transform:scale(.97)}.mirabase-opening__replay{display:none;right:auto;left:50%;transform:translate(-50%)}.mirabase-opening__replay:hover{transform:translate(-50%) translateY(-2px)}.mirabase-opening__replay:active{transform:translate(-50%) scale(.97)}.shopify-design-mode .mirabase-opening.is-design-idle{pointer-events:none;background:transparent;opacity:1;visibility:visible}.shopify-design-mode .mirabase-opening.is-design-idle .mirabase-opening__scene,.shopify-design-mode .mirabase-opening.is-design-idle .mirabase-opening__wash,.shopify-design-mode .mirabase-opening.is-design-idle .mirabase-opening__skip{opacity:0;visibility:hidden;pointer-events:none}.shopify-design-mode .mirabase-opening.is-design-idle .mirabase-opening__replay{display:block;pointer-events:auto}.mirabase-opening__skip:focus-visible,.mirabase-opening__replay:focus-visible{outline:3px solid #f6b183;outline-offset:4px}@keyframes mirabase-opening-trace{to{stroke-dashoffset:0}}@keyframes mirabase-opening-solidify{to{fill:currentColor;stroke-width:0}}@keyframes mirabase-opening-word-trace{to{opacity:1;stroke-dashoffset:0}}@keyframes mirabase-opening-word-fill{to{fill:currentColor;stroke-width:0}}@keyframes mirabase-opening-logo-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mirabase-opening-slogan-in{to{opacity:1;transform:translateY(0)}}@media(min-width:1440px){.mirabase-opening__scene{width:min(580px,40vw)}}@media(max-width:768px){.mirabase-opening__scene{width:min(90vw,520px);transform:translateY(-2.5vh)}.mirabase-opening__slogan{max-width:calc(100vw - 48px);font-size:clamp(.72rem,2.2vw,.95rem)}}@media(max-width:390px){.mirabase-opening__scene{width:min(94vw,360px);transform:translateY(-3vh)}.mirabase-opening__slogan{max-width:calc(100vw - 32px);margin-top:8px;font-size:.68rem;letter-spacing:.1em}.mirabase-opening__skip,.mirabase-opening__replay{right:16px;bottom:max(18px,env(safe-area-inset-bottom));min-height:48px;padding:11px 22px;font-size:1.1rem}.mirabase-opening__replay{right:auto;left:50%}}@media(max-width:560px){.mirabase-opening__scene{width:min(94vw,520px);transform:translateY(-3vh)}.mirabase-opening__slogan{max-width:calc(100vw - 32px);margin-top:8px;font-size:.68rem;letter-spacing:.1em}.mirabase-opening__skip{right:16px;bottom:max(18px,env(safe-area-inset-bottom));min-height:48px;padding:11px 22px;font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.mirabase-opening__logo,.mirabase-opening__slogan{opacity:1;transform:none;animation:none!important}.intro__mark,.intro__wordmark{animation:none!important;fill:currentColor;stroke-width:0;stroke-dashoffset:0;opacity:1}}@media(prefers-reduced-transparency:reduce){.mirabase-opening__skip,.mirabase-opening__replay{background:var(--mirabase-opening-bg);-webkit-backdrop-filter:none;backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mirabase-opening.css.map */