.postcode_container{border-radius:var(--buttons-radius-outset);position:relative;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));margin:auto 0 auto 5px;display:inline-flex;align-items:center;justify-content:center;height:4.5rem;border:1px solid rgb(var(--color-foreground));cursor:pointer;transition:all .2s ease;line-height:1}.postcode_container:hover{border:1px solid rgba(var(--color-foreground),.5)}.postcode-card{display:flex;align-items:center;gap:.5rem;padding:0 10px;transition:all .2s ease;justify-content:center}.postcode-card__icon{width:1rem;height:1rem;flex-shrink:0}.postcode-card__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;margin:0}modal-dialog#PostcodeModal.postcode-modal,#PostcodeModal.postcode-modal{z-index:9999!important;display:none!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:#00000080!important;align-items:center!important;justify-content:center!important;visibility:hidden!important}modal-dialog#PostcodeModal.postcode-modal[open],#PostcodeModal.postcode-modal[open],modal-dialog#PostcodeModal.postcode-modal.open,#PostcodeModal.postcode-modal.open{display:flex!important;visibility:visible!important}.postcode-modal__content{background:rgb(var(--color-background));border-radius:var(--buttons-radius);padding:2rem;max-width:400px;width:90vw;position:relative}.postcode-modal__close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;cursor:pointer;padding:.5rem;color:rgb(var(--color-foreground));opacity:.7;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.postcode-modal__close:hover{opacity:1}.postcode-modal__close .icon,.postcode-modal__close svg{width:1.5rem;height:1.5rem;display:block}.postcode-form{display:flex;flex-direction:column;gap:1rem;padding:10px 0}.postcode-input-group{display:flex;gap:.5rem}.postcode-input{width:100%;padding:.75rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);transition:border-color .2s ease,box-shadow .2s ease;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.postcode-input:focus{outline:none;border-color:rgba(var(--color-foreground),.5);box-shadow:0 0 0 3px rgba(var(--color-foreground),.12)}.postcode-submit-btn{padding:.75rem 1.5rem;border:1px solid rgb(var(--color-foreground));border-radius:var(--buttons-radius);background:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer;transition:opacity .2s ease;position:relative;min-height:2.5rem;display:flex;align-items:center;justify-content:center;min-width:75px}.postcode-submit-btn:disabled{cursor:not-allowed}.postcode-submit__text{display:inline}.postcode-submit__loading{align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0}.postcode-submit__loading:not(.hidden){display:flex!important}.postcode-submit__loading .loading-spinner:not(.hidden),.postcode-submit__loading .loading__spinner:not(.hidden){display:inline-block!important;visibility:visible!important;opacity:1!important;width:1.8rem!important;height:1.8rem!important;position:relative!important;z-index:1!important}.postcode-submit__loading .loading-spinner:not(.hidden) .spinner,.postcode-submit__loading .loading__spinner:not(.hidden) .spinner{display:block!important;width:100%!important;height:100%!important;visibility:visible!important}.postcode-submit__loading .loading-spinner:not(.hidden) .path,.postcode-submit__loading .loading__spinner:not(.hidden) .path{visibility:visible!important;opacity:1!important}.postcode-result{padding:.75rem;border-radius:var(--inputs-radius);border:1px solid;margin-top:.5rem}.postcode-result__message{margin:0;text-align:center}.postcode-result--success{background-color:#10b9811a;border-color:#10b981;color:#065f46}.postcode-result--error{background-color:#ef44441a;border-color:#ef4444;color:#991b1b}.postcode-result__message--success{color:#065f46}.postcode-result__message--error{color:#991b1b}@media (max-width: 768px){.postcode-card{padding:.375rem .5rem;min-width:100px}.postcode-modal__content{padding:1.5rem;margin:1rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/postcode-validator.css.map */