/* 0 - 600PX: Phone 600 - 900px: Table portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our nortal styles apply 1800px + : Big desktop */ /* Media Query M3 */ /* Grid breakpoints */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap"); .container { padding: 0 40px; } .container .productImagesThumb { padding-right: 16px; } .container .productImageTag { object-fit: fill !important; } .container .productNameContainer { text-align: right; font-weight: 300; font-size: 20px; line-height: 34px; color: #575757; margin-bottom: 31px; } .container .skuSelectorSubcontainer { margin-bottom: 10px; } .container .skuSelectorNameContainer { margin: 0; } .container .skuSelectorTextContainer { font-size: 0; margin-bottom: 8px; } .container .skuSelectorTextContainer .skuSelectorName { font-size: 0; } .container .skuSelectorTextContainer .skuSelectorName:last-child::before { content: "OUTROS TAMANHOS:"; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } .container .skuSelectorTextContainer .skuSelectorName::before { content: "OUTRAS CORES"; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } .container .skuSelectorTextContainer .skuSelectorSelectorImageValue { font-size: 0; } .container .skuSelectorContainer { display: flex; flex-direction: column-reverse; } .container .skuSelectorItem { width: 40px; height: 40px; margin-right: 16px; } .container .frameAround { border-radius: 24px; border: 1px solid #989898; } .container .skuSelectorItem--selected .frameAround { border-radius: 24px; border: 2px solid #000000; } .container .skuSelectorItem--selected .skuSelectorItemTextValue { font-weight: 400; font-size: 14px; line-height: 19px; color: #000000; } .container .skuSelectorInternalBox { border: none; border-radius: 24px; display: flex; align-items: center; justify-content: center; } .container .skuSelectorItemTextValue { font-weight: 400; font-size: 14px; line-height: 19px; color: rgba(185, 185, 185, 0.6); }