/** Shopify CDN: Minification failed

Line 123:0 Unexpected "{"
Line 134:0 Expected "}" to go with "{"

**/
 .newsletter-container .newsletter__wrapper{padding:3rem 0;}
  .newsletter-container .newsletter-modal:before {
   content:"";
    width: 100%;
    height: 100%;
    background: rgb(var(--color-background));
    opacity: 0.7;
}
/*   .newsletter-content button.newsletter__button.button{  right: 0; top: 15px; bottom: 0;height:5rem;} */
   .newsletter-container .newsletter-modal:before {
      content: "";
    display: block;
    -webkit-transition: all linear .3s;
    transition: all linear .3s;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   }
   .newsletter-container .newsletter__button{margin-top:0;margin-left: -2px;}
   .newsletter-modal.text-center .newsletter__wrapper{text-align:center;}
   .newsletter-modal.text-start .newsletter__wrapper{text-align:left;}
   .newsletter-modal.text-end .newsletter__wrapper{text-align:right;}
   .newsletter-modal.text-endt .list-social{justify-content: right;}
   .newsletter-modal.text-start .list-social{justify-content: left;}
   .newsletter-modal.text-center .list-social{justify-content: center;}
   .newsletter-container .newsletter-modal .field__label{top: calc(1.3rem + var(--inputs-border-width));}
   .newsletter-container .newsletter-modal .field__input{    height: 5rem;}
   .newsletter-container .list-social{    display: flex; flex-wrap: wrap; margin-top: 0; justify-content: unset;}
    .newsletter-container {
      position: fixed;
    height: 100%;
    width: 100%;
    z-index: 16;
    top: 0;
    left: 0;
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    visibility: visible;
    margin: auto;
    height: 100%;
    width: 100%;
    transition: all linear .3s;
    }
    .newsletter-modal { padding: 40px; }
    .newsletter-modal .newsletter__wrapper > *:not(:last-child) { margin: 0 0 2rem; }
   .newsletter-content{margin:0 auto;}
    .newsletter-modal{
     display:flex;
    flex-wrap: wrap;
/*     padding: 45px 30px 30px; */
      padding:45px 30px 50px 30px;
    max-height: 80vh;
    max-width: 80vw;
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all linear .3s;
    z-index: 1;
    background-size: cover;
    background-position: center;
    border-radius: var(--DTRadius);
      overflow: hidden;}
  
  span.newsletter-container-overlay{   
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;}
  
   a.close-window.icon-button.close-icon{position:absolute; cursor: pointer;right: 15px;top: 15px;}
   a.close-window.icon-button.close-icon svg{    width: 2.4rem;  height: 2.4rem;}
  .newsletter-form__field-wrapper{display:flex;}

@media screen and (max-width: 576px) {
/*     .newsletter-content button.newsletter__button.button{    
    position: absolute; 
    right: 0;
    top: 0px;
    bottom: 0;}    
  */
   .newsletter-form__field-wrapper{display:block;}
  .newsletter-content button.newsletter__button.button{ margin-top:20px }
}

.newsletter-container .newsletter-modal .field__input {
    border-radius: var(--buttons-radius);
}
.newsletter-container .newsletter__button:not(:hover) {
     background: var(--gradient-base-accent-1);
    color: var(--gradient-background);
}
span.newsletter-container-overlay {
    background: var(--gradient-base-accent-1);
}
.newsletter-content {
    background: none;
}
@media screen and (min-width: 750px) {
  .newsletter-container .newsletter__button {
      position: absolute;
      right: 5px;
      left: auto;
      top: 4px;
      bottom: 0;
      height: 85%;
      min-height: 85%;
  }
}
@media screen and (max-width: 749px) {
{
  .newsletter-modal .newsletter-form__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .newsletter-modal .newsletter-form__field-wrapper .field {
      z-index: 0;
      margin-bottom: 15px;
  }
}