.lookbook{display:flex;background-color:#f6f6f6;padding-top:50px;padding-bottom:50px;flex-direction:row}.lookbook-image{position:relative;width:55%}.lookbook-image img{width:100%;height:auto}.hotspot{width:30px;height:30px;background-color:#fff;border:2px solid #3F3FF8;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;box-shadow:0 0 4px 4px #3f3ff861}.lookbook-text{padding-left:20px;width:45%}.lookbook-text h3{margin:0;font-size:40px;line-height:54.33px;width:100%;max-width:580px}.lookbook-text h5{margin:29px 0 20px;font-weight:700;font-size:24px;color:#3f3ff8}.lookbook-text p{margin:0;font-size:18px;line-height:20.1px;width:100%;max-width:488px}.text-item{display:none}.text-item.active{display:block}.lookbook-hotspots{margin-top:10px;display:flex;flex-direction:column;padding-left:24px}.hotspot-right{width:36px;height:36px;background-color:transparent;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;margin-bottom:10px;border:1px solid #3F3FF8;color:#3f3ff8}.lookbook-wrapper{margin-top:100px;display:flex;align-items:start;justify-content:space-between}.text-item h5,.text-item p{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.text-item.active h5,.text-item.active p{opacity:1;transform:translateY(0)}.hotspot-right.active,.hotspot.active{background-color:#3f3ff8;color:#fff;box-shadow:none}.mobile-heading{display:none}@media (max-width: 768px){.text-item{visibility:hidden;opacity:0;height:0;transition:height .8s ease-in-out,opacity .8s ease-in-out;text-align:center}.text-item.active{visibility:visible;opacity:1;height:auto}.lookbook-text p{font-size:14px}.mobile-heading{display:block}.desktop-heading{display:none}.lookbook-hotspots{flex-direction:row;padding-left:0!important}.mobile-heading{margin-bottom:50px}.lookbook-wrapper{flex-wrap:wrap}.lookbook-hotspots{width:100%;justify-content:center;gap:8px;margin-top:36px}}@media (max-width: 1024px){.lookbook{flex-direction:column}.lookbook-image,.lookbook-text{width:100%}.lookbook-text h3{font-size:24px;line-height:30px}.lookbook-text h5{margin:8px 0 14px;font-size:16px;line-height:1.2em}.lookbook-text{padding-left:0}.lookbook-hotspots{padding-left:20px}.lookbook-wrapper{margin-top:50px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lookbook-with-text.css.map */
