@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}html{scroll-behavior:smooth}.hp-motion main :is(.hp-head,.hp-card,.hp-tile,.hp-benefit,.hp-review,.hpg-card,.hpg-steps>li){transition:opacity .6s cubic-bezier(.2,.7,.2,1) var(--hp-delay, 0ms),transform .6s cubic-bezier(.2,.7,.2,1) var(--hp-delay, 0ms)}.hp-motion main :is(.hp-head,.hp-card,.hp-tile,.hp-benefit,.hp-review,.hpg-card,.hpg-steps>li):not(.hp-in){opacity:0;transform:translateY(20px)}.hp-hero__slide img{animation:hp-drift 16s ease-in-out infinite alternate}.hp-hero__slide.is-active .hp-hero__copy>*{animation:hp-rise .7s cubic-bezier(.2,.7,.2,1) both}.hp-hero__slide.is-active .hp-hero__copy>:nth-child(2){animation-delay:.1s}.hp-hero__slide.is-active .hp-hero__copy>:nth-child(3){animation-delay:.2s}.hp-arrow{transition:background-color .2s,transform .2s}.hp-arrow:hover{transform:translateY(-50%) scale(1.08)}.hp-btn,.hps-btn,.hp-hero__cta,.hp-tab,.hps-choice,.hpp-choice label,.hpp-offer__code,.hph__icon,.hpt-line__remove{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s}.hps-btn:hover:not(:disabled),.hp-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #00000029}.hps-btn:active:not(:disabled),.hp-btn:active:not(:disabled),.hp-tab:active,.hps-choice:active:not(:disabled),.hpp-choice label:active{transform:scale(.97)}.hp-card__media,.hp-tile{transition:box-shadow .3s}.hp-card__media img,.hp-tile img{transition:opacity .4s,transform .7s cubic-bezier(.2,.7,.2,1)}.hp-tile__label{transition:padding-block-end .3s}@media(hover:hover){.hp-card:hover .hp-card__media,.hp-tile:hover{box-shadow:0 14px 34px #00000047}.hp-card:hover .hp-card__media img{transform:scale(1.05)}.hp-tile:hover img{transform:scale(1.07)}.hp-tile:hover .hp-tile__label{padding-block-end:20px}}.hp-benefit svg{transition:transform .3s}.hp-benefit:hover svg{transform:translateY(-3px) scale(1.08)}.hph{transition:box-shadow .25s}.hph.is-scrolled{box-shadow:0 6px 20px #0000001a}.hph__links>li>a,.hph__drop>summary{position:relative;transition:color .2s}.hph__links>li>a:after{content:"";position:absolute;inset:auto 0 6px;height:2px;background:var(--hp-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.hph__links>li>a:hover:after{transform:scaleX(1)}.hph__drop[open] .hph__menu,.hph__mobile[open] .hph__panel{animation:hp-drop .22s cubic-bezier(.2,.7,.2,1)}.hph__panel details[open]>ul{animation:hp-fade .2s ease-out}.hph__count.is-bumped{animation:hp-bump .4s cubic-bezier(.2,.7,.2,1)}.hpt-ann p{animation:hp-fade .45s ease-out}[role=tabpanel]:not([hidden]){animation:hp-fade .35s ease-out}.hpp-accordion[open] .hpp-accordion__body,.hpc-filter[open] .hpc-filter__menu{animation:hp-drop .22s ease-out}.hpp-accordion summary:after{transition:transform .25s}.hpp-accordion[open] summary:after{transform:rotate(180deg)}.hpp-gallery__thumb{transition:border-color .2s,transform .2s}.hpp-gallery__thumb:hover{transform:translateY(-2px)}.hpp-gallery__slide img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hps-whatsapp{transition:bottom .25s,transform .2s;animation:hp-rise .5s .6s cubic-bezier(.2,.7,.2,1) both}.hps-whatsapp:hover{transform:scale(1.08)}.hps-sheet,.hps-dialog{transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1),overlay .3s allow-discrete,display .3s allow-discrete}.hps-sheet{opacity:0;transform:translateY(100%)}.hps-sheet[open]{opacity:1;transform:none}.hps-dialog{opacity:0;transform:translateY(14px) scale(.97)}.hps-dialog[open]{opacity:1;transform:none}@starting-style{.hps-sheet[open]{opacity:0;transform:translateY(100%)}.hps-dialog[open]{opacity:0;transform:translateY(14px) scale(.97)}}.hps-sheet::backdrop,.hps-dialog::backdrop{background:#0000;transition:background-color .3s,overlay .3s allow-discrete,display .3s allow-discrete}.hps-sheet[open]::backdrop,.hps-dialog[open]::backdrop{background:#0009}@starting-style{.hps-sheet[open]::backdrop,.hps-dialog[open]::backdrop{background:#0000}}.hps-sheet__body>*{animation:hp-fade .3s ease-out}@media(min-width:750px){.hps-sheet,.hps-sheet[open]{transform:translate(100%)}.hps-sheet[open]{transform:none}@starting-style{.hps-sheet[open]{transform:translate(100%)}}}.is-loading{position:relative;color:transparent!important}.is-loading:after{content:"";position:absolute;inset:50% auto auto 50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid currentcolor;border-color:#70707a #70707a transparent;border-radius:50%;animation:hp-spin .7s linear infinite}.hps-added{animation:hp-bump .4s cubic-bezier(.2,.7,.2,1)}@keyframes hp-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes hp-fade{0%{opacity:0}}@keyframes hp-drop{0%{opacity:0;transform:translateY(-8px)}}@keyframes hp-drift{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes hp-bump{40%{transform:scale(1.25)}}@keyframes hp-spin{to{transform:rotate(360deg)}}}@media(prefers-reduced-motion:no-preference){.hp-benefit--fit svg{animation:hp-float 3s ease-in-out infinite}.hp-benefit--cotton svg{animation:hp-pulse 2.4s ease-in-out infinite}.hp-benefit--fabric svg{animation:hp-float 3.4s ease-in-out infinite reverse}.hp-benefit--print svg{animation:hp-pulse 2.8s ease-in-out infinite}.hp-benefit--shrink svg{animation:hp-sway 3.2s ease-in-out infinite}.hp-benefit--spark svg{animation:hp-sway 2.6s ease-in-out infinite}.hp-look-dark .hp-card,.hp-look-tabs .hp-card{transition:opacity .6s cubic-bezier(.2,.7,.2,1) var(--hp-delay, 0ms),transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}.hp-look-dark .hp-card.hp-in:hover,.hp-look-tabs .hp-card.hp-in:hover{transform:translateY(-4px)}.hp-tile.hp-in{transition:opacity .6s var(--hp-delay, 0ms),transform .5s cubic-bezier(.16,1,.3,1),box-shadow .3s}.hp-tile.hp-in:hover{transform:translateY(-4px)}@keyframes hp-float{50%{transform:translateY(-5px)}}@keyframes hp-pulse{50%{transform:scale(1.1)}}@keyframes hp-sway{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}}@media(prefers-reduced-motion:no-preference){.hps-sheet.hpd{transform:translate(100%)}.hps-sheet.hpd[open]{transform:none}@starting-style{.hps-sheet.hpd[open]{transform:translate(100%)}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hp-motion.css.map */
