.slotCardCompact{border-radius:var(--radiusXLarge);padding-bottom:56.25%;position:relative;transition:transform .2s ease-out,box-shadow .2s ease-out}.slotCardCompact--square{aspect-ratio:1/1;padding-bottom:0}.slotCardCompact--landscape{aspect-ratio:16/9;padding-bottom:0}.slotCardCompact--portrait{aspect-ratio:9/16;padding-bottom:0}.slotCardCompact__ribbon{background:url(https://cdn.mrq.com/images/card-slot/corner-ribbon.svg) no-repeat 100% 0/cover;cursor:pointer;display:flex;height:122px;justify-content:center;position:absolute;right:-14px;top:-12px;width:125px}.slotCardCompact.max-width-300 .slotCardCompact__ribbon{height:73px;right:-8px;top:-7px;width:75px}.slotCardCompact__ribbonText{color:#fff;font-size:26px;font-weight:800;line-height:83px;padding-top:0;transform:rotate(44deg);transform-origin:center}.slotCardCompact.max-width-300 .slotCardCompact__ribbonText{font-size:18px;line-height:49px;padding-top:0}.slotCardCompact__image{border-radius:var(--radiusXLarge);display:block;height:100%;object-fit:cover;object-position:center;position:absolute;width:100%}.slotCardCompact:hover{box-shadow:var(--slotCardHoverShadow);transform:translateY(-2px) scale(1.015)}.slotCardCompact__infoButton{bottom:10px;left:10px;max-width:calc(100% - 20px);position:absolute}.slotCardCompact__jackpot{background-color:var(--dangerColor);border-radius:var(--radiusXLarge) var(--radiusXLarge) var(--radiusXLarge) 0;box-shadow:var(--dangerShadow);color:#fff;font-family:var(--fontFamily);font-size:16px;font-weight:700;left:0;padding:5px 14px 7px;position:absolute;top:0}.slotCardCompact__overlayImage{bottom:5%;height:30%;position:absolute;right:5%;width:auto}.slotCardCompact.max-width-100 .slotCardCompact__jackpot{font-size:14px}.slotCardCompact.max-width-90 .slotCardCompact__jackpot{display:none}.slotCardCompact .slotCardCompact__infoButton:hover .infoButton__infoText{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infoButton{background-color:#0000004d;border:.5px solid #fff;border-radius:999px;display:inline-block;font-size:var(--text-xs);height:22px;opacity:.6;overflow:hidden;padding:0 9px}.infoButton:hover{box-shadow:var(--slotCardHoverShadow)}.infoButton__info{color:#fff;font-family:var(--fontFamily);font-weight:600;margin-top:2px}.infoButton__infoText{display:inline-block;opacity:0;overflow:hidden;width:0}.infoButton__info:before{content:"i";display:inline-block;opacity:1;vertical-align:top}.infoButton:hover .infoButton__info:before{opacity:0;width:0}.infoButton:hover .infoButton__infoText{opacity:1;width:auto}