.design-colourways-button-container {
    overflow-x: auto;
    white-space: nowrap;
}

.design-colourways-select-button {
    display: inline-block;
    float: none;
    width: 34px;
    height: 44px;
}

.design-page-colourways-select-button {
    display: inline-block;
    float: none;
    width: 45px;
    height: fit-content;
}

.custom_selected{
    box-shadow: 0 0 0 1px #707070;
    border-radius: 50%;
}

.design-colourways-select-img {
    margin-top: 3px;
    padding: 3px;
    border: 0;
}

.design-colourways-select-img.selected {
    margin-top: 3px;
    padding: 3px;
    box-shadow: 0 0 0 1px #707070;
    border-radius: 3px;
}

.dcoptions-design-loading-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.dcoptions-loaded-spinner {
    position: absolute;
}

.load-more-button{
    height: 46px;
    width: 248px;
    border: #A7A7A7 1px solid;
    margin-top: 10px;
    border-radius: 0px;
}

.load-more-button:hover{
    background-color: transparent;
}

.load-more-button:focus{
    background-color: transparent;
}

.clickableLinks:hover {
    cursor:pointer;
}

.dc-title{
    margin-top: -14px;
    margin-bottom: 20px;
}

.dcoptions-design-container{
    margin-bottom: 10px;
}


img.lazyload:not([src]) {
    visibility: hidden;
}

#dc-preview-image {
    opacity: 0;
}

#dc-preview-image.preview-loaded {
    opacity: 1;
    transition: opacity 300ms;
}

#dc-temp-preview-overlay {
    opacity: 0;
}

#dc-temp-preview-overlay.show-temp-preview {
    opacity: 1;
}

#dc-temp-preview {
    opacity: 0;
}

#dc-temp-preview.show-temp-preview {
    opacity: 1;
}

.design-colourways-default-img {
    cursor: pointer;
}

@media (min-width: 640px) and (max-width: 768px){
    .dc-title{
        margin-top: 0px;
    }
}

@media (min-width: 768px){
    .dc-title{
        margin-top: -34px;
    }
}