@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.before-after-images{gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.before-after-images__col{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-direction:column;display:flex}.before-after-images__label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.before-after-images--light .before-after-images__label{--tw-font-weight:var(--font-weight-bold,700);font-size:16px;font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff)}.before-after-images--brown .before-after-images__label{--tw-font-weight:var(--font-weight-bold,700);font-size:16px;font-weight:var(--font-weight-bold,700);color:var(--text-brown)}.before-after-images__image{aspect-ratio:3/4;border-radius:var(--radius-xs);object-fit:cover;width:100%}@property --tw-font-weight{syntax:"*";inherits:false}