*{margin:0;padding:0;box-sizing:border-box}:root{--font_roboto: "Roboto", sans-serif;--font_roboto_condensed: "Roboto Condensed", sans-serif;--font_roboto_serif: "Roboto Serif", serif;--font_stint_ultra_condensed: "Stint Ultra Condensed", serif;--html_font_family: var(--font_roboto);--clr_background_rgb: 135, 206, 235;--clr_foreground_rgb: 245, 222, 179;--clr_background: rgb(var(--clr_background_rgb));--clr_background_a: rgba(var(--clr_background_rgb), .2);--clr_header: rgb(16, 96, 176);--clr_foreground: rgb(var(--clr_foreground_rgb));--clr_foreground_a: rgb(var(--clr_foreground_rgb), .5);--clr_breed_selector: rgba(100, 149, 237, .5);--min_width: 320px;--max_width: 1980px;--scroll_image_width: 4262px}html{font-size:16px;font-family:var(--html_font_family);font-weight:400;font-style:normal;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}body{min-width:var(--min_width);max-width:var(--max_width);margin:20px auto 0;padding-left:20px;padding-right:20px;background-color:var(--clr_background)}#root{background-color:var(--clr_foreground);padding:20px;border-radius:20px;margin-bottom:20px}.sequence_scroll_div{width:100%;overflow:hidden;position:relative;white-space:nowrap;display:flex;align-items:center;border-radius:10px}.inner_scroll_div{width:calc(3 * var(--scroll_image-width))}.scrolling_image{width:auto;height:auto;animation:scroll_image_anim 60s linear infinite}@keyframes scroll_image_anim{0%{transform:translate(0)}to{transform:translate(-100%)}}nav,footer{display:flex;margin-top:15px;justify-content:space-between;align-items:center;background-color:var(--clr_header);border-radius:10px;padding:10px 15px;color:#fff}nav{position:sticky;top:15px;z-index:10}.nav_wrapper{display:flex;gap:10px;justify-content:center;align-items:center}.nav_logo,.nav_logo img{height:2rem;width:auto}.nav_short{display:none}.nav_long{display:block}button{display:block;padding:10px 20px;border-radius:10px;border:none;font-size:1.2rem;background-color:var(--clr_disabled);cursor:pointer;width:200px}.button_long{display:block}.button_short{display:none}.show_go_button{background-color:#228b22;color:#fff;box-shadow:0 4px 6px #000c}.hide_go_button{background-color:#006400;color:#a9a9a9;box-shadow:0 1px 5px #00000080}.show_fav_button{background-color:#b22222;color:#fff;box-shadow:0 4px 6px #000c}.hide_fav_button{background-color:#8b0000;color:#a9a9a9;box-shadow:0 1px 5px #00000080}.disabled_button{background-color:#696969;color:#fff;cursor:not-allowed}@media (max-width: 799px){button{width:144px}}@media (max-width: 649px){button{width:64px}.button_long{display:none}.button_short{display:block}}@media (max-width: 449px){.nav_short{display:block}.nav_long{display:none}.scrolling_image{height:140px}}main{margin-top:15px;margin-bottom:15px}main img{width:100%;height:auto;border-radius:10px}.breed_name{grid-area:div1;width:300px}.breed_img_count{grid-area:div2;width:360px}.fetch_breed_list{grid-area:div3;width:200px}.breed_selector{background-color:var(--clr_breed_selector);border-radius:10px;display:grid;grid-template-areas:"div1 div2 div3";grid-auto-columns:auto;justify-content:space-between;align-items:center;margin-top:15px;margin-bottom:15px;padding:10px 15px}.breed_img_count_buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.breed_img_count h2{display:block;width:44px;text-align:center}.breed_name button{background-color:#2f4f4f;color:#fff;width:100%}.fetch_breed_list button{background-color:#4682b4;color:rgb(var(--clr_foreground_rgb));width:100%}.breed_img_count_buttons button{padding:10px;width:60px}.b_minus{color:#fff;background-color:#b8860b}.b_plus{color:#fff;background-color:#556b2f}.b_minus:hover,.b_plus:hover,.fetch_breed_list button:hover:not(:disabled),.breed_name button:hover{transform:scale(1);box-shadow:0 8px 16px #0003}.b_minus:active,.b_plus:active,.fetch_breed_list button:active:not(:disabled),.breed_name button:active{transform:scale(.96);box-shadow:0 2px 4px #0000001a}.fetch_breed_list button:disabled{background-color:#696969;color:#d3d3d3;cursor:not-allowed}@media (max-width: 1099px){.breed_selector{grid-template-areas:"div1 div2" "div3 div3";row-gap:10px}.fetch_breed_list{width:100%}.breed_img_count{width:330px}}@media (max-width: 799px){.breed_selector{grid-template-areas:"div1" "div2" "div3";grid-template-columns:1fr;row-gap:10px}.breed_list,.breed_name,.fetch_breed_list,.breed_img_count{width:100%}.breed_img_count_buttons button{width:70px}}@media (max-width: 499px){.breed_img_count_buttons button{width:60px}}@media (max-width: 399px){.breed_img_count_buttons button{padding:10px 8px;width:50px}.breed_img_count h2{font-size:1.4rem}}.breed_list{width:330px;display:flex;flex-direction:column;row-gap:15px;padding:15px;border-radius:10px;background-color:var(--clr_breed_selector);margin-top:15px;margin-bottom:15px}@media (max-width: 799px){.breed_list{width:100%}}.breed_button{padding:10px 15px;text-align:left;cursor:pointer;background-color:#d3d3d3;border:none;box-shadow:0 2px 5px #0000001a;width:auto}.breed_sub{background-color:#b0c4de;font-family:var(--font_roboto_condensed)}.breed_button:hover{background-color:#add8e6;transform:scale(1.01)}.breed_button:active{transform:scale(1)}.image_gallery_header{background-color:tan;border-radius:10px;margin-top:15px;margin-bottom:15px;padding:10px 15px}.image_gallery_header h3{width:100%;text-align:center;font-family:var(--font_roboto)}@media (max-width: 499px){.image_gallery_header h3{font-family:var(--font_roboto_condensed)}}.image_gallery_wrapper{display:grid;gap:20px;padding:0}@media (min-width: 1400px){.image_gallery_wrapper{grid-template-columns:repeat(4,1fr)}}@media (min-width: 900px) and (max-width: 1399px){.image_gallery_wrapper{grid-template-columns:repeat(3,1fr)}}@media (min-width: 500px) and (max-width: 899px){.image_gallery_wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 499px){.image_gallery_wrapper{grid-template-columns:1fr}}.gallery_image_wrapper{width:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:10px;background-color:#000;cursor:pointer}.gallery_image{width:100%;height:100%;object-fit:cover}.gallery_image_wrapper:hover .gallery_image{opacity:.85}.expanded_image_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.expanded_image_content{position:relative;text-align:center}.expanded_image{max-width:98vw;max-height:98vh;cursor:pointer}@media (max-width: 699px){body{margin:0 auto;padding-left:0;padding-right:0;background-color:var(--clr_foreground)}#root{border-radius:0;padding:15px;margin-bottom:0}}@media (max-width: 599px){.gallery_heading_extended{display:none}}