.sf_recommendedBadge{background-color:#48c6d9;font-size:10px;color:#fff;font-family:Avenir;font-weight:900;text-align:center;border-radius:3px;width:93.69px;height:20px;margin-left:12px;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.sf_selected{z-index:10;border:1px solid #48c6d9;height:39px;width:39px;background:rgba(0,0,0,0);position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;left:-2px;top:18px;transform:translateY(-50%)}.sfVariantsContainer{display:flex;flex-direction:column;overflow-y:scroll;height:160px;width:100%;padding-top:8px;padding-left:3px;margin-bottom:18px;border-bottom:1px solid #e8e8e9}.sfVariantsContainer::-webkit-scrollbar{display:none}.sfVariantsContainer .sf_selected{top:18px;left:-1.7px}.sfVariantsGridContainer{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;overflow-y:visible;height:auto;width:100%;padding-top:8px;margin-bottom:18px}.sf_shade{font-family:Avenir;font-weight:800;font-size:14px;line-height:24px;color:#4c4e56;margin-top:4px;height:14px;width:100%}.sfVariantItem{display:flex;position:relative;font-family:Avenir;font-style:normal;font-weight:900;font-size:13px;line-height:17px;color:#4c4e56;align-items:center;margin-bottom:8px;margin-right:13px;text-transform:lowercase;cursor:pointer}.sfVariantItem:nth-child(8n){margin-right:0}.sfVariantItem:nth-child(9n){margin-right:0}.sf_shadeIcon{display:flex;align-items:center;justify-content:center;height:35px;width:35px;border-radius:50%}.sf_halfCircle{position:absolute;bottom:-6px}.sf_shadeIcon p{font-size:12px;color:#fff;display:none}.sf_shadeIcon .sf_isMobile{font-size:9px;color:#8a8787;display:block;position:absolute;bottom:-4px}.sf_shadeIcon:hover p,.sfVariantItem:hover .sf_shadeIcon p{display:block}.sf_rowContainer{display:grid;grid:1fr/repeat(9,1fr);width:100%}@media (max-width: 1280px){.sfVariantsGridContainer{overflow:visible;background:#f8f8f8}.sf_rowContainer{display:flex;flex-wrap:wrap;gap:8px 10px}.sf_rowContainer .sfVariantItem{margin:0}}@media (max-width: 768px){.sfVariantsContainer{position:relative;background:#f8f8f8;border-bottom:1px solid #e8e8e9;margin-bottom:9px}.sfVariantsGridContainer{padding-bottom:20px}}