.as-use-cases{overflow:hidden}.as-use-cases__container{display:flex;flex-direction:column;gap:64px}.as-use-cases__heading{margin:0;color:#171717;font-family:Cormorant,serif;font-weight:600;font-size:38px;line-height:1;letter-spacing:.02em;text-transform:uppercase}.as-use-cases__swiper{overflow:visible;width:100%}.as-use-cases__wrapper{align-items:stretch}.as-use-cases__slide{height:auto}.as-use-cases__card{display:flex;flex-direction:column;gap:12px;height:100%}.as-use-cases__media{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:288 / 374;background:#ddd}.as-use-cases__video,.as-use-cases__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.as-use-cases__video{z-index:1}.as-use-cases__cover{z-index:2;transition:opacity .3s ease}.as-use-cases__cover.is-hidden{opacity:0;pointer-events:none}.as-use-cases__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#0000002e;pointer-events:none}.as-use-cases__play{position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #fff;border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;font-size:16px;line-height:1}.as-use-cases__play-icon{transform:translate(1px)}.as-use-cases__author{display:flex;align-items:center;gap:10px}.as-use-cases__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.as-use-cases__name{color:#202020;font-family:Lato,sans-serif;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:0}.as-use-cases__progress{display:none}.as-use-cases__progress-fill{display:block}@media screen and (max-width:767px){.as-use-cases__container{gap:24px}.as-use-cases__play{width:40px;height:40px;font-size:13px}.as-use-cases__heading{font-size:30px}.as-use-cases__media{aspect-ratio:268 / 351}.as-use-cases__name{font-size:16px}.as-use-cases__progress{position:relative;display:block;width:100%;height:2px;margin-top:34px;background:#d9d5cd;overflow:hidden}.as-use-cases__swiper{width:100vw;margin-left:calc((100vw - 100%)/-2)!important;margin-right:calc((100vw - 100%)/-2)!important;padding-left:16px!important;overflow:visible}.as-use-cases__progress-fill{position:absolute;top:0;left:0;height:100%;width:30%;background:#1f1f1f;transform:translate(0);transition:transform .35s ease,width .35s ease}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/as-use-cases.css.map */