.newsletter-popup{position:fixed;bottom:var(--bysl-spacing-30);left:var(--bysl-spacing-30);z-index:1000;max-width:320px;width:100%;background:var(--bysl-color-background);border:1px solid var(--bysl-color-primary);box-shadow:0 4px 20px #00000026;opacity:0;transform:translateY(20px);transition:all .3s ease}.newsletter-popup--visible{opacity:1;transform:translateY(0)}.newsletter-popup__content{position:relative;padding:var(--bysl-spacing-40) var(--bysl-spacing-20);display:flex;flex-direction:column;gap:var(--bysl-spacing-20);background:var(--bysl-color-background)}.newsletter-popup__close{position:absolute;top:19.5px;right:18.5px;background:none;border:none;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--bysl-color-primary);transition:opacity .2s ease}.newsletter-popup__close:hover{opacity:var(--bysl-hover-opacity)}.newsletter-popup__close svg{width:100%;height:100%}.newsletter-popup__title{font-family:var(--bysl-font-family-primary);font-size:var(--bysl-font-size-sm);line-height:var(--bysl-line-height);color:var(--bysl-color-primary);margin:0;font-weight:var(--bysl-font-weight)}.newsletter-popup__title p{margin:0;font-size:var(--bysl-font-size-sm);line-height:var(--bysl-line-height);color:var(--bysl-color-primary);font-weight:var(--bysl-font-weight)}.newsletter-popup__title strong{font-weight:var(--bysl-font-weight-demibold);color:var(--bysl-color-primary)}.newsletter-popup__form{display:flex;flex-direction:column;gap:var(--bysl-spacing-20)}.newsletter-popup__input-group{display:flex;gap:0;align-items:center}.newsletter-popup__input{flex:1;height:36px;padding:0 var(--bysl-spacing-10);border:1px solid rgba(0,0,0,.1);background:var(--bysl-color-background);font-family:var(--bysl-font-family-primary);font-size:var(--bysl-font-size-xs);line-height:var(--bysl-line-height);color:var(--bysl-color-primary);outline:none;transition:border-color .2s ease}.newsletter-popup__input::placeholder{color:var(--bysl-color-primary-50);opacity:1}.newsletter-popup__input:focus{border-color:var(--bysl-color-primary)}.newsletter-popup__button{height:36px;padding:0 var(--bysl-spacing-mini-12);background:var(--bysl-color-primary);color:var(--bysl-color-background);border:none;cursor:pointer;font-family:var(--bysl-font-family-primary);font-size:var(--bysl-font-size-xs);line-height:var(--bysl-line-height);font-weight:var(--bysl-font-weight);white-space:nowrap;transition:background-color .2s ease}.newsletter-popup__button:hover{opacity:var(--bysl-hover-opacity)}.newsletter-popup__checkbox-group{display:flex;gap:0;align-items:flex-start;opacity:.5}.newsletter-popup__checkbox{width:15px;height:15px;border:1px solid var(--bysl-color-primary);background:var(--bysl-color-background);cursor:pointer;flex-shrink:0;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;box-sizing:border-box;min-width:15px;min-height:15px}.newsletter-popup__checkbox:checked{background:var(--bysl-color-background);border-color:var(--bysl-color-primary)}.newsletter-popup__checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--bysl-color-primary);border-radius:50%}.newsletter-popup__label{font-family:var(--bysl-font-family-primary);font-size:var(--bysl-font-size-xs);line-height:var(--bysl-line-height);color:var(--bysl-color-primary);cursor:pointer;margin:0}.newsletter-popup__link{color:var(--bysl-color-primary);text-decoration:underline;text-underline-position:from-font}.newsletter-popup__link:hover{opacity:var(--bysl-hover-opacity)}.newsletter-popup__success{padding:var(--bysl-spacing-20) 0;text-align:center}.newsletter-popup__success p{font-family:var(--bysl-font-family-primary);font-size:var(--bysl-font-size-sm);line-height:var(--bysl-line-height);color:var(--bysl-color-primary);margin:0;font-weight:var(--bysl-font-weight)}@media (max-width: var(--bysl-breakpoint-mobile)){.newsletter-popup{bottom:var(--bysl-spacing-15);left:var(--bysl-spacing-15);right:var(--bysl-spacing-15);max-width:none}.newsletter-popup__content{padding:var(--bysl-spacing-30) var(--bysl-spacing-15) var(--bysl-spacing-15);gap:var(--bysl-spacing-15)}.newsletter-popup__close{top:var(--bysl-spacing-15);right:var(--bysl-spacing-15)}.newsletter-popup__input-group{flex-direction:column;gap:var(--bysl-spacing-10)}.newsletter-popup__input,.newsletter-popup__button{width:100%;height:40px}.newsletter-popup__button{padding:0 var(--bysl-spacing-20)}}@media (max-width: var(--bysl-breakpoint-tablet)) and (min-width: 769px){.newsletter-popup{bottom:var(--bysl-spacing-20);left:var(--bysl-spacing-20);max-width:300px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.newsletter-popup--visible{animation:slideInUp .3s ease forwards}.newsletter-popup{z-index:9999}.newsletter-popup:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1;opacity:0;transition:opacity .3s ease}.newsletter-popup--visible:before{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/9/assets/newsletter-popup.css.map */