.how-to-use{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:clamp(8.75rem,6.201rem + 10.458vw,18.75rem)}.how-to-use__deco{position:absolute;left:clamp(12rem,-5.037rem + 35.447vw,37.5rem);margin-top:clamp(5rem,3.079rem + 3.997vw,7.875rem);width:clamp(22rem,7.469rem + 30.235vw,43.75rem);height:clamp(12rem,5.736rem + 13.032vw,21.375rem);pointer-events:none;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .4s ease-out,clip-path .8s ease-out}.how-to-use.is-animated .how-to-use__deco{opacity:1;clip-path:inset(0 0 0 0)}.how-to-use__description{color:#000;text-align:center;font-family:A-OTF UD Shin Go Con90 Pr6N,sans-serif;font-style:normal;font-weight:505;margin:0}.how-to-use__description--desktop{display:block;margin-top:clamp(4.063rem,1.347rem + 5.65vw,8.125rem);font-size:clamp(1rem,.332rem + 1.39vw,2rem);line-height:clamp(1.75rem,.582rem + 2.43vw,3.5rem);letter-spacing:clamp(.06rem,.02rem + .083vw,.12rem)}.how-to-use__description--mobile{display:none}.how-to-use__description-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.how-to-use__description-wrapper--desktop{display:flex}.how-to-use__description-wrapper--mobile{display:none}.how-to-use__line{position:absolute;pointer-events:none;z-index:0;left:calc(50% - 11px);transform:translate(-50%) scale(.8);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.how-to-use.is-animated .how-to-use__line{opacity:1;transform:translate(-50%) scale(1)}.how-to-use__description{position:relative;z-index:1}.how-to-use__description-emphasis{position:relative;display:inline-block;z-index:0}.how-to-use__line--desktop{width:clamp(27rem,8.961rem + 37.533vw,54rem);height:clamp(1.8rem,.597rem + 2.502vw,3.6rem);bottom:0}.how-to-use__line--mobile{display:none}.how-to-use__steps{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;max-width:clamp(43.75rem,22.875rem + 43.44vw,75rem);width:100%;margin-top:clamp(3.75rem,3rem + 1.56vw,4.875rem)}.how-to-use__step{display:flex;flex-direction:column;align-items:flex-start}.how-to-use__step-image{width:clamp(13.125rem,6.986rem + 12.78vw,22.125rem);aspect-ratio:354 / 295;height:auto;border-radius:clamp(1rem,.5rem + 1.04vw,1.75rem);overflow:hidden;position:relative}.how-to-use__step-image img{display:block}.how-to-use__step-photo{object-fit:cover;object-position:center}.how-to-use__step-image--catalog{background:#fff;box-shadow:0 10px 30px #1012180f;padding:clamp(1rem,.665rem + .7vw,1.5rem)}.how-to-use__catalog-label{color:#000;font-family:Inter,sans-serif;font-size:clamp(.75rem,.663rem + .18vw,.875rem);font-weight:700;letter-spacing:.02em;line-height:1.2;margin:0}.how-to-use__catalog-strip{display:grid;gap:clamp(.75rem,.415rem + .7vw,1.25rem);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(.625rem,.29rem + .7vw,1.125rem);width:100%}.how-to-use__product-card{background:linear-gradient(180deg,#fff,#fafafa);border:1px solid #d9dde6;border-radius:clamp(.75rem,.415rem + .7vw,1.25rem);min-width:0;padding:clamp(.5rem,.248rem + .52vw,.875rem);position:relative}.how-to-use__product-card--active{border:2px solid #2b2b2b;box-shadow:0 8px 20px #00000014}.how-to-use__product-card--peek{overflow:hidden}.how-to-use__product-badge{align-items:center;background:#fff;border:1px solid #d9dde6;border-radius:999px;color:#7a7a7a;display:inline-flex;font-family:Inter,sans-serif;font-size:clamp(.438rem,.353rem + .12vw,.5rem);font-weight:700;height:clamp(1.25rem,.915rem + .7vw,1.75rem);justify-content:center;left:clamp(.438rem,.186rem + .52vw,.813rem);line-height:1.05;position:absolute;top:clamp(.438rem,.186rem + .52vw,.813rem);width:clamp(1.25rem,.915rem + .7vw,1.75rem)}.how-to-use__product-image{height:clamp(6.4rem,4.39rem + 4.18vw,9.4rem);margin:clamp(.75rem,.415rem + .7vw,1.25rem) auto 0;object-fit:contain;transform:rotate(-11deg);width:100%}.how-to-use__product-info{margin-top:clamp(.25rem,.082rem + .35vw,.5rem)}.how-to-use__product-name,.how-to-use__product-meta,.how-to-use__product-price{color:#000;font-family:Inter,sans-serif;margin:0}.how-to-use__product-name{font-size:clamp(.75rem,.58rem + .18vw,.875rem);font-weight:700;line-height:1.35}.how-to-use__product-meta{font-size:clamp(.5rem,.415rem + .12vw,.563rem);font-weight:500;line-height:1.45;margin-top:.125rem}.how-to-use__product-price{font-size:clamp(.563rem,.478rem + .12vw,.625rem);font-weight:700;line-height:1.45;margin-top:clamp(.375rem,.29rem + .18vw,.5rem)}.how-to-use__product-help{align-items:center;background:#1f1f1f;border-radius:999px;bottom:clamp(.438rem,.186rem + .52vw,.813rem);color:#fff;display:inline-flex;font-family:Inter,sans-serif;font-size:clamp(.438rem,.353rem + .12vw,.5rem);font-weight:700;height:clamp(.875rem,.623rem + .52vw,1.25rem);justify-content:center;position:absolute;right:clamp(.438rem,.186rem + .52vw,.813rem);width:clamp(.875rem,.623rem + .52vw,1.25rem)}.how-to-use__step-image--editor{background:linear-gradient(180deg,#fbfbfb,#f1f1f1);box-shadow:0 10px 30px #1012180d}.how-to-use__editor-progress{align-items:center;background:#fff;display:grid;gap:clamp(.125rem,-.001rem + .26vw,.313rem);grid-template-columns:repeat(5,minmax(0,1fr));padding:clamp(.625rem,.29rem + .7vw,1rem) clamp(.625rem,.29rem + .7vw,1rem) 0}.how-to-use__editor-progress-item{color:#bababa;display:flex;flex-direction:column;gap:.125rem;position:relative;text-align:center}.how-to-use__editor-progress-item:not(:last-child):after{background:#dedede;content:"";height:1px;left:calc(50% + .875rem);position:absolute;right:calc(-50% + .125rem);top:.5rem}.how-to-use__editor-progress-item--done{color:#4dc66f}.how-to-use__editor-progress-item--done:after{background:#4dc66f}.how-to-use__editor-progress-dot{align-items:center;border:2px solid currentColor;border-radius:999px;display:inline-flex;height:clamp(1rem,.832rem + .35vw,1.25rem);justify-content:center;margin:0 auto;width:clamp(1rem,.832rem + .35vw,1.25rem)}.how-to-use__editor-progress-dot:before{color:currentColor;content:"\d7";font-family:Inter,sans-serif;font-size:clamp(.5rem,.415rem + .12vw,.563rem);font-weight:700}.how-to-use__editor-progress-item--done .how-to-use__editor-progress-dot:before{content:"\2713"}.how-to-use__editor-progress-text{font-family:A-OTF UD Shin Go Con90 Pr6N,sans-serif;font-size:clamp(.438rem,.269rem + .17vw,.563rem);font-weight:505;line-height:1.3;white-space:nowrap}.how-to-use__editor-stage{align-items:center;display:flex;height:calc(100% - clamp(2.25rem,1.079rem + 2.43vw,4rem));justify-content:center;overflow:hidden;position:relative}.how-to-use__editor-watermark{align-items:center;color:transparent;display:flex;flex-direction:column;font-family:A-OTF UD Shin Go Con90 Pr6N,sans-serif;font-weight:505;top:0;right:0;bottom:0;left:0;justify-content:center;line-height:.96;position:absolute;-webkit-text-stroke:1px rgba(23,23,23,.18)}.how-to-use__editor-watermark span:nth-child(1),.how-to-use__editor-watermark span:nth-child(2){font-size:clamp(2rem,1.247rem + 1.57vw,3.125rem);letter-spacing:.08em}.how-to-use__editor-watermark span:nth-child(3){color:#0000002e;font-size:clamp(.875rem,.54rem + .7vw,1.375rem);margin-top:clamp(.125rem,-.043rem + .35vw,.375rem);-webkit-text-stroke:0}.how-to-use__editor-bottle-shadow{background:radial-gradient(circle,#00000038,#00000005 65%,#0000);border-radius:50%;bottom:clamp(1.125rem,.707rem + .87vw,1.75rem);filter:blur(10px);height:clamp(2rem,1.414rem + 1.22vw,2.875rem);position:absolute;width:clamp(6rem,4.159rem + 3.83vw,8.75rem)}.how-to-use__editor-bottle-wrap{aspect-ratio:200 / 459;position:relative;transform:rotate(8deg);width:clamp(5rem,2.825rem + 4.53vw,8.25rem);z-index:1}.how-to-use__editor-bottle{height:100%;object-fit:contain;width:100%}.how-to-use__editor-label{align-items:center;background:radial-gradient(circle at 20% 20%,#fffc,#fff0 28%),linear-gradient(180deg,#bff9ff,#6fe5ec);border:2px solid #0ea6ce;border-radius:.875rem;box-shadow:0 6px 18px #0ea6ce2e;display:flex;flex-direction:column;top:40%;right:16%;bottom:14%;left:16%;justify-content:center;padding:.5rem .25rem;position:absolute}.how-to-use__editor-label:before,.how-to-use__editor-label:after{background:#0ea6ce80;border-radius:999px;content:"";height:.188rem;left:18%;position:absolute;right:18%}.how-to-use__editor-label:before{top:24%;transform:rotate(-16deg)}.how-to-use__editor-label:after{bottom:18%;transform:rotate(18deg)}.how-to-use__editor-label-main,.how-to-use__editor-label-sub{color:#ffe700;display:block;font-family:A-OTF UD Shin Go Con90 Pr6N,sans-serif;font-style:italic;font-weight:700;line-height:.95;position:relative;text-align:center;text-shadow:-1px 1px 0 #0a77b7,1px 1px 0 #0a77b7,1px -1px 0 #0a77b7,-1px -1px 0 #0a77b7;z-index:1}.how-to-use__editor-label-main{font-size:clamp(1rem,.749rem + .52vw,1.375rem)}.how-to-use__editor-label-sub{font-size:clamp(.625rem,.457rem + .35vw,.875rem);margin-top:.25rem}.how-to-use__step-image--shipping{background:linear-gradient(180deg,#fffaf7,#f8f5f1);box-shadow:0 10px 30px #1012180d}.how-to-use__shipping-person{background:linear-gradient(180deg,#fff,#f7f1eb);border-bottom-left-radius:2rem;height:40%;position:absolute;right:0;top:0;width:72%}.how-to-use__shipping-person:before,.how-to-use__shipping-person:after{background:linear-gradient(180deg,#fff,#f3ece4);border-radius:999px;content:"";position:absolute}.how-to-use__shipping-person:before{height:30%;left:-18%;top:28%;transform:rotate(-12deg);width:44%}.how-to-use__shipping-person:after{height:36%;right:-8%;top:24%;transform:rotate(10deg);width:30%}.how-to-use__shipping-box{background:linear-gradient(180deg,#bf8c60,#b17b4c);border-radius:0 0 1rem 1rem;bottom:1.125rem;box-shadow:0 14px 28px #734c2d33;height:42%;left:8%;position:absolute;right:8%}.how-to-use__shipping-flap{background:linear-gradient(180deg,#cf9d70,#ba8557);position:absolute;top:-26%}.how-to-use__shipping-flap--left{border-top-left-radius:.75rem;height:34%;left:-2%;transform:skewY(12deg) rotate(-8deg);width:38%}.how-to-use__shipping-flap--right{border-top-right-radius:.75rem;height:36%;right:-2%;transform:skewY(-12deg) rotate(8deg);width:42%}.how-to-use__shipping-grid{display:grid;gap:.375rem;grid-template-columns:repeat(4,1fr);inset:.875rem .875rem auto;position:absolute}.how-to-use__shipping-grid:before{background:repeating-linear-gradient(90deg,rgba(110,77,49,.7) 0 2px,transparent 2px calc(25% - 2px),rgba(110,77,49,.7) calc(25% - 2px) 25%),repeating-linear-gradient(0deg,rgba(110,77,49,.7) 0 2px,transparent 2px calc(50% - 2px),rgba(110,77,49,.7) calc(50% - 2px) 50%);bottom:-1.75rem;content:"";left:-.125rem;position:absolute;right:-.125rem;top:-.125rem}.how-to-use__shipping-cap{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#fff1a5,#dfc768 24%,#b78d2f 60%,#8c6f1d);border-radius:999px;position:relative;z-index:1}.how-to-use__shipping-cap:before{background:#ffffff59;border-radius:999px;content:"";height:24%;left:16%;position:absolute;top:16%;width:24%}.how-to-use__step-content{display:flex;flex-direction:column;align-items:flex-start}.how-to-use__step-title{color:#000;font-family:A-OTF UD Shin Go Con90 Pr6N,sans-serif;font-size:clamp(1.125rem,.539rem + 1.22vw,2rem);font-style:normal;font-weight:505;line-height:1.5;margin:0;margin-top:clamp(1rem,.375rem + 1.3vw,1.938rem);width:clamp(13.125rem,6.231rem + 14.34vw,23.438rem)}.how-to-use__step-text{color:#000;font-family:Inter,sans-serif;font-size:clamp(.875rem,.746rem + .529vw,1rem);font-style:normal;font-weight:400;line-height:clamp(1.25rem,.914rem + .7vw,1.75rem);letter-spacing:.035rem;margin:0;margin-top:clamp(.5rem,.164rem + .7vw,1rem);width:clamp(12.5rem,6.238rem + 13.03vw,21.875rem)}.how-to-use__arrow{display:flex;align-items:center;align-self:flex-start;margin-left:.625rem;margin-right:1.625rem;margin-top:clamp(4.188rem,2.247rem + 4.04vw,7.031rem)}.how-to-use__arrow-svg--horizontal{display:block;width:clamp(1.125rem,.582rem + 1.13vw,1.875rem);height:clamp(2.594rem,1.333rem + 2.63vw,4.375rem)}.how-to-use__arrow-svg--vertical{display:none}.how-to-use__arrow--1 .how-to-use__arrow-svg{opacity:.3}.how-to-use__arrow--2 .how-to-use__arrow-svg{opacity:.6}@media screen and (max-width:768px){.how-to-use__deco{margin-top:45px;width:clamp(22rem,9.619rem + 50.794vw,34rem);height:clamp(12rem,1.683rem + 42.328vw,22rem);left:clamp(1.25rem,-3.78rem + 20.635vw,6.125rem)}.how-to-use__description--desktop{display:none}.how-to-use__description--mobile{display:block;margin-top:clamp(2.5rem,.953rem + 6.35vw,4rem);font-size:clamp(1.25rem,.734rem + 2.116vw,1.75rem);line-height:clamp(2.25rem,.858rem + 5.71vw,3.6rem);letter-spacing:clamp(.075rem,.029rem + .19vw,.12rem)}.how-to-use__description-emphasis{padding:.05em .42em .02em}.how-to-use__description-emphasis-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;display:block;object-fit:fill;opacity:0;transform:scale(.85);transform-origin:center;transition:opacity .6s ease-out,transform .6s ease-out}.how-to-use__description-emphasis-text{position:relative;z-index:1}.how-to-use.is-animated .how-to-use__description-emphasis-bg{opacity:1;transform:scale(1);transition-delay:.2s}.how-to-use__description-wrapper--desktop{display:none}.how-to-use__description-wrapper--mobile{display:flex}.how-to-use__line--desktop{display:none}.how-to-use__line--mobile{display:block;width:clamp(21.6rem,12.314rem + 38.095vw,30.6rem);height:clamp(2.2rem,.962rem + 5.079vw,3.4rem);aspect-ratio:314.25 / 30.55;bottom:0;left:calc(50% - 4px)}.how-to-use__steps{flex-direction:column;align-items:center;padding:0 2.5rem;margin-top:3rem}.how-to-use__step{align-items:flex-start;width:clamp(19.375rem,7.381rem + 49.206vw,31rem)}.how-to-use__step-image{width:100%;max-width:clamp(19.375rem,7.381rem + 49.206vw,31rem);height:auto;aspect-ratio:350 / 294;border-radius:.938rem}.how-to-use__step-title{font-size:1.75rem;line-height:1.46;margin-top:1.5rem;width:100%}.how-to-use__step-text{margin-top:.75rem;width:100%}.how-to-use__catalog-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.how-to-use__product-card--peek{display:none}.how-to-use__editor-progress{gap:.125rem;padding-top:.75rem}.how-to-use__editor-progress-item:not(:last-child):after{left:calc(50% + .75rem);right:calc(-50% + .25rem)}.how-to-use__editor-progress-text{font-size:.4375rem}.how-to-use__editor-bottle-wrap{width:clamp(6.25rem,2.895rem + 13.756vw,9.5rem)}.how-to-use__shipping-person{width:78%}.how-to-use__shipping-box{bottom:.875rem;left:6%;right:6%}.how-to-use__arrow{justify-content:center;align-self:center;margin-left:0;margin-right:0;margin-top:1.5rem;margin-bottom:1.5rem}.how-to-use__arrow-svg--horizontal{display:none}.how-to-use__arrow-svg--vertical{display:block;width:6.5rem;height:1.875rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-how-to-use.css.map */