.pincode-checker{display:block}.pincode-checker__card{display:flex;flex-direction:row;gap:1rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem;padding:1.2rem}.pincode-checker__icon{flex:0 0 2.4rem;width:2.4rem;height:2.4rem;color:rgb(var(--color-foreground))}.pincode-checker__icon svg{width:100%;height:100%}.pincode-checker__body{flex:1;min-width:0}.pincode-checker__heading{margin:0;font-weight:600}.pincode-checker__subtext{margin:0;font-size:1.2rem;color:rgba(var(--color-foreground),.75)}.pincode-checker__row{height:4rem;display:flex;align-items:center;gap:.8rem;margin-top:.6rem}.pincode-checker__row[hidden]{display:none}.pincode-checker__input{flex:1;min-width:0;max-width:24rem;height:100%;font-size:1.4rem;padding:0 1.2rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.55);border-radius:.4rem}.pincode-checker__input:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}.pincode-checker__input--invalid{border-color:#c8102e;animation:pincode-shake .3s linear}@keyframes pincode-shake{0%,to{transform:translate(0)}25%{transform:translate(-.4rem)}75%{transform:translate(.4rem)}}.pincode-checker__button{height:100%;min-height:0;min-width:0;padding:0 1.6rem;font-size:1.3rem;flex-shrink:0}.pincode-checker__chip{display:inline-flex;align-items:center;min-width:0;background-color:rgba(var(--color-foreground),.06);border-radius:2rem;padding:.6rem 1.2rem;font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pincode-checker__chip [data-chip-pin]{margin-left:.4rem;font-weight:600}.pincode-checker__change{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font-size:1.3rem;text-decoration:underline;color:rgb(var(--color-link))}.pincode-checker__result{height:2.6rem;display:flex;align-items:center;gap:.8rem;overflow:hidden;white-space:nowrap}.pincode-checker__idle{font-size:1.2rem;color:rgba(var(--color-foreground),.6);overflow:hidden;text-overflow:ellipsis}.pincode-checker__shimmer{width:70%;height:1.4rem;border-radius:.4rem;background:linear-gradient(90deg,rgba(var(--color-foreground),.08) 25%,rgba(var(--color-foreground),.18),rgba(var(--color-foreground),.08) 75%);background-size:200% 100%;animation:pincode-shimmer 1.2s ease-in-out infinite}@keyframes pincode-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pincode-checker__strip{display:inline-flex;align-items:center;min-width:0;padding:.2rem .8rem;border-radius:.4rem;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis}.pincode-checker__strip--found{color:#067d47;background-color:#e6f6ee}.pincode-checker__strip--notfound{color:#8a5a00;background-color:#fdf3e0}.pincode-checker__view{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font-size:1.2rem;text-decoration:underline;color:rgb(var(--color-link))}.pincode-fitment-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:none;background:#00000080}.pincode-fitment-modal[open]{display:flex;justify-content:center;align-items:center}.pincode-fitment-modal__content{background:rgb(var(--color-background));color:rgb(var(--color-foreground));width:min(48rem,92vw);max-height:80vh;border-radius:.8rem;display:flex;flex-direction:column;overflow:hidden}.pincode-fitment-modal__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.pincode-fitment-modal__header h2{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.pincode-fitment-modal__close{width:4.4rem;height:4.4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:rgb(var(--color-foreground))}.pincode-fitment-modal__close svg{width:1.8rem;height:1.8rem}.pincode-fitment-modal__list{overflow-y:auto;padding:1.6rem;display:grid;gap:1.2rem}.pincode-centre-card{border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem;padding:1.2rem}.pincode-centre-card__name{margin:0;font-size:1.5rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.pincode-centre-card__badge{display:inline-block;background-color:#e6f6ee;color:#067d47;font-size:1rem;text-transform:uppercase;letter-spacing:.08rem;border-radius:2rem;padding:.2rem .8rem}.pincode-centre-card__address{margin:.4rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.8)}.pincode-centre-card__actions{display:flex;gap:1.6rem;margin-top:.8rem}.pincode-centre-card__call,.pincode-centre-card__directions{font-size:1.3rem}@media(prefers-reduced-motion:reduce){.pincode-checker__shimmer{animation:none;background:rgba(var(--color-foreground),.12)}.pincode-checker__input--invalid{animation:none}}pincode-checker:not(:defined) .pincode-checker__row,pincode-checker:not(:defined) .pincode-checker__result{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-pincode-checker.css.map */