SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing 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 dataset in the huggingface format 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. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html class="" lang="en">3 <head>4 <meta charset="utf-8">5 <!-- Prevent flicker of unstyled content in Google Optimize -->6 <style>7 /*!8 * Bootstrap v3.3.5 (http://getbootstrap.com)9 * Copyright 2011-2015 Twitter, Inc.10 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)11 */12/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */13html {14 font-family: sans-serif;15 -webkit-text-size-adjust: 100%;16 -ms-text-size-adjust: 100%;17}18body {19 margin: 0;20}21article,22aside,23details,24figcaption,25figure,26footer,27header,28hgroup,29main,30menu,31nav,32section,33summary {34 display: block;35}36audio,37canvas,38progress,39video {40 display: inline-block;41 vertical-align: baseline;42}43audio:not([controls]) {44 display: none;45 height: 0;46}47[hidden],48template {49 display: none;50}51a {52 background-color: transparent;53}54a:active,55a:hover {56 outline: 0;57}58abbr[title] {59 border-bottom: 1px dotted;60}61b,62strong {63 font-weight: bold;64}65dfn {66 font-style: italic;67}68h1 {69 margin: .67em 0;70 font-size: 2em;71}72mark {73 color: #000;74 background: #ff0;75}76small {77 font-size: 80%;78}79sub,80sup {81 position: relative;82 font-size: 75%;83 line-height: 0;84 vertical-align: baseline;85}86sup {87 top: -.5em;88}89sub {90 bottom: -.25em;91}92img {93 border: 0;94}95svg:not(:root) {96 overflow: hidden;97}98figure {99 margin: 1em 40px;100}101hr {102 height: 0;103 -webkit-box-sizing: content-box;104 -moz-box-sizing: content-box;105 box-sizing: content-box;106}107pre {108 overflow: auto;109}110code,111kbd,112pre,113samp {114 font-family: monospace, monospace;115 font-size: 1em;116}117button,118input,119optgroup,120select,121textarea {122 margin: 0;123 font: inherit;124 color: inherit;125}126button {127 overflow: visible;128}129button,130select {131 text-transform: none;132}133button,134html input[type="button"],135input[type="reset"],136input[type="submit"] {137 -webkit-appearance: button;138 cursor: pointer;139}140button[disabled],141html input[disabled] {142 cursor: default;143}144button::-moz-focus-inner,145input::-moz-focus-inner {146 padding: 0;147 border: 0;148}149input {150 line-height: normal;151}152input[type="checkbox"],153input[type="radio"] {154 -webkit-box-sizing: border-box;155 -moz-box-sizing: border-box;156 box-sizing: border-box;157 padding: 0;158}159input[type="number"]::-webkit-inner-spin-button,160input[type="number"]::-webkit-outer-spin-button {161 height: auto;162}163input[type="search"] {164 -webkit-box-sizing: content-box;165 -moz-box-sizing: content-box;166 box-sizing: content-box;167 -webkit-appearance: textfield;168}169input[type="search"]::-webkit-search-cancel-button,170input[type="search"]::-webkit-search-decoration {171 -webkit-appearance: none;172}173fieldset {174 padding: .35em .625em .75em;175 margin: 0 2px;176 border: 1px solid #c0c0c0;177}178legend {179 padding: 0;180 border: 0;181}182textarea {183 overflow: auto;184}185optgroup {186 font-weight: bold;187}188table {189 border-spacing: 0;190 border-collapse: collapse;191}192td,193th {194 padding: 0;195}196/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */197@media print {198 *,199 *:before,200 *:after {201 color: #000 !important;202 text-shadow: none !important;203 background: transparent !important;204 -webkit-box-shadow: none !important;205 box-shadow: none !important;206 }207 a,208 a:visited {209 text-decoration: underline;210 }211 a[href]:after {212 content: " (" attr(href) ")";213 }214 abbr[title]:after {215 content: " (" attr(title) ")";216 }217 a[href^="#"]:after,218 a[href^="javascript:"]:after {219 content: "";220 }221 pre,222 blockquote {223 border: 1px solid #999;224 225 page-break-inside: avoid;226 }227 thead {228 display: table-header-group;229 }230 tr,231 img {232 page-break-inside: avoid;233 }234 img {235 max-width: 100% !important;236 }237 p,238 h2,239 h3 {240 orphans: 3;241 widows: 3;242 }243 h2,244 h3 {245 page-break-after: avoid;246 }247 .navbar {248 display: none;249 }250 .btn > .caret,251 .dropup > .btn > .caret {252 border-top-color: #000 !important;253 }254 .label {255 border: 1px solid #000;256 }257 .table {258 border-collapse: collapse !important;259 }260 .table td,261 .table th {262 background-color: #fff !important;263 }264 .table-bordered th,265 .table-bordered td {266 border: 1px solid #ddd !important;267 }268}269@font-face {270 font-family: 'Glyphicons Halflings';271 272 src: url("../fonts/glyphicons-halflings-regular.f4769f9bdb74.eot");273 src: url("../fonts/glyphicons-halflings-regular.f4769f9bdb74.eot?#iefix") format('embedded-opentype'), url("../fonts/glyphicons-halflings-regular.448c34a56d69.woff2") format('woff2'), url("../fonts/glyphicons-halflings-regular.fa2772327f55.woff") format('woff'), url("../fonts/glyphicons-halflings-regular.e18bbf611f2a.ttf") format('truetype'), url("../fonts/glyphicons-halflings-regular.89889688147b.svg#glyphicons_halflingsregular") format('svg');274}275.glyphicon {276 position: relative;277 top: 1px;278 display: inline-block;279 font-family: 'Glyphicons Halflings';280 font-style: normal;281 font-weight: normal;282 line-height: 1;283 284 -webkit-font-smoothing: antialiased;285 -moz-osx-font-smoothing: grayscale;286}287.glyphicon-asterisk:before {288 content: "\2a";289}290.glyphicon-plus:before {291 content: "\2b";292}293.glyphicon-euro:before,294.glyphicon-eur:before {295 content: "\20ac";296}297.glyphicon-minus:before {298 content: "\2212";299}300.glyphicon-cloud:before {301 content: "\2601";302}303.glyphicon-envelope:before {304 content: "\2709";305}306.glyphicon-pencil:before {307 content: "\270f";308}309.glyphicon-glass:before {310 content: "\e001";311}312.glyphicon-music:before {313 content: "\e002";314}315.glyphicon-search:before {316 content: "\e003";317}318.glyphicon-heart:before {319 content: "\e005";320}321.glyphicon-star:before {322 content: "\e006";323}324.glyphicon-star-empty:before {325 content: "\e007";326}327.glyphicon-user:before {328 content: "\e008";329}330.glyphicon-film:before {331 content: "\e009";332}333.glyphicon-th-large:before {334 content: "\e010";335}336.glyphicon-th:before {337 content: "\e011";338}339.glyphicon-th-list:before {340 content: "\e012";341}342.glyphicon-ok:before {343 content: "\e013";344}345.glyphicon-remove:before {346 content: "\e014";347}348.glyphicon-zoom-in:before {349 content: "\e015";350}351.glyphicon-zoom-out:before {352 content: "\e016";353}354.glyphicon-off:before {355 content: "\e017";356}357.glyphicon-signal:before {358 content: "\e018";359}360.glyphicon-cog:before {361 content: "\e019";362}363.glyphicon-trash:before {364 content: "\e020";365}366.glyphicon-home:before {367 content: "\e021";368}369.glyphicon-file:before {370 content: "\e022";371}372.glyphicon-time:before {373 content: "\e023";374}375.glyphicon-road:before {376 content: "\e024";377}378.glyphicon-download-alt:before {379 content: "\e025";380}381.glyphicon-download:before {382 content: "\e026";383}384.glyphicon-upload:before {385 content: "\e027";386}387.glyphicon-inbox:before {388 content: "\e028";389}390.glyphicon-play-circle:before {391 content: "\e029";392}393.glyphicon-repeat:before {394 content: "\e030";395}396.glyphicon-refresh:before {397 content: "\e031";398}399.glyphicon-list-alt:before {400 content: "\e032";401}402.glyphicon-lock:before {403 content: "\e033";404}405.glyphicon-flag:before {406 content: "\e034";407}408.glyphicon-headphones:before {409 content: "\e035";410}411.glyphicon-volume-off:before {412 content: "\e036";413}414.glyphicon-volume-down:before {415 content: "\e037";416}417.glyphicon-volume-up:before {418 content: "\e038";419}420.glyphicon-qrcode:before {421 content: "\e039";422}423.glyphicon-barcode:before {424 content: "\e040";425}426.glyphicon-tag:before {427 content: "\e041";428}429.glyphicon-tags:before {430 content: "\e042";431}432.glyphicon-book:before {433 content: "\e043";434}435.glyphicon-bookmark:before {436 content: "\e044";437}438.glyphicon-print:before {439 content: "\e045";440}441.glyphicon-camera:before {442 content: "\e046";443}444.glyphicon-font:before {445 content: "\e047";446}447.glyphicon-bold:before {448 content: "\e048";449}450.glyphicon-italic:before {451 content: "\e049";452}453.glyphicon-text-height:before {454 content: "\e050";455}456.glyphicon-text-width:before {457 content: "\e051";458}459.glyphicon-align-left:before {460 content: "\e052";461}462.glyphicon-align-center:before {463 content: "\e053";464}465.glyphicon-align-right:before {466 content: "\e054";467}468.glyphicon-align-justify:before {469 content: "\e055";470}471.glyphicon-list:before {472 content: "\e056";473}474.glyphicon-indent-left:before {475 content: "\e057";476}477.glyphicon-indent-right:before {478 content: "\e058";479}480.glyphicon-facetime-video:before {481 content: "\e059";482}483.glyphicon-picture:before {484 content: "\e060";485}486.glyphicon-map-marker:before {487 content: "\e062";488}489.glyphicon-adjust:before {490 content: "\e063";491}492.glyphicon-tint:before {493 content: "\e064";494}495.glyphicon-edit:before {496 content: "\e065";497}498.glyphicon-share:before {499 content: "\e066";500}501.glyphicon-check:before {502 content: "\e067";503}504.glyphicon-move:before {505 content: "\e068";506}507.glyphicon-step-backward:before {508 content: "\e069";509}510.glyphicon-fast-backward:before {511 content: "\e070";512}513.glyphicon-backward:before {514 content: "\e071";515}516.glyphicon-play:before {517 content: "\e072";518}519.glyphicon-pause:before {520 content: "\e073";521}522.glyphicon-stop:before {523 content: "\e074";524}525.glyphicon-forward:before {526 content: "\e075";527}528.glyphicon-fast-forward:before {529 content: "\e076";530}531.glyphicon-step-forward:before {532 content: "\e077";533}534.glyphicon-eject:before {535 content: "\e078";536}537.glyphicon-chevron-left:before {538 content: "\e079";539}540.glyphicon-chevron-right:before {541 content: "\e080";542}543.glyphicon-plus-sign:before {544 content: "\e081";545}546.glyphicon-minus-sign:before {547 content: "\e082";548}549.glyphicon-remove-sign:before {550 content: "\e083";551}552.glyphicon-ok-sign:before {553 content: "\e084";554}555.glyphicon-question-sign:before {556 content: "\e085";557}558.glyphicon-info-sign:before {559 content: "\e086";560}561.glyphicon-screenshot:before {562 content: "\e087";563}564.glyphicon-remove-circle:before {565 content: "\e088";566}567.glyphicon-ok-circle:before {568 content: "\e089";569}570.glyphicon-ban-circle:before {571 content: "\e090";572}573.glyphicon-arrow-left:before {574 content: "\e091";575}576.glyphicon-arrow-right:before {577 content: "\e092";578}579.glyphicon-arrow-up:before {580 content: "\e093";581}582.glyphicon-arrow-down:before {583 content: "\e094";584}585.glyphicon-share-alt:before {586 content: "\e095";587}588.glyphicon-resize-full:before {589 content: "\e096";590}591.glyphicon-resize-small:before {592 content: "\e097";593}594.glyphicon-exclamation-sign:before {595 content: "\e101";596}597.glyphicon-gift:before {598 content: "\e102";599}600.glyphicon-leaf:before {601 content: "\e103";602}603.glyphicon-fire:before {604 content: "\e104";605}606.glyphicon-eye-open:before {607 content: "\e105";608}609.glyphicon-eye-close:before {610 content: "\e106";611}612.glyphicon-warning-sign:before {613 content: "\e107";614}615.glyphicon-plane:before {616 content: "\e108";617}618.glyphicon-calendar:before {619 content: "\e109";620}621.glyphicon-random:before {622 content: "\e110";623}624.glyphicon-comment:before {625 content: "\e111";626}627.glyphicon-magnet:before {628 content: "\e112";629}630.glyphicon-chevron-up:before {631 content: "\e113";632}633.glyphicon-chevron-down:before {634 content: "\e114";635}636.glyphicon-retweet:before {637 content: "\e115";638}639.glyphicon-shopping-cart:before {640 content: "\e116";641}642.glyphicon-folder-close:before {643 content: "\e117";644}645.glyphicon-folder-open:before {646 content: "\e118";647}648.glyphicon-resize-vertical:before {649 content: "\e119";650}651.glyphicon-resize-horizontal:before {652 content: "\e120";653}654.glyphicon-hdd:before {655 content: "\e121";656}657.glyphicon-bullhorn:before {658 content: "\e122";659}660.glyphicon-bell:before {661 content: "\e123";662}663.glyphicon-certificate:before {664 content: "\e124";665}666.glyphicon-thumbs-up:before {667 content: "\e125";668}669.glyphicon-thumbs-down:before {670 content: "\e126";671}672.glyphicon-hand-right:before {673 content: "\e127";674}675.glyphicon-hand-left:before {676 content: "\e128";677}678.glyphicon-hand-up:before {679 content: "\e129";680}681.glyphicon-hand-down:before {682 content: "\e130";683}684.glyphicon-circle-arrow-right:before {685 content: "\e131";686}687.glyphicon-circle-arrow-left:before {688 content: "\e132";689}690.glyphicon-circle-arrow-up:before {691 content: "\e133";692}693.glyphicon-circle-arrow-down:before {694 content: "\e134";695}696.glyphicon-globe:before {697 content: "\e135";698}699.glyphicon-wrench:before {700 content: "\e136";701}702.glyphicon-tasks:before {703 content: "\e137";704}705.glyphicon-filter:before {706 content: "\e138";707}708.glyphicon-briefcase:before {709 content: "\e139";710}711.glyphicon-fullscreen:before {712 content: "\e140";713}714.glyphicon-dashboard:before {715 content: "\e141";716}717.glyphicon-paperclip:before {718 content: "\e142";719}720.glyphicon-heart-empty:before {721 content: "\e143";722}723.glyphicon-link:before {724 content: "\e144";725}726.glyphicon-phone:before {727 content: "\e145";728}729.glyphicon-pushpin:before {730 content: "\e146";731}732.glyphicon-usd:before {733 content: "\e148";734}735.glyphicon-gbp:before {736 content: "\e149";737}738.glyphicon-sort:before {739 content: "\e150";740}741.glyphicon-sort-by-alphabet:before {742 content: "\e151";743}744.glyphicon-sort-by-alphabet-alt:before {745 content: "\e152";746}747.glyphicon-sort-by-order:before {748 content: "\e153";749}750.glyphicon-sort-by-order-alt:before {751 content: "\e154";752}753.glyphicon-sort-by-attributes:before {754 content: "\e155";755}756.glyphicon-sort-by-attributes-alt:before {757 content: "\e156";758}759.glyphicon-unchecked:before {760 content: "\e157";761}762.glyphicon-expand:before {763 content: "\e158";764}765.glyphicon-collapse-down:before {766 content: "\e159";767}768.glyphicon-collapse-up:before {769 content: "\e160";770}771.glyphicon-log-in:before {772 content: "\e161";773}774.glyphicon-flash:before {775 content: "\e162";776}777.glyphicon-log-out:before {778 content: "\e163";779}780.glyphicon-new-window:before {781 content: "\e164";782}783.glyphicon-record:before {784 content: "\e165";785}786.glyphicon-save:before {787 content: "\e166";788}789.glyphicon-open:before {790 content: "\e167";791}792.glyphicon-saved:before {793 content: "\e168";794}795.glyphicon-import:before {796 content: "\e169";797}798.glyphicon-export:before {799 content: "\e170";800}801.glyphicon-send:before {802 content: "\e171";803}804.glyphicon-floppy-disk:before {805 content: "\e172";806}807.glyphicon-floppy-saved:before {808 content: "\e173";809}810.glyphicon-floppy-remove:before {811 content: "\e174";812}813.glyphicon-floppy-save:before {814 content: "\e175";815}816.glyphicon-floppy-open:before {817 content: "\e176";818}819.glyphicon-credit-card:before {820 content: "\e177";821}822.glyphicon-transfer:before {823 content: "\e178";824}825.glyphicon-cutlery:before {826 content: "\e179";827}828.glyphicon-header:before {829 content: "\e180";830}831.glyphicon-compressed:before {832 content: "\e181";833}834.glyphicon-earphone:before {835 content: "\e182";836}837.glyphicon-phone-alt:before {838 content: "\e183";839}840.glyphicon-tower:before {841 content: "\e184";842}843.glyphicon-stats:before {844 content: "\e185";845}846.glyphicon-sd-video:before {847 content: "\e186";848}849.glyphicon-hd-video:before {850 content: "\e187";851}852.glyphicon-subtitles:before {853 content: "\e188";854}855.glyphicon-sound-stereo:before {856 content: "\e189";857}858.glyphicon-sound-dolby:before {859 content: "\e190";860}861.glyphicon-sound-5-1:before {862 content: "\e191";863}864.glyphicon-sound-6-1:before {865 content: "\e192";866}867.glyphicon-sound-7-1:before {868 content: "\e193";869}870.glyphicon-copyright-mark:before {871 content: "\e194";872}873.glyphicon-registration-mark:before {874 content: "\e195";875}876.glyphicon-cloud-download:before {877 content: "\e197";878}879.glyphicon-cloud-upload:before {880 content: "\e198";881}882.glyphicon-tree-conifer:before {883 content: "\e199";884}885.glyphicon-tree-deciduous:before {886 content: "\e200";887}888.glyphicon-cd:before {889 content: "\e201";890}891.glyphicon-save-file:before {892 content: "\e202";893}894.glyphicon-open-file:before {895 content: "\e203";896}897.glyphicon-level-up:before {898 content: "\e204";899}900.glyphicon-copy:before {901 content: "\e205";902}903.glyphicon-paste:before {904 content: "\e206";905}906.glyphicon-alert:before {907 content: "\e209";908}909.glyphicon-equalizer:before {910 content: "\e210";911}912.glyphicon-king:before {913 content: "\e211";914}915.glyphicon-queen:before {916 content: "\e212";917}918.glyphicon-pawn:before {919 content: "\e213";920}921.glyphicon-bishop:before {922 content: "\e214";923}924.glyphicon-knight:before {925 content: "\e215";926}927.glyphicon-baby-formula:before {928 content: "\e216";929}930.glyphicon-tent:before {931 content: "\26fa";932}933.glyphicon-blackboard:before {934 content: "\e218";935}936.glyphicon-bed:before {937 content: "\e219";938}939.glyphicon-apple:before {940 content: "\f8ff";941}942.glyphicon-erase:before {943 content: "\e221";944}945.glyphicon-hourglass:before {946 content: "\231b";947}948.glyphicon-lamp:before {949 content: "\e223";950}951.glyphicon-duplicate:before {952 content: "\e224";953}954.glyphicon-piggy-bank:before {955 content: "\e225";956}957.glyphicon-scissors:before {958 content: "\e226";959}960.glyphicon-bitcoin:before {961 content: "\e227";962}963.glyphicon-btc:before {964 content: "\e227";965}966.glyphicon-xbt:before {967 content: "\e227";968}969.glyphicon-yen:before {970 content: "\00a5";971}972.glyphicon-jpy:before {973 content: "\00a5";974}975.glyphicon-ruble:before {976 content: "\20bd";977}978.glyphicon-rub:before {979 content: "\20bd";980}981.glyphicon-scale:before {982 content: "\e230";983}984.glyphicon-ice-lolly:before {985 content: "\e231";986}987.glyphicon-ice-lolly-tasted:before {988 content: "\e232";989}990.glyphicon-education:before {991 content: "\e233";992}993.glyphicon-option-horizontal:before {994 content: "\e234";995}996.glyphicon-option-vertical:before {997 content: "\e235";998}999.glyphicon-menu-hamburger:before {1000 content: "\e236";1001}1002.glyphicon-modal-window:before {1003 content: "\e237";1004}1005.glyphicon-oil:before {1006 content: "\e238";1007}1008.glyphicon-grain:before {1009 content: "\e239";1010}1011.glyphicon-sunglasses:before {1012 content: "\e240";1013}1014.glyphicon-text-size:before {1015 content: "\e241";1016}1017.glyphicon-text-color:before {1018 content: "\e242";1019}1020.glyphicon-text-background:before {1021 content: "\e243";1022}1023.glyphicon-object-align-top:before {1024 content: "\e244";1025}1026.glyphicon-object-align-bottom:before {1027 content: "\e245";1028}1029.glyphicon-object-align-horizontal:before {1030 content: "\e246";1031}1032.glyphicon-object-align-left:before {1033 content: "\e247";1034}1035.glyphicon-object-align-vertical:before {1036 content: "\e248";1037}1038.glyphicon-object-align-right:before {1039 content: "\e249";1040}1041.glyphicon-triangle-right:before {1042 content: "\e250";1043}1044.glyphicon-triangle-left:before {1045 content: "\e251";1046}1047.glyphicon-triangle-bottom:before {1048 content: "\e252";1049}1050.glyphicon-triangle-top:before {1051 content: "\e253";1052}1053.glyphicon-console:before {1054 content: "\e254";1055}1056.glyphicon-superscript:before {1057 content: "\e255";1058}1059.glyphicon-subscript:before {1060 content: "\e256";1061}1062.glyphicon-menu-left:before {1063 content: "\e257";1064}1065.glyphicon-menu-right:before {1066 content: "\e258";1067}1068.glyphicon-menu-down:before {1069 content: "\e259";1070}1071.glyphicon-menu-up:before {1072 content: "\e260";1073}1074* {1075 -webkit-box-sizing: border-box;1076 -moz-box-sizing: border-box;1077 box-sizing: border-box;1078}1079*:before,1080*:after {1081 -webkit-box-sizing: border-box;1082 -moz-box-sizing: border-box;1083 box-sizing: border-box;1084}1085html {1086 font-size: 10px;1087 1088 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);1089}1090body {1091 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;1092 font-size: 14px;1093 line-height: 1.42857143;1094 color: #333;1095 background-color: #fff;1096}1097input,1098button,1099select,1100textarea {1101 font-family: inherit;1102 font-size: inherit;1103 line-height: inherit;1104}1105a {1106 color: #337ab7;1107 text-decoration: none;1108}1109a:hover,1110a:focus {1111 color: #23527c;1112 text-decoration: underline;1113}1114a:focus {1115 outline: thin dotted;1116 outline: 5px auto -webkit-focus-ring-color;1117 outline-offset: -2px;1118}1119figure {1120 margin: 0;1121}1122img {1123 vertical-align: middle;1124}1125.img-responsive,1126.thumbnail > img,1127.thumbnail a > img,1128.carousel-inner > .item > img,1129.carousel-inner > .item > a > img {1130 display: block;1131 max-width: 100%;1132 height: auto;1133}1134.img-rounded {1135 border-radius: 6px;1136}1137.img-thumbnail {1138 display: inline-block;1139 max-width: 100%;1140 height: auto;1141 padding: 4px;1142 line-height: 1.42857143;1143 background-color: #fff;1144 border: 1px solid #ddd;1145 border-radius: 4px;1146 -webkit-transition: all .2s ease-in-out;1147 -o-transition: all .2s ease-in-out;1148 transition: all .2s ease-in-out;1149}1150.img-circle {1151 border-radius: 50%;1152}1153hr {1154 margin-top: 20px;1155 margin-bottom: 20px;1156 border: 0;1157 border-top: 1px solid #eee;1158}1159.sr-only {1160 position: absolute;1161 width: 1px;1162 height: 1px;1163 padding: 0;1164 margin: -1px;1165 overflow: hidden;1166 clip: rect(0, 0, 0, 0);1167 border: 0;1168}1169.sr-only-focusable:active,1170.sr-only-focusable:focus {1171 position: static;1172 width: auto;1173 height: auto;1174 margin: 0;1175 overflow: visible;1176 clip: auto;1177}1178[role="button"] {1179 cursor: pointer;1180}1181h1,1182h2,1183h3,1184h4,1185h5,1186h6,1187.h1,1188.h2,1189.h3,1190.h4,1191.h5,1192.h6 {1193 font-family: inherit;1194 font-weight: 500;1195 line-height: 1.1;1196 color: inherit;1197}1198h1 small,1199h2 small,1200h3 small,