mms-before-after{display:block;background:var(--mms-ab-bg);color:var(--mms-ab-text);padding:var(--mms-ab-space) 0;font-family:var(--text-font-family, inherit);font-weight:var(--text-font-weight, 400);font-style:var(--text-font-style, normal)}mms-before-after *,mms-before-after *:before,mms-before-after *:after{box-sizing:border-box}mms-before-after [hidden]{display:none!important}mms-before-after button{font:inherit;color:inherit;cursor:pointer;margin:0;text-transform:none;letter-spacing:normal}mms-before-after button:disabled{cursor:default;opacity:.4}mms-before-after button:focus-visible{outline:2px solid var(--mms-ab-accent);outline-offset:3px}mms-before-after .mms-ab__container{width:min(var(--mms-ab-width),calc(100% - 80px));margin-inline:auto}mms-before-after .mms-ab__header{text-align:center;margin:0 0 32px}mms-before-after .mms-ab__heading{margin:0;color:var(--mms-ab-heading);font-family:var(--heading-font-family, inherit);font-weight:var(--heading-font-weight, 700);font-style:var(--heading-font-style, normal);font-size:clamp(25px,3vw,40px);line-height:1.2;letter-spacing:.04em;text-transform:var(--heading-text-transform, uppercase);overflow-wrap:anywhere}mms-before-after .mms-ab__intro{margin:14px auto 0;max-width:680px;font-size:16px;line-height:1.6;opacity:.75}mms-before-after .mms-ab__layout{max-width:920px;margin-inline:auto}mms-before-after .mms-ab__layout--with-image{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:none}mms-before-after .mms-ab__player{min-width:0}mms-before-after .mms-ab__shell{padding:26px;border:1px solid var(--mms-ab-line);border-radius:18px;background:var(--mms-ab-surface)}mms-before-after .mms-ab__plugin{display:grid;align-items:center;justify-items:center;min-width:0;padding:12px}mms-before-after .mms-ab__plugin img{grid-area:1 / 1;display:block;width:100%;height:auto;max-height:400px;object-fit:contain;transition:filter .12s ease,opacity .12s ease}mms-before-after .mms-ab__plugin-bypass{visibility:hidden}mms-before-after[data-processing=bypass] .mms-ab__plugin:not(.mms-ab__plugin--alternate) .mms-ab__plugin-on{filter:brightness(var(--mms-ab-dim));opacity:var(--mms-ab-opacity)}mms-before-after[data-processing=bypass] .mms-ab__plugin--alternate .mms-ab__plugin-on{visibility:hidden}mms-before-after[data-processing=bypass] .mms-ab__plugin--alternate .mms-ab__plugin-bypass{visibility:visible}mms-before-after .mms-ab__eyebrow{display:block;margin:0;font-size:11px;line-height:1.5;font-weight:var(--text-font-bold-weight, 600);letter-spacing:.07em;text-transform:var(--mms-ab-label-case);opacity:.65;overflow-wrap:anywhere}mms-before-after .mms-ab__wave{min-width:0;border:1px solid var(--mms-ab-line);border-radius:10px;background:var(--mms-ab-tint);padding:16px 18px 12px}mms-before-after .mms-ab__wave-top{display:flex;align-items:start;justify-content:space-between;gap:12px}mms-before-after .mms-ab__state{margin-left:auto;color:var(--mms-ab-accent);font-size:11px;line-height:1.5;text-align:right;letter-spacing:.06em;text-transform:var(--mms-ab-label-case);overflow-wrap:anywhere;max-width:50%}mms-before-after .mms-ab__timeline{position:relative;margin:10px 0}mms-before-after canvas{display:block;width:100%;height:128px}mms-before-after .mms-ab__seek{appearance:none;-webkit-appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:transparent;cursor:pointer;box-shadow:none}mms-before-after .mms-ab__seek::-webkit-slider-runnable-track{height:100%;background:transparent;border:0}mms-before-after .mms-ab__seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1px;height:100%;background:transparent;border:0;box-shadow:none}mms-before-after .mms-ab__seek::-moz-range-track{background:transparent;border:0}mms-before-after .mms-ab__seek::-moz-range-thumb{background:transparent;border:0;width:1px}mms-before-after .mms-ab__seek:focus-visible{outline:2px solid var(--mms-ab-accent);outline-offset:3px}mms-before-after .mms-ab__seek:disabled{cursor:default}mms-before-after .mms-ab__times{display:flex;justify-content:space-between;font-size:11px;font-variant-numeric:tabular-nums;opacity:.65}mms-before-after .mms-ab__interaction{margin-top:20px}mms-before-after .mms-ab__demos{min-width:0}mms-before-after .mms-ab__demos>.mms-ab__eyebrow{margin-bottom:7px}mms-before-after .mms-ab__demo-list{display:flex;flex-wrap:nowrap;gap:8px;padding:4px;margin:-4px;overflow-x:auto;scrollbar-width:thin}mms-before-after .mms-ab__demo{position:relative;flex:0 0 auto;min-height:44px;padding:10px 17px;border:1px solid var(--mms-ab-line);border-radius:8px;background:transparent;text-align:left;font-size:15px;line-height:1.4;white-space:nowrap}mms-before-after .mms-ab__demo[aria-pressed=true]{border-color:var(--mms-ab-accent);background:var(--mms-ab-tint);box-shadow:inset 0 -2px 0 var(--mms-ab-accent)}mms-before-after .mms-ab__demo:hover{background:var(--mms-ab-tint)}mms-before-after .mms-ab__controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px}mms-before-after .mms-ab__track{min-width:0;flex:1 1 90px}mms-before-after .mms-ab__track h3{margin:3px 0 0;font-family:inherit;font-weight:var(--text-font-weight, 400);font-style:inherit;font-size:18px;line-height:1.3;color:inherit;overflow-wrap:anywhere}mms-before-after .mms-ab__play{display:grid;place-items:center;flex:0 0 auto;width:56px;height:56px;border:0;border-radius:50%;background:var(--mms-ab-accent);color:var(--mms-ab-accent-text)}mms-before-after .mms-ab__play svg{width:24px;height:24px}mms-before-after .mms-ab__toggle{display:flex;flex:0 0 auto;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:thin;padding:4px;border:1px solid var(--mms-ab-line);border-radius:28px}mms-before-after .mms-ab__toggle button{flex:0 0 auto;min-width:64px;background:transparent;border:0;border-radius:24px;min-height:44px;padding:10px 18px;font-size:12px;line-height:1.3;font-weight:var(--text-font-bold-weight, 600);letter-spacing:.03em;text-transform:var(--mms-ab-label-case);white-space:nowrap}mms-before-after .mms-ab__toggle button[aria-pressed=true]{background:var(--mms-ab-accent);color:var(--mms-ab-accent-text)}mms-before-after .mms-ab__status{margin:14px 0 0;font-size:12px;line-height:1.5;opacity:.7;overflow-wrap:anywhere}mms-before-after .mms-ab__status:empty,mms-before-after .mms-ab__empty:empty{display:none}mms-before-after .mms-ab__empty{margin:0;font-size:14px}mms-before-after .mms-ab__mobile-note{display:none;margin:10px 0 0;font-size:12px;line-height:1.5}@media(max-width:1000px){mms-before-after .mms-ab__layout--with-image{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px}mms-before-after .mms-ab__shell{padding:20px}mms-before-after .mms-ab__track{order:3;flex-basis:100%}mms-before-after .mms-ab__toggle{margin-left:auto}}@media(max-width:740px){mms-before-after .mms-ab__mobile-note{display:block}mms-before-after{padding-block:min(var(--mms-ab-space),40px)}mms-before-after .mms-ab__container{width:calc(100% - 32px)}mms-before-after .mms-ab__header{margin-bottom:20px}mms-before-after .mms-ab__layout--with-image{grid-template-columns:minmax(0,1fr);gap:20px}mms-before-after .mms-ab__plugin{padding:0 12px}mms-before-after .mms-ab__plugin img{max-height:180px}mms-before-after .mms-ab__shell{padding:16px;border-radius:14px}mms-before-after .mms-ab__wave{padding:12px}mms-before-after canvas{height:100px}mms-before-after .mms-ab__interaction{margin-top:16px}mms-before-after .mms-ab__demo-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}mms-before-after .mms-ab__demo{min-height:44px;padding:10px 14px;font-size:14px}mms-before-after .mms-ab__play{width:52px;height:52px}mms-before-after .mms-ab__toggle button{padding-inline:14px}mms-before-after .mms-ab__track{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}mms-before-after .mms-ab__track h3{margin:0;font-size:16px}}@media(prefers-reduced-motion:reduce){mms-before-after .mms-ab__plugin img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/compiled_assets/styles.css.map?subset=CA */