@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";:root{line-height:1.5;font-size:16px;font-weight:400;--black: rgb(43, 43, 43);--dark-grey: #545454;--grey: #959092;--light-grey: #c8c8c8;--pink: #dd97ad;--pink-dark: #d5618a;--pink-light: #fdbed6;--pink-lightest: #fee7ef;--yellow: #ffe1aa;--green: #15716e;--white: #fff;--off-white: #edebeb;--lilac: #e1aaff;--green-cyan: #aaffe1;--border-radius-small: .5rem}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}ul{list-style:none}body{font-family:"Source Sans 3",sans-serif;min-width:320px;min-height:100vh;background-color:var(--off-white)}strong{font-weight:400}.warning{color:var(--pink-dark);font-weight:700}.clickable{cursor:pointer}.clickable:focus-visible{outline:2px solid var(--pink-dark);outline-offset:2px}header,main{padding:.25rem}h1{font-size:2em;font-weight:400;font-style:normal;text-align:center}h1,.selected-dog-name{font-family:Bebas Neue,sans-serif;margin-bottom:.25rem}.header-btns-container{display:flex;flex-direction:column;gap:.25rem;align-items:center;margin-top:1rem}.main-btn{text-align:center;padding:.5rem 1rem;border-radius:20px;font-size:1rem;border-style:solid;border:none}.main-btn.default{background-color:var(--white);border-color:var(--black);color:var(--black)}.main-btn.default:hover,.main-btn.default:focus{color:var(--white);background-color:var(--black);border-color:var(--black)}.main-btn.default:disabled{pointer-events:none;background-color:var(--grey);border-color:var(--grey);color:var(--black)}.main-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.main-btn.hideOnMobile{display:none}.main-btn.green{background-color:var(--green);border-color:var(--green);color:var(--white)}.main-btn.green:hover,.main-btn.green:focus{color:var(--green);background-color:var(--white)}.main-btn.lilac{background-color:var(--lilac);border-color:var(--lilac);color:var(--black)}.main-btn.lilac:hover,.main-btn.lilac:focus{background-color:var(--white);color:var(--dark-grey)}.main-btn.cyan{background-color:var(--green-cyan);border-color:var(--green-cyan);color:var(--black)}.main-btn.cyan:hover,.main-btn.cyan:focus{background-color:var(--white);color:var(--dark-grey)}main{display:flex;flex-direction:column;align-items:center;justify-content:center}.button-filter-section{display:none}.select-filter-section{display:flex;flex-direction:column;align-items:center;border:1px solid var(--dark-grey);background-color:var(--white);border-radius:var(--border-radius-small);margin-bottom:.25rem;width:100%}.select-filter{padding:.25rem;color:var(--black);margin-bottom:.2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-filter label{margin-right:.25rem}.select-filter .select{padding:.25rem .5rem}.select-filter .select,.select-filter .select::picker(select){appearance:base-select}.select-filter::picker(select){background-color:var(--white);border:1px solid var(--dark-grey);border-radius:var(--border-radius-small)}.select-filter option{padding:10px;color:var(--dark-grey)}.select.cats,.select-filter.cat option{width:12rem}.select.sex,.select-filter.sex option{width:7rem}.table-container{border-radius:.5rem .5rem 0 0;overflow:hidden;width:100%}table{border-collapse:collapse;width:100%}thead{background-color:var(--pink);height:3rem}thead th{text-align:left}th,td{font-size:.8rem;padding:.5rem}.table-head-sort-col.desktop{display:none}.table-head-sort-col.mobile{display:flex;line-height:1;align-items:center}.table-head-unsorted-icon{color:var(--black);display:inline-block}.dog-name{display:flex;align-items:center}.expand-chevron{display:inline-block;height:1.5rem;color:var(--black);transition:all .2s}.expand-chevron-icon{width:18px}.expand-chevron.opened{transform:rotate(180deg);transform-origin:center;transition:all .2s}.detail-row-media-desktop{display:none}.detail-row-media-mobile{margin:1rem;display:flex;justify-content:center;gap:1rem}.detail-row-media-desktop .detail-row-image-container,.detail-row-media-mobile .detail-row-image-container{overflow:hidden;border-radius:.5rem;aspect-ratio:1 / 1}.detail-row-media-mobile .detail-row-image-container{width:120px;height:120px}.detail-row-media-desktop .detail-row-image-container{width:150px;height:150px}.detail-row-media-desktop .detail-row-image-container img,.detail-row-media-mobile .detail-row-image-container img{width:100%;height:100%;object-fit:cover}.detail-row-media-desktop .detail-row-image-row{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.detail-row-media-desktop .detail-row-image-container{overflow:hidden;border-radius:.5rem;aspect-ratio:1 / 1}.detail-row-video-link{background-color:var(--pink-dark);color:var(--white);text-align:center;padding:.5rem 1rem;border-radius:20px;align-self:center}.detail-row-video-link:hover,.detail-row-video-link:focus{background-color:var(--pink-light);color:var(--black)}.detail-pedigree{display:flex;justify-content:center;gap:.25rem;margin:1rem .1rem}.main-row.selected{background-color:var(--pink)}.main-row.selected.expandable.selected{background-color:var(--pink-light)}.main-row:hover{background-color:var(--pink-lightest)}.main-row.expandable:hover{background-color:var(--pink-light)}.main-row:focus-visible{outline:2px solid var(--pink-dark);outline-offset:2px}.detail-row{display:none;background-color:var(--pink-light)}.detail-row.open{display:table-row;animation:expand .4s ease forwards}.detail-row.close{display:table-row;animation:unexpand .4s ease forwards}.detail-row.open td{padding:.25rem}.detail-row.open .details-container{background-color:var(--white);padding:.25rem}.detail-row-intro{color:var(--green)}.detail-row-bio p{font-weight:700}.cat-cell:before{content:attr(data-short-text)}.status-cell:before{content:attr(data-short-text)}.modal{border:none;border-radius:8px;color:var(--white);background-color:var(--black);margin:3rem auto;width:90%;max-width:64rem;position:relative}.modal[open]{animation:slide-in-from-top .35s ease-out}.modal::backdrop{background-color:#2b2b2bcc}.modal-content{display:flex;flex-direction:column}.selected-dog-name{line-height:1}.selected-dog-name .status{display:block;font-family:"Source Sans 3",sans-serif;font-size:1rem}.selected-dog-name .pending{color:var(--pink);font-weight:400}.selected-dog-name .unavailable{color:var(--pink-dark);font-weight:400}.selected-dog-name .available{font-weight:400}.selected-dog-no-cats{font-weight:700;background-color:var(--pink-dark);color:var(--black)}.selected-dog-yes-cats{background-color:var(--green)}.selected-dog-no-cats,.selected-dog-yes-cats{height:1.5rem;display:flex;align-items:center;padding:.5rem;border-radius:20px}.selected-dog-info{padding:.5rem;width:100%}.selected-dog-extra.major{display:flex;margin-bottom:1rem}.selected-dog-extra.major li{margin-right:.5rem}.selected-dog-sex{text-align:center;width:1.5rem;height:1.5rem;border-radius:50%}.female{background-color:var(--yellow);color:var(--black)}.male{background-color:var(--green);color:var(--white)}.selected-dog-bio{white-space:pre-wrap}.selected-dog-extra.minor{margin-top:.75rem}.traits{font-size:.875rem;margin-bottom:.5rem}.traits .trait-title{margin-right:.5rem}.pedigree{margin-bottom:.25rem;padding:.25rem .5rem;display:inline-block;border-radius:20px}.pedigree:first-child{margin-right:.1rem}.selected-dog-video-link{background-color:var(--pink-dark);color:var(--white);display:block;text-align:center;padding:.5rem 1rem;border-radius:20px;margin-top:1rem}.selected-dog-video-link:hover,.selected-dog-video-link:focus{background-color:var(--pink-light);color:var(--black)}.nav-btn{background:transparent;position:relative;padding:.5rem;border:none;display:none;color:var(--white)}.nav-btn svg{fill:var(--white)}.nav-btn.next svg{transform:rotate(90deg)}.nav-btn.prev svg{transform:rotate(-90deg)}.nav-dots-container{display:flex;gap:.8rem;justify-content:center;align-items:center;margin:1rem auto}.nav-dot{display:inline-block;width:1rem;height:1rem;border-radius:50%;background-color:var(--light-grey);border:none;transition:5ms ease-in transform}.nav-dot.active{background-color:var(--dark-grey);transform:scale(1.3)}.selected-dog-media{background-color:var(--pink);padding:1rem .75rem}.image-container{display:flex;justify-content:center;align-items:center}.image-container .active-image{aspect-ratio:1 / 1;width:100%}.image-container img{border-radius:4px;width:100%;height:100%;object-fit:cover}.close-modal-btn{display:flex;position:absolute;top:5px;right:5px;border-radius:50%;width:1.5rem;height:1.5rem;justify-content:center;align-items:center;border:none}.message-container{display:flex;flex-direction:column;align-items:center;padding:1rem}.loading-emoji{width:50px;height:50px;font-size:2rem;border-radius:50%;background-color:var(--yellow);display:flex;justify-content:center;align-items:center;font-weight:700;animation:rock .2s ease-in-out infinite alternate}.loading-emoji.error{background-color:var(--pink-dark)}@keyframes rock{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@media screen and (min-width:425px){th,td{font-size:1rem;padding:.6rem .5rem}.selected-dog-info{padding:1rem}.selected-dog-video-link{justify-self:flex-start}.expand-chevron{top:15px}.detail-row.open .details-container{padding:.5rem}}@media screen and (min-width:768px){.header-btns-container{flex-direction:row;justify-content:center}.main-btn{margin:.25rem .1rem}header,main{padding:.25rem 2rem}.select-filter-section{flex-direction:row;justify-content:center;gap:2rem;width:90%}.table-container{width:90%}.cat-cell:before{content:attr(data-long-text)}.status-cell:before{content:attr(data-long-text)}.selected-dog-name{line-height:1.5}.selected-dog-name .status{display:inline-block;font-size:1.25rem;margin-left:1rem}.selected-dog-info{padding:1rem 1.5rem}.selected-dog-video-link{justify-self:flex-end}.detail-row.open .details-container{padding:1rem .75rem}.image-container .active-image{width:50%}.expand-chevron-icon{width:20px}}@media screen and (min-width:900px){h1{font-size:3.2em;line-height:1.1}header,main{padding:.1rem 2rem}.main-btn.hideOnMobile{display:block}.select-filter-section{display:none}.button-filter-section{display:flex;align-items:center;justify-content:flex-start;width:85%;margin-bottom:.25rem}.button-filter-section .filters-title{font-family:Bebas Neue,sans-serif;font-size:1.5rem;margin-right:.5rem}thead{height:4rem}thead th{padding:0 .5rem}.table-container{width:85%;max-width:1200}.table-head-unsorted-icon{height:24px}.table-head-sort-col.desktop{position:relative;display:flex;align-items:center;width:100%}.table-head-sort-col.desktop .span-cont{position:relative;height:24px}.table-head-sort-col.desktop .span-cont{width:42px}.table-head-sort-col .text{position:absolute;display:inline-block;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}.table-head-unsorted-icon.mobile{display:none}.table-head-sort-col .text.show{opacity:1;visibility:visible}.sort-arrows{width:24px;height:24px}.table-head-sort-col.mobile{display:none}.modal{margin:8rem auto}.modal-content{flex-direction:row;padding-bottom:.25rem}.close-modal-btn{width:2rem;height:2rem;font-size:1.2rem;border-color:var(--pink-dark)}.selected-dog-media{margin-top:0;display:flex;align-items:center}.selected-dog-info{padding:2rem;width:70%}.selected-dog-info{display:flex;flex-direction:column}.traits:nth-of-type(3){display:flex;align-items:center}.selected-dog-video-link{width:fit-content;align-self:flex-end}.nav-btn{display:block}.nav-btn.hideOnHorizontal,.nav-dots-container{display:none}.nav-dots-container.showOnHorizontal{display:flex}.main-row:hover,.main-row:focus{background-color:var(--pink-lightest)}.detail-row-media-desktop{display:flex;flex-direction:column;margin-bottom:1rem}.detail-row-media-mobile{display:none}.expand-chevron-icon{width:24px}.image-container .active-image{width:360px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes slide-in-from-top{0%{transform:translateY(-15%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes expand{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes unexpand{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}