html.mx-on body{padding-bottom:calc(var(--mx-h,100px) + env(safe-area-inset-bottom,0px))!important}
html.mx-on .mdcb .mdcb-dock{bottom:calc(var(--mx-h,100px) + 8px + env(safe-area-inset-bottom,0px))!important}
html.mx-on .mdc-olfab{bottom:calc(var(--mx-h,100px) + 8px + env(safe-area-inset-bottom,0px))!important}
html.mx-on.has-cb .mdc-olfab{bottom:calc(var(--mx-h,100px) + 62px + env(safe-area-inset-bottom,0px))!important}
html.mx-lock{overflow:hidden}

.mx,.mxr,.mx-s{--mx-ink:#15171D;--mx-sf:#fff;--mx-ln:rgba(20,22,30,.12);--mx-ff:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari","Noto Sans Gujarati","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Kannada","Noto Sans Bengali","Noto Sans Gurmukhi","Noto Sans Malayalam","Noto Sans Oriya",sans-serif;font-family:var(--mx-ff);-webkit-font-smoothing:antialiased;letter-spacing:normal;text-transform:none;text-align:left}
.mx *,.mxr *,.mx-s *{box-sizing:border-box}
.mx{position:fixed;left:0;right:0;bottom:0;z-index:9960;display:flex;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none}
.mx-w{position:relative;width:100%;max-width:460px;height:64px;pointer-events:auto}
.mx-glow{position:absolute;left:0;bottom:-30px;width:180px;height:76px;border-radius:50%;background:radial-gradient(closest-side,var(--mx-c,#888),transparent);opacity:.42;filter:blur(16px);pointer-events:none;transition:background .35s}
.mx-sh{position:absolute;inset:0;filter:blur(13px);transform:translateY(9px);opacity:.42;pointer-events:none}
.mx-shs{position:absolute;inset:0;background:#05060A}
.mx[data-tone=dark] .mx-sh{opacity:.7}
.mx-bar{position:absolute;inset:0;overflow:hidden;color:var(--mx-ink);background:var(--mx-sf)}
.mx-bar::before,.mx-bar::after{content:"";position:absolute;inset:0;pointer-events:none}
.mx-bar::after{background:radial-gradient(72px 30px at var(--mx-x,50%) 0,color-mix(in srgb,var(--mx-c,#888) 34%,transparent),transparent 72%);transition:background .35s}
.mx-tabs{position:relative;z-index:1;display:flex;height:100%;align-items:stretch}
.mx-t{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:0 0 9px;border:0;background:none;color:inherit;font:600 10.5px/1.15 var(--mx-ff);letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mx-t:focus-visible{outline:none}
.mx-t:focus-visible .mx-l{outline:2px solid var(--mx-tc);outline-offset:2px;border-radius:4px}
.mx-ic{position:relative;display:grid;place-items:center;opacity:.74;transition:opacity .22s,transform .3s cubic-bezier(.2,.9,.3,1.3)}
.mx-t:hover .mx-ic{opacity:1;transform:translateY(-1px)}
.mx-t.on .mx-ic{opacity:0;transform:translateY(-12px) scale(.5)}
.mx-l{display:block;max-width:100%;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.78;transition:color .3s,opacity .3s}
.mx-t.on .mx-l{opacity:1;color:var(--mx-lc,var(--mx-c));font-weight:800}
.mx[data-tone=dark] .mx-t.on .mx-l,.mx[data-surface=ink] .mx-t.on .mx-l,.mx[data-surface=carbon] .mx-t.on .mx-l,.mx[data-surface=neon] .mx-t.on .mx-l,.mx[data-surface=chalk] .mx-t.on .mx-l,.mx[data-surface=velvet] .mx-t.on .mx-l,.mx[data-surface=clay] .mx-t.on .mx-l{--mx-lc:color-mix(in srgb,var(--mx-c) 55%,#fff)}
.mx[data-surface=kraft] .mx-t.on .mx-l,.mx[data-surface=brass] .mx-t.on .mx-l,.mx[data-surface=chrome] .mx-t.on .mx-l{--mx-lc:color-mix(in srgb,var(--mx-c) 70%,#000)}
.mx-b{position:absolute;top:-6px;right:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--mx-tc);color:#fff;font:800 10px/17px var(--mx-ff);font-style:normal;text-align:center}
.mx-b[hidden]{display:none}
.mx-bead{position:absolute;left:0;top:0;z-index:2;width:48px;height:48px;padding:0;border:0;background:none;color:var(--mx-on,#fff);display:grid;place-items:center;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;will-change:transform;filter:drop-shadow(0 9px 12px color-mix(in srgb,var(--mx-c,#888) 50%,transparent)) drop-shadow(0 2px 3px rgba(0,0,0,.18))}
.mx.drag .mx-bead{cursor:grabbing}
.mx-bead::before{content:"";position:absolute;inset:0;background:var(--mx-c,#888);border-radius:50%;transition:background .35s;background-image:linear-gradient(160deg,rgba(255,255,255,.34),rgba(255,255,255,0) 46%,rgba(0,0,0,.12))}
.mx-bi{position:relative;z-index:1;display:grid;place-items:center;transition:color .3s}
.mx-bb{position:absolute;top:-8px;right:-12px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#fff;color:#111;font:800 10.5px/18px var(--mx-ff);font-style:normal;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.mx-bead.pop .mx-bi{animation:mxPop .5s cubic-bezier(.2,.9,.3,1.4)}
@keyframes mxPop{0%{transform:scale(.4) rotate(-20deg);opacity:.2}60%{transform:scale(1.18)}100%{transform:none;opacity:1}}
.mx[data-shape=squircle] .mx-bead::before{border-radius:34%}
.mx[data-shape=drop] .mx-bead::before{border-radius:50% 50% 50% 6%;transform:rotate(-45deg)}
.mx[data-shape=diamond] .mx-bead::before{border-radius:11px;transform:rotate(45deg) scale(.84)}
.mx[data-shape=hex] .mx-bead::before{border-radius:0;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}
.mx[data-shape=petal] .mx-bead::before{border-radius:62% 38% 58% 42%/44% 56% 44% 56%;animation:mxPetal 9s linear infinite}
@keyframes mxPetal{to{transform:rotate(360deg)}}
.mx[data-shape=coin] .mx-bead::before{background:radial-gradient(circle,var(--mx-c) 0 60%,color-mix(in srgb,var(--mx-c) 62%,#000) 61% 64%,transparent 65%),repeating-conic-gradient(var(--mx-c) 0 7deg,color-mix(in srgb,var(--mx-c) 72%,#000) 7deg 14deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.mx[data-shape=gem] .mx-bead::before{border-radius:0;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background-image:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,0) 40%),linear-gradient(315deg,rgba(0,0,0,.22),rgba(0,0,0,0) 45%)}
.mx[data-shape=stamp] .mx-bead::before{border-radius:12px}
.mx[data-shape=stamp] .mx-bead::after{content:"";position:absolute;inset:4px;border:1.5px dashed currentColor;border-radius:9px;opacity:.6}
.mx[data-shape=ring] .mx-bead{color:var(--mx-c)}
.mx[data-shape=ring] .mx-bead::before{background:var(--mx-sf);box-shadow:inset 0 0 0 4px var(--mx-c);background-image:none}
.mx[data-shape=pill] .mx-bead{width:60px;height:44px}
.mx[data-shape=pill] .mx-bead::before{border-radius:999px}
.mx[data-shape=leaf] .mx-bead::before{border-radius:8% 62% 8% 62%}

.mx[data-surface=glass],.mxr[data-surface=glass],.mx-s[data-surface=glass]{--mx-sf:rgba(255,255,255,.76);--mx-ink:#15171D}
.mx[data-surface=glass][data-tone=dark],.mxr[data-surface=glass][data-tone=dark],.mx-s[data-surface=glass][data-tone=dark]{--mx-sf:rgba(24,26,34,.74);--mx-ink:#EEF0F6}
.mx[data-surface=glass] .mx-bar,.mxr[data-surface=glass] .mxr-in{-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}
.mx[data-surface=frost],.mxr[data-surface=frost],.mx-s[data-surface=frost]{--mx-sf:color-mix(in srgb,var(--mx-ac,#4F46E5) 12%,rgba(255,255,255,.84));--mx-ink:#141820}
.mx[data-surface=frost][data-tone=dark],.mxr[data-surface=frost][data-tone=dark],.mx-s[data-surface=frost][data-tone=dark]{--mx-sf:color-mix(in srgb,var(--mx-ac,#4F46E5) 20%,rgba(16,18,26,.82));--mx-ink:#EEF1F8}
.mx[data-surface=frost] .mx-bar,.mxr[data-surface=frost] .mxr-in{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-image:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0) 40%)}
.mx[data-surface=paper],.mxr[data-surface=paper],.mx-s[data-surface=paper]{--mx-sf:#FBF7EE;--mx-ink:#2A2318}
.mx[data-surface=paper][data-tone=dark],.mxr[data-surface=paper][data-tone=dark],.mx-s[data-surface=paper][data-tone=dark]{--mx-sf:#2B261E;--mx-ink:#F3EBDD}
.mx[data-surface=paper] .mx-bar,.mxr[data-surface=paper] .mxr-in,.mx-s[data-surface=paper] .mx-sp{background-image:repeating-linear-gradient(0deg,rgba(90,70,40,.035) 0 1px,transparent 1px 3px)}
.mx[data-surface=kraft],.mxr[data-surface=kraft],.mx-s[data-surface=kraft]{--mx-sf:#CDA877;--mx-ink:#2B1C0C}
.mx[data-surface=kraft] .mx-bar,.mxr[data-surface=kraft] .mxr-in,.mx-s[data-surface=kraft] .mx-sp{background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 2px,transparent 2px 7px),repeating-linear-gradient(25deg,rgba(80,50,10,.06) 0 1px,transparent 1px 5px)}
.mx[data-surface=silk],.mxr[data-surface=silk],.mx-s[data-surface=silk]{--mx-sf:#FFF9FB;--mx-ink:#2A1622}
.mx[data-surface=silk][data-tone=dark],.mxr[data-surface=silk][data-tone=dark],.mx-s[data-surface=silk][data-tone=dark]{--mx-sf:#221520;--mx-ink:#FBEFF5}
.mx[data-surface=silk] .mx-bar,.mxr[data-surface=silk] .mxr-in{background-image:linear-gradient(115deg,transparent 0,color-mix(in srgb,var(--mx-ac,#C2185B) 22%,transparent) 30%,transparent 46%,color-mix(in srgb,var(--mx-ac,#C2185B) 14%,transparent) 66%,transparent 82%);background-size:260% 100%;animation:mxSheen 9s ease-in-out infinite alternate}
@keyframes mxSheen{from{background-position:0 0}to{background-position:100% 0}}
.mx[data-surface=brass],.mxr[data-surface=brass],.mx-s[data-surface=brass]{--mx-sf:#E7C778;--mx-ink:#3A2608}
.mx[data-surface=brass] .mx-bar,.mxr[data-surface=brass] .mxr-in,.mx-s[data-surface=brass] .mx-sp{background-image:linear-gradient(180deg,#F8E7AC,#DDB45A 46%,#C08F34 54%,#EFD089)}
.mx[data-surface=chrome],.mxr[data-surface=chrome],.mx-s[data-surface=chrome]{--mx-sf:#E4E7EC;--mx-ink:#1B2028}
.mx[data-surface=chrome] .mx-bar,.mxr[data-surface=chrome] .mxr-in,.mx-s[data-surface=chrome] .mx-sp{background-image:linear-gradient(180deg,#FFFFFF,#DADEE5 46%,#BDC3CD 54%,#F1F3F6)}
.mx[data-surface=neon],.mxr[data-surface=neon],.mx-s[data-surface=neon]{--mx-sf:#0A0D17;--mx-ink:#E8ECFF}
.mx[data-surface=neon] .mx-bar,.mxr[data-surface=neon] .mxr-in,.mx-s[data-surface=neon] .mx-sp{background-image:linear-gradient(var(--mx-ac,#22D3EE),var(--mx-ac,#22D3EE)),radial-gradient(120% 90% at 50% 120%,color-mix(in srgb,var(--mx-ac,#22D3EE) 22%,transparent),transparent 60%);background-size:100% 1.5px,100% 100%;background-repeat:no-repeat}
.mx[data-surface=neon] .mx-ic{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--mx-tc) 70%,transparent))}
.mx[data-surface=ink],.mxr[data-surface=ink],.mx-s[data-surface=ink]{--mx-sf:#16181E;--mx-ink:#F1F2F6}
.mx[data-surface=ceramic],.mxr[data-surface=ceramic],.mx-s[data-surface=ceramic]{--mx-sf:#FFFFFF;--mx-ink:#1A2130}
.mx[data-surface=ceramic][data-tone=dark],.mxr[data-surface=ceramic][data-tone=dark],.mx-s[data-surface=ceramic][data-tone=dark]{--mx-sf:#1C2029;--mx-ink:#EFF2F7}
.mx[data-surface=ceramic] .mx-bar,.mxr[data-surface=ceramic] .mxr-in{background-image:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,0) 45%,rgba(0,0,0,.035))}
.mx[data-surface=chalk],.mxr[data-surface=chalk],.mx-s[data-surface=chalk]{--mx-sf:#203B33;--mx-ink:#F1F6EC}
.mx[data-surface=chalk] .mx-bar,.mxr[data-surface=chalk] .mxr-in,.mx-s[data-surface=chalk] .mx-sp{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.2px),linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.12));background-size:5px 5px,100% 100%}
.mx[data-surface=clay],.mxr[data-surface=clay],.mx-s[data-surface=clay]{--mx-sf:#C46B4C;--mx-ink:#FFF4EC}
.mx[data-surface=clay] .mx-bar,.mxr[data-surface=clay] .mxr-in,.mx-s[data-surface=clay] .mx-sp{background-image:linear-gradient(180deg,#D47F5D,#B65E40)}
.mx[data-surface=velvet],.mxr[data-surface=velvet],.mx-s[data-surface=velvet]{--mx-sf:color-mix(in srgb,var(--mx-ac,#7C3AED) 45%,#0B0710);--mx-ink:#FFF7FD}
.mx[data-surface=velvet] .mx-bar,.mxr[data-surface=velvet] .mxr-in,.mx-s[data-surface=velvet] .mx-sp{background-image:radial-gradient(120% 160% at 50% -20%,color-mix(in srgb,var(--mx-ac,#7C3AED) 70%,#000),color-mix(in srgb,var(--mx-ac,#7C3AED) 30%,#05030A))}
.mx[data-surface=aurora],.mxr[data-surface=aurora],.mx-s[data-surface=aurora]{--mx-sf:rgba(255,255,255,.8);--mx-ink:#13151B}
.mx[data-surface=aurora][data-tone=dark],.mxr[data-surface=aurora][data-tone=dark],.mx-s[data-surface=aurora][data-tone=dark]{--mx-sf:rgba(16,18,28,.8);--mx-ink:#F0F2FA}
.mx[data-surface=aurora] .mx-bar,.mxr[data-surface=aurora] .mxr-in{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-image:linear-gradient(110deg,color-mix(in srgb,var(--mx-p0) 30%,transparent),color-mix(in srgb,var(--mx-p1) 30%,transparent),color-mix(in srgb,var(--mx-p2) 30%,transparent),color-mix(in srgb,var(--mx-p0) 30%,transparent));background-size:300% 100%;animation:mxSheen 12s linear infinite alternate}
.mx[data-surface=linen],.mxr[data-surface=linen],.mx-s[data-surface=linen]{--mx-sf:#F4EEE3;--mx-ink:#2D2620}
.mx[data-surface=linen][data-tone=dark],.mxr[data-surface=linen][data-tone=dark],.mx-s[data-surface=linen][data-tone=dark]{--mx-sf:#2A2520;--mx-ink:#F4ECE0}
.mx[data-surface=linen] .mx-bar,.mxr[data-surface=linen] .mxr-in,.mx-s[data-surface=linen] .mx-sp{background-image:repeating-linear-gradient(0deg,rgba(80,60,40,.05) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(80,60,40,.05) 0 1px,transparent 1px 4px)}
.mx[data-surface=carbon],.mxr[data-surface=carbon],.mx-s[data-surface=carbon]{--mx-sf:#15171C;--mx-ink:#ECEEF2}
.mx[data-surface=carbon] .mx-bar,.mxr[data-surface=carbon] .mxr-in,.mx-s[data-surface=carbon] .mx-sp{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 4px),repeating-linear-gradient(-45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 4px)}
.mx,.mxr,.mx-s{--mx-ln:color-mix(in srgb,var(--mx-ink) 14%,transparent)}

.mx[data-motif=dots] .mx-bar::before{background:radial-gradient(color-mix(in srgb,var(--mx-ink) 12%,transparent) 1px,transparent 1.4px) 0 0/11px 11px}
.mx[data-motif=stitch] .mx-bar::before{inset:6px 10px;border-bottom:1.5px dashed color-mix(in srgb,var(--mx-ink) 26%,transparent);border-top:1.5px dashed color-mix(in srgb,var(--mx-ink) 18%,transparent)}
.mx[data-motif=grid] .mx-bar::before{background:linear-gradient(color-mix(in srgb,var(--mx-ink) 7%,transparent) 1px,transparent 1px) 0 0/14px 14px,linear-gradient(90deg,color-mix(in srgb,var(--mx-ink) 7%,transparent) 1px,transparent 1px) 0 0/14px 14px}
.mx[data-motif=stars] .mx-bar::before{background:radial-gradient(1.2px 1.2px at 12% 30%,#fff,transparent),radial-gradient(1px 1px at 34% 70%,#fff,transparent),radial-gradient(1.4px 1.4px at 58% 22%,#fff,transparent),radial-gradient(1px 1px at 76% 64%,#fff,transparent),radial-gradient(1.2px 1.2px at 90% 34%,#fff,transparent);opacity:.7;animation:mxTw 4s ease-in-out infinite alternate}
@keyframes mxTw{from{opacity:.35}to{opacity:.85}}
.mx[data-motif=waves] .mx-bar::before{top:auto;height:12px;background:radial-gradient(circle at 10px -3px,transparent 8px,color-mix(in srgb,var(--mx-ink) 12%,transparent) 8.6px,transparent 10px) 0 100%/20px 12px repeat-x}
.mx[data-motif=zigzag] .mx-bar::before{top:auto;height:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--mx-c,#888) 55%,transparent) 25%,transparent 25%) -5px 0/10px 7px,linear-gradient(225deg,color-mix(in srgb,var(--mx-c,#888) 55%,transparent) 25%,transparent 25%) -5px 0/10px 7px;transition:background .35s}
.mx[data-motif=pinstripe] .mx-bar::before{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--mx-ink) 6%,transparent) 0 1px,transparent 1px 9px)}
.mx[data-motif=scallop] .mx-bar::before{top:auto;height:9px;background:radial-gradient(circle at 7px 9px,color-mix(in srgb,var(--mx-c,#888) 40%,transparent) 0 6px,transparent 6.5px) 0 0/14px 9px repeat-x;transition:background .35s}
.mx[data-motif=sparkle] .mx-bar::before{background:radial-gradient(1.6px 1.6px at 18% 28%,color-mix(in srgb,var(--mx-c,#fff) 80%,#fff),transparent),radial-gradient(1.2px 1.2px at 44% 76%,color-mix(in srgb,var(--mx-c,#fff) 70%,#fff),transparent),radial-gradient(1.8px 1.8px at 70% 30%,color-mix(in srgb,var(--mx-c,#fff) 80%,#fff),transparent),radial-gradient(1.2px 1.2px at 88% 72%,color-mix(in srgb,var(--mx-c,#fff) 70%,#fff),transparent);animation:mxTw 2.6s ease-in-out infinite alternate}
.mx[data-motif=rangoli] .mx-bar::before{top:auto;height:6px;background:repeating-conic-gradient(from 45deg,color-mix(in srgb,var(--mx-c,#888) 60%,transparent) 0 25%,transparent 0 50%) 0 0/8px 8px;transition:background .35s}
.mx[data-motif=circuit] .mx-bar::before{background:linear-gradient(color-mix(in srgb,var(--mx-c,#22D3EE) 40%,transparent),color-mix(in srgb,var(--mx-c,#22D3EE) 40%,transparent)) 6% 74%/18% 1px no-repeat,linear-gradient(color-mix(in srgb,var(--mx-c,#22D3EE) 40%,transparent),color-mix(in srgb,var(--mx-c,#22D3EE) 40%,transparent)) 24% 58%/1px 16% no-repeat,linear-gradient(color-mix(in srgb,var(--mx-c,#22D3EE) 40%,transparent),color-mix(in srgb,var(--mx-c,#22D3EE) 40%,transparent)) 72% 82%/22% 1px no-repeat,radial-gradient(circle,color-mix(in srgb,var(--mx-c,#22D3EE) 70%,transparent) 0 2px,transparent 2.5px) 94% 82%/6px 6px no-repeat,radial-gradient(circle,color-mix(in srgb,var(--mx-c,#22D3EE) 70%,transparent) 0 2px,transparent 2.5px) 24.2% 50%/6px 6px no-repeat}

.mx-toast{position:absolute;left:50%;bottom:calc(100% + 18px);transform:translateX(-50%);padding:9px 14px;border-radius:999px;background:#14161C;color:#fff;font:700 13px/1 var(--mx-ff);white-space:nowrap;pointer-events:none;animation:mxUp .25s ease}
.mx-toast.out{opacity:0;transition:opacity .3s}
@keyframes mxUp{from{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%,0);opacity:1}}

.mxr{position:relative;z-index:30;padding:8px 10px;color:var(--mx-ink)}
.mxr-in{position:relative;max-width:1100px;margin:0 auto;height:48px;display:flex;align-items:center;gap:8px;padding:0 6px 0 4px;border-radius:16px;background:var(--mx-sf);border:1px solid var(--mx-ln);box-shadow:0 10px 26px -18px rgba(0,0,0,.45);overflow:hidden}
.mxr[data-surface=paper] .mxr-in,.mxr[data-surface=kraft] .mxr-in,.mxr[data-surface=linen] .mxr-in,.mxr[data-surface=chalk] .mxr-in{border-radius:10px}
.mxr[data-surface=glass] .mxr-in,.mxr[data-surface=frost] .mxr-in,.mxr[data-surface=aurora] .mxr-in,.mxr[data-shape=pill] .mxr-in{border-radius:999px}
.mxr[data-motif=stitch] .mxr-in{outline:1.5px dashed color-mix(in srgb,var(--mx-ink) 24%,transparent);outline-offset:-5px}
.mxr[data-motif=rangoli] .mxr-in::after,.mxr[data-motif=zigzag] .mxr-in::after,.mxr[data-motif=scallop] .mxr-in::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:repeating-conic-gradient(from 45deg,var(--mx-p0) 0 25%,transparent 0 50%) 0 0/8px 8px;opacity:.7}
.mxr-vp{position:relative;flex:1;min-width:0;height:100%;overflow:hidden}
.mxr-it{position:absolute;inset:0;display:flex;align-items:center;gap:10px;width:100%;padding:0 4px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .45s;-webkit-tap-highlight-color:transparent}
.mxr-it.in{transform:translateY(100%);opacity:0}
.mxr-it.gone{transform:translateY(-100%);opacity:0}
.mxr-ic{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--mxr-c) 20%,transparent);font-size:18px;line-height:1}
.mxr-tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:14.5px;line-height:1.2}
.mxr-go{flex:none;display:inline-flex;align-items:center;gap:3px;height:32px;padding:0 10px 0 12px;border-radius:999px;background:var(--mxr-c);color:var(--mxr-o);font-weight:800;font-size:13px;white-space:nowrap;box-shadow:0 6px 14px -8px var(--mxr-c)}
.mxr-dots{flex:none;display:flex;flex-direction:column;gap:3px;padding-right:2px}
.mxr-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.25;transition:opacity .3s,height .3s}
.mxr-dots i.on{opacity:.8;height:10px;border-radius:3px}
@media(min-width:760px){.mxr-in{height:52px}.mxr-tx{font-size:15px}}

.mx-s{position:fixed;inset:0;z-index:9995;display:flex;align-items:flex-end;justify-content:center;color:var(--mx-ink)}
.mx-sbg{position:absolute;inset:0;background:rgba(8,10,16,.5);animation:mxF .2s ease}
.mx-sp{position:relative;width:100%;max-width:520px;max-height:82vh;overflow-y:auto;padding:6px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:var(--mx-sf);box-shadow:0 -20px 50px -20px rgba(0,0,0,.5);animation:mxSU .3s cubic-bezier(.1,.8,.2,1)}
.mx-s[data-surface=glass] .mx-sp,.mx-s[data-surface=frost] .mx-sp,.mx-s[data-surface=aurora] .mx-sp{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.mx-s.out .mx-sp{transform:translateY(30px);opacity:0;transition:transform .2s,opacity .2s}
.mx-s.out .mx-sbg{opacity:0;transition:opacity .2s}
@media(min-width:760px){.mx-s{align-items:center}.mx-sp{border-radius:24px}}
@keyframes mxSU{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@keyframes mxF{from{opacity:0}to{opacity:1}}
.mx-sh2{position:sticky;top:-6px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -16px;padding:14px 16px 8px;background:inherit}
.mx-sh2 b{font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-sx{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:12px;background:var(--mx-ln);color:inherit;cursor:pointer}
.mx-g{margin-top:12px}
.mx-gt{display:block;margin-bottom:8px;font-size:12.5px;font-weight:800;opacity:.65;text-transform:uppercase;letter-spacing:.06em}
.mx-gi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mx-si{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 4px;border:0;border-radius:16px;background:var(--mx-ln);color:inherit;font:600 12px/1.2 var(--mx-ff);cursor:pointer;transition:transform .15s}
.mx-si:active{transform:scale(.95)}
.mx-si span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--mx-ic);color:var(--mx-io);box-shadow:0 8px 16px -10px var(--mx-ic)}
.mx-si em{font-style:normal;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:360px){.mx-gi{grid-template-columns:repeat(3,minmax(0,1fr))}.mx-l{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.mx-bead.pop .mx-bi,.mx[data-shape=petal] .mx-bead::before,.mx-bar,.mxr-in,.mx-bar::before{animation:none!important}.mxr-it{transition:opacity .2s}}
@media print{.mx,.mxr,.mx-s{display:none!important}}
.mx[data-notch=arch] .mx-t{padding-bottom:6px}
.mxr.mxr-c{padding:10px 12px;clear:both}
.mxr.mxr-f{position:fixed;left:0;right:0;top:0;z-index:9950;padding:8px 10px;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .35s;animation:mxrIn .6s cubic-bezier(.2,.8,.2,1) .8s both}
.mxr.mxr-f .mxr-in{max-width:460px;box-shadow:0 14px 34px -14px rgba(0,0,0,.5)}
.mxr.mxr-f.hid{transform:translateY(-140%);opacity:0;pointer-events:none}
@keyframes mxrIn{from{transform:translateY(-140%);opacity:0}to{transform:none;opacity:1}}