.pair-it-with{padding:1.8rem;margin:0 auto}@media screen and (min-width: 640px){.pair-it-with{padding:4rem}}@media screen and (min-width: 990px){.pair-it-with{padding:7.5rem}}@media screen and (min-width: 1600px){.pair-it-with{max-width:192rem;padding:7.5rem 10rem}}.pair-it-with-heading{margin:.6rem 0}.pair-it-with-content-wrapper{display:flex;flex-direction:column}.pair-it-with-products-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:.6rem;row-gap:2rem;width:100%}@media screen and (min-width: 990px){.pair-it-with-heading{margin:2.5rem 0}.pair-it-with-content-wrapper{flex-direction:row}.pair-it-with-products-grid{row-gap:2.5rem;width:36%}}.pair-it-with-image-wrapper{margin-bottom:1.5rem;margin-right:.8rem;width:100%}@media screen and (min-width: 990px){.pair-it-with-image-wrapper{margin-bottom:0;width:64%}}.pair-it-with-image--desktop{display:flex;justify-content:center;height:100%;overflow:hidden}@media screen and (max-width: 989px){#product-tile-3,#product-tile-4{display:none}}.product-tile-image{height:auto;width:100%}.product-tile-badges-container{margin-bottom:.6rem}.product-tile-badge{color:var(--color-styleguide-gold);font-family:sweet-sans-pro,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.11rem;text-transform:uppercase}@media screen and (min-width: 990px){.product-tile-badge{font-size:1.2rem;letter-spacing:.12rem}}.product-tile-product-name,.product-tile-product-name-link{color:#000;font-family:sweet-sans-pro,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:.7px;text-decoration:none}@media screen and (min-width: 990px){.product-tile-product-name,.product-tile-product-name-link{font-size:1.5rem;letter-spacing:.75px}}.product-tile-product-name{margin-bottom:.4rem}.product-tile-price-container{margin-bottom:.6rem}.product-tile-price-container .price{font-size:1.1rem;letter-spacing:.06px}@media screen and (min-width: 990px){.product-tile-price-container .price{font-size:1.2rem;line-height:2rem}}.product-tile-swatches{display:flex;flex-wrap:wrap;gap:.8rem}.product-tile-swatches input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-tile-swatches .swatch_label{display:inline-grid;align-self:flex-start;position:relative;padding:0!important;margin:0!important;cursor:auto}.product-tile-swatches .swatch_label.swatch__related-style .swatch__related-style--link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}.product-tile-swatches input[name=Color]+label.strike-thru>.swatch{border:1px solid var(--color-accent-2)!important}.product-tile-swatches .swatch_label.strike-thru:before{content:"";position:absolute;left:0;top:40%;right:0;border-top:1px solid var(--color-accent-2);transform:rotate(-40deg)}.product-tile-swatches input[name=Color].first-swatch+div>.swatch__related-style--link,.product-tile-swatches .swatch_label.first-swatch .swatch__related-style--link{position:relative}.product-tile-swatches input[name=Color].first-swatch+div>.swatch__related-style--link:after,.product-tile-swatches .swatch_label.first-swatch .swatch__related-style--link:after{content:"";display:block;width:calc(100% + 4px);height:calc(100% + 4px);box-shadow:0 0 0 1px var(--color-styleguide-black);position:absolute;top:-2px;left:-2px;background:var(--color-styleguide-white);z-index:-1}.product-tile-swatches input[type=radio]+label.swatch_variant_not_available:after{content:"";height:1px;width:125%;display:block;background:var(--color-styleguide-gray);transform:rotate(-45deg);position:absolute;left:-12%;right:auto;bottom:56%}.product-tile-swatches .swatch{object-fit:cover;width:3rem;height:3rem;padding:0}.product-tile-swatches .swatch.is-active{outline:1px solid black;outline-offset:2px}.product-tile-swatches .swatch:hover{cursor:pointer}.product-tile-swatches .swatch_label .sale-swatch-label{font-size:1.1rem;line-height:2.2rem;color:var(--color-styleguide-red);letter-spacing:normal;font-family:var(--font-body-family);margin:0;text-transform:uppercase;text-align:center}.product-tile-swatches input[type=radio]+label.product__color-input-label.swatch_variant_not_available:after{display:none}@media screen and (max-width: 749px){.product-tile-swatches .swatch{width:3.5rem}}
/*# sourceMappingURL=/cdn/shop/t/720/assets/component-pair-it-with.css.map */