.yr-figma__hero-slider{display:block;width:100%;overflow:hidden}.yr-figma__hero-slider .swiper-wrapper,.yr-figma__hero-slider .swiper-slide{height:auto}.yr-figma__hero-slider .yr-figma__hero,.yr-figma__hero-slider .yr-figma__hero picture,.yr-figma__hero-slider .yr-figma__hero img{display:block;width:100%;height:410px}.yr-figma__hero-slider .yr-figma__hero img{object-fit:cover}.yr-figma__hero-controls{position:static!important;display:flex!important;width:100%;height:32px;align-items:flex-end;justify-content:center}.yr-figma__hero-controls .swiper-pagination{position:static!important;display:flex;align-items:center;justify-content:center;gap:8px;transform:none!important}.yr-figma__hero-controls .swiper-pagination-bullet{display:block;width:12px;height:12px;margin:0!important;border:0;border-radius:50%;background:#014e2e;opacity:.2}.yr-figma__hero-controls .swiper-pagination-bullet-active{opacity:1}.yr-figma__intro .yr-figma__categories span{width:95px;height:95px;border-radius:50%;background:#eff2e6;transition:background-color .3s ease}.yr-figma__intro .yr-figma__categories span img{width:80px;height:80px;border-radius:50%;object-fit:cover}.yr-figma__intro .yr-figma__categories a,.yr-figma__intro .yr-figma__categories a:hover,.yr-figma__intro .yr-figma__categories a:focus-visible{color:#000}.yr-figma__intro .yr-figma__categories a:hover span,.yr-figma__intro .yr-figma__categories a:focus-visible span{background-color:#014e2e}@media(min-width:901px){.yr-figma__intro .yr-figma__categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));width:100%;gap:24px}.yr-figma__intro .yr-figma__categories a,.yr-figma__intro .yr-figma__categories a:last-child{width:100%;min-width:0;max-width:none;text-align:center}.yr-figma__intro .yr-figma__categories span{margin-inline:auto}.yr-figma__intro .yr-figma__categories em{width:100%;text-align:center}}@media(max-width:767px){.yr-figma__intro .yr-figma__hero-slider{width:calc(100% + (var(--page-padding) * 2));max-width:none;margin-inline:calc(var(--page-padding) * -1)}.yr-figma__hero-slider .yr-figma__hero,.yr-figma__hero-slider .yr-figma__hero picture,.yr-figma__hero-slider .yr-figma__hero img{height:auto;min-height:300px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/yr-figma-slider.css.map */