.str-rewards{--str-blue:#4853d9;--str-red:#e72d34;--str-aqua:#00eced;max-width:1150px;margin:0 auto;padding:35px;background:#fff;border-radius:36px;font-family:inherit;box-sizing:border-box}.str-rewards *{box-sizing:border-box}.str-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;margin-bottom:18px}.str-head>div{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--str-blue)}.str-head>div:first-child{color:#00cfd4}.str-head>div:last-child{color:var(--str-red)}.str-head span{font-size:64px;font-weight:800;line-height:1.1}.str-head strong{font-size:clamp(14px,3vw,36px);line-height:1.2}.str-wheel{height:285px;border-radius:42px;background:linear-gradient(to right,#95fafa 0%,#95fafa 33.333%,#4853cf 33.333%,#4853cf 66.666%,#f3bfc0 66.666%,#f3bfc0 100%);isolation:isolate;overflow:hidden}.str-wheel:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 16px 20px -10px #20205d,inset 0 -16px 20px -10px #20205d;pointer-events:none;z-index:3}.str-wheel:focus-visible{outline:3px solid #161e77;outline-offset:5px}.str-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:100%;align-items:center;text-align:center;font-size:clamp(34px,7vw,78px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.str-values span{color:var(--str-blue);transform:scale(.65);opacity:.38;transition:transform .28s,opacity .28s}.str-values span:nth-child(2){color:#fff}.str-values span:nth-child(3){color:var(--str-red)}.str-wheel .swiper-slide-active .str-values span{transform:scale(1);opacity:1}.str-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;color:#43465b;text-align:center;font-size:14px}.str-rewards .str-controls button{padding:0;width:44px;height:44px;min-width:44px;border:0;border-radius:50%;background:var(--str-blue);color:white;cursor:pointer;font-size:18px;line-height:44px}.str-rewards .str-controls button:disabled{opacity:.3;cursor:default}.str-bonus{min-height:48px;margin:12px 0 0!important;text-align:center;color:var(--str-red);font-weight:700;font-size:16px}.str-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.str-rewards{padding:22px 12px;border-radius:24px}.str-head span{font-size:40px}.str-head>div{gap:8px}.str-wheel{height:225px;border-radius:26px}.str-values{font-size:clamp(30px,8.5vw,48px)}.str-controls{gap:10px;font-size:12px}.str-bonus{font-size:14px}}@media(prefers-reduced-motion:reduce){.str-values span{transition:none}}

.str-head svg{width:100px;height:100px;display:block}@media(max-width:600px){.str-head svg{width:55px;height:55px}}
