/* Home uses .ref-offer, .ref-amount and .ref-conditions from the referral primitive. */
.wlf-home-offer{position:relative;min-width:0;padding:16px 20px 8px}
.wlf-offer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.wlf-offer-top .ref-offer-status{margin:0}
.wlf-offer-hide{position:absolute;right:10px;top:6px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer}
.wlf-offer-hide .icon{width:18px;height:18px}
#app .wlf-home-offer h2{font-size:32px}
.wlf-home-offer .ref-amount{margin:5px 0 8px;flex-wrap:wrap;column-gap:9px;row-gap:2px}
.wlf-home-offer .ref-amount>span{font-size:46px}
.wlf-home-offer .ref-amount>small{font-size:11px;letter-spacing:0}
.wlf-home-offer .ref-benefit{font-size:15px;line-height:1.35}
.wlf-home-offer button:focus-visible{outline:2px solid var(--on-accent);outline-offset:3px}
.wlf-home-has-offer .v4-sun-stage{--v4-hero-size:80px;padding-block:0}
.wlf-home-has-offer .v4-sun .icon{width:30px;height:30px}
.wlf-home-has-offer>.ins-home-entry{margin-block:0}
@media(max-width:340px){.wlf-home-offer{padding-inline:16px}#app .wlf-home-offer h2{font-size:30px}.wlf-home-offer .ref-amount>span{font-size:42px}}
@media(max-width:340px) and (min-height:700px){.wlf-home-has-offer .v4-sun-stage{--v4-hero-size:48px}.wlf-home-has-offer .v4-sun .icon{width:22px;height:22px}}