.before-and-after{display:block;margin-bottom:80px}@media screen and (min-width: 750px){.before-and-after{display:block;margin-bottom:55px}}.before-and-after-heading{margin:0;margin-bottom:3rem;text-align:center}.aspect-ratio{position:relative;width:100%;max-width:600px;margin:0 auto;height:0}.aspect-ratio video{object-fit:cover}.aspect-ratio--4x5{padding-bottom:125%}.aspect-ratio--1x1{padding-bottom:100%}.tabs__panel-content{width:100%;max-width:400px;margin:0 auto}.video-player{position:absolute;top:0;left:0;width:100%;height:100%}.tabs__list{display:flex;width:100%;margin-bottom:50px;justify-content:center}.tabs__tab{position:relative;width:100%;height:34px;max-width:130px;border:none;cursor:pointer;outline:inherit;z-index:1;transform:scale(1)}.tabs__tab span{position:absolute;left:0;top:0;font-size:14px;font-weight:300;line-height:20px;letter-spacing:normal;text-transform:uppercase}.tabs__tab[aria-selected=true]:after{position:absolute;right:0;bottom:0;width:100%;height:100%;content:"";box-shadow:inset 0 0 0 4px #fff;transition:box-shadow .3s cubic-bezier(.23,1,.32,1)}.tabs__tab[aria-selected=true] span{transform:translate(-50%,47px);color:#999;left:50%;width:100%}.tabs__tab:before{content:"";display:block;position:absolute;width:100%;bottom:0;height:1px;content:" ";left:0;background:#b8b8b8}.shadefinder{position:relative;margin-bottom:70px;width:100%}.shadefinder__inner{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;position:absolute;top:0;left:0;width:100%;height:100%}.shadefinder__bg{width:100%;height:100%;object-fit:cover}.shadefinder__bg img{width:100%}.shadefinder__content{grid-area:1 / 2 / 2 / 3;background:#000000b3;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.shadefinder__img{position:relative;top:auto}.shadefinder__standfirst{font-family:var(--hh-font-family-courier);font-size:21px;font-weight:400;line-height:27px;max-width:295px;margin:0 auto 15px;padding-top:25px}@media screen and (min-width: 750px){.shadefinder__standfirst{margin:0 auto 25px}}.shadefinder__cta{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:0;-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #fff;max-width:240px;margin:0 auto 30px;text-decoration:none;transition:background-color .3s}.shadefinder__cta:hover{background-color:#000;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/371/assets/section-before-and-after.css.map?v=111365811368740042331737374119 */