.user-story{margin-top:1rem;margin-inline:1rem;border-radius:2rem;background-color:var(--bg-light-grey);position:relative;overflow:hidden;padding-block:var(--padding-block-start) var(--padding-block-end)}@media(max-width:1025px){.user-story{border-radius:1rem}}@media(max-width:767px){.user-story{padding-block:var(--padding-block-start-mobile) var(--padding-block-end-mobile)}}.user-story-wrap{display:block;overflow:hidden}.user-story-title-wrap{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:69.2rem;width:100%;margin-inline:auto}.user-story-label{color:var(--cl-black-80);margin-bottom:1.2rem}.user-story-title{color:var(--cl-black);margin-bottom:5.6rem}@media(max-width:1025px){.user-story-title{margin-bottom:4rem}}@media(max-width:767px){.user-story-title{margin-bottom:3.2rem}.user-story-title>.txt-54{font-size:3.2rem}}.user-story-pagi{display:none}@media(max-width:767px){.user-story-pagi{display:flex}.user-story-pagi .user-story-pagi-item.is-active{background-color:var(--cl-primary)!important}}.user-story-main{grid-column:1/-1;margin-bottom:4rem;position:relative;--gap-swiper: 1.6rem}.user-story-main-wrap{overflow:visible}@media(max-width:1025px){.user-story-main-wrap{margin-inline:calc(var(--gap-swiper) / 2 * -1);width:calc(100% + var(--gap-swiper) / 2 * 2)}}@media(max-width:767px){.user-story-main-wrap{width:100%;margin-inline:0px}}.user-story-main-inner{display:grid;grid-template-columns:repeat(16,1fr);column-gap:var(--grid-gap)}@media(max-width:1025px){.user-story-main-inner{display:flex;height:auto;column-gap:0}}.user-story-main-item{grid-column:span 4;padding:3.2rem;border-radius:1rem;background-color:#f5f5f5;transition:box-shadow var(--t);text-align:left;height:auto}@media(max-width:1025px){.user-story-main-item{width:35rem;margin-inline:calc(var(--gap-swiper) / 2);flex:none}}@media(max-width:767px){.user-story-main-item{width:100%;margin-inline:0px;padding:2.4rem}}.user-story-main-item:hover{box-shadow:0 2rem 3rem #0000001a}.user-story-main-item:hover .user-story-main-item-content-title{color:var(--cl-primary)}@media(max-width:767px){.user-story-main-item:hover{box-shadow:none}.user-story-main-item:hover .user-story-main-item-content-title{color:var(--cl-black)}}.user-story-main-item-inner{display:flex;flex-direction:column;align-items:start;height:100%}.user-story-main-item-video{margin-bottom:2.4rem;position:relative;display:flex;align-items:center;justify-content:center}.user-story-main-item-video-inner{position:relative;z-index:1;aspect-ratio:268/192;border-radius:1rem;overflow:hidden;background-color:var(--cl-black);display:grid}.user-story-main-item-video-inner>*{grid-column:1/2;grid-row:1/2}.user-story-main-item-video-inner video{width:100%;height:100%;object-fit:fill}.user-story-main-item-video-inner .video-thumb{position:relative;z-index:1}.user-story-main-item-video-inner .img-thumb{position:relative;z-index:2}.user-story-main-item-video-ic{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background-color:var(--cl-primary);color:var(--cl-white)}.user-story-main-item-content-title{width:26.8rem;color:var(--cl-black);transition:color var(--t);margin-bottom:.8rem}@media(max-width:767px){.user-story-main-item-content-title>.txt{font-size:1.8rem;line-height:1.4em}}.user-story-main-item-content-des{color:var(--cl-black-90)}.user-story-main-scroller{width:calc(100% - var(--gap-swiper) * 2);margin-top:1.6rem;margin-inline:auto;overflow:hidden}@media(max-width:1025px){.user-story-main-scroller{margin-top:4rem}}@media(max-width:767px){.user-story-main-scroller{display:none}}.user-story-main-scroller-inner{height:1.6rem;background:repeating-linear-gradient(90deg,var(--cl-black-20),var(--cl-black-20) max(.1rem,1px),transparent max(.1rem,1px),transparent .4rem);position:relative;display:flex;align-items:center;justify-content:start}.user-story-main-scroller-thumb{display:flex;align-items:center;justify-content:center;height:100%;width:20.6rem;position:absolute;padding-inline:.3rem;background-color:var(--bg-light-grey);border-image-source:var(--scroller-bg);border-image-slice:0 10.6796116505% fill;border-image-width:0 2.2rem}@media(max-width:1025px){.user-story-main-scroller-thumb{width:14rem;border-image-slice:0 11.6504854369% fill;border-image-width:0 1.2rem}}.user-story-btns{grid-column:1/-1;display:flex;align-items:center;justify-content:center}.user-story-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--cl-black-90);z-index:1000;display:flex;opacity:0;pointer-events:none;transition:opacity .4s ease}@media(max-width:1025px){.user-story-popup{background-color:var(--bg-black)}}.user-story-popup.active{opacity:1;pointer-events:auto}.user-story-popup-inner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}@media(max-width:1025px){.user-story-popup-inner{border-radius:0}}.user-story-popup-inner-video{--popup-padding: 6rem;--avail-height: calc(100svh - var(--popup-padding));max-width:80vw;aspect-ratio:250/330;max-height:min(132vw,var(--avail-height));overflow:hidden;border-radius:2rem;position:relative;z-index:2;display:grid;width:100%}@media(max-width:1025px){.user-story-popup-inner-video{--popup-padding: 4rem;border-radius:1rem;--avail-height: calc(100svh - var(--popup-padding));max-width:min(95vw,60rem)}}@media(max-width:767px){.user-story-popup-inner-video{--popup-padding: 3rem;--avail-height: calc(100svh - var(--popup-padding));max-width:95vw}}.user-story-popup-inner-video.is-youtube{width:100vw;height:80svh}@media(max-width:1025px){.user-story-popup-inner-video.is-youtube{width:80vw;height:60svh}}@media(max-width:767px){.user-story-popup-inner-video.is-youtube{width:85vw;height:100svh}}.user-story-popup-inner-video>*{grid-column:1/-1;grid-row:1/-1}.user-story-popup-inner-video video{width:100%;height:100%;object-fit:cover}.user-story-popup-inner-video iframe{width:100%;height:100%;border:none}.user-story-popup-inner-close{top:0;left:0;position:absolute;z-index:99}.user-story-popup-inner-close-ic{color:var(--cl-white);transition:all .3s ease}.user-story-popup-inner-close-inner{width:8rem;height:8rem;border-radius:50%;background-color:var(--cl-primary);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.user-story-popup-inner-close.on-static{top:auto;left:auto;bottom:2rem}@media(max-width:1025px){.user-story-popup-inner-close.on-static{bottom:5rem}}.user-story-popup-inner-close.on-static .user-story-popup-inner-close-inner{width:6rem;height:6rem}.user-story-popup-inner-close.on-static .user-story-popup-inner-close-ic .ic{--ic-size: 2.8rem !important}@media(max-width:1025px){.user-story-popup-inner-close.on-static .user-story-popup-inner-close-ic .ic{--ic-size: 2rem !important}}.user-story-popup-inner-close:hover .user-story-popup-inner-close-ic{transform:scale(1.2)}.user-story-popup-inner-close.on-idle{pointer-events:none}.user-story-popup-inner-close.on-idle .user-story-popup-inner-close-inner{transform:scale(.5);opacity:0}
/*# sourceMappingURL=/cdn/shop/t/601/assets/user-story-v2.css.map */