/* <  375px */ /* From tailwind --lg = 60em =  < 960px */ /* >= 960px */ /* 960px - 1168px */ /* Values from Tailwind Config */ /* 500px */ /* 499px */ /* 720px */ /* 719px */ /* 960px */ /* 1200px */ /* 1280px */ :root {
  --mobile-logo-height: 41px;
  --mobile-logo-width: 126px;
  --mobile-header-height: 70px;
  --mobile-header-button-height: 40px;
  --ecomm-header-logo-height: 33px;
  --ecomm-desktop-header-logo-width: 213px;
  --ecomm-mobile-header-logo-width: 105px;
  --desktop-utility-height: 3.5rem;  /* 56px */
  --desktop-header-height: 5.25rem;  /* 84px */
  --desktop-logo-height: 2.75rem;    /* 44px */
  --desktop-logo-width: 8.75rem;     /* 140px */
  --desktop-logo-tight-scale-factor: 0.85;
  --desktop-search-height: 2.5rem;   /* 40px */
  --desktop-search-width: 23.75rem;  /* 380px */
  --max-content-width: 75rem;        /* 1200px */
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --white: #fff;
  --depths: #012345;
  --caribbean-reef: #327ABD;
  --driftwood: #D5C6B4;
  --river-stone-grey: #757777;
  --kelp: #004225;
  --chlorophyll: #008666;
  --green: #51E172;
  --medium-gray: #C7C6C6;
  --dark-gray: #383736;
  --black-8: rgba(0,0,0,0.08);
  --black-22: rgba(0,0,0,0.22);
  --height-target: 2.75rem;
} /* Move pause button down to clear desktop header */ @media (min-width: 60em) { .hero-video__pause {
    margin-top: 117px;

    position: relative;

    z-index: 110
}
  }


/*# sourceMappingURL=hero-video-8a96b9c3.css.map*/