#hp-splash{display:none}html.hp-splash{overflow:hidden}html.hp-splash #hp-splash{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle at 50% 44%,#e6f6fb 0,#fff 62%);animation:hpSplashAway .4s 2.6s forwards}html.hp-splash-out #hp-splash{opacity:0;transform:scale(1.04);transition:opacity .4s ease,transform .4s ease;pointer-events:none}html.hp-splash .cp-portal,html.hp-splash .bottom-nav{visibility:hidden}.hp-splash__logo{position:relative;width:min(64vw,260px);aspect-ratio:1}.hp-splash__logo>i{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/cdn/shop/files/hp-splash-logo.png) center / contain no-repeat}html.hp-splash:not(.hp-splash-ready) #hp-splash i{animation-play-state:paused!important}.hp-splash__paw{clip-path:inset(0 0 30% 0);-webkit-mask:radial-gradient(8.6% 11.3% at 29.8% 36.5%,transparent 97%,#000 100%),radial-gradient(8.6% 11.2% at 41.9% 24.8%,transparent 97%,#000 100%),radial-gradient(8.8% 10.9% at 58% 24.6%,transparent 97%,#000 100%),radial-gradient(8.8% 10.9% at 70.1% 36.1%,transparent 97%,#000 100%);-webkit-mask-composite:source-in;mask:radial-gradient(8.6% 11.3% at 29.8% 36.5%,transparent 97%,#000 100%),radial-gradient(8.6% 11.2% at 41.9% 24.8%,transparent 97%,#000 100%),radial-gradient(8.8% 10.9% at 58% 24.6%,transparent 97%,#000 100%),radial-gradient(8.8% 10.9% at 70.1% 36.1%,transparent 97%,#000 100%);mask-composite:intersect;transform-origin:50% 52%;animation:hpPawIn .45s cubic-bezier(.34,1.56,.64,1) both}.hp-splash__toe{animation:hpToeIn .36s cubic-bezier(.34,1.56,.64,1) both}.hp-splash__toe--1{clip-path:ellipse(7.3% 10% at 29.8% 36.5%);transform-origin:29.8% 36.5%;animation-delay:.25s}.hp-splash__toe--2{clip-path:ellipse(7.3% 9.9% at 41.9% 24.8%);transform-origin:41.9% 24.8%;animation-delay:.33s}.hp-splash__toe--3{clip-path:ellipse(7.5% 9.6% at 58% 24.6%);transform-origin:58% 24.6%;animation-delay:.41s}.hp-splash__toe--4{clip-path:ellipse(7.5% 9.6% at 70.1% 36.1%);transform-origin:70.1% 36.1%;animation-delay:.49s}.hp-splash__word{clip-path:inset(74% 0 0 0);animation:hpWordIn .45s .55s cubic-bezier(.2,.8,.2,1) both}.hp-splash__dots{display:flex;gap:8px;animation:hpFadeIn .3s .8s both}.hp-splash__dots i{width:9px;height:9px;border-radius:50%;background:#8fd3e4;animation:hpDot .9s infinite ease-in-out}.hp-splash__dots i:nth-child(2){background:#f6a74f;animation-delay:.15s}.hp-splash__dots i:nth-child(3){animation-delay:.3s}@keyframes hpPawIn{0%{opacity:0;transform:scale(.55) translateY(18px)}to{opacity:1;transform:none}}@keyframes hpToeIn{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:none}}@keyframes hpWordIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hpDot{0%,80%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-7px);opacity:1}}@keyframes hpSplashAway{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){#hp-splash *,#hp-splash{animation-duration:.01s!important;animation-delay:0s!important}.hp-splash__dots{display:none!important}}#hp-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:2147483647;pointer-events:none;opacity:0;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#8fd3e4,#237f96);box-shadow:0 0 10px #fffc}html[dir=rtl] #hp-progress{transform-origin:100% 50%;background:linear-gradient(270deg,#8fd3e4,#237f96)}#hp-progress.hp-go{opacity:1;animation:hpProg 7s cubic-bezier(.08,.75,.2,1) forwards}@keyframes hpProg{0%{transform:scaleX(0)}12%{transform:scaleX(.4)}to{transform:scaleX(.93)}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}.bottom-nav{view-transition-name:hp-nav}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}html.hp-js .card__image img:not(.hp-in){opacity:0}html.hp-js .card__image img{transition:opacity .35s ease}html.hp-js .card__image figure:has(img:not(.hp-in)){background:linear-gradient(100deg,#fbf8f3 40%,#fff,#fbf8f3 60%) 0 0 / 220% 100%!important;animation:hpShimmer 1.2s linear infinite}@keyframes hpShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}a,button,summary,label{-webkit-tap-highlight-color:transparent}@media(hover:none){.button:not(.button--card):active,.hp-satc__btn:active,.hp-back:active{scale:.96}}.bottom-nav .hp-badge{position:absolute;z-index:2;top:1px;left:calc(50% + 3px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f6a74f;color:#1b3a42;font-size:10.5px;font-weight:800;line-height:18px;text-align:center;letter-spacing:0;box-shadow:0 0 0 2px #fff}html[dir=rtl] .bottom-nav .hp-badge{left:auto;right:calc(50% + 3px)}.bottom-nav .hp-badge[data-hp-count="0"]{display:none}.bottom-nav .hp-badge.hp-pop{animation:hpPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes hpPop{0%{transform:scale(.4)}60%{transform:scale(1.3)}to{transform:none}}.hp-satc{display:none}@media screen and (max-width:767px){.hp-satc{display:flex;position:fixed;z-index:6;left:10px;right:10px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 72px);align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:20px;background:#fffffff7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #003c4b29,0 0 0 1px #8fd3e480;opacity:0;visibility:hidden;transform:translateY(14px);transition:transform .25s ease,opacity .2s ease,visibility 0s .25s}html[dir=rtl] .hp-satc{padding:8px 16px 8px 8px}.hp-satc--on{opacity:1;visibility:visible;transform:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.hp-satc__info{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:1px}.hp-satc__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.3;color:#4f6f78}.hp-satc__price{font-size:15px;font-weight:800;line-height:1.3;color:#1f5d6c}.hp-satc__btn{flex:none;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:#f6a74f;color:#fff;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.01em;box-shadow:0 6px 14px #f6a64f47;cursor:pointer}.hp-satc__btn:disabled{background:#eef3f4;color:#8aa0a7;box-shadow:none}body.template-product .footer-sections{padding-bottom:160px}.cp-launcher-btn:not(.open),#marsello-widget-root .cp-launcher-btn:not(.open){display:none!important}.bottom-nav a.hp-nav-rewards{--hp-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='17' height='4.5' rx='1.5'/%3E%3Cpath d='M5.5 12.5V19a1.5 1.5 0 0 0 1.5 1.5h10a1.5 1.5 0 0 0 1.5-1.5v-6.5'/%3E%3Cpath d='M12 8v12.5'/%3E%3Cpath d='M12 8C10.5 5 7 4 6.5 6S9 8 12 8zM12 8c1.5-3 5-4 5.5-2S15 8 12 8z'/%3E%3C/svg%3E")}.bottom-nav a.hp-nav-rewards.hp-busy:before{animation:hpBreathe .8s ease-in-out infinite}.bottom-nav a{white-space:nowrap}}.hp-back{display:none}html.hp-app .header-column--left.hide-desktop{display:flex;align-items:center;gap:8px}html.hp-app .hp-back{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#eaf8fc;color:#237f96;cursor:pointer}.hp-back:before{content:"";width:18px;height:18px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") center / contain no-repeat}html[dir=rtl] .hp-back:before{transform:scaleX(-1)}html:has(drawer-component.open) .cp-launcher-btn{opacity:0!important;pointer-events:none!important}@media screen and (max-width:767px){body:not(:has(details[open]:not(main details,.footer-sections details))):not(:has(.menu-opening)):not(:has(.drawer.active)):not(:has(.header__menu-item[aria-expanded=true])) .bottom-nav{display:flex!important}html:has(drawer-component.open) .bottom-nav,html:has(drawer-component.open) .hp-satc{visibility:hidden!important}}html.hp-nav #hp-splash{animation:none}html.hp-nav.hp-leaving #hp-splash{animation:hpFadeIn .18s ease both}html.hp-nav:not(.hp-leaving) #hp-splash{animation:hpSplashAway .3s 1.4s forwards}html.hp-nav.hp-splash-out #hp-splash{transform:none;transition-duration:.3s}html.hp-nav .hp-splash__logo{width:min(52vw,210px);animation:hpBreathe 1.2s ease-in-out infinite}html.hp-nav .hp-splash__logo>i{animation:none!important}html.hp-nav .hp-splash__dots{animation:none}@keyframes hpBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}img[class*=ai-hero-slide-image-]{aspect-ratio:auto 7 / 3}@media screen and (max-width:749px){img[class*=ai-hero-slide-image-]{aspect-ratio:auto 16 / 9}}.header-grid toggletip-engine .menu-trigger{width:auto!important;min-width:2.4rem;padding-inline-start:calc(2.4rem + 8px)}.header-grid toggletip-engine .menu-trigger span{width:2.4rem;left:0;right:auto}html[dir=rtl] .header-grid toggletip-engine .menu-trigger span{left:auto;right:0}.header-grid toggletip-engine .menu-trigger:after{content:"Menu";content:"Menu" / "";display:block;font-family:inherit;font-size:14px;font-weight:700;line-height:2.4rem;letter-spacing:.02em;color:#f6a64f;white-space:nowrap}html[lang^=ar] .header-grid toggletip-engine .menu-trigger:after{content:"\627\644\642\627\626\645\629";content:"\627\644\642\627\626\645\629" / "";letter-spacing:0}.header-grid toggletip-engine .menu-trigger[open=true]:after{content:"Close";content:"Close" / ""}html[lang^=ar] .header-grid toggletip-engine .menu-trigger[open=true]:after{content:"\625\63a\644\627\642";content:"\625\63a\644\627\642" / ""}.header-grid toggletip-engine .menu-trigger[open=true]{transform:none}.header-grid toggletip-engine .menu-trigger[open=true] span:nth-of-type(1){transform:rotate(135deg)}.header-grid toggletip-engine .menu-trigger[open=true] span:nth-of-type(3){transform:rotate(45deg)}@media screen and (min-width:768px){.header-grid toggletip-engine .menu-trigger{min-width:28px;height:28px;padding-inline-start:38px}.header-grid toggletip-engine .menu-trigger span{width:28px}.header-grid toggletip-engine .menu-trigger:after{font-size:15px;line-height:28px}.header-grid>.header-column--right.hide-desktop .hp-lang{left:108px}html[dir=rtl] .header-grid>.header-column--right.hide-desktop .hp-lang{left:auto;right:108px}}@media screen and (min-width:750px){img[class*=ai-hero-slide-image-][width="1920"]{aspect-ratio:7 / 3;object-fit:cover;object-position:50% 45%}video[class*=ai-hero-video-]{object-position:50% 45%}}.facet__price-range .range--slider-container,#FacetsWrapper .facet__price-range .range--slider-container{display:none!important}@media screen and (max-width:1023px){#FacetsWrapper price-range.facet__price-range>.range--text-input-container:not(.hp-none){display:flex!important;flex-wrap:wrap;gap:10px;padding:4px 0 8px!important}#FacetsWrapper price-range .range--text-input-container .range--text-input{display:flex;flex:1 1 0}#FacetsWrapper price-range .range--reset-button-container{flex-basis:100%}}.template-index .collage--blocks-3>div:first-child .banner__wrapper:has(a[href*="/pages/cat-categories"]){background-image:url(hp-cat-banner-en.webp)!important}html[lang=ar] .template-index .collage--blocks-3>div:first-child .banner__wrapper:has(a[href*="/pages/cat-categories"]){background-image:url(hp-cat-banner-ar.webp)!important}@media screen and (max-width:749px){.template-index .collage--blocks-3>div:first-child .banner__wrapper:has(a[href*="/pages/cat-categories"]){background-image:url(hp-cat-banner-en-m.webp)!important}html[lang=ar] .template-index .collage--blocks-3>div:first-child .banner__wrapper:has(a[href*="/pages/cat-categories"]){background-image:url(hp-cat-banner-ar-m.webp)!important}}html[dir=rtl] :is(:is(.template-index,.template-page-dog-collection,.template-page-cat-collection,.template-page-bird-collection) .collage--large_left .banner__wrapper,.template-page-categories swiper-slide .banner__wrapper) .buttons__wrapper>a{transform:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23237f96' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='M11 6l-6 6 6 6'/%3E%3C/svg%3E")!important}html[dir=rtl] .template-index .collage--blocks-3>div:first-child .banner__wrapper .buttons__wrapper>a{background-image:none!important}html.hp-pop-open{overflow:hidden}.hp-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none}.hp-pop__backdrop{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:#0f37417a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;pointer-events:auto;cursor:pointer}.hp-pop__card{position:relative;width:min(480px,88vw,76vh);aspect-ratio:1 / 1;border-radius:28px;overflow:hidden;background:#7fd5f0;box-shadow:0 24px 60px #003c4b59;opacity:0;transform:translateY(18px) scale(.94);transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.4,.64,1);pointer-events:auto}.hp-pop--on .hp-pop__backdrop,.hp-pop--on .hp-pop__card{opacity:1}.hp-pop--on .hp-pop__card{transform:none}.hp-pop__link{display:block;width:100%;height:100%}.hp-pop__img{display:block;width:100%;height:100%;object-fit:cover}.hp-pop__close{position:absolute;top:12px;inset-inline-end:12px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fffffff2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23237f96' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center / 16px no-repeat;box-shadow:0 4px 14px #003c4b38;cursor:pointer;transition:transform .15s ease}.hp-pop:focus{outline:none}.hp-pop__close:hover{transform:scale(1.06)}.hp-pop__close:focus-visible{outline:3px solid #f6a74f;outline-offset:2px}.hp-pop__link:focus-visible{outline:3px solid #f6a74f;outline-offset:-3px;border-radius:28px}@media screen and (max-width:600px){.hp-pop__card{border-radius:24px}.hp-pop__close{top:10px;inset-inline-end:10px}}@media(prefers-reduced-motion:reduce){.hp-pop__card{transform:none;transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hp-app.css.map */