.magpod{--bg1:#f4f3f7;--bg2:#dcd9e3;--ink:#16141c;--ink-2:#5f5b6b;--line:rgba(22,20,28,.1);--vio:#7e00ff;--panel:rgba(255,255,255,.8);--shadow:0 10px 30px rgba(22,20,28,.12);position:relative;width:100%;height:100%;min-height:460px;overflow:hidden;font-family:Helvetica Now Display,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(120% 90% at 50% 18%,var(--bg1) 0%,var(--bg2) 100%);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;box-sizing:border-box}.magpod *{box-sizing:border-box}.magpod .mp-stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;opacity:0;transform:scale(.97);transition:opacity .8s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}.magpod.is-ready .mp-stage{opacity:1;transform:none}.magpod canvas{display:block;outline:none}.magpod.tirando canvas{cursor:grabbing!important}.magpod .mp-ui{position:absolute;z-index:5;pointer-events:none}.magpod .mp-ui>*{pointer-events:auto}.magpod .mp-brand{top:18px;left:22px;display:flex;flex-direction:column;gap:3px}.magpod .mp-brand .mp-name{font-weight:800;font-size:24px;letter-spacing:-.02em;font-style:italic;line-height:1}.magpod .mp-brand .mp-name i{display:inline-block;width:.24em;height:.24em;background:var(--vio);margin-left:.06em}.magpod .mp-brand .mp-sub{font-size:12px;color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase}.magpod .mp-topright{top:16px;right:16px;display:flex;gap:8px}.magpod .mp-btn{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink);border-radius:999px;padding:10px 15px;font-family:inherit;font-weight:600;font-size:13px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin:0;transition:background .2s,transform .15s,color .2s,opacity .2s;box-shadow:var(--shadow);white-space:nowrap}.magpod .mp-btn:hover{transform:translateY(-1px)}.magpod .mp-btn.on{background:var(--ink);color:#fff}.magpod .mp-btn[data-act=vacio].on{background:var(--vio);border-color:var(--vio)}.magpod .mp-btn:disabled{opacity:.42;cursor:default;transform:none}.magpod .mp-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.magpod .mp-icon{padding:10px}.magpod .mp-bar{left:0;right:0;bottom:18px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 12px}.magpod .mp-vacio{top:62px;left:22px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);letter-spacing:.04em}.magpod .mp-vacio i{width:9px;height:9px;border-radius:50%;background:#b9b5c4;box-shadow:0 0 0 3px #b9b5c440;transition:all .3s}.magpod .mp-vacio.on i{background:var(--vio);box-shadow:0 0 0 4px #7e00ff38,0 0 14px #7e00ffb3}.magpod .mp-vacio b{font-weight:700;color:var(--ink)}.magpod .mp-toast{position:absolute;left:50%;bottom:84px;transform:translate(-50%,12px);max-width:min(560px,90%);padding:12px 18px;border-radius:14px;background:#16141ce0;color:#fff;font-size:14px;line-height:1.35;text-align:center;opacity:0;transition:opacity .3s,transform .3s;z-index:6;pointer-events:none}.magpod .mp-toast.show{opacity:1;transform:translate(-50%)}.magpod .mp-toast[data-tipo=ok]{background:#460096eb}.magpod .mp-toast[data-tipo=warn]{background:#a03c14eb}.magpod .mp-fuerza{position:absolute;top:50%;right:22px;transform:translateY(-50%);width:62px;z-index:6;opacity:0;transition:opacity .3s;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}.magpod .mp-fuerza.show{opacity:1}.magpod .mp-fuerza .mp-tubo{position:relative;width:14px;height:220px;border-radius:999px;background:#16141c1a;overflow:hidden}.magpod .mp-fuerza .mp-tubo i{position:absolute;left:0;bottom:0;width:100%;height:0;background:linear-gradient(0deg,#b48cff,var(--vio));border-radius:999px;transition:height .08s}.magpod .mp-fuerza b{font-size:18px;color:var(--ink);font-weight:800}.magpod .mp-fuerza.max b{color:var(--vio)}.magpod .mp-hint{position:absolute;left:50%;top:18px;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:var(--panel);font-size:12px;color:var(--ink-2);box-shadow:var(--shadow);z-index:5;transition:opacity .5s;pointer-events:none;white-space:nowrap}.magpod .mp-hint.hide{opacity:0}.magpod .mp-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:7;transition:opacity .6s;--p:0%}.magpod .mp-loader.hide{opacity:0;pointer-events:none}.magpod .mp-loader .mp-box{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink-2);font-size:12px}.magpod .mp-loader .mp-bar2{width:160px;height:3px;border-radius:9px;background:#16141c1a;overflow:hidden}.magpod .mp-loader .mp-bar2 i{display:block;height:100%;width:var(--p);background:var(--vio);transition:width .2s}.magpod.narrow .mp-btn{padding:9px 12px;font-size:12px}.magpod.narrow .mp-btn span{display:inline}.magpod.narrow .mp-bar{bottom:12px;gap:6px}.magpod.narrow .mp-toast{bottom:118px;font-size:13px}.magpod.narrow .mp-fuerza{right:12px}.magpod.narrow .mp-hint{top:auto;bottom:170px}.magpod.narrow .mp-brand{left:16px;right:104px}.magpod.narrow .mp-brand .mp-name{font-size:21px}.magpod.narrow .mp-brand .mp-sub{font-size:10px;letter-spacing:.04em}.magpod.narrow .mp-vacio{left:16px;top:68px}.magpod.narrow .mp-hint{white-space:normal;width:max-content;max-width:calc(100% - 32px);text-align:center;font-size:11px;line-height:1.35}
/*# sourceMappingURL=/cdn/shop/files/magpod-viewer.css.map */