html:has(.hp-popup[open]){overflow:hidden}.hp-popup{--hp-popup-pad: 16px;width:100%;max-width:none;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);margin:auto 0 0;padding:0;border:0;border-radius:24px 24px 0 0;background:var(--hp-color-bg);color:var(--hp-color-text);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.hp-popup::-webkit-scrollbar{display:none}.hp-popup::backdrop{background:#1d1d1f8c}.hp-popup[open]{animation:hp-popup-in .2s ease}@keyframes hp-popup-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hp-popup[open]{animation:none}}.hp-popup__inner{position:relative;padding:32px 16px}.hp .hp-popup__close{position:absolute;top:32px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--hp-color-text);cursor:pointer}.hp .hp-popup__close:focus-visible{outline:2px solid var(--hp-color-accent);outline-offset:2px;border-radius:50%}.hp .hp-popup__intro{display:flex;flex-direction:column;align-items:center;margin-top:40px;text-align:center}.hp .hp-popup__eyebrow{margin-bottom:4px;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-.25px;color:var(--hp-color-accent)}.hp .hp-popup__title{font-size:24px;line-height:36px;font-weight:500;letter-spacing:0;text-align:center}.hp .hp-popup__text{max-width:1000px;margin-top:16px;font-size:16px;line-height:20px;font-weight:400;letter-spacing:-.04em;text-align:center}.hp .hp-popup__tabs{display:flex;gap:12px;width:100%;margin-top:16px;padding:8px 12px;border-radius:80px;background:var(--hp-color-stroke)}.hp .hp-popup__tab{flex:1 1 0;min-width:max-content;height:32px;padding:0 8px;border:0;border-radius:40px;background:transparent;color:var(--hp-color-text);font-family:inherit;font-size:13px;line-height:16px;font-weight:400;letter-spacing:-.04em;white-space:nowrap;cursor:pointer;transition:background-color .2s ease}.hp .hp-popup__tab[aria-selected=true]{background:var(--hp-color-surface)}.hp .hp-popup__tab:focus-visible{outline:2px solid var(--hp-color-accent);outline-offset:2px}.hp .hp-popup--trade .hp-popup__tabs{padding:8px}.hp .hp-popup__cards-wrap{position:relative;display:block;margin-top:32px}.hp .hp-popup__cards{display:flex;gap:16px;margin:-25px -16px -25px -25px;padding:25px 16px 25px 35px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:35px;scroll-padding-right:16px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.hp-popup__cards::-webkit-scrollbar{display:none}.hp .hp-popup__card{display:flex;flex:none;flex-direction:column;align-items:center;gap:16px;width:308px;padding:32px;border-radius:18px;background:var(--hp-color-surface);box-shadow:0 1px 25px #1d1d1f1a;scroll-snap-align:start}.hp .hp-popup__card-summary{width:163px;text-align:center}.hp .hp-popup__card-title{font-size:28px;line-height:36px;font-weight:500;letter-spacing:-.04em}.hp .hp-popup__card-line{margin-top:4px;min-height:20px;font-size:14px;line-height:18px;font-weight:400;letter-spacing:-.16px}.hp .hp-popup__card-title+.hp-popup__card-line{margin-top:4px}.hp .hp-popup__card-line--muted{color:var(--hp-color-grey)}.hp .hp-popup__card-media{display:flex;flex:none;align-items:center;justify-content:center;width:244px;height:196px}.hp .hp-popup__card-img{width:100%;height:100%;object-fit:contain}.hp .hp-popup__card-desc{width:100%;font-size:14px;line-height:18px;font-weight:400;letter-spacing:-.16px;text-align:center}.hp-popup[data-view=front] .hp-popup__card-img:not([data-view=front]),.hp-popup[data-view=back] .hp-popup__card-img:not([data-view=back]),.hp-popup[data-view=side] .hp-popup__card-img:not([data-view=side]){display:none}.hp-popup[data-view=side] .hp-popup__card:not(:has(img[data-view=side])){display:none}.hp .hp-popup__arrow{position:absolute;top:50%;z-index:1;display:none;align-items:center;justify-content:center;width:61px;height:60px;margin-top:-30px;padding:0;border:0;border-radius:30px;background:var(--hp-color-bg);color:var(--hp-color-accent);box-shadow:var(--hp-shadow);cursor:pointer;transition:background-color .2s ease}.hp .hp-popup__arrow:hover{background:var(--hp-color-light-blue)}.hp .hp-popup__arrow:focus-visible{outline:2px solid var(--hp-color-accent);outline-offset:2px}.hp .hp-popup__arrow[hidden]{display:none}.hp .hp-popup__arrow--prev{left:12px}.hp .hp-popup__arrow--prev svg{transform:rotate(180deg)}.hp .hp-popup__support{max-width:643px;margin:32px auto 0;text-align:center}.hp .hp-popup__support-title{font-size:24px;line-height:36px;font-weight:500;letter-spacing:-.04em}.hp .hp-popup__support-text{margin-top:16px;font-size:16px;line-height:20px;font-weight:400;letter-spacing:-.16px}.hp .hp-popup__report{display:flex;flex-direction:column;gap:32px;margin-top:32px}.hp .hp-popup__report-list{width:100%;max-width:315px;margin:0 auto}.hp .hp-popup__report-title{margin-bottom:16px;font-size:22px;line-height:30px;font-weight:500;letter-spacing:-.04em;text-align:center}.hp .hp-popup__checks{display:flex;flex-direction:column;gap:12px}.hp .hp-popup__check{display:flex;align-items:center;gap:12px;font-size:16px;line-height:20px;font-weight:400;letter-spacing:-.16px}.hp .hp-popup__check-icon{display:flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#dae9f9}.hp .hp-popup__report-media{overflow:hidden;border-radius:20px;aspect-ratio:328 / 246}.hp .hp-popup__report-img{width:100%;height:100%;object-fit:cover}.hp .hp-popup__panels{display:grid;margin-top:32px}.hp .hp-popup__panel{grid-area:1 / 1;visibility:hidden}.hp .hp-popup__panel.is-active{visibility:visible}.hp .hp-popup__table{display:flex;flex-direction:column;gap:24px;max-width:1000px;margin:0 auto}.hp .hp-popup__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid var(--hp-color-stroke);font-size:16px;line-height:20px;font-weight:500;letter-spacing:-.04em}.hp .hp-popup__row--head{font-size:12px;line-height:16px;font-weight:400;letter-spacing:-.16px}.hp .hp-popup__row-name{max-width:162px}.hp .hp-popup__row-value{flex:none;text-align:right;white-space:nowrap}.hp .hp-popup__button{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin-top:32px;padding:0 20px;border-radius:32px;background:var(--hp-color-accent);color:var(--hp-color-surface);font-size:16px;line-height:20px;font-weight:600;letter-spacing:-.16px;text-decoration:none;transition:background-color .2s ease}.hp a.hp-popup__button,.hp a.hp-popup__button:visited{color:var(--hp-color-surface);text-decoration:none}.hp a.hp-popup__button:hover{background:var(--hp-color-accent-hover)}.hp a.hp-popup__button:focus-visible{outline:2px solid var(--hp-color-accent);outline-offset:3px}.hp .hp-popup__disclaimer{max-width:936px;margin:32px auto 0;font-size:16px;line-height:20px;font-weight:400;letter-spacing:-.04em;text-align:center;color:var(--hp-color-grey)}.hp-popup--guide{scrollbar-width:thin;scrollbar-color:rgba(29,29,31,.3) transparent}.hp-popup--guide::-webkit-scrollbar{display:block;width:8px}.hp-popup--guide::-webkit-scrollbar-thumb{border-radius:8px;background:#1d1d1f4d}.hp .hp-popup--guide .hp-popup__close{position:sticky;top:12px;right:auto;margin-left:auto;border-radius:50%;background:var(--hp-color-surface);box-shadow:0 2px 8px #1d1d1f1f}.hp .hp-popup--guide .hp-popup__intro{margin-top:8px}.hp .hp-popup__guide{display:flex;flex-direction:column;gap:16px;margin:24px 0 0;padding:0;list-style:none}.hp .hp-popup__guide-link{display:block;overflow:hidden;border-radius:12px;background:var(--hp-color-surface);box-shadow:0 8px 24px #1d1d1f14}.hp .hp-popup__guide-link:focus-visible{outline:2px solid var(--hp-color-accent);outline-offset:2px}.hp .hp-popup__guide-img{display:block;width:100%;height:auto}.hp .hp-popup__guide-hint{margin-top:12px;font-size:14px;line-height:18px;letter-spacing:-.14px;color:var(--hp-color-grey);text-align:center}.hp .hp-popup__guide-download{margin-top:24px}@media(min-width:768px){.hp .hp-popup--guide .hp-popup__close{top:24px;margin-top:calc(24px - var(--hp-popup-pad));margin-right:calc(24px - var(--hp-popup-pad))}.hp .hp-popup--guide .hp-popup__intro{margin-top:max(0px,calc(var(--hp-popup-pad) - 56px))}.hp .hp-popup__guide{gap:24px;max-width:1000px;margin:32px auto 0}.hp .hp-popup__guide-link{border-radius:20px}.hp .hp-popup__guide-hint{display:none}.hp .hp-popup__guide-download{margin:32px auto 0}.hp-popup{--hp-popup-pad: 48px;width:min(1160px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;border-radius:40px}.hp-popup__inner{padding:var(--hp-popup-pad)}.hp .hp-popup__close{top:40px;right:var(--hp-popup-pad)}.hp .hp-popup__intro{margin-top:0;gap:16px}.hp .hp-popup__eyebrow{margin-bottom:0;font-size:16px;line-height:20px;letter-spacing:-.16px}.hp .hp-popup__title{font-size:48px;line-height:58px;letter-spacing:-.04em}.hp .hp-popup__title--narrow{max-width:768px}.hp .hp-popup__text{margin-top:0;font-size:20px;line-height:30px}.hp .hp-popup__tabs{width:max-content;max-width:100%;margin:32px auto 0;padding:12px}.hp .hp-popup--trade .hp-popup__tabs{padding:12px}.hp .hp-popup__tab{flex:none;width:125px;min-width:0;height:44px;padding:12px;font-size:16px;line-height:20px}.hp .hp-popup__cards-wrap{margin-right:calc(-1 * var(--hp-popup-pad))}.hp .hp-popup__cards{margin-right:0;padding-left:25px;padding-right:var(--hp-popup-pad);scroll-padding-left:25px;scroll-padding-right:var(--hp-popup-pad)}.hp .hp-popup__card{min-height:412px}.hp .hp-popup__arrow{display:flex;left:min(895px,calc(100% - var(--hp-popup-pad) - 81px))}.hp .hp-popup__arrow--prev{left:12px}.hp .hp-popup__support-title{font-size:24px;line-height:32px}.hp .hp-popup__report{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:32px}.hp .hp-popup__report-list{flex:1 1 auto;width:auto;max-width:none;margin:0}.hp .hp-popup__report-title{margin-bottom:24px;font-size:24px;line-height:32px;text-align:left}.hp .hp-popup__checks{gap:16px}.hp .hp-popup__report-media{flex:none;width:549px;max-width:55%;aspect-ratio:549 / 370;border-radius:28px}.hp .hp-popup--plain .hp-popup__report{justify-content:center}.hp .hp-popup--plain .hp-popup__report-list{flex:0 1 auto}.hp .hp-popup__row{padding:12px;font-size:24px;line-height:32px}.hp .hp-popup__row--head{font-size:16px;line-height:20px}.hp .hp-popup__row-name{max-width:none}.hp .hp-popup__button{width:max-content;height:56px;margin:32px auto 0}.hp .hp-popup__disclaimer{font-size:20px;line-height:30px}}@media(min-width:1200px){.hp-popup{--hp-popup-pad: 80px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hp-popups.css.map */
