armada-date-field{position:relative;display:block}.armada-date-field__box{display:flex;align-items:center;cursor:text}.armada-date-field__box:focus-within{border-color:rgb(var(--color-armada-black))}.armada-date-field__segments{display:inline-flex;align-items:center;min-width:0}.armada-date-field__segment{width:2.6ch;padding:0;border:0;background:none;color:rgb(var(--color-armada-black));font:inherit;line-height:inherit;text-align:center;appearance:none;-webkit-appearance:none;outline:none}.armada-date-field__segment--year{width:4.6ch}.armada-date-field__segment::placeholder{color:rgb(var(--color-armada-med-grey));opacity:1}.armada-date-field__segment:focus{background-color:rgb(var(--color-armada-light-grey));border-radius:var(--space-1)}.armada-date-field__segment:focus-visible{outline:var(--space-1) solid rgb(var(--color-armada-night-grey));outline-offset:var(--space-1)}.armada-date-field__separator{color:rgb(var(--color-armada-med-grey));padding:0 .2ch}.armada-date-field__placeholder{position:absolute;inset-inline-start:var(--space-4);top:50%;transform:translateY(-50%);color:rgb(var(--color-armada-med-grey));pointer-events:none}.armada-date-field__box:focus-within .armada-date-field__placeholder,.armada-date-field__box.has-value .armada-date-field__placeholder{display:none}.armada-date-field__segments{opacity:0}.armada-date-field__box:focus-within .armada-date-field__segments,.armada-date-field__box.has-value .armada-date-field__segments{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/21/assets/armada-date-field.css.map */