@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Imperial+Script&display=swap";.dogs-wrapper{padding:16px}.dogs-wrapper .dogs-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:.5rem}.dogs-wrapper .dogs-page-header h1{color:#c32b42}.dogs-wrapper h1{color:#c32b42;text-align:center}.dogs-wrapper .dogs h2{color:#1c1b1b;font-size:32px;margin-bottom:1rem;margin-top:2rem}.dogs-wrapper .dogs .dog-list{display:flex;flex-direction:column;gap:2rem}.dogs-wrapper .dogs.male h2{margin-top:0}.dog-add-button{background:#fff;border:1px solid #1c1b1b;cursor:pointer;font-family:Lora,Georgia,serif;font-size:.85rem;padding:.4rem 1rem;transition-duration:.1s}.dog-add-button:hover{background:#1c1b1b;color:#b3b3b3}.dog-card-wrapper{position:relative}.dog-card-wrapper.dog-hidden{opacity:.45}.dog-card-wrapper .dog-admin-actions{display:flex;gap:.5rem;margin-top:.5rem}.dog-delete-btn,.dog-edit-btn{background:#fff;border:1px solid #1c1b1b;cursor:pointer;font-family:Lora,Georgia,serif;font-size:.75rem;padding:.3rem .75rem;transition-duration:.1s}.dog-delete-btn:hover,.dog-edit-btn:hover{background:#1c1b1b;color:#b3b3b3}.dog-delete-btn:hover{background:#c32b42;border-color:#c32b42;color:#fff}.confirm-modal{align-items:center;background:#1c1b1beb;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.confirm-modal-inner{background:#fff;display:flex;flex-direction:column;gap:1.25rem;min-width:260px;padding:1.5rem}.confirm-modal-text{color:#1c1b1b;font-family:Lora,Georgia,serif;font-size:16px;letter-spacing:.05em}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-modal-cancel,.confirm-modal-confirm{border:1px solid #1c1b1b;cursor:pointer;font-family:Lora,Georgia,serif;font-size:.85rem;padding:.4rem 1rem;transition-duration:.1s}.confirm-modal-cancel:disabled,.confirm-modal-confirm:disabled{cursor:not-allowed;opacity:.5}.confirm-modal-cancel{background:#fff;color:#1c1b1b}.confirm-modal-cancel:hover:not(:disabled){background:#e6e0e0}.confirm-modal-confirm{background:#1c1b1b;color:#fff}.confirm-modal-confirm:hover:not(:disabled){background:#c32b42;border-color:#c32b42}.dog-modal{align-items:center;background:#1c1b1beb;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.dog-modal-inner{background:#fff;max-height:90vh;max-width:560px;overflow-y:auto;padding:2rem 1.5rem 1.5rem;position:relative;width:100%}.dog-modal-close{align-items:center;background:#1c1b1bb3;border:none;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:2rem;justify-content:center;position:absolute;right:.6rem;top:.6rem;width:2rem}.dog-modal-close:hover{background:#1c1b1b}.dog-modal-title{color:#1c1b1b;font-family:Lora,Georgia,serif;font-size:20px;font-weight:400;letter-spacing:.1em;margin-bottom:1.25rem;text-transform:uppercase}.dog-form{display:flex;flex-direction:column;gap:.85rem}.dog-form-row{display:flex;gap:.75rem}.dog-form-row .dog-form-field{flex:1}.dog-form-field{display:flex;flex-direction:column;gap:.3rem}.dog-form-label{color:#1c1b1b99;font-family:Lora,Georgia,serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.dog-form-file,.dog-form-input,.dog-form-textarea{background:#fff;border:1px solid rgba(28,27,27,.3);color:#1c1b1b;font-family:Lora,Georgia,serif;font-size:.9rem;outline:none;padding:.45rem .6rem;width:100%}.dog-form-file:focus,.dog-form-input:focus,.dog-form-textarea:focus{border-color:#1c1b1b}.dog-form-textarea{min-height:70px;resize:vertical}.image-picker-tabs{display:flex;gap:0;margin-bottom:.6rem}.image-picker-tab{background:#fff;border:1px solid rgba(28,27,27,.3);color:#1c1b1b80;cursor:pointer;font-family:Lora,Georgia,serif;font-size:.75rem;letter-spacing:.06em;padding:.35rem .85rem;text-transform:uppercase;transition-duration:.1s}.image-picker-tab+.image-picker-tab{border-left:none}.image-picker-tab.active{background:#1c1b1b;border-color:#1c1b1b;color:#fff}.image-picker-tab:not(.active):hover{background:#e6e0e0;color:#1c1b1b}.image-picker-grid-wrapper{border:1px solid rgba(28,27,27,.3);max-height:30rem;overflow-y:auto;padding:.5rem}.image-picker-error{color:#c32b42;font-family:Lora,Georgia,serif;font-size:.75rem;line-height:1.5;padding:.5rem}.image-picker-loading{color:#1c1b1b80;font-family:Lora,Georgia,serif;font-size:.8rem;padding:1rem;text-align:center}.image-picker-grid{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.image-picker-item{aspect-ratio:1;background:#e6e0e0;border:2px solid transparent;cursor:pointer;overflow:hidden;padding:0;transition:border-color .1s}.image-picker-item img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-picker-item:hover{border-color:#1c1b1b66}.image-picker-item.selected{border-color:#1c1b1b}.dog-form-checkbox{align-items:center;display:flex;gap:.5rem}.dog-form-checkbox .dog-form-label{color:#1c1b1b;font-size:.85rem;letter-spacing:0;text-transform:none}.dog-form-error{color:#c32b42;font-family:Lora,Georgia,serif;font-size:.8rem}.dog-form-submit{align-self:flex-start;background:#fff;border:1px solid #1c1b1b;cursor:pointer;font-family:Lora,Georgia,serif;font-size:.85rem;padding:.5rem 1.25rem;transition-duration:.1s}.dog-form-submit:hover:not(:disabled){background:#1c1b1b;color:#b3b3b3}.dog-form-submit:disabled{cursor:not-allowed;opacity:.5}@media(min-width:52em){.dogs-wrapper .dogs h2{font-size:2.5rem;text-align:center}.dogs-wrapper .dogs .dog-list{flex-direction:row;flex-wrap:wrap;justify-content:center}.dogs-wrapper .dogs.male{margin-bottom:4rem}}