.pmd-lscroll{--navy:#011F55;--ink:#0E1626;--bg:#F4F7FB;--paper:#FFFFFF;--yellow:#E44D39;--cyan:#6491C8;--peach:#386598;--pink:#7FAEE8;--mint:#16B364;--lav:#8CBDF8;--line:#E9EAEB;--muted:#535862;--d-display:"Aeonik","Archivo Black",sans-serif;--d-head:"Aeonik","Archivo",sans-serif;--d-body:"Inter",sans-serif;--d-mono:"Aeonik","Inter",monospace;font-family:var(--d-body);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;padding:88px 0;border-bottom:2px solid var(--ink);overflow-x:clip}.pmd-lscroll *{box-sizing:border-box}.pmd-lscroll a{color:inherit;text-decoration:none}.pmd-lscroll :focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.pmd-lscroll .lscroll-wrap{max-width:1160px;margin:0 auto;padding:0 24px}.pmd-lscroll .lscroll-sp20{height:20px}.pmd-lscroll .lscroll-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:44px}.pmd-lscroll .lscroll-head-copy{max-width:660px;min-width:0}.pmd-lscroll .lscroll-kicker{font-family:var(--d-mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:6px 12px;box-shadow:0 10px 28px #011f551a}.pmd-lscroll .lscroll-kicker .lscroll-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);border:1px solid var(--ink)}.pmd-lscroll .lscroll-display{font-family:var(--d-display);text-transform:uppercase;line-height:1;letter-spacing:-.005em;font-weight:400;font-size:clamp(28px,4vw,46px);color:var(--navy)}.pmd-lscroll .lscroll-intro{margin-top:18px;font-size:16.5px;color:var(--muted)}.pmd-lscroll .lscroll-intro p{margin:0}.pmd-lscroll .lscroll-intro b{color:var(--ink)}.pmd-lscroll .lscroll-tabs{display:flex;flex-wrap:wrap;gap:4px 6px;margin-bottom:30px;padding-bottom:0;border-bottom:1px solid var(--line)}.pmd-lscroll .lscroll-tab{font-family:var(--d-head);font-weight:600;font-size:13.5px;letter-spacing:.005em;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:9px 14px;border-radius:10px 10px 0 0;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.pmd-lscroll .lscroll-tab:hover{color:var(--navy);background:var(--paper)}.pmd-lscroll .lscroll-tab[aria-selected=true]{color:var(--navy);border-bottom-color:var(--yellow)}.pmd-lscroll .lscroll-nav{display:flex;gap:12px;flex-shrink:0}.pmd-lscroll .lscroll-nav[hidden]{display:none}.pmd-lscroll .lscroll-arrow{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px #011f551a;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.pmd-lscroll .lscroll-arrow:hover{transform:translate(-2px,-2px);box-shadow:0 10px 28px #011f551a;background:var(--yellow)}.pmd-lscroll .lscroll-arrow:active{transform:translate(2px,2px);box-shadow:0 10px 28px #011f551a}.pmd-lscroll .lscroll-arrow:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:0 10px 28px #011f551a;background:var(--paper)}.pmd-lscroll .lscroll-viewport{position:relative}.pmd-lscroll .lscroll-track{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 4px 22px;scrollbar-width:thin;scrollbar-color:var(--navy) var(--line)}.pmd-lscroll .lscroll-track::-webkit-scrollbar{height:10px}.pmd-lscroll .lscroll-track::-webkit-scrollbar-track{background:var(--line);border:1px solid var(--line);border-radius:12px}.pmd-lscroll .lscroll-track::-webkit-scrollbar-thumb{background:var(--navy);border:1px solid var(--line);border-radius:12px}.pmd-lscroll .lscroll-edge{position:absolute;top:0;bottom:22px;width:56px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:2}.pmd-lscroll .lscroll-edge-l{left:0;background:linear-gradient(90deg,var(--bg),rgba(244,247,251,0))}.pmd-lscroll .lscroll-edge-r{right:0;background:linear-gradient(270deg,var(--bg),rgba(244,247,251,0))}.pmd-lscroll.lscroll-has-l .lscroll-edge-l,.pmd-lscroll.lscroll-has-r .lscroll-edge-r{opacity:1}.pmd-lscroll .lscroll-card{flex:0 0 auto;width:322px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px #011f551a;transition:transform .12s ease,box-shadow .12s ease}.pmd-lscroll .lscroll-card[hidden]{display:none}.pmd-lscroll a.lscroll-card:hover{transform:translate(-3px,-3px);box-shadow:0 10px 28px #011f551a}.pmd-lscroll a.lscroll-card:active{transform:translate(2px,2px);box-shadow:0 10px 28px #011f551a}.pmd-lscroll .lscroll-shot{border-bottom:2px solid var(--ink);background:var(--navy);overflow:hidden}.pmd-lscroll .lscroll-shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.pmd-lscroll .lscroll-ph{width:100%;aspect-ratio:16/10;background:var(--navy);overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.22) 1.5px,transparent 1.5px);background-size:16px 16px;background-position:center}.pmd-lscroll .lscroll-mock{display:block;width:100%;height:100%;object-fit:cover}.pmd-lscroll .lscroll-ph:has(.lscroll-mock){background-image:none}.pmd-lscroll .lscroll-shot .lscroll-ph:has(.lscroll-mock) .lscroll-mock{object-position:top center}.pmd-lscroll.lscroll-frame-phone .lscroll-shot .lscroll-ph:has(.lscroll-mock){aspect-ratio:auto}.pmd-lscroll .lscroll-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-width:0}.pmd-lscroll .lscroll-chip{align-self:flex-start;font-family:var(--d-mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:12px;padding:4px 9px;box-shadow:0 10px 28px #011f551a;background:var(--bg)}.pmd-lscroll .lscroll-title{font-family:var(--d-head);font-weight:700;font-size:17px;line-height:1.25;color:var(--ink);margin:2px 0 0}.pmd-lscroll .lscroll-desc{font-size:13.5px;color:var(--muted);margin:0}.pmd-lscroll .lscroll-link{margin-top:auto;font-family:var(--d-mono);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--navy);padding-top:6px}.pmd-lscroll a.lscroll-card:hover .lscroll-link{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.pmd-lscroll .lscroll-type-homepage .lscroll-chip{background:var(--yellow)}.pmd-lscroll .lscroll-type-product-page .lscroll-chip{background:var(--cyan)}.pmd-lscroll .lscroll-type-sales-page .lscroll-chip{background:var(--lav)}.pmd-lscroll .lscroll-type-quiz-funnel .lscroll-chip{background:var(--mint)}.pmd-lscroll .lscroll-type-listicle .lscroll-chip{background:var(--pink)}.pmd-lscroll .lscroll-type-advertorial .lscroll-chip{background:var(--peach)}.pmd-lscroll .lscroll-type-cart-checkout .lscroll-chip{background:var(--lav)}@media(max-width:700px){.pmd-lscroll{padding:60px 0}.pmd-lscroll .lscroll-head{margin-bottom:32px}.pmd-lscroll .lscroll-nav{display:none}.pmd-lscroll .lscroll-card{width:80vw;max-width:300px}.pmd-lscroll .lscroll-edge{display:none}}@media(prefers-reduced-motion:reduce){.pmd-lscroll .lscroll-track{scroll-behavior:auto}.pmd-lscroll .lscroll-card,.pmd-lscroll .lscroll-arrow{transition:none}}.pmd-lscroll .lscroll-notch{display:none}.pmd-lscroll.lscroll-frame-phone .lscroll-card{width:min(74vw,262px)}.pmd-lscroll.lscroll-frame-phone .lscroll-shot{position:relative;aspect-ratio:9/19;background:var(--ink);border:1px solid var(--line);border-radius:34px;padding:9px;box-shadow:0 10px 28px #011f551a;overflow:hidden}.pmd-lscroll.lscroll-frame-phone .lscroll-shot img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top center;border-radius:24px}.pmd-lscroll.lscroll-frame-phone .lscroll-shot .lscroll-ph{width:100%;height:100%;border-radius:24px}.pmd-lscroll.lscroll-frame-phone .lscroll-notch{display:block;position:absolute;top:9px;left:50%;transform:translate(-50%);width:40%;height:16px;background:var(--ink);border-radius:0 0 12px 12px;z-index:3}.pmd-lscroll.lscroll-frame-browser .lscroll-shot{position:relative;padding-top:26px;background:var(--paper)}.pmd-lscroll.lscroll-frame-browser .lscroll-shot:before{content:"";position:absolute;top:0;left:0;right:0;height:26px;background:var(--bg);border-bottom:2px solid var(--ink);z-index:2}.pmd-lscroll.lscroll-frame-browser .lscroll-shot:after{content:"";position:absolute;top:9px;left:14px;width:8px;height:8px;border-radius:50%;background:var(--ink);box-shadow:14px 0 0 var(--ink),28px 0 0 var(--ink);z-index:3}.pmd-lscroll [class*=kicker],.pmd-lscroll [class*=chip],.pmd-lscroll [class*=-tag],.pmd-lscroll [class*=pill],.pmd-lscroll [class*=badge],.pmd-lscroll [class*=uplift]{border-radius:999px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-pmd-lander-scroller.css.map */