.topper-pain-vs{background:#fff}.topper-pain-vs__inner{display:flex;flex-direction:column;gap:calc(28 * 100vw / 430)}.topper-pain-vs__header{text-align:center}.topper-pain-vs__heading{margin:0 0 calc(12 * 100vw / 430);color:#024488;font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:calc(28 * 100vw / 430);line-height:1.3}.topper-pain-vs__heading--desktop{display:none}.topper-pain-vs__heading--mobile{display:block}.topper-pain-vs__highlight{position:relative;display:inline;z-index:0;white-space:nowrap}.topper-pain-vs__highlight:before{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.02em;height:45%;background:#ffc107;z-index:-1;border-radius:2px}.topper-pain-vs__subheading{margin:0 auto;max-width:36em;color:#8a8a8a;font-family:Google Sans Flex,sans-serif;font-size:calc(17 * 100vw / 430);line-height:1.55}.topper-pain-vs__subheading--desktop{display:none}.topper-pain-vs__subheading--mobile{display:block}.topper-pain-vs__compare{position:relative;display:flex;flex-direction:column-reverse;gap:calc(32 * 100vw / 430)}.topper-pain-vs__col{display:flex;flex-direction:column;min-width:0;text-align:center}.topper-pain-vs__media{position:relative;overflow:hidden;border-radius:calc(16 * 100vw / 430);background:#f3f3f3;aspect-ratio:400 / 246}.topper-pain-vs__image{display:block;width:100%;height:100%;object-fit:cover}.topper-pain-vs__media--split .topper-pain-vs__image--desktop{display:none}.topper-pain-vs__media--split .topper-pain-vs__image--mobile{display:block}.topper-pain-vs__badge{position:absolute;top:calc(12 * 100vw / 430);left:calc(12 * 100vw / 430);display:inline-flex;align-items:center;gap:calc(6 * 100vw / 430);padding:calc(6 * 100vw / 430) calc(12 * 100vw / 430);border-radius:999px;background:#f2f2f2ab;color:#333;font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:calc(18 * 100vw / 430);line-height:1.2;z-index:2}.topper-pain-vs__badge-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:min(20px,calc(20 * 100vw / 430));height:min(20px,calc(20 * 100vw / 430));color:currentColor}.topper-pain-vs__badge-icon svg{display:block;width:100%;height:100%}.topper-pain-vs__checks,.topper-pain-vs__pains,.topper-pain-vs__vs{display:none}.topper-pain-vs__pain-separator{width:100%;height:1px;background:#e6e6e6}.topper-pain-vs__col-heading{margin:calc(16 * 100vw / 430) 0 calc(10 * 100vw / 430);color:#024488;font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:calc(22 * 100vw / 430);line-height:1.3}.topper-pain-vs__col-heading--muted{color:#024488}.topper-pain-vs__col-text{margin:0;color:#8a8a8a;font-family:Google Sans Flex,sans-serif;font-size:calc(17 * 100vw / 430);line-height:1.55}.topper-pain-vs__pain-icon svg{display:block;width:100%;height:auto}@media screen and (max-width:749px){.topper-pain-vs__badge.topper-pain-vs__badge--with{color:#024488}}@media screen and (min-width:750px){.topper-pain-vs__badge-icon{width:min(36px,1.875vw);height:min(36px,1.875vw)}.topper-pain-vs__inner{gap:min(48px,2.5vw)}.topper-pain-vs__heading{margin-bottom:min(24px,1.25vw);font-size:min(36px,1.875vw)}.topper-pain-vs__heading--desktop{display:block}.topper-pain-vs__heading--mobile{display:none}.topper-pain-vs__highlight:before{height:45%;bottom:.1em}.topper-pain-vs__subheading{max-width:1195px;font-size:min(17px,calc(17 * 100vw / 1920))}.topper-pain-vs__subheading--desktop{display:block}.topper-pain-vs__subheading--mobile{display:none}.topper-pain-vs__compare{display:grid;grid-template-columns:1fr 1fr;gap:min(20px,calc(20 * 100vw / 1920));align-items:start}.topper-pain-vs__col{text-align:left}.topper-pain-vs__media{border-radius:min(20px,calc(20 * 100vw / 1920));aspect-ratio:800 / 550}.topper-pain-vs__media--split .topper-pain-vs__image--desktop{display:block}.topper-pain-vs__media--split .topper-pain-vs__image--mobile{display:none}.topper-pain-vs__col:nth-child(1) .topper-pain-vs__media{aspect-ratio:800 / 720}.topper-pain-vs__col:nth-child(2) .topper-pain-vs__media{aspect-ratio:800 / 550}.topper-pain-vs__badge{top:min(18px,.9375vw);padding:min(7px,calc(7 * 100vw / 1920)) min(14px,calc(14 * 100vw / 1920));font-size:min(22px,calc(22 * 100vw / 1920));gap:8px}.topper-pain-vs__badge--with{left:min(18px,.9375vw);right:auto;background:;background-color:#edf3fea9;color:#224a87}.topper-pain-vs__badge--without{left:auto;right:min(18px,.9375vw);background-color:#cdced2;color:#404040}.topper-pain-vs__checks{display:flex;position:absolute;left:min(20px,calc(20 * 100vw / 1920));bottom:min(20px,calc(20 * 100vw / 1920));z-index:2;flex-direction:column;gap:min(15px,.78125vw);margin:0;padding:0;list-style:none}.topper-pain-vs__check{display:flex;align-items:center;gap:min(10px,calc(10 * 100vw / 1920));color:#024488;font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:min(22px,calc(22 * 100vw / 1920));margin-bottom:0;position:relative}.topper-pain-vs__check:not(:last-child):after{content:"";position:absolute;right:0;bottom:calc(-.5*min(15px,.78125vw));width:calc(100% - min(24px,1.25vw) - min(10px,calc(10 * 100vw / 1920)));height:1px;background-color:#edf3fe}.topper-pain-vs__check-icon{display:inline-flex;align-items:center;justify-content:center;width:min(24px,1.25vw);height:min(24px,1.25vw);border-radius:50%;flex-shrink:0}.topper-pain-vs__pains{display:flex;flex-direction:column;margin:0;padding:24px 0 0;list-style:none;width:fit-content;justify-content:space-between;height:min(137px,9.375vw)}.topper-pain-vs__pain{display:flex;align-items:center;gap:min(12px,.625vw);padding:0;color:#101010;font-family:Google Sans Flex,sans-serif;font-weight:300;font-size:min(22px,calc(22 * 100vw / 1920));line-height:1;margin-bottom:0}.topper-pain-vs__pain:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.topper-pain-vs__pain-icon{display:inline-flex;align-items:center;justify-content:center;width:min(26px,calc(26 * 100vw / 1920));height:min(26px,calc(26 * 100vw / 1920));border-radius:50%;flex-shrink:0}.topper-pain-vs__col-heading{margin:min(20px,calc(20 * 100vw / 1920)) 0 min(12px,.625vw);font-size:min(22px,calc(22 * 100vw / 1920))}.topper-pain-vs__col-heading--muted{color:#333}.topper-pain-vs__col-text{font-size:min(17px,calc(17 * 100vw / 1920))}.topper-pain-vs__vs{display:none;position:absolute;left:50%;top:min(220px,calc(220 * 100vw / 1920));align-items:center;justify-content:center;width:min(90px,4.6875vw);height:min(90px,4.6875vw);margin:0;transform:translate(-50%,-50%);border:1px solid #eee;border-radius:50%;background:#fff;color:#024488;font-family:Google Sans Flex,sans-serif;font-weight:700;font-size:min(36px,1.875vw);z-index:3;box-shadow:0 4px 16px #00000014}}@media(min-width:1921px){.topper-pain-vs__pains{padding:24px;height:177px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-topper-pain-vs.css.map */