.cart-popup{align-items:flex-end;background-color:#fff;display:flex;flex-direction:column;gap:10px;max-width:calc(50vw + 20px);padding:10px;width:100%}.cart-popup-main{border:1px solid #999;height:50vh;position:relative;width:50vw}.cart-popup-main-name{background-color:#fff;border:1px solid #999;border-right:unset;bottom:5%;max-width:200px;padding:10px;position:absolute;right:0}.color-popup-close{cursor:pointer}.color-map{display:grid;grid-template-columns:1fr 3fr;min-height:calc(100vh - 236px)}.color-map-tab{display:flex;flex-direction:column;gap:15px}.color-map-tab-group{display:flex;flex-direction:column;gap:5px}.color-map-tab-title{color:#555;font-size:15px;font-weight:700;margin:0 0 3px;padding:0}.color-map-tab-group-text{color:#555;cursor:pointer;font-size:14px;margin:0;padding:0 0 0 10px;transition:.15s}.color-map-tab-group-text:hover{color:#474e99}.color-map-all{display:grid;height:-moz-max-content;height:max-content}.color-map-all-wrapper{background-color:#eee;height:500px;margin:0 0 0 170px;overflow:auto;padding:20px;width:-moz-max-content;width:max-content}.color-map-all.small .color-map-all-group-color{height:55px;width:55px}.color-map-all.small .color-map-all-group-name{align-self:center}.color-map-all-group-color{box-sizing:border-box;height:80px;width:80px}.color-map-all-group{display:flex;flex-direction:column;gap:5px}.color-map-all-group.border .color-map-all-group-color{border:1px solid #000}.color-map-tab-group-text.active{background:#f0f0f0;color:#474e99}@media screen and (max-width:1055px){.color-map{gap:30px;grid-template-columns:1fr}.color-map-all-wrapper{margin:0;width:calc(100vw - 60px)}.color-map-all{display:flex;flex-wrap:wrap;gap:10px!important;height:auto;justify-content:space-between;margin:0;width:100%}.color-map-all-group{flex:1;height:-moz-max-content;height:max-content;width:-moz-max-content;width:max-content}}@media screen and (max-width:639px){.color-map-all-wrapper{width:calc(100vw - 30px)}}