.bonus-base{background-color:var(--surface-color-3);border:1px solid var(--surface-color-4);border-radius:.5rem;display:grid;flex-grow:1;gap:1rem;height:100%;padding:1.25rem;position:relative;width:100%}.bonus-base.slider-view{max-width:288px;min-width:288px}@media (min-width:21.25rem){.bonus-base.slider-view{max-width:318px;min-width:318px}}@media (min-width:64rem){.bonus-base.slider-view{max-width:inherit;min-width:inherit}.bonus-base{width:100%}}.bonus-base--gift{width:100%}@media (min-width:64rem){.bonus-base--gift .bonus-base__action{grid-column:initial}}.bonus-base--active{border-color:var(--additional-color-success)}.bonus-base--active .bonus-base__status{background-color:var(--additional-color-success);color:#fff}.bonus-base--available,.bonus-base--pending{border-color:#36a7f9}.bonus-base--available .bonus-base__status,.bonus-base--pending .bonus-base__status{background-color:#36a7f9;color:var(--white-white-90)}.bonus-base--queued .bonus-base__status,.bonus-base--upcoming .bonus-base__status{background-color:var(--surface-color-4)}.bonus-base__status{border-radius:6px 0 8px;font-size:12px;font-weight:500;left:0;line-height:1.4;padding:4px 12px;position:absolute;top:0}.bonus-base__name{color:var(--white);font-size:1.25rem;font-weight:700}.bonus-base__label{color:var(--white-white-60);font-size:.75rem}.bonus-base__value{color:var(--white-white-90);font-size:1rem;font-weight:700}.bonus-base__value--medium{font-weight:500}.bonus-base__action{display:flex;flex-direction:column;justify-content:end}.bonus-base__action,.bonus-base__name,.bonus-base__progress{grid-column:1/-1}