#room-painter{font-family:"Zalando Sans",Sans-serif;text-align:center}.room-tabs{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;width:100%}.category-block{display:flex;justify-content:center;align-items:flex-start;gap:30px;flex-wrap:wrap}.color-categories{text-align:center}.color-segment-container{display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer;text-align:center}.color-segment{display:flex;margin-bottom:10px}.color-segment-container .color-segment .color-box{flex:1;height:30px;width:35px}.color-segment-container .color-segment .color-box.first{border-radius:6px 0 0 6px}.color-segment-container .color-segment .color-box.third{border-radius:0 6px 6px 0}.color-segment-container .color-segment:hover .color-box{transform:scale(1.1);transition:transform 0.2s ease-in}.room-tabs button{font-family:"Zalando Sans",Sans-serif;padding:10px 40px;margin:5px;cursor:pointer;border:none;transition:background 0.3s;color:#000;background:#fff0;min-height:50px;font-size:18px;font-weight:500}.color-categories button{padding:10px 15px;margin:5px;cursor:pointer;border:none;transition:background 0.3s;color:#000;background:#fff0;min-height:50px}button.active,button:hover{background-color:#135FA7;color:#fff}.box{height:130px;width:130px;margin-bottom:10px}.small-box{height:3px;background-color:#fff0}.room-preview{position:relative;background:#fff;transition:background-color 0.4s ease}.room-bg{position:relative;display:flex;align-items:flex-start;justify-content:flex-end}.room-preview .room-bg .painter-container{position:sticky;top:10%;left:15%;padding:12px;margin-top:20px;background:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:120px;min-width:150px}.instruction-container{width:95%;max-width:1280px;padding:0 20px}.instruction-container h6{font-size:15px;margin:0;margin-top:10px;font-weight:600;font-family:"Zalando Sans",Sans-serif}.instruction-container ol.instruction{font-size:14px;padding-left:10px;margin:0;font-family:"Zalando Sans",Sans-serif}.room-preview .room-bg .painter-container .painter-code{background:#fff;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;max-width:110px}.room-preview .room-bg .painter-container .painter-code-title,.room-preview .room-bg .painter-container .painter-code-description{font-size:14px;font-weight:400;line-height:1em;text-align:center}.painter-container #painter{height:16px;position:absolute;top:35%;left:40%;z-index:9}.painter-relative{position:relative}.room-image{min-height:300px;object-fit:cover;object-position:center top}h6.cs-h6{color:#000;font-size:12px;font-weight:400;line-height:1em}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{transform:scale(1.1);outline:2px solid rgb(0 0 0 / .15);outline-offset:2px}.color-ui{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.color-segment-row{display:flex;justify-content:space-evenly;align-items:center;gap:20px;flex-wrap:nowrap;z-index:1;width:100%;padding:10px 0 0;overflow-x:scroll}.color-segment{cursor:pointer;text-align:center}.color-label{font-size:14px;font-weight:600;white-space:nowrap;font-family:"Zalando Sans",Sans-serif}.color-swatches-row{position:relative;min-height:300px;max-height:500px;overflow-y:scroll;width:95%;max-width:1280px;padding:0 50px}.color-swatches{display:none;flex-wrap:wrap;justify-content:center;gap:12px;position:absolute;left:0;top:5%;width:100%}.color-swatch{transition:transform 0.2s;transform-origin:center;width:80px;height:80px;border-radius:4px;cursor:pointer}.filters-mobile{display:none}.dropdown-wrap-cs{position:relative;display:inline-block;width:45%;min-width:210px;border-radius:8px;background:#fff;box-sizing:border-box;overflow:visible;height:40px;vertical-align:middle}.dropdown-wrap-cs .chevron{position:absolute;right:0;top:0;height:100%;width:38px;display:flex;align-items:center;justify-content:center;background:#c62828;color:#fff;font-size:28px;border-radius:0 8px 8px 0;pointer-events:none}@media screen and (max-width:1300px){.color-segment-row{width:90%}}@media screen and (max-width:992px){.room-tabs button{font-size:16px}}@media screen and (max-width:767.9px){.color-swatches-row,.instruction-container{width:99%}.box{height:110px;width:110px}.room-preview .room-bg .painter-container{min-width:130px}.room-tabs{display:none}.color-segment-row{display:none}.filters-mobile{display:flex;flex-wrap:wrap;gap:16px;width:99%}.filters-mobile .field{display:flex;flex-direction:column;gap:6px}.filters-mobile label{font-size:14px;font-weight:600}.filters-mobile select{width:100%;min-height:40px;border:1px solid #E2E8F0;border-radius:12px;padding:8px 14px;background:#fff}}@media screen and (max-width:479px){.room-tabs{gap:10px}.color-swatches-row{min-height:500px}}