/* Use drawn icons and the same controls on phones and desktop browsers. */
.ui-arrow{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
button.button,.ga-chat button{-webkit-appearance:none;appearance:none}
.booking-field,.booking-grid,.booking-field input,.booking-field select{min-width:0}
.booking-field select,#account-customer-form select,#apprentice-application select,.ga-chat .ga-booking select{-webkit-appearance:none;appearance:none;padding-right:42px;background-image:url('/assets/select-chevron.svg');background-position:right 14px center;background-size:14px 14px;background-repeat:no-repeat}
.ga-chat .ga-booking fieldset{min-width:0}
.company-details p{overflow-wrap:anywhere}
@media(max-width:800px){
  #account-customer-form input,#account-customer-form select,#account-customer-form textarea{font-size:16px}
  .mobile-menu summary,.mobile-menu nav a{min-height:44px}
  .mobile-menu nav a{display:inline-flex;align-items:center}
  .button,.nav-cta,.door-button,.text-link{max-width:100%}
  .gateway-footer,.footer{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
}