.dd-with-image-container{width:100%;padding-bottom:10rem;padding-top:2.8rem}.text-container{flex:1;display:flex;flex-direction:column;justify-content:space-between}.dd-img,.dd-img-mobile{width:100%;height:432px;object-fit:cover;opacity:1;transition:opacity .75s}.fade-in{opacity:1}.fade-out{opacity:0}.dropdown-header{display:flex}.dropdown-header p{font-family:IBM Plex Mono;font-size:16px}.dropdown-body{margin:1rem 0 0;max-height:100px;overflow:hidden;transition:margin .25s linear,max-height .75s linear;position:relative}.dropdown{padding:28px 0;border-bottom:1px solid #dfdfdf;display:flex;flex-direction:column;justify-content:center;position:relative}.hidden-dropdown{max-height:0;overflow:hidden;margin:0;transition:margin .25s linear,max-height .75s linear}.dropdown-header .progress-bar{position:absolute;bottom:-1px;left:0;height:1px;background-color:#000;animation:progress-animation 10s linear infinite}@keyframes progress-animation{0%{width:0%}to{width:100%}}@media screen and (min-width: 992px){.dd-with-image-container{display:flex;align-items:stretch}.text-container{padding-right:6rem}.dd-img{width:400px;height:432px}}@media screen and (min-width: 1200px){.dd-with-image-container{width:80%}.text-container{padding-right:8rem}.dd-img{width:500px;height:532px}}@media screen and (min-width: 1536px){.dd-with-image-container{width:70%}.text-container{padding-right:10rem}.dd-img{width:550px;height:586px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dropdown-with-image.css.map */