.line-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility .25s ease}.line-popup.is-open{visibility:visible;opacity:1}.line-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000008c;border:0;padding:0;cursor:pointer}.line-popup__dialog{position:relative;width:100%;max-width:38rem;max-height:calc(100vh - 4rem);overflow-y:auto;background-color:rgb(var(--color-background));border-radius:1.2rem;box-shadow:0 1.2rem 4rem #00000047;text-align:center;transform:translateY(1.6rem) scale(.98);transition:transform .25s ease}.line-popup.is-open .line-popup__dialog{transform:translateY(0) scale(1)}.line-popup__close{position:absolute;top:.8rem;right:.8rem;z-index:2;width:3.2rem;height:3.2rem;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;background-color:#00000073;color:#fff;font-size:1.8rem;line-height:1}.line-popup__close:hover{background-color:#000000b3}.line-popup__image{display:block;width:100%;height:auto;border-radius:1.2rem 1.2rem 0 0}.line-popup__body{padding:2.2rem 2.4rem 2.4rem}.line-popup__heading{margin:0 0 .8rem;font-size:1.9rem;font-weight:700;line-height:1.45;color:rgb(var(--color-foreground));word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.line-popup__text{margin:0 0 1.8rem;font-size:1.4rem;line-height:1.7;color:rgba(var(--color-foreground),.75)}.line-popup__text>*:last-child{margin-bottom:0}.line-popup__cta{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.4rem 2rem;border-radius:999px;background-color:#06c755;color:#fff;font-size:1.55rem;font-weight:700;text-decoration:none;transition:background-color .2s ease}.line-popup__cta:hover{background-color:#05a948;color:#fff;text-decoration:none}.line-popup__cta .svg-wrapper{width:2.6rem;height:2.6rem;flex-shrink:0}.line-popup__dismiss{margin:1.4rem 0 0;padding:0;border:0;background:none;cursor:pointer;font-family:inherit;font-size:1.2rem;color:rgba(var(--color-foreground),.55);text-decoration:underline;text-underline-offset:.3rem}.line-popup__dismiss:hover{color:rgb(var(--color-foreground))}@media screen and (max-width:480px){.line-popup{align-items:flex-end;padding:1.2rem}.line-popup__dialog{max-width:none}.line-popup__heading{font-size:1.75rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-line-popup.css.map */