.trending{padding:0 16px;max-width:1376px;margin:0 auto}.trending__wrapper{display:flex;flex-direction:column;gap:24px}.trending__headline{text-align:center}.trending__cards{display:flex;flex-direction:column;gap:24px}.trending__card{display:flex;align-items:center;justify-content:center}.trending__card-image{height:auto;width:100%;position:relative}.trending__card-image img{height:100%;width:100%;object-fit:contain}.trending__card-text{position:absolute;bottom:0;width:100%;z-index:1;padding:12px;display:flex;align-items:end;gap:12px;line-height:100%}.trending__card-word{color:var(--neutral-100);height:fit-content;line-height:100%}.trending__card-btn{position:absolute;top:16px;left:16px;z-index:1;width:52px;height:36px}.trending__card-gradient{width:100%;height:147px;pointer-events:none;background:linear-gradient(to top,#1c1a1a,#1c1a1a00);position:absolute;bottom:0;left:0;border-bottom-left-radius:24px;border-bottom-right-radius:24px;z-index:0}.card-grid-row-3 .trending__card-gradient,.card-grid-row-4 .trending__card-gradient{height:56px}.up-hover{display:none;margin-bottom:10px}.up{margin-bottom:10px}@media screen and (min-width: 768px){.trending__card-image{max-height:304px;height:100%}.trending__card:hover .up{display:none}.trending__card:hover .up-hover{display:block}.trending__card-text{padding:24px}.trending__card-btn{top:unset;left:unset;bottom:12px;right:12px}.trending{padding:0 16px}.trending__cards{display:grid;grid-template-columns:repeat(4,1fr)}.trending__wrapper{gap:40px}}@media screen and (min-width: 768px){.trending__card-word{font-size:30px;line-height:100%}.trending__card-btn svg{height:25px}}@media screen and (min-width: 1000px){.trending__card-word{font-size:38px;line-height:100%}.trending__card-btn svg{height:36px}}@media screen and (min-width: 1200px){.trending__card-word{font-size:48px;line-height:100%}}@media screen and (max-width: 767px){.trending__headline{font-size:20px;line-height:24px}}@media screen and (max-width: 1200px){.trending__card-text{align-items:end}}@media screen and (max-width:940px){.trending__card-text{padding:12px}.trending__card-btn{bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/360/assets/section-trending-themes.css.map */