.related-wizards{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:12px;grid-row-gap:12px;background:#fff}.tile{--tile-height:calc(100vw / 360 * 160);height:var(--tile-height,160px);padding:12px 12px 8px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#000;border-radius:12px;outline:none;box-shadow:0px 0px 0px transparent;text-decoration:none;overflow:hidden;user-select:none;cursor:pointer;transition:background .2s}.tile:nth-child(8n+1):hover{background:#392505}.tile:nth-child(8n+2):hover{background:#460907}.tile:nth-child(8n+3):hover{background:#1D340E}.tile:nth-child(8n+4):hover{background:#04263F}.tile:nth-child(8n+5):hover{background:#000F42}.tile:nth-child(8n+6):hover{background:#340E31}.tile:nth-child(8n+7):hover{background:#230C36}.tile:nth-child(8n+8):hover{background:#040A3F}.tile:nth-child(8n+3){grid-column:auto / span 2;grid-row:auto}.tile:nth-child(8n+5){height:auto;grid-row:auto / span 2;grid-column:auto}.tile:last-child{height:var(--tile-height,160px);grid-row:auto;grid-column:auto}.tile-background{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;filter:opacity(.3);z-index:0}.tile-image{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.tile-icon{width:24px;height:24px;filter:brightness(5);z-index:1}.tile-title{color:#fff;font-weight:700;font-size:14px;line-height:16px;z-index:1}@media screen and (min-width:640px){.related-wizards{padding:16px;grid-template-columns:repeat(3,1fr);grid-column-gap:12px;grid-row-gap:12px}.related-wizards .tile{--tile-height:calc(100vw / 640 * 196)}.related-wizards .tile:nth-child(8n+2){grid-column:auto / span 2}.related-wizards .tile:nth-child(8n+3){height:auto;grid-column:auto;grid-row:auto / span 2}.related-wizards .tile:nth-child(8n+7){grid-column:auto / span 2}.related-wizards .tile:nth-child(8n+8){grid-column:auto}.tile-icon{width:32px;height:32px}.tile-title{font-size:16px;line-height:24px}}@media screen and (min-width:768px){.related-wizards{padding:24px;grid-template-columns:repeat(4,1fr);grid-column-gap:16px;grid-row-gap:16px}.related-wizards .tile{--tile-height:calc(100vw / 768 * 168)}.related-wizards .tile:nth-child(8n+4){grid-column:auto / span 2}.related-wizards .tile:nth-child(8n+5){height:var(--tile-height,220px);grid-row:auto}.related-wizards .tile:nth-child(8n+7){grid-column:auto / span 2}}@media screen and (min-width:1024px){.related-wizards{padding:32px;grid-column-gap:24px;grid-row-gap:24px;border-radius:4px}.related-wizards .tile{--tile-height:220px}}@media screen and (min-width:1280px){.related-wizards{padding:8px;grid-template-columns:repeat(2,1fr);grid-column-gap:8px;grid-row-gap:8px;border-radius:16px}.related-wizards .tile{--tile-height:136px}.related-wizards .tile:nth-child(8n+2){grid-column:auto}.related-wizards .tile:nth-child(8n+3){height:var(--tile-height,136px);grid-column:auto / span 2}.related-wizards .tile:nth-child(8n+4){grid-column:auto}.related-wizards .tile:nth-child(8n+5){height:auto;grid-row:auto / span 2;grid-column:auto}.related-wizards .tile:nth-child(8n+7){grid-column:auto}.tile-icon{width:24px;height:24px}.tile-title{font-size:14px;line-height:16px}}