@charset "UTF-8";
/** Vendor For files that need compiling */
.block-wba-butler .block__content-toggle:after, .block-wba-butler .block__additional-information .block__list-item a:after { font-family: "themeIcons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; }

/** This themes global styles */
/** Root Font Sizing */
/** Type sets Defines a type grouping that can be looped over and generate utility classes */
/** Grid and Grid Gap */
/** Vertical Gap */
/** Horizontal Gap */
/** Container widths */
/** Global Variables */
/** Label element */
/** Checkbox element */
/** Radio element */
/** Textfield element */
/** No-space Removes the default space, border, and padding place on a component */
/** Grid row Sets row up for the grid */
/** Grid row gutters IF $gutter-horizontal = true: set the sides gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-vertical = true: set the top and bottom gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-horizontal-size & $gutter-vertical-size = wide: large sized space between items IF $gutter-horizontal-size & $gutter-vertical-size = wide-lg: large sized space between items only on the lg breakpoint IF $gutter-horizontal-size & $gutter-vertical-size = narrow: small sized space between items ELSE $gutter-horizontal-size & $gutter-vertical-size = default: regular sized space between items */
/** Grid columns IF = auto: fits the available space ELSE IF = variable: fits the width of it's content ELSE span the amount of columns provided */
/** Grid Spacing Clear Clears first and last grid row margin or padding Declare on column class: @include grid-clear-vertical-spacing(2); Options: • $columns(value = 1 to n) - default = 1 • $property(value = margin or padding) - default = margin, sets to 0 */
/** Grid class generators Generates classes for each column and offset by default and breakpoint */
/** Hide Text Hide text while making it readable for screen readers 1. Needed in WebKit-based browsers because of an implementation bug; See: https://code.google.com/p/chromium/issues/detail?id=457146 */
/** Hide Element Hide element while making it readable for screen readers Shamelessly borrowed from HTML5Boilerplate: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */
.block-wba-butler { background: #FFFFFF; border-radius: 2rem; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 1rem; box-shadow: rgba(0, 0, 0, 0.4) 0 0 1rem; bottom: 0; left: 50%; max-width: 44rem; padding-right: 3rem; position: fixed; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; }

.block-wba-butler[aria-expanded='true'] { bottom: 0; }

.block-wba-butler .block__content-toggle { background: transparent; border: 0 none; border-radius: 0; color: inherit; cursor: pointer; font-style: normal; font-weight: inherit; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: normal; margin: 0; text-decoration: none; text-transform: none; -webkit-transition: inherit; transition: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: normal; padding: 0.75rem; position: absolute; right: 0; top: 0; }

.block-wba-butler .block__content-toggle:hover, .block-wba-butler .block__content-toggle:active, .block-wba-butler .block__content-toggle:focus { background: transparent; color: inherit; font-style: normal; text-decoration: none; }

.block-wba-butler .block__content-toggle:after { content: ""; }

.block-wba-butler .block__content-toggle:after { display: block; font-weight: 300; height: 1.5rem; line-height: 1.5; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; width: 1.5rem; }

.block-wba-butler .block__content-toggle[aria-expanded='true']::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.block-wba-butler .block__content-toggle span { bottom: 0; display: block; left: 0; position: absolute; right: 0; text-align: left; text-indent: -999999em; top: 0; z-index: 1; }

.block-wba-butler .block__content-toggle[aria-expanded='true'] .block__content-toggle-false, .block-wba-butler .block__content-toggle[aria-expanded='false'] .block__content-toggle-true { display: none; }

.block-wba-butler .block__content-toggle[aria-expanded='false'] + .block__content { max-width: 0; -webkit-transition: max-width 300ms ease, visibility 0ms linear 300ms; transition: max-width 300ms ease, visibility 0ms linear 300ms; visibility: hidden; }

.block-wba-butler .block__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 40rem; overflow: hidden; padding: 0.5rem 0; -webkit-transition: max-width 300ms ease, visibility 0ms linear; transition: max-width 300ms ease, visibility 0ms linear; visibility: visible; }

.block-wba-butler .block__content header { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.block-wba-butler .block__additional-information { height: 100%; }

.block-wba-butler .block__additional-information .block__list { display: -webkit-box; display: -ms-flexbox; display: flex; height: 3rem; list-style: none; margin: 0; padding: 0 0 0 0.75rem; }

@media (max-width: 47.99em) { .block-wba-butler .block__additional-information .block__list { height: auto; } }

.block-wba-butler .block__additional-information .block__list-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #979797; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0.75rem; width: 10rem; }

.block-wba-butler .block__additional-information .block__list-item a { line-height: 1.2; display: block; overflow: hidden; padding-right: 1.5rem; position: relative; text-overflow: ellipsis; white-space: nowrap; }

.block-wba-butler .block__additional-information .block__list-item a:after { content: ""; }

.block-wba-butler .block__additional-information .block__list-item a::after { background: #FFFFFF; color: #00686D; display: block; height: 100%; position: absolute; right: 0; text-align: right; top: 0; width: 1.25rem; }

.block-wba-butler .block__stock { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 10rem; }

.block-wba-butler .block__stock .wba-stock-information { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.2; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 0; padding-left: 0.75rem; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; }

.block-wba-butler .block__stock .wba-stock-information.wba-stock-information--initialized { opacity: 1; }

.block-wba-butler .block__stock .wba-stock-information__price { color: #232C64; }

.block-wba-butler .block__stock .wba-stock-information__price::before { content: '$'; }

.block-wba-butler .block__stock .wba-stock-information__change { color: #00686D; font-size: 0.7em; margin-left: 0.5rem; }

.block-wba-butler .block__stock .wba-stock-information__change::after { content: '%'; }

.block-wba-butler .block__stock .wba-stock-information__change.wba-stock-information__change--decrease { color: #D20000; }

.block-wba-butler .block__stock .wba-stock-information__datetime { -webkit-box-flex: 0; -ms-flex: none; flex: none; font-size: 0.7em; width: 100%; }

@media (max-width: 29.99em) { .block-wba-butler .block__stock { display: none; } }

@media (min-width: 48em) { .block-wba-butler { bottom: 2rem; }
  .block-wba-butler[aria-expanded='true'] { bottom: 2rem; }
  .block-wba-butler .block__content-toggle { top: 0; }
  .block-wba-butler .block-wba-butler__content { padding: 0; } }

@media (max-width: 47.99em) { .block-wba-butler[aria-expanded='false'] .block__additional-information .block__list { height: 3rem; } }

@media (max-width: 35.49em) { .block-wba-butler { background: none; border: 1px transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; left: 55%; padding-right: 0; }
  .block-wba-butler .block__content-toggle { border: 0; right: 35%; }
  .block-wba-butler .block__content-toggle[aria-expanded='true'] { right: 48%; top: -4em; }
  .block-wba-butler .block__content-toggle[aria-expanded='true'] span { background: #EEEEEE; border: 2px solid #979797; border-radius: 50%; z-index: 0; }
  .block-wba-butler .block__content-toggle[aria-expanded='false'] span { background: #EEEEEE; border: 1px solid #979797; border-radius: 50%; z-index: 0; }
  .block-wba-butler .block__content { height: 100%; }
  .block__additional-information .block__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .block__additional-information .block__list .block__list-item { background: #FFFFFF; border-radius: 2rem; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 0.25rem; box-shadow: rgba(0, 0, 0, 0.4) 0 0 0.25rem; display: block; margin-bottom: 1rem; padding: 0.75rem; width: 15rem; }
  .block__additional-information .block__list .block__list-item a { display: block; }
  .block__additional-information .block__list .block__list-item a::after { top: 2px; } }

@media (max-width: 29.99em) { .block-wba-butler { padding-right: 2rem; } }

/*# sourceMappingURL=../../maps/libraries/block/wba-butler.css.map */