<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.cc__container.gaminghp-2624-container-gaming-accessories { padding: 2.5rem 1rem; } .gaminghp-2624-container-gaming-accessories-bg { position: absolute; top: 0; display: block; width: 100%; height: 100%; left: 0; display: none; } .gaminghp-2624-title-wrap { position: relative; z-index: 2; margin-bottom: 2rem; } .gaminghp-accessories-item-container { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; z-index: 2; padding-left: 1.25rem; } .gaminghp-accessories-item { margin: 1rem 1rem 1rem 0; border-radius: .375rem; width: 33%; max-width: 27.5rem; height: 17rem; position: relative; } @media screen and (min-width: 1024px) and (max-width: 1280) { .gaminghp-accessories-item { margin: 1rem 1rem 1rem 0; border-radius: .375rem; width: 33%; max-width: 24rem; height: 17rem; position: relative; } } .gaminghp-accessories-item::after { content: ""; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, .3); top: 0; left: 0; z-index: 1; } .gaminghp-accessories-item.shopAll .gaminghp-common_h3 { width: 45%; font: normal normal normal 1.75rem Lato; margin-top: 1rem; } .gaminghp-accessories-item .gaminghp-accessories-item-left { width: 45%; } .gaminghp-accessories-item .gaminghp-accessories-item-right { width: 55%; padding-left: .3rem; box-sizing: border-box; position: relative; z-index: 3; } .purple-bg { background: url(https://p2-ofp.static.pub/ShareResource/segment/gaming/homepage/2023/image/06-accessories-purple-bg.png) no-repeat; background-size: 100% 100%; } .blue-bg { background: url(https://p2-ofp.static.pub/ShareResource/segment/gaming/homepage/2023/image/06-accessories-blue-bg.png) no-repeat; background-size: 100% 100%; } .shopAll { padding-left: .8rem; box-sizing: border-box; } .shopAll .gaminghp-accessories-item-left { position: absolute; width: 99%; height: 99%; top: 0; left: .4375rem; overflow: hidden; border-radius: .375rem; } .gaminghp-accessories-item-left.gaminghp-accessories-left-monitor img.gaminghp-item-image { margin-top: 2.5rem; } .shopAll .gaminghp-accessories-item-left img { display: block; width: 100%; } .gaminghp-accessories-left-mice img.gaminghp-item-image { width: 60%; top: 2.5rem; left: -.5rem; } .gaminghp-accessories-item:nth-child(3) img.item-image-hover { width: 90%; top: -2.5rem; } .gaminghp-accessories-item:nth-child(3) img.item-image-default { top: -.5rem; } .shopAll:hover .gaminghp-accessories-item-left img { animation: ZoomIn .3s linear; animation-fill-mode: forwards; } .gaminghp-accessories-item-left, .gaminghp-accessories-item-right { float: left; } .gaminghp-accessories-item-left .gaminghp-item-image { display: block; position: relative; z-index: 2; margin: 0 auto; width: 90%; top: 1rem; left: 0; } .gaminghp-accessories-item-left img.item-image-default { display: block; } .gaminghp-accessories-item-left img.item-image-hover { display: none; } .gaminghp-common_h3 { font: normal normal bold 1.5rem Lato; color: #fff; margin: 1rem 0; position: relative; z-index: 2; } .gaminghp-common_h3 span { display: block; font: normal normal normal .875rem Lato; margin-bottom: -.3rem; } .gaminghp-common-description { font: normal normal normal .875rem Lato; color: #dec3da; min-height: 6rem; width: 90%; line-height: 1.3rem; } .gaminghp-accessories-link-cta { font: normal normal bold .875rem Lato; color: #fff; position: relative; z-index: 2; text-decoration: none; } .gaminghp-accessories-item:hover .gaminghp-common-description { color: #fff; } .gaminghp-accessories-item:hover.gaminghp-accessories-item::after { display: none; } .gaminghp-accessories-item:hover .item-image-default { display: none; } .gaminghp-accessories-item:hover .item-image-hover { display: block; animation: fadeIn .5s linear; } .gaminghp-accessories-item:hover .gaminghp-accessories-link-cta { text-decoration: underline; } .gaminghp-accessories-item.shopAll .gaminghp-accessories-item-right { width: 100%; position: absolute; top: 0; left: 0; padding-left: 1.5rem; box-sizing: border-box; } @keyframes fadeIn { 0% { display: block; opacity: 0; } 100% { opacity: 1; } } @media screen and (max-width:768px) { .gaminghp-accessories-item { width: 100%; } .gaminghp-common-description { display: none; } } @keyframes ZoomIn { 0% { transform: scale(1); } 100% { transform: scale(1.2); } }
</pre></body></html>