*,: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://source.unsplash.com/random);width:100%;height:100%;background-position:top;background-size:contain;background-repeat:no-repeat}.sidebar{grid-area:sidebar;border-left:1px solid #7c1fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;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.a39d9bd8.chunk.css.map */