.xo-video-blog__main{width:100%;height:calc(100vh - 10rem);max-height:75rem;position:relative}@media screen and (min-width:768px){.xo-video-blog__main{height:calc(100vh - 12rem)}}.xo-video-blog__main[xo-playing] .xo-video-blog__video-action-play{display:none}.xo-video-blog__main[xo-playing] .xo-video-blog__video-action-pause{display:block}.xo-video-blog__main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(var(--color-background),.4);display:none}@media screen and (min-width:768px){.xo-video-blog__main:before{display:block;background:linear-gradient(to right,rgba(var(--color-background),1) 0%,rgba(var(--color-background),.7) 30%,rgba(var(--color-background),0) 45%,transparent 100%)}}.xo-video-blog__main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,rgba(var(--color-background),1) 0%,rgba(var(--color-background),.8) 40%,rgba(var(--color-background),0) 75%,transparent 100%)}@media screen and (min-width:768px){.xo-video-blog__main:after{background:linear-gradient(to top,rgba(var(--color-background),1) 0%,rgba(var(--color-background),.5) 12%,rgba(var(--color-background),0) 20%,transparent 100%)}}@media screen and (max-width:767px){.xo-video-blog__main--pc{display:none}}@media screen and (min-width:768px){.xo-video-blog__main--mobile{display:none}}.xo-video-blog__main--image{background-size:cover;background-position:center;background-repeat:no-repeat;background-image:var(--bg-mobile)}@media screen and (min-width:768px){.xo-video-blog__main--image{background-image:var(--bg-pc)}}.xo-video-blog__action{position:absolute;top:2.5rem;left:var(--xo-container-gap);display:flex;align-items:center;gap:1rem;z-index:4}.xo-video-blog__video-action-pause{display:none}.xo-video-blog__main-content{display:flex;height:100%;justify-content:flex-end;flex-direction:column;padding-inline:var(--xo-container-gap);position:relative;z-index:3;padding-bottom:3rem}@media screen and (min-width:768px){.xo-video-blog__main-content{justify-content:center;width:50%;padding-inline-end:0;padding-bottom:0}}@media screen and (min-width:992px){.xo-video-blog__main-content{width:35%}}.xo-video-blog__main-content--left{align-items:flex-start}.xo-video-blog__main-content--left .xo-video-blog__footer{justify-content:flex-start}.xo-video-blog__main-content--center{align-items:center}.xo-video-blog__main-content--center .xo-video-blog__footer{justify-content:center}.xo-video-blog__main-content--right{align-items:flex-end}.xo-video-blog__main-content--right .xo-video-blog__footer{justify-content:flex-end}.xo-video-blog__title{padding-bottom:3.5rem;position:relative}@media screen and (min-width:768px){.xo-video-blog__title{padding-bottom:4.5rem}}.xo-video-blog__subtitle{font-weight:500;padding-bottom:1.5rem;font-size:calc(var(--font-body-scale) * 2rem)}@media screen and (min-width:768px){.xo-video-blog__subtitle{font-size:calc(var(--font-body-scale) * 2.2rem);padding-bottom:4rem}}.xo-video-blog__description{padding-bottom:1.8rem}.xo-video-blog__footer{gap:1.5rem;width:100%;display:grid;grid-template-columns:1fr 1fr}@media screen and (min-width:768px){.xo-video-blog__footer{width:auto;display:flex;align-items:center}}.xo-video-blog__blogs{padding-top:4rem;width:calc(100vw - var(--xo-container-gap) * 2);max-width:70rem;margin:auto}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-main-video-blog.css.map */