.page-lp-v3sunscreen,.page-lp-v3sunscreen *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.page-lp-v3sunscreen{background:#f7e7ec;display:flex;justify-content:center;font-family:Hiragino Sans,Yu Gothic,sans-serif;padding:0;margin:0}.page-lp-v3sunscreen .phone{width:100%;max-width:480px;background:#fff;position:relative;overflow:hidden;box-shadow:0 0 40px #e6788c26}.page-lp-v3sunscreen .screen{display:none;position:relative;width:100%;margin:0;padding:0}.page-lp-v3sunscreen .screen.active{display:block;animation:lpV3sunscreenScreenIn .45s ease}@keyframes lpV3sunscreenScreenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.page-lp-v3sunscreen .screen.leaving{animation:lpV3sunscreenScreenOut .28s ease forwards}@keyframes lpV3sunscreenScreenOut{to{opacity:0;transform:translateY(-10px) scale(.99)}}.page-lp-v3sunscreen .screen img{width:100%;display:block;background:#fce7ee;min-height:60vh;margin:0}.page-lp-v3sunscreen .hotspot{position:absolute;cursor:pointer;border-radius:18px;transition:transform .12s ease;margin:0;padding:0}.page-lp-v3sunscreen .hotspot:active{transform:scale(.955)}.page-lp-v3sunscreen .hotspot.tapped{animation:lpV3sunscreenTapPop .3s ease}@keyframes lpV3sunscreenTapPop{0%{transform:scale(1)}40%{transform:scale(.94)}to{transform:scale(1)}}.page-lp-v3sunscreen .hotspot .flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:#f5768e47;box-shadow:0 0 0 3px #f5768e8c inset;opacity:0;pointer-events:none}.page-lp-v3sunscreen .hotspot.tapped .flash{animation:lpV3sunscreenFlashFade .34s ease}@keyframes lpV3sunscreenFlashFade{0%{opacity:0}25%{opacity:1}to{opacity:0}}.page-lp-v3sunscreen .ripple{position:absolute;border-radius:50%;background:#ffffffa6;transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:lpV3sunscreenRip .5s ease-out}@keyframes lpV3sunscreenRip{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.page-lp-v3sunscreen .cta{animation:lpV3sunscreenPulse 1.8s ease-in-out infinite}@keyframes lpV3sunscreenPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.page-lp-v3sunscreen .cta:active{animation:none;transform:scale(.96)}.page-lp-v3sunscreen .note{font-size:11px;color:#b58;text-align:center;padding:10px;line-height:1.6;background:#fff;margin:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/css-lp-v3sunscreen.css.map */