newsletter-modal{display:contents}.newsletter-modal__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;box-shadow:var(--shadow-popover, 0 16px 40px rgba(0, 0, 0, .2));border:var(--style-border-popover, 1px solid rgb(var(--color-border) / .2));border-radius:var(--style-border-radius-popover, 16px);background-color:var(--color-background, #ffffff);color:rgb(var(--color-foreground, 31 31 31));padding:0;width:min(720px,calc(100vw - 32px));max-width:min(720px,calc(100vw - 32px));max-height:min(90vh,750px);height:fit-content;overflow:hidden;z-index:1000}.newsletter-modal__dialog::backdrop{background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modalBackdropFadeIn .25s ease forwards}.newsletter-modal__dialog[open]{animation:modalSlideInTop var(--animation-speed, .3s) var(--animation-easing, cubic-bezier(.16, 1, .3, 1)) forwards}.newsletter-modal__dialog.dialog-closing{animation:modalSlideOutTop var(--animation-speed, .25s) var(--animation-easing, cubic-bezier(.16, 1, .3, 1)) forwards}.newsletter-modal__dialog--text-only{width:min(480px,calc(100vw - 32px));max-width:min(480px,calc(100vw - 32px))}.newsletter-modal__close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-background, #ffffff);border:1px solid rgb(var(--color-border) / .25);color:rgb(var(--color-foreground));cursor:pointer;opacity:.9;transition:all .2s ease;z-index:10;padding:0;box-shadow:0 2px 6px #0000001a}.newsletter-modal__close:hover{opacity:1;transform:scale(1.08)}.newsletter-modal__close svg{width:14px;height:14px}.newsletter-modal__grid{display:flex;flex-direction:column;max-height:min(90vh,750px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.newsletter-modal__grid--image_left .newsletter-modal__media,.newsletter-modal__grid--image_right .newsletter-modal__content{order:-1}@media screen and (max-width:749px){.newsletter-modal__grid--image_right .newsletter-modal__content{order:0}}.newsletter-modal__media{width:100%;position:relative;overflow:hidden}.newsletter-modal__frame-regular{position:relative;width:100%;overflow:hidden}.newsletter-modal__frame-regular img,.newsletter-modal__frame-regular .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.newsletter-modal__frame-regular .placeholder-svg{background:rgb(var(--color-border) / .15)}.newsletter-modal__content{padding:32px 28px 28px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overflow-x:hidden}.newsletter-modal__heading{margin:0;font-family:var(--font-heading--family, inherit);font-weight:var(--font-heading--weight, 600);line-height:1.2;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.newsletter-modal__heading.h2{font-size:clamp(22px,3.8vw,30px)}.newsletter-modal__heading.h3{font-size:clamp(19px,3vw,24px)}.newsletter-modal__heading.h4{font-size:clamp(17px,2.4vw,20px)}.newsletter-modal__heading.paragraph{font-size:15px;font-weight:500}.newsletter-modal__body{font-family:var(--font-body--family, inherit);font-size:14px;line-height:1.5;color:rgb(var(--color-foreground) / .82)}.newsletter-modal__body p{margin:0}.newsletter-modal__body p+p{margin-top:6px}.newsletter-modal__form-wrap{margin-top:2px}.newsletter-modal__form-wrap .email-signup-block{width:100%;min-width:unset}.newsletter-modal__form-wrap .email-signup__form{margin:0}.newsletter-modal__form-wrap .email-signup__input-group{position:relative;display:flex;align-items:center;width:100%;border-radius:var(--border-radius, 100px);border:var(--border-width, 1px) solid rgb(var(--color-border) / .5);background:var(--color-background, #ffffff);transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden}.newsletter-modal__form-wrap .email-signup__input-group:focus-within{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.newsletter-modal__form-wrap .email-signup__input-group--underline{border-left:none!important;border-right:none!important;border-top:none!important;border-radius:0!important;border-bottom:var(--border-width, 1px) solid rgb(var(--color-border) / .8)!important}.newsletter-modal__form-wrap .email-signup__input-group--underline:focus-within{border-bottom-color:rgb(var(--color-foreground))!important;box-shadow:0 1px rgb(var(--color-foreground))!important}.newsletter-modal__form-wrap .email-signup__input-group--no-border{border:none!important;box-shadow:none!important;background:rgb(var(--color-foreground) / .05)}.newsletter-modal__form-wrap .email-signup__input{flex:1;padding:11px 16px;background:transparent;border:none;font-family:var(--font-body--family, inherit);font-size:14px;color:rgb(var(--color-foreground));outline:none}.newsletter-modal__form-wrap .email-signup__button{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;background:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;transition:transform .2s ease,color .2s ease,background-color .2s ease;font-family:var(--font-body--family, inherit);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.newsletter-modal__form-wrap .email-signup__button.button{background:rgb(var(--color-foreground));color:var(--color-background);border-radius:var(--border-radius, 100px);margin:3px;padding:8px 18px}.newsletter-modal__form-wrap .email-signup__button.button:hover{opacity:.9}.newsletter-modal__form-wrap .email-signup__button-icon{width:18px;height:18px;stroke:currentColor;transition:transform .2s ease}.newsletter-modal__form-wrap .email-signup__button:hover .email-signup__button-icon{transform:translate(4px)}.newsletter-modal__form-wrap .email-signup__message{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:13px;color:rgb(var(--color-foreground))}.newsletter-modal__form-wrap .email-signup__message .icon-error{width:16px;height:16px;color:#dc3545}.newsletter-modal__form-wrap .email-signup__message .icon-success{width:16px;height:16px;color:#28a745}.newsletter-modal__coupons-wrap{margin-top:4px;display:flex;flex-direction:column;gap:10px;width:100%}.newsletter-modal__coupons-heading{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgb(var(--color-foreground) / .65);text-align:left;margin-bottom:2px}.newsletter-modal__coupons-heading:after{content:"";flex:1;height:1px;background:rgb(var(--color-border) / .35)}.newsletter-modal__coupons-list{display:flex;flex-direction:column;gap:var(--newsletter-modal-coupon-gap, 10px);width:100%;padding:0;margin:0;box-sizing:border-box;overflow:visible}.newsletter-modal .ao-card--row,.newsletter-modal .newsletter-modal__ao-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0!important;margin-inline-start:0!important;margin-inline-end:0!important;margin-inline:0!important;border-radius:10px;padding:10px 16px;position:relative;box-sizing:border-box;background:var(--ao-bg, #edfadf);border:1px dashed var(--ao-border, #7ec846);transition:transform .2s ease,box-shadow .2s ease;text-align:left}.newsletter-modal .ao-card--row:first-child,.newsletter-modal .ao-card--row:last-child,.newsletter-modal .newsletter-modal__ao-card:first-child,.newsletter-modal .newsletter-modal__ao-card:last-child{margin:0!important;margin-inline-start:0!important;margin-inline-end:0!important}.newsletter-modal .ao-card--row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.newsletter-modal .ao-card--row.ao-card--info:hover{transform:none;box-shadow:none}.newsletter-modal .ao-card--row:before,.newsletter-modal .ao-card--row:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--color-background, #ffffff);top:50%;transform:translateY(-50%);z-index:2;border:1px dashed var(--ao-border, #7ec846);box-sizing:border-box}.newsletter-modal .ao-card--row:before{left:-8px;clip-path:inset(0 0 0 35% round 50%)}.newsletter-modal .ao-card--row:after{right:-8px;clip-path:inset(0 35% 0 0 round 50%)}.newsletter-modal .ao-card__left{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;flex:1;min-width:0}.newsletter-modal .ao-card-discount{font-family:var(--font-body--family, inherit);font-size:13px;font-weight:800;color:#000;line-height:1.25;text-align:left;margin:0}.newsletter-modal .ao-card-code-row{display:flex;align-items:center;gap:6px;text-align:left}.newsletter-modal .ao-card-code-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:700;letter-spacing:.06em;color:#000;line-height:1.2;text-align:left}.newsletter-modal .ao-card-desc{font-family:var(--font-body--family, inherit);font-size:11px;color:#555;margin:0;line-height:1.35;text-align:left;white-space:normal;word-break:break-word}.newsletter-modal .ao-card--info .ao-card__left>.ao-card-desc:only-child{font-size:13px;font-weight:700;color:#000}.newsletter-modal .ao-card__right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.newsletter-modal .ao-card-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;min-width:86px;width:auto;height:32px;box-sizing:border-box;border:1px dashed var(--ao-border, #7ec846);border-radius:999px;background:#ffffffd9;color:#000;font-family:var(--font-body--family, inherit);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer;outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.newsletter-modal .ao-card-chip:focus,.newsletter-modal .ao-card-chip:focus-visible,.newsletter-modal .ao-card-chip:active{outline:none!important;box-shadow:none!important}.newsletter-modal .ao-card-chip:hover{background:#fffffffa;transform:scale(1.03)}.newsletter-modal .ao-card-chip--static{cursor:default;border-style:solid;pointer-events:none;-webkit-user-select:none;user-select:none}.newsletter-modal .ao-card-chip--static:hover{background:#ffffffd9;transform:none}.newsletter-modal .ao-card-chip.is-copied{border:1px solid #000000!important;background:#000!important;color:#fff!important}.newsletter-modal .ao-card-chip.is-copied .ao-card-chip__icon{stroke:#fff}.newsletter-modal .ao-card-chip__icon{flex-shrink:0;pointer-events:none}@media screen and (min-width:750px){.newsletter-modal__grid--split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.newsletter-modal__grid--split .newsletter-modal__content{padding:32px 30px 30px;justify-content:center}.newsletter-modal__grid--split .newsletter-modal__media{display:flex;flex-direction:column;justify-content:center;padding:var(--padding-md, 16px);background:rgb(var(--color-foreground) / .03)}.newsletter-modal__grid--split .newsletter-modal__frame-regular{width:100%}}@media screen and (max-width:749px){.newsletter-modal__dialog{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:auto!important;width:min(440px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;height:auto!important;height:-moz-fit-content!important;height:-webkit-fit-content!important;height:fit-content!important;max-height:min(88vh,640px)!important;border-radius:14px!important;box-shadow:0 12px 35px #00000040!important}.newsletter-modal__dialog--text-only{width:min(400px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important}.newsletter-modal__grid{height:auto!important;max-height:min(88vh,640px);flex-grow:0}.newsletter-modal__media{width:100%;flex-shrink:0}.newsletter-modal__frame-regular{width:100%}.newsletter-modal__frame-regular img,.newsletter-modal__frame-regular .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.newsletter-modal__content{padding:16px;gap:10px;height:auto!important;flex:0 1 auto}.newsletter-modal__close{top:10px;right:10px;width:32px;height:32px;box-shadow:0 2px 8px #00000026}.newsletter-modal__heading.h2{font-size:20px}.newsletter-modal__heading.h3{font-size:18px}.newsletter-modal__heading.h4{font-size:16px}.newsletter-modal__body{font-size:13px}.newsletter-modal__coupons-wrap{gap:8px}.newsletter-modal__coupons-list{padding:0;margin:0;gap:var(--newsletter-modal-coupon-gap, 8px)}.newsletter-modal .ao-card--row,.newsletter-modal .newsletter-modal__ao-card{margin:0!important;margin-inline:0!important;padding:8px 12px;gap:8px;border-radius:8px}.newsletter-modal .ao-card-discount,.newsletter-modal .ao-card-code-text{font-size:12px}.newsletter-modal .ao-card-desc{font-size:10px}.newsletter-modal .ao-card--info .ao-card__left>.ao-card-desc:only-child{font-size:12px}.newsletter-modal .ao-card-chip{min-width:78px;height:30px;padding:0 10px;font-size:10px}.newsletter-modal .ao-card--row:before,.newsletter-modal .ao-card--row:after{width:12px;height:12px}.newsletter-modal .ao-card--row:before{left:-6px}.newsletter-modal .ao-card--row:after{right:-6px}}@keyframes modalSlideInTop{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOutTop{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(-6px)}}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/wbs-newsletter-modal.css.map */