.js9-oq_colourOptions .js9-oq_options{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}@media not all and (min-width:1024px){.js9-oq_colourOptions .js9-oq_options{flex-wrap:nowrap;margin-top:24px;margin-left:0;overflow-x:auto}}@media (min-width:1024px){.js9-oq_colourOptions .js9-oq_options{margin-left:2rem}}.js9-oq_colourOptions .js9-oq_options button{gap:6px;min-width:5.25rem}@media (min-width:1024px){.js9-oq_colourOptions .js9-oq_options button{max-width:7.5rem}}.js9-oq_colourOptions .js9-oq_options button:hover:not(.js9-oq_disabled){transition:all 50ms}.js9-oq_colourOptions .js9-oq_options button:hover:not(.js9-oq_disabled) .js9-oq_colourCircle{transform:scale(1.05)}.js9-oq_colourOptions .js9-oq_options .js9-oq_colourCircle{border-radius:9999px;outline:2px solid #eee;place-items:center;width:2rem;height:2rem;display:grid}.js9-oq_colourOptions .js9-oq_options .js9-oq_selected{border:1px solid #000;border-radius:50%;width:fit-content;height:fit-content;padding:3px}.js9-oq_colourOptions .js9-oq_options .js9-oq_disabled{cursor:not-allowed}.js9-oq_colourOptions .js9-oq_options .js9-oq_disabled :not(small){opacity:.5}
.rgRDnW_colorImageGallery{border-radius:.375rem;height:258px;overflow:hidden}.rgRDnW_colorImageGallery img{background-color:#f7f7f7}.rgRDnW_imagesContainer{border-radius:.5rem;height:258px;display:flex}.rgRDnW_mainImageContainer{border-radius:.5rem;width:50%;height:100%;margin-right:.5rem}.rgRDnW_mainImage{object-fit:contain;border-radius:.5rem;width:100%;height:100%}.rgRDnW_verticalImagesContainer{flex-direction:column;gap:.5rem;width:50%;height:258px;display:flex}.rgRDnW_verticalImage{object-fit:contain;border-radius:.5rem;flex:1;width:100%;height:100px}.rgRDnW_colorsContainer{gap:.625rem;width:100%;margin-bottom:.25rem;margin-left:2rem;padding-bottom:0;display:flex;overflow-x:auto}@media (min-width:768px){.rgRDnW_colorsContainer{margin-bottom:0;margin-left:0}}.rgRDnW_colorsContainer{-ms-overflow-style:none;scrollbar-width:none}.rgRDnW_colorOption{cursor:pointer;text-align:center;flex:1;height:100%}@media (min-width:768px){.rgRDnW_colorOption{min-width:7rem}}.rgRDnW_colorTitle,.rgRDnW_selectedColorTitle{text-align:center;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));flex-direction:column;align-items:center;font-size:.875rem;line-height:1.25rem;display:flex}.rgRDnW_colorDot{--tw-border-opacity:1;border-width:1px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-radius:9999px;padding:.125rem}.rgRDnW_selectedColorDot{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:9999px;padding:.125rem}.rgRDnW_colorCircle{border-radius:9999px;width:2rem;height:2rem;display:block;position:relative}.rgRDnW_colorName{margin-top:.5rem;font-weight:400}.rgRDnW_selectedColorName{margin-top:.5rem;font-weight:700}@media (min-width:768px){.rgRDnW_selectedColorName{text-decoration-line:none}}
.kASGnW_selectorButton{border-width:1px;border:2px solid var(--border-secondary,#eee);border-radius:.5rem;padding:.75rem 2rem}.kASGnW_selected{border-color:var(--secondary)}[data-theme=oppo] .kASGnW_selected{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.kASGnW_disabled{color:#86868b}.kASGnW_disabled :not(small){opacity:.5}.kASGnW_disabled:hover{cursor:not-allowed;background-color:unset}