mx-video-hub{display:block}.mxvh{padding-top:var(--mxvh-pt, 24px);padding-bottom:var(--mxvh-pb, 80px);color:var(--mxvh-ink, #0e1a2b)}.mxvh__crumbs{margin-bottom:30px}.mxvh__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:22px 40px;margin:0 0 26px}.mxvh__intro{flex:1 1 520px;min-width:0}.mxvh .mxvh__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--mxvh-ink, #0e1a2b);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.mxvh__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mxvh-accent, #2d4895);box-shadow:0 0 0 4px color-mix(in srgb,var(--mxvh-accent, #2d4895) 18%,transparent)}.mxvh .mxvh__title{margin:0;color:var(--mxvh-ink, #0e1a2b);font-family:var(--font-heading-family, inherit);font-size:clamp(34px,2.6vw + 18px,58px);font-weight:800;line-height:1.02;letter-spacing:-.035em}.mxvh .mxvh__text{max-width:54ch;margin:16px 0 0;color:#4a5468;font-size:16.5px;line-height:1.6}.mxvh__text strong{color:var(--mxvh-ink, #0e1a2b)}.mxvh__search{position:relative;display:flex;align-items:center;flex:0 1 380px;height:50px;padding:0 6px 0 46px;border:1px solid #dfe3eb;border-radius:999px;background:#fff;box-shadow:0 1px 2px #0e1a2b0a;transition:border-color .2s,box-shadow .2s}.mxvh__search:focus-within{border-color:var(--mxvh-accent, #2d4895);box-shadow:0 0 0 4px color-mix(in srgb,var(--mxvh-accent, #2d4895) 14%,transparent)}.mxvh__search-icon{position:absolute;left:18px;width:18px;height:18px;color:#7a8396;pointer-events:none}.mxvh .mxvh__search-input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;color:var(--mxvh-ink, #0e1a2b);font:inherit;font-size:15px;-webkit-appearance:none;appearance:none}.mxvh .mxvh__search-btn{display:grid;place-items:center;flex:none;width:38px;height:38px;min-height:0;padding:0;border:0;border-radius:50%;background:var(--mxvh-accent, #2d4895);color:#fff;cursor:pointer;transition:transform .25s var(--mx-ease-out, ease),background-color .2s}.mxvh__search-btn:hover{transform:translate(2px)}.mxvh__search-btn svg{width:18px;height:18px}.mxvh__tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0 0 26px;border-bottom:1px solid #e3e7ef}.mxvh .mxvh__tab{display:inline-flex;align-items:center;gap:9px;height:44px;min-height:0;padding:0 18px;border:1px solid #dfe3eb;border-radius:999px;background:#fff;color:#2b3445;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s var(--mx-ease-out, ease)}.mxvh .mxvh__tab:hover{border-color:#c4cbd8;transform:translateY(-1px)}.mxvh .mxvh__tab.is-active{border-color:var(--mxvh-ink, #0e1a2b);background:var(--mxvh-ink, #0e1a2b);color:#fff;box-shadow:0 10px 22px -14px #0e1a2bb3}.mxvh__tab-icon{display:inline-grid;place-items:center}.mxvh__tab-icon svg{width:17px;height:17px}.mxvh__tab-n{padding:2px 8px;border-radius:999px;background:#eef1f6;color:#4a5468;font-size:12px;font-weight:700;line-height:1.5}.mxvh__tab.is-active .mxvh__tab-n{background:#ffffff29;color:#fff}.mxvh__grid{display:grid;grid-template-columns:repeat(var(--mxvh-cols, 5),minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}.mxvh__cell[hidden]{display:none!important}.mxvh-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #e3e7ef;border-radius:var(--mxvh-radius, 16px);background:#fff;box-shadow:0 1px 2px #0e1a2b0a;transition:transform .45s var(--mx-ease-out, ease),box-shadow .45s var(--mx-ease-out, ease),border-color .3s}.mxvh-card:hover{transform:translateY(-5px);border-color:#d4dae5;box-shadow:0 24px 44px -26px #0e1a2b73}.mxvh .mxvh-card__media{position:relative;display:block;width:100%;min-height:0;aspect-ratio:var(--mxvh-ratio, 9 / 16);margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:radial-gradient(120% 90% at 50% 20%,#1d2740,#070b14);color:#fff;cursor:pointer;isolation:isolate}.mxvh-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:18%;opacity:.9;z-index:-2}.mxvh-card__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .8s var(--mx-ease-out, ease)}.mxvh-card__media:hover .mxvh-card__thumb,.mxvh-card__media:focus-visible .mxvh-card__thumb{transform:scale(1.06)}.mxvh-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(4,8,16,.55) 0%,transparent 26%,transparent 62%,rgba(4,8,16,.5) 100%);pointer-events:none}.mxvh-card__src,.mxvh-card__fmt{position:absolute;top:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#080c169e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:700;line-height:1.2}.mxvh-card__src{left:12px}.mxvh-card__fmt{right:12px;font-weight:600;font-size:11.5px}.mxvh-card__src svg{width:16px;height:16px}.mxvh-card__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#e62117;color:#fff;box-shadow:0 12px 28px -8px #e62117a6;transition:transform .4s var(--mx-ease-out, ease),background-color .3s}.mxvh-card__play:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.55);opacity:0;transform:scale(.85);transition:opacity .4s,transform .5s var(--mx-ease-out, ease)}.mxvh-card__play svg{width:26px;height:26px;margin-left:3px}.mxvh-card__media:hover .mxvh-card__play,.mxvh-card__media:focus-visible .mxvh-card__play{transform:scale(1.1)}.mxvh-card__media:hover .mxvh-card__play:after,.mxvh-card__media:focus-visible .mxvh-card__play:after{opacity:1;transform:scale(1)}.mxvh-card__media[data-provider=file] .mxvh-card__play{background:var(--mxvh-accent, #2d4895);box-shadow:0 12px 28px -8px color-mix(in srgb,var(--mxvh-accent, #2d4895) 70%,transparent)}.mxvh-card__media:focus-visible{outline:3px solid var(--mxvh-accent, #2d4895);outline-offset:-3px}.mxvh-card__info{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;align-items:center;padding:14px}.mxvh-card__product{grid-row:1;display:block;width:44px;height:44px;overflow:hidden;border:1px solid #e6e9f0;border-radius:10px;background:#fff}.mxvh-card__pimg{display:block;width:100%;height:100%;object-fit:contain}.mxvh .mxvh-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--mxvh-ink, #0e1a2b);font-size:14px;font-weight:600;line-height:1.35;text-decoration:none}.mxvh .mxvh-card__title:hover{color:var(--mxvh-accent, #2d4895)}.mxvh-card__meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px}.mxvh-card__price{font-size:14.5px;font-weight:800;letter-spacing:-.01em}.mxvh-card__stock{display:inline-flex;align-items:center;gap:5px;color:#16803c;font-size:12px;font-weight:600}.mxvh-card__stock:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.mxvh-card__stock.is-out{color:#8a91a1}.mxvh .mxvh-card__view{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:6px 12px;border:1px solid #d7dce6;border-radius:999px;color:var(--mxvh-ink, #0e1a2b);font-size:13px;font-weight:600;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s}.mxvh-card__view svg{width:14px;height:14px;transition:transform .25s var(--mx-ease-out, ease)}.mxvh .mxvh-card__view:hover{border-color:var(--mxvh-ink, #0e1a2b);background:var(--mxvh-ink, #0e1a2b);color:#fff}.mxvh-card__view:hover svg{transform:translate(2px)}.js .mxvh--anim .mxvh__cell{opacity:0;transform:translate3d(0,22px,0)}.js .mxvh--anim .mxvh__cell.is-in{opacity:1;transform:none;transition:opacity .6s var(--mx-ease-out, ease),transform .7s var(--mx-ease-out, ease);transition-delay:calc(var(--i, 0) * 50ms)}.mxvh__empty{margin:8px 0 0;padding:26px;border:1px dashed #d4dae5;border-radius:16px;color:#4a5468;text-align:center}.mxvh__empty[hidden]{display:none}.mxvh__pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:44px}.mxvh__pages[hidden]{display:none}.mxvh .mxvh__pg{display:inline-grid;place-items:center;min-width:44px;height:44px;min-height:0;padding:0 14px;border:1px solid #dfe3eb;border-radius:999px;background:#fff;color:var(--mxvh-ink, #0e1a2b);font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s}.mxvh .mxvh__pg:hover{border-color:var(--mxvh-ink, #0e1a2b);transform:translateY(-1px)}.mxvh .mxvh__pg.is-current{border-color:var(--mxvh-ink, #0e1a2b);background:var(--mxvh-ink, #0e1a2b);color:#fff}.mxvh .mxvh__pg.is-gap{border-color:transparent;background:none;cursor:default}.mxvh .mxvh__pg.is-off{opacity:.4;cursor:default;pointer-events:none}.mxvh__pg svg{width:18px;height:18px}.mxvh-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--mxvh-ink, #0e1a2b);overflow:hidden}.mxvh-modal::backdrop{background:#05091200;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .4s ease,backdrop-filter .4s ease}.mxvh-modal.is-open::backdrop{background:#050912d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mxvh-modal[open]{display:grid;place-items:center}.mxvh-modal__panel{position:relative;display:grid;grid-template-columns:auto 340px;max-width:calc(100vw - 140px);max-height:calc(100vh - 48px);overflow:visible;border-radius:22px;background:#fff;box-shadow:0 40px 100px -30px #000000b3;transform-origin:center;will-change:transform,opacity}.mxvh-modal__stage{position:relative;overflow:hidden;border-radius:22px 0 0 22px;background:#000}.mxvh-modal__player{width:min(960px,calc(100vw - 480px));aspect-ratio:16 / 9;transition:opacity .3s ease}.mxvh-modal.is-short .mxvh-modal__player{width:auto;height:min(84vh,820px);aspect-ratio:9 / 16}.mxvh-modal__player iframe,.mxvh-modal__player video{display:block;width:100%;height:100%;border:0;background:#000}.mxvh-modal__player video{object-fit:contain}.mxvh-modal__stage.is-swapping .mxvh-modal__player{opacity:0}.mxvh-modal__side{display:flex;flex-direction:column;gap:14px;padding:30px 26px 26px;overflow-y:auto;border-radius:0 22px 22px 0}.mxvh-modal__side>*{animation:mxvh-in .55s var(--mx-ease-out, ease) both;animation-delay:calc(var(--d, 0) * 60ms + .12s)}@keyframes mxvh-in{0%{opacity:0;transform:translate3d(14px,0,0)}}.mxvh-modal__kind{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:#f1f3f8;color:#2b3445;font-size:12px;font-weight:700;letter-spacing:.02em}.mxvh-modal__kind svg{width:15px;height:15px}.mxvh-modal__pimg{width:100%;aspect-ratio:4 / 3;padding:16px;border:1px solid #e6e9f0;border-radius:16px;background:#f7f8fb;object-fit:contain}.mxvh-modal__vendor{margin:4px 0 0;color:#6b7383;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mxvh .mxvh-modal__title{margin:0;color:var(--mxvh-ink, #0e1a2b);font-size:18px;font-weight:700;line-height:1.35}.mxvh-modal__price{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.02em}.mxvh-modal__price .mxvh-card__stock{font-size:13px;letter-spacing:0}.mxvh-modal__btns{display:grid;gap:10px;margin-top:auto;padding-top:8px}.mxvh .mxvh-modal__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;min-height:0;padding:0 18px;border:1px solid var(--mxvh-ink, #0e1a2b);border-radius:12px;background:#fff;color:var(--mxvh-ink, #0e1a2b);font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .25s,color .25s,transform .25s}.mxvh .mxvh-modal__btn:hover{transform:translateY(-1px)}.mxvh .mxvh-modal__btn--primary{border-color:var(--mxvh-accent, #2d4895);background:var(--mxvh-accent, #2d4895);color:#fff}.mxvh .mxvh-modal__btn--primary:hover{background:var(--mxvh-ink, #0e1a2b);border-color:var(--mxvh-ink, #0e1a2b)}.mxvh .mxvh-modal__btn[disabled]{opacity:.6;cursor:default}.mxvh .mxvh-modal__close{position:absolute;top:-18px;right:-18px;z-index:3;display:grid;place-items:center;width:44px;height:44px;min-height:0;padding:0;border:0;border-radius:50%;background:#fff;color:var(--mxvh-ink, #0e1a2b);box-shadow:0 10px 24px -8px #00000073;cursor:pointer;transition:transform .3s var(--mx-ease-out, ease)}.mxvh-modal__close:hover{transform:rotate(90deg)}.mxvh-modal__close svg{width:20px;height:20px}.mxvh .mxvh-modal__nav{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:48px;height:48px;min-height:0;margin-top:-24px;padding:0;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;transition:background-color .25s,transform .25s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mxvh .mxvh-modal__nav:hover{background:#ffffff47}.mxvh-modal__nav--prev{left:-64px}.mxvh-modal__nav--next{right:-64px}.mxvh-modal__nav svg{width:22px;height:22px}.mxvh-modal__nav[hidden]{display:none}@media(max-width:1199px){.mxvh__grid{grid-template-columns:repeat(min(var(--mxvh-cols, 5),4),minmax(0,1fr))}}@media(max-width:989px){.mxvh__grid{grid-template-columns:repeat(var(--mxvh-cols-t, 3),minmax(0,1fr));gap:16px}.mxvh-modal__panel{grid-template-columns:minmax(0,1fr);max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow-y:auto}.mxvh-modal__stage{border-radius:22px 22px 0 0}.mxvh-modal__player{width:min(100vw - 24px,760px)}.mxvh-modal.is-short .mxvh-modal__player{width:min(100vw - 24px,420px);height:auto;max-height:70vh;margin:0 auto}.mxvh-modal__side{border-radius:0 0 22px 22px;padding:18px}.mxvh-modal__pimg{display:none}.mxvh .mxvh-modal__close{top:10px;right:10px;width:40px;height:40px}.mxvh-modal__nav--prev{left:8px}.mxvh-modal__nav--next{right:8px}.mxvh .mxvh-modal__nav{top:32%;background:#00000059}}@media(max-width:749px){.mxvh{padding-top:var(--mxvh-pt-m, 12px);padding-bottom:var(--mxvh-pb-m, 56px)}.mxvh__crumbs{margin-bottom:18px}.mxvh__search{flex-basis:100%}.mxvh__tabs{flex-wrap:nowrap;overflow-x:auto;margin-left:calc(var(--mx-gutter-m, 16px) * -1);margin-right:calc(var(--mx-gutter-m, 16px) * -1);padding-left:var(--mx-gutter-m, 16px);padding-right:var(--mx-gutter-m, 16px);scrollbar-width:none}.mxvh__tabs::-webkit-scrollbar{display:none}.mxvh .mxvh__tab{flex:none;height:40px;padding:0 14px;font-size:14px}.mxvh__grid{grid-template-columns:repeat(var(--mxvh-cols-m, 2),minmax(0,1fr));gap:12px}.mxvh-card__info{grid-template-columns:minmax(0,1fr);padding:10px}.mxvh-card__product{display:none}.mxvh .mxvh-card__title{font-size:13px}.mxvh .mxvh-card__view{display:none}.mxvh-card__play{width:46px;height:46px;margin:-23px 0 0 -23px}.mxvh-card__src,.mxvh-card__fmt{top:8px;padding:4px 8px;font-size:11px}.mxvh-card__src{left:8px}.mxvh-card__fmt{right:8px}}@media(prefers-reduced-motion:reduce){.js .mxvh--anim .mxvh__cell{opacity:1;transform:none}.mxvh-card,.mxvh-card__thumb,.mxvh-card__play,.mxvh__tab{transition:none}.mxvh-card:hover{transform:none}.mxvh-modal__side>*{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mx-video-hub.css.map */