.custom-how-works{background-color:var(--how-works-background);color:var(--how-works-text)}.custom-how-works__header{text-align:center}.custom-how-works-header__title{display:flex;justify-content:center}.custom-how-works-header__title h2{margin-bottom:0;margin-top:0}@media screen and (max-width: 767px){.custom-how-works-header__title h2{font-size:1.5rem}}.custom-how-works__content{padding-top:2rem;padding-bottom:2rem}.custom-how-works__content-mobile{width:100%;max-width:46rem;margin:0 auto}.custom-how-works__content-mobile{width:100%;max-width:36rem;margin:0 auto}.custom-how-works-content-desktop__item-img-wrapper{max-width:48rem;margin:0 auto;position:relative}.custom-how-works-content-desktop__item-img-wrapper img{width:100%;height:auto}.custom-how-works-content-mobile__item-img-wrapper{position:relative;max-width:22rem;margin:0 auto}.custom-how-works-content-mobile__item-img-wrapper img{width:100%;height:auto}.custom-how-works__content-desktop{display:none}.custom-how-works__content-mobile{display:block}@media screen and (min-width: 601px){.custom-how-works__content-desktop{display:block}.custom-how-works__content-mobile{display:none}}.custom-how-works-content-desktop__item-img-point{position:absolute;width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--how-works-point-background);-webkit-animation-name:play_down;-moz-animation-name:play_down;animation-name:play_down;animation-duration:1.5s;animation-iteration-count:infinite;cursor:pointer}.custom-how-works-content-desktop__item-img-point{top:var(--image-point-top-desktop);left:var(--image-point-left-desktop)}.custom-how-works-content-mobile__item-img-point{position:absolute;width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--how-works-point-background);-webkit-animation-name:play_down;-moz-animation-name:play_down;animation-name:play_down;animation-duration:1.5s;animation-iteration-count:infinite;cursor:pointer}.custom-how-works-content-mobile__item-img-point{top:var(--image-point-top-mobile);left:var(--image-point-left-mobile)}.custom-how-works-content-desktop__item-img-point-popup{position:fixed;top:0;left:0;background-color:#ffffff90;height:100%;width:100%;z-index:11;visibility:hidden;opacity:0;transition:all .33s ease-in-out}.custom-how-works-content-desktop__item-img-point-popup.active{visibility:visible;opacity:1}.custom-how-works-content-desktop__item-img-point-popup-wrapper{position:relative;width:100%;height:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}.custom-how-works-content-desktop__item-img-point-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.custom-how-works-content-desktop__info-content{max-width:40%;max-height:70vh;overflow:auto;position:relative;width:100%;margin-top:-2rem;background-color:var(--how-works-point-popup-background);color:var(--how-works-point-popup-text);border:.1rem solid #000;border-radius:.75rem;padding:1rem}.custom-how-works-content-desktop__item-img-point-popup-close{position:absolute;top:.25rem;right:.25rem;cursor:pointer}.custom-how-works-content-desktop__item-img-point-popup-close svg{display:block;width:1.75rem;height:auto}.custom-how-works-content-desktop__info-img-wrapper{max-width:10rem;margin:0 auto}.custom-how-works-content-desktop__info-img-wrapper img{width:100%;height:auto}.custom-how-works-content-desktop__info-title,.custom-how-works-content-desktop__info-content-detail{text-align:center;margin-top:.5rem}.custom-how-works-content-desktop__info-content-detail p{margin-top:5rem}.custom-how-works-content-mobile__item-img-point-popup{position:fixed;top:0;left:0;background-color:#ffffff90;height:100%;width:100%;z-index:11;visibility:hidden;opacity:0;transition:all .33s ease-in-out}.custom-how-works-content-mobile__item-img-point-popup.active{visibility:visible;opacity:1}.custom-how-works-content-mobile__item-img-point-popup-wrapper{position:relative;width:100%;height:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}.custom-how-works-content-mobile__item-img-point-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.custom-how-works-content-mobile__info-content{max-width:65%;max-height:80vh;overflow:auto;position:relative;width:100%;margin-top:-2rem;background-color:var(--how-works-point-popup-background);color:var(--how-works-point-popup-text);border:.1rem solid #000;border-radius:.75rem;padding:1rem}.custom-how-works-content-mobile__item-img-point-popup-close{position:absolute;top:.25rem;right:.25rem;cursor:pointer}.custom-how-works-content-mobile__item-img-point-popup-close svg{display:block;width:1.75rem;height:auto}.custom-how-works-content-mobile__info-img-wrapper{max-width:8rem;margin:0 auto}.custom-how-works-content-mobile__info-img-wrapper img{width:100%;height:auto}.custom-how-works-content-mobile__info-title,.custom-how-works-content-mobile__info-content-detail{text-align:center;margin-top:.5rem}.custom-how-works-content-mobile__info-content-detail p{margin-top:0rem}@keyframes play_down{0%{box-shadow:0 0 0 3px var(--how-works-point-pulsing-color-semi)}50%{box-shadow:0 0 0 8px var(--how-works-point-pulsing-color)}to{box-shadow:0 0 0 3px var(--how-works-point-pulsing-color-semi)}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/custom-how-it-works.css.map */