.bloomli-before-after{--bba-card-bg: #ffffff;--bba-image-bg: rgba(var(--color-foreground), .035);--bba-accent: rgb(var(--color-button));--bba-muted: rgba(var(--color-foreground), .68);--bba-line: rgba(var(--color-foreground), .1);--bba-soft-accent: rgba(var(--color-foreground), .045);--bba-radius: 10px;--bba-image-radius: 8px;--bba-gap: 20px;--bba-cards-desktop: 3;--bba-cards-current: var(--bba-cards-desktop);padding:var(--section-padding-top) var(--bloomli-page-gutter-desktop) var(--section-padding-bottom);color:rgb(var(--color-foreground));font-family:var(--font-commerce-ui, var(--font-body-family))}.bloomli-before-after__inner{width:100%;max-width:var(--bloomli-page-width);margin:0 auto}.bloomli-before-after__header{max-width:760px;margin:0 auto 48px;text-align:center}.bloomli-before-after__heading{margin:0;color:rgb(var(--color-foreground));font-family:Fraunces,serif;font-variation-settings:"SOFT" 100;font-size:var(--bba-heading-size);font-weight:400;line-height:1.06;letter-spacing:0}.bloomli-before-after__copy{max-width:640px;margin:18px auto 0;color:rgba(var(--color-foreground),.74);font-size:var(--bba-body-size);line-height:1.65}.bloomli-before-after__gallery{position:relative}.bloomli-before-after__viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bloomli-before-after__viewport::-webkit-scrollbar{display:none}.bloomli-before-after:not(.is-carousel) .bloomli-before-after__viewport{overflow:visible}.bloomli-before-after__track{display:flex;flex-wrap:nowrap;gap:var(--bba-gap);align-items:stretch;min-width:0}.bloomli-before-after__card{flex:0 0 calc((100% - (var(--bba-gap) * (var(--bba-cards-current) - 1))) / var(--bba-cards-current));display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:18px 18px 20px;border:1px solid var(--bba-line);border-radius:var(--bba-radius);background:var(--bba-card-bg);box-shadow:none;scroll-snap-align:start}.bloomli-before-after:not(.is-carousel) .bloomli-before-after__card{flex-basis:calc((100% - (var(--bba-gap) * (var(--bba-static-count) - 1))) / var(--bba-static-count))}.bloomli-before-after__media-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;overflow:hidden;margin-bottom:20px}.bloomli-before-after__media{margin:0;min-width:0;max-width:100%;overflow:hidden}.bloomli-before-after__media-frame{position:relative;width:100%;max-width:100%;aspect-ratio:var(--bba-image-aspect-ratio, 3 / 4);height:auto;overflow:hidden;border-radius:var(--bba-image-radius);background-color:var(--bba-image-bg)}.bloomli-before-after__image{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}.bloomli-before-after__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;color:rgba(var(--color-foreground),.46);font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1.35;text-align:center;text-transform:uppercase;max-width:100%}.bloomli-before-after__image-label{display:block;margin-top:9px;color:var(--bba-muted);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.06em;text-align:center;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bloomli-before-after__content{min-width:0;flex:1 1 auto;display:flex;flex-direction:column}.bloomli-before-after__timeframe{margin:0 0 12px;color:var(--bba-accent);font-size:10px;letter-spacing:.08em}.bloomli-before-after__review{margin:0 0 24px;color:rgb(var(--color-foreground));font-size:var(--bba-body-size);line-height:1.58}.bloomli-before-after__footer{min-width:0;display:grid;gap:16px;padding-top:18px;border-top:1px solid var(--bba-line)}.bloomli-before-after__reviewer{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.bloomli-before-after__name{margin:0;color:rgb(var(--color-foreground));font-size:14px;font-weight:700;line-height:1.3}.bloomli-before-after__verified{display:inline-flex;align-items:center;gap:6px;min-height:26px;margin:0;padding:0 9px;border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--badge-corner-radius, 4px);background:var(--bba-soft-accent);color:var(--bba-accent);font-size:9px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.bloomli-before-after__tags{min-width:0;display:flex;flex-wrap:wrap;gap:7px}.bloomli-before-after__tags span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--badge-corner-radius, 4px);background:rgba(var(--color-background),.72);color:rgb(var(--color-foreground));font-size:10px;font-weight:750;line-height:1;letter-spacing:.01em}.bloomli-before-after__controls{display:flex;justify-content:center;gap:10px;margin-top:28px}.bloomli-before-after__arrow{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--bba-line);border-radius:var(--buttons-radius, 4px);background:var(--bba-card-bg);color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .16s ease,color .16s ease,opacity .16s ease}.bloomli-before-after__arrow:hover{border-color:var(--bba-accent);color:var(--bba-accent)}.bloomli-before-after__arrow:disabled{cursor:default;opacity:.38}.bloomli-before-after__arrow:focus-visible{outline:2px solid var(--bba-accent);outline-offset:3px}.bloomli-before-after__caption{max-width:720px;margin:20px auto 0;color:var(--bba-muted);font-size:12px;line-height:1.55;text-align:center}@media screen and (max-width:989px){.bloomli-before-after{--bba-cards-current: 2}.bloomli-before-after__card{min-width:0}.bloomli-before-after__media-frame{height:auto}}@media screen and (max-width:749px){.bloomli-before-after{--bba-cards-current: 1;padding:var(--section-padding-top-mobile) 20px var(--section-padding-bottom-mobile)}.bloomli-before-after__header{margin-bottom:32px;text-align:left}.bloomli-before-after__heading{font-size:var(--bba-heading-size-mobile)}.bloomli-before-after__copy,.bloomli-before-after__review{font-size:var(--bba-body-size-mobile)}.bloomli-before-after__viewport,.bloomli-before-after:not(.is-carousel) .bloomli-before-after__viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-right:-20px;margin-left:-20px;scroll-padding-left:20px;scroll-snap-type:x mandatory}.bloomli-before-after__track{flex-wrap:nowrap;gap:14px;padding-left:20px;padding-right:20px}.bloomli-before-after__card,.bloomli-before-after:not(.is-carousel) .bloomli-before-after__card{flex:0 0 calc(100vw - 56px);max-width:calc(100vw - 56px);min-height:540px;padding:16px;scroll-snap-align:start}.bloomli-before-after__media-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:18px}.bloomli-before-after__media{width:100%}.bloomli-before-after__media-frame{width:100%;height:auto;aspect-ratio:var(--bba-image-aspect-ratio, 3 / 4)}.bloomli-before-after__image{width:100%;max-width:100%;height:100%;object-fit:cover}.bloomli-before-after__reviewer{align-items:flex-start;flex-direction:column;gap:8px}.bloomli-before-after__controls{display:none}.bloomli-before-after__tags{gap:6px}}@media(prefers-reduced-motion:reduce){.bloomli-before-after__viewport{scroll-behavior:auto}.bloomli-before-after__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bloomli-before-after.css.map */