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 dir="ltr" lang="en">3 <head>4 <meta content="width=device-width, initial-scale=1" name="viewport">5 <title>6 BLT Fish Shack - New York7 </title>8 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">9 <!-- Chrome, Firefox OS and Opera -->10 <meta content="#fdfaf0" name="theme-color">11 <!-- Windows Phone -->12 <meta content="#fdfaf0" name="msapplication-navbutton-color">13 <meta content="blogger" name="generator">14 <!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->15 <meta content="" property="og:url">16 <meta content="BLT Fish Shack - New York" property="og:title">17 <meta content="Fish shacks like the BLT Fish Shack in New York are almost like taking a short trip to the New England shore towns, at least that's how I fe..." property="og:description">18 <style type="text/css">19 @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCY9_S6w.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkAI9_S6w.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCI9_S6w.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkB49_S6w.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkC49_S6w.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCo9_S6w.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI9_.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJMkq1umA.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJFkq1umA.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJOkq1umA.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJPkq1umA.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkq0.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}20 </style>21 <style id="page-skin-1" type="text/css">22 <!--23/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}24/*!************************************************25* Blogger Template Style26* Name: Soho27**************************************************/28body{29overflow-wrap:break-word;30word-break:break-word;31word-wrap:break-word32}33.hidden{34display:none35}36.invisible{37visibility:hidden38}39.container::after,.float-container::after{40clear:both;41content:"";42display:table43}44.clearboth{45clear:both46}47#comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit{48background:0 0;49border:0;50box-shadow:none;51color:#a93e33;52cursor:pointer;53font-size:14px;54font-weight:700;55outline:0;56text-decoration:none;57text-transform:uppercase;58width:auto59}60.dim-overlay{61background-color:rgba(0,0,0,.54);62height:100vh;63left:0;64position:fixed;65top:0;66width:100%67}68#sharing-dim-overlay{69background-color:transparent70}71input::-ms-clear{72display:none73}74.blogger-logo,.svg-icon-24.blogger-logo{75fill:#ff9800;76opacity:177}78.loading-spinner-large{79-webkit-animation:mspin-rotate 1.568s infinite linear;80animation:mspin-rotate 1.568s infinite linear;81height:48px;82overflow:hidden;83position:absolute;84width:48px;85z-index:20086}87.loading-spinner-large>div{88-webkit-animation:mspin-revrot 5332ms infinite steps(4);89animation:mspin-revrot 5332ms infinite steps(4)90}91.loading-spinner-large>div>div{92-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);93animation:mspin-singlecolor-large-film 1333ms infinite steps(81);94background-size:100%;95height:48px;96width:3888px97}98.mspin-black-large>div>div,.mspin-grey_54-large>div>div{99background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)100}101.mspin-white-large>div>div{102background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)103}104.mspin-grey_54-large{105opacity:.54106}107@-webkit-keyframes mspin-singlecolor-large-film{108from{109-webkit-transform:translateX(0);110transform:translateX(0)111}112to{113-webkit-transform:translateX(-3888px);114transform:translateX(-3888px)115}116}117@keyframes mspin-singlecolor-large-film{118from{119-webkit-transform:translateX(0);120transform:translateX(0)121}122to{123-webkit-transform:translateX(-3888px);124transform:translateX(-3888px)125}126}127@-webkit-keyframes mspin-rotate{128from{129-webkit-transform:rotate(0);130transform:rotate(0)131}132to{133-webkit-transform:rotate(360deg);134transform:rotate(360deg)135}136}137@keyframes mspin-rotate{138from{139-webkit-transform:rotate(0);140transform:rotate(0)141}142to{143-webkit-transform:rotate(360deg);144transform:rotate(360deg)145}146}147@-webkit-keyframes mspin-revrot{148from{149-webkit-transform:rotate(0);150transform:rotate(0)151}152to{153-webkit-transform:rotate(-360deg);154transform:rotate(-360deg)155}156}157@keyframes mspin-revrot{158from{159-webkit-transform:rotate(0);160transform:rotate(0)161}162to{163-webkit-transform:rotate(-360deg);164transform:rotate(-360deg)165}166}167.skip-navigation{168background-color:#fff;169box-sizing:border-box;170color:#000;171display:block;172height:0;173left:0;174line-height:50px;175overflow:hidden;176padding-top:0;177position:fixed;178text-align:center;179top:0;180-webkit-transition:box-shadow .3s,height .3s,padding-top .3s;181transition:box-shadow .3s,height .3s,padding-top .3s;182width:100%;183z-index:900184}185.skip-navigation:focus{186box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);187height:50px188}189#main{190outline:0191}192.main-heading{193position:absolute;194clip:rect(1px,1px,1px,1px);195padding:0;196border:0;197height:1px;198width:1px;199overflow:hidden200}201.Attribution{202margin-top:1em;203text-align:center204}205.Attribution .blogger img,.Attribution .blogger svg{206vertical-align:bottom207}208.Attribution .blogger img{209margin-right:.5em210}211.Attribution div{212line-height:24px;213margin-top:.5em214}215.Attribution .copyright,.Attribution .image-attribution{216font-size:.7em;217margin-top:1.5em218}219.BLOG_mobile_video_class{220display:none221}222.bg-photo{223background-attachment:scroll!important224}225body .CSS_LIGHTBOX{226z-index:900227}228.extendable .show-less,.extendable .show-more{229border-color:#a93e33;230color:#a93e33;231margin-top:8px232}233.extendable .show-less.hidden,.extendable .show-more.hidden{234display:none235}236.inline-ad{237display:none;238max-width:100%;239overflow:hidden240}241.adsbygoogle{242display:block243}244#cookieChoiceInfo{245bottom:0;246top:auto247}248iframe.b-hbp-video{249border:0250}251.post-body img{252max-width:100%253}254.post-body iframe{255max-width:100%256}257.post-body a[imageanchor="1"]{258display:inline-block259}260.byline{261margin-right:1em262}263.byline:last-child{264margin-right:0265}266.link-copied-dialog{267max-width:520px;268outline:0269}270.link-copied-dialog .modal-dialog-buttons{271margin-top:8px272}273.link-copied-dialog .goog-buttonset-default{274background:0 0;275border:0276}277.link-copied-dialog .goog-buttonset-default:focus{278outline:0279}280.paging-control-container{281margin-bottom:16px282}283.paging-control-container .paging-control{284display:inline-block285}286.paging-control-container .comment-range-text::after,.paging-control-container .paging-control{287color:#a93e33288}289.paging-control-container .comment-range-text,.paging-control-container .paging-control{290margin-right:8px291}292.paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{293content:"\b7";294cursor:default;295padding-left:8px;296pointer-events:none297}298.paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{299content:none300}301.byline.reactions iframe{302height:20px303}304.b-notification{305color:#000;306background-color:#fff;307border-bottom:solid 1px #000;308box-sizing:border-box;309padding:16px 32px;310text-align:center311}312.b-notification.visible{313-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);314transition:margin-top .3s cubic-bezier(.4,0,.2,1)315}316.b-notification.invisible{317position:absolute318}319.b-notification-close{320position:absolute;321right:8px;322top:8px323}324.no-posts-message{325line-height:40px;326text-align:center327}328@media screen and (max-width:1162px){329body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{330float:none!important;331clear:none!important332}333body.item-view .post-body a[imageanchor="1"] img{334display:block;335height:auto;336margin:0 auto337}338body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{339margin-top:20px340}341.post-body a[imageanchor]{342display:block343}344body.item-view .post-body a[imageanchor="1"]{345margin-left:0!important;346margin-right:0!important347}348body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{349margin-top:16px350}351}352.item-control{353display:none354}355#comments{356border-top:1px dashed rgba(0,0,0,.54);357margin-top:20px;358padding:20px359}360#comments .comment-thread ol{361margin:0;362padding-left:0;363padding-left:0364}365#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{366margin-left:60px367}368#comments .comment-thread .thread-count{369display:none370}371#comments .comment{372list-style-type:none;373padding:0 0 30px;374position:relative375}376#comments .comment .comment{377padding-bottom:8px378}379.comment .avatar-image-container{380position:absolute381}382.comment .avatar-image-container img{383border-radius:50%384}385.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{386border-radius:50%;387border:solid 1px #000000;388box-sizing:border-box;389fill:#000000;390height:35px;391margin:0;392padding:7px;393width:35px394}395.comment .comment-block{396margin-top:10px;397margin-left:60px;398padding-bottom:0399}400#comments .comment-author-header-wrapper{401margin-left:40px402}403#comments .comment .thread-expanded .comment-block{404padding-bottom:20px405}406#comments .comment .comment-header .user,#comments .comment .comment-header .user a{407color:#000000;408font-style:normal;409font-weight:700410}411#comments .comment .comment-actions{412bottom:0;413margin-bottom:15px;414position:absolute415}416#comments .comment .comment-actions>*{417margin-right:8px418}419#comments .comment .comment-header .datetime{420bottom:0;421color:rgba(0, 0, 0, 0.54);422display:inline-block;423font-size:13px;424font-style:italic;425margin-left:8px426}427#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{428color:rgba(0, 0, 0, 0.54)429}430#comments .comment .comment-content,.comment .comment-body{431margin-top:12px;432word-break:break-word433}434.comment-body{435margin-bottom:12px436}437#comments.embed[data-num-comments="0"]{438border:0;439margin-top:0;440padding-top:0441}442#comments.embed[data-num-comments="0"] #comment-post-message,#comments.embed[data-num-comments="0"] div.comment-form>p,#comments.embed[data-num-comments="0"] p.comment-footer{443display:none444}445#comment-editor-src{446display:none447}448.comments .comments-content .loadmore.loaded{449max-height:0;450opacity:0;451overflow:hidden452}453.extendable .remaining-items{454height:0;455overflow:hidden;456-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);457transition:height .3s cubic-bezier(.4,0,.2,1)458}459.extendable .remaining-items.expanded{460height:auto461}462.svg-icon-24,.svg-icon-24-button{463cursor:pointer;464height:24px;465width:24px;466min-width:24px467}468.touch-icon{469margin:-12px;470padding:12px471}472.touch-icon:active,.touch-icon:focus{473background-color:rgba(153,153,153,.4);474border-radius:50%475}476svg:not(:root).touch-icon{477overflow:visible478}479html[dir=rtl] .rtl-reversible-icon{480-webkit-transform:scaleX(-1);481-ms-transform:scaleX(-1);482transform:scaleX(-1)483}484.svg-icon-24-button,.touch-icon-button{485background:0 0;486border:0;487margin:0;488outline:0;489padding:0490}491.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{492background-color:transparent493}494.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{495background-color:rgba(153,153,153,.4);496border-radius:50%497}498.Profile .default-avatar-wrapper .avatar-icon{499border-radius:50%;500border:solid 1px #000000;501box-sizing:border-box;502fill:#000000;503margin:0504}505.Profile .individual .default-avatar-wrapper .avatar-icon{506padding:25px507}508.Profile .individual .avatar-icon,.Profile .individual .profile-img{509height:120px;510width:120px511}512.Profile .team .default-avatar-wrapper .avatar-icon{513padding:8px514}515.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{516height:40px;517width:40px518}519.snippet-container{520margin:0;521position:relative;522overflow:hidden523}524.snippet-fade{525bottom:0;526box-sizing:border-box;527position:absolute;528width:96px529}530.snippet-fade{531right:0532}533.snippet-fade:after{534content:"\2026"535}536.snippet-fade:after{537float:right538}539.centered-top-container.sticky{540left:0;541position:fixed;542right:0;543top:0;544width:auto;545z-index:50;546-webkit-transition-property:opacity,-webkit-transform;547transition-property:opacity,-webkit-transform;548transition-property:transform,opacity;549transition-property:transform,opacity,-webkit-transform;550-webkit-transition-duration:.2s;551transition-duration:.2s;552-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);553transition-timing-function:cubic-bezier(.4,0,.2,1)554}555.centered-top-placeholder{556display:none557}558.collapsed-header .centered-top-placeholder{559display:block560}561.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{562display:none563}564.centered-top-container.sticky .Header .replaced h1{565display:block566}567.centered-top-container.sticky .Header .header-widget{568background:0 0569}570.centered-top-container.sticky .Header .header-image-wrapper{571display:none572}573.centered-top-container img,.centered-top-placeholder img{574max-width:100%575}576.collapsible{577-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);578transition:height .3s cubic-bezier(.4,0,.2,1)579}580.collapsible,.collapsible>summary{581display:block;582overflow:hidden583}584.collapsible>:not(summary){585display:none586}587.collapsible[open]>:not(summary){588display:block589}590.collapsible:focus,.collapsible>summary:focus{591outline:0592}593.collapsible>summary{594cursor:pointer;595display:block;596padding:0597}598.collapsible:focus>summary,.collapsible>summary:focus{599background-color:transparent600}601.collapsible>summary::-webkit-details-marker{602display:none603}604.collapsible-title{605-webkit-box-align:center;606-webkit-align-items:center;607-ms-flex-align:center;608align-items:center;609display:-webkit-box;610display:-webkit-flex;611display:-ms-flexbox;612display:flex613}614.collapsible-title .title{615-webkit-box-flex:1;616-webkit-flex:1 1 auto;617-ms-flex:1 1 auto;618flex:1 1 auto;619-webkit-box-ordinal-group:1;620-webkit-order:0;621-ms-flex-order:0;622order:0;623overflow:hidden;624text-overflow:ellipsis;625white-space:nowrap626}627.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{628display:block629}630.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{631display:none632}633.flat-button{634cursor:pointer;635display:inline-block;636font-weight:700;637text-transform:uppercase;638border-radius:2px;639padding:8px;640margin:-8px641}642.flat-icon-button{643background:0 0;644border:0;645margin:0;646outline:0;647padding:0;648margin:-12px;649padding:12px;650cursor:pointer;651box-sizing:content-box;652display:inline-block;653line-height:0654}655.flat-icon-button,.flat-icon-button .splash-wrapper{656border-radius:50%657}658.flat-icon-button .splash.animate{659-webkit-animation-duration:.3s;660animation-duration:.3s661}662.overflowable-container{663max-height:28px;664overflow:hidden;665position:relative666}667.overflow-button{668cursor:pointer669}670#overflowable-dim-overlay{671background:0 0672}673.overflow-popup{674box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);675background-color:#fdfaf0;676left:0;677max-width:calc(100% - 32px);678position:absolute;679top:0;680visibility:hidden;681z-index:101682}683.overflow-popup ul{684list-style:none685}686.overflow-popup .tabs li,.overflow-popup li{687display:block;688height:auto689}690.overflow-popup .tabs li{691padding-left:0;692padding-right:0693}694.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{695display:none696}697.search{698display:-webkit-box;699display:-webkit-flex;700display:-ms-flexbox;701display:flex;702line-height:24px;703width:24px704}705.search.focused{706width:100%707}708.search.focused .section{709width:100%710}711.search form{712z-index:101713}714.search h3{715display:none716}717.search form{718display:-webkit-box;719display:-webkit-flex;720display:-ms-flexbox;721display:flex;722-webkit-box-flex:1;723-webkit-flex:1 0 0;724-ms-flex:1 0 0px;725flex:1 0 0;726border-bottom:solid 1px transparent;727padding-bottom:8px728}729.search form>*{730display:none731}732.search.focused form>*{733display:block734}735.search .search-input label{736display:none737}738.centered-top-placeholder.cloned .search form{739z-index:30740}741.search.focused form{742border-color:rgba(0, 0, 0, 0.54);743position:relative;744width:auto745}746.collapsed-header .centered-top-container .search.focused form{747border-bottom-color:transparent748}749.search-expand{750-webkit-box-flex:0;751-webkit-flex:0 0 auto;752-ms-flex:0 0 auto;753flex:0 0 auto754}755.search-expand-text{756display:none757}758.search-close{759display:inline;760vertical-align:middle761}762.search-input{763-webkit-box-flex:1;764-webkit-flex:1 0 1px;765-ms-flex:1 0 1px;766flex:1 0 1px767}768.search-input input{769background:0 0;770border:0;771box-sizing:border-box;772color:rgba(0, 0, 0, 0.54);773display:inline-block;774outline:0;775width:calc(100% - 48px)776}777.search-input input.no-cursor{778color:transparent;779text-shadow:0 0 0 rgba(0, 0, 0, 0.54)780}781.collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{782color:rgba(0, 0, 0, 0.54)783}784.collapsed-header .centered-top-container .search-input input.no-cursor{785color:transparent;786text-shadow:0 0 0 rgba(0, 0, 0, 0.54)787}788.collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{789outline:0790}791.search-focused>*{792visibility:hidden793}794.search-focused .search,.search-focused .search-icon{795visibility:visible796}797.search.focused .search-action{798display:block799}800.search.focused .search-action:disabled{801opacity:.3802}803.widget.Sharing .sharing-button{804display:none805}806.widget.Sharing .sharing-buttons li{807padding:0808}809.widget.Sharing .sharing-buttons li span{810display:none811}812.post-share-buttons{813position:relative814}815.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{816fill:#000000817}818.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{819background-color:transparent820}821.share-buttons{822background-color:#fdfaf0;823border-radius:2px;824box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);825color:#000000;826list-style:none;827margin:0;828padding:8px 0;829position:absolute;830top:-11px;831min-width:200px;832z-index:101833}834.share-buttons.hidden{835display:none836}837.sharing-button{838background:0 0;839border:0;840margin:0;841outline:0;842padding:0;843cursor:pointer844}845.share-buttons li{846margin:0;847height:48px848}849.share-buttons li:last-child{850margin-bottom:0851}852.share-buttons li .sharing-platform-button{853box-sizing:border-box;854cursor:pointer;855display:block;856height:100%;857margin-bottom:0;858padding:0 16px;859position:relative;860width:100%861}862.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{863background-color:rgba(128,128,128,.1);864outline:0865}866.share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{867position:absolute;868top:10px869}870.share-buttons li span.sharing-platform-button{871position:relative;872top:0873}874.share-buttons li .platform-sharing-text{875display:block;876font-size:16px;877line-height:48px;878white-space:nowrap879}880.share-buttons li .platform-sharing-text{881margin-left:56px882}883.sidebar-container{884background-color:#f7f7f7;885max-width:284px;886overflow-y:auto;887-webkit-transition-property:-webkit-transform;888transition-property:-webkit-transform;889transition-property:transform;890transition-property:transform,-webkit-transform;891-webkit-transition-duration:.3s;892transition-duration:.3s;893-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);894transition-timing-function:cubic-bezier(0,0,.2,1);895width:284px;896z-index:101;897-webkit-overflow-scrolling:touch898}899.sidebar-container .navigation{900line-height:0;901padding:16px902}903.sidebar-container .sidebar-back{904cursor:pointer905}906.sidebar-container .widget{907background:0 0;908margin:0 16px;909padding:16px 0910}911.sidebar-container .widget .title{912color:rgba(0, 0, 0, 0.54);913margin:0914}915.sidebar-container .widget ul{916list-style:none;917margin:0;918padding:0919}920.sidebar-container .widget ul ul{921margin-left:1em922}923.sidebar-container .widget li{924font-size:16px;925line-height:normal926}927.sidebar-container .widget+.widget{928border-top:1px dashed rgba(0, 0, 0, 0.54)929}930.BlogArchive li{931margin:16px 0932}933.BlogArchive li:last-child{934margin-bottom:0935}936.Label li a{937display:inline-block938}939.BlogArchive .post-count,.Label .label-count{940float:right;941margin-left:.25em942}943.BlogArchive .post-count::before,.Label .label-count::before{944content:"("945}946.BlogArchive .post-count::after,.Label .label-count::after{947content:")"948}949.widget.Translate .skiptranslate>div{950display:block!important951}952.widget.Profile .profile-link{953display:-webkit-box;954display:-webkit-flex;955display:-ms-flexbox;956display:flex957}958.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{959-webkit-box-flex:0;960-webkit-flex:0 0 auto;961-ms-flex:0 0 auto;962flex:0 0 auto;963margin-right:1em964}965.widget.Profile .individual .profile-link{966-webkit-box-orient:vertical;967-webkit-box-direction:normal;968-webkit-flex-direction:column;969-ms-flex-direction:column;970flex-direction:column971}972.widget.Profile .team .profile-link .profile-name{973-webkit-align-self:center;974-ms-flex-item-align:center;975align-self:center;976display:block;977-webkit-box-flex:1;978-webkit-flex:1 1 auto;979-ms-flex:1 1 auto;980flex:1 1 auto981}982.dim-overlay{983background-color:rgba(0,0,0,.54);984z-index:100985}986body.sidebar-visible{987overflow-y:hidden988}989@media screen and (max-width:1439px){990.sidebar-container{991bottom:0;992position:fixed;993top:0;994left:0;995right:auto996}997.sidebar-container.sidebar-invisible{998-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);999transition-timing-function:cubic-bezier(.4,0,.6,1)1000}1001html[dir=ltr] .sidebar-container.sidebar-invisible{1002-webkit-transform:translateX(-284px);1003-ms-transform:translateX(-284px);1004transform:translateX(-284px)1005}1006html[dir=rtl] .sidebar-container.sidebar-invisible{1007-webkit-transform:translateX(284px);1008-ms-transform:translateX(284px);1009transform:translateX(284px)1010}1011}1012@media screen and (min-width:1440px){1013.sidebar-container{1014position:absolute;1015top:0;1016left:0;1017right:auto1018}1019.sidebar-container .navigation{1020display:none1021}1022}1023.dialog{1024box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);1025background:#fdfaf0;1026box-sizing:border-box;1027color:#000000;1028padding:30px;1029position:fixed;1030text-align:center;1031width:calc(100% - 24px);1032z-index:1011033}1034.dialog input[type=email],.dialog input[type=text]{1035background-color:transparent;1036border:0;1037border-bottom:solid 1px rgba(0,0,0,.12);1038color:#000000;1039display:block;1040font-family:EB Garamond, serif;1041font-size:16px;1042line-height:24px;1043margin:auto;1044padding-bottom:7px;1045outline:0;1046text-align:center;1047width:100%1048}1049.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{1050color:#0000001051}1052.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{1053color:#0000001054}1055.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{1056color:#0000001057}1058.dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{1059color:#0000001060}1061.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{1062color:#0000001063}1064.dialog input[type=email]:focus,.dialog input[type=text]:focus{1065border-bottom:solid 2px #a93e33;1066padding-bottom:6px1067}1068.dialog input.no-cursor{1069color:transparent;1070text-shadow:0 0 0 #0000001071}1072.dialog input.no-cursor:focus{1073outline:01074}1075.dialog input.no-cursor:focus{1076outline:01077}1078.dialog input[type=submit]{1079font-family:EB Garamond, serif1080}1081.dialog .goog-buttonset-default{1082color:#a93e331083}1084.subscribe-popup{1085max-width:364px1086}1087.subscribe-popup h3{1088color:#2c1d14;1089font-size:1.8em;1090margin-top:01091}1092.subscribe-popup .FollowByEmail h3{1093display:none1094}1095.subscribe-popup .FollowByEmail .follow-by-email-submit{1096color:#a93e33;1097display:inline-block;1098margin:0 auto;1099margin-top:24px;1100width:auto;1101white-space:normal1102}1103.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{1104cursor:default;1105opacity:.31106}1107@media (max-width:800px){1108.blog-name div.widget.Subscribe{1109margin-bottom:16px1110}1111body.item-view .blog-name div.widget.Subscribe{1112margin:8px auto 16px auto;1113width:100%1114}1115}1116body#layout .bg-photo,body#layout .bg-photo-overlay{1117display:none1118}1119body#layout .page_body{1120padding:0;1121position:relative;1122top:01123}1124body#layout .page{1125display:inline-block;1126left:inherit;1127position:relative;1128vertical-align:top;1129width:540px1130}1131body#layout .centered{1132max-width:954px1133}1134body#layout .navigation{1135display:none1136}1137body#layout .sidebar-container{1138display:inline-block;1139width:40%1140}1141body#layout .hamburger-menu,body#layout .search{1142display:none1143}1144body{1145background-color:#fdfaf0;1146color:#000000;1147font:normal 400 20px EB Garamond, serif;1148height:100%;1149margin:0;1150min-height:100vh1151}1152h1,h2,h3,h4,h5,h6{1153font-weight:4001154}1155a{1156color:#a93e33;1157text-decoration:none1158}1159.dim-overlay{1160z-index:1001161}1162body.sidebar-visible .page_body{1163overflow-y:scroll1164}1165.widget .title{1166color:rgba(0, 0, 0, 0.54);1167font:normal 400 12px Montserrat, sans-serif1168}1169.extendable .show-less,.extendable .show-more{1170color:#a93e33;1171font:normal 400 12px Montserrat, sans-serif;1172margin:12px -8px 0 -8px;1173text-transform:uppercase1174}1175.footer .widget,.main .widget{1176margin:50px 01177}1178.main .widget .title{1179text-transform:uppercase1180}1181.inline-ad{1182display:block;1183margin-top:50px1184}1185.adsbygoogle{1186text-align:center1187}1188.page_body{1189display:-webkit-box;1190display:-webkit-flex;1191display:-ms-flexbox;1192display:flex;1193-webkit-box-orient:vertical;1194-webkit-box-direction:normal;1195-webkit-flex-direction:column;1196-ms-flex-direction:column;1197flex-direction:column;1198min-height:100vh;1199position:relative;1200z-index:20