#pdrn-use-v2-s6cdd92{--use-ink: #14111a;--use-muted: #665967;--use-pink: #ec4899;--use-rose: #be185d;overflow:hidden;padding:clamp(64px,7vw,108px) 20px;background:radial-gradient(circle at 8% 8%,rgba(255,228,239,.92),transparent 34%),radial-gradient(circle at 92% 18%,rgba(255,244,250,.96),transparent 34%),linear-gradient(145deg,#fff,#fff4f8);color:var(--use-ink)}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__inner{width:min(1180px,100%);margin:0 auto}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__header{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:end;margin-bottom:clamp(34px,5vw,58px)}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__eyebrow{margin:0 0 14px;color:var(--use-rose);font-size:.82rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__heading{margin:0;color:var(--use-ink);font-family:var(--font-heading-family);font-size:clamp(2.55rem,5.8vw,6rem);line-height:.92;letter-spacing:-.07em}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__heading em{display:block;color:var(--use-pink);font-style:italic;font-weight:900}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__lede{margin:0;color:var(--use-muted);font-size:clamp(1.16rem,1.5vw,1.4rem);line-height:1.62}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(22px,4vw,48px);align-items:stretch}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__visual,#pdrn-use-v2-s6cdd92 .pdrn-use-v2__timeline{border:1px solid rgba(236,72,153,.14);border-radius:38px;background:#ffffffe0;box-shadow:0 28px 80px #be185d14}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__visual{position:relative;min-height:610px;overflow:hidden;padding:clamp(24px,4vw,42px)}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__map-title{position:relative;z-index:2;margin:0;color:var(--use-ink);font-family:var(--font-heading-family);font-size:clamp(1.92rem,3vw,3rem);line-height:1;letter-spacing:-.06em}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__night-scene{position:relative;min-height:390px;margin-top:28px;border:1px solid rgba(236,72,153,.12);border-radius:32px;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.96),transparent 28%),linear-gradient(180deg,#fffafb,#ffe4ef);overflow:hidden}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__moon{position:absolute;right:30px;top:28px;width:74px;height:74px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffffff 0 22%,transparent 23%),linear-gradient(145deg,#fff,#f9d6e6);box-shadow:0 16px 36px #be185d1f}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__skin-plate{position:absolute;left:50%;bottom:84px;width:min(74%,380px);height:120px;transform:translate(-50%) perspective(620px) rotateX(60deg);border-radius:999px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.92),transparent 28%),linear-gradient(145deg,#ffd9e8,#f6a8cb);box-shadow:0 30px 60px #be185d29,inset 0 0 0 12px #fff3}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__mask-gloss{position:absolute;left:50%;bottom:var(--bottom);width:min(var(--w),390px);height:var(--h);transform:translate(-50%) perspective(620px) rotateX(60deg);border-radius:999px;background:var(--bg);opacity:0;animation:pdrnUseLayer-s6cdd92 6s ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 18px 40px #be185d1a}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__sleep-drop{position:absolute;top:86px;left:var(--x);width:22px;height:22px;border-radius:999px;background:radial-gradient(circle at 32% 28%,#fff,#f472b6 42%,#be185d);box-shadow:0 0 0 10px #f472b621,0 18px 34px #be185d29;animation:pdrnUseDrop-s6cdd92 6s ease-in-out infinite;animation-delay:var(--delay)}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__chip{position:absolute;z-index:5;border-radius:999px;background:#ffffffdb;color:var(--use-rose);padding:10px 14px;font-size:.86rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 14px 30px #be185d1f}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__chip--one{left:24px;top:34px}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__chip--two{left:28px;bottom:34px}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__chip--three{right:28px;bottom:54px}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__visual-note{position:relative;z-index:2;margin:22px 0 0;border-radius:26px;background:#170b13;color:#ffffffc7;padding:clamp(18px,2.5vw,26px);font-size:clamp(1.08rem,1.22vw,1.2rem);line-height:1.48}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__visual-note strong{color:#fff}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__timeline{display:grid;gap:14px;padding:clamp(20px,3vw,32px)}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__step{display:grid;grid-template-columns:78px minmax(0,1fr);gap:18px;align-items:center;border:1px solid rgba(236,72,153,.12);border-radius:28px;background:radial-gradient(circle at 100% 0%,rgba(244,114,182,.12),transparent 40%),linear-gradient(145deg,#fff,#fff8fb);padding:clamp(16px,2vw,20px)}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__step-num{display:grid;place-items:center;width:78px;height:78px;border-radius:26px;background:linear-gradient(145deg,#170b13,#be185d);color:#fff;font-size:1.16rem;font-weight:950;letter-spacing:-.03em;box-shadow:0 16px 30px #be185d29}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__step h3{margin:0 0 7px;color:var(--use-ink);font-family:var(--font-heading-family);font-size:clamp(1.45rem,1.9vw,1.92rem);line-height:1;letter-spacing:-.05em}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__step p{margin:0;color:var(--use-muted);font-size:clamp(1.04rem,1.15vw,1.12rem);line-height:1.46}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__tip{margin:0;border-radius:22px;background:#ffffffd1;border:1px solid rgba(236,72,153,.1);padding:16px;color:var(--use-muted);font-size:1.02rem;line-height:1.42}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__tip strong{display:block;margin-bottom:5px;color:var(--use-ink)}@keyframes pdrnUseLayer-s6cdd92{0%,18%{opacity:0;transform:translate(-50%) perspective(620px) rotateX(60deg) translateY(-38px) scale(.92)}34%,76%{opacity:1;transform:translate(-50%) perspective(620px) rotateX(60deg) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) perspective(620px) rotateX(60deg) translateY(15px) scale(1.02)}}@keyframes pdrnUseDrop-s6cdd92{0%,12%{opacity:0;transform:translateY(-8px) scale(.75)}24%,46%{opacity:1;transform:translateY(112px) scale(1)}78%,to{opacity:0;transform:translateY(185px) scale(.55)}}@media(max-width:920px){#pdrn-use-v2-s6cdd92{padding:58px 16px}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__header,#pdrn-use-v2-s6cdd92 .pdrn-use-v2__grid{grid-template-columns:1fr}}@media(max-width:620px){#pdrn-use-v2-s6cdd92 .pdrn-use-v2__heading{font-size:clamp(3rem,14vw,4.5rem)}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__visual{min-height:610px}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__step{grid-template-columns:58px 1fr}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__step-num{width:58px;height:58px;border-radius:20px}#pdrn-use-v2-s6cdd92 .pdrn-use-v2__tips{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/section-df-pdrn-mask-how-to-use-v2.css.map */