.section-movies{padding-inline:5%;position:relative;color:var(--section_text);background-color:var(--section_background)}.swiper.swiper-movies .swiper-button-prev,.swiper.swiper-movies .swiper-button-next{top:40%}.section-movies .swiper-button-next{right:0}.section-movies .swiper-button-prev{left:0}.swiper-wrapper.swiper-wrapper-movies{padding-bottom:2rem}.swiper-wrapper.swiper-wrapper-movies>.swiper-pagination{bottom:0}.section-movies__frame{display:flex;position:relative;overflow:hidden;border-radius:30px;max-width:50rem;margin-inline:auto}.section-movies__media{height:auto;width:100%;max-width:100%;object-fit:cover;object-position:center;cursor:pointer}.movie__frame{display:flex;position:relative;overflow:hidden;border-radius:30px;margin-inline:auto}.movie__media{height:auto;width:100%;max-width:100%;object-fit:cover;object-position:center;cursor:pointer}.movie__image,.section-movies__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;z-index:5}.movie__playback,.section-movies__playback{top:50%;left:50%;width:4.5rem;height:4.5rem;position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.movie__media[data-state=playing]~.movie__image,.movie__media[data-state=playing]~.movie__playback{display:none}.section-movies__media[data-state=playing]~.section-movies__poster,.section-movies__media[data-state=playing]~.section-movies__playback{display:none}.section-movies__subheading{font-size:3rem;font-weight:500;letter-spacing:0;margin-block:1rem;text-align:center;text-transform:capitalize;font-family:Amatic SC,cursive}.movie__title{font-weight:500;font-size:1.6rem;letter-spacing:0;margin-block:1rem;text-align:center;text-transform:capitalize}.section-movies>.contained-section{position:relative}.section-movies__image{position:absolute;scale:1.3}.section-movies__image:nth-of-type(1){top:15%;left:0}.section-movies__image:nth-of-type(2){top:15%;right:0}@media screen and (max-width: 450px){.section-movies__image{display:none}}@media screen and (min-width: 990px){.section-movies__frame{max-width:80rem}.movie__title{font-size:2rem}.section-movies__subheading{font-size:3em}}@media screen and (min-width: 576px){.swiper.swiper-movies .swiper-button-prev,.swiper.swiper-movies .swiper-button-next{top:35%}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-movies.css.map */