.optin{--card-bg: #12372f;--card-bg-soft: rgba(222, 255, 218, .08);--card-fg: #fbfaf6;--card-fg-soft: rgba(222, 255, 218, .2);background:var(--bg);padding:25px 0 64px}.optin__card{background:var(--card-bg);border-radius:32px;color:var(--card-fg);display:flex;flex-direction:column;column-gap:48px;overflow:hidden;padding:0 16px;align-items:center;position:relative}.optin__content{display:flex;flex-direction:column;row-gap:16px;max-width:576px;padding:32px 0 16px;justify-content:center;align-items:flex-start;width:100%;word-break:break-word;z-index:1}.optin__eyebrow{align-self:flex-start}.optin__title{color:inherit;font-size:40px;text-align:start;width:100%}.optin__title em{color:#deffda}.optin__text{color:#fbfaf6c7;line-height:1.5;text-align:start;width:100%}.optin__form{width:100%}.optin__field{border-radius:50px;position:relative}.optin__field:before{background:var(--card-fg-soft);border-radius:50px;content:"";filter:blur(48px);height:100%;position:absolute;width:100%;z-index:-1}.optin__input{-webkit-appearance:none;appearance:none;background:var(--card-bg-soft);border:1px solid var(--card-fg-soft);border-radius:50px;color:var(--card-fg);display:block;font-size:14px;font-weight:500;margin-top:8px;min-height:70px;padding:8px 72px 8px 24px;transition:box-shadow var(--t-base);width:100%}.optin__input::placeholder{opacity:0}.optin__input:focus{outline:0}.optin__label{top:50%;left:20px;max-width:calc(100% - 40px);overflow:hidden;padding:0 4px;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateY(-50%);transition:top .3s,font-size .3s,padding .3s;white-space:nowrap}.optin__input:focus+.optin__label,.optin__input:not(:placeholder-shown)+.optin__label{background:var(--card-bg-soft);border-radius:6px;font-size:14px;top:0;padding:2px 6px}.optin__submit{--round-bg: #deffda;--round-edge: #deffda;--round-fg: #12372f;--round-ring: rgba(18, 55, 47, .4);--round-bg-hover: #fbfaf6;--round-edge-hover: #fbfaf6;--round-fg-hover: #12372f;--round-ring-hover: rgba(18, 55, 47, .3);top:50%;right:8px;position:absolute;transform:translateY(-50%)}.optin__message{display:flex;margin-top:12px;justify-content:center;align-items:center}.optin__message[hidden]{display:none}.optin__message svg{flex-shrink:0;height:24px;margin-right:5px;width:24px}.optin__art{aspect-ratio:1.1;display:flex;justify-content:center;position:relative;width:100%;z-index:1}.optin__orb{height:auto;left:50%;opacity:.9;position:absolute;top:50%;transform:translate(-50%,-50%);width:78%}.optin__img{height:84%;left:50%;max-width:none;object-fit:contain;position:absolute;rotate:8deg;top:7%;translate:-50% 0;width:auto}.optin__decor{--decor-scale: .4;display:none;position:absolute;width:150px;z-index:2}.optin__decor--left{left:-30px;top:18px}.optin__decor--right{right:-26px;top:60%}[data-reveal] .optin__card{background-color:transparent;transition:background-color 1s}[data-reveal] .optin__title{transform:translate(-100vw);transition:transform .5s .25s}[data-reveal] .optin__text{opacity:0;transition:opacity 0s .5s}[data-reveal] .optin__form{opacity:0;transition:opacity 1s 1.5s}[data-reveal] .optin__art{opacity:0;transition:opacity 1s 1s}[data-reveal] .optin__decor{opacity:0;transform:scale(1.2);transition:opacity 1s 1s,transform 1.5s 1s}[data-reveal] .optin__decor--right{transition-delay:1.5s}[data-reveal].is-in .optin__card{background-color:var(--card-bg)}[data-reveal].is-in .optin__title{transform:none}[data-reveal].is-in :is(.optin__text,.optin__form,.optin__art){opacity:1}[data-reveal].is-in .optin__decor{opacity:1;transform:scale(var(--decor-scale))}@media(min-width:768px){.optin{padding:50px 0 110px}.optin__card{flex-direction:row;padding:0 64px}.optin__content{flex:0 1 50%;row-gap:24px;padding:24px 0}.optin__title{font-size:44px}.optin__art{flex:0 1 392px}.optin__input{font-size:var(--fs-base);margin-top:0}.optin__decor{--decor-scale: .6;display:block}.optin__decor--left{display:none}.optin__decor--left{left:auto;right:44%;top:auto;bottom:-30px}.optin__decor--right{right:12px;bottom:auto;top:10%}}@media(min-width:992px){.optin__art{flex-basis:496px}.optin__decor{--decor-scale: .8}}@media(min-width:1200px){.optin__card{padding:0 120px}.optin__title{font-size:72px}.optin__art{flex-basis:546px}.optin__decor{--decor-scale: 1}}@media(min-width:1501px){.optin__art{flex-basis:576px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/newsletter.css.map */