.push-subscribe{z-index:10;bottom:calc(16px + var(--app-navbar-height));background-color:var(--Light-Base-0);border-radius:4px;align-items:center;gap:12px;max-width:328px;transition:width .15s ease-in-out;display:flex;position:fixed;left:16px;overflow:hidden;box-shadow:0 4px 12px #0000001f}@media screen and (width>=769px){.push-subscribe{gap:12px;max-width:fit-content;bottom:16px;left:28px}}.push-subscribe--has-agreement{bottom:76px}.push-subscribe--open{padding:12px 16px}@media screen and (width>=769px){.push-subscribe--open{padding:16px}}.push-subscribe--open .push-subscribe__icon-wrapper{background-color:var(--Light-BrandBlue-500);border-radius:50%;order:-1;width:36px;height:36px;padding:6px}.push-subscribe--open .push-subscribe__icon-wrapper--success{background-color:var(--Light-Green-600)}.push-subscribe--open .push-subscribe__icon-wrapper--fail{background-color:var(--Light-Red-500)}.push-subscribe--open .push-subscribe__icon{fill:var(--Light-Base-0);cursor:default}.push-subscribe--open .push-subscribe__wrapper{padding-top:10px;padding-bottom:10px}@media screen and (width>=769px){.push-subscribe--open .push-subscribe__wrapper{padding-top:0;padding-bottom:0}}.push-subscribe__icon-wrapper{color:inherit;background-color:#0000;border:0;padding:0;font-family:inherit}.push-subscribe__icon-wrapper:not(:disabled){cursor:pointer}.push-subscribe__icon-wrapper:focus-visible{border:none}.push-subscribe__icon-wrapper{justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:flex}@media screen and (width>=769px){.push-subscribe__icon-wrapper{padding:0}}.push-subscribe__icon{width:24px;height:24px;fill:var(--Light-BrandBlue-500);cursor:pointer;flex-shrink:0}.push-subscribe__wrapper{background-color:var(--Light-Base-0);flex-direction:column;gap:8px;display:flex}@media screen and (width>=769px){.push-subscribe__wrapper{flex-direction:row;gap:28px;padding-left:0;padding-right:48px}}.push-subscribe__icon-close{position:absolute;top:8px;right:8px}.push-subscribe__content{flex-direction:column;gap:8px;padding-right:20px;display:flex}@media screen and (width>=769px){.push-subscribe__content{gap:4px;padding-right:0}}.push-subscribe__title{font-size:15px;font-weight:500;line-height:22px}.push-subscribe__caption{color:var(--Light-Base-600);font-size:15px;font-weight:400;line-height:22px}.push-subscribe__controls{align-items:center;gap:10px;display:flex}.push-subscribe__btn{flex:0 auto;width:100%}@media screen and (width>=769px){.push-subscribe__btn{width:auto}}.push-subscribe-opacity-enter-active,.push-subscribe-opacity-leave-active{transition:opacity .15s ease-in-out}.push-subscribe-opacity-enter-from,.push-subscribe-opacity-leave-to{opacity:0}.push-subscribe-opacity-enter-active+.push-subscribe__icon-wrapper,.push-subscribe-opacity-leave-active+.push-subscribe__icon-wrapper{display:none}.push-subscribe-width-enter-active,.push-subscribe-width-leave-active{transition:width,height,padding,transform .15s}.push-subscribe-width-enter-from,.push-subscribe-width-leave-to{opacity:0;width:0;height:0;transform:translate(-100%)}
