.video-component{display:block;position:absolute;width:100%;height:100%;top:0}.video-component__overlay-content{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;z-index:9;color:var(--color-text-main)}.video-component--crop video{object-fit:cover}.video-component__play{display:block;width:clamp(60px,10vw,110px);height:clamp(60px,10vw,110px);transition:all .12s linear;margin:0 auto;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9}.video-component__play:after{content:"";position:absolute;top:0;width:100%;height:100%;left:0;border-radius:var(--border-radius-buttons)}.video-component__play svg{position:relative;top:1px;z-index:9}.video-component__play svg circle{stroke:var(--color-text-main)}.video-component__play svg path{fill:var(--color-text-main)}.video-component__overlay-content .video-component__play{position:static;transform:none}.video-component__background{z-index:1}.video-component__background:after{position:absolute;top:0;width:100%;height:100%;left:0;opacity:.36}.video-component__background.onboarding-svg{position:absolute;top:0}html[dir=rtl] .video-component__background.onboarding-svg{right:0}html[dir=ltr] .video-component__background.onboarding-svg{left:0}.video-component iframe,.video-component video{z-index:99;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute}.video-component[data-autoplay=true] iframe,.video-component[data-autoplay=true] video{opacity:0;transition:opacity .7s ease-out}.video-component[data-autoplay=true].video-playing iframe,.video-component[data-autoplay=true].video-playing video{opacity:1!important}.video-component[data-autoplay=true].video-playing .video-component__autoplay-poster{opacity:0}.video-component[data-autoplay=true] .video-component__blackout{display:none}.video-component__container{overflow:hidden}.video-component__container,.video-component__autoplay-poster{position:absolute;top:0;width:100%;height:100%;left:0}.video-component__autoplay-poster{transition:opacity .15s linear;z-index:8}.video-component__blackout{position:absolute;top:0;width:100%;height:100%;left:0;transition:all .1s linear;pointer-events:none;opacity:0;background:#000;z-index:90}.video-component__link{cursor:pointer;display:block}.no-touchevents .video-component__link:hover .video-component__play:after{transform:scale(1.05)}.video-component__close{display:none;position:absolute;top:1.25rem;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;z-index:999}html[dir=rtl] .video-component__close{left:1.25rem}html[dir=ltr] .video-component__close{right:1.25rem}.video-component__close svg,.video-component__close span{width:.875rem;height:.875rem;display:block;z-index:999}.video-component__close svg *{stroke:var(--color-text-main)}.video-component__close:after{content:"";position:absolute;top:0;width:100%;height:100%;left:0;background:var(--color-background-main);border-radius:var(--border-radius-buttons)}.no-touchevents .video-component__close:hover:after{transform:scale(1.05)}.video-component.video-opened .video-component__close{display:flex}.video-component.video-opened figure{display:none}.video-popup__close:after,.video-popup__blackout,.video-popup iframe,.video-popup video,.video-popup__background:after,.video-popup__play:after{position:absolute;top:0;width:100%;height:100%}html[dir=rtl] .video-popup__close:after,html[dir=rtl] .video-popup__blackout,html[dir=rtl] .video-popup iframe,.video-popup html[dir=rtl] iframe,html[dir=rtl] .video-popup video,.video-popup html[dir=rtl] video,html[dir=rtl] .video-popup__background:after,html[dir=rtl] .video-popup__play:after{right:0}html[dir=ltr] .video-popup__close:after,html[dir=ltr] .video-popup__blackout,html[dir=ltr] .video-popup iframe,.video-popup html[dir=ltr] iframe,html[dir=ltr] .video-popup video,.video-popup html[dir=ltr] video,html[dir=ltr] .video-popup__background:after,html[dir=ltr] .video-popup__play:after{left:0}.video-popup__overlay-content{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;z-index:9;color:var(--color-text-main)}.video-popup__play{display:block;width:clamp(60px,10vw,110px);height:clamp(60px,10vw,110px);transition:all .12s linear;margin:0 auto;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9}.video-popup__play:after{content:"";border-radius:var(--border-radius-buttons)}.video-popup__play svg{position:relative;top:1px;z-index:9}.video-popup__play svg circle{stroke:var(--color-text-main)}.video-popup__play svg path{fill:var(--color-text-main)}.video-popup__overlay-content .video-popup__play{position:static;transform:none}.video-popup__background{z-index:1}.video-popup__background:after{opacity:.36}.video-popup__background.onboarding-svg{position:absolute;top:0}html[dir=rtl] .video-popup__background.onboarding-svg{right:0}html[dir=ltr] .video-popup__background.onboarding-svg{left:0}.video-popup__background.onboarding-svg:after{width:100%;height:100%;background:#000d;content:" ";display:block;position:absolute;top:0;left:0}.video-popup iframe,.video-popup video{z-index:99}.video-popup__blackout{transition:all .1s linear;pointer-events:none;opacity:0;background:#000;z-index:90}.video-popup__link{cursor:pointer;display:block}.no-touchevents .video-popup__link:hover .video-popup__play:after{transform:scale(1.05)}.video-popup__close{display:none;position:absolute;top:1.25rem;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;z-index:999}html[dir=rtl] .video-popup__close{left:1.25rem}html[dir=ltr] .video-popup__close{right:1.25rem}.video-popup__close svg,.video-popup__close span{width:.875rem;height:.875rem;display:block;z-index:999}.video-popup__close svg *{stroke:var(--color-text-main)}.video-popup__close:after{content:"";background:var(--color-background-main);border-radius:var(--border-radius-buttons)}.no-touchevents .video-popup__close:hover:after{transform:scale(1.05)}.video-popup.video-opened .video-popup__close{display:flex}.video-popup--section{position:relative;overflow:hidden}.video-popup--section:after{display:inline-block;content:"";padding-top:56%}.video-popup--section .video-popup__background{width:100%;height:100%}.section-video-autoplay{position:relative;aspect-ratio:5/7;background:var(--color-loading-bg)}@media (min-width: 768px){.section-video-autoplay{aspect-ratio:16/9}}.container--fullwidth .section-video-autoplay{height:56.9vh;aspect-ratio:0}@media (min-width: 768px){.container--fullwidth .section-video-autoplay{height:86.6669vh}}.video-container{overflow:hidden;max-width:100%;height:100%}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:fadeIn .666s ease-in-out forwards}.video-container video:not([controls]){pointer-events:none}@media (min-width: 768px){.video-container{object-fit:contain}}@keyframes fadeIn{to{opacity:1}}.video-container:has(video.video-mobile) video{display:none}.video-container:has(video.video-mobile) video.video-mobile{display:block}@media (min-width: 768px){.video-container:has(video.video-mobile) video.video-mobile{display:none}.video-container:has(video.video-mobile) video:not(.video-mobile){display:block}}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000040;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;color:#fff;z-index:2;text-align:center}.video-overlay-content{position:absolute;padding-left:10vh;padding-right:10vh;padding-bottom:16.666vh;bottom:0;left:0;z-index:4;color:#fff;width:100%}@media (max-width: 767px){.video-overlay-content{padding-left:3.33vh;padding-right:3.33vh}}.video-overlay-title{width:100%;word-break:break-word;margin-bottom:33.3px}@media (min-width: 1024px){.video-overlay-title{width:60%;max-width:640px;margin-bottom:40px}}.video-overlay-title h1,.video-overlay-title h2,.video-overlay-title h3{max-width:19ch;text-wrap:balance}.video-overlay-title h4,.video-overlay-title h5,.video-overlay-title h6,.video-overlay-title p{max-width:120ch;text-wrap:pretty}.section-video-autoplay .button.button--outline{color:#fff;border-color:#fff}.section-video-autoplay .button--icon .button__icon svg path{fill:#fff}.video-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.video-grid{grid-template-columns:repeat(2,1fr)}}.video-grid__item{position:relative}.scroll-more{position:absolute;left:0;bottom:30px;width:100%;display:flex;align-items:center;justify-content:center;z-index:2;color:#fff;transition:.5s opacity linear;opacity:0}@media (min-width: 1280px) and (max-height: 809px){.scroll-more{position:fixed;bottom:3vh}}@media only screen and (max-width: 1024px) and (orientation: landscape){.scroll-more{position:fixed;bottom:6vh}}.scroll-down{animation:scroll-down 1.6s cubic-bezier(.455,.03,.515,.955) infinite;display:flex;align-items:center;justify-content:center}.scroll-down>p{margin-left:.666rem;margin-bottom:0;color:#fff;line-height:1;font-size:1rem;text-transform:uppercase}@keyframes scroll-down{0%{transform:translate3d(0,-5px,0)}50%{transform:translate3d(0,5px,0)}97%,to{transform:translate3d(0,-5px,0)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-video.css.map */