.nav-wrapper{flex:0 0 380px}.nav-wrapper .nav-menus{border-right:1px solid #e0e0e0;flex:0 0 80px}.nav-wrapper .nav-menus .menu-item{white-space:nowrap;padding:10px 0}.nav-wrapper .nav-container .model-wrapper .model-list .model-item{cursor:pointer;border-radius:5px;transition:all .3s;overflow:hidden}.nav-wrapper .nav-container .model-wrapper .model-list .model-item:hover{transform:scale(1.05)}.nav-wrapper .nav-container .model-wrapper .model-list .model-item.active{border:1px solid #030303}.workbench{justify-content:center;align-items:center;padding:20px;display:flex}.workbench .containter{justify-content:center;align-items:center;width:100%;height:100%;padding:50px 0;display:flex}.workbench .containter .wrapper{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:80%;height:100%;display:flex}.workbench .containter .wrapper .preview-panel{height:83%;display:flex}.workbench .containter .wrapper .preview-panel .content{aspect-ratio:260/380;background:#fff;border-radius:10px;overflow:hidden}.workbench .containter .wrapper .preview-panel .content img{object-fit:cover;height:100%}.workbench .containter .wrapper .outfits-panel{gap:8px;height:14%;display:flex}.workbench .containter .wrapper .outfits-panel .outfit-item{aspect-ratio:260/380;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:5px;overflow:hidden}.workbench .containter .wrapper .outfits-panel .outfit-item:hover,.workbench .containter .wrapper .outfits-panel .outfit-item.active{border-color:#000}.sidebar-wrapper{background:#fff;flex:0 0 300px}.sidebar-wrapper .wardrobe-wrapper .category{border-bottom:1px solid #e0e0e0}.sidebar-wrapper .wardrobe-wrapper .category .item.active{color:#fff;background:#030303}.sidebar-wrapper .wardrobe-wrapper .wardrobe-body{padding:10px 0}.sidebar-wrapper .wardrobe-wrapper .wardrobe-body .clothes-item{cursor:pointer;border:1px solid #f8f8f8;border-radius:5px;transition:all .3s;overflow:hidden}.sidebar-wrapper .wardrobe-wrapper .wardrobe-body .clothes-item:hover{transform:scale(1.1)}.sidebar-wrapper .wardrobe-wrapper .wardrobe-body.active{border-color:#030303}.sidebar-wrapper .wardrobe-wrapper .wardrobe-footer .selected-wrapper{margin-bottom:10px}.sidebar-wrapper .wardrobe-wrapper .wardrobe-footer .selected-wrapper .selected-clothe{cursor:pointer;border:1px solid #f8f8f8;border-radius:5px;overflow:hidden}