:root{--content-width: 90vw;--top-bar-height: 70px;--footer-height: 20px;--settings-dialog-top: 58px;--search-bar-height: 50px;--icon-height: 20px;--gif-height-width: 395px;--theme-color: #0D4B60;--theme-color-alt: #2a91b3;--background-color-light: #F2F3F4;--background-color-dark: #181920;--transition-duration: .3s}body{box-sizing:border-box;margin:0;padding:0;background-color:var(--background-color-light);font-family:Helvetica,Arial,sans-serif;transition:var(--transition-duration)}body.dark{background-color:var(--background-color-dark)}@media (max-width: 600px){:root{--top-bar-height: 55px;--settings-dialog-top: 46px;--search-bar-height: 40px;--icon-height: 18px}}.settings-btn{display:flex;justify-content:space-between;align-items:center;padding:15px 12px;width:220px;background-color:transparent;border-top:none;border-right:none;border-left:none;border-bottom:1px solid #eee;transition:var(--transition-duration);cursor:pointer;user-select:none}.settings-btn:last-child{border-bottom:none}.settings-btn:hover{background-color:#eee}.settings-btn:hover .toggle-switch-icon,.settings-btn:hover .settings-btn-text{color:var(--theme-color-alt)}.settings-btn-text{transition:var(--transition-duration);margin-right:15px;color:var(--theme-color);font-size:14px}.toggle-switch-icon{color:var(--theme-color);transition:var(--transition-duration);height:var(--icon-height);width:auto}#settings-dialog{position:fixed;top:var(--settings-dialog-top);z-index:99;visibility:hidden;opacity:0;transition:var(--transition-duration);border:1px solid var(--theme-color);border-radius:2px;background-color:#fff;width:max-content;display:flex;flex-direction:column;box-shadow:0 0 8px var(--theme-color)}#settings-dialog.open{visibility:visible;opacity:1}#settings-dialog.dark-mode{background-color:#131516}#settings-dialog.dark-mode .settings-btn{border-bottom-color:#20212b;background-color:#131516}#settings-dialog.dark-mode *:hover{background-color:#20212b}#input-container{box-sizing:border-box;height:var(--search-bar-height);width:100%;border:2px solid var(--theme-color);border-radius:2px 0 0 2px;color:#33313b;transition:var(--transition-duration);display:flex}#input-container.input-focus{border-color:var(--theme-color-alt)}#input-container.dark-mode input,#input-container.dark-mode #x-icon-button{color:#eee;background-color:#33313b}input{height:100%;width:100%;border:none;padding:0 0 0 15px;font-size:16px;background-color:#fff;transition:var(--transition-duration)}input:focus{outline:none;border-color:var(--theme-color-alt)}#x-icon-button{border:none;height:100%;width:40px;display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer;transition:background-color var(--transition-duration)}#x-icon{height:var(--icon-height);width:auto;transition:var(--transition-duration)}@media (hover: hover){#x-icon-button:hover #x-icon{color:var(--theme-color-alt)}}@media (max-width: 500px){input{font-size:15px;padding-left:8px}}form{display:flex;align-items:flex-end;margin:0 auto;height:var(--search-bar-height);width:var(--content-width);max-width:795px}form>*{font-size:16px;margin:0}#submit-btn{display:flex;justify-content:center;align-items:center;cursor:pointer;height:var(--search-bar-height);padding:0;color:#eee;background-color:var(--theme-color);border:none;border-radius:0 2px 2px 0;transition:var(--transition-duration)}#submit-btn:focus{outline:none}#submit-btn:focus,#submit-btn:hover{background-color:var(--theme-color-alt)}#submit-btn.disabled{cursor:default}#submit-btn.disabled:focus,#submit-btn.disabled:hover{background-color:var(--theme-color)}#magnifying-glass-icon{height:var(--icon-height);width:auto;padding:0 22px}#top-bar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:var(--top-bar-height);width:100%;border-bottom:2px solid transparent;transition:var(--transition-duration);z-index:999}#top-bar.styled{background-color:#f5f5f5;border-bottom-color:var(--theme-color)}#top-bar.styled.dark{background-color:#131516}#top-bar-content{display:flex;justify-content:center;align-items:center;max-width:var(--content-width)}.top-bar-icon-button{border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;color:var(--theme-color);width:var(--search-bar-height);height:var(--search-bar-height);cursor:pointer;transition:var(--transition-duration)}@media (hover: hover){.top-bar-icon-button:hover{color:var(--theme-color-alt)}}.top-bar-icon{height:var(--icon-height);width:auto}.gif{box-sizing:border-box;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid var(--theme-color);box-shadow:0 0 1px var(--theme-color);z-index:2;height:var(--gif-height-width);width:var(--gif-height-width);max-width:var(--content-width)}.gif>img{height:100%;width:100%;object-fit:cover}#gifs-grid{display:grid;grid-gap:5px;column-gap:5px;grid-template-columns:repeat(auto-fill,var(--gif-height-width));user-select:none}#load-button-container,#load-button{display:flex;justify-content:center;align-items:center;transition:var(--transition-duration)}#load-button-container{position:relative;min-height:98px;width:calc(var(--gif-height-width) - 4px);max-width:calc(var(--content-width) - 4px);background-color:var(--theme-color);border-radius:3px;overflow:hidden}#load-button-container:hover{background-color:var(--theme-color-alt)}#load-button-container:hover:before{height:0}#load-button-container:hover:after{width:0}#load-button-container:hover #load-button-text{color:var(--theme-color-alt);animation-play-state:paused}#load-button-container:before,#load-button-container:after{content:"";position:absolute;background-color:var(--background-color-light);transition:background-color var(--transition-duration),width var(--transition-duration) ease,height var(--transition-duration) ease}#load-button-container:before{width:110%;height:calc(100% - 40px)}#load-button-container:after{width:calc(100% - 40px);height:110%}#load-button{position:absolute;height:calc(100% - 4px);width:calc(100% - 4px);border:none;padding:0;background-color:var(--background-color-light);cursor:pointer;z-index:80}#load-button-text{z-index:99;color:var(--theme-color);font-size:20px;text-transform:uppercase;font-weight:700;letter-spacing:2px;transition:var(--transition-duration);user-select:none;animation:load-btn-text 1.5s linear alternate infinite}#load-button-container.dark-mode:before,#load-button-container.dark-mode:after,#load-button.dark-mode{background-color:var(--background-color-dark)}@keyframes load-btn-text{0%{transform:scale(1)}to{transform:scale(1.5)}}#message{margin:50px 0}#message-text{margin:0 0 50px;text-align:center;color:#646464}#spinner{height:100px;color:var(--theme-color);position:absolute;top:calc(50vh - 50px)}main{display:flex;flex-direction:column;align-items:center;height:calc(100vh - var(--top-bar-height) - var(--footer-height));overflow-y:scroll;width:100vw}main:before{content:"";min-height:5vh}#go-back-btn-container{margin-bottom:50px}#load-more-btn-container{margin:50px 0}footer{position:absolute;bottom:0;left:0;width:100vw;height:var(--footer-height);display:flex;align-items:center;background-color:var(--background-color-light);transition:var(--transition-duration);z-index:99999}body.dark footer{background-color:var(--background-color-dark)}#attribution{margin-left:2vw;font-size:9px;color:var(--theme-color)}