SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.7k
1<!DOCTYPE html>2<html>3 <!-- 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}