.mk-drop{text-align:center;background:var(--mk-mist);color:var(--mk-blue);border:2px dashed #0a50ec59;border-radius:20px;align-content:center;justify-items:center;gap:4px;padding:36px 20px;transition:border-color .2s,background-color .2s;display:grid}.mk-drop[data-over=true]{border-color:var(--mk-blue);background:var(--mk-mist)}.mk-drop>svg{animation:3.5s ease-in-out infinite mk-bob}.mk-drop h2{letter-spacing:-.03em;color:var(--mk-ink);margin-top:8px;font-size:24px;font-weight:700;line-height:1.15}.mk-drop p{font-size:14px}.mk-sendpage .mk-bar{background:var(--mk-mist);border-radius:999px;height:5px;overflow:hidden}.mk-sendpage .mk-bar i{background:var(--mk-blue);transform-origin:0;width:100%;height:100%;animation:mk-fill 8s var(--mk-ease) infinite;display:block}.mk-sendpage .mk-field{gap:6px;display:grid}.mk-sendpage .mk-field>span{justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600;display:flex}.mk-sendpage .mk-field>span .mk-link{font-size:13px}.mk-sendpage .mk-field input{background:#fff;border-radius:12px;width:100%;height:44px;padding-inline:14px;font-size:15px;transition:border-color .15s,box-shadow .15s;border:1px solid #0c112629!important}.mk-sendpage .mk-field input:focus{outline:none;box-shadow:0 0 0 4px #0a50ec24;border-color:var(--mk-blue)!important}.mk-sendpage .mk-field input[aria-invalid=true]{border-color:#dc2626!important}.mk-sendpage .mk-field input:disabled{opacity:.6}.mk-sendpage{text-align:center;width:100%;max-width:680px;margin-inline:auto;padding:clamp(40px,6vw,72px) 20px clamp(64px,8vw,104px);position:relative}.mk-sendpage>.mk-lede{margin:14px auto 0}.mk-stepper{color:var(--mk-muted);flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-bottom:clamp(28px,4vw,44px);font-size:13px;font-weight:600;display:flex}.mk-stepper li{align-items:center;gap:8px;display:flex}.mk-stepper li+li:before{content:"";background:#0c112633;width:28px;height:1px;margin-right:2px}.mk-stepper span{background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid;box-shadow:inset 0 0 0 1px #0c112633}.mk-stepper li[data-state=now]{color:var(--mk-ink)}.mk-stepper li[data-state=now] span{background:var(--mk-blue);color:#fff;box-shadow:0 0 0 4px #0a50ec29}.mk-stepper li[data-state=done] span{background:var(--mk-green);color:#fff;box-shadow:none}.mk-sendcard{text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #fff;border-radius:32px;margin-top:28px;padding:clamp(18px,3.4vw,36px);box-shadow:0 1px 2px #0c11260d,0 50px 100px -50px #122c8380}.mk-stepper+.mk-sendcard{margin-top:0}.mk-sendcard[data-over=true]{outline:2px dashed var(--mk-blue);outline-offset:5px}.mk-send-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.mk-sendcard .mk-h2{font-size:28px}.mk-sendpage[data-wide]{max-width:1120px}.mk:has(>main>.mk-sendpage) main{flex-direction:column;justify-content:center;display:flex}.mk-send-split{gap:0;padding:0;display:grid;overflow:hidden}.mk-send-split>*{min-width:0}.mk-send-files{flex-direction:column;min-height:0;padding:clamp(16px,2.4vw,28px);display:flex}.mk-send-files .mk-send-head{align-items:center;font-size:17px}.mk .mk-send-side{flex-direction:column;gap:14px;padding:clamp(18px,2.4vw,28px);display:flex;background:var(--mk-mist)!important;border:0!important}.mk-send-side .mk-h2{font-size:26px}.mk-send-total{font-family:var(--mk-display);letter-spacing:-.03em;color:var(--mk-blue);margin-top:2px;font-size:clamp(40px,4vw,54px);font-weight:700;line-height:1}.mk-send-total+.mk-muted{margin-top:-8px;font-size:14px}.mk-send-go{justify-items:center;gap:12px;margin-top:auto;padding-top:6px;display:grid}.mk-send-note{color:var(--mk-muted);font-size:13px}@media (min-width:960px){.mk-send-split{grid-template-columns:1fr 360px;height:min(620px,100dvh - 196px);min-height:400px}.mk .mk-send-side{overflow-y:auto}.mk-sendpage[data-wide]{padding-block:20px 28px}.mk-sendpage[data-wide] .mk-stepper{margin-bottom:20px}.mk-send-files .mk-tiles{flex:1;max-height:none}}.mk-mix{margin-top:4px}.mk-mix>div{background:#fff;border-radius:999px;gap:3px;height:10px;display:flex;overflow:hidden}.mk-mix i{background:var(--mk-blue);border-radius:999px;min-width:10px}.mk-mix ul{color:var(--mk-muted);flex-wrap:wrap;gap:6px 20px;margin-top:10px;font-size:13px;display:flex}.mk-mix li{align-items:center;gap:7px;display:flex}.mk-mix li:before{content:"";background:var(--mk-blue);border-radius:50%;width:9px;height:9px}.mk-mix li b{color:var(--mk-ink);font-weight:600}.mk-mix [data-kind=video],.mk-mix [data-kind=video]:before{background:var(--mk-royal)}.mk-mix [data-kind=doc],.mk-mix [data-kind=doc]:before{background:var(--mk-green)}.mk-mix [data-kind=archive],.mk-mix [data-kind=archive]:before{background:#94a0c2}.mk-mix li[data-kind]{background:0 0}.mk-tiles{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:12px;max-height:420px;margin:16px -6px 0;padding:6px;display:grid;overflow-y:auto}.mk-tiles li{background:var(--mk-paper);border:1px solid var(--mk-line);transition:transform .25s var(--mk-ease), box-shadow .25s;border-radius:18px;align-content:start;gap:2px;padding:8px 8px 12px;font-size:14px;display:grid;position:relative}.mk-tiles li:hover{box-shadow:var(--mk-shadow);transform:translateY(-3px)}.mk .mk-tile-thumb{aspect-ratio:4/3;width:100%;height:auto;color:var(--mk-blue);border:0;border-radius:12px;place-items:center;margin-bottom:8px;display:grid;overflow:hidden;background:var(--mk-mist)!important}.mk-tile-thumb img{object-fit:cover;width:100%;height:100%}.mk .mk-tiles li[data-kind=video] .mk-tile-thumb{color:#fff;background:var(--mk-royal)!important}.mk .mk-tiles li[data-kind=doc] .mk-tile-thumb{color:var(--mk-green);background:var(--mk-leaf)!important}.mk .mk-tiles li[data-kind=archive] .mk-tile-thumb{color:var(--mk-muted);background:#e8ebf5!important}.mk-tiles b{white-space:nowrap;text-overflow:ellipsis;padding-inline:4px;font-weight:600;overflow:hidden}.mk-tiles li>.mk-muted{padding-inline:4px;font-size:13px}.mk-tiles .mk-bar{margin:6px 4px 0}.mk .mk-x{width:28px;height:28px;color:var(--mk-ink);cursor:pointer;opacity:0;background:#ffffffeb;border-radius:50%;place-items:center;transition:opacity .2s,background-color .15s,color .15s;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #0c112633}.mk-tiles li:hover .mk-x,.mk .mk-x:focus-visible{opacity:1}@media (hover:none){.mk .mk-x{opacity:1}}.mk .mk-x:hover{color:#fff;background:#dc2626}.mk-send-foot{color:var(--mk-muted);margin-top:20px;font-size:14px}.mk-done{background:var(--mk-leaf);width:48px;height:48px;color:var(--mk-green);border-radius:50%;place-items:center;margin-bottom:16px;display:inline-grid}.mk-done+.mk-h2+.mk-muted{margin-top:8px;font-size:15px}.mk-linkbox{background:var(--mk-paper);border:1px solid var(--mk-line);text-align:left;border-radius:999px;align-items:center;gap:8px;margin-top:26px;padding:6px 6px 6px 18px;font-size:15px;font-weight:600;display:flex}.mk-sendpage .mk-qr{aspect-ratio:auto;background:0 0;border-radius:0;grid-template:none;justify-items:center;gap:12px;width:auto;margin-top:26px;padding:0;font-size:14px;display:grid;position:static;overflow:visible}.mk-sendpage .mk-qr:after{content:none}.mk-sendpage .mk-qr img{border:1px solid var(--mk-line);background:#fff;border-radius:16px;padding:10px}.mk-send-actions{border-top:1px solid var(--mk-line);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;padding-top:22px;display:flex}.mk main:has(>.mk-sendpage){position:relative;overflow:hidden}.mk main:has(>.mk-sendpage):before{content:"";z-index:0;pointer-events:none;border-radius:50%;animation:16s ease-in-out infinite alternate mk-drift;position:absolute}.mk main:has(>.mk-sendpage):after{content:"";z-index:0;pointer-events:none;border-radius:50%;animation:16s ease-in-out infinite alternate mk-drift;position:absolute}.mk main:has(>.mk-sendpage):before{background:var(--mk-mist);width:560px;height:560px;top:-220px;left:-120px}.mk main:has(>.mk-sendpage):after{background:var(--mk-leaf);width:520px;height:520px;animation-delay:-6s;top:160px;right:-160px}.mk-sendpage{z-index:1}@media (min-width:960px){.mk:has(>main>.mk-sendpage) .mk-sendpage{padding-block:16px 24px}.mk:has(>main>.mk-sendpage) .mk-stepper{margin-bottom:clamp(14px,3vh,32px)}.mk:has(>main>.mk-sendpage) .mk-sendpage .mk-h1{font-size:clamp(30px,5.4vh,52px)}.mk:has(>main>.mk-sendpage) .mk-sendpage>.mk-lede{margin-top:8px}.mk:has(>main>.mk-sendpage) .mk-sendcard{margin-top:clamp(14px,3vh,28px)}.mk:has(>main>.mk-sendpage) .mk-stepper+.mk-sendcard{margin-top:0}.mk:has(>main>.mk-sendpage) .mk-drop{padding-block:clamp(20px,5vh,56px)!important}.mk:has(>main>.mk-sendpage) .mk-qr img{width:clamp(88px,16vh,168px);height:auto}.mk:has(>main>.mk-sendpage) .mk-done{width:40px;height:40px;margin-bottom:8px}.mk:has(>main>.mk-sendpage) .mk-send-foot{margin-top:10px}.mk:has(>main>.mk-sendpage) .mk-qr{gap:6px}:is(.mk:has(>main>.mk-sendpage) .mk-qr,.mk:has(>main>.mk-sendpage) .mk-linkbox){margin-top:clamp(12px,2.4vh,26px)}.mk:has(>main>.mk-sendpage) .mk-send-actions{margin-top:clamp(12px,2.4vh,24px);padding-top:clamp(12px,2.4vh,22px)}}.mk:has(>main>.mk-sendpage):before{display:none}@media (max-width:479px){.mk-sendpage .mk-stepper{flex-wrap:nowrap;gap:8px}.mk-sendpage .mk-stepper li:not([data-state=now]){gap:0;font-size:0}.mk-sendpage .mk-stepper li:not([data-state=now]) span{font-size:12px}.mk-sendpage .mk-stepper li+li:before{width:18px;margin-right:6px}}@media (hover:none){.mk-sendpage .mk-x:after{content:"";border-radius:50%;position:absolute;inset:-8px}}.mk:has(>main>.mk-sendpage)>.mk-footer{display:none}
