slider-component:has(>.pdp-alarm){position:relative;isolation:isolate}.pdp-alarm{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.pdp-alarm__overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--alarm-bg, #F7F7F7);border-radius:var(--media-radius, 0);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.pdp-alarm.is-open .pdp-alarm__overlay{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease}.pdp-alarm__stage{position:absolute;top:50%;left:50%;width:537px;height:663px;transform:translate(-50%,-50%) scale(var(--alarm-scale, 1))}.pdp-alarm__play{position:absolute;right:1.6rem;bottom:1.6rem;z-index:2;display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.4rem;border:1px solid rgba(0,0,0,.08);border-radius:10rem;background:#fff;color:#121212;font-family:"LEMON MILK",var(--font-body-family);font-weight:300;font-style:normal;font-size:1.4rem;line-height:2.4rem;letter-spacing:.08rem;cursor:pointer;pointer-events:auto;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.pdp-alarm__play:hover{transform:scale(1.05);box-shadow:0 6px 25px #00000026}.pdp-alarm__play:active{transform:scale(.95)}.pdp-alarm__icon{flex-shrink:0}.pdp-alarm__icon--pause,.pdp-alarm__label--stop,.pdp-alarm.is-open .pdp-alarm__icon--play,.pdp-alarm.is-open .pdp-alarm__label--play{display:none}.pdp-alarm.is-open .pdp-alarm__icon--pause,.pdp-alarm.is-open .pdp-alarm__label--stop{display:inline}.pdp-alarm .alarm-animation{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pdp-alarm .alarm-trns-5{transition:all .5s ease}.pdp-alarm .alarm-trns-3{transition:all .3s ease}.pdp-alarm .alarm-main-body{line-height:0;position:relative;z-index:2;text-align:center;top:0}.pdp-alarm .alarm-part{display:block;max-width:none}.pdp-alarm .alarm-part[hidden]{display:none}.pdp-alarm--vertical .alarm-part{width:var(--alarm-device-size, 204px);height:auto;margin:0 auto}.pdp-alarm--vertical .alarm-part--first{position:relative;bottom:-2px;transform-origin:50% 100%}.pdp-alarm .alarm-birdie-rings{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pdp-alarm .alarm-birdie-ring{position:absolute;top:calc(50% - var(--alarm-device-size, 204px) * .06);left:calc(50% + var(--alarm-device-size, 204px) * .14);aspect-ratio:1;border:5px solid #ffffff;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.pdp-alarm--vertical.pdp-alarm--light-bg .alarm-birdie-ring{box-shadow:0 0 6px #0000002e,inset 0 0 6px #0000002e}.pdp-alarm .alarm-birdie-ring--1{width:calc(var(--alarm-device-size, 204px) * .99);z-index:2}.pdp-alarm .alarm-birdie-ring--2{width:calc(var(--alarm-device-size, 204px) * 1.45);z-index:1}.pdp-alarm .alarm-birdie-ring--3{width:calc(var(--alarm-device-size, 204px) * 1.87)}.pdp-alarm .alarm-animation.birdie-play .alarm-main-body{animation:pdp-birdie-frame 5.6s ease-in both}.pdp-alarm .alarm-animation.birdie-play .alarm-part--first{animation:pdp-birdie-lift 5.6s ease-in both}.pdp-alarm .alarm-animation.birdie-play .alarm-birdie-ring--1{animation:pdp-birdie-ring-1 5.6s ease-in both}.pdp-alarm .alarm-animation.birdie-play .alarm-birdie-ring--2{animation:pdp-birdie-ring-2 5.6s ease-in both}.pdp-alarm .alarm-animation.birdie-play .alarm-birdie-ring--3{animation:pdp-birdie-ring-3 5.6s ease-in both}@keyframes pdp-birdie-frame{0%,18.75%{transform:rotate(0)}27.6786%,91.0714%{transform:rotate(var(--alarm-rotate, 20deg))}99.1071%,to{transform:rotate(0)}}@keyframes pdp-birdie-lift{0%,18.75%{transform:scaleY(1)}27.6786%,91.0714%{transform:scaleY(calc(1 + var(--alarm-stretch, .13) / var(--alarm-top-ratio, .4)))}99.1071%,to{transform:scaleY(1)}}@keyframes pdp-birdie-ring-1{0%,31.25%{opacity:0;transform:translate(-50%,-50%) scale(1)}35.7143%,37.5%{opacity:1;transform:translate(-50%,-50%) scale(1)}44.6429%,58.9286%{opacity:1;transform:translate(-50%,-50%) scale(1.0822)}66.0714%{opacity:1;transform:translate(-50%,-50%) scale(1)}73.2143%,91.0714%{opacity:1;transform:translate(-50%,-50%) scale(1.0822)}96.4286%,to{opacity:0;transform:translate(-50%,-50%) scale(1.0822)}}@keyframes pdp-birdie-ring-2{0%,31.25%{opacity:0;transform:translate(-50%,-50%) scale(1)}35.7143%,44.6429%{opacity:1;transform:translate(-50%,-50%) scale(1)}51.7857%,58.9286%{opacity:1;transform:translate(-50%,-50%) scale(1.0562)}66.0714%,73.2143%{opacity:1;transform:translate(-50%,-50%) scale(1)}80.3571%,91.0714%{opacity:1;transform:translate(-50%,-50%) scale(1.0562)}96.4286%,to{opacity:0;transform:translate(-50%,-50%) scale(1.0562)}}@keyframes pdp-birdie-ring-3{0%,31.25%{opacity:0;transform:translate(-50%,-50%) scale(1)}35.7143%,51.7857%{opacity:1;transform:translate(-50%,-50%) scale(1)}58.9286%{opacity:1;transform:translate(-50%,-50%) scale(1.0936)}66.0714%,80.3571%{opacity:1;transform:translate(-50%,-50%) scale(1)}87.5%,91.0714%{opacity:1;transform:translate(-50%,-50%) scale(1.0936)}96.4286%,to{opacity:0;transform:translate(-50%,-50%) scale(1.0936)}}.pdp-alarm--horizontal .alarm-main-body{display:flex;align-items:center}.pdp-alarm--horizontal .alarm-part{width:auto;height:var(--alarm-device-size, 352px)}.pdp-alarm--horizontal .alarm-part-wrap{position:relative;display:block}.pdp-alarm--horizontal .alarm-part--second{position:relative;left:-2px}.pdp-alarm--horizontal .alarm-animation.box-open .alarm-part--second{transform:translate(calc(var(--alarm-device-size, 352px) * .08),calc(var(--alarm-device-size, 352px) * .03)) rotate(var(--alarm-rotate, 5deg))}.pdp-alarm .alarm-box-light{position:absolute;left:57%;top:31%;width:calc(var(--alarm-device-size, 352px) * .29);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 42%,#ffffffe6 56%,#fff0 70%);transform:translate(-50%,-50%);opacity:0}.pdp-alarm .alarm-animation.box-light .alarm-box-light{opacity:1}.pdp-alarm .alarm-box-rings{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pdp-alarm .alarm-box-ring{position:absolute;top:50%;left:50%;aspect-ratio:1;border:4px solid color-mix(in srgb,var(--alarm-bg, #F7F7F7),#ffffff 60%);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .5s ease,transform .5s ease}.pdp-alarm .alarm-box-ring--1{width:calc(var(--alarm-device-size, 352px) * 1.31);background:#ffffff4d}.pdp-alarm .alarm-box-ring--2{width:calc(var(--alarm-device-size, 352px) * 1.07);background:#ffffff4d}.pdp-alarm .alarm-box-ring--3{width:calc(var(--alarm-device-size, 352px) * .36);border-width:3px;border-color:#ececec}.pdp-alarm .alarm-animation.box-rings .alarm-box-ring{opacity:1;transform:translate(-50%,-50%) scale(1);transition-duration:.3s}.pdp-alarm--single{--alarm-disc: calc(var(--alarm-device-size, 320px) * var(--alarm-disc-scale, 100) / 100)}.pdp-alarm .alarm-disc-body{position:absolute;top:50%;left:50%;z-index:2;width:var(--alarm-device-size, 320px);line-height:0;transform:translate(-50%,-50%);transition:transform .5s ease}.pdp-alarm .alarm-disc-body .alarm-part{width:100%;height:auto}.pdp-alarm .alarm-animation.disc-press .alarm-disc-body{transform:translate(-50%,-50%) translate(calc(var(--alarm-disc) * .0106),calc(var(--alarm-disc) * .07)) rotate(var(--alarm-rotate, 6deg)) scale(.972)}.pdp-alarm .alarm-disc-light{position:absolute;left:calc(50% + var(--alarm-device-size, 320px) * var(--alarm-light-x, 0) / 100);top:calc(50% + var(--alarm-device-size, 320px) * var(--alarm-light-y, 0) / 100);width:calc(var(--alarm-disc) * .5);aspect-ratio:1;border:calc(var(--alarm-disc) * .018) solid #ffffff;border-radius:50%;background:#ffffff2e;box-shadow:0 0 calc(var(--alarm-disc) * .03) #fff,inset 0 0 calc(var(--alarm-disc) * .02) #fff;transform:translate(-50%,-50%);opacity:0;transition:opacity .45s ease}.pdp-alarm .alarm-animation.disc-light .alarm-disc-light{opacity:1}.pdp-alarm .alarm-disc-rings{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.pdp-alarm .alarm-disc-ring{position:absolute;left:calc(50% + var(--alarm-disc) * .0106 + var(--alarm-device-size, 320px) * var(--alarm-rings-x, 0) / 100);top:calc(50% + var(--alarm-disc) * .07 + var(--alarm-device-size, 320px) * var(--alarm-rings-y, 0) / 100);aspect-ratio:1;border:max(2px,calc(var(--alarm-disc) * .017)) solid color-mix(in srgb,var(--alarm-bg, #F7F7F7),#ffffff 60%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .45s ease}.pdp-alarm .alarm-disc-ring--1{width:calc(var(--alarm-disc) * 1.75);background:#ffffff4d}.pdp-alarm .alarm-disc-ring--2{width:calc(var(--alarm-disc) * 1.43);background:#ffffff4d}.pdp-alarm .alarm-animation.disc-rings .alarm-disc-ring{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/393/assets/pdp-alarm-animation.css.map */