.before-after-gallery{background:#f6f1f0}.before-after-gallery__header{text-align:center;margin-bottom:4rem}.before-after-gallery__subtitle{font-family:var(--font-heading-family);font-size:1.4rem;color:var(--color-foreground-75);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1rem;font-weight:500}.before-after-gallery__title{font-family:var(--font-heading-family);font-size:3.2rem;font-weight:600;margin:0;color:var(--color-foreground);line-height:1.2}@media screen and (min-width: 750px){.before-after-gallery__title{font-size:4rem}}.before-after-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}@media screen and (min-width: 750px){.before-after-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem}}.before-after-gallery__item{position:relative;cursor:pointer;border-radius:1.2rem;overflow:hidden;background:var(--color-background);box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.before-after-gallery__item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.before-after-gallery__image{width:110%;height:110%;aspect-ratio:1;object-fit:cover;display:block;border-radius:1.2rem;margin:-5%;padding:0;transform:scale(1)}.before-after-gallery__actions{text-align:center}.before-after-gallery__load-more{padding:14px 24px;background:#272727;color:#f6f1f0;font-family:"Lato",var(--font-body-family);font-size:18px;font-weight:500;border-radius:999px;text-decoration:none;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0!important;outline:0!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.before-after-gallery__load-more:hover{background:#1a1a1a;transform:translateY(-1px);color:#f6f1f0}.before-after-gallery__load-more:focus{outline:0!important;border:0!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.before-after-gallery__load-more:active{outline:0!important;border:0!important;box-shadow:none!important}@media screen and (max-width: 749px){.before-after-gallery__load-more{font-size:16px;padding:12px 20px}}@media screen and (max-width: 549px){.before-after-gallery__load-more{font-size:15px;padding:10px 18px}}@media screen and (max-width: 349px){.before-after-gallery__load-more{font-size:14px;padding:8px 16px}}.before-after-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.before-after-modal.is-open{opacity:1;visibility:visible}.before-after-modal__content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.before-after-modal__close{position:absolute;top:-5rem;right:0;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;padding:1rem;z-index:1001;transition:opacity .3s ease}.before-after-modal__close:hover{opacity:.7}.before-after-modal__close svg{width:2.4rem;height:2.4rem}.before-after-modal__image-container{position:relative;display:flex;align-items:center;justify-content:center}.before-after-modal__image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:.8rem}.before-after-modal__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.before-after-modal__nav{background:#fff3;border:none;color:#fff;width:5rem;height:5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.before-after-modal__nav:hover{background:#ffffff4d;transform:scale(1.1)}.before-after-modal__nav svg{width:2rem;height:2rem}.before-after-modal__prev{transform:translate(-7rem)}.before-after-modal__next{transform:translate(7rem)}@media screen and (max-width: 750px){.before-after-modal__prev{transform:translate(-3rem)}.before-after-modal__next{transform:translate(3rem)}.before-after-modal__nav{width:4rem;height:4rem}.before-after-modal__nav svg{width:1.6rem;height:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-before-after-gallery.css.map */