@layer components{.sd[data-app=shadowrocket]{--su:var(--u);--sr-blue:#2374bd;--sr-bg:#f6f6f6;--sr-card:#fff;--sr-ink:#1b1b1b;--sr-grey:#7f7f7f;--sr-line:#0000001f;--sr-track:#e9e9eb;--sr-knob:#fff;--sr-pill:#eaeaea;--sr-side:#eceef0;--sr-side-pill:#dee1e7}:root[data-theme=night] .sd[data-app=shadowrocket]{--sr-bg:#000;--sr-card:#1c1c1e;--sr-ink:#f2f2f2;--sr-grey:#8e8e93;--sr-line:#ffffff24;--sr-track:#39393d;--sr-knob:#fff;--sr-pill:#2c2c2e;--sr-side:#2a2a2c;--sr-side-pill:#3a3a3d}.sd[data-app=shadowrocket]:is([data-scene=connect],[data-scene=open]) .hd-status{background:var(--sr-blue);color:#fff}.sr-home{background:var(--sr-bg);min-height:0;color:var(--sr-ink);letter-spacing:0;flex-direction:column;flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.2;display:flex;position:relative;overflow:hidden}.sr-bar{height:calc(49 * var(--su));padding-inline:calc(22 * var(--su));background:var(--sr-blue);color:#fff;flex:none;justify-content:space-between;align-items:center;display:flex}.sr-bar__title{font-size:calc(17 * var(--su));font-weight:600}.sr-glyph{width:calc(18 * var(--su));height:calc(18 * var(--su));fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr-bar__icon{width:calc(20 * var(--su));height:calc(20 * var(--su));stroke-width:1.8px}.sr-body{min-height:0;padding:calc(16 * var(--su)) calc(18 * var(--su)) 0;flex-direction:column;flex:1;display:flex;overflow:hidden}.sr-card{border-radius:calc(20 * var(--su));background:var(--sr-card);flex:none;position:relative}.sr-row{height:calc(43 * var(--su));align-items:center;gap:calc(16 * var(--su));padding-inline:calc(18 * var(--su)) calc(17 * var(--su));font-size:calc(14 * var(--su));display:flex;position:relative}.sr-row+.sr-row:before{content:"";top:0;right:0;left:calc(52 * var(--su));border-top:calc(.5 * var(--su)) solid var(--sr-line);position:absolute}.sr-row__icon{color:var(--sr-blue)}.sr-row__text{flex:1;min-width:0;display:grid}.sr-row__text>span{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}.sr-row__done{opacity:0}.sr-row__value{align-items:center;gap:calc(8 * var(--su));color:var(--sr-grey);display:inline-flex}.sr-row__chevron{width:calc(9 * var(--su));height:calc(14 * var(--su));stroke-width:2px}.sr-row__trailing{color:var(--sr-blue)}.sr-toggle{width:calc(56 * var(--su));height:calc(25 * var(--su));border-radius:calc(12.5 * var(--su));background:var(--sr-track);flex:none;position:relative}.sr-toggle__knob{top:calc(1 * var(--su));left:calc(1 * var(--su));width:calc(23 * var(--su));height:calc(23 * var(--su));background:var(--sr-knob);box-shadow:0 calc(1 * var(--su)) calc(3 * var(--su)) #00000040;border-radius:50%;position:absolute}.sr-tools{height:calc(45 * var(--su));justify-content:flex-end;align-items:center;gap:calc(18 * var(--su));color:var(--sr-grey);flex:none;padding-inline-end:calc(19 * var(--su));display:flex}.sr-sub__head{height:calc(44 * var(--su));align-items:center;gap:calc(16 * var(--su));padding-inline:calc(18 * var(--su)) calc(19 * var(--su));display:flex;position:relative}.sr-sub__chevron{width:calc(16 * var(--su));height:calc(16 * var(--su));color:var(--sr-blue);stroke-width:2px}.sr-sub__name{min-width:0;font-size:calc(15 * var(--su));line-height:calc(20 * var(--su));text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sr-sub__action{color:var(--sr-blue)}.sr-tabbar{right:calc(19 * var(--su));bottom:calc(18 * var(--su));left:calc(19 * var(--su));height:calc(65 * var(--su));padding:calc(6 * var(--su));border-radius:calc(33 * var(--su));background:var(--sr-card);color:var(--sr-ink);box-shadow:0 calc(2 * var(--su)) calc(12 * var(--su)) #0000001f;justify-content:space-around;align-items:center;display:flex;position:absolute}.sr-tab{width:calc(90 * var(--su));height:calc(52 * var(--su));justify-content:center;align-items:center;gap:calc(3 * var(--su));border-radius:calc(26 * var(--su));font-size:calc(10 * var(--su));flex-direction:column;font-weight:500;line-height:1;display:flex}.sr-tab>.sr-glyph{width:calc(24 * var(--su));height:calc(24 * var(--su));stroke-width:1.5px}.sr-tab.is-active{background:var(--sr-pill);color:var(--sr-blue)}.sd[data-kind=phone] .sr-body{padding-bottom:calc(100 * var(--su))}.sr-window{--su:calc(.88 * var(--u));border-radius:calc(10 * var(--u));background:var(--sr-bg);color:var(--sr-ink);box-shadow:0 0 0 calc(1 * var(--u)) #0000001a, 0 calc(8 * var(--u)) calc(28 * var(--u)) #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative;overflow:hidden}.sr-window.sd-app{flex-direction:row}.sd-desk>.sr-window.sd-app{width:calc(620 * var(--u));height:calc(520 * var(--u));margin:auto}:root[data-theme=night] .sr-window{box-shadow:0 0 0 calc(1 * var(--u)) #ffffff24, 0 calc(8 * var(--u)) calc(28 * var(--u)) #0006}.sr-side{width:calc(170 * var(--u));gap:calc(2 * var(--u));padding:calc(46 * var(--u)) calc(10 * var(--u)) 0;background:var(--sr-side);flex-direction:column;flex:none;display:flex;position:relative}.sr-side>.hd-titlebar__lights{top:calc(14 * var(--u));left:calc(14 * var(--u));position:absolute}.sr-side__item{height:calc(30 * var(--u));align-items:center;gap:calc(8 * var(--u));padding-inline:calc(10 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(13 * var(--u));flex:none;display:flex}.sr-side__item>.sr-glyph{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--sr-blue)}.sr-side__item.is-active{background:var(--sr-side-pill)}.sr-main{flex-direction:column;flex:1;min-width:0;display:flex}.sr-main>.sr-home>.sr-bar{height:calc(60 * var(--u))}.sr-main>.sr-home>.sr-body{padding-inline:calc(16 * var(--u))}.sd-store--shadowrocket .sd-store__icon{overflow:hidden}.sr-appicon{fill:none;stroke:url(#sr-appicon-stroke);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.sr-appicon__flame{fill:url(#sr-appicon-stroke);stroke:none}.sd-store__sub{color:var(--sd-ink-3);font-size:calc(15 * var(--u));line-height:calc(20 * var(--u))}.sd-store--shadowrocket .sd-shot{background:var(--sr-bg)}.sr-shot__bar{width:calc(100% + 20 * var(--u));height:calc(22 * var(--u));margin:calc(-14 * var(--u)) calc(-10 * var(--u)) 0;background:var(--sr-blue);flex:none}.sr-shot__card{width:100%;height:calc(44 * var(--u));border-radius:calc(10 * var(--u));background:var(--sr-card);flex:none}.sr-shot__card--tall{height:calc(70 * var(--u))}.sd-window.sd-mas{background:var(--sd-apple-paper);color:var(--sd-alert-ink)}.sd[data-kind=window] .sd-mas .sd-store{--sd-store-x:44;padding-top:calc(28 * var(--u))}.sd-mas .sd-store__head{gap:calc(24 * var(--u))}.sd-mas .sd-store__name{font-size:calc(26 * var(--u));font-weight:700;line-height:calc(32 * var(--u))}.sd-mas .sd-store__sub{font-size:calc(16 * var(--u));line-height:calc(22 * var(--u))}.sd-mas .sd-store__get{min-width:calc(78 * var(--u));height:calc(30 * var(--u));margin-top:calc(14 * var(--u))}.sd[data-app=shadowrocket][data-scene=connect] .sr-toggle{background:var(--sr-blue)}.sd[data-app=shadowrocket][data-scene=connect] .sr-toggle__knob{translate:calc(31 * var(--su)) 0}.sd[data-app=shadowrocket][data-scene=connect] .sr-row__idle{opacity:0}.sd[data-app=shadowrocket][data-scene=connect] .sr-row__done{opacity:1}@media (prefers-reduced-motion:no-preference){.sd[data-app=shadowrocket]:not([data-wait]) :is(.sr-sub--new,.sr-toggle,.sr-toggle__knob,.sr-row__idle,.sr-row__done,.hd-status){animation-duration:var(--sd-run);animation-timing-function:var(--ease-out);animation-iteration-count:infinite;animation-delay:.3s;animation-fill-mode:both}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=open] .sr-sub--new{animation-name:sd-profile}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=open] .hd-status{animation-name:sr-status-open}.sr-press--toggle{--sd-at:.1}.sd[data-vpn] .sr-press--toggle{--sd-at:.05}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=connect] .sr-toggle{animation-name:sr-toggle}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=connect] .sr-toggle__knob{animation-name:sr-knob}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=connect] .sr-row__idle{animation-name:sr-idle}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=connect] .sr-row__done{animation-name:sr-done}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=connect][data-vpn] .sr-toggle{animation-name:sr-toggle-vpn}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=connect][data-vpn] .sr-toggle__knob{animation-name:sr-knob-vpn}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=connect][data-vpn] .sr-row__idle{animation-name:sr-idle-vpn}.sd[data-app=shadowrocket]:not([data-wait])[data-scene=connect][data-vpn] .sr-row__done{animation-name:sr-done-vpn}}@keyframes sr-status-open{0%,10.26%,35.9%{color:var(--hd-on-surface);background-color:#0000}39.32%,95.73%,to{background-color:var(--sr-blue);color:#fff}}@keyframes sr-toggle{0%,10.26%,23.5%{background-color:var(--sr-track)}25.64%,95.73%,to{background-color:var(--sr-blue)}}@keyframes sr-knob{0%,10.26%,23.5%{translate:0}25.64%,95.73%,to{translate:calc(31 * var(--su)) 0}}@keyframes sr-idle{0%,10.26%,26.5%{opacity:1}28.2%,95.73%,to{opacity:0}}@keyframes sr-done{0%,10.26%,26.5%{opacity:0}28.2%,95.73%,to{opacity:1}}@keyframes sr-toggle-vpn{0%,10.26%,40.6%{background-color:var(--sr-track)}42.74%,95.73%,to{background-color:var(--sr-blue)}}@keyframes sr-knob-vpn{0%,10.26%,40.6%{translate:0}42.74%,95.73%,to{translate:calc(31 * var(--su)) 0}}@keyframes sr-idle-vpn{0%,10.26%,43.6%{opacity:1}45.3%,95.73%,to{opacity:0}}@keyframes sr-done-vpn{0%,10.26%,43.6%{opacity:0}45.3%,95.73%,to{opacity:1}}@media (max-width:63.999em){.sd[data-kind=phone][data-app=shadowrocket][data-scene=connect]{--cy:0}.sd[data-kind=phone][data-app=shadowrocket][data-scene=open]{--cy:150;--sd-cam:sd-cam-phone-open-sr}}@keyframes sd-cam-phone-open-sr{0%,10.26%,22.22%{--cy:330}24.79%,36.75%{--cy:260}40.17%,95.73%,to{--cy:150}}}