.lp-head-comparison{--ink:#101936;--muted-ink:#51448b;--paper:#fff8e8;background:#d7caff;color:var(--ink);font-family:Manrope,Arial,sans-serif;isolation:isolate;padding:28px 16px 20px}.lp-head-comparison,.lp-head-comparison *{box-sizing:border-box}.lp-head-comparison [hidden]{display:none!important}.lp-head-comparison .comparison-inner{margin:0 auto;max-width:1180px}.lp-head-comparison .comparison-heading{max-width:680px}.lp-head-comparison h2,.lp-head-comparison h3{color:inherit;font-weight:400;text-transform:none}.lp-head-comparison h2{font-size:clamp(30px,8.2vw,36px);letter-spacing:-.045em;line-height:1.04;margin:0}.lp-head-comparison .comparison-heading p{font-size:16px;line-height:1.45;margin:10px 0 0}.lp-head-comparison .size-tabs{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.lp-head-comparison .size-tabs button{align-items:center;background:transparent;border:1px solid rgba(16,25,54,.48);border-radius:999px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;justify-content:center;line-height:1.1;min-height:58px;padding:8px 5px}.lp-head-comparison .size-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.lp-head-comparison .size-tabs span{font-size:14px;font-weight:650}.lp-head-comparison .size-tabs small{font-size:10px;margin-top:5px;white-space:nowrap}.lp-head-comparison button:focus-visible,.lp-head-comparison a:focus-visible,.lp-head-comparison summary:focus-visible,.lp-head-comparison input:focus-visible+span{outline:3px solid var(--ink);outline-offset:4px}.lp-head-comparison .comparison-stage{margin-top:8px}.lp-head-comparison .comparison-item{min-width:0}.lp-head-comparison .comparison-visual,.lp-head-comparison .scale-drawing{display:block;width:100%}.lp-head-comparison .scale-drawing{height:auto;max-width:none;overflow:visible}.lp-head-comparison .scale-drawing image{filter:grayscale(1);mix-blend-mode:normal}.lp-head-comparison .mobile-shared-head{display:none}.lp-head-comparison .nominal-footprint{fill:none;opacity:0;pointer-events:none}.lp-head-comparison .head-outline{fill:#edb390;fill-opacity:.76;stroke:#15203b;stroke-width:1.8;vector-effect:non-scaling-stroke}.lp-head-comparison .face{stroke:#15203b;stroke-linecap:round;stroke-width:1.25;vector-effect:non-scaling-stroke}.lp-head-comparison .comparison-caption{padding:0 2px 24px}.lp-head-comparison .comparison-caption h3{font-size:25px;letter-spacing:-.035em;line-height:1.1;margin:0}.lp-head-comparison .comparison-caption h3 a,.lp-head-comparison .desktop-shop-link{color:inherit}.lp-head-comparison .comparison-caption h3 a{text-decoration:none}.lp-head-comparison .comparison-caption p{font-size:14px;margin:4px 0 0}.lp-head-comparison .desktop-shop-link{display:inline-flex;font-size:15px;min-height:44px;padding:12px 0 8px;text-underline-offset:4px}.lp-head-comparison .head-example{margin-top:14px;max-width:560px;width:100%}.lp-head-comparison .head-example fieldset{border:0;margin:0;padding:0}.lp-head-comparison .head-example legend{font-size:14px;font-weight:650;margin-bottom:7px}.lp-head-comparison .age-options{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.lp-head-comparison .age-options label{cursor:pointer;margin:0;position:relative}.lp-head-comparison .age-options span{align-items:center;border:1px solid rgba(16,25,54,.48);border-radius:999px;display:flex;font-size:14px;justify-content:center;min-height:44px;padding:9px 6px}.lp-head-comparison .age-options input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}.lp-head-comparison .head-example>p{color:var(--muted-ink);font-size:14px;line-height:1.4;margin:6px 0 0}.lp-head-comparison .comparison-actions{align-items:center;display:flex;flex-direction:column}.lp-head-comparison .comparison-note{font-size:14px;line-height:1.45;margin:13px 0 19px;text-align:center}.lp-head-comparison .mobile-shop-cta{align-items:center;background:var(--ink);border-radius:999px;color:#fff;display:flex;font-size:16px;font-weight:650;justify-content:center;min-height:48px;padding:12px 24px;text-decoration:none;width:100%}.lp-head-comparison .finder-link{align-items:center;color:inherit;display:inline-flex;font-size:15px;min-height:44px;padding:12px 4px 4px;text-underline-offset:4px}.lp-head-comparison .visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:767.98px){.lp-head-comparison[data-head-ready=true] .comparison-stage{aspect-ratio:90/68;position:relative}.lp-head-comparison[data-head-ready=true] .comparison-item{top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transform:translateY(7px) rotate(.8deg);transition:opacity .32s ease,transform .42s cubic-bezier(.2,.7,.25,1);visibility:hidden}.lp-head-comparison[data-head-ready=true].is-visible .comparison-item[data-active=true]{opacity:1;pointer-events:auto;transform:translateY(0) rotate(0);visibility:visible}.lp-head-comparison[data-head-ready=true] .comparison-item .head{display:none}.lp-head-comparison[data-head-ready=true] .mobile-shared-head{display:block;height:auto;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%;z-index:2}.lp-head-comparison[data-head-ready=true] .comparison-caption{display:none}}@media(min-width:768px){.lp-head-comparison{padding:28px 32px 20px}.lp-head-comparison .comparison-heading{max-width:980px}.lp-head-comparison h2{font-size:clamp(38px,3.2vw,48px);line-height:1}.lp-head-comparison .comparison-heading p{font-size:17px}.lp-head-comparison .size-tabs,.lp-head-comparison .mobile-shop-cta{display:none!important}.lp-head-comparison .comparison-stage{display:grid;gap:clamp(18px,3vw,38px);grid-template-columns:repeat(3,minmax(0,1fr));margin:14px auto 0;max-width:1000px}.lp-head-comparison[data-head-ready=true] .comparison-item{opacity:0;transform:translateY(12px) rotate(0);transition:opacity .52s ease,transform .62s cubic-bezier(.2,.7,.25,1)}.lp-head-comparison[data-head-ready=true] .comparison-item:nth-child(1){transform:translateY(12px) rotate(-1.5deg);transition-delay:0ms}.lp-head-comparison[data-head-ready=true] .comparison-item:nth-child(2){transition-delay:80ms}.lp-head-comparison[data-head-ready=true] .comparison-item:nth-child(3){transform:translateY(12px) rotate(1.5deg);transition-delay:.16s}.lp-head-comparison[data-head-ready=true].is-visible .comparison-item{opacity:1;transform:translateY(0) rotate(0)}.lp-head-comparison .comparison-caption{padding-bottom:0}.lp-head-comparison .comparison-caption h3{font-size:clamp(24px,2.2vw,30px)}.lp-head-comparison .head-example{margin-top:18px}.lp-head-comparison .comparison-actions{align-items:center;border-top:1px solid rgba(16,25,54,.18);display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;padding-top:4px}.lp-head-comparison .comparison-note{margin:10px 24px 0 0;text-align:left}.lp-head-comparison .finder-link{flex:0 0 auto;padding-left:0}}@media(prefers-reduced-motion:reduce){.lp-head-comparison[data-head-ready=true] .comparison-item,.lp-head-comparison[data-head-ready=true].is-visible .comparison-item{opacity:1;transform:none;transition:none}}@media(prefers-reduced-motion:reduce)and (max-width:767.98px){.lp-head-comparison[data-head-ready=true] .comparison-item:not([data-active=true]){opacity:0;visibility:hidden}}.lp-head-comparison .eye{animation:lp-eye-blink 5s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}.lp-head-comparison image[data-pillow-image]{animation:lp-pillow-support 6.8s cubic-bezier(.25,.72,.32,1) infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center 76%}.lp-head-comparison.is-visible .eye,.lp-head-comparison.is-visible image[data-pillow-image]{animation-play-state:running}.lp-head-comparison .comparison-item:nth-child(2) .eye,.lp-head-comparison .comparison-item:nth-child(2) image[data-pillow-image]{animation-delay:.28s}.lp-head-comparison .comparison-item:nth-child(3) .eye,.lp-head-comparison .comparison-item:nth-child(3) image[data-pillow-image]{animation-delay:.56s}.lp-head-comparison .mobile-shared-head .eye{animation-delay:.14s}@keyframes lp-eye-blink{0%,19%,21.5%,23.5%,26%,to{transform:scaleY(1)}20.25%,24.75%{transform:scaleY(.08)}}@keyframes lp-pillow-support{0%,10%,38%,to{transform:translateY(0) scaleY(1)}20%{transform:translateY(-1px) scaleY(1.014)}30%{transform:translateY(.2px) scaleY(.997)}}@media(max-width:767.98px){.lp-head-comparison .comparison-item:not([data-active=true]) image[data-pillow-image]{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.lp-head-comparison .eye,.lp-head-comparison image[data-pillow-image]{animation:none!important;transform:none!important}}.lp-head-comparison{background:radial-gradient(circle at 50% 46%,rgba(255,248,232,.22),transparent 48%),linear-gradient(135deg,#ded5ff,#d3c5ff);padding-bottom:22px}.lp-head-comparison .comparison-inner{max-width:1180px}.lp-head-comparison .comparison-top{display:grid;gap:14px}.lp-head-comparison .comparison-heading p{margin-top:7px}.lp-head-comparison .head-example{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none!important;padding:0!important;width:100%}.lp-head-comparison .head-example fieldset{align-items:center;border:0;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);margin:0;padding:0}.lp-head-comparison .head-example legend{font-size:13px;font-weight:700;margin:0;padding:0;white-space:nowrap}.lp-head-comparison .age-options{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}.lp-head-comparison .age-options:before{display:none}.lp-head-comparison .head-example .age-options label{cursor:pointer;display:block!important;margin:0!important;min-height:44px!important;min-width:52px!important;position:relative;width:100%!important}.lp-head-comparison .age-options input{height:100%;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;position:absolute;width:100%}.lp-head-comparison .head-example .age-options span{align-items:center;background:#fff8e838!important;border:1px solid rgba(16,25,54,.42)!important;border-radius:999px!important;display:flex!important;flex-direction:row;font-size:12px;gap:4px;justify-content:center;min-height:44px!important;padding:8px 7px!important;width:100%!important}.lp-head-comparison .head-example .age-options strong{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;display:inline!important;font-size:13px!important;font-weight:700;height:auto!important;line-height:1!important;padding:0!important;width:auto!important}.lp-head-comparison .age-options small{font-size:11px;line-height:1}.lp-head-comparison .head-example .age-options input:checked+span{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--paper)!important}.lp-head-comparison .age-options input:checked+span strong{background:transparent;border:0;box-shadow:none;color:inherit}.lp-head-comparison .age-options input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}.lp-head-comparison .age-options input:focus-visible+span strong{outline:0}.lp-head-comparison .head-example>p{color:var(--muted-ink);font-size:11px;line-height:1.35;margin:5px 0 0;text-align:right}.lp-head-comparison .size-tabs{margin-top:14px}.lp-head-comparison .comparison-caption{padding-bottom:12px}.lp-head-comparison .comparison-actions{gap:10px}.lp-head-comparison .comparison-note{color:var(--muted-ink);font-size:13px;margin:0;text-align:center}.lp-head-comparison .finder-link{background:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:999px;color:#fff8e8!important;-webkit-text-fill-color:#fff8e8!important;font-weight:650;justify-content:center;min-height:48px;padding:11px 22px;text-decoration:none;visibility:visible!important}.lp-head-comparison .finder-link:after{content:"\2192";margin-left:8px}.lp-head-comparison .mobile-shop-cta{background:#fff8e833!important;border:1px solid rgba(16,25,54,.58)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;visibility:visible!important}@media(max-width:767.98px){.lp-head-comparison{padding:20px 16px 18px}.lp-head-comparison .comparison-top{gap:10px}.lp-head-comparison .head-example fieldset{align-items:stretch;gap:6px;grid-template-columns:1fr}.lp-head-comparison .head-example legend{margin-bottom:0}.lp-head-comparison .head-example>p{text-align:left}.lp-head-comparison .size-tabs{margin-top:10px}.lp-head-comparison[data-head-ready=true] .comparison-stage{aspect-ratio:auto;height:clamp(180px,54vw,215px);margin-top:8px;overflow:hidden}.lp-head-comparison[data-head-ready=true] .comparison-visual,.lp-head-comparison[data-head-ready=true] .mobile-shared-head{transform:translate(2%) scale(1.07);transform-origin:50% 50%}.lp-head-comparison .comparison-actions{display:grid!important;gap:8px;margin-top:5px;width:100%}.lp-head-comparison .comparison-note{max-width:330px}.lp-head-comparison .mobile-shop-cta,.lp-head-comparison .finder-link{width:100%}}@media(min-width:360px)and (max-width:767.98px){.lp-head-comparison .comparison-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-head-comparison .comparison-note{grid-column:1/-1;justify-self:center}.lp-head-comparison .mobile-shop-cta,.lp-head-comparison .finder-link{font-size:14px;grid-column:auto!important;min-width:0;padding-left:7px;padding-right:7px;white-space:nowrap;width:auto!important}}@media(min-width:768px){.lp-head-comparison{padding:26px 32px 22px}.lp-head-comparison .comparison-top{align-items:center;gap:clamp(32px,5vw,78px);grid-template-columns:minmax(0,1fr) minmax(310px,360px)}.lp-head-comparison .comparison-heading{max-width:760px}.lp-head-comparison h2{font-size:clamp(40px,4.2vw,52px)}.lp-head-comparison .head-example{justify-self:end;width:100%}.lp-head-comparison .comparison-stage{gap:clamp(14px,1.8vw,24px);margin:-16px auto 0;max-width:1180px}.lp-head-comparison .comparison-caption{padding:0 6px}.lp-head-comparison .comparison-caption h3{font-size:clamp(23px,2vw,29px)}.lp-head-comparison .comparison-actions{margin:3px auto 0;max-width:1180px;padding-top:10px}.lp-head-comparison .comparison-note{margin:0 24px 0 0}.lp-head-comparison .finder-link{padding:11px 22px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/lilpillo-head-comparison.css.map */