/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/sass/bird/bird.scss ***!
  \**********************************************************************************************************************************************/
/* Bird (rebrand, 2024) sass 
Version 1.5.1
*/
/*	=============================================================================================================
Reset
============================================================================================================= */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*	=============================================================================================================
	Font-faces
	============================================================================================================= 
	http://storybook.prd.cdb.lan/?path=/docs/typography--docs	
*/
@font-face {
  font-family: "Pulpo";
  src: url("/fonts/pulpo/Pulpo-Medium.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pulpo";
  src: url("/fonts/pulpo/Pulpo-Medium.woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Pulpo";
  src: url("/fonts/pulpo/Pulpo-Bold.woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Pulpo";
  src: url("/fonts/pulpo/Pulpo-Light.woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("/fonts/merriweather/Merriweather-Regular.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("/fonts/merriweather/Merriweather-Italic.woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Merriweather";
  src: url("/fonts/merriweather/Merriweather-Bold.woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("/fonts/merriweather/Merriweather-Light.woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roobert";
  src: url("/fonts/roobert/Roobert-Bold.woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roobert";
  src: url("/fonts/roobert/Roobert-Light.woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roobert";
  src: url("/fonts/roobert/Roobert-Medium.woff2");
  font-weight: normal;
  font-style: normal;
}
/*	=============================================================================================================
	Font-faces
	============================================================================================================= 
	http://storybook.prd.cdb.lan/?path=/docs/typography--docs	
*/
/*	=============================================================================================================
	Variables
	============================================================================================================= */
/*	=============================================================================================================
	SVGs
	============================================================================================================= 
	http://storybook.prd.cdb.lan/?path=/docs/iconography--docs
*/
/*	=============================================================================================================
	sr-only
	visible only to screen-readers
	cribbed from b*strap
	============================================================================================================= */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

/*	=============================================================================================================
	Overlay
	============================================================================================================= 
	http://storybook.prd.cdb.lan/?path=/docs/components-modals-modal--docs
*/
.overlay-manager {
  display: none;
}

.overlay-container {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9998;
}

.overlay-cover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAAAAACpleexAAAAVElEQVR4Ae3ToQ3EUBDEUMdL0kD6r/RLR5YdcQF/4OhRPx/AYTfs/j6jw+gwOoyOeZvD6I7RYXQYHUaH0WF0GB1Gh9GN0WF0GB1Gt/A2c5u5zUTHDzvDTn3NJ9/cAAAAAElFTkSuQmCC);
  filter: alpha(opacity=85);
  opacity: 0.85;
  z-index: 9998;
}

.overlay-content-wrap {
  position: absolute;
  width: 776px;
  left: 50%;
  margin-left: -388px;
  background-color: #fff;
  z-index: 9998;
  border-radius: 5px;
}

.overlay-content {
  width: 735px;
  min-height: 40px;
  float: left;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 2px;
  text-align: left;
  overflow: auto;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.overlay-content .link-button:focus, .overlay-content .link-button:focus-visible {
  outline: 0;
}

.overlay-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
}

.overlay-close {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20y%3D%220.707108%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%2212%22%20fill%3D%22%2340BCD0%22/%3E%3Cpath%20d%3D%22M12%2011.2929L7.70706%207L6.29285%208.41421L10.5858%2012.7072L6.29294%2017L7.70715%2018.4142L12%2014.1214L16.2928%2018.4142L17.7071%2017L13.4142%2012.7072L17.7072%208.41421L16.2929%207L12%2011.2929Z%22%20fill%3D%22%23383838%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  top: -15px;
  right: -15px;
  width: 25px;
  height: 25px;
  z-index: 9999;
  text-indent: -10000px;
}

.overlay-close:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAt1BMVEUAAADztj31uDP1sTv2szn2tjf2uTXuszzvtzjxtjjytTnytjjytDjytjnztjjztDfztTfxtjnxtDjxtTjxtTfztTjytTfytjnytTjytTjytTjytTnytjjytDjytTjytTjztjfytTjytTfytTjytDjytTjytTjytDjytTjytTjytTjytTg4ODhSSThTSjhVSzhVTDhWTDhXTThYTThZTjikgTilgTjfqDjgqTjiqjjjqzjytTj///+GSeqOAAAALHRSTlMAFRkaGxwdHiBJTE1OUGlqa2xtbm+RmJmbnJ6iqrW2t7jX2Nnb8fLz9Pv8/R/3l70AAAABYktHRDynamHPAAAA7ElEQVQoz22S6ZKCMBCExyPe6wHqeiwqKAQhXusJ8/7vtZCEBBb6T6byVac66QAItY2d46Pv7CYtyKv5HWCm8KejwRfFvLxBBqYhFhWa0vEfJIi7CMWyvEZCVnx8RWIreol1kcTlqZ7szlF0Z09OAgImH+IHu7zF8hGmMWxRoxxACw6o0PmqATqgksW/jJ0UQApqjG8JeevgypOeduMxhFzY6wQfmZDLltlkqhyyYIKVN8UhtILK1zkSgCVWaZ726VUAt57W0A3K/fRFdWapUyOre1A80O3pL1KbHbVhXS/8KzLe2BSpbY2I3PkDU41sF8U4iisAAAAASUVORK5CYII=) !important;
}

.overlay-container h1,
.overlay-container .header {
  float: none;
  font-weight: 500;
  font-size: 1.75rem;
  margin-bottom: 20px;
  font-family: "Pulpo", serif;
  padding: 0px;
}
.overlay-container h1:focus, .overlay-container h1:focus-visible,
.overlay-container .header:focus,
.overlay-container .header:focus-visible {
  outline: 0;
}

.overlay-container p {
  line-height: 1.5em;
  font-family: "Merriweather", serif;
}

.overlay-container p + p {
  margin-top: 20px !important;
}

.overlay-container ul {
  padding: 1.5em;
  line-height: 1.5em;
}
.overlay-container ul li {
  list-style: inherit;
}

.overlay-container div.acct-loading {
  width: 260px;
}

.overlay-container div.acct-loading h2 {
  width: 260px;
  text-align: center;
  margin: 5px 0 20px 0;
  font-size: 16px;
  font-weight: bold;
}

.overlay-container div.acct-loading h2.ddsales-header {
  margin-bottom: 5px !important;
}

.overlay-container div.acct-loading h3 {
  width: 260px;
  text-align: center;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #888;
}

.overlay-container div.acct-loading img {
  width: 220px;
  text-align: center;
  margin: auto 20px;
}

.overlay-container div.ajax-loading img {
  width: 150px;
  height: 150px;
  margin-left: 55px;
}

.overlay-container h2.error-header {
  font-size: 22px;
  margin-bottom: 15px;
}

.overlay-container p.error-content {
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
}

.a-tag-span {
  display: inline-block;
}

.ytm-warning-wrapper {
  font-size: 15px;
}

.ytm-warning {
  text-align: right;
  margin-bottom: 0;
}
.ytm-warning button {
  display: inline-block;
}

/* Styles for the session expirations */
.session-button-container {
  margin-top: 20px;
}

.button-login-container,
.button-login {
  display: block;
  width: 78px;
}

.button-yes-container,
.button-no-container,
.button-login-container {
  overflow: hidden;
  display: block;
  float: right;
}

/*	=============================================================================================================
    link-button
	============================================================================================================
	http://storybook.prd.cdb.lan/?path=/docs/components-buttons--docs	
*/
.link-button {
  transition: background-color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  text-decoration: none;
  display: inline-block;
  color: #1f1f30;
  font-family: "Roobert", sans-serif;
  background-color: #40bcd0;
  padding: 12px 16px;
  border-radius: 4px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
  border: 0px;
  cursor: pointer;
}
.link-button:focus, .link-button:hover {
  background-color: #f2b538;
  color: inherit;
  text-decoration: none;
}
.link-button:active {
  background-color: #f2b538;
}
.link-button--secondary {
  color: #1f1f30;
  background-color: #f2b538;
  text-transform: capitalize;
  border-radius: 4px;
}
.link-button--secondary:focus, .link-button--secondary:hover {
  background-color: #40bcd0;
}
.link-button--secondary:focus {
  box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #40bcd0, 0px 0px 8px 4px rgba(64, 188, 208, 0.69);
}
.link-button--secondary:active {
  background-color: #7bd0df;
}
.link-button--secondary-alternate {
  padding: 8px 16px;
  color: #1f1f30;
  background-color: #FFF;
  border: 1px solid #1f1f30;
  text-align: center;
}
.link-button--secondary-alternate:focus {
  background-color: #FFF;
  outline: 2px solid #40bcd0;
  outline-offset: 2px;
}
.link-button--secondary-alternate:hover {
  color: #ebebeb;
  background-color: #1f1f30;
}
.link-button--secondary-alternate:active {
  color: #ebebeb;
  background-color: #545481;
  border-color: #545481;
}
.link-button--secondary-alternate-neutral {
  background-color: transparent;
}
.link-button--in-header {
  margin: 0;
}
.link-button--view-edit {
  font-size: 12px;
  color: #1f1f30;
  background-color: transparent;
  border: 1px solid #1f1f30;
  letter-spacing: 0.5px;
  font-weight: 700;
  margin: auto;
  white-space: nowrap;
  padding: 8px 12px;
}
.link-button--view-edit:hover {
  background-color: #1f1f30;
  color: #ebebeb !important;
}
.link-button--alert-content {
  position: relative;
}
.link-button--alert-content::before {
  position: absolute;
  text-decoration: none;
  border: none;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="none"%3E%3Cpath fill="%23D84B27" d="M7.5 15a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z"/%3E%3Ccircle cx="7.5" cy="11.75" r="1.25" fill="%23fff"/%3E%3Cpath fill="%23fff" fill-rule="evenodd" d="M6.25 2.8c0-.267.083-.467.333-.6.25-.133.584-.2 1-.2.334 0 .584.067.834.2s.333.333.333.6c0 .533 0 1.467-.083 2.8 0 1.333-.084 2.267-.084 2.8 0 .2-.083.333-.333.467C8 9 7.75 9 7.5 9c-.75 0-1.083-.2-1.083-.6 0-.533 0-1.467-.084-2.8-.083-1.333-.083-2.267-.083-2.8Z" clip-rule="evenodd"/%3E%3C/svg%3E');
  /* always display in upper left */
  top: -10px;
  left: -10px;
  height: 20px;
  width: 20px;
}

.bird-layout {
  margin: 0;
  background-color: #ebebeb;
  /* page-container element
  	this is the wrapper around the page content
  	targeted cribbing from the template.scss
  */
}
.bird-layout__page-container {
  outline: none;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  max-width: 995px;
  padding-bottom: 80px;
  min-width: 320px;
  flex: 1;
}
.bird-layout__site-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}