.pd-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.pd-popup.is-open{display:flex;align-items:center;justify-content:center}.pd-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;animation:pdFadeIn .2s ease}@keyframes pdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pdSlideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.pd-popup__content{position:relative;background:rgb(var(--color-background));border-radius:1.2rem;width:90vw;max-width:60rem;max-height:80vh;display:flex;flex-direction:column;animation:pdSlideUp .25s ease;overflow:hidden;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #0000000d}@media screen and (max-width:1024px){.pd-popup__content{width:100vw;max-height:90vh;border-radius:1.2rem 1.2rem 0 0;position:absolute;bottom:0}}.pd-popup__header{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem;border-bottom:1px solid rgba(var(--color-foreground),.08);flex-shrink:0}.pd-popup__title{font-size:1.6rem;font-weight:700;margin:0}.pd-popup__close{width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;border:none;background:rgba(var(--color-foreground),.05);border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));font-size:1.4rem;padding:0;transition:background .2s}.pd-popup__close:hover{background:rgba(var(--color-foreground),.1)}.pd-popup__tabs{display:flex;gap:.4rem;padding:1.2rem 2rem 0;flex-shrink:0}.pd-popup__tab{padding:.6rem 1.6rem;font-size:1.3rem;font-weight:600;border:1px solid rgba(var(--color-foreground),.12);border-radius:2rem;background:transparent;color:rgba(var(--color-foreground),.6);cursor:pointer;transition:all .2s;font-family:inherit}.pd-popup__tab:hover{border-color:rgba(var(--color-foreground),.3);color:rgb(var(--color-foreground))}.pd-popup__tab.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.pd-popup__subtabs{display:flex;gap:.4rem;padding:1rem 2rem;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pd-popup__subtabs::-webkit-scrollbar{display:none}.pd-popup__subtab{padding:.4rem 1.2rem;font-size:1.2rem;font-weight:500;border:none;border-radius:.4rem;background:rgba(var(--color-foreground),.05);color:rgba(var(--color-foreground),.6);cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.pd-popup__subtab:hover{background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.pd-popup__subtab.is-active{background:rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));font-weight:600}.pd-popup__grid-wrapper{flex:1;overflow-y:auto;padding:1rem 2rem 2rem}.pd-popup__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:1rem}@media screen and (max-width:1024px){.pd-popup__grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.8rem}}.pd-popup__item{position:relative;aspect-ratio:1;border:2px solid rgba(var(--color-foreground),.08);border-radius:.8rem;overflow:hidden;cursor:pointer;transition:all .2s;background:rgba(var(--color-foreground),.02);padding:0}.pd-popup__item:hover{border-color:rgba(var(--color-foreground),.25);transform:scale(1.03)}.pd-popup__item.is-selected{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgb(var(--color-foreground))}.pd-popup__item img{width:100%;height:100%;object-fit:contain;pointer-events:none}.pd-popup__item-check{position:absolute;top:.4rem;right:.4rem;width:2rem;height:2rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:50%;display:none;align-items:center;justify-content:center}.pd-popup__item.is-selected .pd-popup__item-check{display:flex}.people-directory__image-selector{display:flex;align-items:center;gap:1rem;padding:.6rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:.6rem;cursor:pointer;transition:border-color .2s;background:rgb(var(--color-background));width:100%;box-sizing:border-box;min-height:4.8rem}.people-directory__image-selector:hover{border-color:rgba(var(--color-foreground),.3)}.people-directory__image-selector.invalid{border-color:#e53e3e}.people-directory__image-selector-preview{width:3.6rem;height:3.6rem;border-radius:.4rem;background:rgba(var(--color-foreground),.05);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.people-directory__image-selector-preview img{width:100%;height:100%;object-fit:contain}.people-directory__image-selector-preview svg{width:2rem;height:2rem;color:rgba(var(--color-foreground),.3)}.people-directory__image-selector-text{flex:1;font-size:1.2rem;color:rgba(var(--color-foreground),.5);text-align:left}.people-directory__image-selector-text.has-value{color:rgb(var(--color-foreground));font-weight:500}.people-directory__image-selector-arrow{color:rgba(var(--color-foreground),.3);flex-shrink:0}.people-directory__image-selector-arrow svg{width:1.6rem;height:1.6rem}.people-directory__person-images{display:flex;gap:.4rem;margin-top:.4rem}.people-directory__person-img-thumb{width:2.8rem;height:2.8rem;border-radius:.4rem;border:1px solid rgba(var(--color-foreground),.1);object-fit:contain;background:rgba(var(--color-foreground),.02)}
/*# sourceMappingURL=/cdn/shop/t/30/assets/people-directory-popup.css.map */