*,:after,:before{box-sizing:border-box}body{margin:0}.container{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;grid-template-areas:"image sidebar" "slider sidebar";height:100vh;width:100vw;background-color:#dadada}.main-image{grid-area:image;background-image:url(https://images.unsplash.com/photo-1547658718-1cdaa0852790?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=60&w=500);width:100%;height:100%;background-position:top;background-size:contain;background-repeat:no-repeat}.sidebar{grid-area:sidebar;border-left:1px solid #7c1fff;display:flex;flex-direction:column;align-items:stretch}.sidebar,.sidebar-item{background-color:#d5b8ff}.sidebar-item{cursor:pointer;border:none;outline:none;padding:1rem;position:relative;transition:background-color .15s}.sidebar-item:focus,.sidebar-item:hover{background-color:#b885ff}.sidebar-item.active{background-color:#a666ff}.sidebar-item:after{content:"";position:absolute;width:80%;left:10%;bottom:0;height:1px;background-color:#6200eb}.sidebar-item:last-child:after{display:none}.slider-container{grid-area:slider;margin-top:2rem;padding:2rem}.slider{width:100%;cursor:pointer}
/*# sourceMappingURL=main.237ffb1b.chunk.css.map */