body,html{height:100%;background-color:#1d212b;margin:0;overflow:hidden}.gallery-header{position:absolute;top:0;left:0;width:100%;z-index:10;text-align:center;pointer-events:none}.gallery-header h1{margin:0;padding:10px 0 0 0;color:#f0f0f0;font-size:1.5rem;font-weight:500;font-family:Ubuntu,sans-serif;opacity:.5}.image-container{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;background-repeat:repeat;background-size:auto;flex-direction:column}.image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;height:calc(100vh - 100px);width:auto;text-align:center}#randomImage{max-width:100%;width:auto;box-shadow:0 2px 10px rgba(0,0,0,.5);display:block;object-fit:contain;height:100%}.controls{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:auto;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .5s ease-in-out}.controls svg{margin:0 5px;cursor:pointer;padding-bottom:5px}.controls svg path.fa-primary{fill:var(--icon-secondary-color)}.controls svg path.fa-secondary{fill:var(--icon-color)}#backwardButton,#forwardButton{width:11px;height:11px}#upButton,#downButton{width:16px;height:16px}#playButton,#stopButton{width:24px;height:24px}#stopButton{display:none}.modal{display:none;position:absolute;z-index:1;left:50%;transform:translateX(-50%);bottom:100px;width:auto;height:auto;overflow:hidden;border-radius:5px;pointer-events:none;box-shadow:0 4px 8px rgba(0,0,0,.5);background-color:rgba(0,0,0,.5)}.modal-content{padding:0 60px;text-align:center;color:#f0f0f0;font-family:Ubuntu,sans-serif;font-weight:700;font-size:2.5rem;white-space:nowrap;width:auto;height:auto}.duotone-dark-to-light{--duotone-shadow-color:#222;--duotone-highlight-color:#fff}.duotone-sea-to-sky{--duotone-shadow-color:#0077ff;--duotone-highlight-color:#00ffff}.duotone-lime-to-lemon{--duotone-shadow-color:#66ff00;--duotone-highlight-color:#ffff00}.duotone-hot-to-cold{--duotone-shadow-color:#ff0000;--duotone-highlight-color:#0000ff}.duotone-purple-to-pink{--duotone-shadow-color:#cc00ff;--duotone-highlight-color:#ff0066}.duotone-forest-to-field{--duotone-shadow-color:#009933;--duotone-highlight-color:#ccff33}.duotone-sunset-to-sunrise{--duotone-shadow-color:#ff6600;--duotone-highlight-color:#ffff00}.duotone-blood-to-snow{--duotone-shadow-color:#660000;--duotone-highlight-color:#fff}.duotone-night-to-day{--duotone-shadow-color:#000033;--duotone-highlight-color:#ffffcc}.duotone-ocean-to-sand{--duotone-shadow-color:#003399;--duotone-highlight-color:#ffcc66}.tooltip{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.5);color:#f0f0f0;font-family:Ubuntu,sans-serif;font-weight:700;font-size:1.5rem;white-space:nowrap;padding:0 20px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.5);z-index:1000}