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.7k
1<!DOCTYPE html>2<html>3 <head>4 <!-- Google tag (gtag.js) -->5 <!-- End Google Tag -->6 <title>7 Career Page | Hargreaves Home Sales Team8 </title>9 <!-- Internal Tool Favicon Update -->10 <!-- End Internal Tool Favicon Update -->11 <meta content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no, viewport-fit=cover" name="viewport">12 <style>13 @font-face {14 font-family: 'Muli';15 font-style: italic;16 font-weight: 400;17 src: url(https://fonts.gstatic.com/s/muli/v29/7Aujp_0qiz-afTfcIyoiGtm2P0wG05Fz4eqVxg.ttf) format('truetype');18}19@font-face {20 font-family: 'Muli';21 font-style: normal;22 font-weight: 400;23 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFnOkEk30e0.ttf) format('truetype');24}25@font-face {26 font-family: 'Muli';27 font-style: normal;28 font-weight: 500;29 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFn8kEk30e0.ttf) format('truetype');30}31@font-face {32 font-family: 'Muli';33 font-style: normal;34 font-weight: 600;35 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFkQl0k30e0.ttf) format('truetype');36}37@font-face {38 font-family: 'Muli';39 font-style: normal;40 font-weight: 700;41 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFkpl0k30e0.ttf) format('truetype');42}43@font-face {44 font-family: 'Muli';45 font-style: normal;46 font-weight: 800;47 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFlOl0k30e0.ttf) format('truetype');48}49 50 51 52@font-face {53 font-family: 'Material Icons';54 font-style: normal;55 font-weight: 400;56 src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');57}58 59.material-icons {60 font-family: 'Material Icons';61 font-weight: normal;62 font-style: normal;63 font-size: 24px;64 line-height: 1;65 letter-spacing: normal;66 text-transform: none;67 display: inline-block;68 white-space: nowrap;69 word-wrap: normal;70 direction: ltr;71}72 73 74 75/*76 * The Typekit service used to deliver this font or fonts for use on websites77 * is provided by Adobe and is subject to these Terms of Use78 * http://www.adobe.com/products/eulas/tou_typekit. For font license79 * information, see the list below.80 *81 * ff-meta-web-pro:82 * - http://typekit.com/eulas/00000000000000007735999d83 * - http://typekit.com/eulas/0000000000000000773599cd84 * - http://typekit.com/eulas/0000000000000000773599ca85 * - http://typekit.com/eulas/0000000000000000773599e186 * specter:87 * - http://typekit.com/eulas/00000000000000007735f30288 * - http://typekit.com/eulas/00000000000000007735f30c89 * - http://typekit.com/eulas/00000000000000007735f30590 * - http://typekit.com/eulas/00000000000000007735f30391 * - http://typekit.com/eulas/00000000000000007735f30492 * specter-inline:93 * - http://typekit.com/eulas/00000000000000007735f30d94 * - http://typekit.com/eulas/00000000000000007735f30995 *96 * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.97 */98/*{"last_published":"2023-07-20 19:09:39 UTC"}*/99 100 101@font-face {102font-family:"ff-meta-web-pro";103src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");104font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;105}106 107@font-face {108font-family:"ff-meta-web-pro";109src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");110font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;111}112 113@font-face {114font-family:"ff-meta-web-pro";115src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");116font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;117}118 119@font-face {120font-family:"ff-meta-web-pro";121src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");122font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;123}124 125@font-face {126font-family:"specter";127src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");128font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;129}130 131@font-face {132font-family:"specter";133src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");134font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;135}136 137@font-face {138font-family:"specter";139src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");140font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;141}142 143@font-face {144font-family:"specter";145src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");146font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;147}148 149@font-face {150font-family:"specter";151src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");152font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;153}154 155@font-face {156font-family:"specter-inline";157src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");158font-display:auto;font-style:italic;font-weight:900;font-stretch:normal;159}160 161@font-face {162font-family:"specter-inline";163src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");164font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;165}166 167.tk-ff-meta-web-pro { font-family: "ff-meta-web-pro",sans-serif; }168.tk-ff-meta-web-pro-condensed { font-family: "ff-meta-web-pro-condensed",sans-serif; }169.tk-ff-meta-correspondence-web-p { font-family: "ff-meta-correspondence-web-p",sans-serif; }170.tk-specter { font-family: "specter",sans-serif; }171.tk-specter-inline { font-family: "specter-inline",sans-serif; }172 173 174 175@font-face {176 font-family: 'Lato';177 font-style: normal;178 font-weight: 400;179 font-display: swap;180 src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHvxk.ttf) format('truetype');181}182@font-face {183 font-family: 'Lato';184 font-style: normal;185 font-weight: 700;186 font-display: swap;187 src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVew8.ttf) format('truetype');188}189@font-face {190 font-family: 'Lora';191 font-style: normal;192 font-weight: 400;193 font-display: swap;194 src: url(https://fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuyJG.ttf) format('truetype');195}196@font-face {197 font-family: 'Lora';198 font-style: normal;199 font-weight: 700;200 font-display: swap;201 src: url(https://fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787z5vCJG.ttf) format('truetype');202}203@font-face {204 font-family: 'Merriweather';205 font-style: normal;206 font-weight: 400;207 font-display: swap;208 src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5Oew.ttf) format('truetype');209}210@font-face {211 font-family: 'Merriweather';212 font-style: normal;213 font-weight: 700;214 font-display: swap;215 src: url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNpXw.ttf) format('truetype');216}217@font-face {218 font-family: 'Montserrat';219 font-style: normal;220 font-weight: 400;221 font-display: swap;222 src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');223}224@font-face {225 font-family: 'Montserrat';226 font-style: normal;227 font-weight: 700;228 font-display: swap;229 src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');230}231@font-face {232 font-family: 'Open Sans';233 font-style: normal;234 font-weight: 400;235 font-stretch: normal;236 font-display: swap;237 src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');238}239@font-face {240 font-family: 'Open Sans';241 font-style: normal;242 font-weight: 700;243 font-stretch: normal;244 font-display: swap;245 src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');246}247@font-face {248 font-family: 'Oswald';249 font-style: normal;250 font-weight: 400;251 font-display: swap;252 src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvgUE.ttf) format('truetype');253}254@font-face {255 font-family: 'Oswald';256 font-style: normal;257 font-weight: 700;258 font-display: swap;259 src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZogUE.ttf) format('truetype');260}261@font-face {262 font-family: 'PT Sans';263 font-style: normal;264 font-weight: 400;265 font-display: swap;266 src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79P0U.ttf) format('truetype');267}268@font-face {269 font-family: 'PT Sans';270 font-style: normal;271 font-weight: 700;272 font-display: swap;273 src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh4Ok.ttf) format('truetype');274}275@font-face {276 font-family: 'Raleway';277 font-style: normal;278 font-weight: 400;279 font-display: swap;280 src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype');281}282@font-face {283 font-family: 'Raleway';284 font-style: normal;285 font-weight: 700;286 font-display: swap;287 src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pYCP.ttf) format('truetype');288}289@font-face {290 font-family: 'Roboto';291 font-style: normal;292 font-weight: 400;293 font-display: swap;294 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');295}296@font-face {297 font-family: 'Roboto';298 font-style: normal;299 font-weight: 700;300 font-display: swap;301 src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');302}303@font-face {304 font-family: 'Source Sans Pro';305 font-style: normal;306 font-weight: 400;307 font-display: swap;308 src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3aPw.ttf) format('truetype');309}310@font-face {311 font-family: 'Source Sans Pro';312 font-style: normal;313 font-weight: 700;314 font-display: swap;315 src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vAkA.ttf) format('truetype');316}317 318 319 320 @font-face {321 font-family: 'Blitz';322 font-style: normal;323 font-weight: 400;324 src: url("/static/fonts/BlitzScript-Web.8b7893fa5e0c.woff2") format('woff2');325 }326 </style>327 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">328 <!-- Linkedin Apply Connect-->329 <!-- This variable only exists in ats_view (see react/views.py) so only load this script when needed -->330 <!-- Facebook Pixel Code -->331 <noscript>332 <img height="1" src="rick.jpg" style="display:none" width="1">333 </noscript>334 <!-- End Facebook Pixel Code -->335 <style data-jss data-meta="MuiCssBaseline">336 html {337 box-sizing: border-box;338 -webkit-font-smoothing: antialiased;339 -moz-osx-font-smoothing: grayscale;340}341*, *::before, *::after {342 box-sizing: inherit;343}344strong, b {345 font-weight: 700;346}347body {348 color: #661A0B;349 margin: 0;350 font-size: 0.875rem;351 font-family: Specter,sans-serif;352 font-weight: 400;353 line-height: 1.43;354 background-color: #fff;355}356@media print {357 body {358 background-color: #fff;359 }360}361body::backdrop {362 background-color: #fff;363}364 </style>365 <style data-jss data-meta="makeStyles">366 .jss104 {367 color: #2A3033;368 font-size: 26px;369 padding-top: 37px;370 margin-bottom: 10px;371 padding-bottom: 5px;372}373.jss105 {374 color: #6E7172;375 font-size: 16px;376 line-height: 28px;377 margin-bottom: 15px;378 padding-bottom: 10px;379}380.jss106 {381 color: #2A3033;382 font-size: 22px;383 padding-bottom: 5px;384}385.jss107 {386 color: #6E7172;387 font-size: 16px;388 margin-left: 5px;389}390.jss108 {391 color: #6E7172;392 font-size: 15px;393 line-height: 28px;394 margin-bottom: 15px;395 padding-bottom: 10px;396}397.jss109 {398 color: #6E7172;399 width: 100%;400 cursor: pointer;401 margin: 25px 38px;402 padding: 10px 23px;403 font-size: 14px;404 text-decoration: underline;405}406.jss110 {407 color: #2A3033;408 cursor: pointer;409 font-size: 13px;410 text-decoration: underline;411}412 </style>413 <style data-jss data-meta="MuiList">414 .MuiList-root {415 margin: 0;416 padding: 0;417 position: relative;418 list-style: none;419}420.MuiList-padding {421 padding-top: 8px;422 padding-bottom: 8px;423}424.MuiList-subheader {425 padding-top: 0;426}427 </style>428 <style data-jss data-meta="MuiTypography">429 .MuiTypography-root {430 margin: 0;431}432.MuiTypography-body2 {433 font-size: 0.875rem;434 font-family: Specter,sans-serif;435 font-weight: 400;436 line-height: 1.43;437}438.MuiTypography-body1 {439 font-size: 1rem;440 font-family: Specter,sans-serif;441 font-weight: 400;442 line-height: 1.5;443}444.MuiTypography-caption {445 font-size: 0.75rem;446 font-family: Specter,sans-serif;447 font-weight: 400;448 line-height: 1.66;449}450.MuiTypography-button {451 font-size: 0.8125rem;452 font-family: inherit;453 font-weight: 800;454 line-height: 1.75;455 letter-spacing: 0.75px;456 text-transform: uppercase;457}458.MuiTypography-h1 {459 font-size: 2.25rem;460 font-family: Specter,sans-serif;461 font-weight: 300;462 line-height: 1.167;463 margin-bottom: 1.5rem;464}465.MuiTypography-h2 {466 font-size: 1.875rem;467 font-family: Specter,sans-serif;468 font-weight: 300;469 line-height: 1.2;470 margin-bottom: 1rem;471}472.MuiTypography-h3 {473 font-size: 3rem;474 font-family: Specter,sans-serif;475 font-weight: 400;476 line-height: 1.167;477}478.MuiTypography-h4 {479 font-size: 2.125rem;480 font-family: Specter,sans-serif;481 font-weight: 400;482 line-height: 1.235;483}484.MuiTypography-h5 {485 font-size: 1.5rem;486 font-family: Specter,sans-serif;487 font-weight: 400;488 line-height: 1.334;489}490.MuiTypography-h6 {491 font-size: 1.25rem;492 font-family: Specter,sans-serif;493 font-weight: 500;494 line-height: 1.6;495}496.MuiTypography-subtitle1 {497 font-size: 1rem;498 font-family: Specter,sans-serif;499 font-weight: 400;500 line-height: 1.75;501}502.MuiTypography-subtitle2 {503 color: #374151;504 font-size: 1rem;505 font-family: Specter,sans-serif;506 font-weight: 500;507 line-height: 1.57;508}509.MuiTypography-overline {510 color: #661A0B;511 font-size: 0.75rem;512 font-family: Specter,sans-serif;513 font-weight: 800;514 line-height: 2.66;515 text-transform: uppercase;516}517.MuiTypography-srOnly {518 width: 1px;519 height: 1px;520 overflow: hidden;521 position: absolute;522}523.MuiTypography-alignLeft {524 text-align: left;525}526.MuiTypography-alignCenter {527 text-align: center;528}529.MuiTypography-alignRight {530 text-align: right;531}532.MuiTypography-alignJustify {533 text-align: justify;534}535.MuiTypography-noWrap {536 overflow: hidden;537 white-space: nowrap;538 text-overflow: ellipsis;539}540.MuiTypography-gutterBottom {541 margin-bottom: 0.35em;542}543.MuiTypography-paragraph {544 margin-bottom: 16px;545}546.MuiTypography-colorInherit {547 color: inherit;548}549.MuiTypography-colorPrimary {550 color: #661A0B;551}552.MuiTypography-colorSecondary {553 color: #E05D52;554}555.MuiTypography-colorTextPrimary {556 color: #661A0B;557}558.MuiTypography-colorTextSecondary {559 color: #420C02;560}561.MuiTypography-colorError {562 color: #f44336;563}564.MuiTypography-displayInline {565 display: inline;566}567.MuiTypography-displayBlock {568 display: block;569}570 </style>571 <style data-jss data-meta="MuiListItem">572 .MuiListItem-root {573 width: 100%;574 display: flex;575 position: relative;576 box-sizing: border-box;577 text-align: left;578 align-items: center;579 padding-top: 8px;580 padding-bottom: 8px;581 justify-content: flex-start;582 text-decoration: none;583}584.MuiListItem-root.Mui-focusVisible {585 background-color: rgba(0, 0, 0, 0.08);586}587.MuiListItem-root.Mui-selected, .MuiListItem-root.Mui-selected:hover {588 background-color: rgba(0, 0, 0, 0.08);589}590.MuiListItem-root.Mui-disabled {591 opacity: 0.5;592}593.MuiListItem-container {594 position: relative;595}596.MuiListItem-dense {597 padding-top: 4px;598 padding-bottom: 4px;599}600.MuiListItem-alignItemsFlexStart {601 align-items: flex-start;602}603.MuiListItem-divider {604 border-bottom: 1px solid rgba(0, 0, 0, 0.12);605 background-clip: padding-box;606}607.MuiListItem-gutters {608 padding-left: 16px;609 padding-right: 16px;610}611.MuiListItem-button {612 transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;613}614.MuiListItem-button:hover {615 text-decoration: none;616 background-color: rgba(0, 0, 0, 0.04);617}618@media (hover: none) {619 .MuiListItem-button:hover {620 background-color: transparent;621 }622}623.MuiListItem-secondaryAction {624 padding-right: 48px;625}626 </style>627 <style data-jss data-meta="makeStyles">628 .jss98 {629 color: #666666;630 font-size: 1.125rem;631 text-align: center;632 line-height: 2.5rem;633}634@media (max-width:959.95px) {635 .jss98 {636 text-align: center;637 }638}639.jss98 ul {640 margin: 0 auto;641 display: table;642 line-height: 2.25rem;643 list-style-type: none;644}645 </style>646 <style data-jss data-meta="MuiLink">647 .MuiLink-root {648 font-weight: 600;649}650.MuiLink-root:hover {651 cursor: pointer;652}653.MuiLink-underlineNone {654 text-decoration: none;655}656.MuiLink-underlineHover {657 text-decoration: none;658}659.MuiLink-underlineHover:hover {660 text-decoration: underline;661}662.MuiLink-underlineAlways {663 text-decoration: underline;664}665.MuiLink-button {666 border: 0;667 cursor: pointer;668 margin: 0;669 outline: 0;670 padding: 0;671 position: relative;672 font-size: inherit;673 font-family: inherit;674 user-select: none;675 border-radius: 0;676 vertical-align: baseline;677 -moz-appearance: none;678 background-color: transparent;679 -webkit-appearance: none;680 -webkit-tap-highlight-color: transparent;681}682.MuiLink-button::-moz-focus-inner {683 border-style: none;684}685.MuiLink-button.Mui-focusVisible {686 outline: auto;687}688 </style>689 <style data-jss data-meta="makeStyles">690 .jss88 {691 cursor: pointer;692 display: inline-flex;693 font-size: inherit;694 align-items: center;695}696.jss89 {697 font-weight: 700;698}699.jss90 {700 text-transform: uppercase;701}702.jss91 {703 align-items: center;704 font-weight: 600;705 border-bottom: 1px solid #661A0B;706}707.jss92 {708 cursor: not-allowed;709 border-bottom: 0;710 pointer-events: none;711}712.jss93 {713 font-size: 0.75rem;714}715.jss94 {716 font-size: 0.875rem;717}718.jss94 > .jss96, .jss94 > .jss97 {719 width: 18px;720 height: 18px;721}722.jss95 {723 font-size: 0.9375rem;724}725.jss95 > .jss96, .jss95 > .jss97 {726 width: 20px;727 height: 20px;728}729.jss95 > .jss96 {730 margin-right: 0.25rem;731}732.jss95 > .jss97 {733 margin-left: 0.25rem;734}735.jss96 {736 width: 16px;737 height: 16px;738 margin-right: 0.25rem;739}740.jss97 {741 width: 16px;742 height: 16px;743 margin-left: 0.25rem;744}745 </style>746 <style data-jss data-meta="makeStyles">747 .jss130 {748 width: 100%;749 border: 2px solid #E4E4E4;750 cursor: pointer;751 margin: auto;752 display: flex;753 padding: 16px;754 max-width: 750px;755 border-radius: 8px;756 margin-bottom: 16px;757 justify-content: space-between;758}759@media (max-width:959.95px) {760 .jss130 {761 padding: 16px;762 align-items: flex-start;763 flex-direction: column;764 }765}766.jss131 {767 font-size: 1.125rem;768 font-weight: 700;769}770@media (max-width:959.95px) {771 .jss131 {772 font-size: 1.125rem;773 }774}775.jss132 {776 font-size: 0.875rem;777 margin-bottom: 4px;778}779@media (max-width:959.95px) {780 .jss132 {781 font-size: 1rem;782 margin-top: 8px;783 }784}785.jss133 {786 height: 36px;787 display: flex;788 min-width: 103px;789 align-items: center;790 margin-left: 16px;791 border-radius: 20px;792 justify-content: center;793}794@media (max-width:959.95px) {795 .jss133 {796 margin-top: 20px;797 margin-left: 0;798 }799}800.jss134 {801 color: #666666;802 font-size: 0.8125rem;803 overflow-wrap: anywhere;804}805.jss135 {806 color: #fff;807 font-size: 0.875rem;808 font-weight: 700;809 text-decoration: none;810}811 </style>812 <style data-jss data-meta="makeStyles">813 .jss129 {814 cursor: pointer;815 display: flex;816 padding: 5px 10px;817 min-width: 55px;818 background: #f5f5f5;819 align-items: center;820 border-radius: 5px;821 justify-content: center;822}823 </style>824 <style data-jss data-meta="makeStyles">825 .jss123 {826 display: flex;827 justify-content: center;828}829.jss124 {830 width: auto;831 display: flex;832 padding: 8px;833 justify-content: center;834}835.jss125 {836 width: 50%;837 margin: 0 auto;838 display: flex;839 justify-content: center;840}841.jss126 {842 margin-top: 32px;843}844.jss127 {845 padding: 0;846}847.jss128 {848 color: #666666;849 display: flex;850 font-size: 1.25rem;851 margin-top: 24px;852 text-align: center;853 margin-bottom: 3rem;854 justify-content: center;855}856@media (max-width:959.95px) {857 .jss128 {858 margin-top: 20px;859 margin-bottom: 34px;860 }861}862 </style>863 <style data-jss data-meta="makeStyles">864 .jss111 {865 height: 150px;866 display: flex;867 border-top: 2px solid #EEEEEE;868 align-items: center;869 flex-direction: column;870 justify-content: center;871 background-color: #F9F7F2;872}873@media (max-width:959.95px) {874 .jss111 {875 border-top: 0;876 }877}878.jss112 {879 display: flex;880 align-items: center;881 margin-bottom: 15px;882 justify-content: center;883}884.jss113 {885 color: #6B7280;886 font-size: 0.875rem;887 margin-top: 16px;888 margin-right: 14px;889}890.jss114 {891 height: 1.875rem;892}893.jss115 {894 height: 25px;895}896.jss116 {897 height: 25px;898}899.jss117 {900 height: 25px;901}902.jss118 {903 font-size: 1rem;904 margin-bottom: 1rem;905}906.jss119 {907 cursor: pointer;908}909.jss120 {910 color: #661A0B;911 font-size: 0.8125rem;912}913.jss121 {914 display: flex;915 align-items: center;916}917.jss122 {918 margin-right: 1rem;919}920 </style>921 <style data-jss data-meta="makeStyles">922 .jss83 {923 padding: 16px 32px;924 border-bottom: 1px solid #eee;925}926@media (max-width:959.95px) {927 .jss83 {928 padding: 24px 24px;929 }930}931.jss84 {932 display: flex;933 align-items: center;934 flex-direction: row;935 justify-content: space-between;936}937.jss85 {938 font-size: 1.125rem;939 font-weight: 700;940}941@media (max-width:959.95px) {942 .jss85 {943 font-size: 1rem;944 }945}946.jss86 {947 color: #6B7280;948 cursor: pointer;949 font-size: 1rem;950 font-family: inherit;951 font-weight: 600;952 white-space: nowrap;953 text-decoration: none;954}955@media (max-width:959.95px) {956 .jss86 {957 display: none;958 }959}960.jss86:hover {961 text-decoration: underline;962 text-decoration-color: #6B7280;963}964.jss87 {965 max-width: 15rem;966 max-height: 74px;967}968 </style>969 <style data-jss data-meta="MuiContainer">970 .MuiContainer-root {971 width: 100%;972 display: block;973 box-sizing: border-box;974 margin-left: auto;975 margin-right: auto;976 padding-left: 16px;977 padding-right: 16px;978}979@media (min-width:600px) {980 .MuiContainer-root {981 padding-left: 24px;982 padding-right: 24px;983 }984}985.MuiContainer-disableGutters {986 padding-left: 0;987 padding-right: 0;988}989@media (min-width:600px) {990 .MuiContainer-fixed {991 max-width: 600px;992 }993}994@media (min-width:960px) {995 .MuiContainer-fixed {996 max-width: 960px;997 }998}999@media (min-width:1280px) {1000 .MuiContainer-fixed {1001 max-width: 1280px;1002 }1003}1004@media (min-width:1920px) {1005 .MuiContainer-fixed {1006 max-width: 1920px;1007 }1008}1009@media (min-width:0px) {1010 .MuiContainer-maxWidthXs {1011 max-width: 444px;1012 }1013}1014@media (min-width:600px) {1015 .MuiContainer-maxWidthSm {1016 max-width: 600px;1017 }1018}1019@media (min-width:960px) {1020 .MuiContainer-maxWidthMd {1021 max-width: 960px;1022 }1023}1024@media (min-width:1280px) {1025 .MuiContainer-maxWidthLg {1026 max-width: 1280px;1027 }1028}1029@media (min-width:1920px) {1030 .MuiContainer-maxWidthXl {1031 max-width: 1920px;1032 }1033}1034 </style>1035 <style data-jss data-meta="makeStyles">1036 .jss103 {1037 max-width: 1180px;1038}1039 </style>1040 <style data-jss data-meta="makeStyles">1041 .jss99 {1042 padding: 88px 0px;1043}1044@media (max-width:959.95px) {1045 .jss99 {1046 padding: 50px 0px;1047 }1048}1049.jss100 {1050 display: flex;1051 flex-direction: column;1052}1053.jss101 {1054 font-size: 2.25rem;1055 text-align: center;1056 font-weight: 700;1057}1058@media (max-width:959.95px) {1059 .jss101 {1060 font-size: 2rem;1061 }1062}1063.jss102 {1064 color: #666666;1065 font-size: 1.25rem;1066 margin-top: 24px;1067 text-align: center;1068 margin-bottom: 3rem;1069}1070@media (max-width:959.95px) {1071 .jss102 {1072 margin-top: 20px;1073 margin-bottom: 34px;1074 }1075}1076 </style>1077 <style data-jss data-meta="makeStyles">1078 .jss1 {1079 width: 100%;1080}1081.jss2 {1082 width: 100%;1083 height: calc(100vh - 55px);1084 display: flex;1085 align-items: center;1086 justify-content: center;1087}1088 </style>1089 <meta content="width=device-width, initial-scale=1" name="viewport">1090 </head>1091 <body>1092 <style>1093 @font-face {1094 font-family: 'Muli';1095 font-style: italic;1096 font-weight: 400;1097 src: url(https://fonts.gstatic.com/s/muli/v29/7Aujp_0qiz-afTfcIyoiGtm2P0wG05Fz4eqVxg.ttf) format('truetype');1098}1099@font-face {1100 font-family: 'Muli';1101 font-style: normal;1102 font-weight: 400;1103 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFnOkEk30e0.ttf) format('truetype');1104}1105@font-face {1106 font-family: 'Muli';1107 font-style: normal;1108 font-weight: 500;1109 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFn8kEk30e0.ttf) format('truetype');1110}1111@font-face {1112 font-family: 'Muli';1113 font-style: normal;1114 font-weight: 600;1115 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFkQl0k30e0.ttf) format('truetype');1116}1117@font-face {1118 font-family: 'Muli';1119 font-style: normal;1120 font-weight: 700;1121 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFkpl0k30e0.ttf) format('truetype');1122}1123@font-face {1124 font-family: 'Muli';1125 font-style: normal;1126 font-weight: 800;1127 src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFlOl0k30e0.ttf) format('truetype');1128}1129 1130 1131 1132@font-face {1133 font-family: 'Material Icons';1134 font-style: normal;1135 font-weight: 400;1136 src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');1137}1138 1139.material-icons {1140 font-family: 'Material Icons';1141 font-weight: normal;1142 font-style: normal;1143 font-size: 24px;1144 line-height: 1;1145 letter-spacing: normal;1146 text-transform: none;1147 display: inline-block;1148 white-space: nowrap;1149 word-wrap: normal;1150 direction: ltr;1151}1152 1153 1154 1155/*1156 * The Typekit service used to deliver this font or fonts for use on websites1157 * is provided by Adobe and is subject to these Terms of Use1158 * http://www.adobe.com/products/eulas/tou_typekit. For font license1159 * information, see the list below.1160 *1161 * ff-meta-web-pro:1162 * - http://typekit.com/eulas/00000000000000007735999d1163 * - http://typekit.com/eulas/0000000000000000773599cd1164 * - http://typekit.com/eulas/0000000000000000773599ca1165 * - http://typekit.com/eulas/0000000000000000773599e11166 * specter:1167 * - http://typekit.com/eulas/00000000000000007735f3021168 * - http://typekit.com/eulas/00000000000000007735f30c1169 * - http://typekit.com/eulas/00000000000000007735f3051170 * - http://typekit.com/eulas/00000000000000007735f3031171 * - http://typekit.com/eulas/00000000000000007735f3041172 * specter-inline:1173 * - http://typekit.com/eulas/00000000000000007735f30d1174 * - http://typekit.com/eulas/00000000000000007735f3091175 *1176 * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.1177 */1178/*{"last_published":"2023-07-20 19:09:39 UTC"}*/1179 1180 1181@font-face {1182font-family:"ff-meta-web-pro";1183src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");1184font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;1185}1186 1187@font-face {1188font-family:"ff-meta-web-pro";1189src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");1190font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;1191}1192 1193@font-face {1194font-family:"ff-meta-web-pro";1195src:url("") format("woff2"),url("") format("woff"),url("") format("opentype");1196font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;1197}1198 1199@font-face {1200font-family:"ff-meta-web-pro";