.design-name-container[data-v-6d30429d]{position:relative;overflow-x:auto;white-space:nowrap;scrollbar-width:none;scrollbar-color:rgba(255,255,255,.3) transparent;-ms-overflow-style:auto;max-width:100%}.view-toggle-btn[class*=active]+.grid .design-name-container[data-v-6d30429d]{flex-grow:1}.design-name-container[data-v-6d30429d]::-webkit-scrollbar-track{background:transparent}.design-name-container[data-v-6d30429d]::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:10px}.design-name[data-v-6d30429d]{display:block;padding-right:5px}@media (min-width: 769px){.grid-cols-1.md\:grid-cols-4 .design-name-container[data-v-6d30429d]{max-width:150px}.grid-cols-1.md\:grid-cols-2 .design-name-container[data-v-6d30429d]{max-width:300px}.grid-cols-1:not(.md\:grid-cols-2):not(.md\:grid-cols-4) .design-name-container[data-v-6d30429d]{max-width:600px}}@media (max-width: 768px){.design-name-container[data-v-6d30429d]{max-width:calc(100% - 20px);flex-grow:1}.flex-grow[data-v-6d30429d]{flex-grow:1}}@media (min-width: 769px){.design-name-container[data-v-6d30429d]{max-width:200px}}.view-toggle-btn[data-v-6d30429d]{color:#a0aec0;transition:all .2s;display:flex;align-items:center;justify-content:center;height:36px;width:36px;padding:0}.view-toggle-btn[data-v-6d30429d]:hover{color:#fff}.view-toggle-btn.active[data-v-6d30429d]{background-color:#ffffff1a;color:#fff}.icon[data-v-6d30429d]{stroke-width:1.75}@media (max-width: 768px){.view-selection-container[data-v-6d30429d]{display:none}}