:root{--30-kids-black:#221e1a;--05-white:#fff;--29-kids-brown:#332217;--01-yuppy-pastel:#ffe552;--yuppy-pastel-2:#fff5ba;--17-darken-yellow:#ffcb00;--yellow-text:#ffd710;--bg-light-yellow:#fff5cf;--bg-checked-yellow:#fff6b2;--bg-beige-yellow:#fff9e2;--28-kids-grey:#544e4b;--18-grey-text:#737373;--06-gray:#4c4c4c;--11-kids-grey:#544e4b;--grey-text:#666;--grey-bg-2:#ccc;--14-grey-bg-1:#f2f2f2;--14-grey-bg-2:#f5f5f5;--16-grey-line:#e5e5e5;--bg-light-grey:#d8d8d8;--grey-line-2:#ccc;--grey-line-3:#eee;--red-error:#f04b45;--bg-violet:#625ff6;--bg-orange:#ff823b;--bg-green:#00b38f;--bg-light-green:#3fd782;--bg-blue-green:#b2e9de;--bg-baby-green:#e8f9f6;--bg-blue:#3374ff;--bg-sky-blue:#c2eaf3;--bg-light-blue:#e0eaff;--bg-skyblue:#e0f1ff;--bg-baby-blue:#edf8fe;--bg-darken-blue:#22bee2;--bg-red:#f93d6e;--bg-pink:#ff6970;--bg-soft-pink:#ffcfd8;--bg-light-pink:#ffe7eb;--bg-baby-pink:#fff1f0;--bg-light-orange:#fff4dc}.preview{padding-bottom:0}.preview .banner{padding-top:50rem}@media (min-width:1024px){.preview .banner{padding-top:100rem}}.preview .banner__img--point{display:none}@media (min-width:1024px){.preview .banner__img--point{display:block;position:absolute;left:35rem;top:-43%;width:125rem}}.preview .banner__img-wrap{position:relative;max-width:898rem;margin:0 -20rem;margin-top:30rem}@media (min-width:1024px){.preview .banner__img-wrap{margin:auto;padding-left:33rem;margin-top:-109rem}}@media (min-width:1024px){.preview__videos{position:relative;min-height:350vh}}@media (min-width:1024px) and (max-height:900px){.preview-version1 .videos .title__title{margin-bottom:16rem}}@media (min-width:1024px) and (max-height:900px){.preview-version1 .videos .title__description{margin-bottom:24rem}}@media (min-width:1024px) and (max-height:900px){.preview-version1 .videos__video-wrap{width:528rem;height:300rem;margin-left:auto;margin-right:auto}}.preview-version2 .videos__item{padding:28rem 16rem 16rem}@media (min-width:1024px){.preview-version2 .videos__item{padding:45rem 54rem 54rem}}.s-sticky{position:-webkit-sticky;position:sticky;top:0}.s-fixed{position:fixed;left:0}.s-absolute{position:absolute;left:0;bottom:0}.videos{position:relative}@media (max-width:calc(1024px - 1px)){.videos{padding:0 12rem;margin:0 -8rem}}@media (min-width:1024px){.videos{display:flex;padding:0 180rem}}@media (min-width:1024px) and (max-width:calc(1440px - 1px)){.videos{padding:0 80px}}.videos__item{position:relative;padding:28rem 16rem;border-radius:30rem;overflow:hidden}.videos__item:first-child{z-index:5}@media (min-width:1024px){.videos__item{padding:48rem 54rem;border-radius:60rem;width:754rem;min-width:754rem;box-sizing:border-box}.videos__item:not(:last-child){margin-right:20rem}.videos__item:first-child:not(:nth-child(1)){z-index:3;transform:translate(0);transition:transform ease;transition-duration:.25s}.videos__item:nth-child(2):not(:first-child){z-index:2;transform:translate(-100%);transition:transform ease;transition-duration:.5s}.videos__item:nth-child(3):not(:first-child){z-index:1;transform:translate(-200%);transition:transform ease;transition-duration:.75s}.videos__item:nth-child(4):not(:first-child){z-index:0;transform:translate(-300%);transition:transform ease;transition-duration:1s}}@media (min-width:1024px) and (max-height:900px){.videos__item{padding:40rem 52rem}}@media (max-width:calc(1024px - 1px)){.videos__item:not(:last-child){margin-bottom:10rem}.videos__item:first-child:not(:nth-child(1)){z-index:3;transform:translate(0);transition:transform ease;transition-duration:.25s}.videos__item:nth-child(2):not(:first-child){z-index:2;transform:translateY(-100%);transition:transform ease;transition-duration:.5s}.videos__item:nth-child(3):not(:first-child){z-index:1;transform:translateY(-200%);transition:transform ease;transition-duration:.75s}.videos__item:nth-child(4):not(:first-child){z-index:0;transform:translateY(-300%);transition:transform ease;transition-duration:1s}}.videos-wrap{overflow:hidden}.videos .title-wrap{text-align:center}.videos .title__title{display:inline-block;padding:7rem 20rem 8rem;margin-bottom:16rem;font-family:inherit;font-size:16rem;font-weight:700;letter-spacing:-.3px;color:var(--05-white);background-color:#488efb;border-radius:27.2rem}@media (min-width:1024px){.videos .title__title{margin-bottom:24rem;padding:10rem 28rem 11rem;font-size:20rem;letter-spacing:-.38px}}.videos .title__icon{width:20rem;height:20rem;vertical-align:sub}@media (min-width:1024px){.videos .title__icon{width:24rem;height:24rem}}.videos .title__description{margin-bottom:20rem;font-size:16rem;font-weight:500;line-height:1.5;letter-spacing:-.32px}@media (min-width:1024px){.videos .title__description{margin-bottom:32rem;font-size:22rem;font-weight:500;line-height:1.55;letter-spacing:-.33px}}.videos__video{position:relative;max-width:100%;width:100%;height:172rem;object-fit:cover;border-radius:20rem}@media (min-width:1024px){.videos__video{border-radius:40rem;height:366rem}}.videos__video-wrap{height:172rem;border-radius:20rem;overflow:hidden}@media (min-width:1024px){.videos__video-wrap{height:366rem;border-radius:40rem}}.videos__video img{object-fit:cover;height:100%}.videos .splide__arrow{position:absolute;top:50%;z-index:10;transform:translateY(-50%);transform-origin:top;transition:opacity .3s}.videos .splide__arrow--prev{left:0;transform:rotate(180deg) translateY(-50%)}.videos .splide__arrow--next{right:0}.videos .splide--thumbnail{margin:13rem -16rem 0}@media (min-width:1024px){.videos .splide--thumbnail{margin:21rem -5rem 0}.videos .splide--thumbnail.s-display .splide__arrows{display:none}.videos .splide--thumbnail.s-display .splide__list{justify-content:center}}@media (min-width:1024px) and (max-height:900px){.videos .splide--thumbnail{margin-top:17rem}}@media (max-width:calc(1024px - 1px)){.videos .splide--thumbnail .splide__list{display:flex!important}}.videos .splide--thumbnail .splide__arrow{top:40%;width:24rem;height:24rem;opacity:0;pointer-events:none}.videos .splide--thumbnail .splide__arrow--next{right:-35px}.videos .splide--thumbnail .splide__arrow--prev{left:-35px}.videos .splide--thumbnail .splide__slide.s-active .splide__img-wrap{box-shadow:0 3px 6px 0 rgba(0,0,0,.25)}.videos .splide--thumbnail .splide__slide.s-active .splide__title{font-weight:700}.videos .splide--thumbnail .splide__img{height:120rem;object-fit:cover}@media (min-width:1024px){.videos .splide--thumbnail .splide__img{height:132rem}}.videos .splide--thumbnail .splide__img-wrap{position:relative;border-radius:18rem;overflow:hidden;box-sizing:border-box;border:3px solid transparent}.splide__slide[data-type=video] .splide__img-wrap:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.3)}.videos .splide--thumbnail .splide__img-wrap .icon{position:absolute;top:50%;left:50%;width:41rem;height:41rem;transform:translate(-50%,-50%)}@media (min-width:1024px){.videos .splide--thumbnail .splide__img-wrap .icon{width:45rem;height:45rem}}.videos .splide--thumbnail .splide__title{padding:0 10rem;margin-top:7rem;font-size:14rem;line-height:1.43;font-weight:400;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:1024px){.videos .splide--thumbnail .splide__title{padding:0 8rem;font-size:15rem;line-height:1.33;letter-spacing:-.3px}}@media (max-width:calc(1024px - 1px)){.videos .splide__arrows--video{display:none}}.videos .splide__arrows--video .splide__arrow{width:60rem;height:60rem;border-radius:50%;box-shadow:0 2px 6px 0 rgba(0,0,0,.15);background-color:var(--yellow-text);opacity:0;pointer-events:none;transition:opacity .3s}.videos .splide__arrows--video .splide__arrow--prev{left:96rem}.videos .splide__arrows--video .splide__arrow--next{right:96rem}.videos .splide__arrows--video .splide__arrow img{width:36rem}.videos.s-show .videos__item{transform:translate(0)}@media (max-width:calc(1024px - 1px)){.videos.s-show .videos__item:not(:last-child){margin-bottom:20rem}}.videos.s-show .splide__arrow{opacity:1;pointer-events:all}.videos.s-show .splide__arrow:disabled{opacity:.2;box-shadow:none}.videos .bg-color--lightblue .title__title{background-color:#488efb}.videos .bg-color--lightblue .s-active .splide__img-wrap{border-color:#488efb}.videos .bg-color--lightorange .title__title{background-color:#ff8600}.videos .bg-color--lightorange .s-active .splide__img-wrap{border-color:#ff8600}.videos .bg-color--skyblue .title__title{background-color:#75aafe}.videos .bg-color--skyblue .s-active .splide__img-wrap{border-color:#75aafe}.videos .bg-color--lightpink .title__title{background-color:#fe75a8}.videos .bg-color--lightpink .s-active .splide__img-wrap{border-color:#fe75a8}
/*# sourceMappingURL=preview.css.map */