.floating-promo-banner{position:fixed;right:15px;bottom:15px;left:auto;z-index:80;display:block;width:min(100vw - 28px,344px);pointer-events:none}.floating-promo-banner.is-hidden,.floating-promo-banner.is-card-hidden .floating-promo-banner__card,.floating-promo-banner.is-card-hidden .floating-promo-banner__close{display:none}.floating-promo-banner.is-card-hidden .floating-promo-banner__newsletter{margin-top:0}.floating-promo-banner.is-card-closing .floating-promo-banner__card{animation:floatingPromoCardExit .36s cubic-bezier(.55,0,.1,1) forwards}.floating-promo-banner.is-card-closing .floating-promo-banner__close{pointer-events:none;animation:floatingPromoCloseExit .28s cubic-bezier(.55,0,.1,1) forwards}.floating-promo-banner.is-card-closing .floating-promo-banner__newsletter{margin-top:0}.floating-promo-banner,.floating-promo-banner *{box-sizing:border-box}.floating-promo-banner__shell{position:relative;width:100%;margin:0;color:var(--floating-promo-text);animation:floatingPromoShellEnter .72s cubic-bezier(.22,1,.36,1) .12s both;pointer-events:auto;transition:opacity .24s ease,transform .24s ease}.floating-promo-banner.is-modal-open .floating-promo-banner__shell,.floating-promo-banner:has(.floating-promo-modal.is-visible) .floating-promo-banner__shell{animation:none;opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}.floating-promo-banner__card{position:relative;min-height:80px;padding:8px;background:var(--floating-promo-card-bg);border-radius:4px;box-shadow:0 8px 18px #16211f1a;transform-origin:right bottom;animation:floatingPromoCardEnter .76s cubic-bezier(.22,1,.36,1) .22s both}.floating-promo-banner__card-inner{display:grid;grid-template-columns:minmax(0,25%) minmax(0,1fr);gap:14px;align-items:center;color:inherit;text-decoration:none}.floating-promo-banner__image{min-width:0;overflow:hidden;background:#e8e5df;border-radius:4px}.floating-promo-banner__image-fill{display:block}.floating-promo-banner__content{min-width:0;padding:8px 20px 8px 0;text-align:left}.floating-promo-banner__eyebrow,.floating-promo-banner__heading,.floating-promo-banner__note{margin:0;letter-spacing:0}.floating-promo-banner__eyebrow{color:var(--floating-promo-accent);font-family:var(--FONT-STACK-BODY);font-size:.68rem;font-weight:700;line-height:1.4;text-transform:uppercase}.floating-promo-banner__heading{display:block;margin-top:4px;color:inherit;font-family:var(--FONT-STACK-HEADING);font-size:1.35rem;font-weight:400;line-height:1.2}.floating-promo-banner__note{margin-top:7px;font-family:var(--FONT-STACK-BODY);font-size:.6rem;font-weight:500;line-height:1.65;opacity:.78}.floating-promo-banner__link-label{display:inline-flex;align-items:center;gap:9px;margin-top:9px;color:inherit;font-family:var(--FONT-STACK-BODY);font-size:.75rem;font-weight:500;line-height:1.2;border-bottom:1px solid rgba(48,64,62,.32)}.floating-promo-banner__arrow{position:relative;flex:0 0 auto;width:7px;height:7px}.floating-promo-banner__arrow:before{position:absolute;top:50%;right:0;width:100%;height:100%;border-top:2px solid currentColor;border-right:2px solid currentColor;content:"";transform:translateY(-50%) rotate(45deg)}.floating-promo-banner__close,.floating-promo-modal__close{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #e3e3e3;border-radius:50%;background:#fff;color:var(--floating-promo-text);cursor:pointer;-webkit-appearance:none;appearance:none}.floating-promo-banner__close{top:-8px;right:-8px;transition:transform .18s ease,border-color .18s ease,color .18s ease}.floating-promo-banner__close:hover{color:var(--floating-promo-accent);border-color:#30403e47;transform:rotate(90deg)}.floating-promo-banner__close span,.floating-promo-modal__close span{position:relative;display:block;width:14px;height:14px}.floating-promo-banner__close span:before,.floating-promo-banner__close span:after,.floating-promo-modal__close span:before,.floating-promo-modal__close span:after{position:absolute;top:50%;left:50%;width:100%;height:2px;background:currentColor;content:""}.floating-promo-banner__close span:before,.floating-promo-modal__close span:before{transform:translate(-50%,-50%) rotate(45deg)}.floating-promo-banner__close span:after,.floating-promo-modal__close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.floating-promo-banner__newsletter{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:10px;padding:12px 20px;border-radius:4px;background:var(--floating-promo-button-bg);box-shadow:0 12px 24px #16211f29;color:var(--floating-promo-button-text);font-family:var(--FONT-STACK-BUTTON);font-size:.95rem;font-weight:700;line-height:1.2;letter-spacing:0;cursor:pointer;animation:floatingPromoButtonEnter .7s cubic-bezier(.22,1,.36,1) .36s both;transition:margin-top .34s cubic-bezier(.55,0,.1,1),transform .18s ease,box-shadow .18s ease,background-color .18s ease;-webkit-appearance:none;appearance:none}.floating-promo-banner__newsletter:only-child{margin-top:0}.floating-promo-banner__newsletter:hover{background:var(--floating-promo-accent);box-shadow:0 16px 28px #16211f33}.floating-promo-banner__newsletter-icon{position:relative;width:18px;aspect-ratio:1}.floating-promo-banner__newsletter-icon svg{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.floating-promo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:clamp(16px,3vw,36px);pointer-events:none}.floating-promo-modal[hidden]{display:none}.floating-promo-modal.is-visible{pointer-events:auto}.floating-promo-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1827248f;opacity:0;transition:opacity .24s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.floating-promo-modal__panel{position:relative;width:min(100%,580px);max-height:calc(100dvh - clamp(32px,6vw,72px));overflow-x:hidden;overflow-y:auto;padding:clamp(48px,5vw,64px) clamp(28px,5vw,56px) clamp(36px,4vw,48px);border:1px solid rgba(48,64,62,.14);border-radius:4px;background:var(--floating-promo-card-bg);box-shadow:0 28px 80px #16211f3d;color:var(--floating-promo-text);opacity:0;transform:translate3d(0,18px,0) scale(.985);transition:opacity .24s ease,transform .36s cubic-bezier(.22,1,.36,1)}.floating-promo-modal.is-visible .floating-promo-modal__overlay{opacity:1}.floating-promo-modal.is-visible .floating-promo-modal__panel{opacity:1;transform:translateZ(0) scale(1)}.floating-promo-modal__close{top:14px;right:14px;width:40px;height:40px;border-color:transparent;background:var(--floating-promo-bg);transition:background-color .18s ease,color .18s ease,transform .24s ease}.floating-promo-modal__close:hover{background:var(--floating-promo-bg);color:var(--floating-promo-accent);transform:rotate(90deg)}.floating-promo-modal__content{width:100%;max-width:440px;margin-inline:auto}.floating-promo-modal__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 20px;border:1px solid rgba(48,64,62,.12);border-radius:50%;background:var(--floating-promo-bg);color:var(--floating-promo-accent)}.floating-promo-modal__icon svg{display:block;width:22px;height:auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.floating-promo-modal__title{margin:0;color:inherit;font-family:var(--FONT-STACK-BODY);font-size:clamp(1.5rem,1.375rem + .556vw,1.875rem);font-weight:600;line-height:1.45;letter-spacing:0;text-align:center}.floating-promo-modal__text{max-width:34em;margin:12px auto 0;color:inherit;font-size:.875rem;font-weight:500;line-height:1.85;opacity:.76;text-align:center}.floating-promo-modal__text p{margin:0}.floating-promo-modal__form{margin-top:30px}.floating-promo-modal .newsletter-form,.floating-promo-modal newsletter-form{display:block;width:100%}.floating-promo-modal .input-group,.floating-promo-modal .input-group__fields{display:flex;gap:24px;width:100%;max-width:none;padding:0}.floating-promo-modal .input-group__item,.floating-promo-modal .input-group__item--btn,.floating-promo-modal .input-group__item--btn-width,.floating-promo-modal .input-group__item--email,.floating-promo-modal .input-group__item--text{width:100%;max-width:none;padding:0;margin:0;flex-basis:auto}.floating-promo-modal .input-group__field{width:100%;min-height:56px;padding:13px 18px;border:1px solid rgba(48,64,62,.24);border-radius:4px;background:#fff;color:inherit;font-size:1rem;line-height:1.5;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.floating-promo-modal .input-group__field::placeholder{color:#30403e94;opacity:1}.floating-promo-modal .input-group__field:focus{border-color:var(--floating-promo-accent);background:#fff;box-shadow:0 0 0 3px #0058461a;outline:none}.floating-promo-modal .input-group__btn{--shichifuku-button-width: 100%;--shichifuku-button-min-height: 56px;--shichifuku-button-padding: 13px 52px 13px 24px;--shichifuku-button-bg: var(--floating-promo-button-bg);--shichifuku-button-bg-hover: var(--floating-promo-accent);--shichifuku-button-text: var(--floating-promo-button-text);--shichifuku-button-text-hover: var(--floating-promo-button-text);position:relative;display:flex;justify-content:center;width:100%;min-width:0;min-height:56px;padding:13px 52px 13px 24px;border:0;border-radius:var(--custom-button-radius, 4px);background:var(--floating-promo-button-bg);color:var(--floating-promo-button-text);font-family:var(--FONT-STACK-BUTTON);font-size:1rem;font-weight:600;line-height:1.2;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease}.floating-promo-modal .input-group__btn:before,.floating-promo-modal .input-group__btn>hover-button{display:none}.floating-promo-modal .input-group__btn:after{position:absolute;top:50%;right:23px;display:block;width:8px;height:8px;border-top:1px solid currentColor;border-right:1px solid currentColor;content:"";transform:translateY(-50%) rotate(45deg);transition:transform .18s ease}.floating-promo-modal .input-group__btn:hover{background:var(--floating-promo-accent);box-shadow:inset 0 0 0 1px #ffffff29;color:var(--floating-promo-button-text)}.floating-promo-modal .input-group__btn:hover:after{transform:translateY(-50%) translate(3px) rotate(45deg)}.floating-promo-modal .input-group__item--text{max-width:38em;margin-inline:auto;color:#30403e99;font-size:.6875rem;line-height:1.75;text-align:center}.floating-promo-modal .input-group__item--text p{margin:0}.floating-promo-modal .newsletter-form .form-success,.floating-promo-modal .newsletter-form .errors{width:100%;max-width:none;margin:14px 0 0;text-align:center}@keyframes floatingPromoShellEnter{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes floatingPromoCardEnter{0%{opacity:0;transform:translate3d(0,10px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes floatingPromoButtonEnter{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes floatingPromoCardExit{0%{opacity:1}to{opacity:0}}@keyframes floatingPromoCloseExit{0%{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(90deg) scale(.86)}}@media(prefers-reduced-motion:reduce){.floating-promo-banner__shell,.floating-promo-banner__card,.floating-promo-banner__newsletter,.floating-promo-banner.is-card-closing .floating-promo-banner__card,.floating-promo-banner.is-card-closing .floating-promo-banner__close{animation:none}.floating-promo-banner__newsletter,.floating-promo-modal__overlay,.floating-promo-modal__panel,.floating-promo-banner__shell{transition:none}}@media screen and (max-width:767px){.floating-promo-banner{right:0;bottom:0;left:0;width:auto}.floating-promo-banner__shell{width:min(100vw - 16px,390px);margin-inline:auto}.floating-promo-banner__card-inner{gap:15px}.floating-promo-banner__card{min-height:86px;padding:6px}.floating-promo-banner__content{padding:6px 14px 6px 0}.floating-promo-banner__heading{margin-top:2px;font-size:1.14rem}.floating-promo-banner__note{margin-top:5px;font-size:.58rem}.floating-promo-banner__link-label{gap:14px;margin-top:10px}.floating-promo-banner__close{top:-8px;right:-6px;width:30px;height:30px}.floating-promo-banner__close span,.floating-promo-modal__close span{width:14px;height:14px}.floating-promo-banner__newsletter{min-height:45px;margin-top:9px;padding:10px 18px;font-size:.875rem;border-radius:4px 4px 0 0}.floating-promo-banner__newsletter-icon{width:17px}.floating-promo-modal__panel{width:100%;max-height:calc(100dvh - 24px);padding:48px 22px 30px;border-radius:8px 8px 4px 4px}.floating-promo-modal__close{top:8px;right:8px;width:40px;height:40px}.floating-promo-modal__icon{width:48px;height:48px;margin-bottom:18px}.floating-promo-modal__title{font-size:1.5rem}.floating-promo-modal__text{font-size:.8125rem;line-height:1.8}.floating-promo-modal__form{margin-top:26px}.floating-promo-modal .input-group__field,.floating-promo-modal .input-group__btn{min-height:52px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/floating-promo-banner.css.map */