.gh-before-after{display:block;padding:24px 20px 48px;background:var(--cream);color:var(--ink)}.gh-before-after *,.gh-before-after *:before,.gh-before-after *:after{box-sizing:border-box}.gh-before-after__inner{width:100%;max-width:880px;margin:auto}.gh-before-after__head{margin:0 auto 14px;text-align:center;max-width:620px}.gh-before-after__head h2{margin:8px 0;font-size:26px;line-height:1.1;letter-spacing:-.035em;font-weight:800}.gh-before-after__head p{margin:0;font-size:12px;line-height:1.45;color:var(--ink-80)}.gh-before-after__frame{--split:50%;position:relative;width:100%;aspect-ratio:1;overflow:hidden;isolation:isolate;border-radius:8px;background:#e0e7e5}.gh-before-after__images,.gh-before-after__layer{position:absolute;top:0;right:0;bottom:0;left:0}.gh-before-after__layer{display:grid;place-items:center;background:#e0e7e5}.gh-before-after__layer--before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.gh-before-after__placeholder{padding:20px;text-align:center;color:#384845;font-size:11px;line-height:1.8}.gh-before-after__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;background:#e0e7e5}.gh-before-after__photo[hidden]{display:none}.gh-before-after__label{position:absolute;top:12px;z-index:2;padding:6px 9px;border-radius:3px;background:#0d1f2dc7;color:#fff;font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.gh-before-after__label--before{left:12px}.gh-before-after__label--after{right:12px}.gh-before-after__line{position:absolute;display:block;z-index:3;top:0;bottom:0;left:var(--split);width:2px;transform:translate(-50%);background:#fff;pointer-events:none}.gh-before-after__handle{position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 2px 12px #0003;font-size:20px;font-weight:500;letter-spacing:2px}.gh-before-after__range{position:absolute;z-index:4;top:0;left:-22px;width:calc(100% + 44px);height:100%;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y;border:0;border-radius:0}.gh-before-after__range::-webkit-slider-runnable-track{height:44px;background:transparent}.gh-before-after__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;border:0;background:transparent}.gh-before-after__range::-moz-range-track{height:44px;background:transparent}.gh-before-after__range::-moz-range-thumb{width:44px;height:44px;border:0;background:transparent}.gh-before-after__range:focus-visible{outline:none;box-shadow:none}.gh-before-after__range:focus-visible~.gh-before-after__line .gh-before-after__handle{outline:3px solid var(--teal);outline-offset:3px}.gh-before-after__range:disabled{visibility:hidden}.gh-before-after__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.gh-before-after__scene{margin:0;font-size:15px;font-weight:700;line-height:1.4}.gh-before-after__count{flex-shrink:0;color:var(--ink-80);font-size:11px;letter-spacing:.08em}.gh-before-after__thumbs{display:flex;gap:8px;overflow-x:auto;min-width:0;padding:4px;margin:12px -4px 0;scrollbar-width:none;overscroll-behavior-x:contain}.gh-before-after__thumbs::-webkit-scrollbar{display:none}.gh-before-after__thumb{flex:0 0 76px;display:grid;gap:7px;align-content:start;padding:4px;border:2px solid transparent;border-radius:6px;background:transparent;color:var(--ink-80);cursor:pointer;font:inherit;-webkit-user-select:none;user-select:none;min-width:0}.gh-before-after__thumb-image{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:3px;background:#dfe5e2}.gh-before-after__thumb img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.gh-before-after__thumb-label{font-size:10px;font-weight:600;line-height:1.3;min-height:26px;text-align:center;overflow-wrap:anywhere}.gh-before-after__thumb[aria-pressed=true],.gh-before-after__thumb[data-selected=true]{border-color:var(--gold);background:#fff;color:var(--ink)}.gh-before-after__thumb:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.gh-before-after__fallback{font-size:12px;line-height:1.6}@media(min-width:768px){.gh-before-after{padding:64px 32px}.gh-before-after__head{margin-bottom:24px}.gh-before-after__head h2{margin:12px 0;font-size:36px;line-height:1.15}.gh-before-after__head p{font-size:15px;line-height:1.6}.gh-before-after__thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.gh-before-after__thumb[data-copy]{display:none}}@media(min-width:1200px){.gh-before-after{padding:40px}.gh-before-after__inner{max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px) 88px;column-gap:24px;align-items:start}.gh-before-after__head{grid-column:1;grid-row:1;align-self:center;width:100%;max-width:440px;margin:0;text-align:left}.gh-before-after__head h2{font-size:42px;margin:20px 0}.gh-before-after__head .gh-eyebrow{justify-content:flex-start}.gh-before-after__frame{grid-column:2;grid-row:1}.gh-before-after__meta{grid-column:2;grid-row:2}.gh-before-after__fallback{grid-column:2}.gh-before-after__thumbs{grid-column:3;grid-row:1;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));align-self:stretch;width:88px;height:100%;margin:0;padding:0;gap:6.4px;overflow:visible}.gh-before-after__thumb{width:100%;height:100%;min-height:0;gap:0}.gh-before-after__thumb-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-before-after.css.map */