SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html class="js svg flexbox csstransforms" lang="en">3 <!--<![endif]-->4 <head>5 <meta charset="utf-8">6 <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">7 <meta content="width=device-width,initial-scale=1" name="viewport">8 <meta content="#7796a8" name="theme-color">9 <title>10 Sampler11 12 13 14 – Topple15 </title>16 <meta content="Down below is a small sampler of what you can expect from an issue of Topple. The puzzles and aesthetics contained within reflect issue 5 onward. Puzzles shown may exist in the older issues, but they are likely to have a more simplistic look or even different rules. It should be noted that although no logic puzzles " name="description">17 <!-- /snippets/social-meta-tags.liquid -->18 <meta content="Topple" property="og:site_name">19 <meta content="" property="og:url">20 <meta content="Sampler" property="og:title">21 <meta content="website" property="og:type">22 <meta content="Down below is a small sampler of what you can expect from an issue of Topple. The puzzles and aesthetics contained within reflect issue 5 onward. Puzzles shown may exist in the older issues, but they are likely to have a more simplistic look or even different rules. It should be noted that although no logic puzzles " property="og:description">23 <meta content="@" name="twitter:site">24 <meta content="summary_large_image" name="twitter:card">25 <meta content="Sampler" name="twitter:title">26 <meta content="Down below is a small sampler of what you can expect from an issue of Topple. The puzzles and aesthetics contained within reflect issue 5 onward. Puzzles shown may exist in the older issues, but they are likely to have a more simplistic look or even different rules. It should be noted that although no logic puzzles " name="twitter:description">27 <!--[if (lte IE 9) ]><![endif]-->28 <!--[if (gt IE 9)|!(IE)]><!-->29 <!--<![endif]-->30 <!--[if lte IE 9]><![endif]-->31 <!--[if (gt IE 9)|!(IE)]><!-->32 <!--<![endif]-->33 <!--[if lte IE 9]><![endif]-->34 <meta content="/15206582/digital_wallets/dialog" id="shopify-digital-wallet" name="shopify-digital-wallet">35 <meta content="1b5e70189585f6e79e6e9ca98190cd77" name="shopify-checkout-api-token">36 <meta data-currency="USD" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-shop-id="15206582" data-venmo-supported="true" id="in-context-paypal-metadata">37 <style id="shopify-dynamic-checkout-cart">38 @media screen and (min-width: 750px) {39 #dynamic-checkout-cart {40 min-height: 50px;41 }42}43 44@media screen and (max-width: 750px) {45 #dynamic-checkout-cart {46 min-height: 180px;47 }48}49 </style>50 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">51 </head>52 <body class="template-page">53 <a class="in-page-link visually-hidden skip-link">54 Skip to content55 </a>56 <div class="search-bar drawer drawer--top" id="SearchDrawer">57 <div class="search-bar__table">58 <div class="search-bar__table-cell search-bar__form-wrapper">59 <form action="/search" class="search search-bar__form" method="get" role="search">60 <button class="search-bar__submit search__submit btn--link" type="submit">61 <span class="icon__fallback-text">62 Submit63 </span>64 </button>65 <input aria-label="Search" class="search__input search-bar__input" name="q" placeholder="Search" type="search" value>66 </form>67 </div>68 <div class="search-bar__table-cell text-right">69 <button class="btn--link search-bar__close js-drawer-close" type="button">70 <span class="icon__fallback-text">71 Close search72 </span>73 </button>74 </div>75 </div>76 </div>77 <div class="shopify-section" id="shopify-section-header">78 <div data-section-id="header" data-section-type="header-section">79 <nav class="mobile-nav-wrapper medium-up--hide" role="navigation">80 <ul class="mobile-nav" id="MobileNav">81 <li class="mobile-nav__item border-bottom">82 <a class="mobile-nav__link">83 Home84 </a>85 </li>86 <li class="mobile-nav__item border-bottom">87 <a class="mobile-nav__link">88 Catalog89 </a>90 </li>91 <li class="mobile-nav__item border-bottom">92 <a class="mobile-nav__link">93 Sampler94 </a>95 </li>96 <li class="mobile-nav__item border-bottom">97 <a class="mobile-nav__link">98 Subscribe99 </a>100 </li>101 </ul>102 </nav>103 <header class="site-header border-bottom logo--left" role="banner">104 <div class="grid grid--no-gutters grid--table">105 <div class="grid__item small--one-half medium-up--one-quarter logo-align--left">106 <div class="h2 site-header__logo" itemscope itemtype="">107 <a class="site-header__logo-link" itemprop="url">108 Topple109 </a>110 </div>111 </div>112 <nav class="grid__item medium-up--one-half small--hide" id="AccessibleNav" role="navigation">113 <ul class="site-nav list--inline" id="SiteNav">114 <li>115 <a class="site-nav__link site-nav__link--main">116 Home117 </a>118 </li>119 <li>120 <a class="site-nav__link site-nav__link--main">121 Catalog122 </a>123 </li>124 <li class="site-nav--active">125 <a class="site-nav__link site-nav__link--main">126 Sampler127 </a>128 </li>129 <li>130 <a class="site-nav__link site-nav__link--main">131 Subscribe132 </a>133 </li>134 </ul>135 </nav>136 <div class="grid__item small--one-half medium-up--one-quarter text-right site-header__icons">137 <div class="site-header__icons-wrapper">138 <div class="site-header__search small--hide">139 <form action="/search" class="search-header search" method="get" role="search">140 <input aria-label="Search" class="search-header__input search__input" name="q" placeholder="Search" type="search">141 <button class="search-header__submit search__submit btn--link" type="submit">142 <span class="icon__fallback-text">143 Submit144 </span>145 </button>146 </form>147 </div>148 <button aria-controls="SearchDrawer" aria-expanded="false" class="btn--link site-header__search-toggle js-drawer-open-top medium-up--hide" type="button">149 <span class="icon__fallback-text">150 Search151 </span>152 </button>153 <a class="site-header__cart">154 <span class="visually-hidden">155 Cart156 </span>157 <span class="icon__fallback-text">158 Cart159 </span>160 </a>161 <button class="btn--link site-header__menu js-mobile-nav-toggle mobile-nav--open" type="button">162 <span class="icon__fallback-text">163 expand/collapse164 </span>165 </button>166 </div>167 </div>168 </div>169 </header>170 <style>171 .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:white url(/cdn/shop/t/1/assets/ajax-loader.gif?v=41356863302472015721475275426) center center no-repeat}.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);padding:0;border:none}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{background:transparent;color:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick-icons, sans-serif";font-size:20px;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"\2190"}[dir=rtl] .slick-prev:before{content:"\2192"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"\2192"}[dir=rtl] .slick-next:before{content:"\2190"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:"slick-icons, sans-serif";font-size:6px;line-height:20px;text-align:center;color:#fff;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#fff;opacity:.75}*,*:before,*:after{box-sizing:border-box}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body,input,textarea,button,select{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{background-color:transparent}b,strong{font-weight:700}em{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;border:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}input[type=search],input[type=number],input[type=email],input[type=password]{-webkit-appearance:none;-moz-appearance:none}table{width:100%;border-collapse:collapse;border-spacing:0}td,th{padding:0}textarea{overflow:auto;-webkit-appearance:none;-moz-appearance:none}[tabindex="-1"]:focus{outline:none}a,button,[role=button],input,label,select,textarea{touch-action:manipulation}.grid{*zoom: 1;list-style:none;padding:0;margin:0 0 0 -30px}.grid:after{content:"";display:table;clear:both}@media only screen and (max-width: 749px){.grid{margin-left:-22px}}.grid__item{float:left;padding-left:30px;width:100%}@media only screen and (max-width: 749px){.grid__item{padding-left:22px}}.grid__item[class*=--push]{position:relative}.grid--rev{direction:rtl;text-align:left}.grid--rev>.grid__item{direction:ltr;text-align:left;float:right}.one-whole{width:100%}.one-half{width:50%}.one-third{width:33.33333%}.two-thirds{width:66.66667%}.one-quarter{width:25%}.two-quarters{width:50%}.three-quarters{width:75%}.one-fifth{width:20%}.two-fifths{width:40%}.three-fifths{width:60%}.four-fifths{width:80%}.one-sixth{width:16.66667%}.two-sixths{width:33.33333%}.three-sixths{width:50%}.four-sixths{width:66.66667%}.five-sixths{width:83.33333%}.one-eighth{width:12.5%}.two-eighths{width:25%}.three-eighths{width:37.5%}.four-eighths{width:50%}.five-eighths{width:62.5%}.six-eighths{width:75%}.seven-eighths{width:87.5%}.one-tenth{width:10%}.two-tenths{width:20%}.three-tenths{width:30%}.four-tenths{width:40%}.five-tenths{width:50%}.six-tenths{width:60%}.seven-tenths{width:70%}.eight-tenths{width:80%}.nine-tenths{width:90%}.one-twelfth{width:8.33333%}.two-twelfths{width:16.66667%}.three-twelfths{width:25%}.four-twelfths{width:33.33333%}.five-twelfths{width:41.66667%}.six-twelfths{width:50%}.seven-twelfths{width:58.33333%}.eight-twelfths{width:66.66667%}.nine-twelfths{width:75%}.ten-twelfths{width:83.33333%}.eleven-twelfths{width:91.66667%}.show{display:block!important}.hide{display:none!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media only screen and (max-width: 749px){.small--one-whole{width:100%}.small--one-half{width:50%}.small--one-third{width:33.33333%}.small--two-thirds{width:66.66667%}.small--one-quarter{width:25%}.small--two-quarters{width:50%}.small--three-quarters{width:75%}.small--one-fifth{width:20%}.small--two-fifths{width:40%}.small--three-fifths{width:60%}.small--four-fifths{width:80%}.small--one-sixth{width:16.66667%}.small--two-sixths{width:33.33333%}.small--three-sixths{width:50%}.small--four-sixths{width:66.66667%}.small--five-sixths{width:83.33333%}.small--one-eighth{width:12.5%}.small--two-eighths{width:25%}.small--three-eighths{width:37.5%}.small--four-eighths{width:50%}.small--five-eighths{width:62.5%}.small--six-eighths{width:75%}.small--seven-eighths{width:87.5%}.small--one-tenth{width:10%}.small--two-tenths{width:20%}.small--three-tenths{width:30%}.small--four-tenths{width:40%}.small--five-tenths{width:50%}.small--six-tenths{width:60%}.small--seven-tenths{width:70%}.small--eight-tenths{width:80%}.small--nine-tenths{width:90%}.small--one-twelfth{width:8.33333%}.small--two-twelfths{width:16.66667%}.small--three-twelfths{width:25%}.small--four-twelfths{width:33.33333%}.small--five-twelfths{width:41.66667%}.small--six-twelfths{width:50%}.small--seven-twelfths{width:58.33333%}.small--eight-twelfths{width:66.66667%}.small--nine-twelfths{width:75%}.small--ten-twelfths{width:83.33333%}.small--eleven-twelfths{width:91.66667%}.grid--uniform .small--one-half:nth-child(odd),.grid--uniform .small--one-third:nth-child(3n+1),.grid--uniform .small--one-quarter:nth-child(4n+1),.grid--uniform .small--one-fifth:nth-child(5n+1),.grid--uniform .small--one-sixth:nth-child(6n+1),.grid--uniform .small--two-sixths:nth-child(3n+1),.grid--uniform .small--three-sixths:nth-child(odd),.grid--uniform .small--one-eighth:nth-child(8n+1),.grid--uniform .small--two-eighths:nth-child(4n+1),.grid--uniform .small--four-eighths:nth-child(odd),.grid--uniform .small--five-tenths:nth-child(odd),.grid--uniform .small--one-twelfth:nth-child(12n+1),.grid--uniform .small--two-twelfths:nth-child(6n+1),.grid--uniform .small--three-twelfths:nth-child(4n+1),.grid--uniform .small--four-twelfths:nth-child(3n+1),.grid--uniform .small--six-twelfths:nth-child(odd){clear:both}.small--show{display:block!important}.small--hide{display:none!important}.small--text-left{text-align:left!important}.small--text-right{text-align:right!important}.small--text-center{text-align:center!important}}@media only screen and (min-width: 750px){.medium-up--one-whole{width:100%}.medium-up--one-half{width:50%}.medium-up--one-third{width:33.33333%}.medium-up--two-thirds{width:66.66667%}.medium-up--one-quarter{width:25%}.medium-up--two-quarters{width:50%}.medium-up--three-quarters{width:75%}.medium-up--one-fifth{width:20%}.medium-up--two-fifths{width:40%}.medium-up--three-fifths{width:60%}.medium-up--four-fifths{width:80%}.medium-up--one-sixth{width:16.66667%}.medium-up--two-sixths{width:33.33333%}.medium-up--three-sixths{width:50%}.medium-up--four-sixths{width:66.66667%}.medium-up--five-sixths{width:83.33333%}.medium-up--one-eighth{width:12.5%}.medium-up--two-eighths{width:25%}.medium-up--three-eighths{width:37.5%}.medium-up--four-eighths{width:50%}.medium-up--five-eighths{width:62.5%}.medium-up--six-eighths{width:75%}.medium-up--seven-eighths{width:87.5%}.medium-up--one-tenth{width:10%}.medium-up--two-tenths{width:20%}.medium-up--three-tenths{width:30%}.medium-up--four-tenths{width:40%}.medium-up--five-tenths{width:50%}.medium-up--six-tenths{width:60%}.medium-up--seven-tenths{width:70%}.medium-up--eight-tenths{width:80%}.medium-up--nine-tenths{width:90%}.medium-up--one-twelfth{width:8.33333%}.medium-up--two-twelfths{width:16.66667%}.medium-up--three-twelfths{width:25%}.medium-up--four-twelfths{width:33.33333%}.medium-up--five-twelfths{width:41.66667%}.medium-up--six-twelfths{width:50%}.medium-up--seven-twelfths{width:58.33333%}.medium-up--eight-twelfths{width:66.66667%}.medium-up--nine-twelfths{width:75%}.medium-up--ten-twelfths{width:83.33333%}.medium-up--eleven-twelfths{width:91.66667%}.grid--uniform .medium-up--one-half:nth-child(odd),.grid--uniform .medium-up--one-third:nth-child(3n+1),.grid--uniform .medium-up--one-quarter:nth-child(4n+1),.grid--uniform .medium-up--one-fifth:nth-child(5n+1),.grid--uniform .medium-up--one-sixth:nth-child(6n+1),.grid--uniform .medium-up--two-sixths:nth-child(3n+1),.grid--uniform .medium-up--three-sixths:nth-child(odd),.grid--uniform .medium-up--one-eighth:nth-child(8n+1),.grid--uniform .medium-up--two-eighths:nth-child(4n+1),.grid--uniform .medium-up--four-eighths:nth-child(odd),.grid--uniform .medium-up--five-tenths:nth-child(odd),.grid--uniform .medium-up--one-twelfth:nth-child(12n+1),.grid--uniform .medium-up--two-twelfths:nth-child(6n+1),.grid--uniform .medium-up--three-twelfths:nth-child(4n+1),.grid--uniform .medium-up--four-twelfths:nth-child(3n+1),.grid--uniform .medium-up--six-twelfths:nth-child(odd){clear:both}.medium-up--show{display:block!important}.medium-up--hide{display:none!important}.medium-up--text-left{text-align:left!important}.medium-up--text-right{text-align:right!important}.medium-up--text-center{text-align:center!important}}@media only screen and (max-width: 749px){.small--push-one-half{left:50%}.small--push-one-third{left:33.33333%}.small--push-two-thirds{left:66.66667%}.small--push-one-quarter{left:25%}.small--push-two-quarters{left:50%}.small--push-three-quarters{left:75%}.small--push-one-fifth{left:20%}.small--push-two-fifths{left:40%}.small--push-three-fifths{left:60%}.small--push-four-fifths{left:80%}.small--push-one-sixth{left:16.66667%}.small--push-two-sixths{left:33.33333%}.small--push-three-sixths{left:50%}.small--push-four-sixths{left:66.66667%}.small--push-five-sixths{left:83.33333%}.small--push-one-eighth{left:12.5%}.small--push-two-eighths{left:25%}.small--push-three-eighths{left:37.5%}.small--push-four-eighths{left:50%}.small--push-five-eighths{left:62.5%}.small--push-six-eighths{left:75%}.small--push-seven-eighths{left:87.5%}.small--push-one-tenth{left:10%}.small--push-two-tenths{left:20%}.small--push-three-tenths{left:30%}.small--push-four-tenths{left:40%}.small--push-five-tenths{left:50%}.small--push-six-tenths{left:60%}.small--push-seven-tenths{left:70%}.small--push-eight-tenths{left:80%}.small--push-nine-tenths{left:90%}.small--push-one-twelfth{left:8.33333%}.small--push-two-twelfths{left:16.66667%}.small--push-three-twelfths{left:25%}.small--push-four-twelfths{left:33.33333%}.small--push-five-twelfths{left:41.66667%}.small--push-six-twelfths{left:50%}.small--push-seven-twelfths{left:58.33333%}.small--push-eight-twelfths{left:66.66667%}.small--push-nine-twelfths{left:75%}.small--push-ten-twelfths{left:83.33333%}.small--push-eleven-twelfths{left:91.66667%}}@media only screen and (min-width: 750px){.medium-up--push-one-half{left:50%}.medium-up--push-one-third{left:33.33333%}.medium-up--push-two-thirds{left:66.66667%}.medium-up--push-one-quarter{left:25%}.medium-up--push-two-quarters{left:50%}.medium-up--push-three-quarters{left:75%}.medium-up--push-one-fifth{left:20%}.medium-up--push-two-fifths{left:40%}.medium-up--push-three-fifths{left:60%}.medium-up--push-four-fifths{left:80%}.medium-up--push-one-sixth{left:16.66667%}.medium-up--push-two-sixths{left:33.33333%}.medium-up--push-three-sixths{left:50%}.medium-up--push-four-sixths{left:66.66667%}.medium-up--push-five-sixths{left:83.33333%}.medium-up--push-one-eighth{left:12.5%}.medium-up--push-two-eighths{left:25%}.medium-up--push-three-eighths{left:37.5%}.medium-up--push-four-eighths{left:50%}.medium-up--push-five-eighths{left:62.5%}.medium-up--push-six-eighths{left:75%}.medium-up--push-seven-eighths{left:87.5%}.medium-up--push-one-tenth{left:10%}.medium-up--push-two-tenths{left:20%}.medium-up--push-three-tenths{left:30%}.medium-up--push-four-tenths{left:40%}.medium-up--push-five-tenths{left:50%}.medium-up--push-six-tenths{left:60%}.medium-up--push-seven-tenths{left:70%}.medium-up--push-eight-tenths{left:80%}.medium-up--push-nine-tenths{left:90%}.medium-up--push-one-twelfth{left:8.33333%}.medium-up--push-two-twelfths{left:16.66667%}.medium-up--push-three-twelfths{left:25%}.medium-up--push-four-twelfths{left:33.33333%}.medium-up--push-five-twelfths{left:41.66667%}.medium-up--push-six-twelfths{left:50%}.medium-up--push-seven-twelfths{left:58.33333%}.medium-up--push-eight-twelfths{left:66.66667%}.medium-up--push-nine-twelfths{left:75%}.medium-up--push-ten-twelfths{left:83.33333%}.medium-up--push-eleven-twelfths{left:91.66667%}}.clearfix{*zoom: 1}.clearfix:after{content:"";display:table;clear:both}.visually-hidden,.icon__fallback-text{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.js-focus-hidden:focus{outline:none}.skip-link:focus{clip:auto;width:auto;height:auto;margin:0;color:#3d4246;background-color:#fff;padding:10px;opacity:1;z-index:10000;transition:none}body,html{background-color:#fff}.page-width{*zoom: 1;max-width:1200px;margin:0 auto}.page-width:after{content:"";display:table;clear:both}.main-content{display:block;padding-top:35px}@media only screen and (min-width: 750px){.main-content{padding-top:55px}}.section-header{margin-bottom:35px}@media only screen and (min-width: 750px){.section-header{margin-bottom:55px}}blockquote{font-size:1.125em;font-style:normal;text-align:center;padding:0 30px;margin:0}.rte blockquote{border-color:#e8e9eb;border-width:1px 0;border-style:solid;padding:30px 0;margin-bottom:27.5px}blockquote p+cite{margin-top:27.5px}blockquote cite{display:block;font-size:.85em;font-weight:400}blockquote cite:before{content:"\2014 "}code,pre{font-family:Consolas,monospace;font-size:1em}pre{overflow:auto}body,input,textarea,button,select{font-size:16px;font-family:Work Sans,HelveticaNeue,Helvetica Neue,sans-serif;color:#3d4246;line-height:1.5}@media only screen and (max-width: 989px){input,textarea,select,button{font-size:16px}}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0 0 17.5px;font-family:Work Sans,HelveticaNeue,Helvetica Neue,sans-serif;font-weight:600;line-height:1.2;overflow-wrap:break-word;word-wrap:break-word}h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a{color:inherit;text-decoration:none;font-weight:inherit}h1,.h1{font-size:2.1875em;text-transform:none;letter-spacing:0}@media only screen and (max-width: 749px){h1,.h1{font-size:2em}}h2,.h2{font-size:1.25em;text-transform:uppercase;letter-spacing:.1em}@media only screen and (max-width: 749px){h2,.h2{font-size:1.125em}}h3,.h3{font-size:1.625em;text-transform:none;letter-spacing:0}@media only screen and (max-width: 749px){h3,.h3{font-size:1.25em}}h4,.h4{font-size:1.0625em}@media only screen and (max-width: 749px){h4,.h4{font-size:.9375em}}h5,.h5{font-size:.9375em}@media only screen and (max-width: 749px){h5,.h5{font-size:.8125em}}h6,.h6{font-size:.875em}@media only screen and (max-width: 749px){h6,.h6{font-size:.75em}}.rte{color:#788188;margin-bottom:35px}.rte:last-child{margin-bottom:0}.rte h1,.rte .h1,.rte h2,.rte .h2,.rte h3,.rte .h3,.rte h4,.rte .h4,.rte h5,.rte .h5,.rte h6,.rte .h6{margin-top:55px;margin-bottom:27.5px}.rte h1:first-child,.rte .h1:first-child,.rte h2:first-child,.rte .h2:first-child,.rte h3:first-child,.rte .h3:first-child,.rte h4:first-child,.rte .h4:first-child,.rte h5:first-child,.rte .h5:first-child,.rte h6:first-child,.rte .h6:first-child{margin-top:0}.rte li{margin-bottom:4px;list-style:inherit}.rte li:last-child{margin-bottom:0}.rte-setting{margin-bottom:19.44444px}.rte-setting:last-child{margin-bottom:0}p{color:#788188;margin:0 0 19.44444px}@media only screen and (max-width: 749px){p{font-size:.9375em}}p:last-child{margin-bottom:0}li{list-style:none}.fine-print{font-size:.875em;font-style:italic}.txt--minor{font-size:80%}.txt--emphasis{font-style:italic}.address{margin-bottom:55px}.mega-title,.mega-subtitle{text-shadow:0 0 15px rgba(0,0,0,.1)}.mega-title{margin-bottom:8px}.mega-title--large{font-size:2.125em}@media only screen and (min-width: 750px){.mega-title--large{font-size:4.0625em}}@media only screen and (min-width: 750px){.mega-subtitle{font-size:1.25em;margin:0 auto;max-width:75%}}.mega-subtitle p{color:inherit}.mega-subtitle--large{font-size:1.125em;font-weight:600}@media only screen and (min-width: 750px){.mega-subtitle--large{font-size:1.5em}}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle}.no-svg .icon{display:none}svg.icon:not(.icon--full-color) circle,svg.icon:not(.icon--full-color) ellipse,svg.icon:not(.icon--full-color) g,svg.icon:not(.icon--full-color) line,svg.icon:not(.icon--full-color) path,svg.icon:not(.icon--full-color) polygon,svg.icon:not(.icon--full-color) polyline,svg.icon:not(.icon--full-color) rect,symbol.icon:not(.icon--full-color) circle,symbol.icon:not(.icon--full-color) ellipse,symbol.icon:not(.icon--full-color) g,symbol.icon:not(.icon--full-color) line,symbol.icon:not(.icon--full-color) path,symbol.icon:not(.icon--full-color) polygon,symbol.icon:not(.icon--full-color) polyline,symbol.icon:not(.icon--full-color) rect{fill:inherit;stroke:inherit}.no-svg .icon__fallback-text{position:static!important;overflow:inherit;clip:none;height:auto;width:auto;margin:0}.payment-icons{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:default}.payment-icons .icon{width:30px;height:30px}.social-icons .icon{width:23px;height:23px}@media only screen and (min-width: 750px){.social-icons .icon{width:25px;height:25px}}.social-icons .icon.icon--wide{width:40px}ul,ol{margin:0;padding:0}ol{list-style:decimal}.list--inline{padding:0;margin:0}.list--inline li{display:inline-block;margin-bottom:0;vertical-align:middle}.rte img{height:auto}.rte table{table-layout:fixed}.rte ul,.rte ol{margin:0 0 17.5px 35px}.rte ul.list--inline,.rte ol.list--inline{margin-left:0}.rte ul{list-style:disc outside}.rte ul ul{list-style:circle outside}.rte ul ul ul{list-style:square outside}.rte a{border-bottom:1px solid currentColor;padding-bottom:1px}.text-center.rte ul,.text-center.rte ol,.text-center .rte ul,.text-center .rte ol{margin-left:0;list-style-position:inside}.rte__table-wrapper{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}a{color:#3d4246;text-decoration:none}a:hover,a:focus{opacity:.6}a.classic-link{text-decoration:underline}.btn{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:auto;text-decoration:none;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:2px;padding:8px 15px;background-color:#7796a8;color:#fff;font-family:Work Sans,HelveticaNeue,Helvetica Neue,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:normal;font-size:14px}@media only screen and (min-width: 750px){.btn{padding:10px 18px}}.btn:hover,.btn:focus{opacity:.6}.btn .icon-arrow-right,.btn .icon-arrow-left{height:9px}.btn[disabled]{cursor:default;opacity:.5;background-color:#7796a8;color:#fff}.btn svg{fill:currentColor}.btn--secondary{background-color:#fff;color:#3d4246;border-color:#e8e9eb}.btn--secondary .icon{fill:currentColor}.btn--small{font-family:Work Sans,HelveticaNeue,Helvetica Neue,sans-serif;padding:8px 10px;font-size:.75em;line-height:1}@media only screen and (max-width: 749px){.btn--small-wide{padding-left:50px;padding-right:50px}}.btn--link{background-color:transparent;border:0;margin:0;color:#3d4246;text-align:left}.btn--link:hover,.btn--link:focus{opacity:.6}.btn--link .icon{vertical-align:middle}.btn--narrow{padding-left:15px;padding-right:15px}.btn--disabled{opacity:.5;cursor:default}.btn--disabled:hover,.btn--disabled:focus{opacity:.5}.btn--has-icon-after .icon{margin-left:10px}.btn--has-icon-before .icon{margin-right:10px}.text-link{display:inline;border:0 none;background:none;padding:0;margin:0}.return-link-wrapper{margin:82.5px 0}@media only screen and (max-width: 749px){.return-link-wrapper{margin-bottom:-56px}.return-link-wrapper .btn{display:block}}table{margin-bottom:27.5px}th{font-family:Work Sans,HelveticaNeue,Helvetica Neue,sans-serif;font-weight:700}th,td{text-align:left;border:1px solid #e8e9eb;padding:10px 14px}@media only screen and (max-width: 749px){.responsive-table thead{display:none}.responsive-table tr{display:block}.responsive-table tr,.responsive-table td{float:left;clear:both;width:100%}.responsive-table th,.responsive-table td{display:block;text-align:right;padding:27.5px;border:0;margin:0}.responsive-table td:before{content:attr(data-label);float:left;text-align:center;font-size:12px;padding-right:10px}.responsive-table__row+.responsive-table__row,tfoot>.responsive-table__row:first-child{position:relative;margin-top:10px;padding-top:55px}.responsive-table__row+.responsive-table__row:after,tfoot>.responsive-table__row:first-child:after{content:"";display:block;position:absolute;top:0;left:27.5px;right:27.5px;border-bottom:1px solid #e8e9eb}}svg:not(:root){overflow:hidden}.video-wrapper{position:relative;overflow:hidden;max-width:100%;padding-bottom:56.25%;height:0;height:auto}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}form{margin:0}fieldset{border:1px solid #e8e9eb;margin:0 0 55px;padding:27.5px}legend{border:0;padding:0}button,input[type=submit]{cursor:pointer}label{display:block;margin-bottom:5px}@media only screen and (max-width: 749px){label{font-size:.875em}}[type=radio]+label,[type=checkbox]+label{display:inline-block;margin-bottom:0}label[for]{cursor:pointer}input,textarea,select{border:1px solid #e8e9eb;background-color:#fff;color:#000;max-width:100%;line-height:1.2;border-radius:2px}input:focus,textarea:focus,select:focus{border-color:#cdcfd3}input[disabled],textarea[disabled],select[disabled]{cursor:default;background-color:#f4f4f4;border-color:#f4f4f4}input.input--error::-webkit-input-placeholder,textarea.input--error::-webkit-input-placeholder,select.input--error::-webkit-input-placeholder{color:#d20000;opacity:.5}input.input--error::-moz-placeholder,textarea.input--error::-moz-placeholder,select.input--error::-moz-placeholder{color:#d20000;opacity:.5}input.input--error:-ms-input-placeholder,textarea.input--error:-ms-input-placeholder,select.input--error:-ms-input-placeholder{color:#d20000;opacity:.5}input.input--error::-ms-input-placeholder,textarea.input--error::-ms-input-placeholder,select.input--error::-ms-input-placeholder{color:#d20000;opacity:1}input.hidden-placeholder::-webkit-input-placeholder,textarea.hidden-placeholder::-webkit-input-placeholder,select.hidden-placeholder::-webkit-input-placeholder{color:transparent}input.hidden-placeholder::-moz-placeholder,textarea.hidden-placeholder::-moz-placeholder,select.hidden-placeholder::-moz-placeholder{color:transparent}input.hidden-placeholder:-ms-input-placeholder,textarea.hidden-placeholder:-ms-input-placeholder,select.hidden-placeholder:-ms-input-placeholder{color:transparent}input.hidden-placeholder::-ms-input-placeholder,textarea.hidden-placeholder::-ms-input-placeholder,select.hidden-placeholder::-ms-input-placeholder{opacity:1}textarea{min-height:100px}input.input--error,select.input--error,textarea.input--error{border-color:#d20000;background-color:#fff8f8;color:#d20000}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:right center;background-image:url(/cdn/shop/t/1/assets/ico-select.svg?v=22019761536113637381475275434);background-repeat:no-repeat;background-position:right 10px center;color:#3d4246;line-height:1.2;text-indent:.01px;text-overflow:"";cursor:pointer;padding:8px 28px 8px 15px}@media only screen and (min-width: 750px){select{padding-top:10px;padding-left:18px;padding-bottom:10px}}.ie9 select{padding-right:10px;background-image:none}optgroup{font-weight:700}option{color:#3d4246;background-color:#fff}select::-ms-expand{display:none}.label--hidden{position:absolute;height:0;width:0;margin-bottom:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ie9 .label--hidden{position:static;height:auto;width:auto;margin-bottom:2px;overflow:visible;clip:initial}::-webkit-input-placeholder{color:#000;opacity:.6}::-moz-placeholder{color:#000;opacity:.6}:-ms-input-placeholder{color:#000;opacity:.6}::-ms-input-placeholder{color:#000;opacity:1}.label--error{color:#d20000}input,textarea{padding:8px 15px}@media only screen and (min-width: 750px){input,textarea{padding:10px 18px}}.form-vertical input,.form-vertical select,.form-vertical textarea{display:block;width:100%;margin-bottom:19.44444px}.form-vertical [type=radio],.form-vertical [type=checkbox]{display:inline-block;width:auto;margin-right:5px}.form-vertical [type=submit],.form-vertical .btn{display:inline-block;width:auto}.note,.form--success,.errors{padding:8px;margin:0 0 27.5px}@media only screen and (min-width: 750px){.note,.form--success,.errors{padding:10px}}.note{border:1px solid #e8e9eb}.form--success{border:1px solid #19a340;background-color:#f8fff9;color:#19a340}.errors{border:1px solid #d20000;background-color:#fff8f8;color:#d20000}.errors ul{list-style:none;padding:0;margin:0}.errors a{color:#d20000;text-decoration:underline}.input-group{position:relative;display:table;width:100%;border-collapse:separate}.form-vertical .input-group{margin-bottom:55px}.input-group__field,.input-group__btn{display:table-cell;vertical-align:middle;margin:0}.input-group__field,.input-group__btn .btn{height:42px;padding-top:0;padding-bottom:0}@media only screen and (min-width: 750px){.input-group__field,.input-group__btn .btn{height:46px}}.input-group__field{width:100%;border-right:0;border-radius:2px 0 0 2px}.form-vertical .input-group__field{margin:0}.input-group__btn{white-space:nowrap;width:1%}.input-group__btn .btn{border-radius:0 2px 2px 0;white-space:nowrap}.site-header__logo img{display:block}.site-nav{position:relative;padding:0;text-align:center;margin:25px 0}.site-nav a{padding:3px 10px}.site-nav li{display:inline-block}.site-nav--centered{padding-bottom:22px}.site-nav__link{display:block;white-space:nowrap}.site-nav--centered .site-nav__link{padding-top:0}.site-nav__link .icon-chevron-down{fill:#3d4246;width:8px;height:8px;margin-left:2px}.site-nav--active-dropdown .site-nav__link .icon-chevron-down{transform:rotate(-180deg)}.site-nav__link.site-nav--active-dropdown{border:1px solid #e8e9eb;border-bottom:1px solid transparent;z-index:2}.site-nav--has-dropdown{position:relative}.site-nav--has-centered-dropdown{position:static}.site-nav__dropdown{display:none;position:absolute;padding:11px 17px;margin:0;z-index:7;text-align:left;border:1px solid #e8e9eb;background:white;left:-1px;top:41px}.site-nav__dropdown .site-nav__link{padding:4px 30px 4px 0}.site-nav--active-dropdown .site-nav__dropdown,.site-nav__dropdown li{display:block}.site-nav__dropdown--centered{width:100%;border:0;background:none;padding:0;text-align:center}.site-nav__childlist{display:inline-block;border:1px solid #e8e9eb;background:white;padding:11px 17px;text-align:left}.site-nav__childlist-grid{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto;margin-bottom:-35px}.site-nav__childlist-item{-webkit-flex:0 1 auto;-moz-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;margin-bottom:35px}.site-nav__child-link--parent{font-weight:700;margin:4px 0}.page-width{padding-left:55px;padding-right:55px}@media only screen and (max-width: 749px){.page-width{padding-left:22px;padding-right:22px}}.page-container{transition:all .45s cubic-bezier(.29,.63,.44,1);position:relative;overflow:hidden}@media only screen and (min-width: 750px){.page-container{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}hr{margin:55px 0;border:0;border-bottom:1px solid #e8e9eb}.hr--small{padding:10px 0;margin:0}.hr--invisible{border-bottom:0}.border-bottom{border-bottom:1px solid #e8e9eb}.border-top{border-top:1px solid #e8e9eb}.empty-page-content{padding:125px 55px}@media only screen and (max-width: 749px){.empty-page-content{padding-left:22px;padding-right:22px}}.grid--table{display:table;table-layout:fixed;width:100%}.grid--table>.grid__item{float:none;display:table-cell;vertical-align:middle}.grid--no-gutters{margin-left:0}.grid--no-gutters .grid__item{padding-left:0}.grid--half-gutters{margin-left:-15px}.grid--half-gutters>.grid__item{padding-left:15px}.grid--double-gutters{margin-left:-60px}.grid--double-gutters>.grid__item{padding-left:60px}.grid--flush-bottom{margin-bottom:-55px;overflow:auto}.grid--flush-bottom>.grid__item{margin-bottom:55px}.is-transitioning{display:block!important;visibility:visible!important}@-webkit-keyframes spin{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.drawer{display:none;position:absolute;overflow:hidden;-webkit-overflow-scrolling:touch;z-index:9;background-color:#fff;transition:all .45s cubic-bezier(.29,.63,.44,1)}.drawer input[type=text],.drawer textarea{background-color:#fff;color:#3d4246}.js-drawer-open{overflow:hidden}.drawer--top{width:100%}.js-drawer-open-top .drawer--top{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);display:block}.drawer-page-content:after{visibility:hidden;opacity:0;content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:8;transition:all .45s cubic-bezier(.29,.63,.44,1)}.js-drawer-open .drawer-page-content:after{visibility:visible;opacity:1}.drawer__title,.drawer__close{display:table-cell;vertical-align:middle}.drawer__close-button{background:none;border:0 none;position:relative;right:-15px;height:100%;width:60px;padding:0 20px;color:inherit;font-size:1.125em}.drawer__close-button:active,.drawer__close-button:focus{background-color:#0009}.grid--view-items{overflow:auto;margin-bottom:-35px}.grid-view-item{margin:0 auto 35px}.custom__item .grid-view-item{margin-bottom:0}.grid-view-item__title{margin-bottom:0;color:#3d4246}.grid-view-item__meta{margin-top:8px}@media only screen and (max-width: 749px){.grid-view-item__title,.grid-view-item__meta{font-size:.9375em}}.product-price__price{display:inline-block;color:#788188}.product-price__sale{padding-right:0}.grid-view-item__link{display:block}.grid-view-item__vendor{margin-top:4px;color:#788188;font-size:.875em;text-transform:uppercase}@media only screen and (max-width: 749px){.grid-view-item__vendor{font-size:.8125em}}.grid-view-item__image{display:block;margin:0 auto 15px}.grid-view-item--sold-out .grid-view-item__image{opacity:.5}.list-view-item{display:table;table-layout:fixed;margin-bottom:22px;width:100%}.list-view-item:last-child{margin-bottom:0}@media only screen and (min-width: 750px){.list-view-item{border-bottom:1px solid #e8e9eb;padding-bottom:22px}.list-view-item:last-child{padding-bottom:0;border-bottom:0}}.list-view-item__image-column{display:table-cell;vertical-align:middle;width:130px}@media only screen and (max-width: 749px){.list-view-item__image-column{width:85px}}.list-view-item__image-wrapper{position:relative;margin-right:35px}@media only screen and (max-width: 749px){.list-view-item__image-wrapper{margin-right:17.5px}}.list-view-item__title-column{display:table-cell;vertical-align:middle}.list-view-item__title{color:#3d4246;font-size:1.125em;min-width:100px}@media only screen and (max-width: 749px){.list-view-item__title{font-size:.9375em}}.list-view-item__sold-out{font-size:.9375em}.list-view-item__on-sale{color:#7796a8;font-size:.9375em}@media only screen and (max-width: 749px){.list-view-item__on-sale{display:none}}.list-view-item__vendor-column{display:table-cell;text-align:center;vertical-align:middle;width:20%}.list-view-item__vendor{font-size:.9375em;font-style:italic}@media only screen and (max-width: 749px){.list-view-item__vendor{font-size:.875em}}.list-view-item__price-column{display:table-cell;text-align:right;vertical-align:middle;width:20%;font-size:1.0625em}@media only screen and (max-width: 749px){.list-view-item__price-column{font-size:.9375em}}.list-view-item__price-column .product-price__sale{display:block}.list-view-item__price-column .product-price__sale-label,.list-view-item__price-column .product-price__sold-out{display:none}.list-view-item__price{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-view-item__price--reg{color:#7796a8}@media only screen and (max-width: 749px){.list-view-item__price--reg{display:block}}@media only screen and (max-width: 749px){.list-view-item__price--sale{display:block}}.slick-dotted.slick-slider{margin-bottom:0}.slick-slider .slick-dots{margin:0;width:auto}.slick-slider .slick-dots li{vertical-align:middle;width:10px;height:10px;margin:0 0 0 6px}.slick-slider .slick-dots li:first-of-type{margin-left:0}@media only screen and (min-width: 750px){.slick-slider .slick-dots li{width:12px;height:12px;margin-left:8px}}.slick-slider .slick-dots li button{position:relative;padding:0;width:10px;height:10px}@media only screen and (min-width: 750px){.slick-slider .slick-dots li button{width:12px;height:12px}}.slick-slider .slick-dots li button:before{text-indent:-9999px;background-color:transparent;border-radius:100%;background-color:currentColor;width:10px;height:10px;opacity:.4;transition:all .2s}@media only screen and (min-width: 750px){.slick-slider .slick-dots li button:before{width:12px;height:12px}}.slick-slider .slick-dots li.slick-active button:before{opacity:1}.slick-slider .slick-dots li button:active:before{opacity:.7}.index-section{padding-top:35px;padding-bottom:35px}@media only screen and (min-width: 750px){.index-section{padding-top:55px;padding-bottom:55px}}.index-section:first-child{padding-top:0;border-top:0}.index-section:last-child{padding-bottom:0}.index-section--flush+.index-section--flush{margin-top:-70px}@media only screen and (min-width: 750px){.index-section--flush+.index-section--flush{margin-top:-110px}}.index-section--flush:first-child{margin-top:-35px}@media only screen and (min-width: 750px){.index-section--flush:first-child{margin-top:-55px}}.index-section--flush:last-child{margin-bottom:-35px}@media only screen and (min-width: 750px){.index-section--flush:last-child{margin-bottom:-55px}}@media only screen and (max-width: 749px){.index-section--featured-product:first-child{margin-top:-12px}}.placeholder-svg{display:block;fill:#78818859;background-color:#7881881a;width:100%;height:100%;max-width:100%;max-height:100%;border:1px solid rgba(120,129,136,.2)}.placeholder-noblocks{padding:40px;text-align:center}.placeholder-background{position:absolute;top:0;right:0;bottom:0;left:0}.placeholder-background .icon{border:0}.image-bar__content .placeholder-svg{position:absolute;top:0;left:0}.template-password{height:100vh}.password-page{display:table;height:100%;width:100%;color:#788188;background-color:#fff;background-size:cover}.ie9 .password-page{height:auto}.password-page .errors,.password-page .form--success{max-width:500px;margin-left:auto;margin-right:auto}.password-header{height:85px;display:table-row}.password-header__inner{display:table-cell;vertical-align:middle}.password-login{padding:0 30px;text-align:right}.password-logo .logo{color:#3d4246;font-weight:700;max-width:100%}.password-main{display:table-row;width:100%;height:100%;margin:0 auto}.password-main__inner{display:table-cell;vertical-align:middle;padding:27.5px 55px}.password-message{max-width:500px;margin:82.5px auto 27.5px}.password__input-group{max-width:340px;margin:0 auto 55px}.password__title{margin-bottom:82.5px}.password__form-heading{margin-bottom:55px}.password-powered-by{margin-top:82.5px}h1.product-single__title,.product-single__title.h1{margin-bottom:0}.product-single__price{color:#788188;font-size:1.25em;font-weight:600;margin-bottom:30px}@media only screen and (max-width: 749px){.product-single__price{display:block;font-size:1.125em}}.product-single__vendor{color:#788188;font-size:1em;text-transform:uppercase;letter-spacing:1px;margin:5px 0 10px}.product-form{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;width:auto;margin:0 -5px -10px}.product-form__item{-webkit-flex:1 1 200px;-moz-flex:1 1 200px;-ms-flex:1 1 200px;flex:1 1 200px;margin-bottom:10px;padding:0 5px}.product-form__item label{display:block}.product-form--hide-variant-labels .product-form__item label{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.product-form__variants{display:none}.no-js .product-form__variants{display:block}.product-form__item--quantity{-webkit-flex:0 0 100px;-moz-flex:0 0 100px;-ms-flex:0 0 100px;flex:0 0 100px}.product-form__item--submit{-ms-flex-preferred-size:200px;-webkit-flex-basis:200px;-moz-flex-basis:200px;flex-basis:200px}.product-form__input{display:block;width:100%}.product-form__cart-submit{display:block;width:100%;line-height:1.4;padding-left:5px;padding-right:5px;white-space:normal}@media only screen and (min-width: 750px){.product-form__cart-submit--small{max-width:300px}}.product-single__description{margin-top:30px}.product-single__thumbnail{display:block;margin:-2px 0 8px;border:2px solid transparent}.product-single__thumbnail.active-thumb{border-color:#3d4246}.product-single__thumbnail-image{display:block}.product-featured-img{display:block;margin:0 auto}.zoomImg{background-color:#fff}@media only screen and (min-width: 750px){.product-single__thumbnails{margin-top:30px}}@media only screen and (max-width: 749px){.product-single__photos{margin-bottom:30px}}.product-single__photos--full{margin-bottom:30px}.product-single__photo{min-height:1px}@media only screen and (max-width: 749px){.template-product .main-content{padding-top:22px}.thumbnails-slider--active .product-single__thumbnails{display:none}.thumbnails-slider--active .product-single__thumbnails.slick-initialized,.ie9 .thumbnails-slider--active .product-single__thumbnails{display:block;margin:0 auto;max-width:75%}.product-single__photos,.thumbnails-wrapper{position:relative}.thumbnails-slider__btn{position:absolute;top:50%;transform:translateY(-50%)}.thumbnails-slider__prev{left:-20px}.thumbnails-slider__next{right:-20px}.product-single__thumbnails-item{padding-bottom:10px;width:50px}.thumbnails-slider--active .product-single__thumbnails-item{padding:5px 0}.product-single__thumbnail{margin:0 auto;width:50px}}.collection-hero{position:relative;overflow:hidden;margin-top:-55px;margin-bottom:22px}@media only screen and (min-width: 750px){.collection-hero{margin-bottom:35px}}.collection-description{margin-bottom:22px;margin-top:22px}@media only screen and (min-width: 750px){.collection-description{margin-bottom:35px;margin-top:35px}}.collection-hero__image{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:300px;opacity:1}@media only screen and (max-width: 749px){.collection-hero__image{height:180px}}.collection-hero__title-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3d4246;opacity:.25}.collection-hero__title{position:absolute;color:#fff;width:100%;text-align:center;left:0;right:0;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (min-width: 750px){.collection-hero__title{font-size:2em}}.template-blog .social-sharing{margin-bottom:17.5px}.blog--list-view .pagination{padding-top:0}.cart th,.cart td{border:0}.cart td{padding:22px 0}.cart th{font-weight:400;padding:27.5px 0}.cart .cart__meta{padding-right:15px}.cart__meta-text{padding:5px 0;font-size:.875em;font-style:italic}.cart__qty-label{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.cart__qty-input{text-align:center;width:60px;padding-left:5px;padding-right:5px}@media only screen and (max-width: 749px){.cart__qty-input{padding-top:2px;padding-bottom:2px}}.cart__edit{margin-top:10px}.cart__edit--active .cart__edit-text--cancel,.cart__edit-text--edit{display:none}.cart__edit--active .cart__edit-text--edit{display:block}.cart__edit-text--cancel,.cart__edit-text--edit{pointer-events:none}.cart__row p{margin-bottom:0}.cart__row p+p{margin-top:10px}.cart__subtotal-title{font-size:1.125em}.cart__subtotal{padding-left:27.5px}@media only screen and (min-width: 750px){.cart__subtotal{padding-left:55px;min-width:150px;display:inline-block}}.cart__savings{padding-top:18px}.cart__savings-amount{padding-left:27.5px}@media only screen and (min-width: 750px){.cart__savings-amount{padding-left:55px;min-width:150px;display:inline-block}}.cart__footer{padding-top:35px}.cart__update--large{margin-right:10px}.cart__shipping{font-style:italic;font-size:.875em;padding:18px 0 20px}.cart-note__label,.cart-note__input{display:block}@media only screen and (max-width: 749px){.cart-note__label,.cart-note__input{margin:0 auto}}.cart-note__label{margin-bottom:15px}.cart-note__input{min-height:50px;width:100%}@media only screen and (max-width: 749px){.cart-note__input{margin-bottom:40px}}.cart__image-wrapper a{display:block;padding-right:17.5px}@media only screen and (min-width: 750px){.cart__image-wrapper a{padding-right:35px}}@media only screen and (min-width: 750px){.cart__image-wrapper{width:130px}.cart__meta{max-width:300px}.cart__remove{margin-top:4px}.cart__qty{text-align:center}}@media only screen and (max-width: 749px){.cart table{display:block;width:100%}.cart thead{display:none}.cart tr,.cart tbody{width:100%}.cart tbody{display:block}.cart .cart__update-wrapper{display:none;padding-top:0;padding-bottom:22px}.cart__update--show td{padding-bottom:10px}.cart__update--show .cart__update-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cart-flex{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.cart-flex-item{display:block;min-width:0;-webkit-flex:1 1 100%;-moz-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}.cart__meta{-webkit-flex:1 1 0%;-moz-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.cart__image-wrapper{-webkit-flex:0 0 85px;-moz-flex:0 0 85px;-ms-flex:0 0 85px;flex:0 0 85px}.cart__price-wrapper{-webkit-flex:0 1 24%;-moz-flex:0 1 24%;-ms-flex:0 1 24%;flex:0 1 24%;text-align:right}.cart__header{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.cart-message{padding-top:20px}.cart__qty{padding:0 10px}.cart__qty-label{position:inherit!important;overflow:auto;clip:auto;width:auto;height:auto;margin:0 5px 0 0;display:inline-block;vertical-align:middle;font-size:.8125em}}.additional-checkout-buttons{margin-top:22px}.additional-checkout-buttons input[type=image]{padding:0;border:0;background:transparent}.site-header{background-color:#fff;position:relative;padding:0 55px}@media only screen and (max-width: 749px){.site-header{border-bottom:1px solid #e8e9eb;padding:0}}@media only screen and (min-width: 750px){.site-header.logo--center{padding-top:30px}}.site-header__logo{margin:15px 0}.logo-align--center .site-header__logo{text-align:center;margin:0 auto}@media only screen and (max-width: 749px){.logo-align--center .site-header__logo{text-align:left;margin:15px 0}}.site-header__logo-link{display:inline-block;word-break:break-word}.site-header__logo-image{display:block}@media only screen and (min-width: 750px){.site-header__logo-image{margin:0 auto}}.site-header__logo-image--centered img{margin:0 auto}@media only screen and (min-width: 750px){.logo-align--center .site-header__logo-link{margin:0 auto}}@media only screen and (max-width: 749px){.site-header__icons .btn--link,.site-header__icons .site-header__cart{font-size:1em}}.site-header__icons{position:relative;white-space:nowrap}.site-header__icons-wrapper{position:relative;margin-right:-10px}.site-header__cart,.site-header__search{position:relative}.site-header__cart .icon-cart,.site-header__cart .icon-search,.site-header__search .icon-cart,.site-header__search .icon-search{vertical-align:middle}.site-header__search{padding-right:45px}@media only screen and (min-width: 750px){.site-header__cart{position:absolute;top:50%;right:0;padding:8px 0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.site-header__cart-title,.site-header__search-title{display:inline-block;vertical-align:middle;position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.site-header__cart-title{margin-right:3px}.site-header__cart-count{display:block;position:absolute;top:-1px;font-weight:700;background-color:#7796a8;color:#fff;border-radius:9px;min-width:16px;height:16px}.site-header__cart-count span{font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;display:block;padding:2px 5px;font-size:11px;line-height:1}@media only screen and (min-width: 750px){.logo--center .site-header__cart-count{right:-2px}.logo--left .site-header__cart-count{left:12px;top:4px}}@media only screen and (max-width: 749px){.site-header__cart-count{top:14px;left:22px;border-radius:11px;min-width:19px;height:19px}.site-header__cart-count span{padding:4px 6px;font-size:12px}}.site-header__menu{display:none}.site-header .icon-search,.site-header .icon-hamburger,.site-header .icon-close,.site-header .icon-cart{fill:#3d4246;height:30px}@media only screen and (min-width: 750px){.site-header .icon-search,.site-header .icon-hamburger,.site-header .icon-close,.site-header .icon-cart{margin-right:3px}}@media only screen and (max-width: 749px){.site-header .icon-search,.site-header .icon-hamburger,.site-header .icon-close,.site-header .icon-cart{fill:#3d4246}}@media only screen and (max-width: 749px){.site-header__logo{padding-left:22px}.site-header__icons{padding-right:22px}.site-header__menu,.site-header__search-toggle,.site-header__cart{display:inline-block;vertical-align:middle;padding:18px 10px;margin:0}.site-header__logo{text-align:left}.site-header__logo img{margin:0}}.notification-bar{text-align:center;position:relative;z-index:10}.notification-bar__message{display:block;font-size:1em;font-weight:600;padding:10px 22px}@media only screen and (min-width: 750px){.notification-bar__message{padding:10px 55px}}.article--listing{padding-top:55px;margin-bottom:55px}.article__title{margin-bottom:11px}.article__author{margin-right:10px}.article__author,.article__date{display:inline-block;margin-bottom:22px}.template-article .article__author,.template-article .article__date{margin-bottom:0}.article__tags{margin-bottom:27.5px}.article__tags--list{font-style:italic}.grid--blog{margin-bottom:-55px;overflow:auto}.article__grid-tag{margin-right:10px}.article__grid-meta{margin-bottom:55px}@media only screen and (max-width: 749px){.article__grid-meta--has-image{float:left;width:60%;padding-left:22px}}.article__grid-excerpt{margin-bottom:17.5px}.article__grid-image{display:block;clear:both;margin-bottom:27.5px}@media only screen and (max-width: 749px){.article__grid-image{float:left;width:40%;margin-bottom:55px}}.article__grid-image img{display:block}.article__list-image{margin:0 auto}.sidebar{margin-top:40px}.sidebar__list{list-style:none;margin-bottom:55px}.sidebar__list li{margin-bottom:10px}.pagination{text-align:center;list-style:none;font-size:.9375em;padding-top:55px}.pagination li{display:inline-block}.pagination .icon{display:block;height:20px;vertical-align:middle}.pagination__text{padding:0 27.5px}.comment{margin-bottom:30px}.comment:last-child{margin-bottom:0}.comment__content{margin-bottom:5px}.comment__meta-item{margin-right:10px;font-size:.875em}.comment__meta-item:first-child:before{content:"\2014 "}.btn--share{margin-right:5px;margin-bottom:10px}.btn--share .icon{vertical-align:middle;width:16px;height:16px;margin-right:4px}.btn--share .icon-facebook{fill:#3b5998}.btn--share .icon-twitter{fill:#00aced}.btn--share .icon-pinterest{fill:#cb2027}.share-title{display:inline-block;vertical-align:middle}.search-bar__form{display:table;width:100%;position:relative;height:40px;border:1px solid transparent}@media only screen and (max-width: 749px){.search-bar__form{width:100%}}.search-bar__submit .icon{position:relative;top:-1px;height:30px}.search-bar__submit,.search-header__submit{display:inline-block;vertical-align:middle;position:absolute;left:0;top:0;padding:0 0 0 5px;height:100%;z-index:1}.search-header__input,.search-bar__input{background-color:transparent;border-radius:2px;color:#3d4246;border-color:transparent;padding-left:35px;width:100%}.search-header__input::-webkit-input-placeholder,.search-bar__input::-webkit-input-placeholder{color:#3d4246;opacity:.6}.search-header__input::-moz-placeholder,.search-bar__input::-moz-placeholder{color:#3d4246;opacity:.6}.search-header__input:-ms-input-placeholder,.search-bar__input:-ms-input-placeholder{color:#3d4246;opacity:.6}.search-header__input::-ms-input-placeholder,.search-bar__input::-ms-input-placeholder{color:#3d4246;opacity:1}.search-bar__input{border:1px solid transparent}.search-bar__input:focus{border-color:transparent}.search-header__input:hover+.btn--link{opacity:.6}.search-bar{border-bottom:1px solid #e8e9eb;padding:0 27.5px}.search-bar__table{display:table;table-layout:fixed;width:100%;height:100%}.search-bar__table-cell{display:table-cell;vertical-align:middle}.search-bar__form-wrapper{width:90%}.search-header{display:inline-block;position:relative;width:100%;max-width:30px;vertical-align:middle}.search-header.search--focus{max-width:250px}.search-header__input{cursor:pointer}.search--focus .search-header__input{outline:none;border-color:#e8e9eb;cursor:auto}.search--focus .search-header__submit{padding-left:10px;pointer-events:auto}.search-header__submit{pointer-events:none}.search-header,.search-header__submit{transition:all .35s cubic-bezier(.29,.63,.44,1)}.no-svg .site-header__search{display:inline-block}.no-svg .search-header{max-width:none}.no-svg .search__input{width:auto;padding-left:60px}.mobile-nav{display:block;-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translateZ(0);transition:all .45s cubic-bezier(.29,.63,.44,1)}.sub-nav--is-open .mobile-nav{-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.third-nav--is-open .mobile-nav{-ms-transform:translate3d(-200%,0,0);-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0)}.mobile-nav__link,.mobile-nav__sublist-link{display:block;width:100%;padding:15px}.mobile-nav__link{position:relative}.mobile-nav__sublist-link:not(.mobile-nav__sublist-header){padding-left:70px}.mobile-nav__item{display:block;width:100%}.mobile-nav__item .icon{position:absolute;top:50%;left:50%;height:12px;width:10px;margin:-6px 0 0 -5px;fill:currentColor}.mobile-nav__return{border-right:1px solid #e8e9eb}.mobile-nav__return-btn{position:relative;padding:24px 0;width:55px}.mobile-nav__icon{position:absolute;right:0;top:0;bottom:0;padding-left:22px;padding-right:22px;pointer-events:none;overflow:hidden}.mobile-nav__table{display:table;width:100%}.mobile-nav__table-cell{display:table-cell;vertical-align:middle;width:1%;text-align:left;white-space:normal}.mobile-nav__toggle-button{padding:20px 15px}.mobile-nav__dropdown{position:absolute;background-color:#fff;z-index:8;width:100%;top:0;right:-100%;display:none}.is-active+.mobile-nav__dropdown{display:block;opacity:1}.mobile-nav__dropdown.is-closing{transition:all .45s cubic-bezier(.29,.63,.44,1);opacity:.99}.mobile-nav__dropdown .mobile-nav__sublist-header{font-family:Work Sans,HelveticaNeue,Helvetica Neue,sans-serif;font-weight:600;display:table-cell;vertical-align:middle}.mobile-nav-wrapper{-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);position:absolute;background-color:#fff;transition:all .45s cubic-bezier(.29,.63,.44,1);display:none;overflow:hidden;width:100%}.mobile-nav-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #e8e9eb}.mobile-nav-wrapper.js-menu--is-open{display:block}.mobile-nav--open .icon-close,.mobile-nav--close .icon-hamburger{display:none}.modal{-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);background-color:#fff;bottom:0;color:#3d4246;display:none;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0}.modal--is-active{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);display:block;opacity:1;overflow:hidden}.modal__inner{-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;height:100%}.modal__centered{-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);position:relative;top:50%}.no-csstransforms .modal__centered{top:20%}.modal__close{border:0;padding:55px;position:fixed;top:0;right:0}.modal__close .icon{font-size:1.25em}.slideshow-wrapper{position:relative}.slideshow{overflow:hidden;height:325px;margin-bottom:0}.slideshow.slideshow--medium{height:500px}.slideshow.slideshow--large{height:575px}@media only screen and (min-width: 750px){.slideshow{height:475px}.slideshow.slideshow--medium{height:650px}.slideshow.slideshow--large{height:775px}}.slideshow .slideshow__slide,.slideshow .slick-list,.slideshow .slick-track{height:100%}.slideshow .slick-prev,.slideshow .slick-next{top:0;height:100%;margin-top:0;width:40px}.slideshow .slick-prev{left:0}.slideshow .slick-next{right:0}.slideshow .slick-dots{bottom:22px;text-align:center;width:100%}.slideshow .slick-dots li button:before{color:#fff}.video-is-playing .slick-dots{display:none!important}.slideshow__pause:focus{clip:auto;width:auto;height:auto;margin:0;color:#fff;background-color:#7796a8;padding:27.5px;z-index:10000;transition:none}.video-is-playing .slideshow__pause:focus{display:none}.slideshow__pause:focus .icon{fill:currentColor}.slideshow__pause-stop{display:block}.is-paused .slideshow__pause-stop,.slideshow__pause-play{display:none}.is-paused .slideshow__pause-play{display:block}.slideshow__slide{position:relative;overflow:hidden}.slideshow__link{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.slideshow__link:active,.slideshow__link:focus{opacity:1}.slideshow__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3d4246;opacity:.25;z-index:3}.slideshow__image{transition:opacity .8s cubic-bezier(.44,.13,.48,.87);position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:top center;z-index:1}.slick-initialized .slideshow__image,.no-js .slideshow__image{opacity:1}.slideshow__slide--background-video .slideshow__image{opacity:0}.no-autoplay .slideshow__image{opacity:1}.ie9 .slideshow__slide{z-index:1!important}.ie9 .slick-dots{z-index:2}.slideshow__text-wrap{height:100%}.slideshow__link .slideshow__text-wrap{cursor:inherit}.slideshow__slide--has-background-video .slideshow__text-wrap{padding-top:165px}.video-is-playing .slideshow__text-wrap,.slideshow__slide.video-is-paused .slideshow__text-wrap{display:none}.slideshow__text-content{text-align:center;position:absolute;width:100%;top:50%;-ms-transform:translateY(-40%);-webkit-transform:translateY(-40%);transform:translateY(-40%);opacity:0;transition:all .6s cubic-bezier(.44,.13,.48,.87);transition-delay:.3s;z-index:3}.slick-active .slideshow__text-content,.no-js .slideshow__text-content{-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1}.slideshow__text-content:after{content:"";display:block;width:40px;height:40px;position:absolute;margin-left:-20px;margin-top:-20px;border-radius:50%;border:3px solid white;border-top-color:transparent;-moz-animation:spin .65s infinite linear;-o-animation:spin .65s infinite linear;-webkit-animation:spin .65s infinite linear;animation:spin .65s infinite linear;opacity:1;transition:all 1s cubic-bezier(.29,.63,.44,1);bottom:-55px;left:50%}.slick-initialized .slideshow__text-content:after,.no-js .slideshow__text-content:after{opacity:0;visibility:hidden;content:none}.slideshow__title{color:#fff}.slideshow__subtitle{display:block;color:#fff}.slideshow__slide--has-background-video:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.slideshow__video{display:none;position:absolute;left:0;top:0;z-index:2}.slideshow__video--background{position:relative;visibility:hidden;opacity:0;transition:all .2s ease-in}.autoplay .slideshow__video--background.video-is-loaded{display:block;visibility:visible;opacity:1}.slideshow__slide--background-video:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.slideshow__video--chrome{display:none;opacity:0;visibility:none;width:100%;height:100%;transition:all .2s ease-in}.ie9 .slideshow__video--chrome{display:block}.slideshow__slide.video-is-playing .slideshow__video--chrome,.slideshow__slide.video-is-paused .slideshow__video--chrome{display:block;visibility:visible;opacity:1}.slideshow__video-control{display:none;visibility:hidden;opacity:0;position:absolute;padding:5px;z-index:4;transition:all .1s ease-out}.slideshow__video-control:hover,.slideshow__video-control:focus{opacity:.7}.video-loader{content:"";display:block;width:40px;height:40px;position:absolute;margin-left:-20px;margin-top:-20px;border-radius:50%;border:3px solid white;border-top-color:transparent;-moz-animation:spin .65s infinite linear;-o-animation:spin .65s infinite linear;-webkit-animation:spin .65s infinite linear;animation:spin .65s infinite linear;transition:all .1s ease-out .5s;z-index:4;top:50%;left:50%}.ie9 .video-loader,.video-is-loaded .video-loader,.video-is-playing .video-loader,.video-is-paused .video-loader,.autoplay .video-loader,.no-autoplay .video-loader{content:none;display:none}.video-is-loading .video-loader,.autoplay .video-is-loading .video-loader,.no-autoplay .video-is-loading .video-loader{display:block;visibility:visible;opacity:1}.slideshow__video-control--play-wrapper{height:30px}@media only screen and (min-width: 750px){.slideshow__video-control--play-wrapper{height:45px}}@media only screen and (min-width: 750px){.slideshow__video-control--play-wrapper--push{margin-top:30px}}.slideshow__video-control--play{opacity:0;color:#fff;position:relative;margin:0 auto}.slideshow__video-control--play .slideshow__video--background{top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.video-is-loaded .slideshow__video-control--play{display:block;visibility:visible;opacity:1}.video-is-loading .slideshow__video-control--play,.video-is-playing .slideshow__video-control--play,.slideshow__slide.video-is-paused .slideshow__video-control--play{display:none;visibility:hidden;opacity:0}.slideshow__video-control--play .icon{width:42px;height:100%;fill:currentColor}@media only screen and (min-width: 750px){.slideshow__video-control--play .icon{width:65px}}.slideshow__video-control--close{top:10px;right:10px;background-color:#fff;color:#000}.video-is-playing .slideshow__video-control--close,.slideshow__slide.video-is-paused .slideshow__video-control--close{display:block;visibility:visible;opacity:1}.slideshow__video-control--close .icon{display:block;width:20px;height:20px;fill:currentColor}.product-price__price{font-weight:600}.product-price--sold-out .product-price__price{text-decoration:line-through}.product-price__sale--single{padding-left:10px}.product-price__sale,.product__price--sale{color:#7796a8}.product-price__sale-label{display:inline-block;white-space:nowrap;font-size:.9375em}.product-price__sold-out{font-weight:600;white-space:nowrap}.filters-toolbar-wrapper{border-bottom:1px solid #e8e9eb;border-top:1px solid #e8e9eb;margin-bottom:22px}@media only screen and (min-width: 750px){.filters-toolbar-wrapper{margin-bottom:55px}}.filters-toolbar{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.filters-toolbar__item{min-width:33%;-webkit-flex:1 1 33%;-moz-flex:1 1 33%;-ms-flex:1 1 33%;flex:1 1 33%}.no-flexbox .filters-toolbar__item{text-align:left!important}.filters-toolbar__item--count{min-width:0;-webkit-flex:0 1 auto;-moz-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;text-align:center}.no-flexbox .filters-toolbar select{width:100%!important}.filters-toolbar__input{-ms-transition:all ease-out .15s;-webkit-transition:all ease-out .15s;transition:all ease-out .15s;background-color:#fff;border:0 solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:55px;opacity:1}@media only screen and (max-width: 749px){.filters-toolbar__input{height:46px}}.filters-toolbar__input.hidden{opacity:0}.filters-toolbar__input option{text-overflow:ellipsis;overflow:hidden}.filters-toolbar__input--sort{margin-right:-10px}.no-flexbox .filters-toolbar__input--sort{margin:0}.filters-toolbar__input--filter{margin-left:-15px}.no-flexbox .filters-toolbar__input--filter{margin:0}.filters-toolbar__product-count{font-size:.9375em;font-style:italic;line-height:55px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width: 749px){.filters-toolbar__product-count{font-size:.875em;line-height:46px}}.site-footer{margin:55px 0}@media only screen and (max-width: 749px){.site-footer{text-align:center}}@media only screen and (min-width: 750px){.site-footer__linklist--center{margin-top:35px;padding-right:0}}.site-footer__linklist,.site-footer__newsletter{margin-top:35px}@media only screen and (min-width: 750px){.site-footer__linklist,.site-footer__newsletter{margin-top:55px}}.site-footer__linklist-item{display:inline-block;padding:5px 10px}@media only screen and (min-width: 750px){.site-footer__linklist-item{display:block;padding:0 20px 6px 0}.site-footer__linklist--center .site-footer__linklist-item{display:inline-block;padding:3px 10px}}.site-footer__newsletter{margin:35px auto 0;max-width:320px}@media only screen and (min-width: 750px){.site-footer__newsletter{margin:55px 0 0;max-width:none}}.site-footer__social-icons,.site-footer__copyright{margin-top:35px}@media only screen and (min-width: 750px){.site-footer__social-icons,.site-footer__copyright{margin-top:55px}}.social-icons__link{display:block;padding:0 3px}.social-icons__link:first-child{margin-left:0}.site-footer__copyright{text-align:center}.site-footer__copyright-content{font-size:.8125em;padding-right:20px}.site-footer__copyright-content:last-child{padding-right:0}.site-footer__copyright--right .site-footer__copyright-content{padding:0 0 0 20px}.site-footer__copyright--right .site-footer__copyright-content:first-child{padding-left:0}@media only screen and (min-width: 750px){.site-footer__copyright--right .site-footer__copyright-content{padding:0 0 0 30px}}.site-footer__payment-icons{margin-top:22px}@media only screen and (min-width: 750px){.site-footer__payment-icons{margin-top:22px}.site-footer__copyright--right .site-footer__payment-icons{padding-left:30px}}.site-footer__payment-icons .payment-icon{margin-right:5px;fill:#3d4246}.site-footer__payment-icons .payment-icon:last-child{margin-right:0}.site-footer__copyright--bottom{margin-top:35px}@media only screen and (min-width: 750px){.site-footer__payment-icons--right{float:right;margin-top:0}}.feature-row{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}@media only screen and (max-width: 749px){.feature-row{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.feature-row__item{-webkit-flex:0 1 50%;-moz-flex:0 1 50%;-ms-flex:0 1 50%;flex:0 1 50%}@media only screen and (max-width: 749px){.feature-row__item{-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%}}.feature-row__image{display:block;margin:0 auto}@media only screen and (max-width: 749px){.feature-row__image{order:1}}.feature-row__text{padding-top:35px;padding-bottom:35px}@media only screen and (max-width: 749px){.feature-row__text{order:2;padding-bottom:0}}@media only screen and (min-width: 750px){.feature-row__text--left{padding-left:35px}.feature-row__text--right{padding-right:35px}}@media only screen and (min-width: 750px){.featured-row__subtext{font-size:1.125em}}.hero{position:relative;height:475px;display:table;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.hero--x-small{height:94px}.hero--small{height:225px}.hero--medium{height:357px}.hero--large{height:488px}.hero--x-large{height:582px}@media only screen and (min-width: 750px){.hero--x-small{height:125px}.hero--small{height:300px}.hero--medium{height:475px}.hero--large{height:650px}.hero--x-large{height:775px}}.hero__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3d4246;opacity:.25;z-index:1}.hero__inner{position:relative;display:table-cell;vertical-align:middle;padding:55px 0;color:#fff;z-index:2}.hero__btn{background-color:#fff;color:#000;margin-top:27.5px}.quote-icon{display:block;margin:0 auto 20px}.quotes-slider__text{font-size:1.10938em;font-weight:400;font-style:normal;padding:0 15px}.quotes-slider__text cite{font-size:.8em;font-style:normal}.quotes-slider__text p{margin-bottom:30px}.quotes-slider__text p+cite{margin-top:0}.quotes-slider.slick-initialized{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.quotes-wrapper .slick-dots{position:relative;bottom:0;margin-top:55px}.quotes-wrapper .slick-dots li button:before{color:#3d4246;opacity:.2}.quotes-wrapper .slick-slide[tabindex="0"]{outline:none}.logo-bar{text-align:center;margin-bottom:-35px}@media only screen and (min-width: 750px){.logo-bar--large{margin-bottom:-55px}}.logo-bar__item{display:inline-block;vertical-align:middle;max-width:160px;margin:0 27.5px 35px}@media only screen and (min-width: 750px){.logo-bar__item--large{margin-bottom:55px}}.logo-bar__image{display:block;margin:0 auto}.logo-bar__link{display:block}.map-section{position:relative;height:650px;width:100%;overflow:hidden}@media only screen and (min-width: 750px){.map-section{height:500px}}.map-section .page-width{height:100%}.map-section--load-error{height:auto}.map-section__overlay-wrapper{position:relative;text-align:center;height:100%}.map-section__overlay{position:relative;display:inline-block;background-color:#fff;padding:35px;margin-top:22px;width:100%;text-align:center;z-index:3}@media only screen and (min-width: 750px){.map-section__overlay{position:absolute;left:0;top:50%;transform:translateY(-50%);margin-top:0;width:33.33333%}.ie9 .map-section__overlay{top:10%}}.map-section--load-error .map-section__overlay{position:static;transform:translateY(0)}.map-section__link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.map-section__container{position:absolute;top:0;left:0;width:100%;height:150%;margin-bottom:-50%}@media only screen and (min-width: 750px){.map-section__container{width:130%;height:100%;margin:0 -30% 0 0}}.gm-style-cc,.gm-style-cc+div{visibility:hidden}@media only screen and (max-width: 749px){.image-bar{max-width:400px;margin:0 auto}}.image-bar__item{display:block;color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.image-bar__link:focus .image-bar__content{border-color:#3d4246}.image-bar__content{position:relative;width:100%}.image-bar--x-small .image-bar__content{height:94px}.image-bar--small .image-bar__content{height:225px}.image-bar--medium .image-bar__content{height:357px}.image-bar--large .image-bar__content{height:488px}.image-bar--x-large .image-bar__content{height:582px}@media only screen and (min-width: 750px){.image-bar--x-small .image-bar__content{height:125px}.image-bar--small .image-bar__content{height:300px}.image-bar--medium .image-bar__content{height:475px}.image-bar--large .image-bar__content{height:650px}.image-bar--x-large .image-bar__content{height:775px}}.image-bar__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3d4246;opacity:.25}.image-bar__caption{position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.1s cubic-bezier(.44,.13,.48,.87);width:100%;text-align:center}.collection-grid{margin-bottom:-22px;overflow:auto}.collection-grid-item{position:relative;width:100%;padding-bottom:100%;margin-bottom:22px}@media only screen and (min-width: 750px){.collection-grid-item{margin-bottom:30px}}.collection-grid-item__title{color:#fff;position:absolute;text-align:center;width:100%;top:50%;padding:0 5px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.1s cubic-bezier(.44,.13,.48,.87);text-shadow:0 0 15px rgba(0,0,0,.1)}@media only screen and (min-width: 750px){.collection-grid-item__title{padding:0 15px}}.collection-grid-item__link{border:2px solid transparent;position:absolute;top:0;left:0;bottom:0;right:0}.collection-grid-item__link:focus{border-color:#3d4246}.collection-grid-item__overlay{position:relative;display:block;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center top}.collection-grid-item__title-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3d4246;opacity:.25}.custom-content{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-items:stretch;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto;margin-bottom:-30px;margin-left:-30px}@media only screen and (max-width: 749px){.custom-content{margin-bottom:-22px;margin-left:-22px}}.custom__item{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:30px;padding-left:30px;max-width:100%}@media only screen and (max-width: 749px){.custom__item{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:22px;margin-bottom:22px}.custom__item.small--one-half{-webkit-flex:1 0 50%;-moz-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;max-width:400px;margin-left:auto;margin-right:auto}}.custom__item .collection-grid-item{margin-bottom:0}.custom__item-inner{position:relative;display:inline-block;text-align:left;max-width:100%}.custom__item-inner--video,.custom__item-inner--collection,.custom__item-inner--html{display:block}.align--top-middle{text-align:center}.align--top-right{text-align:right}.align--middle-left{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center}.align--center{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center;text-align:center}.align--middle-right{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center;text-align:right}.align--bottom-left{-ms-flex-item-align:flex-end;-webkit-align-self:flex-end;align-self:flex-end}.align--bottom-middle{-ms-flex-item-align:flex-end;-webkit-align-self:flex-end;align-self:flex-end;text-align:center}.align--bottom-right{-ms-flex-item-align:flex-end;-webkit-align-self:flex-end;align-self:flex-end;text-align:right}172/*# sourceMappingURL=/cdn/shop/t/1/assets/theme.scss.css.map?v=144499355015880824641674755941 */173 174 175 176@font-face {177 font-family: 'Work Sans';178 font-style: normal;179 font-weight: 400;180 src: url(https://fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jow.ttf) format('truetype');181}182@font-face {183 font-family: 'Work Sans';184 font-style: normal;185 font-weight: 700;186 src: url(https://fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jow.ttf) format('truetype');187}188 189 190 191@font-face {192 font-family: 'Work Sans';193 font-style: normal;194 font-weight: 600;195 src: url(https://fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jow.ttf) format('truetype');196}197 198 199 200 201 202 203 .site-header__logo-image {204 margin: 0;205 }206 </style>207 </div>208 </div>209 <div class="page-container drawer-page-content" id="PageContainer">210 <main class="main-content" id="MainContent" role="main">211 <div class="page-width">212 <div class="grid">213 <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">214 <div class="section-header text-center">215 <h1>216 Sampler217 </h1>218 </div>219 <div class="rte">220 Down below is a small sampler of what you can expect from an issue of Topple. The puzzles and aesthetics contained within reflect issue 5 onward. Puzzles shown may exist in the older issues, but they are likely to have a more simplistic look or even different rules. 221 <br>222 <br>223 It should be noted that although no logic puzzles appear in this sampler, they have been included in Topple since issue 3. They have been excluded because the sampler is designed to show puzzles unique to Topple, and most of the logic puzzles aren't. We currently deal in logic puzzles such as224 <a>225 Masyu226 </a>227 ,228 <a>229 Hashi230 </a>231 and232 <a>233 Nurikabe234 </a>235 . 236 <br>237 <br>238 This sampler contains six puzzles, which is fewer than any given issue of Topple. The first two issues have seven, and the rest have ten or more. Also the answers are not given here, as we want this sampler to truly puzzle you. Normal issues have answers in the back of the magazine.239 <br>240 <br>241 And on a final note...we're holding out on you. Our flagship games are not included here. One is a word game and the other is a logic puzzle, both invented by staff and not found anywhere else. If we have you curious, go pick up a copy today!242 <br>243 <br>244 <br>245 <a>246 OPEN SAMPLER247 </a>248 <br>249 <br>250 <br>251 <br>252 </div>253 </div>254 </div>255 </div>256 </main>257 <div class="shopify-section" id="shopify-section-footer">258 <footer class="site-footer" role="contentinfo">259 <div class="page-width">260 <div class="grid grid--no-gutters">261 <div class="grid__item text-center">262 <ul class="site-footer__linklist site-footer__linklist--center">263 <li class="site-footer__linklist-item">264 <a>265 Search266 </a>267 </li>268 </ul>269 </div>270 <div class="grid__item text-center">271 </div>272 </div>273 <div class="grid grid--no-gutters">274 <div class="grid__item text-center">275 <div class="site-footer__copyright">276 <small class="site-footer__copyright-content">277 © 2023,278 <a title>279 Topple280 </a>281 </small>282 <small class="site-footer__copyright-content">283 <a rel="nofollow" target="_blank">284 Powered by Shopify285 </a>286 </small>287 </div>288 </div>289 </div>290 </div>291 </footer>292 </div>293 </div>294 <div id="WebPixelsManagerSandboxContainer">295 </div>296 </body>297</html>298