@keyframes opacityFade{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes slideUp{0%{transform:translateY(2rem)}to{transform:translateY(0)}}.product-how-to-use{display:block;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--spacing-lg);color:var(--typography-primary-default);padding-block:var(--spacing-xxl)}.product-how-to-use .swiper-button-prev,.product-how-to-use .swiper-button-next{height:4rem;width:4rem;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;flex-shrink:0;border-radius:var(--border-radius-full);border-width:0;background-color:var(--action-button-inner-surface-default);color:var(--action-button-icon-default);z-index:var(--z-index-action);position:relative;cursor:pointer;outline:0 solid var(--action-button-outer-surface-default-hover);transition:color var(--motion-duration-standard) var(--motion-easing-standard),background-color var(--motion-duration-standard) var(--motion-easing-standard),outline var(--motion-duration-standard) var(--motion-easing-standard)}.product-how-to-use .swiper-button-prev:not(.swiper-button-disabled,.swiper-button-lock):hover,.product-how-to-use .swiper-button-next:not(.swiper-button-disabled,.swiper-button-lock):hover{background-color:var(--action-button-inner-surface-default-hover);color:var(--action-button-icon-default-hover);outline-width:.4rem}.product-how-to-use .swiper-button-prev:not(.swiper-button-disabled,.swiper-button-lock):focus-visible,.product-how-to-use .swiper-button-next:not(.swiper-button-disabled,.swiper-button-lock):focus-visible{outline:.2rem solid var(--action-button-inner-surface-focus);outline-offset:.2rem}.product-how-to-use .swiper-button-prev svg,.product-how-to-use .swiper-button-next svg{width:2.4rem;height:2.4rem}.product-how-to-use .swiper-button-disabled,.product-how-to-use .swiper-button-lock{background-color:var(--action-button-inner-surface-disabled);color:var(--action-button-icon-disabled);cursor:not-allowed;transition:background-color var(--motion-duration-standard) var(--motion-easing-standard)}.product-how-to-use .swiper-button-disabled .icon--chevron-left,.product-how-to-use .swiper-button-disabled .icon--chevron-right{color:var(--typography-primary-inverted-default);transition:color var(--motion-duration-standard) var(--motion-easing-standard)}.product-how-to-use .swiper-pagination{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-xs)}.product-how-to-use .swiper-pagination-bullet{width:1.6rem;height:.8rem;background-color:var(--surface-70);border:none;border-radius:var(--border-radius-sm);cursor:pointer;outline:0 solid transparent;transition:background-color var(--motion-duration-standard) var(--motion-easing-standard),width var(--motion-duration-standard) var(--motion-easing-standard),outline var(--motion-duration-standard) var(--motion-easing-standard)}.product-how-to-use .swiper-pagination-bullet:focus-visible{outline:.2rem solid var(--action-button-inner-surface-focus);outline-offset:.2rem}.product-how-to-use .swiper-pagination-bullet-active{width:3.2rem;background-color:var(--pagination-fill-active)}.product-how-to-use__heading-wrapper{text-align:center}.product-how-to-use__block-wrapper{max-width:100%}.product-how-to-use__block{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--spacing-lg)}.product-how-to-use__block p:not(.subtitle){font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);text-align:center}.product-how-to-use__block-image{font:0/0 a;color:transparent;text-shadow:none;display:block}.product-how-to-use__block-image img{display:block;width:100%;height:auto;aspect-ratio:1 / 1}@supports not (aspect-ratio: 1/1){.product-how-to-use__block-image img{position:relative;width:100%}.product-how-to-use__block-image img img{position:absolute}.product-how-to-use__block-image img:before{float:left;padding-top:100%;content:""}.product-how-to-use__block-image img:after{display:block;content:"";clear:both}}.product-how-to-use__controls{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) 0}.product-how-to-use__controls-text{font:0/0 a;color:transparent;text-shadow:none}.product-how-to-use__swiper-carousel{max-width:100%}@media (min-width: 1024px){.product-how-to-use__swiper-wrapper{gap:var(--spacing-lg)}.product-how-to-use__swiper-slide{flex:1;max-width:25%}.product-how-to-use__controls{display:none}}