@media screen and (max-width: 768px){.sm\:hidden{display:none}.dtc-experiment-hero-video{flex-direction:column}.dtc-experiment-hero-video .content{display:none}.dtc-experiment-hero-video .hero-video{position:relative}}@media screen and (min-width: 769px){.md-up\:hidden{display:none}.dtc-experiment-hero-video .content{padding:0 2rem}.dtc-experiment-hero-video .hero-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}}.dtc-experiment-hero-video .content-experiment{cursor:pointer;opacity:1;transition:opacity .5s linear}.dtc-experiment-hero-video .content-experiment.content-experiment--hidden{opacity:0;transition:opacity .5s linear}.dtc-experiment-hero-video .hero-video__content{margin:.5rem auto;width:calc(100% - 1rem)}.dtc-experiment-hero-video .hero-video__content .hero-action-button{margin-top:0}.dtc-experiment-hero-video .hero-video .hero-video__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;border:2px solid #fff;border-radius:50%;padding:.4rem;transition:opacity .25s linear}.dtc-experiment-hero-video .hero-video .hero-video__icon:after{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff;transform:translateY(-50%) rotate(45deg);opacity:1;transition:opacity .25s linear}.dtc-experiment-hero-video .hero-video .hero-video__icon.is-playing{opacity:.5}.dtc-experiment-hero-video .hero-video .hero-video__icon.is-playing:after{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/580/assets/dtc-hero-video.css.map */