.rewards-card{min-width:252px;min-height:118px;max-height:118px;box-sizing:border-box;border-radius:10px;border:1px solid var(--color-blue-3);text-decoration:none;color:inherit;display:block;animation:card-rise var(--duration-slow) var(--ease-out) both;cursor:pointer}@media screen and (max-width:525px){.rewards-card{min-height:100px;max-height:100px}}.rewards-card{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),outline-color var(--duration-fast) var(--ease-out)}.rewards-card:first-child{animation-delay:0s}.rewards-card:nth-child(2){animation-delay:40ms}.rewards-card:nth-child(3){animation-delay:80ms}.rewards-card:nth-child(4){animation-delay:.12s}.rewards-card:nth-child(5){animation-delay:.16s}.rewards-card:nth-child(6){animation-delay:.2s}.rewards-card:nth-child(7){animation-delay:.24s}.rewards-card:nth-child(8){animation-delay:.28s}.rewards-card.disabled{pointer-events:none;opacity:.8;filter:grayscale(100%)}.rewards-card.premium-perk:not(.locked){border:1px solid var(--color-yellow-4)}.rewards-card:focus-visible{outline:2px solid var(--color-blue-3);outline-offset:2px}.rewards-card .lock-icon-wrapper{display:inline-block;transform-origin:center}.rewards-card:hover{outline:1px solid var(--color-blue-3);transform:translateY(-2px);box-shadow:var(--box-shadow-primary)}.rewards-card:hover:active{transform:translateY(0) scale(.98)}.rewards-card:hover .lock-icon-wrapper{animation:lock-shake var(--duration-slow) var(--ease-out) both}.rewards-card.premium-perk:hover{border-color:var(--color-yellow-4);outline:1px solid var(--color-yellow-4)}.rewards-card .rewards-perk-card{background:var(--color-white-1);border-radius:10px;height:100%}.rewards-card .card-body-container{box-sizing:border-box;min-height:81px;max-height:81px;border-radius:2px}@media screen and (max-width:525px){.rewards-card .card-body-container{min-height:68px;max-height:68px}}.rewards-card .card-body{display:flex;flex-direction:row;height:81px;justify-content:space-between;background-size:cover}@media screen and (max-width:525px){.rewards-card .card-body{height:68px}}.rewards-card .card-body-left{padding:8px 0 8px 8px;flex:1;display:flex;justify-content:space-between;flex-direction:column}@media screen and (max-width:525px){.rewards-card .card-body-left{padding:4px 0 4px 8px}}.rewards-card .perk-title-wrap{overflow:hidden}.rewards-card .perk-title{color:var(--color-black-1);font-family:var(--header-title-font-family);font-size:var(--font-size-16);font-weight:var(--header-title-font-weight);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:pre-line;max-width:200px}@media screen and (max-width:525px){.rewards-card .perk-title{font-size:var(--font-size-14);max-width:235px}}.rewards-card .lock-icon{margin:0 0 2px 5px;height:12px}.rewards-card .perk-tag-wrap{display:flex;align-items:flex-end}.rewards-card .perk-tag-wrap .pill-dropdown{flex-wrap:nowrap;gap:4px}.rewards-card .perk-tag-wrap .perk-category-pill{background-color:var(--color-blue-13)!important;color:var(--color-blue-3);border-color:var(--color-blue-3)}@media screen and (max-width:525px){.rewards-card .perk-tag-wrap .perk-category-pill{padding:3px 10px;font-size:var(--font-size-12)}}.rewards-card .perk-tag{border-radius:20px;border:1px solid var(--color-black-1);background:var(--color-white-1);font-family:var(--primary-pill-font-family);font-size:var(--primary-pill-font-size);font-weight:var(--primary-pill-font-weight);color:var(--primary-font-color);padding:2px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px;display:inline-block}.rewards-card .card-body-right{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:71px}.rewards-card .perk-logo-wrap{border:1px solid var(--color-blue-3);box-sizing:border-box;border-radius:10px;background-color:var(--color-white-1);width:60px;height:60px;overflow:hidden;display:flex;justify-content:center;align-items:center}@media screen and (max-width:525px){.rewards-card .perk-logo-wrap{width:52px;height:52px}}.rewards-card .perk-logo{box-sizing:border-box;min-width:60px;max-width:60px;min-height:60px;max-height:60px;padding:.5px;border-radius:10px}.rewards-card .perk-logo:where([width][height]){-o-object-fit:scale-down;object-fit:scale-down}@media screen and (max-width:525px){.rewards-card .perk-logo{min-width:52px;max-width:52px;min-height:52px;max-height:52px}}.rewards-card .card-footer{display:flex;justify-content:space-between;padding:10px;min-height:37px;max-height:37px;box-sizing:border-box;border-top:1px solid var(--color-black-6)}@media screen and (max-width:525px){.rewards-card .card-footer{height:32px}}.rewards-card .perk-desc-wrap{flex:1;overflow:hidden}.rewards-card .perk-desc{color:var(--color-green-25);font-family:var(--primary-font-family);font-size:var(--font-size-14);font-weight:var(--font-weight-400);display:block;max-width:232px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:525px){.rewards-card .perk-desc{font-size:var(--font-size-12)}}.rewards-card.featured-perk{background-position:50%;background-size:cover}.rewards-card.featured-perk .rewards-perk-card{background:transparent}.rewards-card.featured-perk .perk-title{color:var(--color-white-1)}.rewards-card.featured-perk .card-footer{background:transparent;border-top:1px solid var(--color-white-5)}.rewards-card.featured-perk .perk-desc{color:var(--color-white-1)}.rewards-card.featured-perk .perk-category-pill{background-color:var(--color-white-5)!important;color:var(--color-blue-3);border-color:var(--color-blue-3)}.rewards-card .premium-icon{color:var(--color-white-1);background-color:var(--color-yellow-4);border-radius:3px;padding:5px 3px;width:16px;height:16px;font-size:var(--font-size-11);display:flex;justify-content:center;align-items:center;box-sizing:border-box}@media(prefers-reduced-motion:reduce){.rewards-card{animation:none;transition:none}.rewards-card:hover{transform:none;box-shadow:none}.rewards-card:hover:active{transform:none}.rewards-card .lock-icon-wrapper,.rewards-card:hover .lock-icon-wrapper{animation:none}}@keyframes card-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lock-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}}
