.mx-drag,.mx-drag *,.mx-drag :after,.mx-drag :before{box-sizing:border-box}.mx-drag{font-family:Inter,-apple-system,sans-serif;height:auto!important;margin-inline:auto;max-width:1040px}.mx-drag,.mx-drag-pane{position:relative;width:100%}.mx-drag-pane{background:#0f0b24;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);cursor:ew-resize;height:420px!important;outline:none;overflow:hidden!important;touch-action:pan-y}.mx-drag-pane:focus-visible{box-shadow:0 0 0 3px rgba(1,204,208,.6),0 40px 90px -30px rgba(0,0,0,.6)}.mx-drag-img{bottom:0!important;height:100%!important;left:0!important;max-width:none!important;object-fit:cover!important;position:absolute!important;right:0!important;top:0!important;user-select:none;width:100%!important;-webkit-user-drag:none;pointer-events:none}.mx-drag-img.before,.mx-drag-placeholder.before{clip-path:inset(0 calc(100% - var(--reveal, 50)*1%) 0 0)}.mx-drag-img.after{transform:scale(1.5);transform-origin:50% 0}.mx-drag-placeholder{align-items:center;background:#ffecdb;bottom:0!important;color:rgba(26,19,48,.55);display:flex;flex-direction:column;gap:10px;height:100%!important;justify-content:center;left:0!important;padding:24px;position:absolute!important;right:0!important;text-align:center;top:0!important;width:100%!important}.mx-drag-placeholder.after{background:#fff6ec}.mx-drag-placeholder svg{height:32px;opacity:.6;width:32px}.mx-drag-placeholder span{font-size:13px;font-weight:500;line-height:1.5;max-width:22ch}.mx-drag-label{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.15);border-radius:99px;color:hsla(0,0%,100%,.9);display:inline-flex;font-size:11px;font-weight:600;padding:4px 12px;pointer-events:none;position:absolute;top:16px;white-space:nowrap;z-index:2}.mx-drag-label.before{left:16px}.mx-drag-label.after{right:16px}.mx-drag-handle{bottom:0;left:calc(var(--reveal, 50)*1%);pointer-events:none;position:absolute;top:0;width:0;z-index:3}.mx-drag-handle:before{background:hsla(0,0%,100%,.85);bottom:0;box-shadow:0 0 12px rgba(0,0,0,.4);content:"";left:-1px;position:absolute;top:0;width:2px}.mx-drag-grip{align-items:center;background:#fff;border-radius:50%;box-shadow:0 8px 24px -6px rgba(0,0,0,.5);color:#1a1330;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.mx-drag-grip svg{height:18px;width:18px}.mx-drag-hint{background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.15);border-radius:99px;bottom:16px;color:hsla(0,0%,100%,.85);font-size:12px;font-weight:500;left:50%;opacity:0;padding:6px 14px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .4s ease;z-index:2}.mx-drag-hint.is-visible{opacity:1}@media (max-width:560px){.mx-drag-pane{height:300px!important}.mx-drag-label{font-size:10px;padding:3px 10px}}