.people-directory{margin-top:1.6rem;margin-bottom:1.6rem}.people-directory__heading{font-size:1.4rem;font-weight:600;margin-bottom:.4rem;color:rgb(var(--color-foreground))}.people-directory__subheading{font-size:1.2rem;color:rgba(var(--color-foreground),.75);margin-bottom:1.6rem}.people-directory__form{border:1px solid rgba(var(--color-foreground),.12);border-radius:1rem;padding:1.6rem;background:rgba(var(--color-foreground),.02)}.people-directory__form-title{font-size:1.3rem;font-weight:600;margin-bottom:1.2rem;display:flex;align-items:center;gap:.8rem}.people-directory__form-title svg{width:2rem;height:2rem;color:rgba(var(--color-foreground),.5)}.people-directory__fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media screen and (max-width:1024px){.people-directory__fields{grid-template-columns:1fr}}.people-directory__field{display:flex;flex-direction:column;gap:.4rem}.people-directory__field--full{grid-column:1 / -1}.people-directory__field label{font-size:1.2rem;font-weight:500;color:rgba(var(--color-foreground),.75)}.people-directory__field input,.people-directory__field textarea{font-size:1.3rem;padding:.8rem 1rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:border-color .2s;font-family:inherit;width:100%;box-sizing:border-box}.people-directory__field textarea{resize:vertical;min-height:6rem}.people-directory__field input:focus,.people-directory__field textarea:focus{outline:none;border-color:rgb(var(--color-foreground))}.people-directory__field input.invalid,.people-directory__field textarea.invalid{border-color:#e53e3e}.people-directory__height-us{display:flex;gap:.8rem}.people-directory__height-part{display:flex;align-items:center;gap:.4rem;flex:1}.people-directory__height-part input{flex:1;min-width:0}.people-directory__height-unit{font-size:1.2rem;color:rgba(var(--color-foreground),.5);font-weight:500;flex-shrink:0}.people-directory__skin-swatches{display:flex;gap:1.2rem;padding:.4rem 0;border-radius:.6rem;transition:outline .2s}.people-directory__skin-swatches.invalid{outline:2px solid #e53e3e;outline-offset:4px;border-radius:.8rem}.people-directory__skin-swatch{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.6rem;border:2px solid transparent;border-radius:.8rem;cursor:pointer;transition:all .2s;background:none;font-family:inherit}.people-directory__skin-swatch:hover{border-color:rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.03)}.people-directory__skin-swatch.is-active{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.people-directory__skin-swatch-color{width:4.2rem;height:4.2rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.1);flex-shrink:0;transition:transform .2s}.people-directory__skin-swatch.is-active .people-directory__skin-swatch-color{transform:scale(1.08);border-color:rgb(var(--color-foreground))}.people-directory__skin-swatch-label{font-size:1.1rem;font-weight:500;color:rgba(var(--color-foreground),.65)}.people-directory__skin-swatch.is-active .people-directory__skin-swatch-label{color:rgb(var(--color-foreground));font-weight:600}@media screen and (max-width:1024px){.people-directory__skin-swatches{gap:.8rem}.people-directory__skin-swatch-color{width:3.6rem;height:3.6rem}}.people-directory__form-buttons{display:flex;gap:0;margin-top:1.2rem}.people-directory__add-btn{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2rem;font-size:1.3rem;font-weight:600;color:rgb(var(--color-button-text));background-color:rgb(var(--color-button-background));border:var(--button-border-width) solid rgb(var(--color-button-border));border-radius:.6rem;cursor:pointer;transition:opacity .2s;font-family:inherit;flex:1;justify-content:center}.people-directory__add-btn:hover:not(:disabled){opacity:.85}.people-directory__add-btn:disabled{opacity:.35;cursor:not-allowed}.people-directory__add-btn svg{width:1.6rem;height:1.6rem}.people-directory__list{margin-top:1.6rem}.people-directory__list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.people-directory__list-title{font-size:1.3rem;font-weight:600}.people-directory__count-badge{font-size:1.1rem;padding:.3rem 1rem;border-radius:2rem;border:1px solid rgba(var(--color-foreground),.15);color:rgba(var(--color-foreground),.75)}.people-directory__person{border:1px solid rgba(var(--color-foreground),.1);border-radius:.8rem;padding:1.2rem 1.4rem;margin-bottom:.8rem;display:flex;align-items:center;gap:1.2rem;background:rgb(var(--color-background));transition:border-color .2s}.people-directory__person:hover{border-color:rgba(var(--color-foreground),.25)}.people-directory__person-avatar{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;flex-shrink:0;text-transform:uppercase}.people-directory__person-info{flex:1;min-width:0}.people-directory__person-name{font-size:1.6rem;font-weight:700;margin-bottom:.2rem}.people-directory__person-details{font-size:1.1rem;color:rgba(var(--color-foreground),.6)}.people-directory__person-notes{font-size:1.1rem;color:rgba(var(--color-foreground),.5);font-style:italic;margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-directory__person-previews{display:flex;gap:.8rem;align-items:center;flex:1}.people-directory__person-preview-img{width:5.5rem;height:5.5rem;border-radius:.6rem;border:1px solid rgba(var(--color-foreground),.1);object-fit:contain;background:rgba(var(--color-foreground),.02)}.people-directory__person-preview-skin{width:4rem;height:4rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.12);flex-shrink:0}@media screen and (max-width:700px){.people-directory__person{flex-wrap:wrap}.people-directory__person-previews{width:100%;justify-content:flex-start;padding-left:6.2rem;margin-top:.4rem;flex:none}.people-directory__person-preview-img{width:4.5rem;height:4.5rem}.people-directory__person-preview-skin{width:3.2rem;height:3.2rem}}@media screen and (min-width:700px)and (max-width:1024px){.people-directory__person{flex-wrap:wrap}.people-directory__person-previews{width:100%;justify-content:flex-start;padding-left:6.2rem;margin-top:.4rem;flex:1}.people-directory__person-preview-img{width:4.5rem;height:4.5rem}.people-directory__person-preview-skin{width:3.2rem;height:3.2rem}}.people-directory__person-actions{display:flex;gap:.6rem;flex-shrink:0}.people-directory__action-btn{width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;border:none;background:rgba(var(--color-foreground),.05);border-radius:.4rem;cursor:pointer;color:rgba(var(--color-foreground),.5);transition:all .2s;padding:0}.people-directory__action-btn:hover{background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.people-directory__action-btn--delete:hover{background:#fee2e2;color:#dc2626}.people-directory__action-btn svg{width:1.6rem;height:1.6rem}.people-directory__message{font-size:1.2rem;padding:.8rem 1.2rem;border-radius:.6rem;margin-top:.8rem;display:none}.people-directory__message--error{display:block;background:#fee2e2;color:#dc2626}.people-directory__message--success{display:block;background:#dcfce7;color:#16a34a}.people-directory__status{text-align:center;font-size:1.1rem;color:rgba(var(--color-foreground),.5);margin-top:.8rem}.people-directory__empty{text-align:center;padding:2rem;color:rgba(var(--color-foreground),.4);font-size:1.2rem}.people-directory__cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2rem;font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground));background:transparent;border:1px solid rgba(var(--color-foreground),.15);border-radius:.6rem;cursor:pointer;transition:all .2s;font-family:inherit;flex:1}.people-directory__cancel-btn:hover{border-color:rgba(var(--color-foreground),.3)}
/*# sourceMappingURL=/cdn/shop/t/30/assets/people-directory.css.map */