@layer sonar.components{.sonar-menu-positioner{z-index:50;outline:0}.sonar-menu{box-sizing:border-box;min-width:max(var(--anchor-width,0px), 168px);max-height:var(--available-height);padding:var(--sonar-space-8);overscroll-behavior:contain;border-radius:var(--sonar-shape-corner-large);background:var(--sonar-color-surface-menu);box-shadow:var(--sonar-elevation-2);transform-origin:var(--transform-origin);transition:opacity var(--sonar-motion-effects-fast-duration) var(--sonar-motion-effects-fast-easing), scale var(--sonar-motion-spatial-fast-duration) var(--sonar-motion-spatial-fast-easing);outline:0;overflow:hidden auto}.sonar-menu[data-starting-style]{opacity:0;scale:.9}.sonar-menu[data-ending-style]{opacity:0;transition-duration:var(--sonar-motion-duration-menu-exit);transition-timing-function:var(--sonar-motion-easing-exit);scale:.96}.sonar-menu-item{gap:var(--sonar-space-10);min-height:32px;padding-inline:var(--sonar-space-12);border-radius:var(--sonar-shape-corner-medium);color:var(--sonar-color-text-default);font:var(--sonar-type-label-md);letter-spacing:var(--sonar-type-label-md-tracking);cursor:default;user-select:none;outline:0;align-items:center;display:flex}.sonar-menu-item[data-tone=danger]{color:var(--sonar-color-text-danger)}.sonar-menu-item[data-highlighted]{background:var(--sonar-color-state-hover);color:var(--sonar-color-text-strong)}.sonar-menu-item[data-tone=danger][data-highlighted]{color:var(--sonar-color-text-danger)}.sonar-menu-item[data-disabled]{color:var(--sonar-color-text-disabled)}.sonar-menu-icon{width:var(--sonar-size-icon-small);height:var(--sonar-size-icon-small);color:var(--sonar-color-text-secondary);flex:none;place-items:center;display:grid}.sonar-menu-item[data-tone=danger] .sonar-menu-icon{color:inherit}.sonar-menu-icon>svg{width:100%;height:100%}.sonar-menu-label{flex:1}.sonar-menu-trailing{color:var(--sonar-color-text-tertiary);font:var(--sonar-type-label-sm);letter-spacing:var(--sonar-type-label-sm-tracking)}.sonar-menu-check{width:var(--sonar-size-icon-small);height:var(--sonar-size-icon-small);color:var(--sonar-color-text-accent);place-items:center;display:grid}.sonar-menu-check>svg{width:100%;height:100%}.sonar-menu-separator{height:1px;margin:var(--sonar-space-6) var(--sonar-space-4);background:var(--sonar-color-divider)}.sonar-menu-group-label{padding:var(--sonar-space-6) var(--sonar-space-12) var(--sonar-space-4);color:var(--sonar-color-text-tertiary);font:var(--sonar-type-label-sm);letter-spacing:var(--sonar-type-label-sm-tracking)}@media (pointer:coarse){.sonar-menu-item{min-height:var(--sonar-layout-touch-target)}}@media (prefers-reduced-motion:reduce){.sonar-menu{transition-property:opacity}}}.oxa .cta{background:var(--accent);height:27px;color:var(--on-accent-fixed);align-items:center;gap:10px;padding:0 10px 0 11px;font-size:13px;font-weight:600;display:flex}.oxa .cta .ms{font-size:18px}.oxa .scrim{left:0;right:0;top:var(--top-h);background:var(--scrim);z-index:4;position:absolute;bottom:0}.oxa .sheet{z-index:5;background:var(--surface-card);padding:26px 32px 30px var(--gutter);clip-path:inset(0 0 -60px);position:absolute;left:0;right:0}.oxa .sh-h{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.oxa .sh-h h2{color:var(--text-strong);margin:0}.oxa .sh-g{grid-template-columns:262px 1fr 262px;gap:48px;padding-top:20px;display:grid}.oxa .sh-c .lb{color:var(--text-strong);letter-spacing:0;height:16px}.oxa .sh-c p{letter-spacing:0;margin:8px 0 14px;line-height:16px}.oxa .sh-c.w2 .lb{margin-bottom:8px}.oxa .cols2{grid-template-columns:1fr 1fr;column-gap:40px;display:grid}.oxa .tr{border-top:1px solid var(--divider);height:38px;color:var(--text-strong);justify-content:space-between;align-items:center;font-size:14px;display:flex;position:relative}.oxa .tr.set,.oxa .cols2>div>.tr:last-child{border-bottom:1px solid var(--divider)}.oxa .tr.hov:before{content:"";background:linear-gradient(90deg,transparent,var(--surface-hover) 10%,var(--surface-hover) 90%,transparent);z-index:-1;position:absolute;inset:0 -10px}.oxa .sh-c{z-index:0;position:relative}.oxa .tg{cursor:pointer;flex:none;position:relative}.oxa .tg:after{content:"";border-radius:50%;position:absolute}.oxa .field{border:1px solid var(--border-subtle);background:var(--surface-card);width:100%;height:36px;color:var(--text-strong);text-align:left;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.oxa .chev2{fill:none;width:14px;height:14px;stroke:var(--border-contrast);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.oxa .sh-a{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.oxa .cta.o .ms{font-size:17px}.oxa .rst{color:var(--text-soft)}.oxa .rst:hover{color:var(--text-strong)}.oxa .xbtn{color:var(--text-strong);place-items:center;display:grid}.oxa .cta.off{pointer-events:none}.oxa .cta.o{color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--border-contrast);background:0 0;padding:0 14px}.oxa .cta.o.red{color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.oxa .cta.o.g{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.oxa .card.confirm .buy .cta,.oxa .card.success .buy .cta{white-space:nowrap;flex:1;justify-content:center;padding:0 14px}.oxa .banner .cta.sw{flex:none;padding:0 14px}.oxa .cta:disabled{background:var(--fill-subtle);color:var(--text-dim);cursor:default;filter:none;transform:none}.oxa .cta.off{background:var(--cta-off-bg);color:var(--cta-off-text)}.oxa .sheet{outline:none}.oxa .tr{cursor:pointer}.oxa .tr.soon{cursor:default;color:var(--text-disabled)}.oxa .tg:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.oxa .sheet,.oxa .scrim{animation:none!important}}.oxa .sheet{border-radius:0 0 var(--r-panel) var(--r-panel)}.oxa .cta{transition:border-radius var(--sp-fast-d) var(--sp-fast),background-color var(--fx-def-d) var(--fx-def),color var(--fx-def-d) var(--fx-def),box-shadow var(--fx-def-d) var(--fx-def),background-image var(--fx-def-d) var(--fx-def)}.oxa .cta:hover{filter:none;background-image:linear-gradient(var(--overlay-on-accent),var(--overlay-on-accent))}.oxa .cta:active{border-radius:var(--r-cta-press);transform:none}.oxa .cta{border-radius:var(--r-cta)}.oxa .tg{background:var(--switch-track);width:40px;height:24px;box-shadow:inset 0 0 0 2px var(--border-control);transition:background-color var(--fx-def-d) var(--fx-def),box-shadow var(--fx-def-d) var(--fx-def);border-radius:12px}.oxa .tg:after{background:var(--fill-faint);width:12px;height:12px;transition:left var(--sp-fast-d) var(--sp-fast),top var(--sp-fast-d) var(--sp-fast),width var(--sp-fast-d) var(--sp-fast),height var(--sp-fast-d) var(--sp-fast),background-color var(--fx-def-d) var(--fx-def);top:6px;left:6px;transform:none!important}.oxa .tg:active:after{width:16px;height:16px;top:4px;left:4px}.oxa .tg[data-state=checked]{background:var(--accent);box-shadow:none}.oxa .tg[data-state=checked]:after{background:var(--on-accent);width:18px;height:18px;top:3px;left:19px}.oxa .tg[data-state=checked]:active:after{width:22px;height:22px;top:1px;left:17px}.oxa .scrim[data-state=open]{animation:m-fin var(--fx-def-d) var(--fx-def)}.oxa .scrim[data-state=closed]{animation:.15s linear reverse forwards m-fin}@media (prefers-reduced-motion:reduce){.oxa .sheet[data-state=open]{animation:m-fin var(--fx-def-d) linear!important}.oxa .sheet[data-state=closed]{animation:.1s linear reverse forwards m-fin!important}}.oxa .xbtn{border-radius:50%}.oxa .cta{isolation:isolate;text-transform:none;letter-spacing:-.01em;position:relative;overflow:hidden}.oxa .field{border-radius:var(--r-field);border-color:var(--border-control)}.oxa .field:hover{border-color:var(--border-contrast)}.oxa .field:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);border-color:#0000;outline:0}.oxa .xbtn{width:28px;height:28px;margin-right:-4px}.oxa .xbtn .ms{font-size:20px}.oxa .xbtn:hover{background:var(--state-hover)}.oxa .sheet[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards m-sdy,.15s linear forwards m-fo}@media (prefers-reduced-motion:reduce){.oxa .sheet[data-state=closed]{animation:.1s linear forwards m-fo!important}}.oxa .sheet[data-state=open]{animation:m-sdin .42s var(--sp-def),m-fin .42s var(--fx-def)}.oxa .sheet{box-shadow:var(--shadow-sheet-down);top:70px}.oxa .cta{padding-top:1px!important}.oxa .cta .ms{margin-top:-1px}.oxa .cta.o.g:hover{background-image:linear-gradient(var(--state-hover),var(--state-hover))}.oxa .cta.o.g:active{background-image:linear-gradient(var(--state-hover),var(--state-hover)),linear-gradient(var(--state-hover),var(--state-hover))}.oxa.t-tab .sheet{padding:22px var(--pad-r) 24px var(--gutter);max-height:calc(100% - 86px);overflow-y:auto}@media (width<=1099px){.oxa.t-tab .sh-g{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"basic pre""mods mods";gap:24px 40px}.oxa.t-tab .sh-c:first-child{grid-area:basic}.oxa.t-tab .sh-c.w2{grid-area:mods}.oxa.t-tab .sh-c.last{grid-area:pre}}.oxa.m-mob .sheet{clip-path:none;z-index:6;width:auto;padding:30px 16px calc(16px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;border-radius:20px 20px 0 0;max-height:calc(100% - 44px);inset:auto 0 0;overflow-y:auto;box-shadow:0 -12px 32px -8px #00000040}.oxa.m-mob .sheet:before{content:"";background:var(--border-subtle);z-index:2;border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:10px;left:50%}.oxa.m-mob .sheet[data-state=open]{animation:m-up .42s var(--sp-def,cubic-bezier(.2,0,0,1)),m-fin .2s var(--fx-def,linear)}.oxa.m-mob .sheet[data-state=closed]{animation:.22s cubic-bezier(.4,0,1,1) forwards m-down}.oxa.m-mob .sh-g{grid-template-columns:minmax(0,1fr);gap:22px}.oxa.m-mob .cols2{grid-template-columns:minmax(0,1fr)}.oxa.m-mob .cols2>div:first-child>.tr:last-child{border-bottom:0}.oxa .m-row .tg{margin-left:4px}@media (prefers-reduced-motion:reduce){.oxa.m-mob .sheet[data-state]{animation:.12s linear m-fin}}.oxa.m-mob .sheet{max-height:calc(100% - 44px - var(--sa-t))}.oxa.t-tab .sheet{top:calc(70px + var(--sa-t))}.oxa.t-tab .scrim{top:calc(var(--top-h) + var(--sa-t))}.oxa .cdlg-a .cta{justify-content:center;min-width:96px}.oxa .cta.bad{background:var(--danger);color:var(--on-accent-fixed)}@keyframes m-fin{0%{opacity:0}}@keyframes m-sdin{0%{transform:translateY(-24px)}}@keyframes m-sdout{to{opacity:0;transform:translateY(-16px)}}@keyframes m-sdy{to{transform:translateY(-14px)}}@keyframes m-fo{to{opacity:0}}@keyframes m-up{0%{transform:translateY(100%)}}@keyframes m-down{to{transform:translateY(100%)}}.sonar-menu.roles-menu{min-width:var(--anchor-width,200px)}.oxa .sh-a .cta{padding-bottom:1px;padding-top:0!important}.oxa .sh-a .cta .ms{margin-top:1px}.oxa .stage.notice{place-items:center;display:grid;overflow:auto}.oxa .nt-card{background:var(--surface-card);border-radius:var(--r-card,12px);width:min(560px,86%);box-shadow:var(--shadow-card,none);color:var(--text-strong);padding:40px 44px 36px}.oxa .nt-code{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;display:inline-block}.oxa .nt-h{font:600 26px/1.2 var(--sans);letter-spacing:-.01em;margin:10px 0}.oxa .nt-p{color:var(--text-muted);margin:0 0 24px;font-size:14px;line-height:1.55}.oxa .nt-s{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-weight:600}.oxa .nt-chips{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.oxa .nt-chip{border:1px solid var(--border-muted);height:34px;color:var(--text-strong);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:13px;transition:background-color .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.oxa .nt-chip .ms{color:var(--accent);font-size:18px}.oxa .nt-chip:hover{background:var(--surface-hover);border-color:var(--accent)}.oxa .nt-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oxa .nt-list{color:var(--text,var(--text-strong));grid-template-columns:1fr 1fr;gap:8px 16px;margin:0 0 28px;padding:0;font-size:13px;list-style:none;display:grid}.oxa .nt-list li{align-items:center;gap:8px;display:flex}.oxa .nt-list .ms{color:var(--text-soft);font-size:18px}.oxa .nt-cta{padding:0 22px}.app-demo{gap:var(--sonar-space-12);min-width:0;display:grid}.app-demo-top{gap:var(--sonar-space-8) var(--sonar-space-16);flex-wrap:wrap;align-items:center;display:flex}.app-demo-fit{gap:var(--sonar-space-8);color:var(--sonar-color-text-strong);font:var(--sonar-type-label-md);cursor:pointer;align-items:center;display:inline-flex}.app-demo-fit input{width:18px;height:18px;accent-color:var(--sonar-color-accent);margin:0}.app-demo-scale{color:var(--sonar-color-text-tertiary);font:var(--sonar-type-body-sm)}.app-demo-frame{border-radius:var(--sonar-shape-corner-large);background:var(--sonar-color-surface-page);min-width:0;box-shadow:var(--sonar-elevation-1);overscroll-behavior:contain;overflow:auto}.app-demo-frame:focus-visible{outline:var(--sonar-focus-width) solid var(--sonar-color-focus);outline-offset:var(--sonar-focus-offset)}.app-demo[data-device=tablet] .app-demo-frame,.app-demo[data-device=phone] .app-demo-frame{justify-self:start;max-width:100%}.app-demo-fit-box{position:relative;overflow:hidden}.oxa .app-grid{margin-top:0}.oxa.m-mob .app-grid{grid-template-columns:minmax(0,1fr)}.app-demo .oxa{--sonar-dialog-top:70px;--sonar-dialog-sheet-top:44px}.app-demo .oxa.m-mob .sonar-dialog[data-placement=end]{inset:var(--sonar-dialog-sheet-top) 0 0;width:100%;box-shadow:var(--sonar-elevation-sheet-up);clip-path:none;border-radius:20px 20px 0 0;padding:30px 16px 16px}.app-demo .oxa.m-mob .sonar-dialog[data-placement=end] .sonar-dialog-handle{background:0 0;width:72px;height:24px;margin-left:-36px;display:block;position:absolute;top:0;left:50%}.app-demo .oxa.m-mob .sonar-dialog[data-placement=end] .sonar-dialog-handle:after{content:"";background:var(--sonar-color-border-subtle);border-radius:2px;width:36px;height:4px;position:absolute;top:10px;left:18px}@media (width<600px){.app-demo .oxa:not(.m-mob) .sonar-dialog[data-placement=end]{inset:var(--sonar-dialog-top) 0 0 auto;width:402px;box-shadow:var(--sonar-elevation-panel);clip-path:inset(0 0 0 -60px);border-radius:28px 0 0 28px;padding:24px 32px 22px 28px}.app-demo .oxa:not(.m-mob) .sonar-dialog[data-placement=end] .sonar-dialog-handle{display:none}}.app-demo .oxa{overflow-x:clip}.app-demo .oxa.t-tab .sonar-dialog[data-placement=end]{opacity:1;transition:translate var(--sonar-motion-spatial-default-duration) var(--sonar-motion-spatial-default-easing), display var(--sonar-motion-spatial-default-duration) allow-discrete, overlay var(--sonar-motion-spatial-default-duration) allow-discrete;translate:102%}.app-demo .oxa.t-tab .sonar-dialog[data-placement=end][open]:not([data-leaving]){translate:0}@starting-style{.app-demo .oxa.t-tab .sonar-dialog[data-placement=end][open]:not([data-leaving]){translate:102%}}.app-demo .oxa:not(.t-tab,.m-mob) .sonar-dialog[data-placement=end]{opacity:0;transition:opacity var(--sonar-motion-duration-panel-exit) linear, translate var(--sonar-motion-duration-panel-exit) var(--sonar-motion-easing-accelerate), display var(--sonar-motion-duration-panel-exit) allow-discrete, overlay var(--sonar-motion-duration-panel-exit) allow-discrete;translate:28px}.app-demo .oxa:not(.t-tab,.m-mob) .sonar-dialog[data-placement=end][open]:not([data-leaving]){opacity:1;transition:opacity var(--sonar-motion-duration-panel-enter) var(--sonar-motion-effects-default-easing), translate var(--sonar-motion-duration-panel-enter) var(--sonar-motion-spatial-default-easing), display var(--sonar-motion-duration-panel-enter) allow-discrete, overlay var(--sonar-motion-duration-panel-enter) allow-discrete;translate:0}@starting-style{.app-demo .oxa:not(.t-tab,.m-mob) .sonar-dialog[data-placement=end][open]:not([data-leaving]){opacity:0;translate:48px}}.app-demo .oxa.m-mob .sonar-dialog[data-placement=end]{opacity:1;transition:translate var(--sonar-motion-duration-sheet-exit) var(--sonar-motion-easing-accelerate), display var(--sonar-motion-duration-sheet-exit) allow-discrete, overlay var(--sonar-motion-duration-sheet-exit) allow-discrete;translate:0 100%}.app-demo .oxa.m-mob .sonar-dialog[data-placement=end][open]:not([data-leaving]){transition:opacity var(--sonar-motion-duration-sheet-fade) var(--sonar-motion-effects-default-easing), translate var(--sonar-motion-duration-panel-enter) var(--sonar-motion-spatial-default-easing), display var(--sonar-motion-duration-panel-enter) allow-discrete, overlay var(--sonar-motion-duration-panel-enter) allow-discrete;translate:0}@starting-style{.app-demo .oxa.m-mob .sonar-dialog[data-placement=end][open]:not([data-leaving]){opacity:0;translate:0 100%}}.app-demo .oxa.oxa .sonar-dialog[data-placement=end][data-dragging],.app-demo .oxa.oxa .sonar-dialog[data-placement=end][open]:not([data-leaving])[data-dragging]{transition:none}@media (prefers-reduced-motion:reduce){.app-demo .oxa.oxa .sonar-dialog[data-placement=end]{opacity:0;transition:opacity var(--sonar-motion-effects-default-duration) var(--sonar-motion-effects-default-easing), display var(--sonar-motion-effects-default-duration) allow-discrete, overlay var(--sonar-motion-effects-default-duration) allow-discrete;translate:0}.app-demo .oxa.oxa .sonar-dialog[data-placement=end][open]:not([data-leaving]){opacity:1;translate:0}@starting-style{.app-demo .oxa.oxa .sonar-dialog[data-placement=end][open]:not([data-leaving]){opacity:0;translate:0}}}.oxa .main>.app-edit-bar{z-index:5;padding:0 32px 0 var(--gutter,32px);flex-wrap:nowrap;position:absolute;bottom:0;left:0;right:0}.oxa.t-tab .main>.app-edit-bar{padding-right:var(--pad-r,24px)}.oxa.s-edit .stage{padding-bottom:78px}.oxa.m-mob.s-edit .stage,.oxa.m-mob .stage>.edit-list{position:static}.oxa.m-mob .stage>.edit-list>.edit-list-bar{z-index:5;margin-inline:0;position:absolute;bottom:0;left:0;right:0}.oxa.m-mob .stage>.edit-list{width:100%;padding-top:16px}.oxa .main>.app-edit-bar .edit-bar-text span{display:inline}.oxa .main>.app-edit-bar .edit-bar-actions{flex:none}.oxa .main>.app-edit-bar .edit-reset{margin-right:var(--sonar-space-8)}.oxa .main>.app-edit-bar .edit-bar-actions .sonar-button{min-width:96px}