.video-modal{position:fixed;top:50%;left:50%;height:100vh;width:100vw;background:#4d4d4d33;box-shadow:var(--d2c-elevation-shadow-100);opacity:0;overflow:auto;pointer-events:none;visibility:hidden;transform:translate(-50%,-50%);z-index:-1}.video-modal.vertical-video{height:100dvh}@media screen and (orientation:landscape)and (max-width:844px){.video-modal.vertical-video{height:100vh!important;width:100vw!important}}@media only screen and (min-width:768px){.video-modal.vertical-video{aspect-ratio:19/20;width:auto;height:70vh;height:70dvh}}@media only screen and (min-width:1024px){.video-modal.vertical-video{height:90vh;height:90dvh}}.video-modal.vertical-video .video-modal__content{background:#0b0b0b;min-height:0}.video-modal.vertical-video .video-modal__content-info{flex:1 1 auto;height:100%;min-height:0;padding:66px 0 0}@media only screen and (min-width:768px){.video-modal.vertical-video .video-modal__content-info{padding-top:48px}}@media screen and (orientation:landscape)and (max-width:844px){.video-modal.vertical-video .video-modal__content-info{height:100%;padding:50px 20px}}@media screen and (orientation:landscape)and (max-width:844px){.video-modal.vertical-video .video-modal__content-info.descriptive-text-accordion{height:100%;padding:40px 0 0}}.video-modal.vertical-video .video-modal__content-info.descriptive-text-accordion .video-modal__video{height:100%;max-height:calc(100% - 145px);margin-bottom:20px}@media screen and (orientation:landscape)and (max-width:844px){.video-modal.vertical-video .video-modal__content-info.descriptive-text-accordion .video-modal__video{max-height:100%}}.video-modal.vertical-video .video-modal__content-descriptive_text-wrapper{background:#fff;padding:0 16px 8px;margin-top:auto}.video-modal.vertical-video .video-modal__video{display:flex;flex:1 1 auto;height:100%;max-height:calc(100% - 76px);margin-bottom:80px;min-height:0;justify-content:center;text-align:center}@media only screen and (min-width:768px){.video-modal.vertical-video .video-modal__video{margin-bottom:48px;max-height:calc(100% - 44px)}}@media screen and (orientation:landscape)and (max-width:844px){.video-modal.vertical-video .video-modal__video{max-height:100%;margin-bottom:0}}.video-modal.vertical-video iframe{display:block;width:auto;height:100%;margin:0 auto;max-height:100%;max-width:100%}.video-modal.vertical-video .video-modal__close-button{top:16px;right:16px;width:28px;height:28px;background-size:28px 28px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIyLjMwNzdMMTEuMTUzOCAzMS4xNTM4TDguODQ2MTUgMjguODQ2MkwxNy42OTIzIDIwTDguODQ2MTUgMTEuMTUzOEwxMS4xNTM4IDguODQ2MTVMMjAgMTcuNjkyM0wyOC44NDYyIDguODQ2MTVMMzEuMTUzOCAxMS4xNTM4TDIyLjMwNzcgMjBMMzEuMTUzOCAyOC44NDYyTDI4Ljg0NjIgMzEuMTUzOEwyMCAyMi4zMDc3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)}.video-modal.vertical-video .video-modal__close-button:hover{background-color:#0b0b0b}.video-modal.vertical-video .video-modal__close-button:focus-visible{box-shadow:none;outline:2px solid var(--d2c-color-hero-blue);outline-offset:0}@media screen and (orientation:landscape)and (max-width:844px){.video-modal.vertical-video .video-modal__close-button{top:8px;right:8px}}@media only screen and (min-width:768px){.video-modal{height:39.375vw;width:70vw;border-radius:16px}}@media only screen and (min-width:1500px){.video-modal{max-height:90vh}}.video-modal[open]{opacity:1;visibility:visible;z-index:101;pointer-events:all}.video-modal__body-no-scroll{overflow:hidden}.video-modal__body-no-scroll .AstuteBotMessengerContainer{display:none!important}.video-modal__close-button{padding:0;border:none;text-align:left;position:absolute;top:80px;z-index:999;right:32px;height:24px;width:24px;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTEzIDEuNS0xMiAxMm0wLTEyIDEyIDEyIi8+PC9zdmc+);background-position:center center;background-repeat:no-repeat;background-size:12px 12px;border-radius:100%;cursor:pointer;transition:background-color 155ms cubic-bezier(.4,0,1,1)}@media only screen and (min-width:768px){.video-modal__close-button{top:32px}}@media screen and (orientation:landscape)and (max-width:844px){.video-modal__close-button{top:20px;right:20px}}.video-modal__close-button:hover{background-color:#f4f4f4}.video-modal__content{background-color:#fff;height:100%;width:100%;margin:0;padding:0;display:flex;overflow:auto}.video-modal__content-description{line-height:3rem;font-size:2rem;padding-top:25px;color:#333}.video-modal__content-descriptive_text{line-height:2.4rem;font-size:1.6rem;font-family:var(--d2c-tertiary-font-family);padding-top:0;margin-top:0;max-height:50px;overflow-y:auto}.video-modal__content-descriptive_text *{margin-top:0;margin-bottom:6px}.video-modal__mask--visible{animation:fade-in .15s forwards;position:fixed;top:0;height:100%;width:100%;background:#000;display:block;z-index:99;cursor:pointer}@keyframes fade-in{0%{opacity:0}to{opacity:.4}}.video-modal__mask--hidden{animation:fade-out 255ms forwards;pointer-events:none}@keyframes fade-out{0%{opacity:.4}to{opacity:0}}.video-modal__content-info{height:64%;width:100%;margin:0 auto;padding:120px 32px 81px;display:flex;flex-direction:column}@media screen and (orientation:landscape)and (max-width:844px){.video-modal__content-info{height:100%;padding:50px 20px}}@media only screen and (min-width:768px){.video-modal__content-info{height:100%;padding:81px 32px 25px}}.video-modal__open-modal:hover{cursor:pointer}.video-modal__open-modal *{pointer-events:none}.video-modal__toggle{position:fixed;top:20px;right:5px;width:40px;margin:0 0 0 auto;padding:12px;align-items:center;background-color:#fff;border:1px solid black;border-radius:50%;color:#000;cursor:pointer;display:flex;justify-content:center;z-index:2}@media only screen and (min-width:990px){.video-modal__toggle{right:43px;top:30px}}@media only screen and (min-width:750px){.video-modal__toggle{right:48px;top:35px}}.video-modal__toggle *{pointer-events:none}.video-modal__toggle .icon{height:auto;margin:0;width:22px}.video-modal__video,.video-modal__video iframe{height:100%;width:100%}.video-modal__video iframe{position:static;border:0}.video-modal__video img{max-width:100%;margin:auto;display:block}.video-modal .accordion__trigger-wrapper{padding:8px 0}.video-modal .accordion__inner{margin-top:0}.video-modal .accordion__title{line-height:2.4rem;font-size:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/157/assets/compiled-video-modal.css.map */