.main-banner-wrapper{display:flex;gap:31px}.main-banner{flex-shrink:0;margin:0;width:950px}.main-banner a{display:block}.main-banner .swiper-slide{height:376px;width:100%}.main-banner .banner-img-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.main-banner img{display:block;height:100%;width:100%}.main-banner-text-wrapper{background-color:rgba(31,31,31,.9);border-left:8px solid #f37a1f;bottom:40px;color:#fff;display:flex;flex-direction:column;left:40px;padding:16px 32px;position:absolute}.main-banner-text-wrapper b{font-size:24px;font-weight:800;line-height:1.2;text-transform:uppercase}.main-banner-text-wrapper span{font-size:16px}.swiper-pagination.banner-pagination{bottom:0;display:flex;gap:8px;left:40px;position:absolute;width:auto}.swiper-pagination.banner-pagination .swiper-pagination-bullet{background-color:transparent;border-radius:0;height:40px;margin:0;opacity:1;position:relative;width:32px}.swiper-pagination.banner-pagination .swiper-pagination-bullet:after{background-color:#fff;content:"";height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.swiper-pagination.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background-color:#f37a1f}.main-greeting{background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;flex-grow:1;height:376px;padding:32px}.main-greeting .headline{color:#fff;margin-bottom:0}.main-greeting .headline+.user-custom-content{margin-top:16px}.main-greeting .user-custom-content{display:flex;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.main-greeting .user-custom-content::webkit-scrollbar{width:10px}.popular-banner .wrapper{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,minmax(1px,1fr))}.popular-banner a{aspect-ratio:1;overflow:hidden;position:relative}.popular-banner a:after{background-color:#f37a1f;bottom:0;content:"";height:4px;left:0;margin:auto;position:absolute;right:0}@media (min-width:1280px){.popular-banner a:hover .text-wrapper:before{opacity:1;transform:scaleY(1);transition-delay:.2s}.popular-banner a:hover .text-wrapper div{top:50%;transform:translateY(-50%);transition-delay:.2s}.popular-banner a:hover .text-wrapper div i,.popular-banner a:hover .text-wrapper div p{opacity:1;transition-delay:.2s}}.popular-banner img{display:block;height:100%;object-fit:cover;width:100%}.popular-banner .text-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.popular-banner .text-wrapper div{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 9%;position:absolute;text-align:center;top:100%;transform:translateY(-58px);transition:all .2s ease-in-out;width:100%}.popular-banner .text-wrapper:before{background:linear-gradient(180deg,transparent,#000);bottom:0;content:"";height:100%;left:0;opacity:.6;position:absolute;transform:scaleY(.5);transform-origin:center bottom;transition:all .2s ease-in-out;width:100%}.popular-banner .text-wrapper b,.popular-banner .text-wrapper i,.popular-banner .text-wrapper p{color:#fff;position:relative;transform:translateZ(300px);z-index:1}.popular-banner .text-wrapper b{font-size:20px;font-weight:800;letter-spacing:.05em;line-height:24px;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.popular-banner .text-wrapper b+p{margin-top:8px}.popular-banner .text-wrapper p{opacity:0;transition:opacity .2s ease-in-out}.popular-banner .text-wrapper i{background-color:#fff;border-radius:4px;color:#1e1e1e;font-style:normal;font-weight:800;line-height:32px;margin-top:16px;text-transform:uppercase;width:98px}