kenteken-input.vp-kenteken-input{display:flex}.vp-kenteken-input{--vp-kenteken-input-height: 48px;--vp-kenteken-input-padding: 10px;--vp-kenteken-input-country-bg: var(--color-pool-blue, #1b69d3);--vp-kenteken-input-country-color: #ffffff;--vp-kenteken-input-bg: #ffd800;--vp-kenteken-input-border-color: #ffd800;--vp-kenteken-input-filled-bg: #ffd800;--vp-kenteken-input-filled-text-color: var(--color-neutral-darkest, #000000);--vp-kenteken-input-text-color: var(--color-neutral-darkest, #000000);--vp-kenteken-input-placeholder-color: rgb(0 0 0 / .4);--vp-kenteken-input-font-size: 16px;--vp-kenteken-input-placeholder-size: 12px;display:flex;align-items:stretch;gap:0;width:100%;min-width:0;height:var(--vp-kenteken-input-height);box-sizing:border-box;margin:0;container-type:inline-size;container-name:vp-kenteken}@media screen and (min-width:750px){.vp-kenteken-input{width:215px;flex:0 0 215px}}.vp-kenteken-input *,.vp-kenteken-input *:before,.vp-kenteken-input *:after{box-sizing:border-box}.vp-kenteken-input__country{display:flex;align-items:center;justify-content:center;flex:0 0 var(--vp-kenteken-input-height);margin:0;padding:0;background-color:var(--vp-kenteken-input-country-bg);color:var(--vp-kenteken-input-country-color);font-family:var(--font-subheading--family);font-size:var(--font-paragraph--size);font-weight:var(--font-subheading--weight);line-height:1;text-transform:uppercase}.vp-kenteken-input input.vp-kenteken-input__field{flex:1 1 auto;min-width:0;height:100%;margin:0;padding-inline:var(--vp-kenteken-input-padding);padding-block:0;border:2px solid var(--vp-kenteken-input-border-color);border-radius:0;background-color:var(--vp-kenteken-input-bg);color:var(--vp-kenteken-input-text-color);font-family:var(--font-paragraph--family);font-size:clamp(14px,8cqi,var(--vp-kenteken-input-font-size));font-weight:var(--font-weight-bold, 700);letter-spacing:.04em;line-height:1;text-align:center;text-transform:uppercase;box-shadow:none;-webkit-appearance:none;appearance:none;pointer-events:auto}.vp-kenteken-input input.vp-kenteken-input__field::placeholder{color:var(--vp-kenteken-input-placeholder-color);font-size:clamp(10px,5.6cqi,var(--vp-kenteken-input-placeholder-size));font-weight:var(--font-weight-bold, 700);letter-spacing:.02em;line-height:1;text-transform:uppercase;opacity:1}.vp-kenteken-input input.vp-kenteken-input__field:not(:placeholder-shown){background-color:var(--vp-kenteken-input-filled-bg);border-color:var(--vp-kenteken-input-filled-bg);color:var(--vp-kenteken-input-filled-text-color)}.vp-kenteken-input input.vp-kenteken-input__field:focus{outline:none}.vp-kenteken-input input.vp-kenteken-input__field:placeholder-shown:focus{box-shadow:inset 0 0 0 1px #00000040}.vp-kenteken-input input.vp-kenteken-input__field:not(:placeholder-shown):focus{box-shadow:inset 0 0 0 1px var(--vp-kenteken-input-filled-text-color)}
/*# sourceMappingURL=/cdn/shop/t/59/assets/vp-kenteken-input.css.map */