.custom-ba{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 0;overflow:hidden;background:#f9f7ee;color:#0f2b45;font-family:"Chiron GoRound TC",var(--font-body-family),sans-serif;text-align:center}.custom-ba__header{display:flex;flex-direction:column;gap:8px;max-width:414px;padding:0 16px}.custom-ba__heading{margin:0;font-family:"Prompt",var(--font-heading-family),sans-serif;font-weight:800;font-size:min(32px,calc((100vw - 32px) * 32 / 382));line-height:1.1;text-transform:capitalize;color:#0f2b45}.custom-ba__subtext{font-size:min(16px,calc((100vw - 32px) * 16 / 382));line-height:1.3;font-weight:400}.custom-ba__subtext p{margin:0}.custom-ba__carousel{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.custom-ba__viewport{width:100%;overflow:hidden}.custom-ba__container{display:flex;touch-action:pan-y pinch-zoom}.custom-ba__slide{flex:0 0 auto;min-width:0;width:340px;margin-right:16px}.custom-ba__slide:first-child{margin-left:16px}.custom-ba__compare{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:32px;background:#fff;user-select:none;-webkit-user-select:none}.custom-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.custom-ba__after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--cba-pos, 50%))}.custom-ba__line{position:absolute;top:0;bottom:0;left:var(--cba-pos, 50%);width:4px;transform:translate(-50%);background:#fff;pointer-events:none}.custom-ba__handle{position:absolute;top:50%;left:var(--cba-pos, 50%);transform:translate(-50%,-50%);display:flex;align-items:center;padding:0;border:0;border-radius:43px;background:#f4c761;color:#000;cursor:grab;touch-action:none}.custom-ba__handle:active,.custom-ba__compare.is-dragging .custom-ba__handle{cursor:grabbing}.custom-ba__chevron{display:flex;align-items:center;justify-content:center;width:36px;height:36px}.custom-ba__chevron svg{display:block;width:100%;height:100%}.custom-ba__chevron--flip{transform:scaleX(-1)}.custom-ba__controls{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:382px;padding:0 16px}.custom-ba__nav{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:4px;border:0;border-radius:50%;background:#0f2b45;color:#fff;cursor:pointer;transition:opacity .15s ease}.custom-ba__nav svg{display:block;width:27px;height:27px}.custom-ba__nav--next svg{transform:rotate(180deg)}.custom-ba__nav:disabled{opacity:.4;cursor:default}.custom-ba__dots{display:flex;align-items:center;justify-content:center;gap:12px}.custom-ba__dot{width:12px;height:12px;padding:0;border:0;border-radius:24px;background:#0000001a;cursor:pointer;transition:width .2s ease,background-color .2s ease}.custom-ba__dot.is-active{width:32px;background:#0f2b45}.custom-ba__perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:space-between;row-gap:16px;column-gap:4px;width:100%;max-width:414px;margin:0;padding:0 12px;box-sizing:border-box;list-style:none}.custom-ba__perk{display:flex;flex-direction:column;align-items:center;gap:10px}.custom-ba__perk-icon{width:auto;height:76px;object-fit:contain}.custom-ba__perk-label{margin:0;font-size:min(14px,calc((100vw - 32px) * 14 / 382));font-weight:800;line-height:1.2;text-align:center;text-transform:uppercase;color:#0f2b45}@media screen and (max-width:749px){.custom-ba__subtext br{display:none}}@media screen and (max-width:399px){.custom-ba__header,.custom-ba__controls,.custom-ba__perks{padding:0 10px}}@media screen and (min-width:750px){.custom-ba{gap:40px;padding:40px 0}.custom-ba__header{max-width:584px}.custom-ba__heading{font-size:40px}.custom-ba__slide{width:480px;margin-right:22.6px}.custom-ba__slide:first-child{margin-left:24px}.custom-ba__compare{border-radius:45px}.custom-ba__chevron{width:48px;height:48px}.custom-ba__controls{max-width:584px;padding:0}.custom-ba__perks{grid-template-columns:repeat(6,126px);max-width:802px;column-gap:4px}}@media screen and (min-width:990px){.custom-ba{padding:56px 0}.custom-ba__header{max-width:840px}.custom-ba__heading{font-size:56px;white-space:nowrap}.custom-ba__subtext{align-self:center;max-width:552px;font-size:20px}.custom-ba__slide:first-child{margin-left:40px}.custom-ba__perks{grid-template-columns:repeat(6,198px);max-width:1328px;column-gap:0}.custom-ba__perk-icon{height:96px}.custom-ba__perk-label{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-before-after.css.map */