.case{color:#fff;background:#36374414;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;padding-bottom:12px;text-decoration:none;transition:all .3s;display:flex;position:relative}@media (max-width:640px){.case{padding-bottom:8px}}.case:hover{background:#36374429}.case_media{aspect-ratio:1;width:100%;max-width:256px;display:block;position:relative}@media (max-width:768px){.case_media{max-width:160px;margin-top:0}}.case_media picture{width:100%;height:100%;display:block}.case_media img{z-index:2;aspect-ratio:1;object-fit:cover;opacity:0;width:100%;max-width:none;height:100%;display:block;position:relative}.case_media--loaded img{opacity:1}.case_media_skeleton{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.case img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}@media (max-width:768px){.case img{margin-top:0}}.case_name{text-align:center;flex:1 0 auto;justify-content:center;align-items:center;width:calc(100% - 24px);margin-bottom:13px;font-size:20px;font-weight:500;line-height:1;display:flex}@media (max-width:1024px){.case_name{font-size:16px}}@media (max-width:767px){.case_name{width:calc(100% - 16px);margin-top:-12px;margin-bottom:8px}}.case_cost{text-align:center;background:var(--t-bg-consumer);border-radius:8px;justify-content:center;align-items:center;width:calc(100% - 24px);min-height:44px;padding:12px 10px;font-size:16px;font-weight:500;line-height:1;display:flex;position:relative}@media (max-width:1024px){.case_cost{min-height:32px;font-size:16px}}@media (max-width:767px){.case_cost{width:calc(100% - 16px);padding:0 12px}}.case_cost--yellow{background:var(--t-4-states-color-main-default-bg);color:var(--t-4-states-color-main-default-text)}.case_cost--disabled{pointer-events:none}.case_cost__icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.case--disabled{opacity:.48}.case_cost_icon{color:var(--t-text-text-0);background:#089408;border-radius:4px;align-items:center;gap:2px;padding:2px 4px 2px 2px;font-size:10px;font-weight:500;line-height:120%;display:flex;position:absolute;top:-8px;right:8px}.case_percent{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--t-text-text-0);background:#20202880;border-radius:25px;padding:4px 12px 2px;font-size:14px;font-weight:500;line-height:114%;position:absolute;top:16px;left:16px}.case_percent .case_percent_progress{z-index:1;border:1px solid var(--t-text-text-0);border-radius:inherit;clip-path:inset(0 calc(100% - var(--case-percent-progress,100%)) 0 0);pointer-events:none;position:absolute;inset:0}.case_percent .case_percent_text{z-index:2;position:relative}.case_cost_gift{background:var(--t-bg-consumer);border-radius:20px;justify-content:center;align-items:center;gap:2px;width:36px;height:20px;display:flex;position:absolute;top:-10px;right:8px}.case_cost_gift_green{background:var(--t-bg-consumer);background:#089408;border-radius:4px;justify-content:center;align-items:center;gap:2px;width:40px;height:20px;display:flex;position:absolute;top:-10px;right:8px}.case_cost_gift span{color:#fff;font-size:16px}.case_list_wrap--with-bg .case{background-color:var(--t-bg-bg);background-image:linear-gradient(#36374414,#36374414)}.case_list_wrap--with-bg .case:hover{background-image:linear-gradient(#36374429,#36374429)}