.pb-liquids-howto{--pbht-visual-background: #bddef9;--pbht-background: #fff;--pbht-heading: #9f99d1;--pbht-accent: #ff7d6d;--pbht-text: #f0836f;--pbht-icon: #f0836f;--pbht-badge: #9f99d1;--pbht-badge-text: #f9f4ec;--pbht-dot: #f0836f;--pbht-scale-max: 1.15px;--pbht-u: min(calc(100vw / 402), var(--pbht-scale-max));--pbht-content-width: calc(402 * var(--pbht-u));--pbht-visual-pad: calc(31 * var(--pbht-u));--pbht-photo: calc(340 * var(--pbht-u));--pbht-photo-radius: calc(14 * var(--pbht-u));--pbht-photo-fill: #fff6e9;--pbht-zoom: 112;--pbht-shift: 2;--pbht-heading-top: calc(63 * var(--pbht-u));--pbht-heading-size: calc(28 * var(--pbht-u));--pbht-heading-leading: calc(40 * var(--pbht-u));--pbht-art-top: calc(5 * var(--pbht-u));--pbht-art-height: calc(154 * var(--pbht-u));--pbht-badge-size: calc(51.1687 * var(--pbht-u));--pbht-badge-gap: calc(5 * var(--pbht-u));--pbht-icon-column: calc(112.106 * var(--pbht-u));--pbht-art-width: calc(var(--pbht-badge-size) + var(--pbht-badge-gap) + var(--pbht-icon-column));--pbht-badge-shape: calc(45.9448 * var(--pbht-u));--pbht-badge-tilt: -6.95deg;--pbht-badge-text-size: calc(20 * var(--pbht-u));--pbht-badge-text-leading: calc(24 * var(--pbht-u));--pbht-badge-text-tilt: -10.3deg;--pbht-text-top: calc(7 * var(--pbht-u));--pbht-text-size: calc(16 * var(--pbht-u));--pbht-text-leading: calc(24 * var(--pbht-u));--pbht-text-width: calc(373 * var(--pbht-u));--pbht-dots-gap: calc(47 * var(--pbht-u));--pbht-dot-size: calc(10.3091 * var(--pbht-u));--pbht-dot-active-width: calc(30.9272 * var(--pbht-u));--pbht-dot-space: calc(7 * var(--pbht-u));--pbht-dot-rest-opacity: .4;--pbht-padding-bottom: calc(23 * var(--pbht-u));--pbht-swap-duration: .32s;--pbht-swap-ease: cubic-bezier(.22, .61, .36, 1);--pbht-font: "Neulis Neue", var(--font-body--family, sans-serif);font-family:var(--pbht-font)}.pb-liquids-howto :where(div,span,p,ol,li,h2,button){font-family:inherit!important}.pb-liquids-howto__heading :where(span,strong,b),.pb-liquids-howto__text :where(p,span,strong,b,em,a){font-size:inherit;line-height:inherit}.pb-liquids-howto__sprite{position:absolute;width:0;height:0;overflow:hidden}.pb-liquids-howto__panel{width:100vw;margin-inline:calc(50% - 50vw)}.pb-liquids-howto__visual{padding:var(--pbht-visual-pad);background-color:var(--pbht-visual-background)}.pb-liquids-howto__photo{position:relative;width:var(--pbht-photo);max-width:100%;aspect-ratio:1;margin-inline:auto;overflow:clip;border-radius:var(--pbht-photo-radius);background-color:var(--pbht-photo-fill)}.pb-liquids-howto__image{position:absolute;top:calc((100 - var(--pbht-zoom)) / 2 * 1% + var(--pbht-shift) * 1%);left:calc((100 - var(--pbht-zoom)) / 2 * 1%);display:block;width:calc(var(--pbht-zoom) * 1%);height:calc(var(--pbht-zoom) * 1%);max-width:none;object-fit:cover}.pb-liquids-howto__image--video{background-color:var(--pbht-photo-fill)}.pb-liquids-howto__content{background-color:var(--pbht-background)}.pb-liquids-howto__inner{width:100%;max-width:var(--pbht-content-width);margin-inline:auto;padding-block:var(--pbht-heading-top) var(--pbht-padding-bottom);color:var(--pbht-text)}.pb-liquids-howto__heading{margin:0;color:var(--pbht-heading);font-size:var(--pbht-heading-size);font-weight:600;line-height:var(--pbht-heading-leading);text-align:center}.pb-liquids-howto__heading strong,.pb-liquids-howto__heading b{color:var(--pbht-accent);font-weight:inherit}.pb-liquids-howto__track{display:flex;margin:var(--pbht-art-top) 0 0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;-webkit-overflow-scrolling:touch}.pb-liquids-howto__track::-webkit-scrollbar{display:none}.pb-liquids-howto__step{display:flex;flex:0 0 100%;flex-direction:column;align-items:center;margin:0;padding:0;scroll-snap-align:center;scroll-snap-stop:always}.pb-liquids-howto__art{position:relative;width:var(--pbht-art-width);height:var(--pbht-art-height)}.pb-liquids-howto__badge{position:absolute;top:calc(var(--pbht-badge-offset-raw, 12) * var(--pbht-u));left:0;display:block;width:var(--pbht-badge-size);height:var(--pbht-badge-size)}.pb-liquids-howto__badge-shape{position:absolute;top:50%;left:50%;display:block;width:var(--pbht-badge-shape);height:var(--pbht-badge-shape);color:var(--pbht-badge);transform:translate(-50%,-50%) rotate(var(--pbht-badge-tilt));fill:currentcolor}.pb-liquids-howto__badge-text{position:absolute;top:50%;left:50%;display:block;color:var(--pbht-badge-text);font-size:var(--pbht-badge-text-size);font-weight:700;line-height:var(--pbht-badge-text-leading);white-space:nowrap;transform:translate(-50%,-50%) rotate(var(--pbht-badge-text-tilt))}.pb-liquids-howto__icon{position:absolute;top:0;bottom:0;left:calc(var(--pbht-badge-size) + var(--pbht-badge-gap));display:flex;align-items:center;justify-content:flex-start;width:var(--pbht-icon-column)}.pb-liquids-howto__glyph{display:block;flex:none;color:var(--pbht-icon);fill:currentcolor}.pb-liquids-howto__glyph--bottle-open{width:calc(112.106 * var(--pbht-u));height:calc(132.181 * var(--pbht-u))}.pb-liquids-howto__glyph--bottle-twist{width:calc(93.43 * var(--pbht-u));height:calc(116.02 * var(--pbht-u));margin-left:calc(-8 * var(--pbht-u))}.pb-liquids-howto__glyph--pump{width:calc(43.59 * var(--pbht-u));height:calc(153.72 * var(--pbht-u));margin-left:calc(18 * var(--pbht-u))}.pb-liquids-howto__glyph--custom{width:auto;max-width:100%;height:100%;margin-inline:auto;object-fit:contain}.pb-liquids-howto__text{max-width:var(--pbht-text-width);margin:var(--pbht-text-top) auto 0;font-size:var(--pbht-text-size);font-weight:400;line-height:var(--pbht-text-leading);text-align:center}.pb-liquids-howto__text p{margin:0}.pb-liquids-howto__text strong,.pb-liquids-howto__text b{font-weight:600}.pb-liquids-howto__dots{display:flex;gap:var(--pbht-dot-space);align-items:center;justify-content:center;margin-top:var(--pbht-dots-gap)}.pb-liquids-howto__dot{width:var(--pbht-dot-size);height:var(--pbht-dot-size);padding:0;border:0;border-radius:calc(var(--pbht-dot-size) / 2);background-color:var(--pbht-dot);opacity:var(--pbht-dot-rest-opacity);cursor:pointer;transition:width var(--pbht-swap-duration) var(--pbht-swap-ease),opacity var(--pbht-swap-duration) var(--pbht-swap-ease);-webkit-tap-highlight-color:transparent}.pb-liquids-howto__dot[aria-current=true]{width:var(--pbht-dot-active-width);opacity:1;cursor:default}.pb-liquids-howto__dot:focus-visible{outline:2px solid var(--pbht-dot);outline-offset:3px}@media(prefers-reduced-motion:reduce){.pb-liquids-howto__dot{transition-duration:1ms}.pb-liquids-howto__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/360/assets/pb-liquids-howto.css.map */