.mxl-shell{z-index:90;-webkit-backdrop-filter:blur(20px)saturate(120%);background:radial-gradient(120% 90% at 50% 0,rgba(58,18,104,.55),transparent 62%),rgba(13,13,18,.86);align-items:center;justify-items:center;padding:max(0rem,min(2.5vw,2rem));animation:.18s ease-out mxl-fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes mxl-fade{0%{opacity:0}to{opacity:1}}@keyframes mxl-pop{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.mxl-frame{color:rgba(255,255,255,.94);background:linear-gradient(rgba(25,24,33,.96),rgba(16,15,21,.98));border:1px solid rgba(255,255,255,.1);border-radius:1.375rem;flex-direction:column;width:min(72rem,100%);height:min(88dvh,100%);max-height:100%;animation:.22s cubic-bezier(.22,.9,.3,1) mxl-pop;display:flex;position:relative;overflow:hidden;box-shadow:0 2.5rem 5rem -1.5rem rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.3)}.mxl-bar{background:linear-gradient(rgba(0,0,0,.4),transparent);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem .9rem .7rem 1.1rem;display:flex}.mxl-meta{flex-direction:column;gap:.2rem;min-width:0;display:flex}.mxl-creator{letter-spacing:-.01em;font-size:.875rem;font-weight:700}.mxl-title{color:rgba(255,255,255,.68);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.35;display:-webkit-box;overflow:hidden}.mxl-tools{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.mxl-tool{width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;align-items:center;justify-items:center;transition:background .15s,border-color .15s,transform .12s;display:grid}.mxl-tool:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22)}.mxl-tool:active{transform:scale(.94)}.mxl-close:hover{background:linear-gradient(105deg,#f0a,#60f);border-color:transparent}.mxl-stage{background:rgba(0,0,0,.32);flex:1;align-items:center;justify-items:center;min-height:0;padding:max(.25rem,min(1vw,.75rem));display:grid;position:relative}.mxl-stage:-webkit-full-screen{background:#0b0a0f}.mxl-stage:-moz-full-screen{background:#0b0a0f}.mxl-stage:fullscreen{background:#0b0a0f}.mxl-frame[data-kind=video]{width:min(66rem,100%)}.mxl-stage[data-kind=video]{background:radial-gradient(90% 70% at 50% 8%,rgba(255,0,191,.18),transparent 62%),radial-gradient(80% 60% at 50% 100%,rgba(99,37,244,.16),transparent 60%),rgba(9,8,12,.94)}.mxl-photo,.mxl-video{-o-object-fit:contain;object-fit:contain;border-radius:.75rem;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 1.25rem 2.5rem -1rem rgba(0,0,0,.75)}.mxl-stage[data-kind=video] .mxl-video{width:100%;max-width:100%;height:100%;max-height:100%}.mxl-video{background:#000;border-radius:.9rem;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 1.75rem 3.5rem -1rem rgba(0,0,0,.85),0 0 5rem -1.5rem rgba(255,0,191,.5)}.mxl-nav{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(23,22,29,.72);border:1px solid rgba(255,255,255,.14);border-radius:999px;align-items:center;justify-items:center;transition:background .15s,opacity .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.mxl-nav:hover:not(:disabled){background:rgba(255,255,255,.18)}.mxl-nav:disabled{opacity:.28;cursor:default}.mxl-nav--prev{left:.75rem}.mxl-nav--next{right:.75rem}.mxl-thumbs{scrollbar-width:none;background:rgba(0,0,0,.3);gap:.45rem;padding:.65rem .9rem;display:flex;overflow-x:auto}.mxl-thumbs::-webkit-scrollbar{display:none}.mxl-thumb{opacity:.55;cursor:pointer;background:rgba(255,255,255,.08);border:0;border-radius:.6rem;flex-shrink:0;width:3rem;height:3rem;padding:0;transition:opacity .15s,box-shadow .15s;overflow:hidden}.mxl-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.mxl-thumb:hover{opacity:.85}.mxl-thumb[data-active=true]{opacity:1;box-shadow:0 0 0 2px #f0a,0 0 0 4px rgba(0,0,0,.4)}.mxl-count{text-align:center;color:rgba(255,255,255,.55);background:rgba(0,0,0,.3);margin:0;padding:0 .9rem .7rem;font-size:.75rem;font-weight:600}.home-photo-carousel[data-expandable=true],.df-post-media[data-expandable=true],.mhf-video-card[data-expandable=true]{cursor:zoom-in}@media (max-width:767px){.mxl-shell{padding:0}.mxl-frame{border:0;border-radius:0;width:100%;height:100dvh;animation:.18s ease-out mxl-fade}.mxl-bar{padding-top:max(.85rem, env(safe-area-inset-top,0px))}.mxl-stage{padding:0}.mxl-photo,.mxl-video{box-shadow:none;border-radius:0}.mxl-nav{width:2.5rem;height:2.5rem}.mxl-nav--prev{left:.4rem}.mxl-nav--next{right:.4rem}}@media (prefers-reduced-motion:reduce){.mxl-shell,.mxl-frame{animation:none}}
