SALT-NLP/Design2Code-HARD
This dataset consists of 80 extra difficult webpages from Github Pages, which challenges SoTA multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the "easy" version of the Design2Code testset here Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information.
6379
1<!DOCTYPE html>2<html lang="en">3 <head>4 <style>5 @font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.8"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}[class^=language-]{width:100%}code{word-wrap:break-word;background-color:#f9f9f9;border:1px solid #ddd;border-radius:3px;color:#444;display:inline-block;font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em;margin:0 3px;padding:0 4px;white-space:pre-wrap;word-break:break-all}.pound_link_adjustment{margin-top:-50px;padding-top:50px}h1{font-size:30px;font-weight:1000;margin-bottom:10px;margin-top:10px;padding-top:0}h2{border-bottom:1px solid;font-size:1.4rem;font-weight:800;line-height:1.15rem;margin-bottom:0;margin-top:25px;padding-bottom:5px;padding-top:4px}h3{-webkit-margin-before:1em;-webkit-margin-after:1em;display:block;font-size:1.2rem;font-weight:700;margin-block-end:1em;margin-block-start:1em;margin-bottom:0;margin-top:15px}h4{border-left:6px double #ff2d07;font-size:19px;margin:0 0 9px 5px;padding-bottom:2px;padding-left:15px;padding-top:2px}h5{font-size:17px;font-weight:700;margin-bottom:0;margin-top:0;padding:3.5px 0 0 1.6em;position:relative}h5:before{content:url(/static/media/check-24px.44535fb34eaf28577373.svg);font-size:.9em;height:10px;left:0;line-height:20px;position:absolute;text-align:center;top:2px;width:10px}p{margin:10px 0 3px}li img,p img{display:block;margin:auto;max-width:100%;padding-bottom:13px}div>ol,div>ul{padding-left:20px}@media screen and (min-width:0px) and (max-width:575.98px){li{margin-top:3px}ol,ul{padding-left:5px}}@media screen and (min-width:576px) and (max-width:1199.98px){li{margin-top:3px}ol,ul{padding-left:15px}}@media screen and (min-width:1200px){li{margin-top:3px}ol,ul{margin-bottom:0;margin-top:0;padding-left:19px}}blockquote{background:#f9f9f9;border-left:4px solid #ccc;margin:.15em 0 0;padding:.2em 10px;quotes:"\201C" "\201D" "\2018" "\2019"}blockquote p{display:inline}.toc-contents{width:100%}.toc-contents,.toc-contents a:hover{text-decoration:none;text-decoration:initial}.toc-contents a:hover{color:#666}.toc-title{color:#fff;font-size:17px;padding-bottom:7px}.toc-title-frame{margin-bottom:7px;width:100%}.custom-control-input:checked~.custom-control-label:before{background-color:#ff2d07;border-color:#ff2d07;color:#fff}.toc-right-padding{padding-right:8px}.toc-2{font-size:17px;padding-left:3px;padding-top:16px;width:100%}.toc-con-2{border-bottom:1px solid #666;width:100%}.toc-con2-2{margin-left:5px;width:100%}.toc-2 a{color:#fff}.toc-3{font-size:16px;padding-left:12px;padding-top:8px}.toc-con-3{border-bottom:1px dashed #999;width:100%}.toc-con2-3{margin-left:5px;width:100%}.toc-3 a{color:#fff}.toc-4{font-size:15px;padding-left:18px;padding-top:7px}.toc-con-4{border-left:3px double #ff2d07;padding-left:3px}.toc-con2-4{margin-left:2px;width:100%}.toc-4 a{color:#fff}.toc-5{padding-left:30px;padding-top:5px}.toc-5 a{color:#fff;font-size:14px;padding:1 0 0;position:relative}.toc-5 a:before{content:url(/static/media/check-14px.91cda0ff150f8d910f19.svg);font-size:.9em;height:10px;left:-16px;line-height:20px;position:absolute;text-align:center;top:0;width:10px}.actlog-link{color:#fff;font-size:16px;text-decoration:none;text-decoration:initial}.actlog-link:hover{color:#ffeb37}.actlog-log{color:#fff;font-size:15px}.actlog-block{padding:3px 3px 9px 9px}.actlog-header{color:#fff;font-size:16px;padding:15px 3px 9px 9px}.list-link{text-decoration:none;text-decoration:initial}.list-nav{padding:3px 3px 9px 9px}.list-category{color:#fff;font-size:16px}.btn-flat{background:orange;border-radius:5px;color:#fff;display:inline-block;font-family:font-btn;font-size:3.7mm;margin-right:3px;margin-top:3px;padding:0 .3em;text-decoration:none;text-shadow:none}.btn-flat:hover,.hovered{background-color:#333!important;color:#fff!important}.__Audio,.__CV,.__NLP{background:#005fff;color:#fff}.__Unsupervised_Learning{background:#eb6101;color:#fff}.__Depth_Image,.__Intensity_Image,.__Mesh,.__Point_Cloud,.__RGB_Image,.__Text,.__Video{background:#228b22;color:#fff}.__Classification,.__Depth_Estimation,.__Detection,.__Novel_View_Synthesis,.__Object_Generation,.__Panoptic_Segmentation,.__Part_Segmentation,.__Pose_Estimation,.__Scene_Generation,.__Semantic_Segmentation,.__Texture_Generation{background:#36558f;color:#fff}.__LLM,.__Library,.__Multi-Modality,.__Multi-View{background:#aa08d3;color:#fff}::-webkit-scrollbar-track{background-color:transparent;-webkit-box-shadow:inset 0 0 6px transparent}::-webkit-scrollbar{background-color:transparent;width:6px}::-webkit-scrollbar-thumb{background-color:#616161}.scrollable-menu{max-height:100vh;overflow-x:hidden;padding:0 0 0 6px}6/*# sourceMappingURL=main.795d5800.css.map*/7 </style>8 <meta charset="utf-8">9 <meta content="width=device-width,initial-scale=1" name="viewport">10 <meta content="#000000" name="theme-color">11 <meta content="Web site created using create-react-app" name="description">12 <title>13 Home - Note board14 </title>15 <style data-jss data-meta="MuiPaper">16 .MuiPaper-root {17 color: rgba(0, 0, 0, 0.87);18 transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;19 background-color: #fff;20}21.MuiPaper-rounded {22 border-radius: 8px;23}24.MuiPaper-outlined {25 border: 1px solid rgba(0, 0, 0, 0.12);26}27.MuiPaper-elevation0 {28 box-shadow: none;29}30.MuiPaper-elevation1 {31 box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);32}33.MuiPaper-elevation2 {34 box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);35}36.MuiPaper-elevation3 {37 box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);38}39.MuiPaper-elevation4 {40 box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);41}42.MuiPaper-elevation5 {43 box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);44}45.MuiPaper-elevation6 {46 box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);47}48.MuiPaper-elevation7 {49 box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);50}51.MuiPaper-elevation8 {52 box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);53}54.MuiPaper-elevation9 {55 box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);56}57.MuiPaper-elevation10 {58 box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);59}60.MuiPaper-elevation11 {61 box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);62}63.MuiPaper-elevation12 {64 box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);65}66.MuiPaper-elevation13 {67 box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);68}69.MuiPaper-elevation14 {70 box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);71}72.MuiPaper-elevation15 {73 box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);74}75.MuiPaper-elevation16 {76 box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);77}78.MuiPaper-elevation17 {79 box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);80}81.MuiPaper-elevation18 {82 box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);83}84.MuiPaper-elevation19 {85 box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);86}87.MuiPaper-elevation20 {88 box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);89}90.MuiPaper-elevation21 {91 box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);92}93.MuiPaper-elevation22 {94 box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);95}96.MuiPaper-elevation23 {97 box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);98}99.MuiPaper-elevation24 {100 box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);101}102 </style>103 <style data-jss data-meta="MuiCssBaseline">104 html {105 box-sizing: border-box;106 -webkit-font-smoothing: antialiased;107 -moz-osx-font-smoothing: grayscale;108}109*, *::before, *::after {110 box-sizing: inherit;111}112strong, b {113 font-weight: 700;114}115body {116 color: rgba(0, 0, 0, 0.87);117 margin: 0;118 font-size: 0.875rem;119 font-family: "Roboto", "Helvetica", "Arial", sans-serif;120 font-weight: 400;121 line-height: 1.43;122 letter-spacing: 0.01071em;123 background-color: #fafafa;124}125@media print {126 body {127 background-color: #fff;128 }129}130body::backdrop {131 background-color: #fafafa;132}133 </style>134 <style data-jss data-meta="PrivateHiddenCss">135 @media (min-width:0px) and (max-width:599.95px) {136 .jss6 {137 display: none;138 }139}140@media (min-width:0px) {141 .jss7 {142 display: none;143 }144}145@media (max-width:599.95px) {146 .jss8 {147 display: none;148 }149}150@media (min-width:600px) and (max-width:959.95px) {151 .jss9 {152 display: none;153 }154}155@media (min-width:600px) {156 .jss10 {157 display: none;158 }159}160@media (max-width:959.95px) {161 .jss11 {162 display: none;163 }164}165@media (min-width:960px) and (max-width:1279.95px) {166 .jss12 {167 display: none;168 }169}170@media (min-width:960px) {171 .jss13 {172 display: none;173 }174}175@media (max-width:1279.95px) {176 .jss14 {177 display: none;178 }179}180@media (min-width:1280px) and (max-width:1919.95px) {181 .jss15 {182 display: none;183 }184}185@media (min-width:1280px) {186 .jss16 {187 display: none;188 }189}190@media (max-width:1919.95px) {191 .jss17 {192 display: none;193 }194}195@media (min-width:1920px) {196 .jss18 {197 display: none;198 }199}200@media (min-width:1920px) {201 .jss19 {202 display: none;203 }204}205@media (min-width:0px) {206 .jss20 {207 display: none;208 }209}210 </style>211 <style data-jss data-meta="MuiTypography">212 .MuiTypography-root {213 margin: 0;214}215.MuiTypography-body2 {216 font-size: 0.875rem;217 font-family: "Roboto", "Helvetica", "Arial", sans-serif;218 font-weight: 400;219 line-height: 1.43;220 letter-spacing: 0.01071em;221}222.MuiTypography-body1 {223 font-size: 1rem;224 font-family: "Roboto", "Helvetica", "Arial", sans-serif;225 font-weight: 400;226 line-height: 1.5;227 letter-spacing: 0.00938em;228}229.MuiTypography-caption {230 font-size: 0.75rem;231 font-family: "Roboto", "Helvetica", "Arial", sans-serif;232 font-weight: 400;233 line-height: 1.66;234 letter-spacing: 0.03333em;235}236.MuiTypography-button {237 font-size: 0.875rem;238 font-family: "Roboto", "Helvetica", "Arial", sans-serif;239 font-weight: 500;240 line-height: 1.75;241 letter-spacing: 0.02857em;242 text-transform: uppercase;243}244.MuiTypography-h1 {245 font-size: 6rem;246 font-family: "Roboto", "Helvetica", "Arial", sans-serif;247 font-weight: 300;248 line-height: 1.167;249 letter-spacing: -0.01562em;250}251.MuiTypography-h2 {252 font-size: 3.75rem;253 font-family: "Roboto", "Helvetica", "Arial", sans-serif;254 font-weight: 300;255 line-height: 1.2;256 letter-spacing: -0.00833em;257}258.MuiTypography-h3 {259 font-size: 3rem;260 font-family: "Roboto", "Helvetica", "Arial", sans-serif;261 font-weight: 400;262 line-height: 1.167;263 letter-spacing: 0em;264}265.MuiTypography-h4 {266 font-size: 2.125rem;267 font-family: "Roboto", "Helvetica", "Arial", sans-serif;268 font-weight: 400;269 line-height: 1.235;270 letter-spacing: 0.00735em;271}272.MuiTypography-h5 {273 font-size: 26px;274 font-family: "Roboto", "Helvetica", "Arial", sans-serif;275 font-weight: 500;276 line-height: 1.334;277 letter-spacing: 0.5px;278}279.MuiTypography-h6 {280 font-size: 1.25rem;281 font-family: "Roboto", "Helvetica", "Arial", sans-serif;282 font-weight: 500;283 line-height: 1.6;284 letter-spacing: 0.0075em;285}286.MuiTypography-subtitle1 {287 font-size: 1rem;288 font-family: "Roboto", "Helvetica", "Arial", sans-serif;289 font-weight: 400;290 line-height: 1.75;291 letter-spacing: 0.00938em;292}293.MuiTypography-subtitle2 {294 font-size: 0.875rem;295 font-family: "Roboto", "Helvetica", "Arial", sans-serif;296 font-weight: 500;297 line-height: 1.57;298 letter-spacing: 0.00714em;299}300.MuiTypography-overline {301 font-size: 0.75rem;302 font-family: "Roboto", "Helvetica", "Arial", sans-serif;303 font-weight: 400;304 line-height: 2.66;305 letter-spacing: 0.08333em;306 text-transform: uppercase;307}308.MuiTypography-srOnly {309 width: 1px;310 height: 1px;311 overflow: hidden;312 position: absolute;313}314.MuiTypography-alignLeft {315 text-align: left;316}317.MuiTypography-alignCenter {318 text-align: center;319}320.MuiTypography-alignRight {321 text-align: right;322}323.MuiTypography-alignJustify {324 text-align: justify;325}326.MuiTypography-noWrap {327 overflow: hidden;328 white-space: nowrap;329 text-overflow: ellipsis;330}331.MuiTypography-gutterBottom {332 margin-bottom: 0.35em;333}334.MuiTypography-paragraph {335 margin-bottom: 16px;336}337.MuiTypography-colorInherit {338 color: inherit;339}340.MuiTypography-colorPrimary {341 color: #009be5;342}343.MuiTypography-colorSecondary {344 color: #f50057;345}346.MuiTypography-colorTextPrimary {347 color: rgba(0, 0, 0, 0.87);348}349.MuiTypography-colorTextSecondary {350 color: rgba(0, 0, 0, 0.54);351}352.MuiTypography-colorError {353 color: #f44336;354}355.MuiTypography-displayInline {356 display: inline;357}358.MuiTypography-displayBlock {359 display: block;360}361 </style>362 <style data-jss data-meta="MuiLink">363 .MuiLink-underlineNone {364 text-decoration: none;365}366.MuiLink-underlineHover {367 text-decoration: none;368}369.MuiLink-underlineHover:hover {370 text-decoration: underline;371}372.MuiLink-underlineAlways {373 text-decoration: underline;374}375.MuiLink-button {376 border: 0;377 cursor: pointer;378 margin: 0;379 outline: 0;380 padding: 0;381 position: relative;382 user-select: none;383 border-radius: 0;384 vertical-align: middle;385 -moz-appearance: none;386 background-color: transparent;387 -webkit-appearance: none;388 -webkit-tap-highlight-color: transparent;389}390.MuiLink-button::-moz-focus-inner {391 border-style: none;392}393.MuiLink-button.Mui-focusVisible {394 outline: auto;395}396 </style>397 <style data-jss data-meta="MuiDrawer">398 .MuiDrawer-docked {399 flex: 0 0 auto;400}401.MuiDrawer-paper {402 top: 0;403 flex: 1 0 auto;404 height: 100%;405 display: flex;406 outline: 0;407 z-index: 1200;408 position: fixed;409 overflow-y: auto;410 flex-direction: column;411 background-color: #18202c;412 -webkit-overflow-scrolling: touch;413}414.MuiDrawer-paperAnchorLeft {415 left: 0;416 right: auto;417}418.MuiDrawer-paperAnchorRight {419 left: auto;420 right: 0;421}422.MuiDrawer-paperAnchorTop {423 top: 0;424 left: 0;425 right: 0;426 bottom: auto;427 height: auto;428 max-height: 100%;429}430.MuiDrawer-paperAnchorBottom {431 top: auto;432 left: 0;433 right: 0;434 bottom: 0;435 height: auto;436 max-height: 100%;437}438.MuiDrawer-paperAnchorDockedLeft {439 border-right: 1px solid rgba(0, 0, 0, 0.12);440}441.MuiDrawer-paperAnchorDockedTop {442 border-bottom: 1px solid rgba(0, 0, 0, 0.12);443}444.MuiDrawer-paperAnchorDockedRight {445 border-left: 1px solid rgba(0, 0, 0, 0.12);446}447.MuiDrawer-paperAnchorDockedBottom {448 border-top: 1px solid rgba(0, 0, 0, 0.12);449}450 </style>451 <style data-jss data-meta="MuiList">452 .MuiList-root {453 margin: 0;454 padding: 0;455 position: relative;456 list-style: none;457}458.MuiList-padding {459 padding-top: 8px;460 padding-bottom: 8px;461}462.MuiList-subheader {463 padding-top: 0;464}465 </style>466 <style data-jss data-meta="MuiListItem">467 .MuiListItem-root {468 width: 100%;469 display: flex;470 position: relative;471 box-sizing: border-box;472 text-align: left;473 align-items: center;474 padding-top: 8px;475 padding-bottom: 8px;476 justify-content: flex-start;477 text-decoration: none;478}479.MuiListItem-root.Mui-focusVisible {480 background-color: rgba(0, 0, 0, 0.08);481}482.MuiListItem-root.Mui-selected, .MuiListItem-root.Mui-selected:hover {483 background-color: rgba(0, 0, 0, 0.08);484}485.MuiListItem-root.Mui-disabled {486 opacity: 0.5;487}488.MuiListItem-container {489 position: relative;490}491.MuiListItem-dense {492 padding-top: 4px;493 padding-bottom: 4px;494}495.MuiListItem-alignItemsFlexStart {496 align-items: flex-start;497}498.MuiListItem-divider {499 border-bottom: 1px solid rgba(0, 0, 0, 0.12);500 background-clip: padding-box;501}502.MuiListItem-gutters {503 padding-left: 16px;504 padding-right: 16px;505}506.MuiListItem-button {507 transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;508}509.MuiListItem-button:hover {510 text-decoration: none;511 background-color: rgba(0, 0, 0, 0.04);512}513@media (hover: none) {514 .MuiListItem-button:hover {515 background-color: transparent;516 }517}518.MuiListItem-secondaryAction {519 padding-right: 48px;520}521 </style>522 <style data-jss data-meta="makeStyles">523 .jss21 {524 color: rgba(255, 255, 255, 0.7);525 padding-top: 1px;526 padding-bottom: 1px;527}528.jss21:hover, .jss21:focus {529 background-color: rgba(255, 255, 255, 0.08);530}531.jss22 {532 padding-top: 8px;533 padding-bottom: 8px;534 background-color: #rgb(24, 32, 44);535}536.jss23 {537 color: #fff;538 font-size: 24px;539}540 </style>541 <style data-jss data-meta="makeStyles">542 .jss30 {543 margin: auto;544 overflow: hidden;545 max-width: 936px;546}547.jss31 {548 border-bottom: 1px solid rgba(0, 0, 0, 0.12);549}550.jss32 {551 font-size: 14px;552}553.jss33 {554 display: block;555}556.jss34 {557 margin: 20px 16px;558}559 </style>560 <style data-jss data-meta="MuiAppBar">561 .MuiAppBar-root {562 width: 100%;563 display: flex;564 z-index: 1100;565 box-sizing: border-box;566 flex-shrink: 0;567 flex-direction: column;568}569.MuiAppBar-positionFixed {570 top: 0;571 left: auto;572 right: 0;573 position: fixed;574}575@media print {576 .MuiAppBar-positionFixed {577 position: absolute;578 }579}580.MuiAppBar-positionAbsolute {581 top: 0;582 left: auto;583 right: 0;584 position: absolute;585}586.MuiAppBar-positionSticky {587 top: 0;588 left: auto;589 right: 0;590 position: sticky;591}592.MuiAppBar-positionStatic {593 position: static;594}595.MuiAppBar-positionRelative {596 position: relative;597}598.MuiAppBar-colorDefault {599 color: rgba(0, 0, 0, 0.87);600 background-color: #f5f5f5;601}602.MuiAppBar-colorPrimary {603 color: #fff;604 background-color: #009be5;605}606.MuiAppBar-colorSecondary {607 color: #fff;608 background-color: #f50057;609}610.MuiAppBar-colorInherit {611 color: inherit;612}613.MuiAppBar-colorTransparent {614 color: inherit;615 background-color: transparent;616}617 </style>618 <style data-jss data-meta="MuiGrid">619 .MuiGrid-container {620 width: 100%;621 display: flex;622 flex-wrap: wrap;623 box-sizing: border-box;624}625.MuiGrid-item {626 margin: 0;627 box-sizing: border-box;628}629.MuiGrid-zeroMinWidth {630 min-width: 0;631}632.MuiGrid-direction-xs-column {633 flex-direction: column;634}635.MuiGrid-direction-xs-column-reverse {636 flex-direction: column-reverse;637}638.MuiGrid-direction-xs-row-reverse {639 flex-direction: row-reverse;640}641.MuiGrid-wrap-xs-nowrap {642 flex-wrap: nowrap;643}644.MuiGrid-wrap-xs-wrap-reverse {645 flex-wrap: wrap-reverse;646}647.MuiGrid-align-items-xs-center {648 align-items: center;649}650.MuiGrid-align-items-xs-flex-start {651 align-items: flex-start;652}653.MuiGrid-align-items-xs-flex-end {654 align-items: flex-end;655}656.MuiGrid-align-items-xs-baseline {657 align-items: baseline;658}659.MuiGrid-align-content-xs-center {660 align-content: center;661}662.MuiGrid-align-content-xs-flex-start {663 align-content: flex-start;664}665.MuiGrid-align-content-xs-flex-end {666 align-content: flex-end;667}668.MuiGrid-align-content-xs-space-between {669 align-content: space-between;670}671.MuiGrid-align-content-xs-space-around {672 align-content: space-around;673}674.MuiGrid-justify-content-xs-center {675 justify-content: center;676}677.MuiGrid-justify-content-xs-flex-end {678 justify-content: flex-end;679}680.MuiGrid-justify-content-xs-space-between {681 justify-content: space-between;682}683.MuiGrid-justify-content-xs-space-around {684 justify-content: space-around;685}686.MuiGrid-justify-content-xs-space-evenly {687 justify-content: space-evenly;688}689.MuiGrid-spacing-xs-1 {690 width: calc(100% + 8px);691 margin: -4px;692}693.MuiGrid-spacing-xs-1 > .MuiGrid-item {694 padding: 4px;695}696.MuiGrid-spacing-xs-2 {697 width: calc(100% + 16px);698 margin: -8px;699}700.MuiGrid-spacing-xs-2 > .MuiGrid-item {701 padding: 8px;702}703.MuiGrid-spacing-xs-3 {704 width: calc(100% + 24px);705 margin: -12px;706}707.MuiGrid-spacing-xs-3 > .MuiGrid-item {708 padding: 12px;709}710.MuiGrid-spacing-xs-4 {711 width: calc(100% + 32px);712 margin: -16px;713}714.MuiGrid-spacing-xs-4 > .MuiGrid-item {715 padding: 16px;716}717.MuiGrid-spacing-xs-5 {718 width: calc(100% + 40px);719 margin: -20px;720}721.MuiGrid-spacing-xs-5 > .MuiGrid-item {722 padding: 20px;723}724.MuiGrid-spacing-xs-6 {725 width: calc(100% + 48px);726 margin: -24px;727}728.MuiGrid-spacing-xs-6 > .MuiGrid-item {729 padding: 24px;730}731.MuiGrid-spacing-xs-7 {732 width: calc(100% + 56px);733 margin: -28px;734}735.MuiGrid-spacing-xs-7 > .MuiGrid-item {736 padding: 28px;737}738.MuiGrid-spacing-xs-8 {739 width: calc(100% + 64px);740 margin: -32px;741}742.MuiGrid-spacing-xs-8 > .MuiGrid-item {743 padding: 32px;744}745.MuiGrid-spacing-xs-9 {746 width: calc(100% + 72px);747 margin: -36px;748}749.MuiGrid-spacing-xs-9 > .MuiGrid-item {750 padding: 36px;751}752.MuiGrid-spacing-xs-10 {753 width: calc(100% + 80px);754 margin: -40px;755}756.MuiGrid-spacing-xs-10 > .MuiGrid-item {757 padding: 40px;758}759.MuiGrid-grid-xs-auto {760 flex-grow: 0;761 max-width: none;762 flex-basis: auto;763}764.MuiGrid-grid-xs-true {765 flex-grow: 1;766 max-width: 100%;767 flex-basis: 0;768}769.MuiGrid-grid-xs-1 {770 flex-grow: 0;771 max-width: 8.333333%;772 flex-basis: 8.333333%;773}774.MuiGrid-grid-xs-2 {775 flex-grow: 0;776 max-width: 16.666667%;777 flex-basis: 16.666667%;778}779.MuiGrid-grid-xs-3 {780 flex-grow: 0;781 max-width: 25%;782 flex-basis: 25%;783}784.MuiGrid-grid-xs-4 {785 flex-grow: 0;786 max-width: 33.333333%;787 flex-basis: 33.333333%;788}789.MuiGrid-grid-xs-5 {790 flex-grow: 0;791 max-width: 41.666667%;792 flex-basis: 41.666667%;793}794.MuiGrid-grid-xs-6 {795 flex-grow: 0;796 max-width: 50%;797 flex-basis: 50%;798}799.MuiGrid-grid-xs-7 {800 flex-grow: 0;801 max-width: 58.333333%;802 flex-basis: 58.333333%;803}804.MuiGrid-grid-xs-8 {805 flex-grow: 0;806 max-width: 66.666667%;807 flex-basis: 66.666667%;808}809.MuiGrid-grid-xs-9 {810 flex-grow: 0;811 max-width: 75%;812 flex-basis: 75%;813}814.MuiGrid-grid-xs-10 {815 flex-grow: 0;816 max-width: 83.333333%;817 flex-basis: 83.333333%;818}819.MuiGrid-grid-xs-11 {820 flex-grow: 0;821 max-width: 91.666667%;822 flex-basis: 91.666667%;823}824.MuiGrid-grid-xs-12 {825 flex-grow: 0;826 max-width: 100%;827 flex-basis: 100%;828}829@media (min-width:600px) {830 .MuiGrid-grid-sm-auto {831 flex-grow: 0;832 max-width: none;833 flex-basis: auto;834 }835 .MuiGrid-grid-sm-true {836 flex-grow: 1;837 max-width: 100%;838 flex-basis: 0;839 }840 .MuiGrid-grid-sm-1 {841 flex-grow: 0;842 max-width: 8.333333%;843 flex-basis: 8.333333%;844 }845 .MuiGrid-grid-sm-2 {846 flex-grow: 0;847 max-width: 16.666667%;848 flex-basis: 16.666667%;849 }850 .MuiGrid-grid-sm-3 {851 flex-grow: 0;852 max-width: 25%;853 flex-basis: 25%;854 }855 .MuiGrid-grid-sm-4 {856 flex-grow: 0;857 max-width: 33.333333%;858 flex-basis: 33.333333%;859 }860 .MuiGrid-grid-sm-5 {861 flex-grow: 0;862 max-width: 41.666667%;863 flex-basis: 41.666667%;864 }865 .MuiGrid-grid-sm-6 {866 flex-grow: 0;867 max-width: 50%;868 flex-basis: 50%;869 }870 .MuiGrid-grid-sm-7 {871 flex-grow: 0;872 max-width: 58.333333%;873 flex-basis: 58.333333%;874 }875 .MuiGrid-grid-sm-8 {876 flex-grow: 0;877 max-width: 66.666667%;878 flex-basis: 66.666667%;879 }880 .MuiGrid-grid-sm-9 {881 flex-grow: 0;882 max-width: 75%;883 flex-basis: 75%;884 }885 .MuiGrid-grid-sm-10 {886 flex-grow: 0;887 max-width: 83.333333%;888 flex-basis: 83.333333%;889 }890 .MuiGrid-grid-sm-11 {891 flex-grow: 0;892 max-width: 91.666667%;893 flex-basis: 91.666667%;894 }895 .MuiGrid-grid-sm-12 {896 flex-grow: 0;897 max-width: 100%;898 flex-basis: 100%;899 }900}901@media (min-width:960px) {902 .MuiGrid-grid-md-auto {903 flex-grow: 0;904 max-width: none;905 flex-basis: auto;906 }907 .MuiGrid-grid-md-true {908 flex-grow: 1;909 max-width: 100%;910 flex-basis: 0;911 }912 .MuiGrid-grid-md-1 {913 flex-grow: 0;914 max-width: 8.333333%;915 flex-basis: 8.333333%;916 }917 .MuiGrid-grid-md-2 {918 flex-grow: 0;919 max-width: 16.666667%;920 flex-basis: 16.666667%;921 }922 .MuiGrid-grid-md-3 {923 flex-grow: 0;924 max-width: 25%;925 flex-basis: 25%;926 }927 .MuiGrid-grid-md-4 {928 flex-grow: 0;929 max-width: 33.333333%;930 flex-basis: 33.333333%;931 }932 .MuiGrid-grid-md-5 {933 flex-grow: 0;934 max-width: 41.666667%;935 flex-basis: 41.666667%;936 }937 .MuiGrid-grid-md-6 {938 flex-grow: 0;939 max-width: 50%;940 flex-basis: 50%;941 }942 .MuiGrid-grid-md-7 {943 flex-grow: 0;944 max-width: 58.333333%;945 flex-basis: 58.333333%;946 }947 .MuiGrid-grid-md-8 {948 flex-grow: 0;949 max-width: 66.666667%;950 flex-basis: 66.666667%;951 }952 .MuiGrid-grid-md-9 {953 flex-grow: 0;954 max-width: 75%;955 flex-basis: 75%;956 }957 .MuiGrid-grid-md-10 {958 flex-grow: 0;959 max-width: 83.333333%;960 flex-basis: 83.333333%;961 }962 .MuiGrid-grid-md-11 {963 flex-grow: 0;964 max-width: 91.666667%;965 flex-basis: 91.666667%;966 }967 .MuiGrid-grid-md-12 {968 flex-grow: 0;969 max-width: 100%;970 flex-basis: 100%;971 }972}973@media (min-width:1280px) {974 .MuiGrid-grid-lg-auto {975 flex-grow: 0;976 max-width: none;977 flex-basis: auto;978 }979 .MuiGrid-grid-lg-true {980 flex-grow: 1;981 max-width: 100%;982 flex-basis: 0;983 }984 .MuiGrid-grid-lg-1 {985 flex-grow: 0;986 max-width: 8.333333%;987 flex-basis: 8.333333%;988 }989 .MuiGrid-grid-lg-2 {990 flex-grow: 0;991 max-width: 16.666667%;992 flex-basis: 16.666667%;993 }994 .MuiGrid-grid-lg-3 {995 flex-grow: 0;996 max-width: 25%;997 flex-basis: 25%;998 }999 .MuiGrid-grid-lg-4 {1000 flex-grow: 0;1001 max-width: 33.333333%;1002 flex-basis: 33.333333%;1003 }1004 .MuiGrid-grid-lg-5 {1005 flex-grow: 0;1006 max-width: 41.666667%;1007 flex-basis: 41.666667%;1008 }1009 .MuiGrid-grid-lg-6 {1010 flex-grow: 0;1011 max-width: 50%;1012 flex-basis: 50%;1013 }1014 .MuiGrid-grid-lg-7 {1015 flex-grow: 0;1016 max-width: 58.333333%;1017 flex-basis: 58.333333%;1018 }1019 .MuiGrid-grid-lg-8 {1020 flex-grow: 0;1021 max-width: 66.666667%;1022 flex-basis: 66.666667%;1023 }1024 .MuiGrid-grid-lg-9 {1025 flex-grow: 0;1026 max-width: 75%;1027 flex-basis: 75%;1028 }1029 .MuiGrid-grid-lg-10 {1030 flex-grow: 0;1031 max-width: 83.333333%;1032 flex-basis: 83.333333%;1033 }1034 .MuiGrid-grid-lg-11 {1035 flex-grow: 0;1036 max-width: 91.666667%;1037 flex-basis: 91.666667%;1038 }1039 .MuiGrid-grid-lg-12 {1040 flex-grow: 0;1041 max-width: 100%;1042 flex-basis: 100%;1043 }1044}1045@media (min-width:1920px) {1046 .MuiGrid-grid-xl-auto {1047 flex-grow: 0;1048 max-width: none;1049 flex-basis: auto;1050 }1051 .MuiGrid-grid-xl-true {1052 flex-grow: 1;1053 max-width: 100%;1054 flex-basis: 0;1055 }1056 .MuiGrid-grid-xl-1 {1057 flex-grow: 0;1058 max-width: 8.333333%;1059 flex-basis: 8.333333%;1060 }1061 .MuiGrid-grid-xl-2 {1062 flex-grow: 0;1063 max-width: 16.666667%;1064 flex-basis: 16.666667%;1065 }1066 .MuiGrid-grid-xl-3 {1067 flex-grow: 0;1068 max-width: 25%;1069 flex-basis: 25%;1070 }1071 .MuiGrid-grid-xl-4 {1072 flex-grow: 0;1073 max-width: 33.333333%;1074 flex-basis: 33.333333%;1075 }1076 .MuiGrid-grid-xl-5 {1077 flex-grow: 0;1078 max-width: 41.666667%;1079 flex-basis: 41.666667%;1080 }1081 .MuiGrid-grid-xl-6 {1082 flex-grow: 0;1083 max-width: 50%;1084 flex-basis: 50%;1085 }1086 .MuiGrid-grid-xl-7 {1087 flex-grow: 0;1088 max-width: 58.333333%;1089 flex-basis: 58.333333%;1090 }1091 .MuiGrid-grid-xl-8 {1092 flex-grow: 0;1093 max-width: 66.666667%;1094 flex-basis: 66.666667%;1095 }1096 .MuiGrid-grid-xl-9 {1097 flex-grow: 0;1098 max-width: 75%;1099 flex-basis: 75%;1100 }1101 .MuiGrid-grid-xl-10 {1102 flex-grow: 0;1103 max-width: 83.333333%;1104 flex-basis: 83.333333%;1105 }1106 .MuiGrid-grid-xl-11 {1107 flex-grow: 0;1108 max-width: 91.666667%;1109 flex-basis: 91.666667%;1110 }1111 .MuiGrid-grid-xl-12 {1112 flex-grow: 0;1113 max-width: 100%;1114 flex-basis: 100%;1115 }1116}1117 </style>1118 <style data-jss data-meta="MuiSvgIcon">1119 .MuiSvgIcon-root {1120 fill: currentColor;1121 width: 1em;1122 height: 1em;1123 display: inline-block;1124 font-size: 1.5rem;1125 transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;1126 flex-shrink: 0;1127 user-select: none;1128}1129.MuiSvgIcon-colorPrimary {1130 color: #009be5;1131}1132.MuiSvgIcon-colorSecondary {1133 color: #f50057;1134}1135.MuiSvgIcon-colorAction {1136 color: rgba(0, 0, 0, 0.54);1137}1138.MuiSvgIcon-colorError {1139 color: #f44336;1140}1141.MuiSvgIcon-colorDisabled {1142 color: rgba(0, 0, 0, 0.26);1143}1144.MuiSvgIcon-fontSizeInherit {1145 font-size: inherit;1146}1147.MuiSvgIcon-fontSizeSmall {1148 font-size: 1.25rem;1149}1150.MuiSvgIcon-fontSizeLarge {1151 font-size: 2.1875rem;1152}1153 </style>1154 <style data-jss data-meta="MuiToolbar">1155 .MuiToolbar-root {1156 display: flex;1157 position: relative;1158 align-items: center;1159}1160.MuiToolbar-gutters {1161 padding-left: 16px;1162 padding-right: 16px;1163}1164@media (min-width:600px) {1165 .MuiToolbar-gutters {1166 padding-left: 24px;1167 padding-right: 24px;1168 }1169}1170.MuiToolbar-regular {1171 min-height: 48px;1172}1173.MuiToolbar-dense {1174 min-height: 48px;1175}1176 </style>1177 <style data-jss data-meta="makeStyles">1178 .jss24 {1179 z-index: 0;1180}1181.jss25 {1182 margin-left: -8px;1183}1184.jss26 {1185 padding: 4px;1186}1187.jss27 {1188 color: rgba(255, 255, 255, 0.7);1189 padding-right: 10px;1190 text-decoration: none;1191}1192.jss27:hover {1193 color: #fff;1194}1195.jss28 {1196 border-color: rgba(255, 255, 255, 0.7);1197}1198.jss29 {1199 background-color: rgb(24, 32, 44);1200}