.offer-card{position:relative;z-index:2;height:100%;transition:background-color .5s,border-color .3s,-webkit-transform .5s,-webkit-backdrop-filter .3s ease-in-out;transition:background-color .5s,border-color .3s,transform .5s,backdrop-filter .3s ease-in-out;transition:background-color .5s,border-color .3s,transform .5s,backdrop-filter .3s ease-in-out,-webkit-transform .5s,-webkit-backdrop-filter .3s ease-in-out}.offer-card.bg-dark{background:linear-gradient(135deg,#ffffff0a,#ffffff03)!important;border:1px solid rgba(255,255,255,.05)}.offer-card.bg-dark:hover,.offer-card.bg-dark:focus{background:linear-gradient(135deg,#61f29a0f,#ffffff05)!important;border-color:#61f29a26;-webkit-backdrop-filter:blur(5px) brightness(1.2);backdrop-filter:blur(5px) brightness(1.2)}.offer-card:hover{background-color:#00000080;border-color:#61f29a2e;-webkit-transform:translateY(-6px) scale(1.02);transform:translateY(-6px) scale(1.02);box-shadow:0 18px 44px #00000073,0 0 0 1px #61f29a1a,0 0 40px #61f29a0f}.card-img-block{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:104px;background-color:#333}.card-img-block img{max-width:100%;max-height:100%}.offer-card .card-img-block{width:100%;height:100%;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;transition:opacity .3s}.offer-card:hover .card-img-block img{border-radius:12px;-webkit-filter:blur(6px) brightness(.3);filter:blur(6px) brightness(.3);transition:border-radius .5s,-webkit-filter .5s,-webkit-transform .5s;transition:filter .5s,transform .5s,border-radius .5s;transition:filter .5s,transform .5s,border-radius .5s,-webkit-filter .5s,-webkit-transform .5s}.offer-card .card-img-block i{display:-ms-flexbox;display:flex;width:40px;height:40px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;visibility:hidden;border-radius:12px;font-size:16px;box-shadow:0 0 10px #00000080;background-color:#61f29a1f;transition:opacity .3s ease-in-out,visibility .5s ease-in-out,width 1s,background-color 1s}.offer-card:hover .card-img-block i{opacity:1;visibility:visible}.play-point{background-color:rgba(var(--bs-primary-rgb),.1)!important}.skeleton{position:relative;overflow:hidden;border-radius:5px;background:#ffffff0a;-webkit-animation:shimmer 1.5s infinite ease-in-out;animation:shimmer 1.5s infinite ease-in-out}@-webkit-keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton:after{content:"";position:absolute;top:0;left:-150px;width:150px;height:100%;background:linear-gradient(90deg,transparent,rgba(97,242,154,.06),transparent);-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite}@-webkit-keyframes loading{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes loading{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}.skeleton-text{width:100%;height:16px;margin-top:8px}.skeleton-img{width:100%;height:124px}.skeleton-badge{width:50px;height:16px;margin-top:8px}.skeleton-footer{width:80px;height:20px;margin-top:10px}.skeleton-card{padding:8px;border-radius:8px;box-shadow:none}.grid-offers{display:grid;width:100%;gap:.8rem;-ms-flex-align:start;align-items:start;grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.swiper-offer .swiper-offer-card{width:120px!important;max-width:120px!important}.swiper-offer .swiper-offer-card .card-img-block{min-height:108px}.swiper-offer .swiper-offer-card .card-img-block img{min-height:108px!important}.swiper-offer-card{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}.swiper-offer-card .card{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:210px;max-height:210px;border-radius:12px!important}.swiper-offer-card .card-body{-ms-flex:1 1 auto;flex:1 1 auto}@supports not ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){.offer-card.bg-dark:hover,.offer-card.bg-dark:focus{background:#000000b3!important}}@media only screen and (max-width: 600px){.grid-offers{gap:0}.swiper-offer .swiper-offer-card{width:100px;max-width:112px!important}.swiper-offer .swiper-offer-card .card-img-block{min-height:88px;height:88px!important}.swiper-offer .swiper-offer-card .card-img-block img{min-height:88px!important}}@media only screen and (min-width: 600px){.grid-offers{gap:1rem}}
