.before-after-tabs{background-color:rgba(var(--background) / 1);color:rgba(var(--text-color) / 1);padding-top:var(--padding_top);padding-bottom:var(--padding_bottom)}.before-after-tabs__inner{display:flex;flex-direction:column;border-radius:var(--spacing-2);border:1px solid rgba(var(--border-color) / .1);overflow:hidden;padding:var(--spacing-10);gap:var(--spacing-10)}.before-after-tabs__heading{font-size:2.5rem;line-height:1.15;text-transform:uppercase;color:rgba(var(--text-color) / 1)}.before-after-tabs__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-10)}.before-after-tabs__media{min-width:0}.before-after-tabs__panel{display:none}.before-after-tabs__panel.is-active{display:block}.before-after-tabs__main-image{overflow:hidden;border-radius:var(--spacing-2)}.before-after-tabs__main-image img,.before-after-tabs__thumb img{width:100%;height:100%;display:block;object-fit:cover}.before-after-tabs__content{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-10)}.before-after-tabs__thumbs{display:flex;flex-wrap:nowrap;gap:var(--spacing-3);align-items:flex-start;overflow-x:auto;scrollbar-width:none}.before-after-tabs__thumbs::-webkit-scrollbar{display:none}.before-after-tabs__thumb{padding:0;border:0;background:transparent;border-radius:var(--spacing-2-5);cursor:pointer;flex:0 0 100px;width:100px;height:80px;overflow:hidden;position:relative}.before-after-tabs__thumb img{filter:grayscale(1);transition:all .25s ease}.before-after-tabs__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid transparent;border-radius:var(--spacing-2-5);transition:border-color .25s ease,opacity .25s ease;pointer-events:none}.before-after-tabs__thumb.is-active:after{border-color:var(--active-color)}.before-after-tabs__thumb.is-active img{filter:grayscale(0)}.before-after-tabs__text-panel{display:none;gap:var(--spacing-10)}.before-after-tabs__text-panel.is-active{display:flex;flex-direction:column}.before-after-tabs__description{font-size:1rem;line-height:1.875;color:rgba(var(--text-color) / .7);max-width:435px}.before-after-tabs__description p{margin:0}.before-after-tabs__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.before-after-tabs__tag{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;white-space:nowrap;font-size:.75rem;line-height:1;font-weight:700;border-radius:var(--spacing-2);padding:var(--spacing-1) var(--spacing-1-5);color:var(--tag-tax-color);background-color:var(--tag-bg)}@media screen and (max-width:992px){.before-after-tabs__grid{grid-template-columns:1fr}.before-after-tabs__description{max-width:100%}}@media screen and (max-width:700px){.before-after-tabs__inner{padding:var(--spacing-4);gap:var(--spacing-4)}.before-after-tabs__heading{font-size:1.5rem}.before-after-tabs__text-panel,.before-after-tabs__content{gap:var(--spacing-2)}.before-after-tabs__tag{font-size:.5rem}.before-after-tabs__description{font-size:.875rem;line-height:1.5}.before-after-tabs__thumb:after{border:2px solid transparent}.before-after-tabs__thumbs{gap:var(--spacing-2-5)}.before-after-tabs__thumb{flex:inherit;width:auto;height:auto;flex-grow:1;padding-bottom:17%}.before-after-tabs__thumb img{position:absolute;top:0;left:0}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/before-after-tabs.css.map */