.mbx{position:relative;width:100%;aspect-ratio:9/16;container-type:inline-size;overflow:hidden;background:#17264a;font-family:var(--mb-body,"Inter",system-ui,sans-serif);color:#17264a;-webkit-font-smoothing:antialiased}.mbx *{box-sizing:border-box}.mbx p{margin:0}.mbx-sc{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:mbxFade .7s ease both;animation-delay:calc(var(--s)*1s)}.mbx-sc:nth-of-type(1){--len:5.6}.mbx-sc:nth-of-type(2){--len:7}.mbx-sc:nth-of-type(3){--len:6.6}.mbx-sc:nth-of-type(4){--len:7.4}.mbx-sc:nth-of-type(5){--len:6}.mbx-sc:nth-of-type(6){--len:5.4}.mbx-sc:nth-of-type(7){--len:6.2}.mbx-dark{background:radial-gradient(130% 75% at 50% 18%,#26387a,#17264a 58%,#0f1a36);color:#fff}.mbx-light{background:linear-gradient(180deg,#f4f7ff,#e7edfc)}.mbx-white{background:radial-gradient(120% 70% at 50% 48%,#fff,#f4f7ff 62%,#e3eafb)}.mbx-royal{background:radial-gradient(130% 90% at 50% 25%,#4f63fa,#3045f4 55%,#2235d0);color:#fff}.mbx-top{position:absolute;top:6.4cqw;left:7cqw;right:7cqw;display:flex;justify-content:space-between;align-items:center;font-size:2.6cqw;font-weight:800;letter-spacing:.32em}.mbx-mark{display:inline-flex;align-items:center}.mbx-step{opacity:.55;letter-spacing:.12em;font-weight:700}.mbx-bar{position:absolute;top:11.4cqw;left:7cqw;right:7cqw;height:.6cqw;border-radius:1cqw;background:#17264a1a;overflow:hidden}.mbx-dark .mbx-bar{background:#ffffff29}.mbx-bar i{display:block;height:100%;border-radius:inherit;background:#3045f4;width:calc(var(--a)*1%);animation:mbxBar linear both;animation-duration:calc(var(--len)*1s);animation-delay:calc(var(--s)*1s)}.mbx-dark .mbx-bar i{background:#8cc8f5}.mbx-head{position:absolute;top:18cqw;left:7cqw;right:7cqw}.mbx-eye{display:flex;align-items:center;gap:2.2cqw;font-size:2.8cqw;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#3045f4;margin:0 0 2.6cqw!important}.mbx-eye:before{content:"";width:5.4cqw;height:.5cqw;border-radius:1cqw;background:currentColor}.mbx-dark .mbx-eye{color:#8cc8f5}.mbx h2{font-family:var(--mb-head,"Lora",Georgia,serif);font-weight:500;font-size:8.8cqw;line-height:1.05;letter-spacing:-.018em;margin:0;color:inherit}.mbx h2 em{font-style:italic;color:#3045f4}.mbx-dark h2 em{color:#8cc8f5}.mbx-royal h2 em{color:#d3e6ff}.mbx-art{position:absolute;left:5cqw;right:5cqw;top:54cqw;height:82cqw;display:flex;align-items:center;justify-content:center}.mbx-art svg{width:100%;height:100%;overflow:visible}.mbx-cap{position:absolute;left:7cqw;right:7cqw;bottom:16cqw;font-size:4.5cqw;line-height:1.42;color:#4a5778;font-weight:500}.mbx-dark .mbx-cap{color:#ffffffdb}.mbx-foot{position:absolute;left:7cqw;right:7cqw;bottom:7.5cqw;font-size:2.6cqw;line-height:1.4;opacity:.62}.mbx-in{opacity:0;animation:mbxUp .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc((var(--s) + var(--d))*1s)}.mbx-zoom{animation:mbxZoom 6.4s ease-out both;animation-delay:calc(var(--s)*1s)}.mbx-snore path{fill:none;stroke:#8cc8f5;stroke-width:7;stroke-linecap:round;animation:mbxPulse 1.4s ease-in-out infinite}.mbx-snore path:nth-child(2){animation-delay:.2s}.mbx-snore path:nth-child(3){animation-delay:.4s}.mbx-air{fill:none;stroke:#8cc8f5;stroke-width:26;stroke-linecap:round}.mbx-flow{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-dasharray:12 26;animation:mbxDash 1.1s linear infinite}.mbx-flow--weak{opacity:.55}.mbx-pinch{animation:mbxPinch 1.6s ease-in-out both;animation-delay:calc((var(--s) + 1.6)*1s)}.mbx-open{stroke-width:9;animation:mbxOpen 1.6s ease-in-out both;animation-delay:calc((var(--s) + 2)*1s)}.mbx-tongue{fill:#f1a9a2;stroke:#17264a;stroke-width:4;transform-box:fill-box}.mbx-back{animation:mbxBack 1.6s ease-in-out both;animation-delay:calc((var(--s) + 1.6)*1s)}.mbx-fwd{transform:translate(-28px,10px);animation:mbxFwd 1.6s ease-in-out both;animation-delay:calc((var(--s) + 2)*1s)}.mbx-vib path{fill:none;stroke:#3045f4;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.mbx-vib{opacity:0;animation:mbxShow .4s ease both,mbxJit .12s linear infinite alternate;animation-delay:calc((var(--s) + 3)*1s),0s}.mbx-lbl line{stroke:#17264a;stroke-width:2.5;stroke-dasharray:4 5}.mbx-lbl text{font-family:var(--mb-body,"Inter",sans-serif);font-size:24px;font-weight:700;fill:#17264a}.mbx-lbl--dark line{stroke:#8cc8f5}.mbx-lbl--dark text{fill:#8cc8f5}.mbx-piece{transform-box:fill-box;transform-origin:center;opacity:0;animation:mbxPop .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc((var(--s) + 1.2)*1s)}.mbx-arrow path{fill:none;stroke:#8cc8f5;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.mbx-arrow{opacity:0;animation:mbxShow .4s ease both,mbxNudge 1s ease-in-out infinite alternate;animation-delay:calc((var(--s) + 2)*1s),calc((var(--s) + 2)*1s)}.mbx-prod{top:44cqw;height:86cqw}.mbx-white:nth-of-type(3) .mbx-cap{bottom:14cqw}.mbx-rise{opacity:0;transform-box:fill-box;animation:mbxRise 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc((var(--s) + var(--d))*1s)}.mbx-lid{transform-box:fill-box;transform-origin:50% 100%;animation:mbxLidOpen .9s cubic-bezier(.3,.7,.2,1) both;animation-delay:calc((var(--s) + 1.2)*1s)}.mbx-out{opacity:0;transform-box:fill-box;animation:mbxOut 1.7s cubic-bezier(.45,0,.2,1) both;animation-delay:calc((var(--s) + 1.7)*1s)}.mbx-turnout{transform-box:fill-box;transform-origin:center;animation:mbxTurnOut .32s cubic-bezier(.5,0,1,1) both;animation-delay:calc((var(--s) + 3.4)*1s)}.mbx-turnin{transform-box:fill-box;transform-origin:center;animation:mbxTurnIn .4s cubic-bezier(0,0,.3,1) both;animation-delay:calc((var(--s) + 3.72)*1s)}.mbx-drop{opacity:0;transform-box:fill-box;transform-origin:center;animation:mbxDrop 1.2s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc((var(--s) + var(--d))*1s)}.mbx-float{transform-box:fill-box;animation:mbxFloat 2.6s ease-in-out infinite alternate}.mbx-chips{position:absolute;left:7cqw;right:7cqw;bottom:33cqw;display:flex;flex-wrap:wrap;gap:2cqw}.mbx-chips span{background:#fff;border:.3cqw solid #DCE3F5;border-radius:10cqw;padding:2.2cqw 3.4cqw;font-size:2.95cqw;white-space:nowrap;font-weight:700;color:#17264a;box-shadow:0 1.4cqw 4cqw #17264a14}.mbx-steps{position:absolute;left:7cqw;right:7cqw;top:58cqw;list-style:none;margin:0;padding:0;display:grid;gap:4cqw}.mbx-steps li{display:grid;grid-template-columns:12cqw 1fr 8cqw;align-items:center;gap:4.4cqw;background:#fff;border-radius:5cqw;padding:5.4cqw 5cqw;font-size:4.5cqw;line-height:1.3;font-weight:650;color:#17264a;box-shadow:0 .3cqw #dce3f5,0 3cqw 8cqw #17264a17}.mbx-steps b{width:12cqw;height:12cqw;border-radius:50%;background:#3045f4;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mb-head,"Lora",serif);font-size:6cqw;font-weight:500}.mbx-steps svg{width:8cqw;height:8cqw;fill:none;stroke:#3045f4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mbx-slide{opacity:0;animation:mbxSlide .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc((var(--s) + var(--d))*1s)}.mbx-nlabel{position:absolute;left:7cqw;top:58cqw;font-size:2.8cqw;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#5a6788}.mbx-nights{position:absolute;left:7cqw;right:7cqw;top:66cqw;display:flex;justify-content:space-between;align-items:center}.mbx-nights span{position:relative;z-index:1;width:10.4cqw;height:10.4cqw;border-radius:50%;background:#fff;border:.5cqw solid #DCE3F5;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:3.6cqw;color:#5a6788;animation:mbxNight .5s ease both;animation-delay:calc((var(--s) + var(--d))*1s)}.mbx-nl{position:absolute;left:5cqw;right:5cqw;top:50%;height:.7cqw;margin-top:-.35cqw;background:#dce3f5;border-radius:1cqw;overflow:hidden}.mbx-nl:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#3045f4;transform-origin:left;transform:scaleX(0);animation:mbxGrow 1.9s linear both;animation-delay:calc((var(--s) + 1.4)*1s)}.mbx-ill{position:absolute;left:12cqw;right:12cqw;top:84cqw;height:44cqw}.mbx-ill svg{width:100%;height:100%;overflow:visible}.mbx-safe{position:absolute;left:7cqw;right:7cqw;bottom:7cqw;display:flex;gap:3cqw;align-items:flex-start;font-size:3.2cqw;line-height:1.42;font-weight:600;background:#fff;border-radius:4.4cqw;padding:3.8cqw 4.4cqw;color:#17264a;box-shadow:0 2cqw 6cqw #17264a14}.mbx-safe:before{content:"i";flex:none;width:5.6cqw;height:5.6cqw;border-radius:50%;background:#3045f4;color:#fff;font-family:var(--mb-head,"Lora",serif);font-style:italic;font-weight:600;font-size:3.6cqw;display:flex;align-items:center;justify-content:center}.mbx-light .mbx-cap{bottom:30cqw}.mbx-light:nth-of-type(2) .mbx-cap{bottom:12cqw}.mbx-end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:0 8cqw}.mbx-endart{width:40cqw;height:43.6cqw;margin:0 0 1cqw -1cqw}.mbx-endart svg{width:100%;height:100%;overflow:visible}.mbx-cta{display:flex;align-items:center;gap:3.4cqw;background:#fff;color:#17264a;border-radius:5cqw;padding:3.4cqw;margin-top:7cqw;box-shadow:0 3cqw 8cqw #0a145047}.mbx-gift{flex:none;width:11.4cqw;height:11.4cqw;border-radius:50%;background:#3045f4;display:flex;align-items:center;justify-content:center;animation:mbxRing 1.6s ease-out infinite}.mbx-gift svg{width:5.8cqw;height:5.8cqw;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mbx-cta__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:.8cqw}.mbx-cta__t b{font-size:4.5cqw;font-weight:800;line-height:1.2}.mbx-cta__t small{font-size:3.15cqw;line-height:1.35;color:#5a6788;font-weight:600}.mbx-go{flex:none;width:9.6cqw;height:9.6cqw;border-radius:50%;background:#eef2ff;display:flex;align-items:center;justify-content:center}.mbx-go svg{width:4.8cqw;height:4.8cqw;fill:none;stroke:#3045f4;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:mbxNudge2 .8s ease-in-out infinite alternate}.mbx-word{font-size:4.2cqw;letter-spacing:.42em;font-weight:800;margin:3cqw 0 3.4cqw!important}.mbx-end h2{font-size:8.8cqw;line-height:1.06}.mbx-url{margin-top:5cqw!important;font-size:4cqw;font-weight:700;display:inline-flex;align-self:flex-start;background:#ffffff24;border:.3cqw solid rgba(255,255,255,.35);border-radius:10cqw;padding:2.6cqw 5cqw}@keyframes mbxFade{0%{opacity:0}to{opacity:1}}@keyframes mbxUp{0%{opacity:0;transform:translateY(3.4cqw)}to{opacity:1;transform:none}}@keyframes mbxSlide{0%{opacity:0;transform:translate(9cqw)}to{opacity:1;transform:none}}@keyframes mbxBar{0%{width:calc(var(--a)*1%)}to{width:calc(var(--b)*1%)}}@keyframes mbxZoom{0%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes mbxPulse{0%,to{opacity:.15}50%{opacity:1}}@keyframes mbxDash{to{stroke-dashoffset:-76}}@keyframes mbxPinch{0%{stroke-width:26}to{stroke-width:9}}@keyframes mbxOpen{0%{stroke-width:9}to{stroke-width:26}}@keyframes mbxBack{0%{transform:none}to{transform:translate(-28px,10px)}}@keyframes mbxFwd{0%{transform:translate(-28px,10px)}to{transform:translate(4px)}}@keyframes mbxShow{0%{opacity:0}to{opacity:1}}@keyframes mbxJit{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes mbxPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes mbxNudge{0%{transform:translate(-6px)}to{transform:translate(10px)}}@keyframes mbxRise{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}@keyframes mbxLidOpen{0%{transform:scaleY(.2)}to{transform:none}}@keyframes mbxOut{0%{opacity:0;transform:translateY(70px)}30%{opacity:1;transform:none}46%{opacity:1;transform:none}to{opacity:1;transform:translateY(-318px)}}@keyframes mbxTurnOut{0%{transform:none}to{transform:scaleX(0)}}@keyframes mbxTurnIn{0%{transform:scaleX(0)}to{transform:none}}@keyframes mbxNudge2{0%{transform:translate(-.5cqw)}to{transform:translate(.9cqw)}}@keyframes mbxRing{0%{box-shadow:0 0 #3045f473}to{box-shadow:0 0 0 2.8cqw #3045f400}}@keyframes mbxDrop{0%{opacity:0;transform:translateY(-70px) scale(.86)}to{opacity:1;transform:none}}@keyframes mbxFloat{0%{transform:translateY(-10px)}to{transform:translateY(12px)}}@keyframes mbxNight{to{background:#3045f4;border-color:#3045f4;color:#fff}}@keyframes mbxGrow{to{transform:scaleX(1)}}.mb-x__grid{display:grid;grid-template-areas:"head" "media" "body";gap:26px}.mb-x__head{grid-area:head}.mb-x__head h2{margin-bottom:.3em}.mb-x__media{grid-area:media;display:flex;justify-content:center;position:relative}.mb-x__media:before{content:"";position:absolute;width:120%;aspect-ratio:1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#6ca0ff47,#6ca0ff00 62%);pointer-events:none}.mb-x__body{grid-area:body;min-width:0}.mb-x__frame{position:relative;width:min(100%,42.75vh,430px);border-radius:28px;overflow:hidden;background:#17264a;box-shadow:0 44px 90px -36px #0f1a36a6,0 0 0 1px #17264a14;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}@supports (height:1svh){.mb-x__frame{width:min(100%,42.75svh,430px)}}.mb-x__frame .mbx,.mb-x__frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.mb-x__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mb-x__big{width:76px;height:76px;border-radius:50%;background:#fffffff0;color:var(--mb-royal);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px -10px #0f1a3680;opacity:0;transform:scale(.8);transition:opacity .3s,transform .4s var(--mb-ease)}.mb-x__big svg{width:28px;height:28px;margin-left:4px}.mb-x:not(.is-playing) .mb-x__big{opacity:1;transform:none}.mb-x__ctrl{display:flex;align-items:center;gap:12px}.mb-x__play{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--mb-royal);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px -8px #3045f4b3;-webkit-tap-highlight-color:transparent}.mb-x__play svg{width:18px;height:18px}.mb-x__play .i-pause,.mb-x.is-playing .mb-x__play .i-play{display:none}.mb-x.is-playing .mb-x__play .i-pause{display:block}.mb-x__chapters{list-style:none;margin:0;padding:0 24px 0 0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.mb-x__chapters::-webkit-scrollbar{display:none}.mb-x__chapters li{flex:none;scroll-snap-align:start}.mb-x__chapters button{position:relative;display:flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 6px;border-radius:30px;border:1.5px solid var(--mb-line);background:#fff;color:var(--mb-navy);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;overflow:hidden;transition:border-color .25s,background .25s;-webkit-tap-highlight-color:transparent}.mb-x__chapters b{width:30px;height:30px;border-radius:50%;background:var(--mb-sky);color:var(--mb-royal);display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .25s,color .25s}.mb-x__chapters i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--mb-royal);transform-origin:left;transform:scaleX(var(--p,0));opacity:0;transition:opacity .25s}.mb-x__chapters button.is-active{border-color:var(--mb-royal)}.mb-x__chapters button.is-active b{background:var(--mb-royal);color:#fff}.mb-x__chapters button.is-active i{opacity:1}.mb-s-navy .mb-x__chapters button{background:#ffffff0f;border-color:#ffffff29;color:#fff}.mb-s-navy .mb-x__chapters b{background:#8cc8f529;color:var(--mb-ice)}.mb-x__note{font-size:13px;margin:18px 0 0}.mb-x .mb-btns{margin-top:22px}.mb-x .mb-btns .mb-btn{flex:1 1 100%}.mb-x.no-engine .mb-x__ctrl,.mb-x.no-engine .mb-x__tap{display:none}@media(min-width:900px){.mb-x__grid{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head media" "body media";column-gap:80px;row-gap:0;align-items:end}.mb-x__body{align-self:start;padding-top:28px}.mb-x__ctrl{align-items:flex-start}.mb-x__chapters{flex-direction:column;overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0;gap:6px}.mb-x__chapters button{width:100%;max-width:380px;height:52px;border-radius:16px;font-size:15px}.mb-x .mb-btns .mb-btn{flex:0 0 auto}.mb-x__frame{width:min(400px,43.875vh)}}@media(prefers-reduced-motion:reduce){.mb-x__big{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mb-x.css.map */
