.showcase{color:#4f535b;width:100%;max-width:440px;font-family:var(--font-sans);line-height:1.35;position:relative;container-type:inline-size}.showcase .sizer{padding-top:96.3636%}@container (max-width:399.98px){.showcase .sizer{padding-top:162.264%}}.showcase *{box-sizing:border-box}.showcase .fit-in{transform-origin:0 0;position:absolute;top:0;left:0}.showcase .show{width:440px;height:100%;position:relative}.showcase .show.compact{width:318px}.showcase .scn{opacity:0;visibility:hidden;width:440px;height:424px;transition:opacity .45s,visibility 0s .45s;position:absolute;top:0;left:0}.showcase .show.compact .scn{width:318px}.showcase .scn.on{opacity:1;visibility:visible;transition:opacity .45s}.showcase p{margin:0}.showcase .pin{z-index:8;background:var(--act);color:#fff;width:17px;height:17px;font:600 9.5px/17px var(--font-sans);text-align:center;border-radius:50%;position:absolute;box-shadow:0 0 0 2px #fff}.showcase .ring{z-index:7;border:1.5px solid var(--act);opacity:0;pointer-events:none;visibility:hidden;border-radius:50%;width:17px;height:17px;position:absolute}.showcase .scn.on .ring{visibility:visible}.showcase .lead{z-index:7;border-top:1px solid color-mix(in srgb, var(--act) 70%, transparent);transform-origin:0;height:0;position:absolute}.showcase .cm{z-index:7;color:#16171a;background:#fff;border:1px solid #e0e0db;border-radius:6px;width:110px;padding:7px 9px 8px;font-size:10.5px;line-height:1.42;position:absolute;left:330px;box-shadow:0 10px 22px -18px #16171a80}.showcase .show.compact .cm{width:155px}.showcase .cm b{background:var(--act);color:#fff;text-align:center;vertical-align:1px;border-radius:50%;width:15px;height:15px;margin-right:6px;font-size:8.5px;font-weight:600;line-height:15px;display:inline-block}.showcase .flt{outline-offset:3px;outline:1.5px solid #0000}.showcase .rl{white-space:nowrap}.showcase .del{white-space:nowrap;vertical-align:bottom;color:#8a8d93;width:0;display:inline-block;position:relative;overflow:hidden}.showcase .strike{background:var(--act);transform-origin:0;width:100%;height:1.5px;position:absolute;top:54%;left:0}.showcase .ins{white-space:nowrap;vertical-align:bottom;display:inline-block;overflow:hidden}.showcase .caret{background:var(--act);vertical-align:-2px;opacity:0;width:1.5px;height:12px;margin-left:1px;display:inline-block}.showcase .caret.on{opacity:1}.showcase .qt,.showcase .tt{white-space:nowrap;vertical-align:bottom;display:inline-block;overflow:hidden}.showcase .surf{background:#fff;border:1px solid #dcdcd7;border-radius:9px;width:318px;height:424px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 1px 1px #16171a0d,0 22px 40px -30px #16171a73}.showcase .wbar{background:#fafaf8;border-bottom:1px solid #ececea;align-items:center;gap:6px;height:36px;padding:0 11px;display:flex}.showcase .wbar>i{background:#dcdcd7;border-radius:50%;flex:none;width:7px;height:7px}.showcase .field{color:#16171a;white-space:nowrap;background:#fff;border:1px solid #e3e3df;border-radius:11px;flex:1;align-items:center;gap:6px;min-width:0;height:22px;margin-left:6px;padding:0 10px;font-size:10.5px;display:flex;overflow:hidden}.showcase .wbody{align-content:start;gap:10px;padding:12px;display:grid;position:relative}.showcase .wbody.tight{gap:9px}.showcase .aio{background:#f3f5f8;border-radius:7px;gap:6px;padding:9px 11px 10px;display:grid}.showcase .aio .lab{letter-spacing:.07em;text-transform:uppercase;color:#6e727a;font-size:9px;font-weight:600}.showcase .aio p{color:#16171a;font-size:10.5px;line-height:1.45}.showcase .srcs{gap:5px;display:flex}.showcase .src{color:#5b5e66;white-space:nowrap;background:#fff;border:1px solid #dfe3e8;border-radius:4px;padding:2px 7px;font-size:9px}.showcase .src.you{color:color-mix(in srgb, var(--act) 75%, #16171a);border-color:var(--act);background:color-mix(in srgb, var(--act) 7%, #fff);font-weight:600}.showcase .ri{border-radius:6px;grid-template-columns:18px minmax(0,1fr);gap:0 8px;padding:4px 0 6px;display:grid}.showcase .fav{color:#5b5e66;background:#eceeef;border-radius:50%;place-items:center;width:18px;height:18px;margin-top:2px;font-size:9px;font-weight:600;display:grid}.showcase .ri .dom{color:#5b5e66;white-space:nowrap;font-size:9.5px;display:block}.showcase .ri .tit{color:#26457a;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;font-weight:500;display:block;overflow:hidden}.showcase .ri .des{color:#5b5e66;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;display:block;overflow:hidden}.showcase .ri.you .fav{color:#fff;background:#16171a}.showcase .canvas{background-color:#f8f8f6;background-image:radial-gradient(#dcdcd7 1px,#0000 1.2px);background-size:14px 14px;position:absolute;inset:0}.showcase .ftop{color:#16171a;background:#fff;border-bottom:1px solid #ececea;justify-content:space-between;align-items:center;height:34px;padding:0 12px;font-size:10.5px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.showcase .ftop span:last-child{color:#2d6a4f;align-items:center;gap:5px;font-size:9.5px;font-weight:500;display:flex}.showcase .ftop span:last-child:before{content:"";background:#2d6a4f;border-radius:50%;width:6px;height:6px}.showcase .nd{background:#fff;border:1px solid #dcdcd7;border-radius:7px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;width:196px;height:42px;padding:0 10px;display:grid;position:absolute;left:16px;box-shadow:0 6px 14px -12px #16171a66}.showcase .nd .ic{background:#f1f3f6;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.showcase .nd .ic svg{stroke:#2f4d6e;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.showcase .nd .k{letter-spacing:.07em;text-transform:uppercase;color:#8a8d93;font-size:8.5px;font-weight:600;display:block}.showcase .nd .v{color:#16171a;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.showcase .cn{border-left:1.5px solid #c4c9d0;width:0;position:absolute;left:114px}.showcase .br{border-top:1.5px solid #c4c9d0;height:0;position:absolute}.showcase .exit{color:#16171a;white-space:nowrap;background:#fff;border:1px solid #dcdcd7;border-radius:11px;align-items:center;height:22px;padding:0 9px;font-size:9.5px;display:flex;position:absolute}.showcase .phone{background:#16171a;border-radius:34px;width:214px;height:420px;padding:8px;position:absolute;top:2px;left:52px}.showcase .screen{background:#fff;border-radius:27px;width:100%;height:100%;position:relative;overflow:hidden}.showcase .sbar{color:#16171a;justify-content:space-between;align-items:center;height:26px;padding:0 18px;font-size:9px;font-weight:600;display:flex}.showcase .mtop{justify-content:space-between;align-items:center;padding:8px 16px 10px;display:flex}.showcase .mtop .x{color:#16171a;font-size:15px}.showcase .wm{font:700 15px var(--font-display);color:#16171a;letter-spacing:-.03em}.showcase .msearch{color:#8a8d93;background:#f3f3f1;border-radius:8px;align-items:center;gap:7px;height:30px;margin:0 14px;padding:0 10px;font-size:10.5px;display:flex}.showcase .mlist{position:absolute;top:116px;left:0;right:0}.showcase .mi{color:#16171a;border-bottom:1px solid #efefec;justify-content:space-between;align-items:center;height:40px;font-size:12.5px;font-weight:500;display:flex;position:absolute;left:16px;right:16px}.showcase .old .mi{opacity:0}.showcase .mi .chev{color:#b4b7bd;font-size:13px}.showcase .mi .lft{align-items:center;gap:8px;display:flex}.showcase .grp{letter-spacing:.08em;text-transform:uppercase;color:#8a8d93;font-size:9px;font-weight:600;position:absolute;left:16px}.showcase .mdiv{background:#f3f3f1;height:6px;position:absolute;left:0;right:0}.showcase .crumbs{color:#8a8d93;gap:5px;font-size:9.5px;display:flex}.showcase .crumbs b{color:#16171a;font-weight:600}.showcase .fl{gap:4px;display:grid}.showcase .fl>span:first-child{color:#5b5e66;font-size:9px;font-weight:600}.showcase .inp{color:#16171a;background:#fff;border:1px solid #d6d6d1;border-radius:6px;align-items:center;height:30px;padding:0 9px;font-size:11px;display:flex;position:relative}.showcase .inp .lay{white-space:nowrap;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:9px}.showcase .inp .ph-l{color:#9a9da3;opacity:0}.showcase .inp .typed{opacity:0}.showcase .twin{grid-template-columns:1.4fr 1fr;gap:8px;display:grid}.showcase .dd{z-index:6;opacity:0;background:#fff;border:1px solid #d6d6d1;border-radius:7px;position:absolute;left:12px;right:12px;overflow:hidden;box-shadow:0 12px 24px -14px #16171a59}.showcase .dd span{color:#16171a;border-bottom:1px solid #f1f1ee;padding:7px 10px;font-size:10.5px;display:block}.showcase .dd span:first-child{background:color-mix(in srgb, var(--act) 10%, #fff);box-shadow:inset 2px 0 0 var(--act)}.showcase .dd em{color:#8a8d93;font-style:normal}.showcase .ship{border:1px solid #d6d6d1;border-radius:7px;overflow:hidden}.showcase .sr{color:#16171a;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:9px;height:34px;padding:0 10px;font-size:10.5px;display:grid}.showcase .sr+.sr{border-top:1px solid #ececea}.showcase .sr .rad{border:1.5px solid #b4b7bd;border-radius:50%;width:12px;height:12px}.showcase .sr.sel{background:#f6f8fa}.showcase .sr.sel .rad{border:4px solid #16171a}.showcase .sr .pr{color:#16171a;font-weight:500}.showcase .cbtn{color:#fff;background:#16171a;border-radius:6px;place-items:center;height:34px;font-size:11px;font-weight:600;display:grid}@media (prefers-reduced-motion:reduce){.showcase .scn,.showcase .scn.on{transition:none}}