.how-it-works__messages-desktop{max-width:370px;width:100%;position:absolute;top:24%;transform:translateY(-50%);right:150px;transition:height .6s ease-out;will-change:height}.how-it-works__messages-mobile{max-width:370px;margin-top:0 auto}.mood-message{max-width:370px;padding:16px;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mood-message__subtitle{color:#7f7f7f80;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:17px;font-style:normal;font-weight:600;line-height:129.412%}.mood-message__title{display:flex;align-items:center;gap:6px}.mood-message__title h2{color:#000;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:28px;font-style:normal;font-weight:700;line-height:121.429%;letter-spacing:.38px;margin:0!important}.mood-message__text{color:#7f7f7f80;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:13px;font-style:normal;font-weight:400;line-height:138.462%;letter-spacing:-.08px;margin:0!important}.text-message{max-width:290px;width:fit-content;padding:16px;background:#fff;border-radius:24px;opacity:.85;box-shadow:0 4px 16px #0000000f;margin-bottom:10px}.text-message__text{color:#000;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:17px;font-style:normal;font-weight:600;line-height:129.412%;letter-spacing:-.43px}.text-message--right{margin-left:auto;background:#007affb3}.text-message--right .text-message__text{color:#fff}.articles-message{display:flex;width:299px;padding:16px;flex-direction:column;justify-content:center;gap:10px;border-radius:24px;opacity:.85;background-color:#fff;box-shadow:0 4px 16px #0000000f;margin-bottom:20px}.articles-message img{width:76px;height:76px;object-fit:cover}.articles-message__wrapper{display:flex;gap:8px}.articles-message__content{padding-top:9.5px}.articles-message__badge{padding:2px 6px;gap:10px;border-radius:30px;color:#0009;text-align:right;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:13px;font-style:normal;font-weight:400;line-height:138.462%;letter-spacing:-.08px}.articles-message__title{color:#000;font-feature-settings:"liga" off,"clig" off;font-family:SF Pro;font-size:16px;font-style:normal;font-weight:600;line-height:131.25%;letter-spacing:-.31px}.articles-message__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;color:#0009;font-feature-settings:"liga" off,"clig" off;text-overflow:ellipsis;font-family:SF Pro;font-size:13px;font-style:normal;font-weight:400;line-height:138.462%;letter-spacing:-.08px}.articles-message--right{margin-left:auto}.how-it-works__messages-mobile{display:none}@media (width <= 1030px) and (width >= 769px){.messages-how-it-works{right:150px}.articles-message,.mood-message,.text-message{padding:12px}.articles-message__title{font-size:14px}.articles-message__text{font-size:12px}.articles-message__badge{font-size:11px}.articles-message img{width:60px;height:60px}.articles-message__content{padding-top:6px}.text-message__text{font-size:14px}.mood-message__title h2{font-size:24px}.mood-message__subtitle{font-size:15px}.mood-message__text{font-size:11px}.text-message,.articles-message,.mood-message{margin-bottom:8px}.messages-how-it-works{max-width:250px}.text-message,.articles-message{max-width:250px!important}}@media (width <= 992px){.messages-how-it-works{right:0}}@media (width <= 768px){.how-it-works__messages-desktop{display:none}.how-it-works__messages-mobile{display:block}}.how-it-works__messages-mobile{margin-top:35px}.how-it-works__messages-mobile .mood-message{max-width:280px}.how-it-works__messages-mobile>div{opacity:0;transform:translate(0);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.how-it-works__messages-mobile>div.visible{opacity:1;transform:translate(0) translateY(0)}@media (height <= 820px) and (width >= 768px){.articles-message,.mood-message{margin-bottom:10px}}@media (height <= 770px) and (width >= 768px){.text-message,.articles-message,.mood-message{padding:12px;margin-bottom:5px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/messages-how-it-works.css.map */