.hover-area {background-color: rgba(21, 21, 23);color: white;text-align: center;cursor: pointer;border: #d19429 2px solid;border-radius: 10px;padding: 5px 10px;margin: 4px 0;}.hover-area:hover {background: rgba(31, 31, 43, 0.80);}.slide-in-window {pointer-events: none;position: absolute;padding: 5px;opacity: 0;top: 0;min-width: 200px;max-width: 350px;left: 500px;background-color: rgba(21, 21, 23);border: #d19429 3px solid;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: left 0.3s ease, opacity 0.3s ease;border-radius: 15px;}.hover-area:hover .slide-in-window,.hover-area:hover + .slide-in-window,.hover-area:active + .slide-in-window {pointer-events: auto;opacity: 1;left: 250px;}.slide-in-window-2 {pointer-events: none;position: absolute;padding: 5px;opacity: 0;top: 105px;min-width: 200px;width: max-content;max-width: 350px;left: 500px;background-color: rgba(21, 21, 23);border: #d19429 3px solid;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: left 0.3s ease, opacity 0.3s ease;border-radius: 15px;}.hover-area:hover .slide-in-window-2,.hover-area:hover + .slide-in-window-2,.hover-area:active + .slide-in-window-2 {pointer-events: auto;opacity: 1;left: 100px;}