.campaign-scroll-video{position:relative;display:block;isolation:isolate;clip-path:inset(0);background:var(--csv-background, #000);color:var(--csv-text-color, #fff)}.campaign-scroll-video__stage{position:fixed;top:0;left:0;z-index:0;width:100%;height:100vh;height:100lvh;pointer-events:none}.campaign-scroll-video__media{position:absolute;top:0;right:0;bottom:0;left:0}.campaign-scroll-video__media--mobile{display:none}.campaign-scroll-video__video,.campaign-scroll-video__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.campaign-scroll-video__placeholder{background:#333;fill:#555}.campaign-scroll-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--csv-overlay-color, #000);opacity:var(--csv-overlay-opacity, .4)}.campaign-scroll-video__panels{position:relative;z-index:1}.campaign-scroll-video__panel{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:calc(var(--csv-panel-height, 100) * 1vh);padding:40px 120px}.campaign-scroll-video__content{display:flex;flex-direction:column;align-items:center;gap:var(--csv-content-gap, 60px);width:100%;max-width:var(--csv-content-width, 1312px);text-align:center;word-break:keep-all;overflow-wrap:break-word}.campaign-scroll-video__title,.campaign-scroll-video__description{margin:0;color:inherit;font-family:"Pretendard",var(--font-korean-family),sans-serif;line-height:var(--csv-line-height, 1.2);letter-spacing:0}.campaign-scroll-video__title{font-size:var(--csv-title-size, 60px);font-weight:var(--csv-title-weight, 600)}.campaign-scroll-video__description{font-size:var(--csv-description-size, 44px);font-weight:var(--csv-description-weight, 500)}.campaign-scroll-video__mobile-text{display:none}.campaign-scroll-video--shadow .campaign-scroll-video__title,.campaign-scroll-video--shadow .campaign-scroll-video__description{text-shadow:0 2px 12px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.35)}.campaign-scroll-video__button{display:inline-flex;align-items:center;justify-content:center;padding:var(--csv-button-padding-y, 20px) var(--csv-button-padding-x, 36px);border-radius:999px;background:var(--csv-button-background, #000);color:var(--csv-button-color, #fff);font-family:"Pretendard",var(--font-korean-family),sans-serif;font-size:var(--csv-button-size, 32px);font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.campaign-scroll-video__button:hover{opacity:.85}.campaign-scroll-video__button:focus-visible{outline:2px solid var(--csv-text-color, #fff);outline-offset:3px}.campaign-scroll-video--reveal.is-ready .campaign-scroll-video__content{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.campaign-scroll-video--reveal.is-ready .campaign-scroll-video__panel.is-visible .campaign-scroll-video__content{opacity:1;transform:none}.campaign-scroll-video__indicator{--csv-dot-hit: 20px;--csv-dot-size: 12px;position:fixed;top:50%;right:calc(var(--csv-indicator-right, 50px) - (var(--csv-dot-hit) - var(--csv-dot-size)) / 2);z-index:2;display:flex;flex-direction:column;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.campaign-scroll-video.is-engaged .campaign-scroll-video__indicator{opacity:1;visibility:visible}.campaign-scroll-video__dot{position:relative;width:var(--csv-dot-hit);height:var(--csv-dot-hit);margin:0;padding:0;border:0;background:none;cursor:pointer}.campaign-scroll-video__dot:before{content:"";position:absolute;top:50%;left:50%;width:var(--csv-dot-size);height:var(--csv-dot-size);border-radius:50%;background:var(--csv-text-color, #fff);opacity:.4;transform:translate(-50%,-50%);transition:opacity .3s ease}.campaign-scroll-video__dot.is-active:before{opacity:1}.campaign-scroll-video__dot:focus-visible{outline:2px solid var(--csv-text-color, #fff);outline-offset:-2px;border-radius:50%}.campaign-scroll-video__toggle{position:fixed;right:var(--csv-toggle-right, 120px);bottom:var(--csv-toggle-bottom, 28px);z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#0006;color:#fff;cursor:pointer;transition:background-color .2s ease}.campaign-scroll-video__toggle:hover{background:#0009}.campaign-scroll-video__toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.campaign-scroll-video__toggle svg{width:22px;height:22px;fill:currentColor}.campaign-scroll-video__icon-play,.campaign-scroll-video.is-paused .campaign-scroll-video__icon-pause{display:none}.campaign-scroll-video.is-paused .campaign-scroll-video__icon-play{display:block}@media screen and (max-width:749px){.campaign-scroll-video__media--desktop{display:none}.campaign-scroll-video__media--mobile{display:block}.campaign-scroll-video__panel{min-height:calc(var(--csv-panel-height-mobile, 100) * 1vh);min-height:calc(var(--csv-panel-height-mobile, 100) * 1svh);padding:40px 20px}.campaign-scroll-video__content{gap:var(--csv-content-gap-mobile, 20px)}.campaign-scroll-video__title{font-size:var(--csv-title-size-mobile, 20px)}.campaign-scroll-video__description{font-size:var(--csv-description-size-mobile, 16px)}.campaign-scroll-video__desktop-text{display:none}.campaign-scroll-video__mobile-text{display:inline}.campaign-scroll-video__button{padding:var(--csv-button-padding-y-mobile, 8px) var(--csv-button-padding-x-mobile, 12px);font-size:var(--csv-button-size-mobile, 14px)}.campaign-scroll-video__indicator{--csv-dot-hit: 12px;--csv-dot-size: 8px;right:calc(var(--csv-indicator-right-mobile, 8px) - (var(--csv-dot-hit) - var(--csv-dot-size)) / 2)}.campaign-scroll-video__toggle{right:var(--csv-toggle-right-mobile, 80px);bottom:var(--csv-toggle-bottom-mobile, 28px);width:40px;height:40px}.campaign-scroll-video__toggle svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.campaign-scroll-video--reveal.is-ready .campaign-scroll-video__content{transform:none;transition:opacity .2s linear}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/campaign-scroll-video.css.map */