.pebble-comparison{padding:8rem 0;background:#1e2a4a;overflow:hidden}.pebble-comparison__header{text-align:center;margin-bottom:5rem}.pebble-comparison__eyebrow{display:inline-block;font-family:var(--font-body);font-size:1.2rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#e8dcc8;margin-bottom:1.2rem}.pebble-comparison__title{font-family:var(--font-body);font-size:clamp(2.8rem,4vw,4.4rem);font-weight:800;color:#faf8f3;letter-spacing:-.02em;line-height:1.15;margin:0 0 1.2rem}.pebble-comparison__subtitle{font-family:var(--font-body);font-size:1.6rem;color:#fff8f0a6;max-width:48rem;margin:0 auto;line-height:1.6}.pebble-comparison__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:4rem;align-items:center;max-width:96rem;margin:0 auto}.pebble-comparison__vs{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:50%;background:#1e2a4a;color:#faf8f3;font-family:var(--font-body);font-size:1.4rem;font-weight:800;letter-spacing:.05em;flex-shrink:0;box-shadow:0 4px #3a4a7a}.pebble-comparison__panel{border-radius:2.4rem;padding:4rem;display:flex;flex-direction:column;gap:2.4rem;position:relative;overflow:hidden}.pebble-comparison__panel--has-image{padding:0;gap:0;min-height:52rem}.pebble-comparison__panel--has-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit}.pebble-comparison__panel--bad.pebble-comparison__panel--has-image:before{background:linear-gradient(to top,#0a0e1ceb,#0a0e1c8c 45%,#0a0e1c26)}.pebble-comparison__panel--good.pebble-comparison__panel--has-image:before{background:linear-gradient(to top,#141e3cf2,#141e3c80 45%,#141e3c0d)}.pebble-comparison__panel-img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}.pebble-comparison__panel-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.pebble-comparison__panel-img--bad{filter:saturate(.25) brightness(.7)}.pebble-comparison__panel-img--good{filter:brightness(1.05) saturate(1.1)}.pebble-comparison__panel:hover .pebble-comparison__panel-img{transform:scale(1.04)}.pebble-comparison__panel-body{display:flex;flex-direction:column;gap:1.6rem;padding:3.2rem 4rem 4rem;flex:1}.pebble-comparison__panel--has-image .pebble-comparison__panel-body{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:3.2rem 4rem 4rem}.pebble-comparison__panel:not(.pebble-comparison__panel--has-image) .pebble-comparison__panel-body{padding:0}.pebble-comparison__panel--bad{background:#fff8f00d;border:2px solid rgba(255,248,240,.1)}.pebble-comparison__panel--good{background:#1e2a4a;border:2px solid #1E2A4A;box-shadow:0 6px #3a4a7a,0 12px 40px #e8dcc833}.pebble-comparison__time{display:flex;align-items:baseline;gap:.8rem}.pebble-comparison__time-value{font-family:var(--font-body);font-weight:800;line-height:1;letter-spacing:-.04em}.pebble-comparison__panel--bad .pebble-comparison__time-value{font-size:clamp(5rem,8vw,9rem);color:#fff8f099}.pebble-comparison__panel--good .pebble-comparison__time-value{font-size:clamp(5rem,8vw,9rem);color:#faf8f3}.pebble-comparison__time-unit{font-family:var(--font-body);font-size:2rem;font-weight:600}.pebble-comparison__panel--bad .pebble-comparison__time-unit{color:#fff8f099}.pebble-comparison__panel--good .pebble-comparison__time-unit{color:#fff8f0cc}.pebble-comparison__label{font-family:var(--font-body);font-size:2rem;font-weight:700;margin:0}.pebble-comparison__panel--bad .pebble-comparison__label{color:#fff8f0bf}.pebble-comparison__panel--good .pebble-comparison__label{color:#faf8f3}.pebble-comparison__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.pebble-comparison__list-item{display:flex;align-items:center;gap:1rem;font-family:var(--font-body);font-size:1.4rem}.pebble-comparison__panel--bad .pebble-comparison__list-item{color:#fff8f0a6}.pebble-comparison__panel--good .pebble-comparison__list-item{color:#fff8f0e6}.pebble-comparison__list-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pebble-comparison__panel--bad .pebble-comparison__list-icon{background:#fff8f01a;color:#fff8f066}.pebble-comparison__panel--good .pebble-comparison__list-icon{background:#fff8f040;color:#faf8f3}.pebble-comparison__list-icon svg{width:1.2rem;height:1.2rem}.pebble-comparison__panel--good:after{content:"";position:absolute;top:-4rem;right:-4rem;width:16rem;height:16rem;border-radius:50%;background:#fff8f014;pointer-events:none}.pebble-comparison__weight{display:flex;align-items:center;justify-content:center;gap:4.8rem;max-width:96rem;margin:4rem auto 0;padding:4rem;border-radius:2rem;background:#fff8f00a;border:1px solid rgba(255,248,240,.1)}.pebble-comparison__weight-side{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.pebble-comparison__weight-img-wrap{position:relative;width:18rem;height:18rem;border-radius:1.2rem;overflow:hidden;flex-shrink:0}.pebble-comparison__weight-img{width:100%;height:100%;object-fit:cover;display:block}.pebble-comparison__weight-badge{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#faf8f3;color:#1e2a4a;font-family:var(--font-body);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;padding:.4rem 1.2rem;border-radius:10rem;white-space:nowrap}.pebble-comparison__weight-placeholder{width:100%;height:100%;background:#fff8f00f;border-radius:1.2rem;display:flex;align-items:center;justify-content:center}.pebble-comparison__weight-placeholder svg{width:5.6rem;height:auto;color:#fff8f033}.pebble-comparison__weight-name{font-family:var(--font-body);font-size:1.3rem;font-weight:600;color:#fff8f080;margin:0;text-align:center;letter-spacing:.03em;text-transform:uppercase}.pebble-comparison__weight-equals{font-family:var(--font-body);font-size:4.8rem;font-weight:300;color:#fff8f040;line-height:1;flex-shrink:0;margin-bottom:3.2rem}.pebble-comparison__weight-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:18rem}.pebble-comparison__weight-regular-wrap{aspect-ratio:1;border-radius:.8rem;overflow:hidden}.pebble-comparison__weight-regular-wrap .pebble-comparison__weight-placeholder{height:100%}.pebble-comparison__weight-tagline{font-family:var(--font-display);font-style:italic;font-size:1.5rem;font-weight:400;color:#fff8f066;text-align:center;max-width:56rem;margin:2rem auto 0;line-height:1.6}@media(max-width:900px){.pebble-comparison__grid{grid-template-columns:1fr;gap:2rem}.pebble-comparison__vs{margin:0 auto}.pebble-comparison__weight{flex-direction:column;gap:2.4rem;padding:3rem 2rem}.pebble-comparison__weight-equals{margin-bottom:0;transform:rotate(90deg)}.pebble-comparison__weight-img-wrap,.pebble-comparison__weight-grid{width:16rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pebble-comparison.css.map */