.yuelu-contact-rail{display:contents}.yuelu-contact-rail__links{position:fixed;z-index:3;top:50%;right:max(20px,env(safe-area-inset-right));display:block;box-sizing:border-box;width:68px;padding:10px 7px;transform:translateY(-50%);border:1px solid #e7e0d6;border-radius:34px;background:#fff;color:#22231f;box-shadow:0 8px 28px #08182821,0 2px 7px #0818280d}.yuelu-contact-rail[hidden]{display:none}.yuelu-contact-rail__links{display:flex;flex-direction:column}.yuelu-contact-rail__link{position:relative;display:grid;place-items:center;box-sizing:border-box;width:52px;height:70px;flex:0 0 70px;border-radius:26px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,color .16s ease}.yuelu-contact-rail__back-to-top{position:fixed;z-index:3;right:max(28px,calc(env(safe-area-inset-right,0px) + 8px));bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 14px));width:52px;height:52px;padding:0;border:1px solid #e7e0d6;border-radius:50%;background:#fff;color:#22231f;box-shadow:0 8px 28px #08182821,0 2px 7px #0818280d;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.yuelu-contact-rail__back-to-top[hidden]{display:none}.yuelu-contact-rail__link+.yuelu-contact-rail__link:before{position:absolute;top:0;right:8px;left:8px;height:1px;background:#e7e5e0;content:"";pointer-events:none}.yuelu-contact-rail__link--whatsapp{color:#14b958}.yuelu-contact-rail__link:focus-visible{outline:2px solid #92713b;outline-offset:1px;background:#f7f4ee}.yuelu-contact-rail__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;pointer-events:none}.yuelu-contact-rail__icon svg{display:block;width:100%;height:100%}.yuelu-contact-rail__link--chat .yuelu-contact-rail__icon{width:26px;height:26px}.yuelu-contact-rail__tooltip{position:absolute;z-index:1;top:50%;right:calc(100% + 20px);display:flex;box-sizing:border-box;width:max-content;max-width:min(240px,calc(100vw - 112px));padding:12px 15px;flex-direction:column;gap:3px;transform:translate(-4px,-50%);visibility:hidden;border:1px solid #e7e0d6;border-radius:12px;background:#fff;color:#22231f;box-shadow:0 5px 20px #0818281a;font-family:var(--font-body-family, sans-serif);font-size:12px;font-style:normal;line-height:1.5;letter-spacing:.02em;text-align:left;overflow-wrap:anywhere;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s}.yuelu-contact-rail__tooltip strong{font-size:13px;font-weight:600}.yuelu-contact-rail__tooltip>span{color:#65645e}.yuelu-contact-rail__tooltip:after{position:absolute;top:0;right:-21px;bottom:0;width:21px;content:""}.yuelu-contact-rail__link:focus-visible .yuelu-contact-rail__tooltip{transform:translateY(-50%);visibility:visible;opacity:1;pointer-events:auto}@media(hover:hover){.yuelu-contact-rail__link:hover{background:#f7f4ee}.yuelu-contact-rail__link:hover .yuelu-contact-rail__tooltip{transform:translateY(-50%);visibility:visible;opacity:1;pointer-events:auto}}.yuelu-contact-rail[data-tooltip-dismissed] .yuelu-contact-rail__tooltip{visibility:hidden;opacity:0;pointer-events:none}@media screen and (max-width:749px){.yuelu-contact-rail__links{right:max(10px,env(safe-area-inset-right));width:52px;padding:9px 3px;border-radius:26px;box-shadow:0 5px 20px #0818281f,0 1px 4px #0818280a}.yuelu-contact-rail__link{width:44px;height:48px;flex-basis:48px;border-radius:22px}.yuelu-contact-rail__back-to-top{right:max(14px,calc(env(safe-area-inset-right,0px) + 4px));bottom:calc(max(var(--yuelu-back-to-top-offset, 0px),env(safe-area-inset-bottom,0px)) + 14px);width:44px;height:44px;border-radius:50%}.yuelu-contact-rail__link+.yuelu-contact-rail__link:before{right:7px;left:7px}.yuelu-contact-rail__icon{width:24px;height:24px}.yuelu-contact-rail__link--chat .yuelu-contact-rail__icon{width:23px;height:23px}.yuelu-contact-rail__tooltip{right:calc(100% + 14px);max-width:min(220px,calc(100vw - 92px));padding:10px 12px}.yuelu-contact-rail__tooltip:after{right:-15px;width:15px}}@media screen and (max-height:550px){.yuelu-contact-rail .yuelu-contact-rail__links{top:max(124px,calc((100% - var(--yuelu-back-to-top-offset, 0px) - 86px) / 2))}}@media screen and (max-width:749px)and (max-height:550px){.yuelu-contact-rail .yuelu-contact-rail__links{top:max(90px,calc((100% - var(--yuelu-back-to-top-offset, 0px) - 86px) / 2))}}@media screen and (max-width:749px)and (max-height:360px){.yuelu-contact-rail .yuelu-contact-rail__links{top:max(84px,calc((100% - var(--yuelu-back-to-top-offset, 0px) - 86px) / 2))}.yuelu-contact-rail .yuelu-contact-rail__link:not(.yuelu-contact-rail__back-to-top){height:44px;flex-basis:44px}}@media screen and (min-width:750px)and (max-height:360px){.yuelu-contact-rail .yuelu-contact-rail__link:not(.yuelu-contact-rail__back-to-top){height:52px;flex-basis:52px}}@media(prefers-reduced-motion:reduce){.yuelu-contact-rail__link,.yuelu-contact-rail__tooltip{transition:none}}@media print{.yuelu-contact-rail{display:none}}.yuelu-contact-rail__fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:inherit;color:inherit;text-decoration:none}.yuelu-contact-rail__fallback[hidden]{display:none}.yuelu-contact-rail__fallback-label{font:9px/1.1 var(--font-body-family, sans-serif)}.yuelu-contact-rail__fallback:focus-visible{outline:2px solid #92713b;outline-offset:1px}.yuelu-contact-rail__fallback:focus-visible .yuelu-contact-rail__tooltip{visibility:visible;opacity:1}html[data-yuelu-inbox-rail] shopify-chat{--shopify-chat-activator-font-size: 24px !important}.yuelu-contact-rail [data-inbox-slot]>[data-inbox-tooltip]{visibility:hidden;opacity:0;pointer-events:none}.yuelu-contact-rail[data-inbox-ready][data-inbox-tooltip-visible]:not([hidden]):not([data-tooltip-dismissed]) [data-inbox-slot]>[data-inbox-tooltip]{transform:translateY(-50%);visibility:visible;opacity:1;pointer-events:auto}html[data-yuelu-inbox-rail] shopify-chat::part(activator){position:fixed!important;inset:auto!important;top:var(--yuelu-inbox-y, 0px)!important;left:var(--yuelu-inbox-x, 0px)!important;z-index:4!important;box-sizing:border-box!important;width:var(--yuelu-inbox-width, 44px)!important;min-width:0!important;max-width:var(--yuelu-inbox-width, 44px)!important;height:var(--yuelu-inbox-height, 48px)!important;min-height:44px!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;border:0!important;border-radius:26px!important;background:#fff!important;color:#22231f!important;box-shadow:none!important;visibility:hidden!important;pointer-events:none!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent}html[data-yuelu-inbox-rail] shopify-chat[data-yuelu-rail-ready]:not([data-yuelu-rail-suppressed]):not([open])::part(activator){visibility:visible!important;pointer-events:auto!important}html[data-yuelu-inbox-rail] shopify-chat::part(activator):focus-visible{outline:2px solid #92713b!important;outline-offset:1px!important}@media(hover:hover){html[data-yuelu-inbox-rail] shopify-chat::part(activator):hover{background:#f7f4ee!important}}@media screen and (max-width:749px){html[data-yuelu-inbox-rail] shopify-chat{--shopify-chat-activator-font-size: calc(61px / 3) !important}html[data-yuelu-inbox-rail] shopify-chat::part(activator){border-radius:22px!important}}@media print{html[data-yuelu-inbox-rail] shopify-chat::part(activator){visibility:hidden!important;pointer-events:none!important}}.yuelu-contact-rail__inbox-visual{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none}.yuelu-contact-rail[data-inbox-visual-ready]:not([hidden]) .yuelu-contact-rail__inbox-visual{display:grid;place-items:center}.yuelu-contact-rail__inbox-glyph{position:relative;display:block;width:28px;height:28px}.yuelu-contact-rail__inbox-glyph svg{display:block;width:100%;height:100%}.yuelu-contact-rail__inbox-unread{position:absolute;box-sizing:content-box;top:-1px;right:-3px;display:none;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#22231f}.yuelu-contact-rail[data-inbox-unread] .yuelu-contact-rail__inbox-unread{display:block}.yuelu-contact-rail[data-inbox-activator-highlight] [data-inbox-slot]{background:#f7f4ee}html[data-yuelu-inbox-rail] shopify-chat[data-yuelu-rail-visual-ready]::part(activator){--shopify-chat-text-color: transparent !important;color:transparent!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media screen and (max-width:749px){.yuelu-contact-rail__inbox-glyph{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/yuelu-contact-rail.css.map */