.pet-profile-drawer__content{display:grid;gap:2.4rem}.pet-profile-drawer__image-container{width:100%;max-width:20rem;position:relative}.pet-profile-drawer__image,.pet-profile-drawer__image-placeholder{width:100%;position:relative}.pet-profile-drawer__image .media-wrapper,.pet-profile-drawer__image-placeholder .media-wrapper{overflow:hidden}.pet-profile-drawer__image img{width:100%;height:100%;object-fit:cover}.pet-profile-drawer__image-edit-btn{position:absolute;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.6rem;padding:.8rem 1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--buttons-radius);cursor:pointer;font-size:1.2rem;box-shadow:0 2px 8px #00000026;transition:transform .2s,box-shadow .2s}.pet-profile-drawer__image-edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.pet-profile-drawer__image-edit-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.pet-profile-drawer__image-edit-btn svg{flex-shrink:0}.pet-profile-drawer__file-input{display:none}.pet-profile-drawer__pet-info{margin-bottom:2rem}.pet-profile-drawer__pet-name{margin:0 0 .8rem;font-size:inherit;font-weight:var(--font-body-weight-bold)}.pet-profile-drawer__gender-icon{flex-shrink:0}.pet-profile-drawer__table-container .table th{font-weight:var(--font-body-weight-bold);white-space:nowrap;width:40%;min-width:15rem}.pet-profile-drawer__table-container .table td{word-break:break-word;padding:.4rem 0;position:relative}.pet-profile-drawer__row{position:relative}.pet-profile-drawer__row:hover .pet-profile-drawer__edit-btn{opacity:1}.pet-profile-drawer__field-header{display:flex;align-items:center;gap:.8rem}.pet-profile-drawer__edit-btn{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;opacity:0;transition:opacity .2s;border-radius:var(--buttons-radius)}.pet-profile-drawer__edit-btn:hover{background-color:rgba(var(--color-foreground),.1)}.pet-profile-drawer__edit-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media(max-width:767.98px){.pet-profile-drawer__edit-btn{opacity:1}}.pet-profile-drawer__body{padding-bottom:10rem}.drawer__content{position:relative}.pet-profile-drawer__footer{position:absolute;bottom:0;left:0;right:0;background:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));padding:2rem;z-index:10;box-shadow:0 -4px 12px #0000001a}.pet-profile-drawer__footer.hidden{display:none}.pet-profile-drawer__footer-buttons{width:100%}.pet-profile-drawer__footer-buttons .btn{min-width:0}.pet-profile-drawer__footer-buttons .btn.loading{position:relative;color:transparent}.pet-profile-drawer__footer-buttons .btn.loading .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pet-profile-drawer__list{list-style:none;padding:0;margin:0}.pet-profile-drawer__list li{padding:.4rem 0}.pet-profile-drawer__list li:not(:last-child){border-bottom:1px solid rgba(var(--color-border),var(--color-border-alpha, .3))}.pet-profile-drawer__list li:before{content:"\2022";margin-inline-end:.8rem;color:rgb(var(--color-foreground))}.text-success{color:#0d8756}.pet-profile-drawer__section-header{background-color:rgba(var(--color-border),var(--color-border-alpha, .1))}.pet-profile-drawer__section-header th{padding-left:1em}.pet-profile-drawer__section-header th{padding:unset;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground));border-bottom:unset}.pet-profile-drawer__section-header-content{display:flex;align-items:center;gap:.8rem;padding-left:1em}.pet-profile-drawer__section-icon{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;flex-shrink:0}.pet-profile-drawer__section-icon svg{width:100%;height:100%;display:block;max-width:100%;max-height:100%}.pet-profile-drawer__section-icon svg path{fill:unset;stroke:unset}.pet-profile-drawer__section-title{flex:1}.pet-profile-drawer__allergy-tag-cloud{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.8rem;padding:.8rem 0}.pet-profile-drawer__allergy-tag{padding:.8rem 1.2rem;background:transparent;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, .5));border-radius:var(--buttons-radius, .4rem);color:rgb(var(--color-foreground))}.pet-profile-drawer__allergy-tag:hover{border-color:rgba(var(--color-border),var(--color-border-alpha, 1));background-color:rgba(var(--color-border),var(--color-border-alpha, .05))}.pet-profile-drawer__allergy-tag--selected{background-color:rgba(var(--color-border),var(--color-border-alpha, .15));border-color:rgba(var(--color-border),var(--color-border-alpha, 1));border-width:.2rem}.pet-profile-drawer__allergy-tag-cloud [data-allergy-input]{display:none}@media(max-width:767.98px){.pet-profile-drawer__content{gap:2rem}.pet-profile-drawer__table-container{margin-inline:calc(var(--page-padding) * -1);padding-inline:var(--page-padding)}.pet-profile-drawer__table-container .table th{width:35%;min-width:12rem}.pet-profile-drawer__image-edit-btn{font-size:1.1rem;padding:.6rem 1rem;gap:.4rem}.pet-profile-drawer__image-edit-btn span{display:none}}
/*# sourceMappingURL=/cdn/shop/t/205/assets/component-pet-profile-drawer.css.map */