/* 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 */ .newsletter { background: red; } .skuSelectorContainer--skus { display: flex; flex-direction: column-reverse; } .productBrand--quickview { font-weight: 300; font-size: 20px; line-height: 34px; color: #575757; } .testecontainer { margin-left: 50px; border: 1px solid red; background-color: yellow; } .frameAround--skus { border: none; } .skuSelectorItemTextValue--skus { font-weight: 400; font-size: 14px; line-height: 19px; color: rgba(185, 185, 185, 0.6); } .skuSelectorInternalBox--skus { border: 1px solid #989898; border-radius: 100%; width: 40px; height: 40px; align-items: center; justify-content: center; display: flex; } .skuSelectorItem--skus--selected .skuSelectorInternalBox--skus { border: 2px solid #000000; border-radius: 100%; width: 40px; height: 40px; align-items: center; justify-content: center; display: flex; } .skuSelectorItem--skus--selected .skuSelectorItemTextValue--skus { font-weight: 400; font-size: 14px; line-height: 19px; color: #000000; } .shippingContainer { border: 1px solid red; display: flex; align-items: end; margin-top: 16px; } .shippingContainer :global(.vtex-address-form__postalCode) { position: relative; padding: 0; } .shippingContainer :global(.vtex-input__label) { font-size: 0; } .shippingContainer :global(.vtex-input__label)::after { content: "CALCULAR FRETE:"; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } .shippingContainer :global(.vtex-input-prefix__group) { height: 49px; border-radius: 0%; } .shippingContainer :global(.vtex-address-form-4-x-input) { /*background-color: red;*/ } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { position: absolute; top: 28px; right: -180px; font-weight: 400; font-size: 12px; line-height: 16px; display: flex; align-items: center; text-decoration-line: underline; color: #000000; } .shippingContainer :global(.vtex-button) { width: 49px; height: 49px; background-color: #000000; border: none; border-radius: inherit; } .shippingContainer :global(.vtex-button__label) { font-size: 0; } .shippingContainer :global(.vtex-button__label)::after { content: "OK"; font-weight: 600; font-size: 14px; line-height: 19px; color: #ffffff; }