CoolFace
Datasetpublic

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.

sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.7kdownloads
1800.html1689 linesDownload Raw Back to root
1<!DOCTYPE html>2<html>3 <!-- InstanceBegin template="Templates/master-index.dwt" codeOutsideHTMLIsLocked="false" -->4 <head>5  <style>6   #contentarea {7	background-image: url(../images/sitebgd.jpg);8}9#menu {10	width: 800px;11	background-color: #C9B273;12	font-style: normal;13	font-size: 100%;14	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;15}16#footer {17	width: 800px;18	background-color: #bec0b1;19	text-align: center;20	padding-top: 8px;21	padding-bottom: 8px;22}23#sitemap {24	background-color: #BFC6A7;25}26.index_text_1 {27	font-family: "Times New Roman", Times, serif;28	font-size: 18px;29	color: #85623C;30	text-align: left;31}32 33.site_text {34	font-family: "Times New Roman", Times, serif;35	font-size: 16px;36	font-style: normal;37	color: #85623C;38}39.site2_text {40	font-family: "Times New Roman", Times, serif;41	font-size: 18px;42	font-style: normal;43	color: #E3E4CE;44}45.site_italic {46	font-family: Georgia, "Times New Roman", Times, serif;47	font-size: 14px;48	color: #85623C;49	font-style: italic;50}51.master_1 {52	background-image: url(../images/master_04.jpg);53}54.master_2 {55	background-image: url(../images/master_05.jpg);56}57.master_3 {58	background-image: url(../images/master_06.jpg);59}60.master_4 {61	background-image: url(../images/master_07.jpg);62}63.master_bgd {64	background-image: url(../images/masterbgd.jpg);65}66h1 {67	font-family: "Times New Roman", Times, serif;68	font-size: 20px;69	font-style: normal;70	font-weight: bold;71}72#storybook {73	clear: both;74	height: 275px;75	width: 45px;76	position: fixed;77	z-index: 1;78	top: 100px;79	right: 0px;80}81.table_bgd {82	background-image: url(../images/sitebgd4.jpg);83}84.contentbgd {85	background-image: url(../images/sitebgd2.jpg);86}87.contentbgd2 {88	background-image: url(../images/sitebgd3.jpg);89}90.textbox {91}92.worbookdiv {93	background-color: #fff;94}95.worbooktext {96	width: 500px;97	margin-left: auto;98	margin-right: auto;99	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;100	color: #5B4D4D;101	font-size: large;102	background-color: #F4F3EF;103	padding-left: 54px;104	padding-right: 50px;105	padding-top: 15px;106}107.CalTable {108	border: 1;109	padding: 3;110	width: 210;111}112 113 114 115/* 116  -----------------------------------117  Pop Menu Magic 3118  by Project Seven Development119  www.projectseven.com120  Style Theme: 01 - Basic121  -----------------------------------122*/123 124 125.p7PM3-01 {126	line-height: 1;127	font-size: 14px;128	font-stretch: condensed;129	-webkit-transform-style: preserve-3d;130	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;131}132.p7PM3-01.horiz {133	padding: 0px 8px;134}135 136.pmm3-toolbar {137	display: none;138}139 140.p7PM3-01 a img {141	border: none;142	vertical-align: bottom;143}144 145.p7PM3-01.menu-centered {146	text-align: center;147}148.p7PM3-01.menu-right {149	text-align: right;150}151 152.p7PM3-01:after {153	content: "\0020";154	clear: both;155	font-size: 0px;156	line-height: 0;157	display: inline;158	height: 0px;159}160 161.p7PM3-01 ul {162	margin: 0px;163	padding: 0px;164	display: inline-block;165	vertical-align: bottom;166}167.p7PM3-01 ul li {168	list-style-type: none;169	float: left;170	position: relative;171}172 173.p7PM3-01 ul li a {174	display: block;175	padding-top: 6px;176	padding-right: 6px;177	padding-left: 10px;178	padding-bottom: 6px;179	color: #6A5633;180	text-decoration: none;181	background-position: left center;182	background-repeat: no-repeat;183}184.p7PM3-01 ul li a.pm3-link:hover {185	background-color: #807664;186	color: #DDD;187}188 189.p7PM3-01 a.trig_closed {190	background-image: url(img/pmm3-right-dark.gif);191}192.p7PM3-01 ul ul a.trig_closed {193	background-image: url(img/pmm3-right-medium.gif);194}195.p7PM3-01 a.trig_open {196	background-image: url(img/pmm3-down-medium.gif);197	background-color: #807664;198	color: #DDD;199}200.p7PM3-01 ul ul li a {201	border: none;202	border-bottom: 1px solid rgba(0,0,0,.8);203	color: #AAA;204	font-size: .9em;205}206 207.p7PM3-01 ul ul li:last-child a {208	border-bottom: none;209}210.p7PM3-01 ul ul li a.pm3-link:hover, .p7PM3-01 ul ul li a.trig_open {211	background-color: #333;212	color: #DDD;213}214 215/*Turn off BG Image for links that are not triggers*/216.p7PM3-01 ul li a.pm3-link, .p7PM3-01 ul li a.pm3-link:hover {217	background-image: none;218}219 220.p7PM3-01 ul ul {221	background: linear-gradient(90deg, rgba(34,34,34,1), rgba(0,0,0,1));222	background-color: #807664;223	display: block;224	text-align: left;225	width: 200px;226}227.p7PM3-01.transparent ul ul {228	background: linear-gradient(90deg, rgba(34,34,34,1), rgba(0,0,0,.95));229}230 231.p7PM3-01.shadows ul ul {232	box-shadow: 10px 10px 30px rgba(0,0,0,.5);233}234 235.p7PM3-01.auto-subs ul ul {236	width: auto;237}238.p7PM3-01.auto-subs ul ul li a {239	white-space: nowrap;240}241.p7PM3-01 ul ul li {242	position: relative;243	float: none;244	margin: 0px;245	padding: 0px;246}247 248/*ROUNDED CORNERS OPTION - Sub-Center Bias*/249.p7PM3-01.rounded ul ul {250	border-radius: 5px;251}252.p7PM3-01.rounded.justified ul li.pm3first ul.level_2,253.p7PM3-01.rounded.sub-left ul ul {254	border-top-left-radius: 0px;255}256.p7PM3-01.rounded.sub-left ul ul ul {257	border-top-left-radius: 5px;258}259.p7PM3-01.rounded.justified ul li.pm3last ul.level_2 {260	border-top-right-radius: 0px;261}262.p7PM3-01.rounded ul a.root_trig,263.p7PM3-01.rounded ul a.root_link {264	border-radius: 5px 5px 5px 5px;265}266.p7PM3-01.rounded a.root_trig.trig_open {267	border-radius: 5px 5px 0px 0px;268}269.p7PM3-01.rounded ul ul a.pm3first,270.p7PM3-01.rounded ul ul .pm3first.pmm3-title-bar {271	border-radius: 5px 5px 0px 0px;272}273.p7PM3-01.rounded.sub-centered.justified ul li.pm3first ul.level_2 a.pm3first,274.p7PM3-01.rounded.sub-right.justified .pm3first .level_2 a.pm3first,275.p7PM3-01.rounded.sub-left ul.level_2 a.pm3first {276	border-top-left-radius: 0px;277}278.p7PM3-01.rounded.sub-left ul.level_3 a.pm3first,279.p7PM3-01.rounded.sub-left.justified .pm3last ul.level_2,280.p7PM3-01.rounded.sub-left.justified .pm3last ul.level_2 a.pm3first,281.p7PM3-01.rounded.sub-right.justified .pm3first .level_2 ul a.pm3first {282	border-top-left-radius: 5px;283}284.p7PM3-01.rounded.justified ul li.pm3last ul.level_2 a.pm3first,285.p7PM3-01.rounded.sub-right ul.level_2,286.p7PM3-01.rounded.sub-right ul.level_2 a.pm3first {287	border-top-right-radius: 0px;288}289.p7PM3-01.rounded.sub-right ul.level_2 ul,290.p7PM3-01.rounded.sub-right ul.level_2 ul a.pm3first {291	border-top-right-radius: 5px;292}293.p7PM3-01.rounded.sub-right.justified .pm3first .level_2,294.p7PM3-01.rounded.sub-right.justified .pm3first .level_2 a.pm3first {295	border-top-right-radius: 5px;296}297.p7PM3-01.rounded ul ul a.pm3last,298.p7PM3-01.rounded ul ul .pm3last.pmm3-title-bar {299	border-radius: 0px 0px 5px 5px;300}301.p7PM3-01.rounded ul ul a.pm3first.pm3last {302	border-radius: 5px 5px 5px 5px;303}304.p7PM3-01.rounded ul a.root_trig.trig_up {305	border-radius: 5px 5px 5px 5px;306}307.p7PM3-01.rounded li.trig_up div {308	padding-bottom: 10px;309}310.p7PM3-01.rounded .trig_up a.pm3first {311	border-radius: 5px 5px 5px 5px !important;312}313.p7PM3-01.rounded ul li.trig_up ul {314	border-radius: 5px 5px 5px 5px;315}316.p7PM3-01.rounded .trig_up .pm3first.pmm3-title-bar {317	border-radius: 5px 5px 0px 0px !important;318}319.p7PM3-01.rounded .trig_up .pm3last.pmm3-title-bar {320	border-radius: 0px 0px 5px 5px !important;321}322.p7PM3-01.vert.rounded {323	border-radius: 5px;324}325.p7PM3-01.vert.rounded a.root_trig {326	border-radius: 5px 5px 5px 5px;327}328.p7PM3-01.vert.rounded ul ul {329	border-radius: 5px;330}331 332 333/*DISPLAY AS TITLE ONLY*/334.p7PM3-01 .pmm3-title-bar {335	padding: 12px 18px;336	color: #DDD;337	background-color: #666;338}339.p7PM3-01.auto-subs ul ul .pmm3-title-bar {340	white-space: nowrap;341}342 343/*IMAGE LINKS*/344.p7PM3-01 .p7PM3_img {345	border: none;346	padding: 0px;347	text-align: center;348	background: none !important;349}350.p7PM3-01 .p7PM3_img img {351	border: none;352	width: auto !important;353	height: auto !important;354	max-width: 100%;355	vertical-align: bottom;356}357 358/*VERTICAL MODE */359.p7PM3-01.vert {360	background: none;361	border: none;362}363.p7PM3-01.vert.shadows {364	box-shadow: none;365}366.p7PM3-01.vert ul {367	display: block;368}369.p7PM3-01.vert ul li {370	float: none;371	padding: 0px;372	position: relative;373}374.p7PM3-01.vert ul ul li {375	padding: 0px;376	margin: 0px;377}378 379/*CURRENT MARK */380.p7PM3-01 ul li a.current_mark {381	text-shadow: -.5px 0px 0px #000;382}383.p7PM3-01 ul ul li a.current_mark {384	color: #FFF;385	font-weight: bold;386	text-shadow: none;387}388.p7PM3-01.vert ul li a.current_mark {389	font-weight: bold;390	text-shadow: none;391}392 393/*394NO-SCRIPT RULES395The following rules enable your menu to work even when javascript is disabled in the browser396*/397.p7PM3-01.p7PM3noscript {398	position: relative;399}400 401.p7PM3-01.p7PM3noscript ul ul {402	position: absolute;403	display: none;404	top: 100%;405}406.p7PM3-01.p7PM3noscript ul ul ul {407	display: none;408	top: 0px;409	left: 100%;410}411.p7PM3-01.vert.p7PM3noscript ul ul {412	top: 0px;413	left: 100%;414}415.p7PM3-01.p7PM3noscript li:hover ul {416	display: block;417}418.p7PM3-01.p7PM3noscript li:hover ul ul, .p7PM3-01.p7PM3noscript li:hover ul ul ul, .p7PM3-01.p7PM3noscript li:hover ul ul ul ul, .p7PM3-01.p7PM3noscript li:hover ul ul ul ul ul, .p7PM3-01.p7PM3noscript li:hover ul ul ul ul ul ul {419	display: none;420}421.p7PM3-01.p7PM3noscript li li:hover ul, .p7PM3-01.p7PM3noscript li li li:hover ul, .p7PM3-01.p7PM3noscript li li li li:hover ul, .p7PM3-01.p7PM3noscript li li li li li:hover ul, .p7PM3-01.p7PM3noscript li li li li li li:hover ul {422	display: block;423}424 425/*BREADCRUMBS*/426.p7PM3-01_crumbs.centered {427	text-align: center;428}429.p7PM3-01_crumbs.right {430	text-align: right;431}432.p7PM3-01_crumbs ul {433	margin: 0px;434	padding: 0px;435	overflow: hidden;436	font-size: 1em;437	display: inline-block;438}439.p7PM3-01_crumbs li {440	list-style-type: none;441	display: block;442	float: left;443	margin-right: .25em;444}445.p7PM3-01_crumbs a {446	text-decoration: none;447	color: #000;448}449.p7PM3-01_crumbs a:hover {450	text-decoration: underline;451}452.p7PM3-01_crumbs li:last-child {453	margin-right: 0px;454	font-weight: bold;455}456.p7PM3-01_crumbs.thick-arrow li:after {457    content: "\0020 \0020 \27A7";458}459.p7PM3-01_crumbs.thin-arrow li:after {460    content: "\0020 \0020 \279F";461}462.p7PM3-01_crumbs.open-arrow li:after {463    content: "\0020 \0020 \21E8";464}465.p7PM3-01_crumbs.triangle-dots li:after {466    content: "\0020 \0020 \2234";467}468.p7PM3-01_crumbs.double-colon li:after {469   content: "\0020 \0020 \2237";470}471.p7PM3-01_crumbs.pipe li:after {472   content: "\0020 \0020 |";473}474.p7PM3-01_crumbs.dash li:after {475   content: "\0020 \0020 -";476}477.p7PM3-01_crumbs li:last-child:after {478	content: "\0020";479}480 481/*END BREADCRUMB RULES*/482 483 @media only screen and (min-width: 0px) and (max-width: 700px) {484.p7PM3-01.responsive:after {485	display: none;486}487.p7PM3-01.responsive .pmm3-toolbar {488	display: block;489	background-color: #807664;490	padding: 10px;491	text-align: right;492	cursor: pointer;493}494.p7PM3-01.responsive .pmm3-toolbar a {495	font-size: 2em;496	font-weight: bold;497	color: #999;498	text-decoration: none;499}500.p7PM3-01.responsive .pmm3-toolbar a:hover {501	color: #FFF;502}503.p7PM3-01.responsive .toggle-text.closed a:before {504	content: "Show Menu \0020";505	font-size: .5em;506}507.p7PM3-01.responsive .toggle-text.opened a:before {508	content: "Hide Menu \0020";509	font-size: .5em;510}511.p7PM3-01.responsive .pmm3-toolbar {512	display: block;513	background-color: #807664;514	padding: 10px;515}516.p7PM3-01.responsive {517	text-align: left !important;518	padding: 0px !important;519}520.p7PM3-01.responsive.vert ul {521	margin-top: 0px;522}523.p7PM3-01.responsive ul {524	display: block;525}526.p7PM3-01.responsive ul li {527	float: none;528	margin-right: 0px;529}530.p7PM3-01.responsive a.trig_closed:hover {531	background-color: #807664;532	color: #DDD;533}534.p7PM3-01.responsive ul ul {535	position: static !important;536	width: auto;537}538.p7PM3-01.responsive .pmm3-title-bar {539	padding: 12px 18px;540}541.p7PM3-01.responsive ul ul a,542.p7PM3-01.responsive ul ul .pmm3-title-bar {543	padding-left: 24px;544}545.p7PM3-01.responsive ul ul ul a,546.p7PM3-01.responsive ul ul ul .pmm3-title-bar {547	padding-left: 32px;548}549.p7PM3-01.responsive ul.closed {550	display: none;551}552.p7PM3-01.responsive ul.opened {553	display: block;554}555.p7PM3-01.responsive.rounded,556.p7PM3-01.responsive.rounded * {557	border-radius: 0px !important;558}559.p7PM3-01.responsive.shadows * {560	box-shadow: none !important;561}562.p7PM3-01_crumbs {563	display: none;564}565.p7PM3-01_crumbs.show-mobile {566	display: block;567}568/*Workaround for very old Android devices*/569.p7PM3-01 div {570	left: 0px !important;571	top: 0px !important;572}573/*End old Android workaround*/574}575  </style>576  <!-- InstanceBeginEditable name="doctitle" -->577  <title>578   The Conservatory - Garden Wedding Venue - St. Charles - St. Louis, MO579  </title>580  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">581  <!-- InstanceEndEditable -->582  <!-- InstanceBeginEditable name="head" -->583  <!-- InstanceEndEditable -->584  <style type="text/css">585   <!--586 587body {588	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */589	padding: 0;590	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */591	color: #000000;592	font-family: Verdana, Arial, Helvetica, sans-serif;593	font-size: 100%;594	background-color: #CBCCBB;595}596.headersocial {597	background-color: #adb6a6;598}599.header {600	background-color: #C8B274;601}602.oneColFixCtr #container {603	width: 800px; /* the auto margins (in conjunction with a width) center the page */604	border: 0px solid #000000;605	text-align: left; /* this overrides the text-align: center on the body element. */606	margin-top: 0;607	margin-right: auto;608	margin-bottom: 0;609	margin-left: auto;610	background-color: #CBCCBB;611}612.oneColFixCtr #mainContent {613	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */614}615-->616  </style>617  <style type="text/css">618   <!--619a:link {620	color: #974515;621	text-decoration: none;622}623a:visited {624	text-decoration: none;625	color: #973000;626}627a:hover {628	text-decoration: underline;629}630a:active {631	text-decoration: none;632}633-->634  </style>635  <meta content="The Conservatory Garden Wedding Venue | St Charles, St Louis, MO" property="og:title">636  <meta content="image" property="og:type">637  <meta content="" property="og:url">638  <meta content="" property="og:image">639  <meta content="The Conservatory Wedding" property="og:site_name">640  <meta content="The Conservatory is a garden wedding venue in the Historic District of St. Charles, MO (St. Louis)" property="og:description">641  <meta content="111925135515687" property="fb:page_id">642  <meta content="100001097230399" property="fb:admins">643  <meta content="217367824989247" property="fb:app_id">644  <meta content="The Conservatory is a garden wedding venue in the Historic District of St. Charles, MO (St. Louis)" name="description">645  <meta content="wedding venue, wedding venues, garden wedding, garden weddings, garden wedding venue, garden wedding venues, St Charles, St Louis, Missouri, historic, wedding chapel, wedding chapels, wedding reception, wedding receptions, vintage, outdoor wedding" name="keywords">646  <style type="text/css">647   #apDiv1 {648	position: absolute;649	width: 200px;650	height: 115px;651	z-index: 1;652}653  </style>654  <style type="text/css">655   .p7PM3 ul div {position:absolute; display:none; height:0px; top:100%; z-index:999;}656.p7PM3 li.pmm3-title-bar div {position:relative; display:block; height:auto; top:auto;}657@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {658body * {cursor: pointer;}659}660@media only screen and (min-width: 0px) and (max-width: 700px) {661.p7PM3.responsive {max-height: 700777px;}662.p7PM3.responsive ul a {max-height: 700777px;}663.p7PM3.responsive ul div {position:relative; overflow:hidden;margin-left:0 !important; margin-top:0 !important;}664.p7PM3 ul ul {665-webkit-transform: none !important; -webkit-transition: none !important;transform: none !important; transition: none !important;opacity:100 !important;}666}667@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {668.p7PM3.responsive {max-height: 700777px;}669}670  </style>671  <!-- Pinterest Tag -->672  <noscript>673   <img alt height="1" src="rick.jpg" style="display:none;" width="1">674  </noscript>675  <!-- end Pinterest Tag -->676  <!-- Facebook Pixel Code -->677  <noscript>678   <img height="1" src="rick.jpg" style="display:none" width="1">679  </noscript>680  <!-- End Facebook Pixel Code -->681  <meta content="obo0hu0ogtoqjrnrk8kswnyx2z71es" name="facebook-domain-verification">682  <style type="text/css">683   #p7PM3_1 ul ul {684-webkit-transition: -webkit-transform 300ms, opacity 300ms;685transition: transform 300ms, opacity 300ms;686-webkit-transform: scale(0,1);687transform: scale(0,1);688opacity: 0;689}690#p7PM3_1 ul ul.sub-open {691-webkit-transform: scale(1,1);692transform: scale(1,1);693opacity: 1;694}695  </style>696  <style type="text/css">697   span.PIN_1699144186285_embed_grid { 698  width: 100%;699  max-width: 257px;700  min-width: 140px;701  display: inline-block;702  border: 1px solid rgba(0,0,0,.1);703  border-radius: 16px;704  overflow: hidden;705  font: 12px "Helvetica Neue", Helvetica, arial, sans-serif;706  color: rgb(54, 54, 54);707  box-sizing: border-box;708  background: #fff;709  cursor: pointer;710  -webkit-font-smoothing: antialiased;711}712 span.PIN_1699144186285_embed_grid * { 713  display: block;714  position: relative;715  font: inherit;716  cursor: inherit;717  color: inherit;718  box-sizing: inherit;719  margin: 0;720  padding: 0;721  text-align: left;722}723 span.PIN_1699144186285_embed_grid .PIN_1699144186285_hd { 724  height: 55px;725}726 span.PIN_1699144186285_embed_grid .PIN_1699144186285_hd .PIN_1699144186285_img { 727  position: absolute;728  top: 10px;729  left: 10px;730  height: 36px;731  width: 36px;732  border-radius: 18px;733  background: transparent url () 0 0 no-repeat;734  background-size: cover;735}736 span.PIN_1699144186285_embed_grid .PIN_1699144186285_hd .PIN_1699144186285_pinner { 737  white-space: nowrap;738  overflow: hidden;739  text-overflow: ellipsis;740  width: 75%;741  position: absolute;742  top: 20px;743  left: 56px;744  font-size: 14px;745  font-weight: bold;746}747 span.PIN_1699144186285_embed_grid .PIN_1699144186285_bd { 748  padding: 0 10px;749  -moz-scrollbars: none;750  -ms-overflow-style: none;751  overflow-x: hidden;752  overflow-y: auto;753}754 span.PIN_1699144186285_embed_grid .PIN_1699144186285_bd .PIN_1699144186285_ct { 755  width: 100%;756  height: auto;757}758 span.PIN_1699144186285_embed_grid .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 759  display: inline-block;760  width: 100%;761  padding: 1px;762  vertical-align: top;763  min-width: 60px;764}765 span.PIN_1699144186285_embed_grid .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col .PIN_1699144186285_img { 766  margin: 0;767  display: inline-block;768  width: 100%;769  background: transparent url() 0 0 no-repeat;770  background-size: cover;771  border-radius: 8px;772}773 span.PIN_1699144186285_embed_grid .PIN_1699144186285_ft { 774  padding: 10px;775}776 span.PIN_1699144186285_embed_grid .PIN_1699144186285_ft .PIN_1699144186285_button { 777  border-radius: 16px;778  text-align: center;779  background-color: #efefef;780  border: 1px solid #efefef;781  position: relative;782  display: block;783  overflow: hidden;784  height: 32px;785  width: 100%;786  min-width: 70px;787  padding: 0 3px;788}789 span.PIN_1699144186285_embed_grid .PIN_1699144186285_ft .PIN_1699144186285_button .PIN_1699144186285_label { 790  position: absolute;791  left: 0;792  width: 100%;793  text-align: center;794}795 span.PIN_1699144186285_embed_grid .PIN_1699144186285_ft .PIN_1699144186285_button .PIN_1699144186285_label.PIN_1699144186285_top { 796  top: 0;797}798 span.PIN_1699144186285_embed_grid .PIN_1699144186285_ft .PIN_1699144186285_button .PIN_1699144186285_label.PIN_1699144186285_bottom { 799  bottom: 0;800}801 span.PIN_1699144186285_embed_grid .PIN_1699144186285_ft .PIN_1699144186285_button .PIN_1699144186285_label .PIN_1699144186285_string { 802  white-space: pre;803  color: #746d6a;804  font-size: 13px;805  font-weight: bold;806  vertical-align: top;807  display: inline-block;808  height: 32px;809  line-height: 32px;810}811 span.PIN_1699144186285_embed_grid .PIN_1699144186285_ft .PIN_1699144186285_button .PIN_1699144186285_label .PIN_1699144186285_logo { 812  display: inline-block;813  vertical-align: bottom;814  height: 32px;815  width: 80px;816  background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgd2lkdGg9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCAxMiI+PGc+PHBhdGggZD0iTTE5LjY5LDkuMjggTDE5LjY5LDQuMjggTDIxLjI3LDQuMjggTDIxLjI3LDkuMjggTDE5LjY5LDkuMjggWiBNNS45NywwLjAwIEM5LjI3LDAuMDAgMTEuOTUsMi42OSAxMS45NSw2LjAwIEMxMS45NSw5LjMxIDkuMjcsMTIuMDAgNS45NywxMi4wMCBDNS4zOCwxMi4wMCA0LjgwLDExLjkxIDQuMjYsMTEuNzUgQzQuMjYsMTEuNzUgNC4yNiwxMS43NSA0LjI2LDExLjc1IEM0LjI1LDExLjc1IDQuMjQsMTEuNzQgNC4yMywxMS43NCBMNC4yMSwxMS43MyBDNC4yMSwxMS43MyA0LjIxLDExLjczIDQuMjEsMTEuNzMgQzQuNDUsMTEuMzMgNC44MSwxMC42OCA0Ljk1LDEwLjE2IEM1LjAyLDkuODggNS4zMiw4LjczIDUuMzIsOC43MyBDNS41Miw5LjExIDYuMDgsOS40MiA2LjY5LDkuNDIgQzguNDksOS40MiA5Ljc5LDcuNzYgOS43OSw1LjY5IEM5Ljc5LDMuNzEgOC4xOCwyLjIzIDYuMTEsMi4yMyBDMy41MywyLjIzIDIuMTYsMy45NiAyLjE2LDUuODYgQzIuMTYsNi43NCAyLjYzLDcuODMgMy4zNyw4LjE4IEMzLjQ5LDguMjMgMy41NSw4LjIxIDMuNTcsOC4xMCBDMy41OSw4LjAyIDMuNjksNy42MSAzLjc0LDcuNDIgQzMuNzUsNy4zNiAzLjc1LDcuMzEgMy43MCw3LjI1IEMzLjQ1LDYuOTUgMy4yNSw2LjM5IDMuMjUsNS44OCBDMy4yNSw0LjU1IDQuMjUsMy4yNyA1Ljk1LDMuMjcgQzcuNDIsMy4yNyA4LjQ1LDQuMjggOC40NSw1LjcxIEM4LjQ1LDcuMzQgNy42Myw4LjQ2IDYuNTcsOC40NiBDNS45OCw4LjQ2IDUuNTQsNy45OCA1LjY4LDcuMzggQzUuODUsNi42NyA2LjE4LDUuOTAgNi4xOCw1LjM4IEM2LjE4LDQuOTIgNS45Myw0LjU0IDUuNDIsNC41NCBDNC44Miw0LjU0IDQuMzQsNS4xNiA0LjM0LDUuOTkgQzQuMzQsNi41MiA0LjUyLDYuODggNC41Miw2Ljg4IEM0LjUyLDYuODggMy45Myw5LjQwIDMuODIsOS44NyBDMy43MCwxMC4zOCAzLjc1LDExLjExIDMuODAsMTEuNTkgTDMuODAsMTEuNTkgQzMuNzksMTEuNTkgMy43OCwxMS41OCAzLjc4LDExLjU4IEMzLjc3LDExLjU4IDMuNzYsMTEuNTggMy43NiwxMS41NyBDMy43NiwxMS41NyAzLjc2LDExLjU3IDMuNzYsMTEuNTcgQzEuNTYsMTAuNjkgMC4wMCw4LjUzIDAuMDAsNi4wMCBDMC4wMCwyLjY5IDIuNjcsMC4wMCA1Ljk3LDAuMDAgWiBNMTYuODcsMi4zMSBDMTcuNzEsMi4zMSAxOC4zNCwyLjU0IDE4Ljc2LDIuOTUgQzE5LjIxLDMuMzcgMTkuNDYsMy45NiAxOS40Niw0LjY2IEMxOS40Niw2LjAwIDE4LjU0LDYuOTUgMTcuMTEsNi45NSBMMTUuNzIsNi45NSBMMTUuNzIsOS4yOCBMMTQuMTIsOS4yOCBMMTQuMTIsMi4zMSBMMTYuODcsMi4zMSBaIE0xNi45NCw1LjU4IEMxNy41Niw1LjU4IDE3LjkxLDUuMjEgMTcuOTEsNC42NSBDMTcuOTEsNC4xMCAxNy41NSwzLjc2IDE2Ljk0LDMuNzYgTDE1LjcyLDMuNzYgTDE1LjcyLDUuNTggTDE2Ljk0LDUuNTggWiBNNTAuMDAsNS4yOCBMNDkuMTksNS4yOCBMNDkuMTksNy42MiBDNDkuMTksOC4wMSA0OS40MCw4LjExIDQ5Ljc0LDguMTEgQzQ5LjgzLDguMTEgNDkuOTMsOC4xMCA1MC4wMCw4LjEwIEw1MC4wMCw5LjI4IEM0OS44NCw5LjMxIDQ5LjU4LDkuMzMgNDkuMjIsOS4zMyBDNDguMzAsOS4zMyA0Ny42NCw5LjAzIDQ3LjY0LDcuOTYgTDQ3LjY0LDUuMjggTDQ3LjE2LDUuMjggTDQ3LjE2LDQuMjggTDQ3LjY0LDQuMjggTDQ3LjY0LDIuNzAgTDQ5LjE5LDIuNzAgTDQ5LjE5LDQuMjggTDUwLjAwLDQuMjggTDUwLjAwLDUuMjggWiBNNDUuMzEsNi4xMyBDNDYuMTgsNi4yNyA0Ny4yMSw2LjUwIDQ3LjIxLDcuNzcgQzQ3LjIxLDguODcgNDYuMjUsOS40MyA0NC45NSw5LjQzIEM0My41NSw5LjQzIDQyLjY1LDguODEgNDIuNTQsNy43OCBMNDQuMDUsNy43OCBDNDQuMTUsOC4yMCA0NC40Niw4LjQwIDQ0Ljk0LDguNDAgQzQ1LjQyLDguNDAgNDUuNzIsOC4yMiA0NS43Miw3LjkwIEM0NS43Miw3LjQ1IDQ1LjEyLDcuNDAgNDQuNDYsNy4yOSBDNDMuNTksNy4xNCA0Mi42Nyw2LjkxIDQyLjY3LDUuNzQgQzQyLjY3LDQuNjggNDMuNjQsNC4xNCA0NC44Miw0LjE0IEM0Ni4yMiw0LjE0IDQ2Ljk4LDQuNzUgNDcuMDYsNS43NCBMNDUuNjAsNS43NCBDNDUuNTQsNS4yOSA0NS4yNCw1LjE1IDQ0LjgwLDUuMTUgQzQ0LjQyLDUuMTUgNDQuMTIsNS4zMCA0NC4xMiw1LjYxIEM0NC4xMiw1Ljk2IDQ0LjY4LDYuMDEgNDUuMzEsNi4xMyBaIE0yMC40OCwyLjAwIEMyMS4wMCwyLjAwIDIxLjQzLDIuNDIgMjEuNDMsMi45NSBDMjEuNDMsMy40OCAyMS4wMCwzLjkwIDIwLjQ4LDMuOTAgQzE5Ljk1LDMuOTAgMTkuNTMsMy40OCAxOS41MywyLjk1IEMxOS41MywyLjQyIDE5Ljk1LDIuMDAgMjAuNDgsMi4wMCBaIE0yOC40OCw3LjYyIEMyOC40OCw4LjAxIDI4LjcwLDguMTEgMjkuMDQsOC4xMSBDMjkuMTAsOC4xMSAyOS4xOCw4LjEwIDI5LjI0LDguMTAgTDI5LjI0LDkuMjkgQzI5LjA4LDkuMzEgMjguODMsOS4zMyAyOC41Miw5LjMzIEMyNy42MCw5LjMzIDI2Ljk0LDkuMDMgMjYuOTQsNy45NiBMMjYuOTQsNS4yOCBMMjYuNDIsNS4yOCBMMjYuNDIsNC4yOCBMMjYuOTQsNC4yOCBMMjYuOTQsMi43MCBMMjguNDgsMi43MCBMMjguNDgsNC4yOCBMMjkuMjQsNC4yOCBMMjkuMjQsNS4yOCBMMjguNDgsNS4yOCBMMjguNDgsNy42MiBaIE0yNC42OSw0LjE0IEMyNS43Nyw0LjE0IDI2LjQxLDQuOTIgMjYuNDEsNi4wMyBMMjYuNDEsOS4yOCBMMjQuODMsOS4yOCBMMjQuODMsNi4zNSBDMjQuODMsNS44MiAyNC41Nyw1LjQ2IDI0LjA1LDUuNDYgQzIzLjUzLDUuNDYgMjMuMTgsNS45MCAyMy4xOCw2LjUyIEwyMy4xOCw5LjI4IEwyMS42MCw5LjI4IEwyMS42MCw0LjI4IEwyMy4xMiw0LjI4IEwyMy4xMiw0Ljk3IEwyMy4xNSw0Ljk3IEMyMy41Miw0LjQzIDI0LjAwLDQuMTQgMjQuNjksNC4xNCBaIE0zMy40Miw0Ljc2IEMzMi45OSw0LjM3IDMyLjQzLDQuMTQgMzEuNzIsNC4xNCBDMzAuMjAsNC4xNCAyOS4xNiw1LjI4IDI5LjE2LDYuNzcgQzI5LjE2LDguMjggMzAuMTcsOS40MiAzMS44MSw5LjQyIEMzMi40NCw5LjQyIDMyLjk1LDkuMjYgMzMuMzcsOC45NiBDMzMuODAsOC42NiAzNC4xMCw4LjIzIDM0LjIwLDcuNzggTDMyLjY2LDcuNzggQzMyLjUyLDguMTAgMzIuMjUsOC4yOCAzMS44Myw4LjI4IEMzMS4xOCw4LjI4IDMwLjgxLDcuODYgMzAuNzIsNy4xOSBMMzQuMjksNy4xOSBDMzQuMzAsNi4xOCAzNC4wMSw1LjMxIDMzLjQyLDQuNzYgTDMzLjQyLDQuNzYgWiBNNDEuNjYsNC43NiBDNDIuMjYsNS4zMSA0Mi41NSw2LjE4IDQyLjU0LDcuMTkgTDM4Ljk3LDcuMTkgQzM5LjA2LDcuODYgMzkuNDMsOC4yOCA0MC4wOCw4LjI4IEM0MC41MCw4LjI4IDQwLjc3LDguMTAgNDAuOTEsNy43OCBMNDIuNDUsNy43OCBDNDIuMzQsOC4yMyA0Mi4wNSw4LjY2IDQxLjYyLDguOTYgQzQxLjIwLDkuMjYgNDAuNjksOS40MiA0MC4wNiw5LjQyIEMzOC40Miw5LjQyIDM3LjQxLDguMjggMzcuNDEsNi43NyBDMzcuNDEsNS4yOCAzOC40NSw0LjE0IDM5Ljk3LDQuMTQgQzQwLjY3LDQuMTQgNDEuMjQsNC4zNyA0MS42Niw0Ljc2IFogTTMwLjczLDYuMjQgQzMwLjgzLDUuNjUgMzEuMTQsNS4yNyAzMS43NSw1LjI3IEMzMi4yNiw1LjI3IDMyLjYzLDUuNjUgMzIuNjksNi4yNCBMMzAuNzMsNi4yNCBaIE0zOC45OCw2LjI0IEw0MC45NCw2LjI0IEM0MC44OCw1LjY1IDQwLjUxLDUuMjcgNDAuMDAsNS4yNyBDMzkuMzksNS4yNyAzOS4wOCw1LjY1IDM4Ljk4LDYuMjQgWiBNMzcuNTQsNC4yMSBMMzcuNTQsNS42MCBDMzYuNjQsNS41MSAzNi4wNyw1Ljk5IDM2LjA3LDcuMDMgTDM2LjA3LDkuMjggTDM0LjQ4LDkuMjggTDM0LjQ4LDQuMjggTDM2LjAwLDQuMjggTDM2LjAwLDUuMDYgTDM2LjAzLDUuMDYgQzM2LjM4LDQuNDcgMzYuNzgsNC4yMSAzNy4zOSw0LjIxIEMzNy40NSw0LjIxIDM3LjUwLDQuMjEgMzcuNTQsNC4yMSBaIiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 50% 50% no-repeat;817  background-size: contain;818}819 span.PIN_1699144186285_embed_grid .PIN_1699144186285_ft .PIN_1699144186285_button:hover { 820  border: 1px solid rgba(0,0,0,.1);821}822 span.PIN_1699144186285_embed_grid.PIN_1699144186285_noscroll .PIN_1699144186285_bd { 823  overflow: hidden;824}825 span.PIN_1699144186285_embed_grid.PIN_1699144186285_board .PIN_1699144186285_hd .PIN_1699144186285_pinner { 826  top: 10px;827}828 span.PIN_1699144186285_embed_grid.PIN_1699144186285_board .PIN_1699144186285_hd .PIN_1699144186285_board { 829  white-space: nowrap;830  overflow: hidden;831  text-overflow: ellipsis;832  width: 75%;833  position: absolute;834  bottom: 10px;835  left: 56px;836  color: #363636;837  font-size: 12px;838}839 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c2 { 840  max-width: 494px;841  min-width: 140px;842}843 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c2 .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 844  width: 50%;845}846 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c3 { 847  max-width: 731px;848  min-width: 200px;849}850 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c3 .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 851  width: 33.33%;852}853 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c4 { 854  max-width: 968px;855  min-width: 260px;856}857 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c4 .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 858  width: 25%;859}860 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c5 { 861  max-width: 1205px;862  min-width: 320px;863}864 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c5 .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 865  width: 20%;866}867 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c6 { 868  max-width: 1442px;869  min-width: 380px;870}871 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c6 .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 872  width: 16.66%;873}874 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c7 { 875  max-width: 1679px;876  min-width: 440px;877}878 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c7 .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 879  width: 14.28%;880}881 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c8 { 882  max-width: 1916px;883  min-width: 500px;884}885 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c8 .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 886  width: 12.5%;887}888 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c9 { 889  max-width: 2153px;890  min-width: 560px;891}892 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c9 .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 893  width: 11.11%;894}895 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c10 { 896  max-width: 2390px;897  min-width: 620px;898}899 span.PIN_1699144186285_embed_grid.PIN_1699144186285_c10 .PIN_1699144186285_bd .PIN_1699144186285_ct .PIN_1699144186285_col { 900  width: 10%;901}902 span.PIN_1699144186285_embed_pin { 903  min-width: 160px;904  max-width: 236px;905  width: 100%;906  border-radius: 16px;907  font: 12px "SF Pro", "Helvetica Neue", Helvetica, arial, sans-serif;908  display: inline-block;909  background: rgba(0,0,0,.1);910  overflow: hidden;911  border: 1px solid rgba(0,0,0,.1);912  box-sizing: border-box;913  -webkit-font-smoothing: antialiased;914  -webkit-osx-font-smoothing: grayscale;915}916 span.PIN_1699144186285_embed_pin * { 917  display: block;918  position: relative;919  font: inherit;920  cursor: inherit;921  color: inherit;922  box-sizing: inherit;923  margin: 0;924  padding: 0;925  text-align: left;926}927 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages { 928  height: 100%;929  width: 100%;930  display: block;931  position: relative;932  overflow: hidden;933}934 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page { 935  position: absolute;936  left: 0;937  transition-property: left;938  transition-duration: .25s;939  transition-timing-function: ease-in;940  height: inherit;941  width: inherit;942}943 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page.PIN_1699144186285_past { 944  left: -100%;945}946 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page.PIN_1699144186285_future { 947  left: 100%;948}949 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks { 950  height: inherit;951  width: inherit;952  overflow: hidden;953}954 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block { 955  position: absolute;956  height: 100%;957  width: 100%;958  overflowX: hidden;959}960 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container { 961  position: absolute;962  width: 100%;963}964 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container.PIN_1699144186285_top { 965  top: 0;966}967 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container.PIN_1699144186285_middle { 968  top: 50%;969  transform: translateY(-50%);970}971 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container.PIN_1699144186285_bottom { 972  bottom: 0;973}974 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container.PIN_1699144186285_left { 975  text-align: left;976}977 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container.PIN_1699144186285_center { 978  text-align: center;979}980 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container.PIN_1699144186285_right { 981  text-align: right;982}983 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container .PIN_1699144186285_paragraph { 984  text-align: inherit;985  display: inline;986  word-break: break-word;987  font-size: 16px;988  line-height: 1.24em;989  border-radius: 3px;990  padding: 0.1em 0.2em;991}992 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container _video { 993  position: absolute;994  height: 100%;995  width: auto;996  left: 50%;997  transform: translateX(-50%);998}999 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_container.PIN_1699144186285_video { 1000  height: 100%;1001}1002 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_image { 1003  position: absolute;1004  height: 100%;1005  width: 100%;1006  background-position: 50% 50%;1007  background-repeat: no-repeat;1008}1009 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_image.PIN_1699144186285_containMe { 1010  background-size: contain;1011}1012 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block .PIN_1699144186285_image.PIN_1699144186285_coverMe { 1013  background-size: cover;1014}1015 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block video { 1016  position: absolute;1017  height: 100%;1018  width: auto;1019  left: 50%;1020  transform: translateX(-50%);1021}1022 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_page .PIN_1699144186285_blocks .PIN_1699144186285_block video.PIN_1699144186285_isNative { 1023  width: 100%;1024}1025 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay { 1026  position: absolute;1027  height: 100%;1028  width: 100%;1029  opacity: .001;1030  background: rgba(0,0,0,.03);1031  cursor: pointer;1032  user-select: none;1033}1034 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_repin { 1035  position: absolute;1036  top: 12px;1037  right: 12px;1038  height: 40px;1039  color: #fff;1040  background: #e60023 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 10px 50% no-repeat;1041  background-size: 18px 18px;1042  text-indent: 36px;1043  font-size: 14px;1044  line-height: 40px;1045  font-weight: bold;1046  border-radius: 20px;1047  padding: 0 12px 0 0;1048  width: auto;1049  z-index: 2;1050}1051 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_price { 1052  position: absolute;1053  top: 12px;1054  left: 12px;1055  height: 40px;1056  background: rgba(255,255,255,.9);1057  font-size: 14px;1058  line-height: 40px;1059  font-weight: bold;1060  border-radius: 20px;1061  padding: 0 12px;1062  width: auto;1063  z-index: 2;1064}1065 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_controls { 1066  position: absolute;1067  height: 64px;1068  width: 64px;1069  top: 50%;1070  left: 50%;1071  margin-top: -32px;1072  margin-left: -32px;1073}1074 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_controls .PIN_1699144186285_play { 1075  background: rgba(0,0,0,.8) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTIyLjYyIDkuNDhMOC42My40OEEzIDMgMCAwIDAgNCAzdjE4YTMgMyAwIDAgMCA0LjYzIDIuNTJsMTQtOWEzIDMgMCAwIDAgMC01LjA0IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9nPjwvc3ZnPg==) 50% 50% no-repeat;1076}1077 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_controls .PIN_1699144186285_pause { 1078  background: rgba(0,0,0,.8) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTcgMGMxLjY1IDAgMyAxLjM1IDMgM3YxOGMwIDEuNjUtMS4zNSAzLTMgM3MtMy0xLjM1LTMtM1YzYzAtMS42NSAxLjM1LTMgMy0zem0xMCAwYzEuNjUgMCAzIDEuMzUgMyAzdjE4YzAgMS42NS0xLjM1IDMtMyAzcy0zLTEuMzUtMy0zVjNjMC0xLjY1IDEuMzUtMyAzLTN6IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9nPjwvc3ZnPg==) 50% 50% no-repeat;1079}1080 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_controls .PIN_1699144186285_pause,  span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_controls .PIN_1699144186285_play { 1081  position: absolute;1082  display: block;1083  height: 64px;1084  width: 64px;1085  border-radius: 32px;1086}1087 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_nav { 1088  user-select: none;1089  position: absolute;1090  height: 100%;1091  width: 20%;1092  background: transparent url() 0 0 no-repeat;1093  background-size: 24px 24px;1094  z-index: 1;1095}1096 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_nav.PIN_1699144186285_forward,  span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_nav.PIN_1699144186285_forward_noop { 1097  right: 0;1098}1099 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_nav.PIN_1699144186285_backward,  span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_nav.PIN_1699144186285_backward_noop { 1100  left: 0;1101}1102 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_nav.PIN_1699144186285_forward { 1103  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTYuNzIgMjRjLjU3IDAgMS4xNC0uMjIgMS41Ny0uNjZMMTkuNSAxMiA4LjI5LjY2Yy0uODYtLjg4LTIuMjctLjg4LTMuMTQgMC0uODcuODgtLjg3IDIuMyAwIDMuMThMMTMuMjEgMTJsLTguMDYgOC4xNmMtLjg3Ljg4LS44NyAyLjMgMCAzLjE4LjQzLjQ0IDEgLjY2IDEuNTcuNjYiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2FhYSIgc3Ryb2tlLXdpZHRoPSIuNSI+PC9wYXRoPjwvZz48L3N2Zz4=);1104  background-position: 100% 50%;1105}1106 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_nav.PIN_1699144186285_backward { 1107  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTE3LjI4IDI0Yy0uNTcgMC0xLjE0LS4yMi0xLjU4LS42Nkw0LjUgMTIgMTUuNy42NmEyLjIxIDIuMjEgMCAwIDEgMy4xNSAwYy44Ny44OC44NyAyLjMgMCAzLjE4TDEwLjc5IDEybDguMDYgOC4xNmMuODcuODguODcgMi4zIDAgMy4xOC0uNDQuNDQtMSAuNjYtMS41Ny42NiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjYWFhIiBzdHJva2Utd2lkdGg9Ii41Ij48L3BhdGg+PC9nPjwvc3ZnPg==);1108  background-position: 0 50%;1109}1110 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_progress { 1111  position: absolute;1112  bottom: 0;1113  left: 0;1114  height: 36px;1115  width: 100%;1116  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.2));1117  text-align: center;1118}1119 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_progress .PIN_1699144186285_indicator { 1120  display: inline-block;1121  height: 8px;1122  width: 8px;1123  margin: 16px 2px 0;1124  background: rgba(255,255,255,.5);1125  border-radius: 50%;1126}1127 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay .PIN_1699144186285_progress .PIN_1699144186285_indicator.PIN_1699144186285_current { 1128  background: #fff;1129}1130 span.PIN_1699144186285_embed_pin .PIN_1699144186285_pages .PIN_1699144186285_overlay:hover { 1131  opacity: 1;1132}1133 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer { 1134  position: relative;1135  display: block;1136  height: 96px;1137  padding: 16px;1138  color: #333;1139  background: #fff;1140}1141 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer .PIN_1699144186285_container { 1142  position: relative;1143  display: block;1144  width: 100%;1145  height: 100%;1146  background: #fff;1147}1148 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer .PIN_1699144186285_container .PIN_1699144186285_title { 1149  position: absolute;1150  left: 0px;1151  right: 0px;1152  font-size: 16px;1153  font-weight: bold;1154  overflow: hidden;1155  white-space: pre;1156  text-overflow: ellipsis;1157}1158 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer .PIN_1699144186285_container .PIN_1699144186285_avatar { 1159  position: absolute;1160  bottom: 0;1161  left: 0;1162  height: 30px;1163  width: 30px;1164  border-radius: 50%;1165  background: transparent url() 0 0 no-repeat;1166  background-size: cover;1167  box-shadow: 0 0 1px rgba(0,0,0,.5);1168}1169 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer .PIN_1699144186285_container .PIN_1699144186285_deets { 1170  position: absolute;1171  left: 40px;1172  right: 0px;1173  bottom: 0px;1174  height: 30px;1175}1176 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer .PIN_1699144186285_container .PIN_1699144186285_deets span { 1177  left: 0px;1178  right: 0px;1179  position: absolute;1180  font-size: 12px;1181  overflow: hidden;1182  white-space: pre;1183  text-overflow: ellipsis;1184}1185 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer .PIN_1699144186285_container .PIN_1699144186285_deets .PIN_1699144186285_topline { 1186  top: 0;1187}1188 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer .PIN_1699144186285_container .PIN_1699144186285_deets .PIN_1699144186285_bottomline { 1189  bottom: 0;1190}1191 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer::after { 1192  content: "------------------------------------------------------------------------------------------------------------------------";1193  display: block;1194  height: 1px;1195  line-height: 1px;1196  color: transparent;1197}1198 span.PIN_1699144186285_embed_pin .PIN_1699144186285_footer.PIN_1699144186285_uno .PIN_1699144186285_container .PIN_1699144186285_deets .PIN_1699144186285_topline { 1199  top: 8px;1200}

Showing the first 1,200 of 1689 lines. Download the file for the rest.