.sh-section-before-after{background-color:var(--sh-before-after-bg-color);padding-top:var(--sh-ba-padding-top);padding-bottom:var(--sh-ba-padding-bottom)}.sh-section-before-after__header{display:grid;gap:0}.sh-section-before-after__header .majortitle{color:var(--sh-before-after-title-color);text-align:center}.sh-section-before-after__subheading{color:var(--sh-before-after-subheading-color);text-align:center}.sh-section-ba__container{display:grid;gap:1.25rem}.sh-section-before-after__slides{overflow:hidden}.sh-section-ba__container.glide:not(.glide--carousel) .glide__slides{display:grid;gap:10px}.sh-section-ba__surfaces{display:grid;grid-template-columns:repeat(1,1fr);gap:10px}@media screen and (min-width: 768px){.sh-section-ba__surfaces{grid-template-columns:repeat(2,1fr)}}.sh-section-ba__surface{width:100%;height:100%;aspect-ratio:16/9;border-radius:5px;overflow:hidden;position:relative;display:block;background-color:transparent}.sh-section-ba__surface--heading{padding:8px 20px;text-transform:uppercase;font-weight:700;display:block;position:absolute;top:20px;left:0;border-radius:0 5px 5px 0;z-index:3;font-size:80%}@media screen and (min-width: 768px){.sh-section-ba__surface--heading{font-size:100%}}.sh-section-ba__surface--heading.before{color:var(--sh-before-heading-color);background-color:var(--sh-before-background-color)}.sh-section-ba__surface--heading.after{color:var(--sh-after-heading-color);background-color:var(--sh-after-background-color)}.sh-section-ba__surface--media{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.sh-section-ba__surface--media-button{position:absolute;bottom:10px;right:10px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:var(--sh-video-button-color);border:none;background-color:transparent}.sh-section-ba__surface--media-button svg{width:30px;height:auto;flex-shrink:0;color:currentColor}.sh-section-ba__footer--nav{display:flex;justify-content:center;align-items:center;gap:var(--gutter)}.sh-section-ba__nav--btn{width:40px;height:40px;border-radius:50%;background-color:var(--sh-ba-btn-bg-color);color:var(--sh-ba-btn-text-color);border:none;opacity:1;padding:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.sh-section-ba__nav--btn:hover{background-color:var(--sh-ba-btn-bg-hover-color);color:var(--sh-ba-btn-text-hover-color);opacity:1;transform:scale(1.1)}.sh-section-ba__nav--btn:disabled{opacity:.3;cursor:not-allowed;transform:scale(1)}.sh-section-ba__nav--btn.inner{position:absolute;top:50%;transform:translateY(-50%);z-index:2;transition:all .3s ease;background-color:var(--sh-ba-aisl-arrow-bg-color);color:var(--sh-ba-aisl-arrow-text-color)}.sh-section-ba__nav--btn.inner:hover{background-color:var(--sh-ba-aisl-arrow-bg-hover-color);color:var(--sh-ba-aisl-arrow-text-hover-color)}.sh-section-ba__nav--btn.inner.prev{left:20px}.sh-section-ba__nav--btn.inner.next{right:20px}.sh-section-ba__main-nav-label{position:absolute;top:calc(100% + 10px);z-index:2;background-color:var(--sh-ba-ms-btn-label-bg-color);padding:8px 16px;border-radius:5px;color:var(--sh-ba-ms-btn-label-text-color);font-size:14px;font-weight:600;text-transform:capitalize;transition:all .3s ease;white-space:nowrap;letter-spacing:.05em;line-height:1}.sh-section-ba__main-nav-label.prev{right:-50%}.sh-section-ba__main-nav-label.next{left:-50%}@media screen and (min-width: 375px){.sh-section-ba__main-nav-label.prev{right:0}.sh-section-ba__main-nav-label.next{left:0}}@media screen and (min-width: 576px){.sh-section-ba__main-nav-label{top:50%;transform:translateY(-50%)}.sh-section-ba__main-nav-label.prev{right:calc(100% + 10px)}.sh-section-ba__main-nav-label.next{left:calc(100% + 10px)}}.sh-section-ba__main-nav-label:hover{background-color:var(--sh-ba-ms-btn-label-bg-hover-color);color:var(--sh-ba-ms-btn-label-text-hover-color)}.sh-section-ba__bullets{display:flex;justify-content:center;align-items:center;gap:8px;margin:0!important}.sh-section-ba__bullets .glide__bullet{width:12px;height:12px;border-radius:50%;background-color:var(--sh-ba-carousel-bullet-bg-color);border:none;cursor:pointer;transition:all .3s ease;padding:0}.sh-section-ba__bullets .glide__bullet:hover{background-color:var(--sh-ba-carousel-bullet-bg-hover-color);transform:scale(1.2)}.sh-section-ba__bullets .glide__bullet--active{background-color:var(--sh-ba-carousel-bullet-bg-active-color);transform:scale(1.2)}.sh-section-ba__bullets{margin:0!important}.sh-section-ba__surface--images-slider{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;overflow:hidden}.sh-section-ba__surface--images-slider .glide__slides,.sh-section-ba__surface--images-slider .glide__track{height:100%}.sh-section-ba__surface--images-slider .glide__slide{width:100%;height:100%;object-fit:cover;display:block;position:relative}.sh-section-ba__sis--nav{display:flex;justify-content:center;align-items:center;gap:8px;margin:0!important;position:absolute;bottom:10px;left:0;right:0;z-index:2}.sh-section-ba__sis--bullet{width:12px;height:12px;border-radius:50%;background-color:var(--sh-ba-aisl-bullet-bg-color);border:none;cursor:pointer;transition:all .3s ease;padding:0}.sh-section-ba__sis--bullet:hover{background-color:var(--sh-ba-aisl-bullet-bg-hover-color);transform:scale(1.2)}.sh-section-ba__sis--bullet.active{background-color:var(--sh-ba-aisl-bullet-bg-active-color);transform:scale(1.2)}.sh-section-ba__footer--buttons{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:50px}@media screen and (min-width: 768px){.sh-section-ba__footer--buttons{padding-top:25px}}.sh-section-ba__footer--button{transition:all .3s ease;opacity:1;font-family:var(--heading-font-family);font-weight:700;border-radius:5px}.sh-section-ba__footer--button.btn{border-color:transparent}.sh-section-ba__footer--button:hover{border-color:transparent;opacity:.9}
/*# sourceMappingURL=/cdn/shop/t/61/assets/sh-before-after.css.map */