.pincode-checker{display:block}.pincode-checker__card{border:.1rem solid var(--nh-brand);border-radius:13px;padding:1.2rem;background-color:rgba(var(--color-foreground),.02)}.pincode-checker__body{min-width:0}.pincode-checker__body p{margin:0}.pincode-checker__heading{margin:0;font-size:1.3rem;line-height:1.4;color:#000}.pincode-checker__heading strong{font-weight:600}.pincode-checker__subtext{margin:0;font-size:1.15rem;line-height:1.4;color:rgba(var(--color-foreground),.65)}.pincode-checker__line{display:flex;align-items:center;gap:1.1rem;margin-top:.7rem}.pincode-checker__row{height:3.4rem;flex:0 0 auto;display:flex;align-items:center}.pincode-checker__row[hidden]{display:none}.pincode-checker__group{display:flex;align-items:stretch;height:100%;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:.6rem;overflow:hidden;background-color:rgb(var(--color-background));transition:border-color .15s ease,box-shadow .15s ease}.pincode-checker__group:focus-within{border-color:rgba(var(--color-foreground),.85);box-shadow:0 0 0 .15rem rgba(var(--color-foreground),.1)}.pincode-checker__group:has(.pincode-checker__input--invalid){border-color:var(--nh-error);box-shadow:0 0 0 .15rem #c8102e26;animation:pincode-shake .3s linear}.pincode-checker__group-icon{display:flex;align-items:center;padding-left:.9rem;color:rgba(var(--color-foreground),.55)}.pincode-checker__group-icon svg{width:1.4rem;height:1.4rem}.pincode-checker__input{width:9rem;min-width:0;height:100%;font-size:1.3rem;letter-spacing:.05em;padding:0 .8rem;color:rgb(var(--color-foreground));background:none;border:none}.pincode-checker__input:read-only{font-weight:600}.pincode-checker__input::placeholder{letter-spacing:normal;color:rgba(var(--color-foreground),.45)}.pincode-checker__input:focus,.pincode-checker__input:focus-visible{outline:none;box-shadow:none}@keyframes pincode-shake{0%,to{transform:translate(0)}25%{transform:translate(-.4rem)}75%{transform:translate(.4rem)}}.pincode-checker__group .pincode-checker__button{background-color:var(--nh-brand)!important;color:var(--nh-on-brand)!important}.pincode-checker__button{position:relative;height:100%;min-height:0;width:8rem;min-width:0;padding:0;font-size:1.2rem;flex-shrink:0;border:none;border-radius:0;box-shadow:none}.pincode-checker__button:after,.pincode-checker__button:before{display:none}.pincode-checker__button.loading .pincode-checker__button-label,.pincode-checker__button.loading .pincode-checker__button-icon{visibility:hidden}.pincode-checker__button-icon{display:none;align-items:center;justify-content:center}.pincode-checker__button-icon svg{width:1.6rem;height:1.6rem}.pincode-checker__result{position:relative;flex:1;min-width:0;height:3.4rem;display:flex;align-items:center;padding:.3rem 1rem;border-radius:.6rem;background-color:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.65);font-size:1.1rem;overflow:hidden}pincode-checker[data-state=found] .pincode-checker__result{background-color:#e9f7ef;color:var(--nh-success)}pincode-checker[data-state=notfound] .pincode-checker__result{background-color:#fdf4e3;color:#8a5a00}.pincode-checker__idle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25}.pincode-checker__shimmer{width:100%;height:1rem;border-radius:.5rem;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__bar{display:flex;align-items:center;gap:.6rem;width:100%;min-width:0;padding:0;background:none;border:none;color:inherit;font-family:inherit;font-size:1.1rem;line-height:1.25;text-align:left;white-space:normal}.pincode-checker__bar--found{cursor:pointer}.pincode-checker__bar--found:hover .pincode-checker__bar-cta{text-decoration-thickness:.15rem}.pincode-checker__bar--found:focus-visible{outline:.2rem solid var(--nh-success);outline-offset:.2rem;border-radius:.2rem}.pincode-checker__bar-icon{flex-shrink:0;width:1.3rem;height:1.3rem;background-repeat:no-repeat;background-position:center;background-size:contain}.pincode-checker__bar--found .pincode-checker__bar-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a6c3c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.pincode-checker__bar--notfound .pincode-checker__bar-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01'/%3E%3Cpath d='M12 12v4'/%3E%3C/svg%3E")}.pincode-checker__bar-text{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pincode-checker__bar-cta{flex-shrink:0;font-weight:600;text-decoration:underline;text-underline-offset:.2rem;white-space:nowrap;margin-left:15px}.pincode-checker__bar-cta:after{content:"\203a";display:inline-block;margin-left:.3rem;font-size:1.25rem;line-height:1;text-decoration:none}@media screen and (max-width:480px){.pincode-checker__line{gap:.7rem}.pincode-checker__group-icon{display:none}.pincode-checker__input{width:7.2rem;padding:0 .8rem}.pincode-checker__button{width:3.8rem}.pincode-checker__button-label{display:none}.pincode-checker__button-icon{display:flex}pincode-checker[data-state=found] .pincode-checker__button-icon--check{display:none}pincode-checker:not([data-state=found]) .pincode-checker__button-icon--change{display:none}.pincode-checker__bar-icon{display:none}.pincode-checker__bar-cta{margin-left:.5rem}.pincode-checker__result,.pincode-checker__bar{font-size:1rem}.pincode-checker__result{padding:.3rem .8rem}}.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:1.2rem;box-shadow:0 1.6rem 4rem #00000040;display:flex;flex-direction:column;overflow:hidden}.pincode-fitment-modal[open] .pincode-fitment-modal__content{animation:pincode-pop .18s ease}@keyframes pincode-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.pincode-fitment-modal__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.8rem;padding:1.6rem 2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.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;border-radius:50%;padding:0;cursor:pointer;color:rgb(var(--color-foreground));transition:background-color .15s ease}.pincode-fitment-modal__close:hover{background-color:rgba(var(--color-foreground),.06)}.pincode-fitment-modal__close svg{width:1.8rem;height:1.8rem}.pincode-fitment-modal__list{overflow-y:auto;padding:1.6rem 2rem 2rem;display:grid;gap:1.2rem}.pincode-centre-card{display:flex;gap:1.2rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1rem;padding:1.4rem}.pincode-centre-card__marker{flex:0 0 3.6rem;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#e9f7ef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a6c3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:1.8rem}.pincode-centre-card__body{flex:1;min-width:0}.pincode-centre-card__name{margin:0;font-size:1.5rem;line-height:1.3;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.pincode-centre-card__badge{display:inline-block;background-color:#e9f7ef;color:var(--nh-success);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08rem;border-radius:2rem;padding:.2rem .9rem}.pincode-centre-card__address{margin:.5rem 0 0;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.pincode-centre-card__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.pincode-centre-card__call,.pincode-centre-card__directions{display:inline-flex;align-items:center;padding:.6rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:2rem;font-size:1.25rem;font-weight:500;color:rgb(var(--color-foreground));text-decoration:none;transition:background-color .15s ease}.pincode-centre-card__call:hover,.pincode-centre-card__directions:hover{background-color:rgba(var(--color-foreground),.05)}@media(prefers-reduced-motion:reduce){.pincode-checker__shimmer{animation:none;background:rgba(var(--color-foreground),.12)}.pincode-checker__group:has(.pincode-checker__input--invalid){animation:none}.pincode-fitment-modal[open] .pincode-fitment-modal__content{animation:none}}pincode-checker:not(:defined) .pincode-checker__row,pincode-checker:not(:defined) .pincode-checker__result{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-pincode-checker.css.map */