.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;grid-template-columns:1fr 1fr;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}}@media (min-width:48rem){.bonus-base{width:318px}}@media (min-width:64rem){.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(--active-bonus)}.bonus-base--active .bonus-base__status{background-color:var(--active-bonus);color:var(surface-color-1)}.bonus-base--available,.bonus-base--pending{border-color:var(--pending-bonus)}.bonus-base--available .bonus-base__status,.bonus-base--pending .bonus-base__status{background-color:var(--pending-bonus);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:0 6px 0 8px;font-size:.875rem;font-weight:500;line-height:1.4;padding:.375rem 1rem;position:absolute;right:0;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}.bonus-base__action,.bonus-base__name,.bonus-base__progress{grid-column:1/-1}.bonus-free-spins{grid-template-rows:1fr max-content}@media (min-width:64rem){.bonus-free-spins--gift{align-items:center;display:flex}.bonus-free-spins--gift .bonus-free-spins__content{flex-grow:1}.bonus-free-spins--gift .bonus-free-spins__action{flex-shrink:0;min-width:279px}}.bonus-free-spins__content{align-items:center;display:grid;gap:1rem;grid-column:1/-1;grid-template-columns:6rem 1fr}.bonus-free-spins__gift{align-items:center;display:none;gap:.75rem;grid-column:1/-1;margin-bottom:.75rem}@media (min-width:33rem){.bonus-free-spins__gift{display:flex}}.bonus-free-spins__gift--mobile{display:flex}@media (min-width:33rem){.bonus-free-spins__gift--mobile{display:none}}.bonus-free-spins__gift-info{color:var(--white-white-90);flex-grow:1;font-size:1rem}.bonus-free-spins__gift-info span{color:var(--text-color-accent-alt)}.bonus-free-spins__gift-img{flex-shrink:0}.bonus-free-spins__loader{align-items:center;background-color:var(--surface-color-3);border:1px dashed var(--surface-color-5);border-radius:.5rem;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.bonus-free-spins__loader .spinner{height:2rem;width:2rem}.bonus-free-spins__name{color:var(--white-white-90);font-size:1.25rem;font-weight:700;line-height:1.5rem}.bonus-free-spins__img{height:6rem;position:relative;width:6rem}.bonus-free-spins__img img{border-radius:.5rem;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.bonus-free-spins__expire{align-items:baseline;display:flex;gap:.5rem;margin-top:.5rem}.bonus-free-spins__info{padding:.5rem 0}.bonus-free-spins__action{width:100%}.bonus-free-spins__available{border:1px dashed var(--surface-color-5);border-radius:.5rem;color:var(--white-white-90);font-size:1rem;font-weight:500;padding:.5rem 1rem;text-align:center}.bonus-free-spins__available-highlighted{color:var(--white-white-90)}