.customsirge-before-after{display:flex;flex-direction:column;gap:0;overflow:hidden}.customsirge-before-after__header{display:flex;flex-direction:column;gap:calc(16px * var(--customsirge-fit));padding:calc(20px * var(--customsirge-fit));text-align:left}.customsirge-before-after__heading{margin:0;font-family:var(--customsirge-font-display);font-size:calc(32px * var(--customsirge-fit));line-height:calc(32px * var(--customsirge-fit));font-weight:var(--customsirge-fw-bold);letter-spacing:0;text-transform:none;color:inherit}.customsirge-before-after__sub{margin:0;font-family:var(--customsirge-font-body);font-size:calc(14px * var(--customsirge-fit));line-height:calc(16px * var(--customsirge-fit));font-weight:var(--customsirge-fw-regular);letter-spacing:0;color:inherit}.customsirge-before-after__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline-offset:calc(-2px * var(--customsirge-fit))}.customsirge-before-after__viewport::-webkit-scrollbar{display:none}.customsirge-before-after__track{display:flex;align-items:stretch;gap:calc(24.5px * var(--customsirge-fit));width:max-content;min-width:100%;margin:0;padding:0 calc(50% - calc(170.5px * var(--customsirge-fit)));list-style:none}.customsirge-before-after__slide{position:relative;flex:none;box-sizing:border-box;width:calc(341px * var(--customsirge-fit));height:calc(307px * var(--customsirge-fit));margin:0;overflow:hidden;border:calc(2px * var(--customsirge-fit)) solid var(--customsirge-color-border-inverted);border-radius:calc(23px * var(--customsirge-fit));background-color:var(--customsirge-color-background-inverted);scroll-snap-align:center}.customsirge-before-after__halves{display:flex;width:100%;height:100%}.customsirge-before-after__half{position:relative;flex:1 1 0;min-width:0;height:100%;overflow:hidden}.customsirge-before-after__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.customsirge-before-after__label{position:absolute;top:calc(16px * var(--customsirge-fit));font-family:var(--customsirge-font-body);font-size:calc(12px * var(--customsirge-fit));line-height:calc(14px * var(--customsirge-fit));font-weight:var(--customsirge-fw-bold);letter-spacing:calc(.36px * var(--customsirge-fit));text-transform:uppercase;color:var(--customsirge-color-text-inverted-warm)}.customsirge-before-after__label--before{left:calc(16px * var(--customsirge-fit))}.customsirge-before-after__label--after{right:calc(16px * var(--customsirge-fit))}.customsirge-before-after__card{position:absolute;left:calc(18px * var(--customsirge-fit));bottom:calc(19px * var(--customsirge-fit));box-sizing:border-box;width:calc(244px * var(--customsirge-fit));max-width:calc(100% - calc(36px * var(--customsirge-fit)));display:flex;flex-direction:column;gap:calc(8px * var(--customsirge-fit));padding:calc(10px * var(--customsirge-fit)) calc(14px * var(--customsirge-fit)) calc(12px * var(--customsirge-fit));border:calc(2px * var(--customsirge-fit)) solid var(--customsirge-color-border-inverted);border-radius:calc(16px * var(--customsirge-fit));background-color:var(--customsirge-color-background-secondary);color:var(--customsirge-color-text-primary)}.customsirge-before-after__tag{display:flex;align-items:center;gap:calc(4px * var(--customsirge-fit));margin:0;font-family:var(--customsirge-font-body);font-size:calc(12px * var(--customsirge-fit));line-height:calc(14px * var(--customsirge-fit));font-weight:var(--customsirge-fw-bold);letter-spacing:calc(.36px * var(--customsirge-fit));text-transform:uppercase}.customsirge-before-after__tag-icon{flex:none;width:calc(20px * var(--customsirge-fit));height:calc(20px * var(--customsirge-fit))}.customsirge-before-after__caption{display:-webkit-box;margin:0;overflow:hidden;font-family:var(--customsirge-font-body);font-size:calc(14px * var(--customsirge-fit));line-height:calc(16px * var(--customsirge-fit));font-weight:var(--customsirge-fw-semibold);letter-spacing:calc(-.42px * var(--customsirge-fit));-webkit-line-clamp:2;-webkit-box-orient:vertical}.customsirge-before-after__arrows{display:flex;justify-content:center;gap:calc(32px * var(--customsirge-fit));padding-top:calc(20px * var(--customsirge-fit))}.customsirge-before-after__arrow{display:inline-grid;place-items:center;box-sizing:border-box;width:calc(57px * var(--customsirge-fit));height:calc(57px * var(--customsirge-fit));margin:0;padding:calc(2px * var(--customsirge-fit));border:calc(2px * var(--customsirge-fit)) solid var(--customsirge-color-border-inverted);border-radius:calc(99px * var(--customsirge-fit));background-color:var(--customsirge-color-background-inverted);color:var(--customsirge-color-icon-light);cursor:pointer}.customsirge-before-after__arrow:focus-visible{outline:var(--customsirge-focus-ring);outline-offset:var(--customsirge-focus-offset)}.customsirge-before-after__arrow:disabled{opacity:.35;cursor:default}.customsirge-before-after__empty{margin:0;padding:0 calc(20px * var(--customsirge-fit));text-align:center;color:var(--customsirge-text-2)}@media screen and (min-width:750px){.customsirge-before-after{gap:calc(40px * var(--customsirge-fit))}.customsirge-before-after__header{align-items:center;gap:calc(24px * var(--customsirge-fit));padding:0 calc(20px * var(--customsirge-fit));text-align:center;margin-top:calc(-1px * var(--customsirge-fit));margin-bottom:calc(-2.11px * var(--customsirge-fit))}.customsirge-before-after__heading{font-size:calc(42px * var(--customsirge-fit));line-height:calc(45px * var(--customsirge-fit));text-transform:uppercase}.customsirge-before-after__sub{font-size:calc(18px * var(--customsirge-fit));line-height:calc(22px * var(--customsirge-fit));font-weight:var(--customsirge-fw-medium)}.customsirge-before-after__track{gap:calc(40px * var(--customsirge-fit));padding:0 calc(50% - calc(260px * var(--customsirge-fit))) 0 calc(50% - calc(300px * var(--customsirge-fit)))}.customsirge-before-after__slide{scroll-margin-right:calc(40px * var(--customsirge-fit));width:calc(560px * var(--customsirge-fit));height:calc(504px * var(--customsirge-fit));border-radius:calc(20px * var(--customsirge-fit))}.customsirge-before-after__label{top:calc(30px * var(--customsirge-fit));font-size:calc(16px * var(--customsirge-fit));line-height:calc(18px * var(--customsirge-fit));letter-spacing:calc(.48px * var(--customsirge-fit))}.customsirge-before-after__label--before{left:calc(28px * var(--customsirge-fit))}.customsirge-before-after__label--after{right:calc(26px * var(--customsirge-fit))}.customsirge-before-after__card{left:calc(32px * var(--customsirge-fit));bottom:calc(30px * var(--customsirge-fit));width:calc(400px * var(--customsirge-fit));max-width:calc(100% - calc(64px * var(--customsirge-fit)));gap:calc(12px * var(--customsirge-fit));padding:calc(13px * var(--customsirge-fit)) calc(18px * var(--customsirge-fit)) calc(22px * var(--customsirge-fit));border-radius:0}.customsirge-before-after__tag{font-size:calc(16px * var(--customsirge-fit));line-height:calc(18px * var(--customsirge-fit));letter-spacing:calc(.48px * var(--customsirge-fit))}.customsirge-before-after__tag-icon{width:calc(24px * var(--customsirge-fit));height:calc(24px * var(--customsirge-fit))}.customsirge-before-after__caption{font-size:calc(18px * var(--customsirge-fit));line-height:calc(22px * var(--customsirge-fit));letter-spacing:calc(-.54px * var(--customsirge-fit))}.customsirge-before-after__arrows{padding-top:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/customsirge_before_after_gallery.css.map */