/* Main values read as typography, rather than boxed form controls. */
.converter .zone-picker,.converter .zone-picker:hover,.converter .zone-picker:focus-visible,.converter button.converter-time,.converter button.converter-time:hover,.converter button.converter-time:focus-visible,.converter .converter-date-row .date-choice,.converter .converter-date-row .date-choice:hover,.converter .converter-date-row .date-choice:focus-visible{background:transparent;border-color:transparent;box-shadow:none;transition:color .15s}.converter .zone-picker>svg{background:transparent;border-radius:0;padding:0;width:20px;height:20px;flex-basis:20px;color:#357257;stroke-width:2.2}.converter .zone-picker:hover,.converter button.converter-time:hover,.converter .converter-date-row .date-choice:hover{color:#357257}.converter .zone-picker:active,.converter button.converter-time:active,.converter .converter-date-row .date-choice:active{color:#1e533b}.converter .zone-picker:focus-visible,.converter button.converter-time:focus-visible,.converter .converter-date-row .date-choice:focus-visible{outline:2px solid #8ca483;outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){.converter .zone-picker,.converter button.converter-time,.converter .converter-date-row .date-choice{transition:none}}
.converter .zone-picker{width:fit-content;max-width:100%;justify-self:start;justify-content:flex-start;gap:9px;padding:5px 0}.converter button.converter-time{width:max-content;min-width:0;justify-self:end;padding:3px 0}.converter .converter-date-row .date-choice{width:max-content;max-width:100%;margin-left:auto;padding:4px 0}
.converter button.converter-time,.converter .converter-date-row .date-choice{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px}.converter button.converter-time::after,.converter .converter-date-row .date-choice::after{content:'';display:block;flex:0 0 6px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);color:#698775}.converter button.converter-time:hover::after,.converter .converter-date-row .date-choice:hover::after{color:#357257}.converter .zone-picker>svg{color:#698775}.converter .zone-picker:hover>svg{color:#357257}
.converter .converter-date-row .date-choice{display:flex}