.spi-video{padding:0;margin:0 auto}@media only screen and (min-width:769px){.spi-video{padding:0}}.spi-video-wrap{width:100%;padding:0;margin:0 auto}@media only screen and (min-width:769px){.spi-video-wrap{padding:0;border-radius:0}}.spi-video-wrap .title-wrap{padding:0 16px}@media only screen and (min-width:769px){.spi-video-wrap .title-wrap{padding:0 50px;margin-bottom:20px}}.spi-video-wrap .stitle{line-height:1.1;font-size:36px;font-weight:500;margin-bottom:20px}@media only screen and (min-width:769px){.spi-video-wrap .stitle{font-size:60px;margin-bottom:24px}}.spi-video-wrap .stitlesub{font-size:20px}.spi-video-wrap .spi-videos{width:100%;position:relative;display:block}.spi-video-wrap .spi-videos .sp-vidnowrap{white-space:nowrap;margin:10px 0 15px;position:relative;overflow-y:hidden}.spi-video-wrap .sp-svid{min-width:292px;display:inline-block;padding-left:20px}.spi-video-wrap .sp-svid:first-child{margin-left:30px}.spi-video-wrap .sp-svid .textf{position:absolute;top:0;color:#fff;padding:5%;width:100%;white-space:normal;line-height:1.1;font-family:var(--font-1)}.spi-video-wrap .sp-svid .textf .ti{font-size:18px;font-weight:lighter;margin-bottom:15px;position:relative;color:#fff;line-height:2;text-align:center}.spi-video-wrap .sp-svid .textf .ti mark{border-radius:6px;background-color:#000000bd;padding:6px 10px;color:#fff;text-align:center;-webkit-box-decoration-break:clone;box-decoration-break:clone}.spi-video-wrap .sp-svid .textf .st{font-size:18px;font-weight:400}.spi-video-wrap .sp-svid .sp-svid-in{display:block;position:relative;top:0;left:0;width:100%;height:0;overflow:hidden;padding-top:177%;border-radius:12px;cursor:pointer}.spi-video-wrap .sp-svid .sp-svid-in:after{content:"";background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="65" height="65" viewBox="0 0 65 65"><g transform="translate(-68 -2209)"><g transform="translate(93.4 2232.28)"><path d="M3.9,20.921V5.365A2.262,2.262,0,0,1,7.282,3.336l13.527,7.778a2.429,2.429,0,0,1,0,4.171L7.282,23.063A2.353,2.353,0,0,1,3.9,20.921Z" transform="translate(-3.9 -3.018)" fill="%23fff"/></g><path d="M32.5,3A29.509,29.509,0,0,0,21.018,59.683,29.508,29.508,0,0,0,43.982,5.317,29.313,29.313,0,0,0,32.5,3m0-3A32.5,32.5,0,1,1,0,32.5,32.5,32.5,0,0,1,32.5,0Z" transform="translate(68 2209)" fill="%23fff"/></g></svg>');width:65px;height:65px;position:absolute;right:calc(50% - 32.5px);top:calc(50% - 32.5px);background-repeat:no-repeat}.spi-video-wrap .sp-svid .sp-svid-in.playing .pos{display:none}.spi-video-wrap .sp-svid .sp-svid-in.playing:after{display:none}.spi-video-wrap .sp-svid .sp-svid-in.playing .su-product,.spi-video-wrap .sp-svid .sp-svid-in.playing .textf{display:none}.spi-video-wrap .sp-svid video,.spi-video-wrap .sp-svid img.pos{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.spi-video-wrap .foot{position:absolute;bottom:0;left:0;width:100%;display:block;padding:4%}.spi-video-wrap .ico{width:100%}.spi-video-wrap .ico img{width:100%;height:auto}.spi-video-wrap .su-product{width:100%;height:auto;text-decoration:none;display:flex;overflow:hidden;white-space:normal;align-items:center;background-color:#fff;background-color:#ffffff5c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#000;border-radius:12px;font-family:var(--font-1)}.spi-video-wrap .su-product .imgs{width:20%;min-width:60px;height:auto;position:relative;line-height:0}.spi-video-wrap .su-product .imgs img{width:100%;height:auto}.spi-video-wrap .su-product .txt{flex:1;line-height:1.5;text-transform:uppercase;padding:5px 10px 0;font-size:14px}.spi-video-wrap .su-product .txt .pr{font-size:12px;margin-top:6px;font-weight:700}.spi-video-wrap .su-product .txt .sh{margin-top:12px;text-align:left}.spi-video-wrap .su-product .txt .sh span{background-color:#f90;font-size:12px;color:#fff;padding:5px 18px;border-radius:22px;font-weight:400;display:inline-block;margin-bottom:5px}.spi-video-wrap .flickity-prev-next-button{top:calc(50% - 10px)}.spi-video-wrap .flickity-prev-next-button.previous{left:20px}.spi-video-wrap .flickity-prev-next-button.next{right:20px;left:inherit}@media only screen and (max-width:768px){.spi-video-wrap .flickity-prev-next-button{display:none}}.spi-video-wrap .flickity-page-dots{display:none;bottom:-50px}.spi-video-wrap .flickity-page-dots .dot{width:24px;height:24px;background-color:#fcf7f2;opacity:1;border:1px solid #9D9D9D}.spi-video-wrap .flickity-page-dots .dot.is-selected{background-color:#f2e6dc}.js-titles{text-align:center;margin:0 auto;width:100%;max-width:1245px;padding:0 40px 50px}@media only screen and (max-width:768px){.js-titles{padding:0 20px 30px}}.js-titles h1,.js-titles h2,.js-titles h3{font-size:44px;color:#000;font-weight:400;margin-top:0}@media only screen and (max-width:768px){.js-titles h1,.js-titles h2,.js-titles h3{font-size:25px}}.js-titles.style2 h1,.js-titles.style2 h2,.js-titles.style2 h3{font-size:60px;margin-bottom:0}@media only screen and (max-width:768px){.js-titles.style2 h1,.js-titles.style2 h2,.js-titles.style2 h3{font-size:42px}}.js-titles p{font-size:22px;max-width:870px;margin-left:auto;margin-right:auto}@media only screen and (max-width:768px){.js-titles p{font-size:14px}}.js-titles>*{margin-bottom:22px;line-height:1.3}.js-titles>*:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/30/assets/css_social_videos.css.map */