/* Gentle motion for page content, controls and the mobile menu. */
@media (prefers-reduced-motion: no-preference) {
 @supports (transition-behavior: allow-discrete) and (overlay: auto) {
  body dialog {
   opacity: 0;
   transition: opacity .32s ease-out, display .32s allow-discrete, overlay .32s allow-discrete;
  }
  body dialog[open] { opacity: 1; }
  body dialog:not([open]) { pointer-events: none; }
  body dialog::backdrop {
   opacity: 0;
   transition: opacity .32s ease-out, display .32s allow-discrete, overlay .32s allow-discrete;
  }
  body dialog[open]::backdrop { opacity: 1; }
  .travel-chat {
   opacity: 1;
   transition: opacity .32s ease-out, display .32s allow-discrete;
  }
  .travel-chat[hidden] { opacity: 0; pointer-events: none; }
  @starting-style {
   body dialog[open], body dialog[open]::backdrop, .travel-chat:not([hidden]) { opacity: 0; }
  }
 }
 .service-media .service-photo { transition: opacity .55s ease-out; }
}

/* The icon follows the same accessible state as the navigation. */
.menu-toggle.animated-menu{position:relative;font-size:0;color:var(--ink);cursor:pointer}
.animated-menu::before,.animated-menu::after,.animated-menu .menu-icon-line{
 content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;
 margin-left:-10px;margin-top:-1px;background:currentColor;border-radius:2px;
 transform-origin:center;
}
.animated-menu::before{transform:translateY(-6px)}
.animated-menu::after{transform:translateY(6px)}
.animated-menu[aria-expanded="true"]::before{transform:rotate(45deg)}
.animated-menu[aria-expanded="true"]::after{transform:rotate(-45deg)}
.animated-menu[aria-expanded="true"] .menu-icon-line{opacity:0;transform:scaleX(.4)}
@media(prefers-reduced-motion:no-preference){
 .animated-menu::before,.animated-menu::after,.animated-menu .menu-icon-line{
  transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .2s ease;
 }
 .btn,.package-explore,.package-add,.filter,.travel-chat-trigger{
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;
 }
 @media(max-width:1100px){
  @supports(transition-behavior:allow-discrete){
   .header .navlinks{
    opacity:0;transform:translateY(-8px);
    transition:opacity .24s ease,transform .28s cubic-bezier(.22,.61,.36,1),display .28s allow-discrete;
   }
   .header .navlinks.open{opacity:1;transform:translateY(0)}
   .header .navlinks:not(.open){pointer-events:none}
   @starting-style{.header .navlinks.open{opacity:0;transform:translateY(-8px)}}
  }
 }
}