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" xmlns="" xmlns:b="" xmlns:data="" xmlns:expr="">3 <head>4 <meta content="width=device-width, initial-scale=1" name="viewport">5 <title>6 Notes from January 7 language meeting7 </title>8 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">9 <!-- Chrome, Firefox OS and Opera -->10 <meta content="#ffffff" name="theme-color">11 <!-- Windows Phone -->12 <meta content="#ffffff" 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="Notes from January 7 language meeting" property="og:title">17 <meta content="Dart engineer Bob Nystrom has posted the notes from the January 7th language design meeting. He writes: Here's my notes from this ..." property="og:description">18 <style type="text/css">19 @font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup5.ttf)format('truetype');}@font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR799U60.ttf)format('truetype');}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI96.ttf)format('truetype');}@font-face{font-family:'Lato';font-style:italic;font-weight:700;src:url(//fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwfo.ttf)format('truetype');}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf)format('truetype');}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPHA.ttf)format('truetype');}@font-face{font-family:'Lato';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwiPHA.ttf)format('truetype');}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkqg.ttf)format('truetype');}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;font-stretch:normal;src:url(//fonts.gstatic.com/s/opensans/v36/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAexQ.ttf)format('truetype');}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;font-stretch:normal;src:url(//fonts.gstatic.com/s/opensans/v36/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjWVAexQ.ttf)format('truetype');}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:normal;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf)format('truetype');}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:normal;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf)format('truetype');}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-stretch:normal;src:url(//fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf)format('truetype');}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}24body{25overflow-wrap:break-word;26word-break:break-word;27word-wrap:break-word28}29.hidden{30display:none31}32.invisible{33visibility:hidden34}35.container::after,.float-container::after{36clear:both;37content:"";38display:table39}40.clearboth{41clear:both42}43#comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit,.widget.Profile .profile-link{44background:0 0;45border:0;46box-shadow:none;47color:#2478a0;48cursor:pointer;49font-size:14px;50font-weight:700;51outline:0;52text-decoration:none;53text-transform:uppercase;54width:auto55}56.dim-overlay{57background-color:rgba(0,0,0,.54);58height:100vh;59left:0;60position:fixed;61top:0;62width:100%63}64#sharing-dim-overlay{65background-color:transparent66}67input::-ms-clear{68display:none69}70.blogger-logo,.svg-icon-24.blogger-logo{71fill:#ff9800;72opacity:173}74.loading-spinner-large{75-webkit-animation:mspin-rotate 1.568s infinite linear;76animation:mspin-rotate 1.568s infinite linear;77height:48px;78overflow:hidden;79position:absolute;80width:48px;81z-index:20082}83.loading-spinner-large>div{84-webkit-animation:mspin-revrot 5332ms infinite steps(4);85animation:mspin-revrot 5332ms infinite steps(4)86}87.loading-spinner-large>div>div{88-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);89animation:mspin-singlecolor-large-film 1333ms infinite steps(81);90background-size:100%;91height:48px;92width:3888px93}94.mspin-black-large>div>div,.mspin-grey_54-large>div>div{95background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)96}97.mspin-white-large>div>div{98background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)99}100.mspin-grey_54-large{101opacity:.54102}103@-webkit-keyframes mspin-singlecolor-large-film{104from{105-webkit-transform:translateX(0);106transform:translateX(0)107}108to{109-webkit-transform:translateX(-3888px);110transform:translateX(-3888px)111}112}113@keyframes mspin-singlecolor-large-film{114from{115-webkit-transform:translateX(0);116transform:translateX(0)117}118to{119-webkit-transform:translateX(-3888px);120transform:translateX(-3888px)121}122}123@-webkit-keyframes mspin-rotate{124from{125-webkit-transform:rotate(0);126transform:rotate(0)127}128to{129-webkit-transform:rotate(360deg);130transform:rotate(360deg)131}132}133@keyframes mspin-rotate{134from{135-webkit-transform:rotate(0);136transform:rotate(0)137}138to{139-webkit-transform:rotate(360deg);140transform:rotate(360deg)141}142}143@-webkit-keyframes mspin-revrot{144from{145-webkit-transform:rotate(0);146transform:rotate(0)147}148to{149-webkit-transform:rotate(-360deg);150transform:rotate(-360deg)151}152}153@keyframes mspin-revrot{154from{155-webkit-transform:rotate(0);156transform:rotate(0)157}158to{159-webkit-transform:rotate(-360deg);160transform:rotate(-360deg)161}162}163.skip-navigation{164background-color:#fff;165box-sizing:border-box;166color:#000;167display:block;168height:0;169left:0;170line-height:50px;171overflow:hidden;172padding-top:0;173position:fixed;174text-align:center;175top:0;176-webkit-transition:box-shadow .3s,height .3s,padding-top .3s;177transition:box-shadow .3s,height .3s,padding-top .3s;178width:100%;179z-index:900180}181.skip-navigation:focus{182box-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);183height:50px184}185#main{186outline:0187}188.main-heading{189position:absolute;190clip:rect(1px,1px,1px,1px);191padding:0;192border:0;193height:1px;194width:1px;195overflow:hidden196}197.Attribution{198margin-top:1em;199text-align:center200}201.Attribution .blogger img,.Attribution .blogger svg{202vertical-align:bottom203}204.Attribution .blogger img{205margin-right:.5em206}207.Attribution div{208line-height:24px;209margin-top:.5em210}211.Attribution .copyright,.Attribution .image-attribution{212font-size:.7em;213margin-top:1.5em214}215.BLOG_mobile_video_class{216display:none217}218.bg-photo{219background-attachment:scroll!important220}221body .CSS_LIGHTBOX{222z-index:900223}224.extendable .show-less,.extendable .show-more{225border-color:#2478a0;226color:#2478a0;227margin-top:8px228}229.extendable .show-less.hidden,.extendable .show-more.hidden{230display:none231}232.inline-ad{233display:none;234max-width:100%;235overflow:hidden236}237.adsbygoogle{238display:block239}240#cookieChoiceInfo{241bottom:0;242top:auto243}244iframe.b-hbp-video{245border:0246}247.post-body img{248max-width:100%249}250.post-body iframe{251max-width:100%252}253.post-body a[imageanchor="1"]{254display:inline-block255}256.byline{257margin-right:1em258}259.byline:last-child{260margin-right:0261}262.link-copied-dialog{263max-width:520px;264outline:0265}266.link-copied-dialog .modal-dialog-buttons{267margin-top:8px268}269.link-copied-dialog .goog-buttonset-default{270background:0 0;271border:0272}273.link-copied-dialog .goog-buttonset-default:focus{274outline:0275}276.paging-control-container{277margin-bottom:16px278}279.paging-control-container .paging-control{280display:inline-block281}282.paging-control-container .comment-range-text::after,.paging-control-container .paging-control{283color:#2478a0284}285.paging-control-container .comment-range-text,.paging-control-container .paging-control{286margin-right:8px287}288.paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{289content:"\b7";290cursor:default;291padding-left:8px;292pointer-events:none293}294.paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{295content:none296}297.byline.reactions iframe{298height:20px299}300.b-notification{301color:#000;302background-color:#fff;303border-bottom:solid 1px #000;304box-sizing:border-box;305padding:16px 32px;306text-align:center307}308.b-notification.visible{309-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);310transition:margin-top .3s cubic-bezier(.4,0,.2,1)311}312.b-notification.invisible{313position:absolute314}315.b-notification-close{316position:absolute;317right:8px;318top:8px319}320.no-posts-message{321line-height:40px;322text-align:center323}324@media screen and (max-width:968px){325body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{326float:none!important;327clear:none!important328}329body.item-view .post-body a[imageanchor="1"] img{330display:block;331height:auto;332margin:0 auto333}334body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{335margin-top:20px336}337.post-body a[imageanchor]{338display:block339}340body.item-view .post-body a[imageanchor="1"]{341margin-left:0!important;342margin-right:0!important343}344body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{345margin-top:16px346}347}348.item-control{349display:none350}351#comments{352border-top:1px dashed rgba(0,0,0,.54);353margin-top:20px;354padding:20px355}356#comments .comment-thread ol{357margin:0;358padding-left:0;359padding-left:0360}361#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{362margin-left:60px363}364#comments .comment-thread .thread-count{365display:none366}367#comments .comment{368list-style-type:none;369padding:0 0 30px;370position:relative371}372#comments .comment .comment{373padding-bottom:8px374}375.comment .avatar-image-container{376position:absolute377}378.comment .avatar-image-container img{379border-radius:50%380}381.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{382border-radius:50%;383border:solid 1px #2478a0;384box-sizing:border-box;385fill:#2478a0;386height:35px;387margin:0;388padding:7px;389width:35px390}391.comment .comment-block{392margin-top:10px;393margin-left:60px;394padding-bottom:0395}396#comments .comment-author-header-wrapper{397margin-left:40px398}399#comments .comment .thread-expanded .comment-block{400padding-bottom:20px401}402#comments .comment .comment-header .user,#comments .comment .comment-header .user a{403color:rgba(0, 0, 0, 0.83);404font-style:normal;405font-weight:700406}407#comments .comment .comment-actions{408bottom:0;409margin-bottom:15px;410position:absolute411}412#comments .comment .comment-actions>*{413margin-right:8px414}415#comments .comment .comment-header .datetime{416bottom:0;417color:rgba(0, 0, 0, 0.54);418display:inline-block;419font-size:13px;420font-style:italic;421margin-left:8px422}423#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{424color:rgba(0, 0, 0, 0.54)425}426#comments .comment .comment-content,.comment .comment-body{427margin-top:12px;428word-break:break-word429}430.comment-body{431margin-bottom:12px432}433#comments.embed[data-num-comments="0"]{434border:0;435margin-top:0;436padding-top:0437}438#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{439display:none440}441#comment-editor-src{442display:none443}444.comments .comments-content .loadmore.loaded{445max-height:0;446opacity:0;447overflow:hidden448}449.extendable .remaining-items{450height:0;451overflow:hidden;452-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);453transition:height .3s cubic-bezier(.4,0,.2,1)454}455.extendable .remaining-items.expanded{456height:auto457}458.svg-icon-24,.svg-icon-24-button{459cursor:pointer;460height:24px;461width:24px;462min-width:24px463}464.touch-icon{465margin:-12px;466padding:12px467}468.touch-icon:active,.touch-icon:focus{469background-color:rgba(153,153,153,.4);470border-radius:50%471}472svg:not(:root).touch-icon{473overflow:visible474}475html[dir=rtl] .rtl-reversible-icon{476-webkit-transform:scaleX(-1);477-ms-transform:scaleX(-1);478transform:scaleX(-1)479}480.svg-icon-24-button,.touch-icon-button{481background:0 0;482border:0;483margin:0;484outline:0;485padding:0486}487.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{488background-color:transparent489}490.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{491background-color:rgba(153,153,153,.4);492border-radius:50%493}494.Profile .default-avatar-wrapper .avatar-icon{495border-radius:50%;496border:solid 1px #000000;497box-sizing:border-box;498fill:#000000;499margin:0500}501.Profile .individual .default-avatar-wrapper .avatar-icon{502padding:25px503}504.Profile .individual .avatar-icon,.Profile .individual .profile-img{505height:120px;506width:120px507}508.Profile .team .default-avatar-wrapper .avatar-icon{509padding:8px510}511.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{512height:40px;513width:40px514}515.snippet-container{516margin:0;517position:relative;518overflow:hidden519}520.snippet-fade{521bottom:0;522box-sizing:border-box;523position:absolute;524width:96px525}526.snippet-fade{527right:0528}529.snippet-fade:after{530content:"\2026"531}532.snippet-fade:after{533float:right534}535.post-bottom{536-webkit-box-align:center;537-webkit-align-items:center;538-ms-flex-align:center;539align-items:center;540display:-webkit-box;541display:-webkit-flex;542display:-ms-flexbox;543display:flex;544-webkit-flex-wrap:wrap;545-ms-flex-wrap:wrap;546flex-wrap:wrap547}548.post-footer{549-webkit-box-flex:1;550-webkit-flex:1 1 auto;551-ms-flex:1 1 auto;552flex:1 1 auto;553-webkit-flex-wrap:wrap;554-ms-flex-wrap:wrap;555flex-wrap:wrap;556-webkit-box-ordinal-group:2;557-webkit-order:1;558-ms-flex-order:1;559order:1560}561.post-footer>*{562-webkit-box-flex:0;563-webkit-flex:0 1 auto;564-ms-flex:0 1 auto;565flex:0 1 auto566}567.post-footer .byline:last-child{568margin-right:1em569}570.jump-link{571-webkit-box-flex:0;572-webkit-flex:0 0 auto;573-ms-flex:0 0 auto;574flex:0 0 auto;575-webkit-box-ordinal-group:3;576-webkit-order:2;577-ms-flex-order:2;578order:2579}580.centered-top-container.sticky{581left:0;582position:fixed;583right:0;584top:0;585width:auto;586z-index:8;587-webkit-transition-property:opacity,-webkit-transform;588transition-property:opacity,-webkit-transform;589transition-property:transform,opacity;590transition-property:transform,opacity,-webkit-transform;591-webkit-transition-duration:.2s;592transition-duration:.2s;593-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);594transition-timing-function:cubic-bezier(.4,0,.2,1)595}596.centered-top-placeholder{597display:none598}599.collapsed-header .centered-top-placeholder{600display:block601}602.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{603display:none604}605.centered-top-container.sticky .Header .replaced h1{606display:block607}608.centered-top-container.sticky .Header .header-widget{609background:0 0610}611.centered-top-container.sticky .Header .header-image-wrapper{612display:none613}614.centered-top-container img,.centered-top-placeholder img{615max-width:100%616}617.collapsible{618-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);619transition:height .3s cubic-bezier(.4,0,.2,1)620}621.collapsible,.collapsible>summary{622display:block;623overflow:hidden624}625.collapsible>:not(summary){626display:none627}628.collapsible[open]>:not(summary){629display:block630}631.collapsible:focus,.collapsible>summary:focus{632outline:0633}634.collapsible>summary{635cursor:pointer;636display:block;637padding:0638}639.collapsible:focus>summary,.collapsible>summary:focus{640background-color:transparent641}642.collapsible>summary::-webkit-details-marker{643display:none644}645.collapsible-title{646-webkit-box-align:center;647-webkit-align-items:center;648-ms-flex-align:center;649align-items:center;650display:-webkit-box;651display:-webkit-flex;652display:-ms-flexbox;653display:flex654}655.collapsible-title .title{656-webkit-box-flex:1;657-webkit-flex:1 1 auto;658-ms-flex:1 1 auto;659flex:1 1 auto;660-webkit-box-ordinal-group:1;661-webkit-order:0;662-ms-flex-order:0;663order:0;664overflow:hidden;665text-overflow:ellipsis;666white-space:nowrap667}668.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{669display:block670}671.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{672display:none673}674.overflowable-container{675max-height:48px;676overflow:hidden;677position:relative678}679.overflow-button{680cursor:pointer681}682#overflowable-dim-overlay{683background:0 0684}685.overflow-popup{686box-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);687background-color:#ffffff;688left:0;689max-width:calc(100% - 32px);690position:absolute;691top:0;692visibility:hidden;693z-index:101694}695.overflow-popup ul{696list-style:none697}698.overflow-popup .tabs li,.overflow-popup li{699display:block;700height:auto701}702.overflow-popup .tabs li{703padding-left:0;704padding-right:0705}706.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{707display:none708}709.ripple{710position:relative711}712.ripple>*{713z-index:1714}715.splash-wrapper{716bottom:0;717left:0;718overflow:hidden;719pointer-events:none;720position:absolute;721right:0;722top:0;723z-index:0724}725.splash{726background:#ccc;727border-radius:100%;728display:block;729opacity:.6;730position:absolute;731-webkit-transform:scale(0);732-ms-transform:scale(0);733transform:scale(0)734}735.splash.animate{736-webkit-animation:ripple-effect .4s linear;737animation:ripple-effect .4s linear738}739@-webkit-keyframes ripple-effect{740100%{741opacity:0;742-webkit-transform:scale(2.5);743transform:scale(2.5)744}745}746@keyframes ripple-effect{747100%{748opacity:0;749-webkit-transform:scale(2.5);750transform:scale(2.5)751}752}753.search{754display:-webkit-box;755display:-webkit-flex;756display:-ms-flexbox;757display:flex;758line-height:24px;759width:24px760}761.search.focused{762width:100%763}764.search.focused .section{765width:100%766}767.search form{768z-index:101769}770.search h3{771display:none772}773.search form{774display:-webkit-box;775display:-webkit-flex;776display:-ms-flexbox;777display:flex;778-webkit-box-flex:1;779-webkit-flex:1 0 0;780-ms-flex:1 0 0px;781flex:1 0 0;782border-bottom:solid 1px transparent;783padding-bottom:8px784}785.search form>*{786display:none787}788.search.focused form>*{789display:block790}791.search .search-input label{792display:none793}794.centered-top-placeholder.cloned .search form{795z-index:30796}797.search.focused form{798border-color:rgba(0, 0, 0, 0.83);799position:relative;800width:auto801}802.collapsed-header .centered-top-container .search.focused form{803border-bottom-color:transparent804}805.search-expand{806-webkit-box-flex:0;807-webkit-flex:0 0 auto;808-ms-flex:0 0 auto;809flex:0 0 auto810}811.search-expand-text{812display:none813}814.search-close{815display:inline;816vertical-align:middle817}818.search-input{819-webkit-box-flex:1;820-webkit-flex:1 0 1px;821-ms-flex:1 0 1px;822flex:1 0 1px823}824.search-input input{825background:0 0;826border:0;827box-sizing:border-box;828color:rgba(0, 0, 0, 0.83);829display:inline-block;830outline:0;831width:calc(100% - 48px)832}833.search-input input.no-cursor{834color:transparent;835text-shadow:0 0 0 rgba(0, 0, 0, 0.83)836}837.collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{838color:rgba(0, 0, 0, 0.83)839}840.collapsed-header .centered-top-container .search-input input.no-cursor{841color:transparent;842text-shadow:0 0 0 rgba(0, 0, 0, 0.83)843}844.collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{845outline:0846}847.search-focused>*{848visibility:hidden849}850.search-focused .search,.search-focused .search-icon{851visibility:visible852}853.search.focused .search-action{854display:block855}856.search.focused .search-action:disabled{857opacity:.3858}859.sidebar-container{860background-color:#f7f7f7;861max-width:320px;862overflow-y:auto;863-webkit-transition-property:-webkit-transform;864transition-property:-webkit-transform;865transition-property:transform;866transition-property:transform,-webkit-transform;867-webkit-transition-duration:.3s;868transition-duration:.3s;869-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);870transition-timing-function:cubic-bezier(0,0,.2,1);871width:320px;872z-index:101;873-webkit-overflow-scrolling:touch874}875.sidebar-container .navigation{876line-height:0;877padding:16px878}879.sidebar-container .sidebar-back{880cursor:pointer881}882.sidebar-container .widget{883background:0 0;884margin:0 16px;885padding:16px 0886}887.sidebar-container .widget .title{888color:#000000;889margin:0890}891.sidebar-container .widget ul{892list-style:none;893margin:0;894padding:0895}896.sidebar-container .widget ul ul{897margin-left:1em898}899.sidebar-container .widget li{900font-size:16px;901line-height:normal902}903.sidebar-container .widget+.widget{904border-top:1px dashed #000000905}906.BlogArchive li{907margin:16px 0908}909.BlogArchive li:last-child{910margin-bottom:0911}912.Label li a{913display:inline-block914}915.BlogArchive .post-count,.Label .label-count{916float:right;917margin-left:.25em918}919.BlogArchive .post-count::before,.Label .label-count::before{920content:"("921}922.BlogArchive .post-count::after,.Label .label-count::after{923content:")"924}925.widget.Translate .skiptranslate>div{926display:block!important927}928.widget.Profile .profile-link{929display:-webkit-box;930display:-webkit-flex;931display:-ms-flexbox;932display:flex933}934.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{935-webkit-box-flex:0;936-webkit-flex:0 0 auto;937-ms-flex:0 0 auto;938flex:0 0 auto;939margin-right:1em940}941.widget.Profile .individual .profile-link{942-webkit-box-orient:vertical;943-webkit-box-direction:normal;944-webkit-flex-direction:column;945-ms-flex-direction:column;946flex-direction:column947}948.widget.Profile .team .profile-link .profile-name{949-webkit-align-self:center;950-ms-flex-item-align:center;951align-self:center;952display:block;953-webkit-box-flex:1;954-webkit-flex:1 1 auto;955-ms-flex:1 1 auto;956flex:1 1 auto957}958.dim-overlay{959background-color:rgba(0,0,0,.54);960z-index:100961}962body.sidebar-visible{963overflow-y:hidden964}965@media screen and (max-width:1619px){966.sidebar-container{967bottom:0;968position:fixed;969top:0;970left:auto;971right:0972}973.sidebar-container.sidebar-invisible{974-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);975transition-timing-function:cubic-bezier(.4,0,.6,1);976-webkit-transform:translateX(320px);977-ms-transform:translateX(320px);978transform:translateX(320px)979}980}981.dialog{982box-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);983background:#ffffff;984box-sizing:border-box;985color:rgba(0, 0, 0, 0.83);986padding:30px;987position:fixed;988text-align:center;989width:calc(100% - 24px);990z-index:101991}992.dialog input[type=email],.dialog input[type=text]{993background-color:transparent;994border:0;995border-bottom:solid 1px rgba(0,0,0,.12);996color:rgba(0, 0, 0, 0.83);997display:block;998font-family:Georgia, Utopia, 'Palatino Linotype', Palatino, serif;999font-size:16px;1000line-height:24px;1001margin:auto;1002padding-bottom:7px;1003outline:0;1004text-align:center;1005width:100%1006}1007.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{1008color:rgba(0, 0, 0, 0.83)1009}1010.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{1011color:rgba(0, 0, 0, 0.83)1012}1013.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{1014color:rgba(0, 0, 0, 0.83)1015}1016.dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{1017color:rgba(0, 0, 0, 0.83)1018}1019.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{1020color:rgba(0, 0, 0, 0.83)1021}1022.dialog input[type=email]:focus,.dialog input[type=text]:focus{1023border-bottom:solid 2px #2478a0;1024padding-bottom:6px1025}1026.dialog input.no-cursor{1027color:transparent;1028text-shadow:0 0 0 rgba(0, 0, 0, 0.83)1029}1030.dialog input.no-cursor:focus{1031outline:01032}1033.dialog input.no-cursor:focus{1034outline:01035}1036.dialog input[type=submit]{1037font-family:Georgia, Utopia, 'Palatino Linotype', Palatino, serif1038}1039.dialog .goog-buttonset-default{1040color:#2478a01041}1042.subscribe-popup{1043max-width:364px1044}1045.subscribe-popup h3{1046color:#ffffff;1047font-size:1.8em;1048margin-top:01049}1050.subscribe-popup .FollowByEmail h3{1051display:none1052}1053.subscribe-popup .FollowByEmail .follow-by-email-submit{1054color:#2478a0;1055display:inline-block;1056margin:0 auto;1057margin-top:24px;1058width:auto;1059white-space:normal1060}1061.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{1062cursor:default;1063opacity:.31064}1065@media (max-width:800px){1066.blog-name div.widget.Subscribe{1067margin-bottom:16px1068}1069body.item-view .blog-name div.widget.Subscribe{1070margin:8px auto 16px auto;1071width:100%1072}1073}1074body#layout .bg-photo,body#layout .bg-photo-overlay{1075display:none1076}1077body#layout .page_body{1078padding:0;1079position:relative;1080top:01081}1082body#layout .page{1083display:inline-block;1084left:inherit;1085position:relative;1086vertical-align:top;1087width:540px1088}1089body#layout .centered{1090max-width:954px1091}1092body#layout .navigation{1093display:none1094}1095body#layout .sidebar-container{1096display:inline-block;1097width:40%1098}1099body#layout .hamburger-menu,body#layout .search{1100display:none1101}1102.widget.Sharing .sharing-button{1103display:none1104}1105.widget.Sharing .sharing-buttons li{1106padding:01107}1108.widget.Sharing .sharing-buttons li span{1109display:none1110}1111.post-share-buttons{1112position:relative1113}1114.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{1115fill:#2478a01116}1117.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{1118background-color:transparent1119}1120.share-buttons{1121background-color:#ffffff;1122border-radius:2px;1123box-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);1124color:#2478a0;1125list-style:none;1126margin:0;1127padding:8px 0;1128position:absolute;1129top:-11px;1130min-width:200px;1131z-index:1011132}1133.share-buttons.hidden{1134display:none1135}1136.sharing-button{1137background:0 0;1138border:0;1139margin:0;1140outline:0;1141padding:0;1142cursor:pointer1143}1144.share-buttons li{1145margin:0;1146height:48px1147}1148.share-buttons li:last-child{1149margin-bottom:01150}1151.share-buttons li .sharing-platform-button{1152box-sizing:border-box;1153cursor:pointer;1154display:block;1155height:100%;1156margin-bottom:0;1157padding:0 16px;1158position:relative;1159width:100%1160}1161.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{1162background-color:rgba(128,128,128,.1);1163outline:01164}1165.share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{1166position:absolute;1167top:10px1168}1169.share-buttons li span.sharing-platform-button{1170position:relative;1171top:01172}1173.share-buttons li .platform-sharing-text{1174display:block;1175font-size:16px;1176line-height:48px;1177white-space:nowrap1178}1179.share-buttons li .platform-sharing-text{1180margin-left:56px1181}1182.flat-button{1183cursor:pointer;1184display:inline-block;1185font-weight:700;1186text-transform:uppercase;1187border-radius:2px;1188padding:8px;1189margin:-8px1190}1191.flat-icon-button{1192background:0 0;1193border:0;1194margin:0;1195outline:0;1196padding:0;1197margin:-12px;1198padding:12px;1199cursor:pointer;1200box-sizing:content-box;