.ssx{--k: 1;position:relative;width:100%;aspect-ratio:520 / 320;margin-top:26px}.ssx-stage{position:absolute;left:0;top:0;transform:scale(var(--k));transform-origin:0 0;font-family:var(--font-sans);color:#08090d;-webkit-font-smoothing:antialiased}.ssx-stage b{font-weight:600}.ssx-stage em,.ssx-stage i{font-style:normal}.ssx-win{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ffffff0f,0 40px 80px -40px #000000e6}.ssx-top{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-bottom:1px solid rgba(8,9,13,.07);background:#fff;font-size:12.5px}.ssx-logo{width:18px;height:18px;border-radius:5px;background:#08090d}.ssx-search{display:flex;flex:0 0 160px;align-items:center;gap:6px;height:26px;margin-left:14px;padding:0 10px;border-radius:8px;background:#f4f4f5;font-size:11.5px;color:#9a9ba2}.ssx-chip{display:inline-flex;align-items:center;gap:5px;height:24px;margin-left:auto;padding:0 9px;border-radius:99px;font-size:11px;color:#5f6068;box-shadow:inset 0 0 0 1px #08090d1a;transition:color .3s ease,background-color .3s ease,box-shadow .3s ease}.ssx-chip[data-on]{color:#1f6fd6;background:#3088f814;box-shadow:inset 0 0 0 1px #3088f840}.ssx-spark{animation:ssx-spark 1.2s ease-in-out infinite}@keyframes ssx-spark{50%{transform:scale(.8) rotate(12deg);opacity:.6}}.ssx-btn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:7px;font-size:11.5px;font-weight:500;white-space:nowrap;color:#08090d;background:#fff;box-shadow:inset 0 0 0 1px #08090d1f;transition:transform .12s ease,background-color .25s ease,color .25s ease}.ssx-btn--soft[data-on]{color:#1f6fd6;background:#3088f814;box-shadow:inset 0 0 0 1px #3088f84d}.ssx-btn--go{color:#fff;background:#3088f8;box-shadow:none}.ssx-av{display:grid;flex:none;place-items:center;overflow:hidden;border-radius:50%;font-weight:600;color:#5f6068;background:#ececee}.ssx-av img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ssx-badge{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;color:#5f6068;background:#fff;box-shadow:0 0 0 1px #08090d14,0 1px 2px #00000014}.ssx-caret{display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-.15em;background:#08090d;animation:ssx-blink .9s steps(2,jump-none) infinite}@keyframes ssx-blink{50%{opacity:0}}.ssx-cursor{position:absolute;left:0;top:0;z-index:10;transform-origin:3px 2px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.ssx-spin{animation:ssx-spin .8s linear infinite}@keyframes ssx-spin{to{transform:rotate(1turn)}}.ssx-title{font-weight:600}.ssx-side{position:absolute;left:0;top:40px;bottom:0;display:grid;align-content:start;gap:2px;width:130px;padding:10px 8px;border-right:1px solid rgba(8,9,13,.07);background:#fafafa}.ssx-folder{--hot: 0;display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:7px;font-size:12px;color:#26272c;background:rgba(48,136,248,calc(var(--hot) * .13))}.ssx-folder svg{flex:none;color:#5f6068}.ssx-folder[data-active]{font-weight:500;background:#ececee}.ssx-count{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#9a9ba2;animation:ssx-bump .45s cubic-bezier(.2,.9,.25,1) backwards}@keyframes ssx-bump{0%{opacity:0;transform:translateY(-5px);color:#3088f8}}.ssx-list{position:absolute;left:130px;right:0;top:40px;bottom:0;overflow:hidden}.ssx-day{position:absolute;left:20px;top:10px;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#9a9ba2}.ssx-row{--focus: 0;position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:11px;height:58px;padding:0 14px 0 20px;overflow:hidden;border-bottom:1px solid rgba(8,9,13,.06);background:rgba(48,136,248,calc(var(--focus) * .06));will-change:transform}.ssx-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#3088f8;opacity:var(--focus)}.ssx-unread{position:absolute;left:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#3088f8}.ssx-avwrap{position:relative;flex:none}.ssx-mail{display:grid;flex:1;gap:1px;min-width:0}.ssx-mail-top{display:flex;align-items:center;gap:8px;font-size:12.5px}.ssx-mail-top time{margin-left:auto;font-size:10.5px;color:#9a9ba2}.ssx-label{padding:1px 7px;border-radius:99px;font-size:10px;font-weight:500;color:#1f6fd6;background:#eaf2ff}.ssx-label[data-f=dates]{color:#5b45c9;background:#f0edff}.ssx-label[data-f=books]{color:#9a5a0c;background:#fff3e3}.ssx-subject,.ssx-snippet{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ssx-subject{font-size:12px;color:#26272c}.ssx-snippet{font-size:11.5px;color:#9a9ba2}.ssx-sweep{position:absolute;left:0;top:0;bottom:0;width:120px;background:linear-gradient(90deg,transparent,rgba(48,136,248,.12),transparent);pointer-events:none}.ssx-empty{position:absolute;inset:112px 0 auto;display:grid;justify-items:center;gap:5px;font-size:11.5px;color:#5f6068}.ssx-empty svg{color:#3088f8}.ssx-empty b{font-size:13px;color:#08090d}.ssx-thread-t{display:grid;line-height:1.25}.ssx-thread-t span{font-size:10.5px;color:#9a9ba2}.ssx-stack{display:flex;margin-left:auto}.ssx-stack .ssx-av{margin-left:-6px;box-shadow:0 0 0 2px #fff}.ssx-thread{position:absolute;left:0;top:40px;bottom:0;width:300px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 84%,transparent);mask-image:linear-gradient(180deg,#000 84%,transparent)}.ssx-thread-in{display:grid;gap:14px;padding:12px 16px}.ssx-msg-h{display:flex;align-items:center;gap:7px;font-size:11.5px}.ssx-msg-h time{margin-left:auto;font-size:10px;color:#9a9ba2}.ssx-msg p{margin:5px 0 0 29px;font-size:11.5px;line-height:1.5;color:#26272c}.ssx-msg mark{padding:0 1px;border-radius:2px;color:inherit;background:linear-gradient(#3088f833,#3088f833) no-repeat 0 0 / 0% 100%}.ssx-panel{position:absolute;left:300px;right:0;top:40px;bottom:0;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-left:1px solid rgba(8,9,13,.07);background:#fafafa}.ssx-panel-h{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.ssx-panel-h svg{color:#3088f8}.ssx-tag{margin-left:auto;white-space:nowrap;padding:1px 6px;border-radius:99px;font-size:9.5px;font-weight:500;color:#5f6068;box-shadow:inset 0 0 0 1px #08090d1f}.ssx-sum{display:grid;gap:3px;padding:8px 10px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #08090d12}.ssx-sum-l{font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#9a9ba2}.ssx-sum-t{min-height:15px;font-size:11px;line-height:1.4;color:#08090d}.ssx-skel{height:8px;width:82%;margin:4px 0;border-radius:4px;background:linear-gradient(90deg,#ececee,#f6f6f7,#ececee);background-size:200% 100%;animation:ssx-skel 1.2s linear infinite}@keyframes ssx-skel{to{background-position:-200% 0}}.ssx-src{font-size:9.5px;color:#3088f8}.ssx-panel-f{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.ssx-from{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:#5f6068}.ssx-from .ssx-badge{position:static}.ssx-file{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.ssx-pager{position:absolute;left:200px;display:inline-flex;align-items:center;gap:8px;font-size:10.5px;color:#9a9ba2}.ssx-form-t{position:absolute;left:286px;font-size:12.5px;font-weight:600}.ssx-viewer{position:absolute;left:0;top:40px;bottom:0;width:270px;border-right:1px solid rgba(8,9,13,.07);background:#f1f1f3}.ssx-page{position:absolute;width:226px;height:264px;overflow:hidden;font-size:7.5px;color:#26272c;background:#fff;box-shadow:0 1px 2px #0000000f,0 8px 24px -10px #0000002e}.ssx-page>*{position:absolute}.ssx-pg-co{left:14px;top:12px;font-size:11px;font-weight:700!important;letter-spacing:-.01em;color:#08090d}.ssx-pg-addr{left:14px;top:28px;font-size:6.5px;color:#9a9ba2}.ssx-pg-h{left:14px;top:50px;font-size:12px;letter-spacing:.06em}.ssx-pg-meta{left:128px;top:48px;margin:0}.ssx-pg-meta dt{height:8px;font-size:6px;line-height:8px;color:#9a9ba2}.ssx-pg-meta dd{height:10px;margin:0;font-size:8px;line-height:10px;color:#08090d}.ssx-pg-items{left:14px;right:14px;top:112px;display:grid}.ssx-pg-th,.ssx-pg-tr{display:grid;grid-template-columns:minmax(0,1fr) 26px 52px;align-items:center;height:16px;border-bottom:1px solid rgba(8,9,13,.06)}.ssx-pg-th{font-size:6.5px;color:#9a9ba2}.ssx-pg-th i:nth-child(2),.ssx-pg-tr i:nth-child(2){text-align:center}.ssx-pg-th i:last-child,.ssx-pg-tr i:last-child{text-align:right}.ssx-pg-sum{right:14px;top:186px;display:grid;width:112px}.ssx-pg-sum span{display:flex;align-items:center;justify-content:space-between;height:14px}.ssx-pg-sum .ssx-pg-total{height:18px;border-top:1px solid rgba(8,9,13,.14);font-size:9px;font-weight:700;color:#08090d}.ssx-pg-foot{left:14px;bottom:12px;font-size:6.5px;color:#9a9ba2}.ssx-scan{left:0;right:0;top:0;height:14px;background:linear-gradient(180deg,transparent,rgba(48,136,248,.24),transparent)}.ssx-pick{position:absolute;z-index:3;height:15px;margin-top:-7.5px;border-radius:4px;box-shadow:0 0 0 1.5px #3088f8,0 0 0 4px #3088f826}.ssx-form{position:absolute;top:0;right:0;bottom:0;left:0}.ssx-form-sub{position:absolute;left:286px;top:50px;font-size:10.5px;color:#9a9ba2}.ssx-field{--glow: 0;position:absolute;display:grid;gap:3px;line-height:12px;width:106px;font-size:9.5px;color:#5f6068}.ssx-field[data-wide]{width:220px}.ssx-input{position:relative;display:flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;font-size:11px;font-variant-numeric:tabular-nums;color:#08090d;background:#fff;box-shadow:inset 0 0 0 1px #08090d1f,0 0 0 calc(var(--glow) * 3px) #3088f833;outline:1px solid rgba(48,136,248,var(--glow));outline-offset:-1px}.ssx-field[data-wide] .ssx-input{font-weight:600}.ssx-ok{position:absolute;right:7px;color:#3088f8}.ssx-check{position:absolute;left:286px;top:262px;display:flex;align-items:center;gap:5px;font-size:10px;color:#5f6068}.ssx-check svg{color:#3088f8}.ssx-book{position:absolute;left:286px;top:282px;justify-content:center;width:220px;height:28px;color:#9a9ba2;background:#f4f4f5;box-shadow:none}.ssx-book[data-on]{color:#fff;background:#08090d}.ssx-fly{position:absolute;left:0;top:0;z-index:6;padding:3px 7px;border-radius:6px;white-space:nowrap;font-size:10px;font-weight:500;color:#1f6fd6;background:#eef5ff;box-shadow:0 0 0 1px #3088f859,0 8px 16px -8px #3088f899}.ssx-winbtns{display:flex;gap:12px;margin-left:auto;color:#9a9ba2}.ssx-compose{padding-top:40px}.ssx-hdr{display:flex;align-items:center;gap:10px;height:31px;margin:0 14px;border-bottom:1px solid rgba(8,9,13,.07);font-size:12px}.ssx-hdr-l{width:46px;color:#9a9ba2}.ssx-to{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 2px;border-radius:99px;font-size:11.5px;background:#f4f4f5}.ssx-to em{color:#9a9ba2}.ssx-body{height:118px;margin:9px 14px 0;font-size:11.5px;line-height:1.45;white-space:pre-line;color:#26272c}.ssx-attach{display:inline-flex;align-items:center;gap:6px;height:28px;margin:4px 14px 0;padding:0 10px;border-radius:8px;font-size:11px;box-shadow:inset 0 0 0 1px #08090d1a}.ssx-attach em{color:#9a9ba2}.ssx-tools{position:absolute;right:16px;bottom:74px;display:flex;gap:14px;color:#9a9ba2}.ssx-approve{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 12px 0 14px;border-top:1px solid rgba(48,136,248,.2);background:#f4f8ff;transition:background-color .3s ease,border-color .3s ease}.ssx-approve[data-done]{border-top-color:#08090d12;background:#f6f6f7}.ssx-approve-t{display:flex;align-items:center;gap:9px}.ssx-approve-t svg{color:#3088f8}.ssx-approve-t>span{display:grid;line-height:1.3}.ssx-approve-t b{font-size:12px}.ssx-approve-t em{font-size:11px;color:#5f6068}.ssx-approve-b{display:flex;gap:6px}.ssx-sent{position:absolute;left:50%;top:50%;display:grid;justify-items:center;gap:6px;width:280px;padding:22px 20px;border-radius:14px;text-align:center;font-size:11.5px;color:#5f6068;background:#fff;box-shadow:0 0 0 1px #ffffff0f,0 30px 60px -30px #000c}.ssx-sent b{font-size:13px;color:#08090d}.ssx-sent-i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#3088f8}@media(prefers-reduced-motion:reduce){.ssx *,.ssx *:before{animation:none!important;transition:none!important}}
