:root{--button-outline-color: 0, 0, 0;--section-stack-gap: 1.5rem }.button{padding-left:.875rem;padding-right:.875rem;font-size:.875rem}.button-group--page-anchors>.button{background-color:#fff}.h2+:where(*){margin-top:1.5rem}:where(ol,ul).notes{font-size:.875rem;color:#505050}:where(ol,ul).notes>li{list-style-type:"\203b"}.how-to-steps{all:unset;display:flex;justify-content:space-between;max-width:calc(800 / 1120 * 100%);counter-reset:how-to-steps 0}.how-to-steps>.how-to-steps__i{all:unset;flex:0 0 28.875%;position:relative;counter-increment:how-to-steps}.how-to-steps>.how-to-steps__i:before{content:counter(how-to-steps);display:block;width:2rem;margin:0 auto .75rem;border-radius:50%;background-color:#ae944d;color:#fff;font-weight:600;line-height:2rem;text-align:center}.how-to-steps>.how-to-steps__i:not(:last-child):after{content:"";position:absolute;right:calc((54 / 2 + (16 / 2)) / 231 * -100%);top:0;width:calc(16 / 231 * 100%);margin-top:calc(218 / 231 * 100%);padding-top:calc(24 / 231 * 100%);background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTYgMjQiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xNC41NDczIDEwLjQ3NzhDMTUuNDg0MiAxMS4yNzY0IDE1LjQ4NDIgMTIuNzIzNiAxNC41NDczIDEzLjUyMjJMMy44ODA1NiAyMi42MTMyQzIuNTgyMSAyMy43MTk4IDAuNTgzMjUzIDIyLjc5NzEgMC41ODMyNTMgMjEuMDkxTDAuNTgzMjU0IDIuOTA5QzAuNTgzMjU0IDEuMjAyOTMgMi41ODIxMSAwLjI4MDE4NiAzLjg4MDU2IDEuMzg2ODNMMTQuNTQ3MyAxMC40Nzc4WiIgZmlsbD0iI0FFOTQ0RCIvPjwvc3ZnPg==) no-repeat center;background-size:100% auto}.how-to-steps>.how-to-steps__i>.how-to-steps__i__fig>.how-to-steps__i__fig__img{margin:auto}.how-to-steps>.how-to-steps__i>.how-to-steps__i__fig>.how-to-steps__i__fig__cap{margin-top:1rem}.how-to-steps>.how-to-steps__i>.how-to-steps__i__fig+:where(*){min-width:100%;margin-top:.5rem}.how-to-use{display:flex;justify-content:space-between;width:100%}.how-to-use>.how-to-use__i{flex:0 0 calc((1120 - 24 * 2) / 3 / 1120 * 100%)}.how-to-use>.how-to-use__i>img.how-to-use__i__f{width:100%}.how-to-use>.how-to-use__i>.how-to-use__i__t{margin-top:1rem}.notes-section{padding:1.5rem;background-color:#f4f4f4}.plans{display:flex;justify-content:space-between;width:100%}.plans>.plans__i{flex:0 0 calc(361 / 1120 * 100%);display:flex;flex-direction:column;position:relative;padding:1.5rem;border:1px solid #AE944D}.plans>.plans__i>.plans__i__t{margin-bottom:1rem;color:#ae944d;font-weight:600;text-align:center}.plans>.plans__i>.plans__i__t>.plans__i__t__s{position:absolute;left:50%;top:0;padding:0 1rem;border-radius:.8125rem;background-color:#ae944d;color:#fff;font-size:.75rem;font-style:unset;font-weight:400;line-height:1.625rem;white-space:nowrap;transform:translate(-50%,-50%)}.plans>.plans__i>.plans__i__d{flex:1 1 auto;display:flex;flex-direction:column;gap:1rem}.plans>.plans__i>.plans__i__d>.plans__i__d__i:last-child{margin-top:auto}.scenes{display:flex;justify-content:center;column-gap:1.5rem;width:100%;padding:1.5rem 0;border:1px solid #AE944D;background-color:#b4a7971a}.scenes>.scenes__i{flex:0 0 calc((1120 - 24 * 4) / 3 / 1120 * 100%)}.scenes>.scenes__i>img.scenes__i__f{width:100%}.scenes>.scenes__i>.scenes__i__t{margin-top:1rem;font-weight:600;text-align:center}.section-spacing+.section-spacing{padding-block-start:0}.step-body{display:flex;flex-direction:column;align-items:center;row-gap:2.5rem;width:100%;padding:2.5rem;background-color:#fff}.step-body>.step-body__h{display:flex;flex-direction:column;align-items:center;text-align:center}.step-body>.step-body__h>.step-body__h__idx{padding:0 .75rem;border-radius:.90625rem;background-color:#ae944d;color:#fff;line-height:1.8125rem;font-weight:600;text-transform:uppercase}.step-body>.step-body__h>.step-body__h__txt{margin:.5rem 0 .875rem;font-size:1.65rem;font-weight:600}.step-body>.step-body__h>.step-body__h__lead+:where(*){margin-top:.5rem}.step-body>.step-body__h2{display:flex;flex-direction:column;align-items:center;text-align:center}.step-body>.step-body__h2>.step-body__h2__txt{font-size:1.375rem;font-weight:600}.step-body>.step-body__h2>.step-body__h2__lead{margin-top:.375rem}.steps{display:flex;justify-content:center;column-gap:1.5rem;position:relative;margin:auto;line-height:1}.steps>.steps__i{flex:0 0 7.5rem;display:flex;flex-direction:column;position:relative;border:1px solid #AE944D}.steps>.steps__i>.steps__i__h{padding:.4375rem 0;background-color:#ae944d;color:#fff;font-weight:600;text-align:center;text-transform:uppercase}.steps>.steps__i>.steps__i__h>.steps__i__h__c{margin-bottom:.25rem;font-size:.625rem}.steps>.steps__i>.steps__i__h>.steps__i__h__d{font-size:1.125rem}.steps>.steps__i>.steps__i__b{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;padding:.625rem 0 .3125rem;font-size:.875rem;line-height:1.4;text-align:center}.steps>.steps__i>.steps__i__b:after{content:"";display:block;height:.5rem;margin-top:.375rem;background:url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" fill="none" width="{{ width | default: 18 }}" class="{{ class | strip }}" viewBox="0 0 18 16"><path d="m1 4 8 8 8-8" stroke="currentColor" stroke-linecap="square"/></svg>') center no-repeat;background-size:contain}@media screen and (max-width: 699px){.button-group--page-anchors :where(.button){background-color:#fff}.button-group--page-anchors>.button{width:100%}.button-group--page-anchors>.button .text-with-icon--page_anchor:before{content:none}.how-to-steps{flex-direction:column;justify-content:flex-start;row-gap:3.3125rem;max-width:none;width:100%}.how-to-steps>.how-to-steps__i{flex-basis:auto}.how-to-steps>.how-to-steps__i:not(:last-child):after{right:50%;top:100%;width:calc(24 / 319 * 100%);margin-top:calc((53 / 2 - 8) / 319 * 100%);padding-top:calc(16 / 319 * 100%);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNTIyMiAxNC42MzQ0QzEyLjcyMzYgMTUuNTcxMyAxMS4yNzY0IDE1LjU3MTMgMTAuNDc3OCAxNC42MzQ0TDEuMzg2ODMgMy45Njc3MkMwLjI4MDE4NyAyLjY2OTI2IDEuMjAyOTQgMC42NzA0MSAyLjkwOSAwLjY3MDQxTDIxLjA5MSAwLjY3MDQxMkMyMi43OTcxIDAuNjcwNDEyIDIzLjcxOTggMi42NjkyNyAyMi42MTMyIDMuOTY3NzJMMTMuNTIyMiAxNC42MzQ0WiIgZmlsbD0iI0FFOTQ0RCIvPjwvc3ZnPgo=);transform:translate(50%)}.how-to-steps>.how-to-steps__i>.how-to-steps__i__fig{text-align:center}.how-to-use{flex-direction:column;justify-content:flex-start;row-gap:1.5rem}.how-to-use>.how-to-use__i{flex-basis:auto}.how-to-use>.how-to-use__i>.how-to-use__i__t{margin-top:.5rem}.scenes{flex-direction:column;row-gap:1rem;padding:calc(24 / 319 * 100%)}.scenes>.scenes__i{flex-basis:auto}.scenes>.scenes__i>.scenes__i__t{margin-top:.5rem;font-size:.875rem}.step-body{row-gap:1.25rem;padding:calc(16 / (390 * .9) * 100%)}.step-body>.step-body__h>.step-body__h__txt{font-size:1.35rem}.step-body>.step-body__h2>.step-body__h2__txt{font-size:1.25rem}.step-body>.step-body__h2>.step-body__h2__lead{margin-top:.375rem}.steps{justify-content:space-between;column-gap:unset;width:100%}.steps>.steps__i{flex-basis:calc(109 / 351 * 100%)}.steps.steps--i4>.steps__i{flex-basis:calc(79 / 351 * 100%)}.steps.steps--i4>.steps__i>.steps__i__h{display:flex;flex-direction:column;justify-content:center;aspect-ratio:78.75/65.5}.steps.steps--i4>.steps__i>.steps__i__h:before{content:"";margin-bottom:auto}.steps.steps--i4>.steps__i>.steps__i__h:after{content:"";width:100%;height:.21875rem;margin-top:auto;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wLjM3NSAwLjQyMDQxTDMuODc1IDMuOTIwNDFMNy4zNzUgMC40MjA0MSIgc3Ryb2tlPSJ3aGl0ZSIvPjwvc3ZnPg==) no-repeat center;background-size:auto 100%}.steps.steps--i4>.steps__i>.steps__i__b{display:none}.plans{flex-direction:column;row-gap:1rem}.plans>.plans__i{flex-basis:auto;padding:calc(16 / 319 * 100%)}.plans>.plans__i>.plans__i__t{margin-bottom:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/how-to-use-water-base.css.map */
