.web-page-demo_browser__cPSM6{background:#fff;border:1px solid #e4e4e7;border-radius:10px;box-shadow:0 20px 44px -26px rgba(15,15,16,.35);margin:0 auto;max-width:480px;overflow:hidden;width:100%}.web-page-demo_chrome__SxrAx{align-items:center;background:#f4f4f5;border-bottom:1px solid #ececec;display:flex;gap:10px;padding:7px 10px}.web-page-demo_dots__xwSuR{display:flex;gap:5px}.web-page-demo_dots__xwSuR i{background:#d4d4d8;border-radius:50%;height:8px;width:8px}.web-page-demo_url__gCl7r{align-items:center;background:#fff;border-radius:999px;color:#3f3f46;display:flex;flex:1;font-size:11.5px;gap:5px;padding:3px 9px}.web-page-demo_url__gCl7r svg{color:#a1a1aa}.web-page-demo_viewport__MWg7S{height:320px;overflow:hidden;position:relative}.web-page-demo_site__N__mR{animation:web-page-demo_blurPage__xsLUQ 7s ease infinite;height:100%}.web-page-demo_siteNav__lVPsj{border-bottom:1px solid #f0f0f2;color:#52525b;font-size:11.5px;gap:14px;padding:9px 14px}.web-page-demo_siteNav__lVPsj,.web-page-demo_siteNav__lVPsj strong{align-items:center;display:flex}.web-page-demo_siteNav__lVPsj strong{color:#0f0f10;font-size:12.5px;gap:5px}.web-page-demo_siteSearch__ImA0M{align-items:center;border:1px solid #e4e4e7;border-radius:6px;color:#a1a1aa;display:flex;font-style:normal;gap:4px;margin-left:auto;padding:3px 10px}.web-page-demo_siteBody__UvVJt{padding:14px 16px}.web-page-demo_siteBody__UvVJt small{color:#a1a1aa;font-size:10.5px}.web-page-demo_siteBody__UvVJt h4{color:#0f0f10;font-size:17px;font-weight:700;margin:2px 0 4px}.web-page-demo_siteBody__UvVJt p{color:#52525b;font-size:12px;line-height:1.5;margin:0 0 12px}.web-page-demo_table__v06ex{border:1px solid #f0f0f2;border-radius:8px;display:grid;font-size:11.5px;grid-template-columns:1.6fr 1fr 1fr}.web-page-demo_table__v06ex>*{border-bottom:1px solid #f0f0f2;color:#27272a;padding:7px 10px}.web-page-demo_table__v06ex>:nth-child(-n+3){background:#fafafa;color:#71717a;font-weight:600}.web-page-demo_table__v06ex>:nth-last-child(-n+3){border-bottom:0}.web-page-demo_table__v06ex b{border-radius:999px;font-size:10.5px;font-weight:600;justify-self:start;margin:4px 8px;padding:2px 8px}.web-page-demo_done__yQb_k{background:#dcfce7;color:#15803d!important}.web-page-demo_doing__SHU_A{background:#fef3c7;color:#b45309!important}.web-page-demo_todo__ppByT{background:#f4f4f5;color:#52525b!important}.web-page-demo_keys___2pdv{align-items:center;animation:web-page-demo_keys___2pdv 7s ease infinite;background:#18181b;border-radius:10px;bottom:14px;color:#a1a1aa;display:flex;font-size:12px;gap:5px;left:50%;padding:6px 10px;position:absolute;transform:translateX(-50%)}.web-page-demo_keys___2pdv kbd{background:#27272a;border-radius:5px;border:solid #3f3f46;border-width:1px 1px 2px;color:#fff;font-family:inherit;font-size:12px;font-weight:600;padding:2px 7px}.web-page-demo_palette__meJQN{animation:web-page-demo_palette__meJQN 7s ease infinite;background:#131315;border:1px solid #2a2a2e;border-radius:12px;box-shadow:0 24px 48px rgba(0,0,0,.35);color:#f4f4f5;left:50%;overflow:hidden;position:absolute;top:16px;transform:translateX(-50%);width:330px}.web-page-demo_paletteHead__bWL3m{align-items:center;border-bottom:1px solid #232326;display:flex;gap:8px;padding:10px 12px}.web-page-demo_logo__1P805{background:#fff;border-radius:5px;color:#37352f;display:grid;font-size:9px;font-weight:800;height:20px;place-items:center;width:20px}.web-page-demo_placeholder__v0GYt{color:#a1a1aa;flex:1;font-size:13.5px}.web-page-demo_paletteHead__bWL3m kbd{border:1px solid #3f3f46;border-radius:4px;color:#a1a1aa;font-family:inherit;font-size:11px;padding:0 6px}.web-page-demo_list__kyfG3{padding:4px 6px 8px}.web-page-demo_group__uN8_n{color:#a1a1aa;display:block;font-size:10.5px;font-weight:600;padding:7px 6px 3px}.web-page-demo_row__Ad1Tl{align-items:center;border-radius:7px;display:flex;font-size:12.5px;font-weight:500;gap:8px;padding:5px 6px}.web-page-demo_rowOn__EYg4U{background:#232326}.web-page-demo_rowIcon__pBizA{border-radius:5px;color:#fff;display:grid;height:20px;place-items:center;width:20px}.web-page-demo_row__Ad1Tl code{border:1px solid #333338;border-radius:5px;color:#d4d4d8;font-family:inherit;font-size:10.5px;margin-left:auto;padding:1px 6px}@keyframes web-page-demo_blurPage__xsLUQ{0%,28%{filter:none;opacity:1}34%,92%{filter:blur(3px) brightness(.55)}to{filter:none}}@keyframes web-page-demo_keys___2pdv{0%,12%{opacity:0;transform:translate(-50%,6px)}16%,30%{opacity:1;transform:translate(-50%)}34%,to{opacity:0;transform:translate(-50%)}}@keyframes web-page-demo_palette__meJQN{0%,30%{opacity:0;transform:translate(-50%,8px) scale(.98)}36%,90%{opacity:1;transform:translate(-50%) scale(1)}96%,to{opacity:0;transform:translate(-50%) scale(1)}}