.pl-finder{position:relative;overflow:hidden;isolation:isolate;padding:var(--sec-y) 0;color:#fff;background:radial-gradient(900px 520px at 88% -10%,rgba(77,143,239,.42),transparent 62%),radial-gradient(700px 480px at 0% 110%,rgba(147,201,235,.18),transparent 65%),linear-gradient(135deg,var(--navy-ink) 0%,var(--navy) 58%,#3a4a99 100%)}.pl-finder{scroll-margin-top:var(--h-stack)}@media(min-width:1024px){html:has(.pl-shop){scroll-padding-top:calc(var(--h-stack) + var(--pl-toolbar-h, 78px) + 16px)}html:has(.pl-shop) .pl-finder{scroll-margin-top:calc(-1 * (var(--pl-toolbar-h, 78px) + 16px))}}.pl-finder h2{color:#fff}.pl-finder__stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.75;background-image:radial-gradient(1.6px 1.6px at 8% 18%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 22% 64%,var(--sky-tint) 50%,transparent 52%),radial-gradient(1.8px 1.8px at 37% 12%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 52% 82%,var(--sky-tint) 50%,transparent 52%),radial-gradient(1.6px 1.6px at 64% 30%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 78% 70%,var(--sky-tint) 50%,transparent 52%),radial-gradient(1.8px 1.8px at 90% 46%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 96% 88%,var(--sky-tint) 50%,transparent 52%),radial-gradient(1.4px 1.4px at 14% 90%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 45% 40%,var(--sky-tint) 50%,transparent 52%);animation:pl-twinkle 5s ease-in-out infinite alternate}@keyframes pl-twinkle{0%{opacity:.45}to{opacity:.85}}.pl-finder__moon{position:absolute;z-index:-1;top:22px;right:18px;width:58px;height:58px;border-radius:50%;box-shadow:inset -16px 9px #e9f4ffeb;filter:drop-shadow(0 0 22px rgba(147,201,235,.55));transform:rotate(-12deg);animation:pl-moon 9s ease-in-out infinite;pointer-events:none}@keyframes pl-moon{0%,to{translate:0 0}50%{translate:0 -8px}}.pl-finder__grid{display:grid;gap:30px}.pl-finder__copy{display:grid;gap:14px;align-content:start}.pl-finder__copy .cg-eyebrow .ic{width:16px;height:16px}.pl-finder__note{display:flex;gap:10px;align-items:flex-start;max-width:46ch;margin-top:4px;font-size:14px;line-height:1.5;color:#ffffffb8}.pl-finder__note .ic{width:18px;height:18px;color:#7fe0a0;margin-top:1px}.pl-finder__panel{display:grid;gap:16px}.pf-positions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pf-pos{position:relative;display:grid;justify-items:center;align-content:start;gap:4px;padding:14px 8px;border-radius:20px;color:#fff;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 40px -26px #0009;text-align:center;transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s,color .25s}.pf-pos:hover{transform:translateY(-3px);border-color:#93c9eb99;background:linear-gradient(180deg,#ffffff29,#ffffff0f)}.pf-pos:focus-visible{outline-color:var(--sky)}.pf-pos[aria-pressed=true]{color:var(--navy);background:#fff;border-color:#fff;box-shadow:0 0 0 4px #93c9eb73,0 24px 50px -20px #000000a6;transform:translateY(-3px)}.pf-pos:disabled{cursor:default;opacity:.55;transform:none}.pf-pos:disabled:hover{border-color:#ffffff29;background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}.pf-art{width:100%;max-width:156px;height:auto;overflow:visible}.pf-art__bed{fill:#ffffff29;transition:fill .25s}.pf-art__pillow{fill:var(--sky);transition:fill .25s}.pf-art__head{fill:#fff;transition:fill .25s}.pf-art__blanket{fill:#e9f4ffeb;transition:fill .25s}.pf-art__arm{fill:none;stroke:#fff;stroke-width:6.5;stroke-linecap:round;transition:stroke .25s}.pf-art__z{fill:none;stroke:var(--sky);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.pf-pos[aria-pressed=true] .pf-art__bed{fill:var(--sky-light)}.pf-pos[aria-pressed=true] .pf-art__pillow{fill:var(--sky)}.pf-pos[aria-pressed=true] .pf-art__head{fill:var(--navy)}.pf-pos[aria-pressed=true] .pf-art__blanket{fill:var(--blue-2)}.pf-pos[aria-pressed=true] .pf-art__arm{stroke:var(--navy)}.pf-pos[aria-pressed=true] .pf-art__z{stroke:var(--blue-2);opacity:1;animation:pl-z 2.6s ease-in-out infinite}@keyframes pl-z{0%{translate:0 4px;opacity:0}30%,70%{opacity:1}to{translate:6px -8px;opacity:0}}.pf-pos__label{font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.1}.pf-pos__count{font-size:12.5px;font-weight:700;color:#ffffffb3}.pf-pos[aria-pressed=true] .pf-pos__count{color:var(--blue-2)}.pf-result{display:grid;gap:14px;padding:18px;border-radius:22px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pf-result__lead{font-size:16px;line-height:1.45;color:#ffffffd1}.pf-result__lead strong{color:#fff;font-weight:800}.pf-result__list{display:flex;gap:10px;overflow-x:auto;margin:0 -18px;padding:2px 18px 6px;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.pf-result__list:empty{display:none}.pf-result__list li{flex:0 0 132px;scroll-snap-align:start;animation:pl-mini-in .45s var(--ease) both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes pl-mini-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.pf-mini{display:grid;gap:6px;height:100%;padding:8px 8px 10px;border-radius:16px;background:#fff;color:var(--navy);box-shadow:0 14px 30px -18px #000000b3;transition:transform .2s var(--ease),box-shadow .2s}.pf-mini:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 0 0 3px var(--sky),0 18px 34px -18px #000000b3}.pf-mini:focus-visible{outline-color:var(--sky)}.pf-mini__img{position:relative;display:block;aspect-ratio:1;border-radius:11px;overflow:hidden;background:#fff}.pf-mini__img img{width:100%;height:100%;object-fit:contain}.pf-mini__name{font-size:12.5px;font-weight:800;line-height:1.25;letter-spacing:-.005em}.pf-mini__price{font-size:12.5px;font-weight:800;color:var(--blue);align-self:end}.pf-mini__from{font-weight:600;color:var(--ink-muted)}.pf-mini__out{position:absolute;left:6px;top:6px;padding:3px 7px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}.pf-mini.is-out .pf-mini__img img{filter:grayscale(.45);opacity:.8}.pf-mini.is-out .pf-mini__price{color:var(--ink-muted)}.pf-result__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.pf-result__actions[hidden]{display:none}.pf-result__clear{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;font-size:14px;font-weight:700;color:#fffc;border-radius:10px}.pf-result__clear:hover{color:#fff}.pf-result__clear .ic{width:16px;height:16px}.pf-result__also{display:flex;gap:10px;align-items:flex-start;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;line-height:1.5;color:#ffffffbf}.pf-result__also[hidden]{display:none}.pf-result__also .ic{width:16px;height:16px;color:var(--sky);margin-top:2px}.pf-result__also a{color:var(--sky);font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(min-width:768px){.pf-positions{gap:14px}.pf-pos{padding:18px 12px 16px;gap:6px}.pf-pos__label{font-size:19px}.pf-pos__count{font-size:13.5px}.pf-result{padding:22px}.pf-result__list{margin:0 -22px;padding:2px 22px 6px;scroll-padding-inline:22px}}@media(min-width:1024px){.pl-finder__grid{grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}.pl-finder__copy{padding-top:10px}.pl-finder__moon{width:84px;height:84px;top:28px;right:3%;box-shadow:inset -18px 10px #e9f4ffeb}.pf-result__list{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.pf-result__list li{flex:0 0 calc((100% - 30px)/4)}}@media(prefers-reduced-motion:reduce){.pl-finder__stars,.pl-finder__moon,.pf-pos[aria-pressed=true] .pf-art__z,.pf-result__list li{animation:none}.pl-finder__stars{opacity:.7}}@media(prefers-reduced-motion:no-preference){html:not(.cg-still) .pl-finder__copy>*{animation:cg-lift .42s var(--ease) backwards}html:not(.cg-still) .pl-finder__copy>:nth-child(2){animation-delay:50ms}html:not(.cg-still) .pl-finder__copy>:nth-child(3){animation-delay:.1s}html:not(.cg-still) .pl-finder__copy>:nth-child(4){animation-delay:.15s}html:not(.cg-still) .pf-positions>.pf-pos{animation:cg-lift-in .4s var(--ease) .12s backwards}html:not(.cg-still) .pf-positions>.pf-pos:nth-child(2){animation-delay:.18s}html:not(.cg-still) .pf-positions>.pf-pos:nth-child(3){animation-delay:.24s}html:not(.cg-still) .pf-result{animation:cg-lift-in .4s var(--ease) .3s backwards}html:not(.cg-still) .pf-pos:not(:disabled):active{scale:.97}}@media(prefers-reduced-motion:no-preference)and (max-width:767.98px){html:not(.cg-still) .pl-finder__copy>*{animation-name:cg-lift-sm}html:not(.cg-still) .pf-positions>.pf-pos,html:not(.cg-still) .pf-result{animation-name:cg-lift-in-sm}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/cg2-pillow-finder.css.map */