.wof-bonuses-el-list{flex-wrap:wrap;gap:20px;display:flex}.wof--bonus-item{--rc:var(--level-color--silver);--tile-bg:color-mix(in srgb, var(--card-bg-color) 88%, var(--card-bg-second-color));--wof-img:150px;--rct:color-mix(in srgb, var(--rc) 70%, var(--white));background:linear-gradient(0deg, color-mix(in srgb, var(--rc) 16.5%, transparent), color-mix(in srgb, var(--rc) 3%, transparent) 75%), var(--tile-bg);isolation:isolate;border-radius:20px;width:calc(50% - 20px);min-width:210px;max-width:240px;height:280px;position:relative;box-shadow:0 5px 18px #0003}.wof--bonus-item:before{content:"";background-color:var(--rct);opacity:.07;z-index:-1;left:50%;top:calc(50% - .15 * var(--wof-img));width:calc(1.18 * var(--wof-img));height:calc(1.18 * var(--wof-img));transition:opacity .2s;position:absolute;transform:translate(-50%,-50%);-webkit-mask:url(/build-v3/assets/cw-frame-cjCnzopW.svg) 50%/contain no-repeat;mask:url(/build-v3/assets/cw-frame-cjCnzopW.svg) 50%/contain no-repeat}.wof--bonus-item.lazy-init{visibility:hidden}.wof--bonus-item.is-visible{visibility:visible}.wof--bonus-item .ui-skeleton{width:100%;height:100%;position:absolute;top:0;left:0}.wof--bonus-item .ui-skeleton__shape{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.wof--bonus-item--disabled{opacity:.6;filter:grayscale(.3)}.wof--bonus-item--disabled .wof--bonus-item-question{background:#f3494099}.wof--bonus-item.clickable{cursor:pointer}.wof--bonus-item.clickable:hover{background:linear-gradient(0deg, color-mix(in srgb, var(--rc) 24%, transparent), color-mix(in srgb, var(--rc) 5%, transparent) 75%), var(--tile-bg)}.wof--bonus-item.clickable:hover:before{opacity:.1}.wof--bonus-item-question{background:var(--main-glass-color-hover);color:#fff;cursor:help;border-radius:30px;padding:0 10px;line-height:28px;position:absolute;top:12px;left:12px}.wof--bonus-item-question.wof--bonus-item-question--red{background:#f3494099}.wof--bonus-item-question i{font-size:14px;font-style:normal;font-weight:900}.wof--bonus-item-question span{margin-left:6px;font-size:12px;font-weight:500}.wof--bonus-item-title{color:#fff;text-align:center;z-index:1;text-transform:uppercase;width:100%;padding:0 15px;font-size:16px;font-style:italic;font-weight:800;position:absolute;bottom:17%;transform:translateY(50%)}.wof--bonus-item-image{position:relative}.wof--bonus-item-used-label{color:var(--success);position:absolute;top:14px;right:14px}.wof-lvl-1{--rc:var(--level-color--bronze)}.wof-lvl-2{--rc:var(--level-color--silver)}.wof-lvl-3{--rc:var(--rc--rare)}.wof-lvl-4{--rc:var(--info)}.wof-lvl-5{--rc:var(--rc--classified)}@media (width<=550px){.wof--bonus-item{--wof-img:110px;min-width:170px;height:240px}.wof--bonus-item .wof--bonus-item-question span{display:none}.wof--bonus-item .wof--bonus-item-image{width:110px;height:110px}.wof--bonus-item .wof--bonus-item-image-subinfo{width:54px;height:54px;right:-16%}}@media (width<=450px){.wof-bonuses-el-list{gap:10px}.wof--bonus-item{width:calc(50% - 5px);min-width:158px;height:220px}.wof--bonus-item .wof--bonus-item-title{font-size:14px}}@media (width<=360px){.wof--bonus-item{width:100%;max-width:100%}}@media only screen and (width>=700px) and (width<=789px),only screen and (width>=993px) and (width<=1200px){.wof--bonus-item{width:calc(33.33% - 20px)}}.is-compact.wof-bonuses{margin-top:28px}.is-compact .wof-bonuses-el-title{margin-bottom:12px;font-size:18px}.is-compact .wof-bonuses-el-list{gap:12px}.is-compact .wof--bonus-item{--wof-img:84px;border-radius:16px;width:150px;min-width:0;max-width:none;height:180px}.is-compact .wof--bonus-item-image{width:84px;height:84px}.is-compact .wof--bonus-item-image-subinfo{width:46px;height:46px;font-size:13px;right:-2%}.is-compact .wof--bonus-item-image-subinfo.big-info{font-size:10.5px}.is-compact .wof--bonus-item-title{padding:0 8px;font-size:12px;bottom:15%}.is-compact .wof--bonus-item-question span{display:none}@media (width<=550px){.is-compact .wof-bonuses-el-list{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;margin-right:-15px;padding-right:15px;overflow-x:auto}.is-compact .wof-bonuses-el-list::-webkit-scrollbar{display:none}.is-compact .wof--bonus-item{scroll-snap-align:start;flex:0 0 136px;width:136px;height:170px}}