.before-after .gradient{color:rgb(var(--color-foreground))}.before-after .grid{gap:4rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:5px}.before-after__item--top{align-items:flex-start}.before-after__item--middle{align-items:center}.before-after__item--bottom{align-items:flex-end}@media screen and (min-width: 750px){.before-after .grid .grid__item{width:calc(50% - 4rem)}.before-after .grid .grid__item:last-child{padding:3rem;padding-left:0}}@media screen and (max-width: 750px){.before-after .grid{gap:0rem}.before-after .grid .grid__item:nth-child(2){padding:0 3rem 3rem}}.slider-btn{position:relative}.tag-before,.tag-after{position:absolute;top:2rem;z-index:1;font-size:1rem;display:block;background:#ffd48d;padding:2px 5px;border-radius:2px;white-space:nowrap}.tag-before{left:-5rem}.tag-after{right:-5.5rem}.before-after__title{line-height:3rem;margin:0 0 3rem;color:rgb(var(--color-foreground))}@media screen and (max-width: 750px){.before-after__title{margin:0 0 1rem}}.tabs-button{display:flex;gap:2rem;margin:3rem 0 2rem}.center>.tabs-button{justify-content:center}.tabs-button__item{position:relative;padding:0 0 1rem;border:none;background:none;cursor:pointer;font-size:1.4rem}.tabs-button__item:hover{text-decoration:underline}.tabs-button__item--active{font-weight:700;color:rgb(var(--color-button));text-decoration:underline}.tabs-contents__item strong{display:block;font-size:1.6rem;color:rgb(var(--color-button));margin:2rem 0 .5rem}.tabs-contents__item p{font-size:1.4rem;line-height:150%;margin:0;font-weight:400;color:rgba(var(--color-foreground),.75)}.tabs-contents__item,.tabs-images__item{display:none}.tabs-contents__item--active,.tabs-images__item--active{display:block}.before-after-slider{position:relative;width:100%;height:100%;overflow:hidden;border-radius:5px}@media screen and (min-width: 750px) and (max-width: 989px){.before-after .grid{row-gap:3rem}}@media screen and (max-width: 749px){.before-after-slider{margin-bottom:1rem}.tabs-button{margin:0 0 2rem}}.before-after-slider .slider-container .slider-wrap .slider-btn{background-color:#00000080!important}.tab-content-before-after h1,.tab-content-before-after h2,.tab-content-before-after h3,.tab-content-before-after h4,.tab-content-before-after h5,.tab-content-before-after h6{color:rgb(var(--color-button));margin:0}@supports not (aspect-ratio: 1 / 1){.slider-container{aspect-ratio:auto}}@media (max-width: 768px){.slider-container{aspect-ratio:1 / 1;height:0;padding-bottom:100%;position:relative;width:100%!important;min-height:300px}.slider-container .slider-wrap{position:absolute;top:0;left:0;width:100%;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-before-after.css.map */