:root{--recommend-modal-edge-gap:var(--space-0) var(--space-20)}.recommend_vertical{display:flex;flex-direction:column}.recommend_modal_overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000}.recommend_modal_panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:375px;align-items:center;outline:0;border-radius:var(--border-radius-20);background:var(--color-bg-inverse);z-index:1001}.recommend_modal_panel .recommend_modal_header{display:flex;align-items:center;justify-content:flex-end;align-self:stretch;padding:var(--recommend-modal-edge-gap);margin:var(--space-20) 0 var(--space-12) 0;background:var(--color-bg-inverse)}.recommend_modal_panel .recommend_modal_content{display:flex;padding:var(--recommend-modal-edge-gap);gap:var(--space-16);align-self:stretch;background:var(--color-bg-inverse)}.recommend_modal_panel .recommend_modal_content .recommend_text_wrap{gap:10px;align-items:center;white-space:pre-line}.recommend_modal_panel .recommend_modal_content .recommend_text_wrap .recommend_title{color:var(--color-text-primary);text-align:center;font-size:var(--font-size-20);font-weight:var(--font-weight-sb);line-height:130%;white-space:pre-line}.recommend_modal_panel .recommend_modal_content .recommend_text_wrap .recommend_description{text-align:center;font-size:var(--font-size-16);font-weight:var(--font-weight-r);line-height:130%;color:var(--primitive-color-grey-600)}.recommend_modal_panel .recommend_modal_content .recommend_text_wrap .recommend_description.recommend_description_sm{font-size:var(--font-size-14)}.recommend_modal_panel .recommend_modal_content .recommend_image_wrap{padding:10px 0;display:flex;align-items:center;justify-content:center;align-self:stretch}.recommend_modal_panel .recommend_modal_content .recommend_image_wrap .recommend_image{width:161px;height:98px}.recommend_modal_panel .recommend_footer{align-items:center;align-self:stretch;padding:var(--recommend-modal-edge-gap);margin:28px 0;background:var(--color-bg-inverse)}.recommend_modal_panel .recommend_footer .recommend_navigate_btn{display:flex;align-self:stretch;height:48px;padding:0 var(--space-16);justify-content:center;align-items:center;gap:var(--space-8);border-radius:var(--border-radius-8);background:var(--primitive-color-primary);color:var(--color-text-inverse);font-size:var(--font-size-18);font-weight:var(--font-weight-m);line-height:normal}.recommend_modal_panel .recommend_footer .recommend_skip_text_wrap{display:flex;align-self:stretch;justify-content:center;align-items:center;height:48px}.recommend_modal_panel .recommend_footer .recommend_skip_text_wrap .recommend_skip_text{color:var(--color-text-primary);text-align:center;font-size:var(--font-size-16);font-weight:var(--font-weight-r);line-height:130%;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;cursor:pointer}@media screen and (max-width:768px){.recommend_modal_panel{top:auto;left:0;right:0;bottom:0;transform:none;width:auto;max-height:476px;border-radius:var(--border-radius-20) var(--border-radius-20) var(--border-radius-0) var(--border-radius-0);overflow:hidden;border-bottom:none;padding-bottom:max(env(safe-area-inset-bottom),0)}}.recommend_overlay-fade-enter-active,.recommend_overlay-fade-leave-active{transition:opacity .18s ease}.recommend_overlay-fade-enter-from,.recommend_overlay-fade-leave-to{opacity:0}.recommend_sheet-enter-active,.recommend_sheet-leave-active{transition:transform .22s ease,opacity .22s ease}@media screen and (min-width:769px){.recommend_sheet-enter-from,.recommend_sheet-leave-to{transform:translate(-50%,calc(-50% + 16px));opacity:0}}@media screen and (max-width:768px){.recommend_sheet-enter-from,.recommend_sheet-leave-to{transform:translateY(24px);opacity:0}}