.retention__background{background:var(--neutral-01);height:100%;opacity:.4;width:100%}.retention__content{align-items:center;background-color:var(--neutral-07);display:flex;flex-direction:column;left:50%;padding:var(--padding-lg) 20px 30px;position:fixed;top:50%;transform:translate(-50%,-50%);width:300px}@media only screen and (min-width:769px){.retention__content{align-items:end;border-radius:8px;flex-direction:row;justify-content:space-between;padding:var(--padding-lg) var(--padding-xxx-l) var(--padding-lg) var(--padding-sm);width:748px}}.retention__close{display:block;height:14px;position:absolute;right:16px;top:16px;width:14px}@media only screen and (min-width:769px){.retention__close{right:32px;top:48px}}.retention__close:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath d='M13.37.639a1.007 1.007 0 00-1.425 0L7 5.574 2.055.629A1.007 1.007 0 10.629 2.055L5.574 7 .63 11.945a1.007 1.007 0 101.426 1.426L7 8.426l4.945 4.945a1.007 1.007 0 101.426-1.426L8.426 7l4.945-4.945a1.013 1.013 0 000-1.416z' fill='gray'/%3E%3C/svg%3E");content:"";display:block;height:100%;width:100%}.retention__container{height:100%;display:block;position:fixed;top:0;width:100%;z-index:3000}.retention__image{background-image:url(https://compracerta.vtexassets.com/arquivos/Ilustra%C3%A7%C3%A3o.png);background-size:cover;height:182px;margin-bottom:var(--margin-xx-s);width:191px}@media only screen and (min-width:769px){.retention__image{height:349px;margin-bottom:var(--margin-none);width:300px}}@media only screen and (min-width:769px){.retention__text{margin-bottom:var(--margin-x-s)}}.retention__text h1{color:var(--neutral-02);font-size:20px;font-weight:var(--font-weight-bold);line-height:30px;text-align:center}@media only screen and (min-width:769px){.retention__text h1{font-size:24px;line-height:36px}}.retention__text span{color:var(--primary-pink);display:block}@media only screen and (min-width:769px){.retention__text{width:320px}}.retention__textarea{align-items:center;display:flex;flex-direction:column;margin:var(--margin-xx-s) 0 0}@media only screen and (min-width:769px){.retention__textarea{width:320px}}.retention__textarea p{color:var(--neutral-02);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:21px;text-align:center}@media only screen and (min-width:769px){.retention__textarea p{margin-bottom:var(--margin-lg)}}.retention__textarea a{background:var(--secondary-green);border-radius:var(--border-radius-xl);color:var(--neutral-07);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:24px;padding:12px;text-align:center;width:232px}@media only screen and (min-width:769px){.retention__textarea a{margin-bottom:var(--margin-x-s)}}.retention__textarea a:focus,.retention__textarea a:hover{background-color:var(--secondary-green-darker);color:var(--neutral-07);text-decoration:none}.retention__promo,.retention__receive{align-items:center;background-color:var(--neutral-05);border-radius:8px;display:flex;flex-direction:column;padding:12px}@media only screen and (min-width:769px){.retention__promo,.retention__receive{padding:var(--padding-x-s);width:320px}}.retention__promo p,.retention__receive p{margin-bottom:var(--margin-xx-s);text-align:center}.retention__promo label,.retention__promo p,.retention__receive label,.retention__receive p{color:var(--neutral-02);font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:21px}.retention__promo input,.retention__promo input:focus,.retention__promo label[for=modal__mail],.retention__promo label[for=modal__mail]:focus,.retention__receive input,.retention__receive input:focus,.retention__receive label[for=modal__mail],.retention__receive label[for=modal__mail]:focus{background-color:var(--neutral-06)}.retention__promo .checkbox,.retention__receive .checkbox{margin-bottom:12px}@media only screen and (min-width:769px){.retention__promo .checkbox,.retention__receive .checkbox{margin-bottom:20px}}.retention__promo .checkbox label,.retention__receive .checkbox label{margin-bottom:var(--margin-none)}@media only screen and (min-width:769px){.retention__promo .checkbox label,.retention__receive .checkbox label{font-size:12px;line-height:15px}}.retention__promo button,.retention__receive button{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1;padding:12px var(--padding-xx-s);width:232px}@media only screen and (min-width:769px){.retention__promo button,.retention__receive button{display:block;margin-right:var(--margin-xxx-s);width:100%}}.retention__promo button:disabled,.retention__receive button:disabled{background:var(--neutral-03);border:2px solid var(--neutral-03);border-radius:var(--border-radius-xl);color:var(--neutral-07)}.retention__promo button:disabled:hover,.retention__receive button:disabled:hover{background:var(--neutral-05);border:2px solid var(--neutral-03)}.retention__promo form{align-items:center;display:flex;flex-direction:column}.retention__receive p{margin-bottom:var(--margin-xxx-s)}.retention__unlocked{margin:var(--margin-xx-s) 0 var(--margin-sm)}.retention__unlocked h1{color:var(--secondary-green);font-size:20px;font-weight:var(--font-weight-bold);line-height:30px;margin:var(--margin-none);text-align:center;width:256px}@media only screen and (min-width:769px){.retention__unlocked h1{font-size:24px;line-height:36px;width:100%}}@media only screen and (min-width:769px){.retention__unlocked{width:320px}}.retention__coupon{margin-bottom:var(--margin-xxx-s)}.retention__coupon a{background:#fbebec;border:1px dotted var(--primary-pink);border-radius:8px;color:var(--primary-pink);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:24px;padding:12px var(--padding-x-s);position:relative;text-transform:uppercase;width:232px}.retention__coupon a:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 8H6a1.5 1.5 0 00-1.5 1.5v9A1.5 1.5 0 006 20h7.5a1.5 1.5 0 001.5-1.5v-9A1.5 1.5 0 0013.5 8zM6 6a3.5 3.5 0 00-3.5 3.5v9A3.5 3.5 0 006 22h7.5a3.5 3.5 0 003.5-3.5v-9A3.5 3.5 0 0013.5 6H6z' fill='%23F36'/%3E%3Cpath d='M18.5 3.5h-7c-1 0-1 .75-1 1s-.2 1-1 1-1-.667-1-1c0-1.933 1.067-3 3-3h7A3.5 3.5 0 0122 5v9.5a3.5 3.5 0 01-3.5 3.5c-.333 0-1-.2-1-1s.667-1 1-1a1.5 1.5 0 001.5-1.5V5a1.5 1.5 0 00-1.5-1.5z' fill='%23F36'/%3E%3C/svg%3E");content:"";display:block;height:24px;position:absolute;right:24px;top:50%;transform:translateY(-50%);width:24px}.retention__coupon a:active,.retention__coupon a:hover{text-decoration:none;color:var(--primary-pink)}.retention__copy{background:var(--primary-pink);border-radius:var(--border-radius-xl);color:var(--neutral-07);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:24px;margin-bottom:var(--margin-xx-s);padding:var(--padding-xxx-s) var(--padding-none);position:relative;text-align:center;width:232px}@media only screen and (min-width:769px){.retention__copy{margin-bottom:20px}}.retention__copy:active,.retention__copy:hover{background:var(--secondary-red);color:var(--neutral-07);text-decoration:none}.retention__copy.isCopied:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3E%3Cpath d='M5.898 14.73c.593.597 1.55.597 2.142 0L19.556 3.107a1.534 1.534 0 000-2.16 1.504 1.504 0 00-2.142 0L6.962 11.484l-4.376-4.41a1.504 1.504 0 00-2.142 0 1.534 1.534 0 000 2.16l5.454 5.496z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";display:block;height:15px;position:absolute;right:24px;top:50%;transform:translateY(-50%);width:20px}.retention__cart{background:var(--secondary-green);border-radius:var(--border-radius-xl);color:var(--neutral-07);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:24px;padding:12px var(--padding-none);text-align:center;width:232px}.retention__cart.locked{pointer-events:none}.retention__cart.locked,.retention__cart.locked:active,.retention__cart.locked:hover{background:var(--neutral-03);color:var(--neutral-07)}.retention__cart:active,.retention__cart:hover{background:var(--secondary-green-darker);color:var(--neutral-07);text-decoration:none}@media only screen and (min-width:769px){.retention__mail{width:100%}}