@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.menu {
  margin: 0;
  min-width: 240px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 6px;
}
.menu.pillbutton {
  min-width: 132px;
  font-size: 12px;
  text-align: center;
}
.menu-layout-inline {
  font-size: 16px;
}
@media only screen and (max-width: 759px) {
  .menu-layout-inline {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .menu-layout-inline {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .menu-layout-inline {
    margin-top: 30px;
  }
}
.menu-layout-inline > LI {
  margin-top: 0;
}
.menu-layout-inline > LI + LI {
  margin-top: 1px;
}
.menu-layout-inline .menu-item {
  padding: 10px 20px;
}
.menu-layout-inline .bp5-menu-item-label {
  font-weight: 700;
  margin-left: 10px;
}
.menu-layout-inline .bp5-menu-item-label STRONG {
  display: block;
  color: #FB3664;
  text-align: right;
}
.menu-layout-inline .bp5-menu-item-label DEL {
  display: block;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.menu-item {
  border-radius: 4px;
  color: inherit;
  padding: 6px 12px;
  line-height: 20px;
  cursor: pointer;
  justify-content: space-between;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.menu-item:active, .menu-item:focus, .menu-item:hover {
  background-color: rgba(0, 173, 239, 0.1);
}
.menu-item.highlight {
  background-color: rgba(251, 54, 100, 0.3) !important;
}
.menu-item.active, .menu-item.bp5-active {
  background-color: rgba(225, 234, 239, 0.5);
}
.menu-item.disabled, .menu-item.bp5-disabled {
  pointer-events: none;
}
.menu-item.disabled,
.menu-item.disabled *, .menu-item.bp5-disabled,
.menu-item.bp5-disabled * {
  color: #8b8b8b;
}
.menu-item-label {
  display: flex;
  align-items: center;
  margin-left: 30px;
  font-size: 12px;
  line-height: 1;
  color: #8b8b8b;
}
.menu-item .flag {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  overflow: hidden;
  margin: 2px 7px -10px 0;
  float: left;
}
.menu-item .flag IMG {
  width: 100%;
  height: auto;
}
.menu-item .inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.menu-item .inner-text {
  flex: 1 0 auto;
}
.menu-item .inner .avatar {
  flex: 0 0 auto;
}
.menu-item.with-subtext .inner .text {
  font-weight: 700;
  line-height: 24px;
}
.menu-item.with-subtext .inner .subtext {
  font-size: 13px;
  line-height: 16px;
  color: #000;
}
.menu-item.with-avatar:before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 0;
  height: 1px;
  background-color: #e1eaef;
  z-index: 1;
}
.menu-item.indent-1 {
  padding-left: 12px;
  font-weight: 700;
}
.menu-item.indent-2 {
  padding-left: 24px;
}
.menu-item.indent-3 {
  padding-left: 36px;
}
.menu-item.indent-4 {
  padding-left: 48px;
}
.menu-item.intent-primary {
  color: #00adef !important;
}
.menu-item.intent-success {
  color: #4FD966 !important;
}
.menu-item.intent-warning {
  color: #fbac36 !important;
}
.menu-item.intent-danger {
  color: #FB3664 !important;
}
.menu-item.intent-active {
  color: #00adef !important;
}
.menu-item .bp5-icon {
  flex: 0 0 auto;
  margin-left: 10px;
  margin-right: -10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.menu-item .bp5-icon svg {
  width: 14px;
  height: 14px;
}
.menu-item .bp5-icon path {
  fill: currentColor;
}

.bp5-menu-header {
  padding: 12px 12px 6px 12px;
  font-weight: 700;
}
.bp5-menu-header .bp5-heading {
  padding: 0 0 5px 0;
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  border-bottom: 1px solid #ededed;
}
.icon-preview {
  overflow: hidden;
  margin: 10px -10px 0 0;
}
.icon-preview > DIV {
  float: left;
  width: 220px;
  margin: 10px 10px 0 0;
  font-size: 11px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.05);
}
.icon-preview > DIV svg {
  height: 50px;
  max-width: 150px;
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.frame-checkout {
  background-color: #fff;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 100%;
  max-width: 100vw;
}
.frame-checkout-header {
  position: sticky;
  top: 0;
  z-index: 3;
}
.frame-checkout-header .frame-checkout-nav {
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .frame-checkout-header {
    position: fixed;
    left: 0;
    right: 0;
  }
  .frame-checkout-header .time-remaining {
    position: absolute;
    top: 100%;
    margin-top: 50px;
    left: 0;
    right: 0;
  }
}
.frame-checkout-nav {
  flex: 0 0 auto;
  pointer-events: auto;
  box-sizing: border-box;
  overflow: hidden;
}
.frame-checkout-nav-limiter {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 759px) {
  .frame-checkout-nav-limiter {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-checkout-nav-limiter {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-checkout-nav-limiter {
    padding: 10px 30px 30px 30px;
  }
}
.frame-checkout-nav .login {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  color: inherit;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.frame-checkout-nav .login svg {
  margin: 0 10px 0 0;
}
.frame-checkout-nav .login path {
  fill: currentColor;
}
.frame-checkout-nav .logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 0;
}
.frame-checkout-nav .logo img {
  height: 30px;
  width: auto;
}
.frame-checkout-nav .logo svg {
  height: 30px;
  width: 110px;
}
.frame-checkout-nav .login {
  flex: 0 0 auto;
}
.frame-checkout-content {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.frame-checkout-content > * {
  flex: 0 0 auto;
}
@media only screen and (max-width: 1023px) {
  .frame-checkout {
    padding-top: 50px;
  }
  .frame-checkout-nav {
    flex: 0 0 auto;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    height: 50px;
  }
  .frame-checkout-nav-limiter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  HTML:not(.overlayopen) .frame-checkout {
    right: 0 !important;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-checkout {
    flex-direction: column;
  }
  .frame-checkout-nav {
    position: relative;
    z-index: 2;
  }
  .frame-checkout-nav-limiter {
    max-width: 1144px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

.global-frame-checkout .overlayholder {
  max-height: 100vh;
}
@media only screen and (max-width: 1023px) {
  .global-frame-checkout .bp5-overlay .overlayholder,
  .global-frame-checkout .bp5-overlay .overlayholder-backdrop {
    top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .global-frame-checkout .bp5-overlay .overlayholder,
  .global-frame-checkout .bp5-overlay .overlayholder-backdrop {
    left: 0;
  }
  .global-frame-checkout .bp5-overlay .overlay-focusview-holder {
    padding-left: 0;
  }
}
.global-frame-checkout .epharmacy-root, .global-frame-checkout .ecommerce-root {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
}
.loading-content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #8b8b8b;
}
.loading-content svg {
  animation: animation-spin 0.5s linear infinite;
  width: 30px;
  height: 30px;
}
.loading-content path, .loading-content circle, .loading-content line {
  fill: currentColor;
  stroke: currentColor;
}
.loading-content.inline {
  background-color: transparent;
  height: 30px;
}
.loading-content.inline.small {
  height: 30px;
}
.loading-content.inline.small svg {
  width: 30px;
  height: 30px;
}
.loading-content.inline.large {
  height: 300px;
}
.loading-content.inline.large svg {
  width: 60px;
  height: 60px;
}
.loading-content.absolute {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
}
.loading-content.flex {
  flex: 1 0 auto;
}
.loading-content.flex.small {
  height: 30px;
}
.loading-content.flex.small svg {
  width: 30px;
  height: 30px;
}
.loading-content.flex.large {
  height: 300px;
}
.loading-content.flex.large svg {
  width: 60px;
  height: 60px;
}
.loading-app {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
}
.loading-app svg {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  animation: animation-spin 0.5s linear infinite;
  margin: -15px 0 0 -15px;
}
.loading-app path {
  fill: #8b8b8b;
}
@charset "UTF-8";
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
@-ms-viewport {
  width: device-width;
}
HTML, BODY {
  padding: 0;
  margin: 0;
  overscroll-behavior-y: none;
  -webkit-overflow-scrolling: touch;
}

HTML {
  font-size: 62.5%;
}

HTML {
  overflow: -moz-scrollbars-vertical;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

HTML.fixed {
  margin-left: calc(100vw - 100%);
}

BODY {
  -ms-interpolation-mode: nearest-neighbor;
  position: relative;
}

article, aside, footer, header, nav, section, figcaption, figure, main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

svg circle[fill=none],
svg path[fill=none] {
  fill: transparent !important;
}
svg:not(:root) {
  overflow: hidden;
}

A {
  -webkit-text-decoration-skip: objects;
}

B {
  font-weight: 700;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea, option, label {
  font-size: inherit;
  font-family: inherit;
  line-height: 1.15;
  color: inherit;
  margin: 0;
  border-radius: 0;
  box-sizing: border-box;
  max-width: 100%;
  text-transform: inherit;
  font-weight: inherit;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
  outline: none;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

[type=number] {
  -moz-appearance: textfield;
}

[type=number]::-webkit-outer-spin-button,
[type=number]::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

P, .p {
  padding: 0;
  margin: 20px 0 0 0;
}

@supports (-webkit-overflow-scrolling: touch) {
  INPUT,
  SELECT,
  TEXTAREA,
  SELECT:focus,
  TEXTAREA:focus,
  INPUT:focus {
    font-size: 16px !important;
  }
}
IFRAME {
  width: 100%;
  border: 0 none;
  margin: 0;
}

.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

.left {
  text-align: left !important;
}

.nowrap {
  white-space: nowrap !important;
}

.nomargin {
  margin: 0;
}

.sum {
  text-align: right !important;
  white-space: nowrap !important;
}

.bold {
  font-weight: 700;
}

.blur {
  filter: blur(5px);
}

.hidden {
  display: none !important;
}

.font-size-small {
  font-size: 13px;
}

.font-size-smaller {
  font-size: 12px;
}

.font-size-smallest {
  font-size: 10px;
}

.clear:before, .clear:after {
  content: "";
  display: table;
  clear: both;
}

.f-right {
  float: right;
}

.f-left {
  float: left;
}

@media only screen and (max-width: 759px) {
  .mobile-hide {
    display: none !important;
  }
}
@media only screen and (min-width: 760px) {
  .not-mobile-hide {
    display: none !important;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .tablet-hide {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .desktop-hide {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .not-desktop-hide {
    display: none !important;
  }
}
.iframe {
  border-radius: 6px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 759px) {
  .iframe {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .iframe {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .iframe {
    margin-top: 30px;
  }
}

.wauto {
  width: auto !important;
  flex: 0 0 auto;
}

.w1p {
  width: 1%;
}

.w10p {
  width: 10%;
}

.w20p {
  width: 20%;
}

.w25p {
  width: 25%;
}

.w30p {
  width: 30%;
}

.w40p {
  width: 40%;
}

.w50p {
  width: 50%;
}

.w60p {
  width: 60%;
}

.w70p {
  width: 70%;
}

.w75p {
  width: 75%;
}

.w80p {
  width: 80%;
}

.w90p {
  width: 90%;
}

.w100p {
  width: 100%;
}

@media only screen and (max-width: 759px) {
  .mobile-w1p {
    width: 1%;
  }
  .mobile-w10p {
    width: 10%;
  }
  .mobile-w20p {
    width: 20%;
  }
  .mobile-w25p {
    width: 25%;
  }
  .mobile-w30p {
    width: 30%;
  }
  .mobile-w40p {
    width: 40%;
  }
  .mobile-w50p {
    width: 50%;
  }
  .mobile-w60p {
    width: 60%;
  }
  .mobile-w70p {
    width: 70%;
  }
  .mobile-w75p {
    width: 75%;
  }
  .mobile-w80p {
    width: 80%;
  }
  .mobile-w90p {
    width: 90%;
  }
  .mobile-w100p {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .desktop-w1p {
    width: 1%;
  }
  .desktop-w10p {
    width: 10%;
  }
  .desktop-w15p {
    width: 15%;
  }
  .desktop-w20p {
    width: 20%;
  }
  .desktop-w25p {
    width: 25%;
  }
  .desktop-w30p {
    width: 30%;
  }
  .desktop-w40p {
    width: 40%;
  }
  .desktop-w50p {
    width: 50%;
  }
  .desktop-w60p {
    width: 60%;
  }
  .desktop-w70p {
    width: 70%;
  }
  .desktop-w75p {
    width: 75%;
  }
  .desktop-w80p {
    width: 80%;
  }
  .desktop-w90p {
    width: 90%;
  }
  .desktop-w100p {
    width: 100%;
  }
}
.text-highlight {
  background: rgba(255, 0, 0, 0.8);
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.8);
}

HR {
  height: 1px;
  overflow: hidden;
  border: none;
  background: #dbdbdb;
  margin: 0;
}
@media only screen and (max-width: 759px) {
  HR {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  HR {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  HR {
    margin-top: 30px;
  }
}

.todo {
  opacity: 0.1 !important;
  filter: blur(5px);
  pointer-events: none;
}

.text-intent-primary {
  color: #00adef;
}

.text-intent-success {
  color: #4FD966;
}

.text-intent-warning {
  color: #fbac36;
}

.text-intent-danger {
  color: #FB3664;
}

.text-intent-active {
  color: #00adef;
}

.animation-spin {
  animation: animation-spin 1000ms infinite linear;
}

.animation-fade-in {
  animation-name: animation-fade-in;
  animation-delay: 0ms;
  animation-iteration-count: 1;
  animation-duration: 500ms;
  animation-timing-function: linear;
}

@keyframes animation-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes animation-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1);
  }
  20% {
    transform: scale3d(1.5, 1.5, 1.5);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
.popover-default-portal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 16000020;
  opacity: 1;
  transform: translateY(0);
}
.popover-default-portal .bp5-popover-enter > *, .popover-default-portal .bp5-popover-appear > * {
  opacity: 0;
  transform: translateY(-5px);
}
.popover-default-portal .bp5-popover-enter-active > *, .popover-default-portal .bp5-popover-appear-active > * {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.popover-default-portal .bp5-popover-exit > * {
  opacity: 1;
  transform: translateY(0);
}
.popover-default-portal .bp5-popover-exit-active > * {
  opacity: 0;
  transform: translateY(-5px);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.popover-default-portal .bp5-popover-enter-active {
  pointer-events: none;
}
.popover-default-portal.above-menu {
  z-index: 999999;
}

.popover-default-popover {
  display: inline-block;
  z-index: 16000020;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.popover-default-popover .bp5-popover-arrow {
  height: 20px;
  position: absolute;
  width: 20px;
}
.popover-default-popover .bp5-popover-arrow::before {
  height: 13px;
  margin: 3px;
  width: 13px;
}
.popover-default-popover .bp5-popover-content {
  background: #fff;
}
.popover-default-popover .bp5-popover-content,
.popover-default-popover .bp5-heading {
  color: inherit;
}
.popover-default-popover .bp5-popover-arrow::before {
  box-shadow: 1;
}
.popover-default-popover .bp5-popover-arrow-border {
  fill: #111418;
  fill-opacity: 0;
}
.popover-default-popover .bp5-popover-arrow-fill {
  fill: #fff;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .popover-default-popover .bp5-popover-arrow-fill {
    fill: buttonborder;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .popover-default-popover {
    border: 1px solid buttonborder;
  }
}
.popover-default-popover .bp5-popover-content {
  background-color: #fff;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.popover-default-popover .bp5-popover-content:focus {
  outline: none;
}
.popover-default-popover .bp5-popover-content *:focus {
  outline: none;
}
.popover-default-popover .bp5-transition-container {
  display: flex;
  z-index: 16000020;
}
.popover-default-popover .bp5-transition-container:focus {
  outline: none;
}
.popover-default-popover .bp5-transition-container.bp5-popover-leave .bp5-popover-content {
  pointer-events: none;
}
.popover-default-popover .bp5-transition-container[data-x-out-of-boundaries] {
  display: none;
}
.popover-default-popover:focus {
  outline: none;
}
.popover-default-popover.nopadding .bp5-popover-content {
  padding: 0;
}
.popover-default-popover .bp5-datepicker {
  padding: 20px;
}

.site-menu-portal {
  z-index: 16000020;
  position: absolute;
  left: 0;
  top: 0;
}

/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.default-badge {
  display: inline-block;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  font-weight: 700;
  min-width: 80px;
  letter-spacing: 1px;
  text-align: center;
  font-size: 13px;
}
.default-badge.bp5-interactive {
  outline: none;
  border: none;
  cursor: pointer;
}
.default-badge.bp5-interactive:active, .default-badge.bp5-interactive:focus {
  outline: none;
  border: none;
}

/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.rdp {
  display: inline-block;
}
.rdp:focus {
  outline: none;
}
.rdp-wrapper {
  position: relative;
}
.rdp-wrapper:focus {
  outline: none;
}
.rdp-navbar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.rdp-navbar .rdp-NavButton {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  padding: 0;
}
.rdp-navbar .rdp-NavButton[disabled] {
  opacity: 0.2;
}
.rdp-navbar .rdp-NavButton path {
  fill: currentColor;
}
.rdp-navbar .rdp-NavButton--prev {
  left: 0;
}
.rdp-navbar .rdp-NavButton--next {
  right: 0;
}
.rdp-table {
  font-size: 13px;
  border-collapse: collapse;
}
.rdp-months {
  display: flex;
  flex-direction: row;
}
.rdp-month {
  max-width: 240px;
  position: relative;
}
.rdp-month .rdp-caption {
  padding: 0 30px;
  text-align: center;
  margin-bottom: 10px;
  min-height: 30px;
  line-height: 30px;
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #000;
  position: relative;
}
.rdp-month .rdp-caption_dropdowns {
  display: flex;
  padding: 5px;
  gap: 5px;
  position: relative;
  z-index: 2;
}
.rdp-month .rdp-caption_dropdowns > DIV {
  font-size: 13px;
}
.rdp-month .rdp-caption_dropdowns > DIV.rdp-vhidden {
  display: none;
}
.rdp-month .rdp-caption_dropdowns > DIV SELECT {
  font-size: 13px;
}
.rdp-month .rdp-caption .rdp-nav {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}
.rdp-month .rdp-caption .rdp-nav BUTTON {
  border: none;
  background-color: transparent;
  width: 2em;
  height: 2em;
  cursor: pointer;
  border-radius: 6px;
  position: relative;
}
.rdp-month .rdp-caption .rdp-nav BUTTON:hover {
  background-color: #dbdbdb;
}
.rdp-month .rdp-caption .rdp-nav BUTTON svg {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.rdp-month .rdp-caption .rdp-nav BUTTON .bp5-icon {
  display: flex;
  width: 100%;
  justify-content: center;
}
.rdp-month .rdp-caption SELECT {
  text-overflow: ellipsis;
  text-transform: capitalize;
  color: inherit;
  display: inline;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 10px;
  margin: 0 5px;
  background: transparent;
  border: none;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
}
.rdp-month .rdp-caption .bp5-divider {
  display: none;
}
.rdp-month .rdp-caption .bp5-icon {
  display: none;
}
.rdp-month .rdp-caption .bp5-html-select {
  display: inline;
}
.rdp-month .rdp-caption .bp5-datepicker-caption {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: stretch;
}
.rdp-month .rdp-caption .bp5-datepicker-caption > * {
  flex: 1 0 100%;
}
.rdp-month .rdp-caption .bp5-datepicker-caption SELECT {
  width: 100%;
}
.rdp-month .rdp-weekdaysrow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.rdp-month .rdp-weekdaysrow .rdp-weekday {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  width: 30px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.rdp-month .rdp-table TH {
  text-align: center;
}
.rdp-month .rdp-body {
  min-height: 192px;
}
.rdp-month .rdp-row {
  /*display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;*/
  padding: 0;
}
.rdp-month .rdp-row .rdp-day {
  color: #00adef;
  margin: 1px;
  border: none;
  background-color: transparent;
  font-size: 13px;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  outline: none;
  border-radius: 6px;
  cursor: default;
}
.rdp-month .rdp-row .rdp-day:hover {
  background-color: #00adef;
  color: #fff;
}
.rdp-month .rdp-row .rdp-day_outside {
  opacity: 0.3;
}
.rdp-month .rdp-row .rdp-day_selected {
  color: #fff;
  background-color: #00adef !important;
}
.rdp-month .rdp-row .rdp-day_selected-range {
  color: #fff;
  background-color: rgba(251, 54, 100, 0.3);
}
.rdp-month .rdp-row .rdp-day_disabled {
  color: rgba(0, 0, 0, 0.3) !important;
  background-color: transparent !important;
}
.rdp-month ABBR {
  text-decoration: none;
}

/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
.bp5-tooltip {
  box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.1), 0 2px 4px rgba(17, 20, 24, 0.2), 0 8px 24px rgba(17, 20, 24, 0.2);
  transform: scale(1);
  color: #f6f7f9;
}
.bp5-tooltip .bp5-popover-arrow {
  height: 22px;
  position: absolute;
  width: 22px;
}
.bp5-tooltip .bp5-popover-arrow::before {
  height: 14px;
  margin: 4px;
  width: 14px;
}
.bp5-tooltip .bp5-popover-content {
  background: #404854;
}
.bp5-tooltip .bp5-popover-content,
.bp5-tooltip .bp5-heading {
  color: #f6f7f9;
}
.bp5-tooltip .bp5-popover-arrow::before {
  box-shadow: 1px 1px 6px rgba(17, 20, 24, 0.2);
}
.bp5-tooltip .bp5-popover-arrow-border {
  fill: #111418;
  fill-opacity: 0.1;
}
.bp5-tooltip .bp5-popover-arrow-fill {
  fill: #404854;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-tooltip .bp5-popover-arrow-fill {
    fill: buttonborder;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-tooltip {
    border: 1px solid buttonborder;
  }
}
.bp5-popover-enter > .bp5-tooltip, .bp5-popover-appear > .bp5-tooltip {
  transform: scale(0.8);
}
.bp5-popover-enter-active > .bp5-tooltip, .bp5-popover-appear-active > .bp5-tooltip {
  transform: scale(1);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp5-popover-exit > .bp5-tooltip {
  transform: scale(1);
}
.bp5-popover-exit-active > .bp5-tooltip {
  transform: scale(0.8);
  transition-delay: 0;
  transition-duration: 100ms;
  transition-property: transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp5-tooltip .bp5-text-muted {
  color: #abb3bf;
}
.bp5-tooltip .bp5-text-disabled {
  color: rgba(171, 179, 191, 0.6);
}
.bp5-tooltip .bp5-running-text hr {
  border-color: rgba(255, 255, 255, 0.2);
}
.bp5-tooltip a {
  color: #8abbff;
}
.bp5-tooltip a:hover {
  color: #8abbff;
}
.bp5-tooltip a .bp5-icon, .bp5-tooltip a .bp5-icon-standard, .bp5-tooltip a .bp5-icon-large {
  color: inherit;
}
.bp5-tooltip a code {
  color: inherit;
}
.bp5-tooltip .bp5-code,
.bp5-tooltip .bp5-running-text code {
  background: rgba(17, 20, 24, 0.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  color: #abb3bf;
}
a > .bp5-tooltip .bp5-code,
a > .bp5-tooltip .bp5-running-text code {
  color: inherit;
}
.bp5-tooltip .bp5-code-block,
.bp5-tooltip .bp5-running-text pre {
  background: rgba(17, 20, 24, 0.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  color: #f6f7f9;
}
.bp5-tooltip .bp5-code-block > code,
.bp5-tooltip .bp5-running-text pre > code {
  background: none;
  box-shadow: none;
  color: inherit;
}
.bp5-tooltip .bp5-key,
.bp5-tooltip .bp5-running-text kbd {
  background: #2f343c;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px 0 rgba(17, 20, 24, 0.4);
  color: #abb3bf;
}
.bp5-tooltip .bp5-icon.bp5-intent-primary, .bp5-tooltip .bp5-icon-standard.bp5-intent-primary, .bp5-tooltip .bp5-icon-large.bp5-intent-primary {
  color: #8abbff;
}
.bp5-tooltip .bp5-icon.bp5-intent-success, .bp5-tooltip .bp5-icon-standard.bp5-intent-success, .bp5-tooltip .bp5-icon-large.bp5-intent-success {
  color: #72ca9b;
}
.bp5-tooltip .bp5-icon.bp5-intent-warning, .bp5-tooltip .bp5-icon-standard.bp5-intent-warning, .bp5-tooltip .bp5-icon-large.bp5-intent-warning {
  color: #fbb360;
}
.bp5-tooltip .bp5-icon.bp5-intent-danger, .bp5-tooltip .bp5-icon-standard.bp5-intent-danger, .bp5-tooltip .bp5-icon-large.bp5-intent-danger {
  color: #fa999c;
}
.bp5-tooltip .bp5-popover-content {
  padding: 20px 24px;
}
.bp5-tooltip.bp5-compact .bp5-popover-content {
  line-height: 1rem;
  padding: 10px 14px;
}
.bp5-tooltip.bp5-compact .bp5-code {
  vertical-align: text-bottom;
}
.bp5-tooltip.bp5-popover-placement-top .bp5-popover-arrow {
  transform: translateY(-3px);
}
.bp5-tooltip.bp5-popover-placement-left .bp5-popover-arrow {
  transform: translateX(-3px);
}
.bp5-tooltip.bp5-popover-placement-bottom .bp5-popover-arrow {
  transform: translateY(3px);
}
.bp5-tooltip.bp5-popover-placement-right .bp5-popover-arrow {
  transform: translateX(3px);
}
.bp5-tooltip.bp5-dark, .bp5-dark .bp5-tooltip {
  box-shadow: 0 2px 4px rgba(17, 20, 24, 0.4), 0 8px 24px rgba(17, 20, 24, 0.4);
}
.bp5-tooltip.bp5-dark .bp5-popover-content, .bp5-dark .bp5-tooltip .bp5-popover-content {
  background: #e5e8eb;
}
.bp5-tooltip.bp5-dark .bp5-popover-content,
.bp5-tooltip.bp5-dark .bp5-heading, .bp5-dark .bp5-tooltip .bp5-popover-content,
.bp5-dark .bp5-tooltip .bp5-heading {
  color: #404854;
}
.bp5-tooltip.bp5-dark .bp5-popover-arrow::before, .bp5-dark .bp5-tooltip .bp5-popover-arrow::before {
  box-shadow: 1px 1px 6px rgba(17, 20, 24, 0.4);
}
.bp5-tooltip.bp5-dark .bp5-popover-arrow-border, .bp5-dark .bp5-tooltip .bp5-popover-arrow-border {
  fill: #111418;
  fill-opacity: 0.2;
}
.bp5-tooltip.bp5-dark .bp5-popover-arrow-fill, .bp5-dark .bp5-tooltip .bp5-popover-arrow-fill {
  fill: #e5e8eb;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-tooltip.bp5-dark .bp5-popover-arrow-fill, .bp5-dark .bp5-tooltip .bp5-popover-arrow-fill {
    fill: buttonborder;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-tooltip.bp5-dark, .bp5-dark .bp5-tooltip {
    border: 1px solid buttonborder;
  }
}
.bp5-tooltip.bp5-dark .bp5-text-muted, .bp5-dark .bp5-tooltip .bp5-text-muted {
  color: #5f6b7c;
}
.bp5-tooltip.bp5-dark .bp5-text-disabled, .bp5-dark .bp5-tooltip .bp5-text-disabled {
  color: rgba(95, 107, 124, 0.6);
}
.bp5-tooltip.bp5-dark .bp5-running-text hr, .bp5-dark .bp5-tooltip .bp5-running-text hr {
  border-color: rgba(17, 20, 24, 0.15);
}
.bp5-tooltip.bp5-dark a, .bp5-dark .bp5-tooltip a {
  color: #215db0;
}
.bp5-tooltip.bp5-dark a:hover, .bp5-dark .bp5-tooltip a:hover {
  color: #215db0;
}
.bp5-tooltip.bp5-dark a .bp5-icon, .bp5-tooltip.bp5-dark a .bp5-icon-standard, .bp5-tooltip.bp5-dark a .bp5-icon-large, .bp5-dark .bp5-tooltip a .bp5-icon, .bp5-dark .bp5-tooltip a .bp5-icon-standard, .bp5-dark .bp5-tooltip a .bp5-icon-large {
  color: inherit;
}
.bp5-tooltip.bp5-dark a code, .bp5-dark .bp5-tooltip a code {
  color: inherit;
}
.bp5-tooltip.bp5-dark .bp5-code,
.bp5-tooltip.bp5-dark .bp5-running-text code, .bp5-dark .bp5-tooltip .bp5-code,
.bp5-dark .bp5-tooltip .bp5-running-text code {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2);
  color: #5f6b7c;
}
a > .bp5-tooltip.bp5-dark .bp5-code,
a > .bp5-tooltip.bp5-dark .bp5-running-text code, a > .bp5-dark .bp5-tooltip .bp5-code,
a > .bp5-dark .bp5-tooltip .bp5-running-text code {
  color: #2d72d2;
}
.bp5-tooltip.bp5-dark .bp5-code-block,
.bp5-tooltip.bp5-dark .bp5-running-text pre, .bp5-dark .bp5-tooltip .bp5-code-block,
.bp5-dark .bp5-tooltip .bp5-running-text pre {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.15);
  color: #1c2127;
}
.bp5-tooltip.bp5-dark .bp5-code-block > code,
.bp5-tooltip.bp5-dark .bp5-running-text pre > code, .bp5-dark .bp5-tooltip .bp5-code-block > code,
.bp5-dark .bp5-tooltip .bp5-running-text pre > code {
  background: none;
  box-shadow: none;
  color: inherit;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-tooltip.bp5-dark .bp5-code-block,
  .bp5-tooltip.bp5-dark .bp5-running-text pre, .bp5-dark .bp5-tooltip .bp5-code-block,
  .bp5-dark .bp5-tooltip .bp5-running-text pre {
    border: 1px solid buttonborder;
    box-shadow: none;
  }
}
.bp5-tooltip.bp5-dark .bp5-key,
.bp5-tooltip.bp5-dark .bp5-running-text kbd, .bp5-dark .bp5-tooltip .bp5-key,
.bp5-dark .bp5-tooltip .bp5-running-text kbd {
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.1), 0 1px 1px rgba(17, 20, 24, 0.2);
  color: #5f6b7c;
}
.bp5-tooltip.bp5-dark .bp5-icon.bp5-intent-primary, .bp5-tooltip.bp5-dark .bp5-icon-standard.bp5-intent-primary, .bp5-tooltip.bp5-dark .bp5-icon-large.bp5-intent-primary, .bp5-dark .bp5-tooltip .bp5-icon.bp5-intent-primary, .bp5-dark .bp5-tooltip .bp5-icon-standard.bp5-intent-primary, .bp5-dark .bp5-tooltip .bp5-icon-large.bp5-intent-primary {
  color: #215db0;
}
.bp5-tooltip.bp5-dark .bp5-icon.bp5-intent-success, .bp5-tooltip.bp5-dark .bp5-icon-standard.bp5-intent-success, .bp5-tooltip.bp5-dark .bp5-icon-large.bp5-intent-success, .bp5-dark .bp5-tooltip .bp5-icon.bp5-intent-success, .bp5-dark .bp5-tooltip .bp5-icon-standard.bp5-intent-success, .bp5-dark .bp5-tooltip .bp5-icon-large.bp5-intent-success {
  color: #1c6e42;
}
.bp5-tooltip.bp5-dark .bp5-icon.bp5-intent-warning, .bp5-tooltip.bp5-dark .bp5-icon-standard.bp5-intent-warning, .bp5-tooltip.bp5-dark .bp5-icon-large.bp5-intent-warning, .bp5-dark .bp5-tooltip .bp5-icon.bp5-intent-warning, .bp5-dark .bp5-tooltip .bp5-icon-standard.bp5-intent-warning, .bp5-dark .bp5-tooltip .bp5-icon-large.bp5-intent-warning {
  color: #935610;
}
.bp5-tooltip.bp5-dark .bp5-icon.bp5-intent-danger, .bp5-tooltip.bp5-dark .bp5-icon-standard.bp5-intent-danger, .bp5-tooltip.bp5-dark .bp5-icon-large.bp5-intent-danger, .bp5-dark .bp5-tooltip .bp5-icon.bp5-intent-danger, .bp5-dark .bp5-tooltip .bp5-icon-standard.bp5-intent-danger, .bp5-dark .bp5-tooltip .bp5-icon-large.bp5-intent-danger {
  color: #ac2f33;
}
.bp5-tooltip.bp5-intent-primary .bp5-popover-content {
  background: #2d72d2;
  color: #ffffff;
}
.bp5-tooltip.bp5-intent-primary .bp5-popover-arrow-fill {
  fill: #2d72d2;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-tooltip.bp5-intent-primary .bp5-popover-arrow-fill {
    fill: buttonborder;
  }
}
.bp5-tooltip.bp5-intent-success .bp5-popover-content {
  background: #238551;
  color: #ffffff;
}
.bp5-tooltip.bp5-intent-success .bp5-popover-arrow-fill {
  fill: #238551;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-tooltip.bp5-intent-success .bp5-popover-arrow-fill {
    fill: buttonborder;
  }
}
.bp5-tooltip.bp5-intent-warning .bp5-popover-content {
  background: #c87619;
  color: #ffffff;
}
.bp5-tooltip.bp5-intent-warning .bp5-popover-arrow-fill {
  fill: #c87619;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-tooltip.bp5-intent-warning .bp5-popover-arrow-fill {
    fill: buttonborder;
  }
}
.bp5-tooltip.bp5-intent-danger .bp5-popover-content {
  background: #cd4246;
  color: #ffffff;
}
.bp5-tooltip.bp5-intent-danger .bp5-popover-arrow-fill {
  fill: #cd4246;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-tooltip.bp5-intent-danger .bp5-popover-arrow-fill {
    fill: buttonborder;
  }
}

.bp5-tooltip-indicator {
  border-bottom: dotted 1px;
  cursor: help;
}

/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
CSS `border` property issues:
- An element can only have one border.
- Borders can't stack with shadows.
- Borders modify the size of the element they're applied to.
- Border positioning requires the extra `box-sizing` property.

`box-shadow` doesn't have these issues, we're using it instead of `border`.
*/
.bp5-slider {
  height: 40px;
  min-width: 300px;
  width: 100%;
  cursor: default;
  outline: none;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bp5-slider:hover {
  cursor: pointer;
}
.bp5-slider:active {
  cursor: grabbing;
}
.bp5-slider.bp5-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bp5-slider.bp5-slider-unlabeled {
  height: 16px;
}

.bp5-slider-track,
.bp5-slider-progress {
  height: -4px;
  left: 0;
  right: 0;
  top: 10px;
  position: absolute;
}

.bp5-slider-track {
  border-radius: 2px;
  overflow: hidden;
}

.bp5-slider-progress {
  background: rgba(95, 107, 124, 0.2);
}
.bp5-dark .bp5-slider-progress {
  background: rgba(17, 20, 24, 0.5);
}
.bp5-slider-progress.bp5-intent-primary {
  background-color: #2d72d2;
}
.bp5-slider-progress.bp5-intent-success {
  background-color: #238551;
}
.bp5-slider-progress.bp5-intent-warning {
  background-color: #c87619;
}
.bp5-slider-progress.bp5-intent-danger {
  background-color: #cd4246;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-slider-progress {
    background: ButtonText;
  }
}

.bp5-slider-handle {
  background-color: #f6f7f9;
  box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
  color: #1c2127;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.5), 0 1px 1px rgba(17, 20, 24, 0.5);
  cursor: pointer;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
.bp5-slider-handle:hover {
  background-clip: padding-box;
  background-color: #edeff2;
  box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
}
.bp5-slider-handle:active, .bp5-slider-handle.bp5-active {
  background-color: #dce0e5;
  box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-slider-handle:active, .bp5-slider-handle.bp5-active {
    background: highlight;
  }
}
.bp5-slider-handle:disabled, .bp5-slider-handle.bp5-disabled {
  background-color: rgba(211, 216, 222, 0.5);
  box-shadow: none;
  color: rgba(95, 107, 124, 0.6);
  cursor: not-allowed;
  outline: none;
}
.bp5-slider-handle:disabled.bp5-active, .bp5-slider-handle:disabled.bp5-active:hover, .bp5-slider-handle.bp5-disabled.bp5-active, .bp5-slider-handle.bp5-disabled.bp5-active:hover {
  background: rgba(211, 216, 222, 0.7);
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-slider-handle {
    border: 1px solid buttonborder;
  }
}
.bp5-slider-handle:focus {
  z-index: 1;
}
.bp5-slider-handle:hover {
  background-clip: padding-box;
  background-color: #edeff2;
  box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
  box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.5), 0 1px 2px rgba(17, 20, 24, 0.6);
  cursor: grab;
  z-index: 2;
}
.bp5-slider-handle.bp5-active {
  background-color: #dce0e5;
  box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.2);
  box-shadow: inset 0 1px 1px rgba(17, 20, 24, 0.1), 0 0 0 1px rgba(17, 20, 24, 0.5), 0 1px 2px rgba(17, 20, 24, 0.2);
  cursor: grabbing;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .bp5-slider-handle.bp5-active {
    background: highlight;
  }
}
.bp5-disabled .bp5-slider-handle {
  background: #c5cbd3;
  box-shadow: none;
  pointer-events: none;
}
.bp5-dark .bp5-slider-handle {
  background-color: #abb3bf;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.2);
}
.bp5-dark .bp5-slider-handle:hover {
  background-color: #8f99a8;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-slider-handle.bp5-active {
  background-color: #738091;
  box-shadow: inset 0 1px 1px rgba(17, 20, 24, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(17, 20, 24, 0.4);
}
.bp5-dark .bp5-disabled .bp5-slider-handle {
  background: #5f6b7c;
  border-color: #5f6b7c;
  box-shadow: none;
}
.bp5-slider-handle .bp5-slider-label {
  background: #404854;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(17, 20, 24, 0.1), 0 2px 4px rgba(17, 20, 24, 0.2), 0 8px 24px rgba(17, 20, 24, 0.2);
  color: #f6f7f9;
  margin-left: 8px;
}
.bp5-dark .bp5-slider-handle .bp5-slider-label {
  background: #e5e8eb;
  box-shadow: 0 2px 4px rgba(17, 20, 24, 0.4), 0 8px 24px rgba(17, 20, 24, 0.4);
  color: #404854;
}
.bp5-disabled .bp5-slider-handle .bp5-slider-label {
  box-shadow: none;
}
.bp5-slider-handle.bp5-start, .bp5-slider-handle.bp5-end {
  width: 8px;
}
.bp5-slider-handle.bp5-start {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.bp5-slider-handle.bp5-end {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 8px;
}
.bp5-slider-handle.bp5-end .bp5-slider-label {
  margin-left: 0;
}

.bp5-slider-label {
  transform: translate(-50%, 20px);
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 4px 10px;
  position: absolute;
  vertical-align: top;
}

.bp5-slider.bp5-vertical {
  height: 300px;
  min-width: 40px;
  width: 40px;
}
.bp5-slider.bp5-vertical .bp5-slider-track,
.bp5-slider.bp5-vertical .bp5-slider-progress {
  bottom: 0;
  height: auto;
  left: 10px;
  top: 0;
  width: -4px;
}
.bp5-slider.bp5-vertical .bp5-slider-progress {
  top: auto;
}
.bp5-slider.bp5-vertical .bp5-slider-label {
  transform: translate(20px, 50%);
}
.bp5-slider.bp5-vertical .bp5-slider-handle {
  top: auto;
}
.bp5-slider.bp5-vertical .bp5-slider-handle .bp5-slider-label {
  margin-left: 0;
  margin-top: -8px;
}
.bp5-slider.bp5-vertical .bp5-slider-handle.bp5-end, .bp5-slider.bp5-vertical .bp5-slider-handle.bp5-start {
  height: 8px;
  margin-left: 0;
  width: 16px;
}
.bp5-slider.bp5-vertical .bp5-slider-handle.bp5-start {
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
}
.bp5-slider.bp5-vertical .bp5-slider-handle.bp5-start .bp5-slider-label {
  transform: translate(20px);
}
.bp5-slider.bp5-vertical .bp5-slider-handle.bp5-end {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  margin-bottom: 8px;
}

.bp5-slider {
  box-sizing: border-box;
  padding: 0;
  width: auto;
  min-width: 0;
  margin: 20px 20px 0 20px;
  font-size: 10px;
  height: 60px;
}
.bp5-slider-track {
  height: 4px;
  top: 6px;
  background-color: #fafafa;
}
.bp5-slider-progress {
  top: 0;
  bottom: 0;
}
.bp5-slider-progress.bp5-intent-primary {
  background-color: #8b8b8b;
}
.bp5-slider-label {
  font-size: inherit;
}
.bp5-slider-handle {
  width: 16px !important;
  height: 16px !important;
  background: #00adef;
  border-radius: 50% !important;
  outline: none !important;
  margin: 0 !important;
  box-shadow: none;
}
.bp5-slider-handle:hover, .bp5-slider-handle.bp5-active {
  background: #009bd6;
  box-shadow: none;
}
.bp5-slider-handle .bp5-slider-label {
  background: #fff;
  box-shadow: 0 0 6px -3px rgba(0, 0, 0, 0.3);
  padding: 2px 6px;
  border-radius: 6px;
  color: #404040;
  line-height: 16px;
}

@media only screen and (max-width: 1023px) {
  BODY > .bp5-portal .bp5-overlay:not(.control-select-portal) {
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
}

A, BUTTON {
  color: #00adef;
  text-decoration: none;
}
A:hover, BUTTON:hover {
  text-decoration: underline;
}

BODY, HTML {
  background: #fff;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  height: 100%;
}

HTML {
  -ms-overflow-style: scrollbar;
  color: #000;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}

.epharmacy-root, .ecommerce-root {
  position: relative;
  min-height: 100%;
}

@media only screen and (min-width: 760px) {
  BODY, HTML {
    height: 100vh;
    min-height: -webkit-fill-available;
  }
  .epharmacy-root, .ecommerce-root {
    min-height: 100vh;
    min-height: -webkit-fill-available;
  }
}
@media print {
  BODY, HTML {
    background: #fff;
    padding: 0;
    margin: 0;
  }
  * {
    background: transparent !important;
    color: inherit !important;
    border-color: currentColor !important;
  }
  *:before, *:after {
    border-color: currentColor !important;
  }
}
OL:not([class]) {
  counter-reset: li;
  padding: 10px 0 0 0;
  margin: 0;
  list-style: none;
}
OL:not([class]) LI:not([style]):not([class]) {
  display: block;
  padding: 0 0 0 50px;
  margin: 10px 0 0 0;
  position: relative;
}
OL:not([class]) LI:not([style]):not([class]):before {
  content: counter(li) ".";
  counter-increment: li;
  color: currentColor;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: right;
}

UL {
  padding: 0;
  margin: 0;
  list-style: none;
}

UL:not([class]) {
  padding: 10px 0 0 0;
}
UL:not([class]) LI {
  display: block;
  padding: 0 0 0 50px;
  margin: 10px 0 0 0;
  position: relative;
}
UL:not([class]) LI:before {
  content: "";
  background: currentColor;
  position: absolute;
  left: 30px;
  top: 0.65em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
UL:not([class]) LI.compact {
  padding: 0 0 0 20px;
}
UL:not([class]) LI.compact:before {
  left: 0;
}

MARK {
  display: inline;
  background-color: rgba(0, 0, 0, 0.1);
  color: inherit;
}

DIV.table {
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  -ms-overflow-style: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
}

TABLE:not([class]) {
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
}
@media only screen and (max-width: 759px) {
  TABLE:not([class]) {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  TABLE:not([class]) {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  TABLE:not([class]) {
    margin-top: 30px;
  }
}
TABLE:not([class]) TH, TABLE:not([class]) TD {
  padding: 10px;
  border: solid #ededed;
  border-width: 1px 0;
  min-width: 100px;
}
TABLE:not([class]) TH:first-child, TABLE:not([class]) TD:first-child {
  padding-left: 0;
}
TABLE:not([class]) TH:last-child, TABLE:not([class]) TD:last-child {
  padding-right: 0;
}
TABLE:not([class]) TH {
  text-align: left;
  vertical-align: top;
  font-weight: 700;
  font-size: 13px;
}
TABLE:not([class]) TD {
  white-space: nowrap;
}
TABLE:not([class]) THEAD TR:not(:first-child) TH {
  font-size: 12px;
}
TABLE:not([class]) .sum {
  white-space: nowrap;
  text-align: right;
}

BODY, H1, H2, H3, H4, H5, H6 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

BODY {
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

H1, H2, H3, H4, H5, H6 {
  line-height: 1.2;
  font-weight: 400;
  margin: 20px 0 0 0;
  padding: 0;
}
H1 + HR,
H1 + .longpage, H2 + HR,
H2 + .longpage, H3 + HR,
H3 + .longpage, H4 + HR,
H4 + .longpage, H5 + HR,
H5 + .longpage, H6 + HR,
H6 + .longpage {
  margin-top: 16px;
}

P {
  margin: 20px 0 0 0;
}

H1 {
  font-size: 40px;
  font-weight: 600;
}

H2 {
  font-size: 26px;
  font-weight: 600;
}

H3 {
  font-size: 20px;
  font-weight: 600;
}

H4 {
  font-size: 16px;
  font-weight: 700;
}

H5 {
  font-size: 16px;
  font-weight: normal;
}

H6 {
  font-size: 13px;
  font-weight: 700;
}

@media only screen and (max-width: 759px) {
  H1 {
    font-size: 18px;
    font-weight: 600;
  }
}
* {
  font-variant-numeric: lining-nums !important;
}

/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
.frame-eparts {
  flex: 1 0 auto;
  box-sizing: border-box;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
}
.frame-eparts .userhub {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  line-height: 20px;
  text-transform: uppercase;
}
.frame-eparts .userhub LI {
  margin-left: 20px;
  flex: 0 0 auto;
}
.frame-eparts .userhub .bp5-popover-wrapper,
.frame-eparts .userhub .bp5-popover-target {
  display: block;
  position: relative;
}
.frame-eparts .userhub A {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 15px 0;
}
.frame-eparts .userhub A .icon {
  flex: 0 0 auto;
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  margin: -3px 7px -3px 0;
}
.frame-eparts .userhub A .icon img {
  width: 100%;
  height: auto;
  float: left;
}
@media only screen and (max-width: 759px) {
  .frame-eparts .userhub A .icon {
    margin: 0;
  }
}
.frame-eparts .userhub A .amount {
  margin-left: 7px;
  color: #FB3664;
  font-weight: 700;
}
.frame-eparts .userhub A .products {
  display: none;
}
.frame-eparts .userhub A .bp5-popover-target {
  display: block;
  position: relative;
}
.frame-eparts .userhub A:hover {
  color: #00adef;
}
.frame-eparts .userhub A.desktop {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  .frame-eparts .userhub A.desktop {
    display: none;
  }
}
.frame-eparts .userhub A.desktop:hover + * {
  color: #000;
}
.frame-eparts .userhub A.desktop:hover + * .icon {
  opacity: 1;
}
.frame-eparts .userhub UL {
  display: none;
}
@media only screen and (max-width: 759px) {
  .frame-eparts .userhub .label, .frame-eparts .userhub .amount {
    display: none;
  }
  .frame-eparts .userhub LI {
    margin: 0;
  }
  .frame-eparts .userhub A {
    padding: 10px;
    position: relative;
  }
  .frame-eparts .userhub A .products {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #FB3664;
    color: #fff;
    font-size: 9px;
    line-height: 16px;
    padding: 0 3px;
    min-width: 16px;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 760px) {
  .frame-eparts .userhub .link-search {
    display: none;
  }
}
.frame-eparts__pre-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
  padding: 0 30px;
  font-size: 13px;
  line-height: 25px;
}
.frame-eparts__pre-header A {
  color: currentColor;
}
.frame-eparts__pre-header A:hover {
  color: #00adef;
  text-decoration: none;
}
.frame-eparts__pre-header__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.frame-eparts__pre-header__languages {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.frame-eparts__pre-header__languages > A {
  margin: 0;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-eparts__pre-header__languages IMG {
  width: 17px;
  height: auto;
  margin: auto 0;
}
.frame-eparts__pre-header__links {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: 600;
  text-transform: uppercase;
}
.frame-eparts__pre-header__links > A {
  margin: 0;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__pre-header {
    padding: 5px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__pre-header {
    padding: 5px 20px;
  }
}
.frame-eparts__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  box-sizing: border-box;
  position: sticky;
  z-index: 10;
  top: 0;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 0 30px;
}
.frame-eparts__header__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 760px) {
  .frame-eparts__header__limiter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 759px) {
  .frame-eparts__header__limiter {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
  }
}
.frame-eparts__header .logo {
  padding: 25px 60px 25px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-eparts__header .logo img {
  width: 100px;
  height: 30px;
  display: block;
}
@media only screen and (max-width: 1023px) {
  .frame-eparts__header .logo {
    padding: 0;
    margin-right: auto;
  }
}
@media only screen and (max-width: 759px) {
  .frame-eparts__header .logo {
    padding: 5px;
  }
  .frame-eparts__header .logo IMG {
    width: auto;
    height: 30px;
  }
}
@media only screen and (max-width: 360px) {
  .frame-eparts__header .logo IMG {
    height: 20px;
  }
}
.frame-eparts__header .userhub A .icon {
  float: left;
  width: 20px;
  height: 20px;
}
.frame-eparts__header .userhub A .icon IMG {
  transform: translate(0, -50%);
}
@media only screen and (max-width: 1023px) {
  .frame-eparts__header {
    padding: 20px;
  }
  .frame-eparts__header .site-menu {
    order: 1;
  }
  .frame-eparts__header .logo {
    order: 2;
  }
  .frame-eparts__header .userhub {
    order: 3;
  }
}
@media only screen and (max-width: 759px) {
  .frame-eparts__header {
    padding: 5px 10px;
  }
}
.frame-eparts__submenu {
  background-color: #fafafa;
  width: 100%;
  overflow: hidden;
  flex: 0 0 auto;
  border-bottom: 1px solid #ededed;
}
.frame-eparts__submenu__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
  box-sizing: border-box;
  overflow: hidden;
}
.frame-eparts__submenu__limiter UL.categories {
  flex: 0 0 auto;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  overflow-x: auto;
  -ms-overflow-style: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
  padding: 15px 0;
  white-space: nowrap;
}
.frame-eparts__submenu__limiter UL.categories > LI {
  width: 100px;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
  box-sizing: border-box;
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
}
.frame-eparts__submenu__limiter UL.categories A {
  color: #404040;
  display: block;
  white-space: normal;
}
.frame-eparts__submenu__limiter UL.categories A .image {
  display: block;
  padding: 55% 0 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 5px;
}
.frame-eparts__submenu__limiter UL.categories A .label {
  display: block;
}
.frame-eparts__submenu__limiter UL.categories A .cat-label {
  display: block;
  margin: 0;
  vertical-align: 0;
}
.frame-eparts__submenu__limiter UL.categories A:hover {
  text-decoration: none;
  color: #00adef;
}
.frame-eparts__body {
  flex: 1 0 auto;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  background-color: #fafafa;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__body {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__body {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__body {
    padding: 10px 30px 30px 30px;
  }
}
.frame-eparts__body__limiter {
  width: 100%;
  max-width: 1144px;
  margin-left: auto;
  margin-right: auto;
  flex: 0 1 auto;
}
.frame-eparts__body.gray {
  background-color: #ededed;
}
.frame-eparts__footer {
  flex: 0 0 auto;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__footer {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__footer {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__footer {
    padding: 10px 30px 30px 30px;
  }
}
.frame-eparts__footer H1, .frame-eparts__footer H2, .frame-eparts__footer H3, .frame-eparts__footer H4, .frame-eparts__footer H5, .frame-eparts__footer H6 {
  color: #fff;
  font-size: inherit;
  font-weight: 700;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__footer H1, .frame-eparts__footer H2, .frame-eparts__footer H3, .frame-eparts__footer H4, .frame-eparts__footer H5, .frame-eparts__footer H6 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__footer H1, .frame-eparts__footer H2, .frame-eparts__footer H3, .frame-eparts__footer H4, .frame-eparts__footer H5, .frame-eparts__footer H6 {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__footer H1, .frame-eparts__footer H2, .frame-eparts__footer H3, .frame-eparts__footer H4, .frame-eparts__footer H5, .frame-eparts__footer H6 {
    margin-top: 30px;
  }
}
.frame-eparts__footer A {
  color: inherit;
}
.frame-eparts__footer A:hover {
  color: #fff;
}
.frame-eparts__footer .column {
  overflow: hidden;
  position: relative;
}
.frame-eparts__footer .logo {
  display: flex;
}
.frame-eparts__footer .logo IMG {
  width: 100px;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__footer {
    padding: 20px;
  }
}
@media only screen and (min-width: 760px) {
  .frame-eparts__footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .frame-eparts__footer .column {
    flex: 1 1 25%;
    padding-top: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .frame-eparts__footer H3 {
    font-size: 20px;
  }
  .frame-eparts__footer H4 {
    font-size: 16px;
  }
  .frame-eparts__footer H5, .frame-eparts__footer H6 {
    font-size: inherit;
    font-weight: 400;
  }
  .frame-eparts__footer P {
    margin: 10px 0 0 0;
  }
}
.frame-eparts__footer__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
}
@media only screen and (min-width: 760px) {
  .frame-eparts__footer__limiter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: stretch;
  }
}
.frame-eparts__footer .group INPUT[type=checkbox] {
  display: none;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__footer .group LABEL {
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background-color: #000;
    z-index: 2;
    cursor: pointer;
    position: relative;
    margin: -20px 0 0 0;
    padding: 10px 0;
  }
  .frame-eparts__footer .group LABEL:before {
    content: "+";
    float: right;
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
    font-weight: 700;
  }
  .frame-eparts__footer .group INPUT[type=checkbox] ~ .group-content {
    transform: translateY(-100px);
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    width: auto;
    z-index: -1;
    margin: 0;
    padding: 0 0 20px 0;
  }
  .frame-eparts__footer .group INPUT[type=checkbox]:checked ~ .group-content {
    transform: none;
    pointer-events: auto;
    position: static;
    z-index: 0;
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
  }
  .frame-eparts__footer .group INPUT[type=checkbox]:checked ~ * LABEL:before {
    transform: rotate(45deg);
  }
}
@media only screen and (min-width: 760px) {
  .frame-eparts__footer .group INPUT[type=checkbox] + * {
    display: none;
  }
}
.frame-eparts__footer UL.nav {
  padding: 0;
  margin: 15px 0 0 0;
}
.frame-eparts__footer UL.nav > LI {
  margin: 5px 0 0 0;
}
.frame-eparts__footer__social {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.frame-eparts__footer__social > LI {
  margin: 20px 20px 0 0;
}
.frame-eparts__footer__social > LI A {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #fff;
}
.frame-eparts__footer__social > LI A:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.frame-eparts__footer__social IMG {
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__footer__newsletter .entry {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__footer__newsletter .entry {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__footer__newsletter .entry {
    margin-top: 30px;
  }
}
.frame-eparts__footer__newsletter .entry LABEL {
  display: block;
  line-height: inherit;
  font-size: inherit;
  margin: 0 0 5px 0;
}
.frame-eparts__footer__newsletter .entry LABEL:before {
  display: none;
}
.frame-eparts__footer__newsletter .entry .field {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
}
.frame-eparts__footer__newsletter .entry .field INPUT {
  flex: 1 1 auto;
  background-color: transparent;
  border: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  box-shadow: none;
  color: inherit;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  outline: none;
}
.frame-eparts__footer__newsletter .entry .field BUTTON {
  flex: 0 0 auto;
  display: block;
  padding: 0 15px;
  margin: 4px;
  background-color: #fafafa;
  border: none;
  outline: none;
  line-height: 32px;
  height: 32px;
  font-weight: 700;
  font-size: 12px;
  border-radius: 6px;
  cursor: pointer;
}
.frame-eparts__pre-cart {
  flex: 0 0 auto;
  box-sizing: border-box;
  background-color: #fff;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__pre-cart {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__pre-cart {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__pre-cart {
    padding: 10px 30px 30px 30px;
  }
}
.frame-eparts__pre-cart__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__pre-cart__limiter {
    text-align: center;
  }
}
@media only screen and (min-width: 760px) {
  .frame-eparts__pre-cart__limiter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
}
.frame-eparts__pre-cart__image {
  position: relative;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__pre-cart__image {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__pre-cart__image {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__pre-cart__image {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 760px) {
  .frame-eparts__pre-cart__image {
    margin-right: 20px;
    flex: 0 0 110px;
  }
}
.frame-eparts__pre-cart__image DIV {
  padding: 66% 0 0 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__pre-cart__image DIV {
    height: 100px;
    padding: 0;
  }
}
.frame-eparts__pre-cart__product {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__pre-cart__product {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__pre-cart__product {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__pre-cart__product {
    margin-top: 30px;
  }
}
.frame-eparts__pre-cart__title {
  font-weight: 700;
  font-size: 16px;
}
.frame-eparts__pre-cart__message {
  color: #4FD966;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__pre-cart__actions {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__pre-cart__actions {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__pre-cart__actions {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 760px) {
  .frame-eparts__pre-cart__actions {
    flex: 0 0 150px;
    margin-left: 20px;
  }
}
.frame-eparts__pre-cart__actions .cart-buttons {
  margin: 0;
}
.frame-eparts__pre-cart__actions .cart-buttons > LI:first-child {
  margin-top: 0;
}
.frame-eparts__copyright {
  flex: 0 0 auto;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
  font-size: 13px;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__copyright {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__copyright {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__copyright {
    padding: 10px 30px 30px 30px;
  }
}
.frame-eparts__copyright H1, .frame-eparts__copyright H2, .frame-eparts__copyright H3, .frame-eparts__copyright H4, .frame-eparts__copyright H5, .frame-eparts__copyright H6 {
  color: #fff;
}
.frame-eparts__copyright A {
  color: inherit;
}
.frame-eparts__copyright .logo {
  flex: 0 0 auto;
}
.frame-eparts__copyright .logo IMG {
  width: 150px;
  height: auto;
}
.frame-eparts__copyright__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
}
@media only screen and (min-width: 760px) {
  .frame-eparts__copyright__limiter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 759px) {
  .frame-eparts__copyright__limiter {
    text-align: center;
  }
}
.frame-eparts__illustration {
  background: 50% 50% no-repeat;
  background-size: cover;
  background-color: #fafafa;
  padding-top: 40%;
  margin-top: 50px;
}
.frame-eparts__page-header {
  flex: 0 0 auto;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  background-color: #fafafa;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__page-header {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__page-header {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-eparts__page-header {
    padding: 10px 30px 30px 30px;
  }
}
.frame-eparts__page-header__limiter {
  width: 100%;
  max-width: 1144px;
  margin-left: auto;
  margin-right: auto;
  flex: 0 1 auto;
}
.frame-eparts__page-header H1 {
  margin-top: 30px;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__page-header H1 {
    margin-top: 10px;
  }
}
.frame-eparts__page-header .breadcrumb {
  font-size: 12px;
  line-height: 1.4;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #8b8b8b;
  white-space: nowrap;
}
.frame-eparts__page-header .breadcrumb .back {
  margin: 5px 0 0 0;
  position: relative;
}
.frame-eparts__page-header .breadcrumb .back:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0.5em;
  height: 0.5em;
  box-sizing: border-box;
  border: solid currentColor;
  border-width: 0.15em 0.15em 0 0;
  transform: translate(-150%, -50%) scaleX(0.85) rotate(-135deg) scale(0.8);
  transform-origin: 50% 50%;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__page-header .breadcrumb .back {
    display: none;
  }
}
.frame-eparts__page-header .breadcrumb .path {
  display: flex;
  flex-direction: row;
}
.frame-eparts__page-header .breadcrumb .path > LI {
  margin: 5px 10px 0 0;
}
.frame-eparts__page-header .breadcrumb .path > LI:not(:last-child) A {
  margin-right: 10px;
}
.frame-eparts__page-header .breadcrumb .path > LI:not(:last-child):after {
  content: "›";
  opacity: 0.6;
}
.frame-eparts__page-header .breadcrumb A {
  color: inherit;
  text-decoration: none;
}
.frame-eparts__page-header .breadcrumb A:hover {
  color: #009bd6;
}
@media only screen and (max-width: 759px) {
  .frame-eparts__page-header .breadcrumb {
    font-size: 10px;
  }
  .frame-eparts__page-header .breadcrumb .path > LI {
    margin-right: 5px;
  }
  .frame-eparts__page-header .breadcrumb .path > LI:not(:last-child) A {
    margin-right: 5px;
  }
}
.frame-eparts__product-header {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  box-sizing: border-box;
  position: sticky;
  z-index: 8;
  top: 105px;
  padding: 0 30px;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, 0.72);
}
.frame-eparts__product-header.dark {
  background-color: rgba(29, 29, 31, 0.72);
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 759px) {
  .frame-eparts__product-header {
    top: 50px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .frame-eparts__product-header {
    top: 76px;
    padding: 0 30px;
  }
}
.frame-eparts__product-header__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
  box-sizing: border-box;
  position: relative;
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.frame-eparts__product-header__button {
  cursor: pointer;
  display: block;
  text-align: center;
  white-space: nowrap;
  margin-left: 20px;
  flex: 0 0 auto;
  background: #00adef;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  padding: 0 11px;
  border-radius: 12px;
  line-height: 24px;
}
.frame-eparts__product-header__button:hover {
  background-color: #009bd6;
  text-decoration: none;
}
.frame-eparts__product-header__button[disabled], .frame-eparts__product-header__button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.frame-eparts__product-header H1 {
  font-size: 20px;
  margin: 0;
}

.global-frame-eparts {
  padding: 0;
  margin: 0;
  background-color: #fff;
}
.global-frame-eparts BODY {
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 1023px) {
  .global-frame-eparts .bp5-overlay .overlayholder,
  .global-frame-eparts .bp5-overlay .overlayholder-backdrop {
    top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .global-frame-eparts .bp5-overlay .overlayholder,
  .global-frame-eparts .bp5-overlay .overlayholder-backdrop {
    left: 0;
  }
  .global-frame-eparts .bp5-overlay .overlay-focusview-holder {
    padding-left: 0;
  }
}

.site-menu {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .site-menu {
    flex-direction: row;
    align-items: center;
    flex: 0 0 auto;
  }
}
.site-menu .menutoggler {
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  padding: 10px;
  margin-right: 10px;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .site-menu .menutoggler {
    display: none;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .site-menu .menutoggler {
    margin-right: 20px;
  }
}
.site-menu .menutoggler span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #000;
  position: relative;
}
.site-menu .menutoggler span:before, .site-menu .menutoggler span:after {
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #000;
}
.site-menu .menutoggler span:before {
  top: -6px;
}
.site-menu .menutoggler span:after {
  bottom: -6px;
}
.site-menu .menutoggler:hover {
  opacity: 1;
}
.site-menu NAV, .site-menu NAV > UL, .site-menu NAV > UL > LI {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.site-menu NAV {
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .site-menu NAV {
    display: none !important;
  }
}
.site-menu NAV UL {
  padding: 0;
  margin: 0;
}
.site-menu NAV LI {
  padding: 0;
  margin: 0 !important;
}
.site-menu NAV LI:before {
  display: none;
}
.site-menu NAV > UL {
  list-style: none;
}
.site-menu NAV > UL > LI {
  padding: 0 24px 0 0;
}
.site-menu NAV > UL > LI:last-child {
  padding-right: 0;
}
.site-menu NAV > UL > LI > A {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.site-menu NAV > UL A {
  display: block;
  padding: 10px 0;
  position: relative;
  color: #000;
}
.site-menu NAV > UL A .bp5-popover-target:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #00adef;
  opacity: 0;
}
.site-menu NAV > UL A .bp5-popover-target.bp5-popover-open:before {
  opacity: 1;
}
.site-menu NAV > UL A:hover {
  color: #00adef;
  text-decoration: none;
}
.site-menu NAV > UL A:hover .bp5-popover-target:before {
  opacity: 1;
}
.site-menu NAV > UL IMG {
  width: 100px;
}
.site-menu NAV > UL UL {
  display: none;
}
.site-menu .bp5-popover-target {
  display: block;
  position: relative;
}
.site-menu-portal .bp5-transition-container {
  z-index: 16000020;
}
.site-menu-popover {
  display: block;
  z-index: 16000020;
  overflow: hidden;
}
.site-menu-popover .bp5-popover-content {
  max-width: 100%;
  padding: 0;
}
.site-menu-popover .bp5-popover-content:before, .site-menu-popover .bp5-popover-content:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 759px) {
  .site-menu-popover .bp5-popover-content {
    max-width: calc(100vw - 40px);
  }
}
.site-menu-popover .bp5-popover-content:focus {
  outline: none;
}
.site-menu-popover .bp5-popover-content *:focus {
  outline: none;
}
.site-menu-popover .bp5-transition-container {
  display: flex;
  z-index: 16000020;
  padding-bottom: 10px;
}
.site-menu-popover .bp5-transition-container:focus {
  outline: none;
}
.site-menu-popover .bp5-transition-container.bp5-popover-leave .bp5-popover-content {
  pointer-events: none;
}
.site-menu-popover .bp5-transition-container[data-x-out-of-boundaries] {
  display: none;
}
.site-menu-popover:focus {
  outline: none;
}
.site-menu-popover .bp5-overlay-inline {
  display: inline;
  overflow: visible;
}
.site-menu-popover .bp5-popover-target {
  position: relative;
  display: block;
}
.site-menu-popover .bp5-submenu .bp5-popover {
  padding-top: 5px;
}
.site-menu-popover .bp5-menu {
  background-color: #fff;
  border: solid #dbdbdb;
  border-width: 0 1px 1px 1px;
  border-radius: 0;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}
.site-menu-popover .bp5-menu > LI {
  border-top: 1px solid #dbdbdb;
  min-width: 200px;
}
.site-menu-popover .bp5-menu-item {
  background-color: transparent;
  padding: 15px 20px;
  cursor: pointer;
}
.site-menu-popover .bp5-menu-item:hover {
  text-decoration: none;
  background-color: #fafafa;
}
.site-menu-popover .bp5-menu-item.important {
  font-weight: 700;
  color: #00adef;
}
.site-menu-mobile {
  text-transform: uppercase;
  font-weight: 600;
}
.site-menu-mobile .site-menu-mobile-heading {
  background-color: #000;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 20px;
}
.site-menu-mobile .site-menu-mobile-heading.right {
  flex-direction: row-reverse;
}
.site-menu-mobile .site-menu-mobile-heading BUTTON {
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  width: 20px;
  height: 20px;
  position: relative;
  color: currentColor;
}
.site-menu-mobile .site-menu-mobile-heading BUTTON svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.site-menu-mobile .site-menu-mobile-heading BUTTON path {
  fill: currentColor;
}
.site-menu-mobile .site-menu-mobile-heading .logo {
  width: auto;
  height: 30px;
  margin: 10px 20px;
}
.site-menu-mobile .site-menu-mobile-content {
  padding: 0 20px 20px 20px;
}
.site-menu-mobile .site-menu-mobile-content UL {
  padding: 1px 0 0 0;
  margin: 0;
  list-style: none;
  position: relative;
  box-sizing: border-box;
  min-width: 0;
}
.site-menu-mobile .site-menu-mobile-content UL:before {
  content: "";
  width: auto;
  height: 1px;
  opacity: 0.15;
  background-color: currentColor;
  position: absolute;
  left: 0;
  right: 0;
  bottom: auto;
  top: 0;
  transform: none;
  border-radius: 0;
}
.site-menu-mobile .site-menu-mobile-content UL LI {
  padding: 0 0 1px 0;
  margin: 0;
  position: relative;
}
.site-menu-mobile .site-menu-mobile-content UL LI:before {
  content: "";
  width: auto;
  height: 1px;
  opacity: 0.15;
  background-color: currentColor;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  transform: none;
  border-radius: 0;
}
.site-menu-mobile .site-menu-mobile-content UL A {
  display: block;
  padding: 10px 0;
  color: inherit;
  text-decoration: none;
}
.site-menu-mobile .site-menu-mobile-content UL UL {
  padding: 0 0 0 20px;
}
.site-menu-mobile .site-menu-mobile-content UL UL > LI:last-child {
  padding: 0;
}
.site-menu-mobile .site-menu-mobile-content UL UL > LI:last-child:before {
  display: none;
}

.overlay-mainmenu-content {
  background-color: #000;
  color: #fff;
}

.box-search {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
@media only screen and (max-width: 759px) {
  .box-search {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .box-search {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .box-search {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 759px) {
  .box-search {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .box-search {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .box-search {
    padding: 10px 30px 30px 30px;
  }
}
.box-search:before, .box-search:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 759px) {
  .box-search .form-row-group {
    padding: 0;
    margin: 0;
    display: block;
  }
  .box-search .form-row-group-item {
    margin: 0;
  }
  .box-search .form-row-group .button,
  .box-search .form-row-group > .dropzone {
    width: 100%;
    max-width: 100%;
    margin: 5px 0 0 0;
  }
  .box-search .form-row-group .dropzone,
  .box-search .form-row-group .dropzone-root {
    display: block;
  }
}

.box-promo {
  background-color: #ededed;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  color: #000;
  position: relative;
  z-index: 0;
  text-align: center;
  font-size: 17px;
  line-height: 1.5;
  box-sizing: border-box;
  min-height: 540px;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.box-promo.small {
  min-height: 300px;
}
.box-promo.standalone {
  border-radius: 6px;
}
@media only screen and (max-width: 759px) {
  .box-promo.standalone {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .box-promo.standalone {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .box-promo.standalone {
    margin-top: 30px;
  }
}
.box-promo H2, .box-promo H3, .box-promo H4, .box-promo H5, .box-promo H6 {
  font-weight: 600;
  margin: 0;
  color: inherit;
  font-size: 48px;
  line-height: 52px;
}
.box-promo SUP {
  font-size: 30%;
  vertical-align: 0;
  transform: translate(0, -20%);
  position: absolute;
}
.box-promo .pre-heading {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}
.box-promo .has-image {
  color: rgba(0, 0, 0, 0) !important;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 759px) {
  .box-promo H2, .box-promo H3, .box-promo H4, .box-promo H5, .box-promo H6 {
    font-size: 36px;
    line-height: 42px;
  }
  .box-promo .pre-heading {
    font-size: 18px;
  }
}
.box-promo UL:not([class]) {
  padding: 0;
  margin: 20px 0 0 0;
}
.box-promo UL:not([class]) > LI {
  padding: 0;
  margin: 0;
}
.box-promo UL:not([class]) > LI:before {
  display: none;
}
.box-promo UL:not([class]) > LI + LI {
  padding-top: 20px;
}
.box-promo UL:not([class]) > LI + LI:before {
  display: block;
  width: 10px;
  height: 1px;
  left: 50%;
  top: 10px;
  border-radius: 0;
  transform: translate(-50%, 0);
  opacity: 0.2;
}
.box-promo__text {
  flex: 0 0 auto;
  padding: 50px;
}
@media only screen and (max-width: 759px) {
  .box-promo__text {
    padding: 20px;
  }
}
.box-promo__image {
  flex: 1 1 auto;
  margin: 0 50px 50px 50px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 759px) {
  .box-promo__image {
    margin: 0 20px 20px 20px;
  }
}
.box-promo__image.no-margin {
  margin: 0 !important;
}
.box-promo__actions {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.box-promo__actions.vertical {
  flex-direction: column;
}
.box-promo__actions A {
  padding: 8px 16px;
  line-height: 20px;
  border-radius: 18px;
  position: relative;
}
.box-promo__actions A:not(.primary):after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 0.5em;
  height: 0.5em;
  box-sizing: border-box;
  border: solid currentColor;
  border-width: 0.15em 0.15em 0 0;
  transform: translate(-150%, -50%) scaleX(0.85) rotate(45deg) scale(0.8);
  transform-origin: 50% 50%;
}
.box-promo__actions A.primary {
  background-color: #00adef;
  color: #fff !important;
}
.box-promo__actions A.primary:hover {
  background-color: #009bd6;
  text-decoration: none;
}
@media only screen and (min-width: 760px) {
  .layout-grid__container.wide .box-promo {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .layout-grid__container.wide .box-promo__text {
    flex: 0 0 450px;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .layout-grid__container.wide .box-promo__image {
    flex: 1 1 auto;
    margin: 50px 50px 50px 0;
  }
  .layout-grid__container.wide .box-promo.reversed {
    flex-direction: row-reverse;
  }
  .layout-grid__container.wide .box-promo.reversed .box-promo__image {
    margin: 50px 0 50px 50px;
  }
}

.gray .box-promo {
  background-color: #fff;
}

.box-promo.align-horizontal-left {
  text-align: left;
}
.box-promo.align-vertical-center {
  align-items: center;
  justify-content: center;
}
.box-promo.text-white {
  color: #fff;
}
.box-promo.text-white A {
  color: #2997ff;
}
.box-promo.text-white .box-promo__actions A {
  color: #009bd6;
}
.box-promo.text-white .box-promo__actions A.primary {
  background-color: #009bd6;
}
.box-promo.actions-white .box-promo__actions A {
  color: #fff;
}
.box-promo.actions-white .box-promo__actions A.primary {
  background-color: #fff;
  color: #009bd6 !important;
}

.longtext {
  font-size: 17px;
  line-height: 1.47059;
}
@media only screen and (max-width: 759px) {
  .longtext P, .longtext HR {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .longtext P, .longtext HR {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .longtext P, .longtext HR {
    margin-top: 30px;
  }
}

.tech-specs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 25px 0 0 0;
}
.tech-specs + .tech-specs {
  border-top: 1px solid #ededed;
  padding-top: 5px;
}
.tech-specs__title {
  flex: 0 0 300px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-right: 20px;
  padding-top: 15px;
}
.tech-specs__title.has-icon {
  background-size: 60px 60px;
  background-repeat: no-repeat;
  background-position: 0 10px;
  min-height: 80px;
  padding: 10px 0 10px 80px;
  display: flex;
  align-items: center;
  align-self: flex-start;
  box-sizing: border-box;
}
.tech-specs__title .price {
  display: block;
  font-weight: 400;
  font-size: 80%;
}
.tech-specs__description {
  flex: 1 1 auto;
}
@media only screen and (max-width: 759px) {
  .tech-specs {
    display: block;
  }
  .tech-specs__title {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
  }
}
.tech-specs TABLE:not([class]) {
  margin-top: 15px;
}
.tech-specs TABLE:not([class]) THEAD TR:first-child TH, .tech-specs TABLE:not([class]) THEAD TR:first-child TD {
  padding-top: 0;
  border-top: 0;
}
.tech-specs TABLE:not([class]) TBODY TR:last-child TH, .tech-specs TABLE:not([class]) TBODY TR:last-child TD {
  padding-bottom: 0;
  border-bottom: 0;
}

.paginator {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #8b8b8b;
}
@media only screen and (max-width: 759px) {
  .paginator {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .paginator {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .paginator {
    margin-top: 30px;
  }
}
.paginator INPUT {
  outline: none;
  width: 34px;
  height: 34px;
  border: none;
  box-shadow: inset 0 0 0 1px #dbdbdb;
  border-radius: 5px;
  text-align: center;
  color: #8b8b8b;
  padding: 0;
  margin: 0 1ex 0 0;
  font-size: 16px;
  line-height: 34px;
  box-sizing: border-box;
}
.paginator INPUT:focus {
  box-shadow: inset 0 0 0 1px #8b8b8b, 0 0 0 3px rgba(0, 173, 239, 0.2);
  color: #000;
}
.paginator__counter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 50px;
}
.paginator A {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
  position: relative;
  color: inherit;
}
.paginator A:hover {
  background-color: #fafafa;
}
.paginator A SPAN {
  display: none;
}
.paginator A:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  border: solid currentColor;
  border-width: 0.15em 0.15em 0 0;
  transform-origin: 50% 50%;
}
.paginator__prev:before {
  transform: translate(-40%, -50%) scaleX(0.85) rotate(-135deg) scale(0.8);
}
.paginator__next:before {
  transform: translate(-60%, -50%) scaleX(0.85) rotate(45deg) scale(0.8);
}

.cart-table {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.cart-table TH, .cart-table TD {
  padding: 20px 10px;
  margin: 0;
  border: none;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dbdbdb;
}
.cart-table TH:first-child, .cart-table TD:first-child {
  padding-left: 0;
}
.cart-table TH:last-child, .cart-table TD:last-child {
  padding-right: 0;
}
.cart-table TR:first-child TH, .cart-table TR:first-child TD {
  border-top: 0 none;
}
.cart-table P {
  margin: 0;
}
.cart-table .sum {
  text-align: right;
  white-space: nowrap;
}
.cart-table .image {
  display: block;
  width: 150px;
  height: 150px;
  background: #fff 50% 50% no-repeat;
  background-size: contain;
}
.cart-table-image A {
  display: block;
}
.cart-table-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
}
.cart-table-title A {
  color: inherit;
}
.cart-table-title A:hover {
  color: #00adef;
}
.cart-table-config {
  margin: 20px 0 0 0;
  display: block;
  border-radius: 6px;
  overflow: hidden;
}
.cart-table-config > LI {
  padding: 0;
  margin: 0;
}
.cart-table-config > LI + LI {
  margin-top: -1px;
}
.cart-table-config > LI:first-child LABEL SPAN {
  border-radius: 6px 6px 0 0;
}
.cart-table-config > LI:last-child LABEL SPAN {
  border-radius: 0 0 6px 6px;
}
.cart-table-config LABEL {
  display: block;
  overflow: hidden;
}
.cart-table-config LABEL INPUT {
  position: absolute;
  right: 100%;
  bottom: 100%;
}
.cart-table-config LABEL INPUT:checked + SPAN {
  z-index: 2;
}
.cart-table-config LABEL INPUT:checked + SPAN:before {
  content: "";
  width: 6px;
  height: 10px;
  position: absolute;
  left: 9px;
  top: 9px;
  box-sizing: border-box;
  border: solid #00adef;
  border-width: 0 2px 2px 0;
  transform: translate(-40%, -50%) rotate(45deg);
}
.cart-table-config LABEL INPUT:checked + SPAN:after {
  box-shadow: inset 0 0 0 1px #00adef;
}
.cart-table-config LABEL SPAN {
  flex: 1 1 auto;
  display: inline-block;
  overflow: hidden;
  padding: 3px 0 3px 30px;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
.cart-table-config LABEL SPAN:hover {
  color: #00adef;
}
.cart-table-config LABEL SPAN:after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.cart-table TR:not(.cart-table-subproduct) + TR:not(.cart-table-subproduct) TH, .cart-table TR:not(.cart-table-subproduct) + TR:not(.cart-table-subproduct) TD {
  border-top: 1px solid #dbdbdb;
}
.cart-table-subproduct TH, .cart-table-subproduct TD {
  border-top: 1px solid #fafafa;
}
.cart-table-subproduct .cart-table-title {
  font-size: 16px;
}
.cart-table-specs {
  margin: 10px auto 0 0;
}
.cart-table-specs > LI {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.cart-table-specs > LI .label {
  flex: 0 0 1 20px;
  opacity: 0.5;
}
.cart-table-specs > LI .value {
  flex: 1 1 auto;
}
.cart-table-price {
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 15px 20px;
  border-radius: 6px;
  overflow: hidden;
  font-size: 16px;
}
.cart-table-price > LI {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.cart-table-price > LI + LI {
  margin-top: 5px;
}
.cart-table-price > LI .label {
  flex: 0 0 auto;
  padding-right: 20px;
}
.cart-table-price > LI .value {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.cart-table-price > LI .value .number {
  flex: 0 0 auto;
  text-align: center;
  padding: 0 10px;
}
.cart-table-price > LI .value-button {
  flex: 0 0 auto;
  display: block;
  box-shadow: inset 0 0 0 1px #dbdbdb;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 6px;
  text-align: center;
  line-height: 20px;
  color: inherit;
  background-color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.cart-table-price > LI .value-button:hover {
  text-decoration: none;
  color: #00adef;
  box-sizing: inset 0 0 0 1px #00adef;
  box-shadow: inset 0 0 0 1px #00adef;
}
.cart-table-price > LI.total {
  font-weight: 700;
}
.cart-table-remove {
  margin-top: 10px !important;
  font-size: 13px;
  text-align: center;
}
.cart-table .sum {
  white-space: nowrap;
  text-align: right;
}
@media only screen and (max-width: 759px) {
  .cart-table {
    margin: 0;
  }
  .cart-table TR {
    display: flex;
    flex-direction: column;
  }
  .cart-table TH, .cart-table TD {
    padding: 20px 0 0 0;
    border: none !important;
  }
  .cart-table-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cart-table .image {
    width: 100px;
    height: 100px;
  }
}
.cart-table .cart-callout {
  margin-top: 8px !important;
  padding: 10px 20px;
}

.cart-block {
  padding: 0 20px 20px 20px;
  margin: 20px 0 0 0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.5);
}
.cart-block.primary {
  background-color: #fff;
}
.cart-block H2 {
  font-size: 16px;
  margin: 20px 0 0 0;
}
.cart-block .cart-button {
  padding: 0 20px;
}

.cart-prices {
  margin: 20px 0 0 0;
}
.cart-prices > LI {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
.cart-prices .primary {
  font-weight: 700;
  font-size: 18px;
  margin-top: 8px;
}
.cart-prices .label {
  flex: 1 1 auto;
}
.cart-prices .value {
  flex: 0 0 auto;
  padding-left: 8px;
}

@media only screen and (max-width: 759px) {
  .cart-buttons {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .cart-buttons {
    margin-top: 22px;
  }
}
@media only screen and (min-width: 1024px) {
  .cart-buttons {
    margin-top: 22px;
  }
}
.cart-buttons > LI {
  margin: 8px 0 0 0;
}

.cart-button {
  font-weight: 400;
  font-size: 18px;
  background-color: #fff;
  border: none;
  outline: none;
  color: #00adef;
  padding: 0 50px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  border-radius: 6px;
  margin: 0;
  display: block;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px #00adef;
}
.cart-button.primary {
  background-color: #00adef;
  color: #fff;
  box-shadow: none;
}
.cart-button.primary:hover {
  background-color: #009bd6;
  text-decoration: none;
}

.cart-callout {
  padding: 10px 20px;
  border-radius: 6px;
  margin: 20px 0 0 0 !important;
  text-align: center;
  font-weight: 600;
}
.cart-callout + .cart-callout {
  margin-top: 8px !important;
}
.cart-callout.intent-danger {
  color: #FB3664;
  background-color: rgba(251, 54, 100, 0.1);
}
.cart-callout.intent-warning {
  color: #fbac36;
  background-color: rgba(251, 172, 54, 0.1);
}
.cart-callout.intent-success {
  color: #4FD966;
  background-color: rgba(79, 217, 102, 0.1);
}
.cart-callout.intent-promotion {
  color: #00adef;
  background-color: rgba(0, 173, 239, 0.1);
}

.generic-callout {
  padding: 0 30px;
  position: relative;
  color: #404040;
  text-align: center;
  font-weight: 600;
  background-color: #ededed;
}
@media only screen and (max-width: 759px) {
  .generic-callout {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .generic-callout {
    padding: 0 30px;
  }
}
.generic-callout__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
  box-sizing: border-box;
  padding: 10px 0;
}
.generic-callout__limiter P {
  margin: 0;
}
.generic-callout.intent-danger {
  color: #fff;
  background: #FB3664;
}
.generic-callout.intent-danger A {
  color: #fff;
  text-decoration: underline;
}
.generic-callout.intent-warning {
  color: #fff;
  background: #fbac36;
}
.generic-callout.intent-warning A {
  color: #fff;
  text-decoration: underline;
}
.generic-callout.intent-success {
  color: #000;
  background: #4FD966;
}
.generic-callout.intent-success A {
  color: #000;
  text-decoration: underline;
}
.generic-callout.intent-promotion {
  color: #fff;
  background: #009bd6;
}
.generic-callout.intent-promotion A {
  color: #fff;
  text-decoration: underline;
}
.generic-callout + .generic-callout {
  margin-top: 1px;
}

.generic-message {
  flex: 1 0 auto;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
.generic-message__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
  box-sizing: border-box;
  padding: 30px;
}
.generic-message__limiter P {
  margin: 0;
}
.generic-message__title {
  font-size: 20px;
  font-weight: 700;
}

.footnote {
  font-size: 12px;
  color: #8b8b8b;
  border-top: 1px solid #ededed;
  line-height: 1.5;
  margin: 50px 0 0 0;
}

.generic-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 10px -12px 0 -12px;
}
.generic-actions > * {
  margin: 10px 12px;
  position: relative;
}
.generic-actions > *:not(:first-child):before {
  content: "|";
  position: absolute;
  left: -12px;
  top: 50%;
  color: #dbdbdb;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.generic-actions .intent-danger {
  color: #FB3664;
}

.cookiemessage {
  background-color: #fff;
  color: #404040;
  position: sticky;
  bottom: 0;
  padding: 0 30px;
  z-index: 16000003;
}
.cookiemessage:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
@media only screen and (max-width: 759px) {
  .cookiemessage {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .cookiemessage {
    padding: 0 30px;
  }
}
.cookiemessage__limiter {
  width: 100%;
  max-width: 1144px;
  margin: auto;
  box-sizing: border-box;
  padding: 10px 0 20px 0;
  text-align: center;
  font-size: 13px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 759px) {
  .cookiemessage__limiter {
    display: block;
  }
}
.cookiemessage .content {
  flex: 0 1 auto;
  line-height: 20px;
  margin: 10px 0 0 0;
}
.cookiemessage .actions {
  margin: 10px 0 0 0;
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.cookiemessage .actions A {
  flex: 0 0 auto;
  background-color: #00adef;
  color: #fff;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 6px;
  margin: 0 3px;
  font-size: 13px;
  font-weight: 600;
}
.cookiemessage .actions A:hover {
  text-decoration: none;
  background-color: #009bd6;
}

.list-results {
  line-height: 20px;
}
@media only screen and (max-width: 759px) {
  .list-results {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .list-results {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .list-results {
    margin-top: 30px;
  }
}
.list-results > LI {
  margin-top: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
.list-results > LI.replacement {
  margin-top: 1px;
}
.list-results > LI:first-child {
  margin-top: 0;
}
.replacement .list-results__result {
  background-color: #fafafa !important;
}
.list-results__result {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 8px 8px 8px 13px;
}
.list-results__result.intent-danger {
  color: #FB3664;
}
.list-results__arrow {
  margin: 0 12px 0 0;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-results__arrow svg {
  width: 12px;
  height: 12px;
}
.list-results__arrow path {
  fill: #00adef;
}
.list-results__result.intent-danger .list-results__arrow path {
  fill: #FB3664;
}
.list-results__main {
  flex: 1 1 auto;
  margin: 0 20px 0 0;
}
.list-results__price {
  flex: 0 0 120px;
  margin: 0 20px 0 0;
  text-align: right;
}
.list-results__delivery {
  flex: 0 0 100px;
  margin: 0 20px 0 0;
  text-align: right;
}
.list-results__cart {
  flex: 0 0 150px;
}
.list-results__cart .control-input-input {
  padding: 0 !important;
}
.list-results__button {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.list-results__button .button,
.list-results__button .button-icon {
  margin: 0 0 0 5px;
  flex: 0 0 auto;
}
.list-results__availability {
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 759px) {
  .list-results__availability {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .list-results__availability {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .list-results__availability {
    padding: 10px 30px 30px 30px;
  }
}
.list-results__availability:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 10px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.list-results__availability TH {
  width: 1%;
  white-space: nowrap;
  text-align: right !important;
  min-width: 0 !important;
}
.list-results__availability TD {
  white-space: normal !important;
}
@media only screen and (max-width: 1023px) {
  .list-results__result {
    flex-wrap: wrap;
    padding: 10px;
    position: relative;
    align-items: flex-start;
  }
  .list-results__arrow {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .list-results__main {
    flex: 1 1 100%;
    padding-left: 40px;
    box-sizing: border-box;
    margin: 0;
    text-align: left;
  }
  .list-results__cart {
    margin: 0;
    padding: 10px 10px 0 0;
    flex: 0 0 45%;
    box-sizing: border-box;
  }
  .list-results__button {
    margin: 0;
    padding: 5px 0 0 0;
    flex: 0 0 55%;
    overflow: hidden;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
  .list-results__button .button {
    width: auto;
    flex: 1 0 auto;
  }
  .list-results__button .button,
  .list-results__button .botton-icon {
    margin-top: 5px;
  }
  .list-results__delivery {
    text-align: left;
  }
  .list-results__price, .list-results__delivery {
    flex: 0 0 50%;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.list-results .control-input-addon, .list-results .control-input-addon-front {
  min-width: 40px;
  padding: 0;
  margin: 0;
}
.list-results .control-input-addon A,
.list-results .control-input-addon BUTTON,
.list-results .control-input-addon .button-icon, .list-results .control-input-addon-front A,
.list-results .control-input-addon-front BUTTON,
.list-results .control-input-addon-front .button-icon {
  min-width: 40px;
}
.list-results .control-input-addon .button-icon-main, .list-results .control-input-addon-front .button-icon-main {
  width: 40px;
  height: 40px;
}
.list-results .control-input-addon .button-icon-main svg, .list-results .control-input-addon-front .button-icon-main svg {
  width: 10px;
  height: 10px;
}
.list-results .control-input-addon .button-icon-main svg.cart2, .list-results .control-input-addon-front .button-icon-main svg.cart2 {
  width: 12px;
  height: 12px;
}
.list-results .control-input.align-center {
  text-align: center;
}
.list-results .label-primary {
  font-weight: 700;
}
.list-results .label-primary DEL {
  font-weight: 400;
  font-size: 80%;
  text-decoration: none;
  color: #FB3664;
}
.list-results .label-secondary {
  opacity: 0.7;
  font-size: 12px;
}

.list-offers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -10px 0 -10px;
}
.list-offers > LI {
  flex: 1 1 50%;
  box-sizing: border-box;
  padding: 20px 10px 0 10px;
}
@media only screen and (max-width: 759px) {
  .list-offers > LI {
    flex: 0 0 100%;
  }
}
.list-offers > LI A {
  display: block;
  padding: 40% 0 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.list-offers > LI A IMG {
  display: none;
}

.box-well {
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 759px) {
  .box-well {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .box-well {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .box-well {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (max-width: 759px) {
  .box-well {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .box-well {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .box-well {
    margin-top: 30px;
  }
}
.box-well:before, .box-well:after {
  content: "";
  display: table;
  clear: both;
}

.product-toolbar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 12px;
}
@media only screen and (max-width: 759px) {
  .product-toolbar {
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    margin-top: 10px;
  }
}
.product-toolbar .group {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 20px;
}
@media only screen and (max-width: 759px) {
  .product-toolbar .group {
    margin-top: 10px;
    display: block;
  }
}
.product-toolbar .label {
  display: block;
  padding: 5px 0;
  margin: 0 7px 0 0;
  opacity: 0.5;
}
.product-toolbar LABEL {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}
.product-toolbar SELECT {
  border: 0 none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  font-size: inherit;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  padding: 0 30px 0 10px;
  height: 40px;
  line-height: 40px;
  border-radius: 6px;
  margin: 0;
  box-sizing: border-box;
  min-width: 200px;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0hJREFUeNrsnU9LFVEYh19Lglzkql2LFi6CNm4iEPonGEkWlRSBUUSfQPwI9RHKZREVFIRgBFGBhUEhbloYtmgR1M6VCgmC3d6Xc4ZI7507c2fmzHTneeCH13u9M+N5nJkz7z1n7Gk0GgLVYRdNgBBACEIAIQgBhCAEEIIQQAggBCGAEIQAQhACCEEIIAQQ8j/QU/UNrNuomDz3kAnNNf7Gs9Gb03LOax76x2uaFzRteYesYc1LzV7//YZmTDPHISu8kCOat5r+bc+vakY0iwgJJ+SQZl6zv8XrK5oTmmWEFC/kgOaT/xrHT82Q5gdCiutl2R7xLoGMSNxczF4EGYXYueKNZiDFewb8e/pp7nyF9Pnu7GAH6xn07+2jyfMRskfzVHM8w7rsvc/8siCDEDvx39ecy2F9Y35Z1NAyCLknriySF7asuzR9Z9y2nmdBuZO021unxDFZoIwokwj5N60uDG9oHkjx5XmTclP+Fia5Um/ynFVuZzS7A23DlmZcM4uQnUKscvuqhK7ppmZUmlSI6yzkqL+i3lfStqyLqxAvIETksK9PlV1zWvF76VKdhRzUfJBkxcIQWIX4mOZ7XYW8lnTFwhB801zU/KKXVTH4PAQQAghBCCAEIYAQhABCEAIIAY/ND6l0cbFuQii/V/CQZb/4GXEfDpWNbcNoJKPO55Av4kYmrpW4Let+G5Y4qTsW/HF7s4TtsHVekG2fp9PLcqM+LosbmhMKW9cVyWlOYjd2e23awC1xg9iKpuHXNYuK+OsQG0k4FWD9UxIzahF2wmDrCg22jpguQMZ04mMag62bXjw+kvzmiDzRXNf8TiqkblfqSbCxvs8l+ywqu+PDeJquNUJaYxM2bSB2p/MM5/1VeKr6FELisanN7yX9TNzPmpPibrkhCMlPiGEDsj9K8gqxVW6HOq2VMXKxPdawp8RVZdthPzMs1Shcdq2QqKFH2jS0vXZaMtznBCHp+Ko52+K8sOpfW6aJwwkx7H5Yl8TdtCxiwz+3SPOGF2JYlfaquKrtln9M5TZgL6sVE355j/PcQLq9FaNuQnr5b9Hddw4BhCAEEIIQQAggBCGAEIQAQhACCEEIIAQQghBACEIAIQiBwvkjwADC29+cE6oYuwAAAABJRU5ErkJggg==) 100% 50% no-repeat;
  background-size: auto 16px;
}
.product-toolbar SELECT::-ms-expand {
  display: none;
}
@media only screen and (max-width: 759px) {
  .product-toolbar SELECT {
    width: 100%;
  }
}

@media only screen and (max-width: 759px) {
  .product-image {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .product-image {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .product-image {
    margin-top: 30px;
  }
}

.product-configurator__title {
  font-weight: 700;
  margin: 20px 0 0 0;
}
.product-configurator__group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 5px -5px 0 0;
}
.product-configurator__group > LI {
  margin: 5px 5px 0 0;
}
.product-configurator LABEL {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
}
.product-configurator LABEL INPUT {
  position: absolute;
  right: 100%;
  bottom: 100%;
}
.product-configurator LABEL INPUT:checked + .label {
  box-shadow: inset 0 0 0 2px #00adef;
}
.product-configurator LABEL INPUT:checked + .swatch {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00adef;
}
.product-configurator LABEL .label {
  flex: 1 1 auto;
  display: block;
  overflow: hidden;
  padding: 10px 15px;
  box-shadow: inset 0 0 0 1px #dbdbdb;
  border-radius: 6px;
}
.product-configurator LABEL .label:hover {
  box-shadow: inset 0 0 0 1px #8b8b8b;
}
.product-configurator LABEL .swatch {
  margin: 4px;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(0, 0, 0, 0.07);
  position: relative;
}
.product-configurator LABEL .swatch:hover {
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(0, 0, 0, 0.15);
}
.product-configurator LABEL .swatch:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03));
}

.product-pricing {
  background-color: #ededed;
  padding: 10px 20px 20px 20px;
  border-radius: 6px;
}
@media only screen and (max-width: 759px) {
  .product-pricing {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .product-pricing {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .product-pricing {
    margin-top: 30px;
  }
}
.product-pricing.secondary {
  margin-top: 10px;
}
.product-pricing__prices {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  margin-right: -20px;
  position: relative;
}
.product-pricing__prices > LI {
  padding: 10px 20px 0 0;
  box-sizing: border-box;
  flex: 1 1 50%;
  overflow: hidden;
}
.product-pricing__prices > LI .title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.product-pricing__prices > LI .label {
  font-size: 12px;
  line-height: 16px;
}
.product-pricing__prices > LI .price {
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
}
.product-pricing__prices > LI .price.old {
  font-weight: 300 !important;
  opacity: 0.5;
  text-decoration: line-through;
  margin-top: 5px;
}
.product-pricing__prices > LI .price.sale {
  color: #fbac36;
}
.product-pricing__prices > LI.primary .price {
  font-weight: 700;
}
.product-pricing__prices > LI.actions {
  display: block;
  flex: 1 0 250px;
}
.product-pricing__prices + .product-pricing__prices {
  margin-top: 11px;
}
.product-pricing__prices + .product-pricing__prices:before {
  content: "";
  position: absolute;
  left: 0;
  right: 20px;
  top: 0;
  height: 1px;
  background-color: #dbdbdb;
}
.product-pricing__button {
  font-weight: 400;
  font-size: 18px;
  background-color: #00adef;
  border: none;
  outline: none;
  color: #fff;
  padding: 0 50px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  border-radius: 6px;
  margin: 0;
  display: block;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
}
.product-pricing__button:hover {
  background-color: #009bd6;
  text-decoration: none;
}
.product-pricing__button.secondary {
  background-color: #FB3664;
}
.product-pricing__button[disabled], .product-pricing__button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.product-pricing__button + .product-pricing__button {
  margin-top: 5px;
}

.product-nuggets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -20px 0 0;
}
.product-nuggets > LI {
  flex: 1 1 50%;
  max-width: 50%;
  box-sizing: border-box;
  padding: 20px 20px 0 0;
}

.product-availability {
  padding: 0;
  margin: 8px 0 0 0;
}
.product-availability > LI {
  display: block;
  margin: 2px 0 0 0;
  padding: 0 0 0 20px;
  position: relative;
  z-index: 0;
}
.product-availability > LI:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  background-color: #fafafa;
  border-radius: 50%;
}
.product-availability > LI.available:before {
  background-color: #4FD966;
}
.product-availability > LI.available .status {
  color: #4FD966;
}
.product-availability > LI.unavailable:before {
  background-color: #FB3664;
}
.product-availability > LI.unavailable .status {
  color: #FB3664;
}
.product-availability > LI.warning:before {
  background-color: #fbac36;
}
.product-availability > LI.warning .status {
  color: #fbac36;
}
.product-availability A {
  color: inherit;
}
.product-availability A:hover {
  text-decoration: none;
  color: #00adef;
}

.financing-calculator {
  border: 1px solid #dbdbdb;
  margin-top: 10px;
  padding: 0 0 20px 20px;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.financing-calculator__form {
  flex: 1 0 230px;
  padding: 15px 20px 0 0;
}
.financing-calculator__form__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 5px 0 0 0;
}
.financing-calculator__form__row LABEL {
  line-height: 20px;
  padding: 5px 20px 5px 0;
  flex: 0 0 100px;
  box-sizing: border-box;
  font-size: 12px;
}
.financing-calculator__form__row INPUT, .financing-calculator__form__row SELECT {
  border: 0 none;
  box-shadow: none;
  font-size: inherit;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  width: 100%;
  background-color: #fafafa;
  height: 30px;
  line-height: 30px;
  border-radius: 6px;
}
.financing-calculator__form__row INPUT:focus, .financing-calculator__form__row SELECT:focus {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.financing-calculator__form__row INPUT {
  padding: 0 10px;
}
.financing-calculator__form__row INPUT:not(:last-child) {
  padding-right: 50px;
}
.financing-calculator__form__row SELECT {
  padding: 0 30px 0 10px;
  background: #fafafa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0hJREFUeNrsnU9LFVEYh19Lglzkql2LFi6CNm4iEPonGEkWlRSBUUSfQPwI9RHKZREVFIRgBFGBhUEhbloYtmgR1M6VCgmC3d6Xc4ZI7507c2fmzHTneeCH13u9M+N5nJkz7z1n7Gk0GgLVYRdNgBBACEIAIQgBhCAEEIIQQAggBCGAEIQAQhACCEEIIAQQ8j/QU/UNrNuomDz3kAnNNf7Gs9Gb03LOax76x2uaFzRteYesYc1LzV7//YZmTDPHISu8kCOat5r+bc+vakY0iwgJJ+SQZl6zv8XrK5oTmmWEFC/kgOaT/xrHT82Q5gdCiutl2R7xLoGMSNxczF4EGYXYueKNZiDFewb8e/pp7nyF9Pnu7GAH6xn07+2jyfMRskfzVHM8w7rsvc/8siCDEDvx39ecy2F9Y35Z1NAyCLknriySF7asuzR9Z9y2nmdBuZO021unxDFZoIwokwj5N60uDG9oHkjx5XmTclP+Fia5Um/ynFVuZzS7A23DlmZcM4uQnUKscvuqhK7ppmZUmlSI6yzkqL+i3lfStqyLqxAvIETksK9PlV1zWvF76VKdhRzUfJBkxcIQWIX4mOZ7XYW8lnTFwhB801zU/KKXVTH4PAQQAghBCCAEIYAQhABCEAIIAY/ND6l0cbFuQii/V/CQZb/4GXEfDpWNbcNoJKPO55Av4kYmrpW4Let+G5Y4qTsW/HF7s4TtsHVekG2fp9PLcqM+LosbmhMKW9cVyWlOYjd2e23awC1xg9iKpuHXNYuK+OsQG0k4FWD9UxIzahF2wmDrCg22jpguQMZ04mMag62bXjw+kvzmiDzRXNf8TiqkblfqSbCxvs8l+ywqu+PDeJquNUJaYxM2bSB2p/MM5/1VeKr6FELisanN7yX9TNzPmpPibrkhCMlPiGEDsj9K8gqxVW6HOq2VMXKxPdawp8RVZdthPzMs1Shcdq2QqKFH2jS0vXZaMtznBCHp+Ko52+K8sOpfW6aJwwkx7H5Yl8TdtCxiwz+3SPOGF2JYlfaquKrtln9M5TZgL6sVE355j/PcQLq9FaNuQnr5b9Hddw4BhCAEEIIQQAggBCGAEIQAQhACCEEIIAQQghBACEIAIQiBwvkjwADC29+cE6oYuwAAAABJRU5ErkJggg==) 100% 50% no-repeat;
  background-size: auto 16px;
}
.financing-calculator__form__row SELECT::-ms-expand {
  display: none;
}
.financing-calculator__form__row .fields {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  box-shadow: inset;
  position: relative;
}
.financing-calculator__form__row .addon {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 10px;
  line-height: 30px;
  pointer-events: none;
  font-size: 12px;
  opacity: 0.6;
}
@media only screen and (max-width: 759px) {
  .financing-calculator__form__row {
    display: block;
  }
  .financing-calculator__form__row LABEL {
    padding: 0 0 5px 0;
  }
}
.financing-calculator__result {
  flex: 0 0 200px;
  padding: 20px 20px 0 0;
}
.financing-calculator__result .result-sum {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
.financing-calculator__result .result-disclaimer {
  font-size: 11px;
  line-height: 1.5;
  color: #404040;
  margin: 10px 0 0 0;
  max-width: 200px;
}

.product-discover {
  background-color: #fafafa;
  overflow: hidden;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.product-discover__categories > LI {
  width: 100px;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
  box-sizing: border-box;
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
}
.product-discover__categories A {
  color: #404040;
  display: block;
  white-space: normal;
}
.product-discover__categories A .image {
  display: block;
  padding: 55% 0 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 5px;
}
.product-discover__categories A .label {
  display: block;
}
.product-discover__categories A .cat-label {
  display: block;
  margin: 0;
  vertical-align: 0;
}
.product-discover__categories A:hover {
  text-decoration: none;
  color: #00adef;
}
@media only screen and (max-width: 759px) {
  .product-discover {
    margin: 20px -20px 0 -20px;
  }
  .product-discover__categories {
    flex: 0 0 auto;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto;
    padding: 15px 0;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 760px) {
  .product-discover {
    margin: 20px 0 0 0;
    padding: 20px;
    text-align: center;
    border-radius: 6px;
  }
}

.product-sale {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background-color: #fbac36;
  color: #fff;
  font-weight: 300;
  text-align: center;
  line-height: 20px;
  min-width: 20px;
  border-radius: 20px;
  padding: 10px;
}

.form-container {
  display: block;
  padding: 0 20px 20px 20px;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
@media only screen and (max-width: 759px) {
  .form-container {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .form-container {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .form-container {
    margin-top: 30px;
  }
}
.form-container:before, .form-container:after {
  content: "";
  display: table;
  clear: both;
}
.form-container H1:first-child, .form-container H2:first-child, .form-container H3:first-child, .form-container H4:first-child, .form-container H5:first-child, .form-container H6:first-child {
  margin-top: 20px;
}

.form-list {
  padding: 0;
  margin: 0 -10px;
  line-height: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.form-list > LI {
  flex: 1 1 100%;
  padding: 0 10px;
  margin: 20px 0 0 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.form-list > LI.split {
  flex: 1 1 50%;
  min-width: 250px;
}
.form-list LABEL {
  display: block;
  padding: 0 0 5px 0;
  line-height: inherit;
}
.form-list LABEL EM {
  float: right;
  color: #FB3664;
}
.form-list INPUT, .form-list SELECT, .form-list TEXTAREA {
  border: 0 none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  font-size: 16px;
  margin: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  height: 40px;
  line-height: 40px;
  border-radius: 6px;
}
.form-list INPUT:focus, .form-list SELECT:focus, .form-list TEXTAREA:focus {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.form-list INPUT {
  padding: 0 10px;
}
.form-list INPUT:not(:last-child) {
  padding-right: 50px;
}
.form-list INPUT[type=checkbox] {
  position: absolute;
  right: 100%;
  bottom: 100%;
}
.form-list INPUT[type=checkbox] + LABEL {
  position: relative;
  padding: 0 0 0 30px;
  display: block;
}
.form-list INPUT[type=checkbox] + LABEL:before, .form-list INPUT[type=checkbox] + LABEL:after {
  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
}
.form-list INPUT[type=checkbox] + LABEL:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.form-list INPUT[type=checkbox] + LABEL:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: #00adef;
  border-radius: 3px;
  opacity: 0;
}
.form-list INPUT[type=checkbox]:checked + LABEL:after {
  opacity: 1;
}
.form-list INPUT[type=checkbox]:focus + LABEL:before {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.form-list SELECT {
  padding: 0 30px 0 10px;
  background: rgba(0, 0, 0, 0.05) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0hJREFUeNrsnU9LFVEYh19Lglzkql2LFi6CNm4iEPonGEkWlRSBUUSfQPwI9RHKZREVFIRgBFGBhUEhbloYtmgR1M6VCgmC3d6Xc4ZI7507c2fmzHTneeCH13u9M+N5nJkz7z1n7Gk0GgLVYRdNgBBACEIAIQgBhCAEEIIQQAggBCGAEIQAQhACCEEIIAQQ8j/QU/UNrNuomDz3kAnNNf7Gs9Gb03LOax76x2uaFzRteYesYc1LzV7//YZmTDPHISu8kCOat5r+bc+vakY0iwgJJ+SQZl6zv8XrK5oTmmWEFC/kgOaT/xrHT82Q5gdCiutl2R7xLoGMSNxczF4EGYXYueKNZiDFewb8e/pp7nyF9Pnu7GAH6xn07+2jyfMRskfzVHM8w7rsvc/8siCDEDvx39ecy2F9Y35Z1NAyCLknriySF7asuzR9Z9y2nmdBuZO021unxDFZoIwokwj5N60uDG9oHkjx5XmTclP+Fia5Um/ynFVuZzS7A23DlmZcM4uQnUKscvuqhK7ppmZUmlSI6yzkqL+i3lfStqyLqxAvIETksK9PlV1zWvF76VKdhRzUfJBkxcIQWIX4mOZ7XYW8lnTFwhB801zU/KKXVTH4PAQQAghBCCAEIYAQhABCEAIIAY/ND6l0cbFuQii/V/CQZb/4GXEfDpWNbcNoJKPO55Av4kYmrpW4Let+G5Y4qTsW/HF7s4TtsHVekG2fp9PLcqM+LosbmhMKW9cVyWlOYjd2e23awC1xg9iKpuHXNYuK+OsQG0k4FWD9UxIzahF2wmDrCg22jpguQMZ04mMag62bXjw+kvzmiDzRXNf8TiqkblfqSbCxvs8l+ywqu+PDeJquNUJaYxM2bSB2p/MM5/1VeKr6FELisanN7yX9TNzPmpPibrkhCMlPiGEDsj9K8gqxVW6HOq2VMXKxPdawp8RVZdthPzMs1Shcdq2QqKFH2jS0vXZaMtznBCHp+Ko52+K8sOpfW6aJwwkx7H5Yl8TdtCxiwz+3SPOGF2JYlfaquKrtln9M5TZgL6sVE355j/PcQLq9FaNuQnr5b9Hddw4BhCAEEIIQQAggBCGAEIQAQhACCEEIIAQQghBACEIAIQiBwvkjwADC29+cE6oYuwAAAABJRU5ErkJggg==) 100% 50% no-repeat;
  background-size: auto 16px;
}
.form-list SELECT::-ms-expand {
  display: none;
}
.form-list TEXTAREA {
  line-height: 20px;
  padding: 10px;
  height: 150px;
}

.form-toggler {
  position: relative;
  overflow: hidden;
  margin: 20px 0 0 0;
  line-height: 20px;
}
.form-toggler > INPUT[type=checkbox] {
  position: absolute;
  right: 100%;
  bottom: 100%;
}
.form-toggler > INPUT[type=checkbox] + LABEL {
  position: relative;
  padding: 0 0 0 30px;
  display: block;
  line-height: inherit;
}
.form-toggler > INPUT[type=checkbox] + LABEL:before, .form-toggler > INPUT[type=checkbox] + LABEL:after {
  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
}
.form-toggler > INPUT[type=checkbox] + LABEL:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.form-toggler > INPUT[type=checkbox] + LABEL:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: #00adef;
  border-radius: 3px;
  opacity: 0;
}
.form-toggler > INPUT[type=checkbox]:checked + LABEL:after {
  opacity: 1;
}
.form-toggler > INPUT[type=checkbox]:checked + LABEL ~ * {
  display: block;
}
.form-toggler > INPUT[type=checkbox]:focus + LABEL:before {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.form-toggler__content {
  display: none;
}

.form-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 10px -10px 0 0;
}
.form-buttons > LI {
  flex: 0 0 auto;
  margin: 10px 10px 0 0;
}
.form-buttons__button {
  font-weight: 600;
  display: block;
  padding: 0 30px;
  line-height: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #00adef;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  outline: none;
}
.form-buttons__button.intent-primary {
  background-color: #00adef;
  color: #fff;
}
.form-buttons__button.intent-primary:hover {
  background-color: #009bd6;
  text-decoration: none;
}
.form-buttons__button:focus {
  box-shadow: inset 0 0 0 1px #00adef, 0 0 0 3px rgba(0, 173, 239, 0.2);
}
.form-buttons__button:hover {
  text-decoration: none;
}
.form-buttons__button[disabled], .form-buttons__button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.form-buttons__social {
  font-weight: 600;
  display: block;
  padding: 0 20px 0 40px;
  line-height: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #00adef;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  outline: none;
}
.form-buttons__social.intent-primary {
  background-color: #00adef;
  color: #fff;
  font-weight: 700;
}
.form-buttons__social.intent-primary:hover {
  background-color: #009bd6;
  text-decoration: none;
}
.form-buttons__social:focus {
  box-shadow: inset 0 0 0 1px #00adef, 0 0 0 3px rgba(0, 173, 239, 0.2);
}
.form-buttons__social:hover {
  text-decoration: none;
}
.form-buttons__social.facebook {
  background: rgb(24, 119, 242) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMDI0IDUxMkMxMDI0IDIyOS4yMyA3OTQuNzcgMCA1MTIgMFMwIDIyOS4yMyAwIDUxMmMwIDI1NS41NTQgMTg3LjIzMSA0NjcuMzcgNDMyIDUwNS43NzhWNjYwSDMwMlY1MTJoMTMwVjM5OS4yQzQzMiAyNzAuODggNTA4LjQzOSAyMDAgNjI1LjM4OSAyMDAgNjgxLjQwOCAyMDAgNzQwIDIxMCA3NDAgMjEwdjEyNmgtNjQuNTYzQzYxMS44MzUgMzM2IDU5MiAzNzUuNDY3IDU5MiA0MTUuOTU3VjUxMmgxNDJsLTIyLjcgMTQ4SDU5MnYzNTcuNzc4QzgzNi43NjkgOTc5LjM3IDEwMjQgNzY3LjU1NCAxMDI0IDUxMnoiLz48L3N2Zz4K) 10px 10px no-repeat;
  background-size: 20px 20px;
  color: #fff;
  box-shadow: none;
}
.form-buttons__social.google {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1NTdFQkYiIGQ9Ik00OTkuOTE2IDI2MS45NDVjMC0xOC4wMjUtMS42MTgtMzUuMzU3LTQuNjIyLTUxLjk5NkgyNTUuODgydjk4LjMzaDEzNi44MDdjLTUuODkzIDMxLjc3NS0yMy44MDMgNTguNjk3LTUwLjcyNSA3Ni43MjN2NjMuNzgyaDgyLjE1M2M0OC4wNjgtNDQuMjU1IDc1Ljc5OS0xMDkuNDIzIDc1Ljc5OS0xODYuODM5eiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMzZBODUyIiBkPSJNMjU1Ljg4MiA1MTAuMzdjNjguNjM0IDAgMTI2LjE3Ni0yMi43NjMgMTY4LjIzNS02MS41ODZsLTgyLjE1My02My43ODJjLTIyLjc2MyAxNS4yNTItNTEuODggMjQuMjY1LTg2LjA4MiAyNC4yNjUtNjYuMjA4IDAtMTIyLjI0OC00NC43MTYtMTQyLjIzNy0xMDQuOEgyOC43MTh2NjUuODYxQzcwLjU0NiA0NTMuNDA1IDE1Ni41MTMgNTEwLjM3IDI1NS44ODIgNTEwLjM3eiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRjlCQzE1IiBkPSJNMTEzLjY0NSAzMDQuNDY2Yy01LjA4NC0xNS4yNTItNy45NzMtMzEuNTQ0LTcuOTczLTQ4LjI5OHMyLjg4OS0zMy4wNDYgNy45NzMtNDguMjk4di02NS44NjFIMjguNzE4QzExLjUwMiAxNzYuMzI2IDEuNjggMjE1LjE1IDEuNjggMjU2LjE2OXM5LjgyMSA3OS44NDIgMjcuMDM4IDExNC4xNmw4NC45MjctNjUuODYzeiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRUE0NTM1IiBkPSJNMjU1Ljg4MiAxMDMuMDY5YzM3LjMyMSAwIDcwLjgzIDEyLjgyNiA5Ny4xNzQgMzguMDE1bDcyLjkxLTcyLjkxQzM4MS45NDMgMjcuMTU1IDMyNC40MDEgMS45NjYgMjU1Ljg4MiAxLjk2NmMtOTkuMzcgMC0xODUuMzM2IDU2Ljk2NC0yMjcuMTY0IDE0MC4wNDJsODQuOTI2IDY1Ljg2MWMxOS45OS02MC4wODMgNzYuMDMtMTA0LjggMTQyLjIzOC0xMDQuOHoiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMS42ODEgMS45NjZoNTA4LjQwM1Y1MTAuMzdIMS42ODFWMS45NjZ6Ii8+PC9zdmc+Cg==) 10px 10px no-repeat;
  background-size: 20px 20px;
}
@media only screen and (max-width: 759px) {
  .form-buttons {
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
  }
  .form-buttons__button {
    width: 100%;
  }
}

@media only screen and (min-width: 760px) {
  .layout-browse {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-top: 1px solid #dbdbdb;
  }
  .layout-browse__sidebar {
    flex: 0 0 280px;
    overflow: hidden;
    padding-right: 20px;
  }
  .layout-browse__main {
    flex: 1 1 auto;
  }
}

.layout-grid {
  flex: 1 0 auto;
}
@media only screen and (max-width: 759px) {
  .layout-grid {
    margin: 0 -20px;
  }
  .layout-grid__container {
    padding: 12px 0 0 0;
  }
}
@media only screen and (min-width: 760px) {
  .layout-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 0 0 12px;
    margin: 0 -12px 0 -12px;
  }
  .layout-grid__container {
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 12px 12px 0 0;
    display: flex;
    flex-direction: column;
  }
  .layout-grid__container.wide {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 759px) {
  .layout-grid {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .layout-grid {
    margin-top: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-grid {
    margin-top: 18px;
  }
}

.layout-products__list {
  flex: 1 0 auto;
}
@media only screen and (max-width: 759px) {
  .layout-products__list {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .layout-products__list {
    margin-top: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-products__list {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 759px) {
  .layout-products__list {
    margin: 0 -20px;
  }
}
@media only screen and (min-width: 760px) {
  .layout-products__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 0 0 12px;
    margin: 0 -12px 0 -12px;
  }
}
.layout-products__list.light {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 759px) {
  .layout-products__list.light {
    margin: 0 -20px 0 -21px;
  }
  .layout-products__list.light .box-product {
    padding: 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 760px) {
  .layout-products__list.light {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
}
.layout-products__list.list {
  display: block;
}
.layout-products__list.standalone {
  margin-top: 18px;
}
@media only screen and (max-width: 759px) {
  .layout-products__container {
    padding: 12px 0 0 0;
  }
}
@media only screen and (min-width: 760px) {
  .layout-products__container {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    box-sizing: border-box;
    padding: 12px 12px 0 0;
    display: flex;
    flex-direction: column;
  }
  .layout-products__container.wide {
    flex: 0 0 66.666%;
    max-width: 66.666%;
  }
}
.layout-products__list.light .layout-products__container {
  box-sizing: border-box;
  padding: 0;
}
@media only screen and (max-width: 759px) {
  .layout-products__list.light .layout-products__container {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0;
  }
}
@media only screen and (max-width: 1280px) {
  .layout-products__list.light .layout-products__container {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.layout-products__list.list .layout-products__container {
  max-width: 100%;
  padding: 0;
}

@media only screen and (min-width: 760px) {
  .layout-product {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
  }
  .layout-product__image {
    flex: 1 1 50%;
    margin-left: 40px;
    font-size: 12px;
    line-height: 1.5;
  }
  .layout-product__content {
    flex: 1 1 50%;
  }
}
.layout-product H1 {
  font-size: 32px;
}
.layout-product__image {
  position: relative;
}
.layout-product__image .product-sale {
  top: 30px;
  transform: scale(1.5);
}
.layout-product__code {
  margin: 0 !important;
  opacity: 0.5;
  font-size: 13px;
}

.layout-login {
  flex: 1 0 auto;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  margin: 0 -10px;
}
@media only screen and (min-width: 760px) {
  .layout-login {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.layout-login__column {
  flex: 1 1 50%;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 6px;
}
@media only screen and (max-width: 759px) {
  .layout-login__column {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .layout-login__column {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-login__column {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (max-width: 759px) {
  .layout-login__column {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .layout-login__column {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-login__column {
    margin-top: 30px;
  }
}
.layout-login__column.secondary {
  background-color: rgba(0, 0, 0, 0.03);
  box-shadow: none;
}
@media only screen and (max-width: 759px) {
  .layout-login__column H2 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .layout-login__column H2 {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-login__column H2 {
    margin-top: 30px;
  }
}
.layout-login__column H3 {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 5px;
  margin-top: 30px;
}

.layout-stores {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 -8px 0 0;
}
.layout-stores > LI {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  box-sizing: border-box;
  padding: 28px 28px 20px 20px;
  position: relative;
  z-index: 0;
}
.layout-stores > LI:before {
  content: "";
  position: absolute;
  left: 0;
  right: 8px;
  top: 8px;
  bottom: 0;
  background-color: #fafafa;
  z-index: -1;
  border-radius: 6px;
}
@media only screen and (max-width: 759px) {
  .layout-stores > LI {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.layout-stores H1, .layout-stores H2, .layout-stores H3, .layout-stores H4, .layout-stores H5 {
  margin-top: 20px;
  font-size: 18px;
}
.layout-stores P {
  margin: 10px 0 0 0;
}
.layout-stores P.description {
  color: #8b8b8b;
  margin: 5px 0 10px 0;
}
.layout-stores A {
  color: inherit;
}
.layout-stores A:hover {
  color: #00adef;
}
.layout-stores .image {
  padding: 60% 0 0 0;
  display: block;
  background: 50% 50% no-repeat;
  background-size: cover;
  margin: -20px -20px 0 -20px;
  border-radius: 6px 6px 0 0;
}

.layout-contacts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 -20px;
  text-align: center;
}
.layout-contacts.centered {
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .layout-contacts.in-3-columns > LI {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
.layout-contacts > LI {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
  padding: 40px 20px 0 20px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .layout-contacts > LI {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 759px) {
  .layout-contacts > LI {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 450px) and (max-width: 759px) {
  .layout-contacts > LI {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.layout-contacts H1, .layout-contacts H2, .layout-contacts H3, .layout-contacts H4, .layout-contacts H5 {
  margin-top: 20px;
  font-size: 18px;
}
.layout-contacts P {
  margin: 10px 0 0 0;
}
.layout-contacts P.description {
  color: #8b8b8b;
  margin: 0 0 10px 0;
}
.layout-contacts A {
  color: inherit;
}
.layout-contacts A:hover {
  color: #00adef;
}
.layout-contacts .image {
  display: block;
  background: 50% 50% no-repeat;
  background-size: cover;
  margin: 0 auto;
  border-radius: 50%;
  width: 200px;
  height: 200px;
}
@media only screen and (min-width: 450px) and (max-width: 759px) {
  .layout-contacts .image {
    width: 150px;
    height: 150px;
  }
}
.layout-contacts .logo {
  display: block;
  background: 50% 50% no-repeat;
  background-size: contain;
  margin: 0 auto;
  width: 200px;
  height: 100px;
}
@media only screen and (min-width: 450px) and (max-width: 759px) {
  .layout-contacts .logo {
    width: 200px;
    height: 100px;
  }
}

@media only screen and (min-width: 1024px) {
  .layout-cart {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
  }
  .layout-cart__sidebar {
    flex: 0 0 280px;
    padding-left: 40px;
    position: relative;
  }
  .layout-cart__sidebar > * {
    position: sticky;
    top: 100px;
  }
  .layout-cart__main {
    flex: 1 1 auto;
  }
}

.layout-compare {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 -8px;
  font-size: 17px;
  line-height: 1.5;
}
.layout-compare__column {
  flex: 1 1 33.333%;
  max-width: 33.333%;
  box-sizing: border-box;
  padding: 0 8px;
}
@media only screen and (max-width: 759px) {
  .layout-compare__column {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .layout-compare__column:nth-child(3) {
    display: none;
  }
}
.layout-compare SELECT {
  border: 0 none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  font-size: inherit;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  width: 100%;
  font-weight: 700;
  padding: 0 30px 0 20px;
  height: 50px;
  line-height: 50px;
  border-radius: 6px;
  margin: 0 7px 0 0;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0hJREFUeNrsnU9LFVEYh19Lglzkql2LFi6CNm4iEPonGEkWlRSBUUSfQPwI9RHKZREVFIRgBFGBhUEhbloYtmgR1M6VCgmC3d6Xc4ZI7507c2fmzHTneeCH13u9M+N5nJkz7z1n7Gk0GgLVYRdNgBBACEIAIQgBhCAEEIIQQAggBCGAEIQAQhACCEEIIAQQ8j/QU/UNrNuomDz3kAnNNf7Gs9Gb03LOax76x2uaFzRteYesYc1LzV7//YZmTDPHISu8kCOat5r+bc+vakY0iwgJJ+SQZl6zv8XrK5oTmmWEFC/kgOaT/xrHT82Q5gdCiutl2R7xLoGMSNxczF4EGYXYueKNZiDFewb8e/pp7nyF9Pnu7GAH6xn07+2jyfMRskfzVHM8w7rsvc/8siCDEDvx39ecy2F9Y35Z1NAyCLknriySF7asuzR9Z9y2nmdBuZO021unxDFZoIwokwj5N60uDG9oHkjx5XmTclP+Fia5Um/ynFVuZzS7A23DlmZcM4uQnUKscvuqhK7ppmZUmlSI6yzkqL+i3lfStqyLqxAvIETksK9PlV1zWvF76VKdhRzUfJBkxcIQWIX4mOZ7XYW8lnTFwhB801zU/KKXVTH4PAQQAghBCCAEIYAQhABCEAIIAY/ND6l0cbFuQii/V/CQZb/4GXEfDpWNbcNoJKPO55Av4kYmrpW4Let+G5Y4qTsW/HF7s4TtsHVekG2fp9PLcqM+LosbmhMKW9cVyWlOYjd2e23awC1xg9iKpuHXNYuK+OsQG0k4FWD9UxIzahF2wmDrCg22jpguQMZ04mMag62bXjw+kvzmiDzRXNf8TiqkblfqSbCxvs8l+ywqu+PDeJquNUJaYxM2bSB2p/MM5/1VeKr6FELisanN7yX9TNzPmpPibrkhCMlPiGEDsj9K8gqxVW6HOq2VMXKxPdawp8RVZdthPzMs1Shcdq2QqKFH2jS0vXZaMtznBCHp+Ko52+K8sOpfW6aJwwkx7H5Yl8TdtCxiwz+3SPOGF2JYlfaquKrtln9M5TZgL6sVE355j/PcQLq9FaNuQnr5b9Hddw4BhCAEEIIQQAggBCGAEIQAQhACCEEIIAQQghBACEIAIQiBwvkjwADC29+cE6oYuwAAAABJRU5ErkJggg==) 100% 50% no-repeat;
  background-size: auto 16px;
}
.layout-compare SELECT::-ms-expand {
  display: none;
}
.layout-compare P {
  margin-top: 30px;
}
.layout-compare .box-product {
  background-color: transparent;
  padding: 0;
  margin: 30px 0 0 0;
}
.layout-compare .box-product__swatches {
  margin-top: 30px;
  align-items: flex-start;
  justify-content: flex-start;
}

.layout-addresses {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.layout-addresses > LI {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 0 8px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1023px) {
  .layout-addresses > LI {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.layout-addresses P + P {
  margin-top: 10px;
}

@media only screen and (min-width: 1024px) {
  .global-frame-checkout BODY {
    height: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .global-frame-checkout .column.main {
    flex: 1 0 auto;
  }
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
/* Document handling */
.overlayopen {
  pointer-events: none;
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
  -ms-overflow-style: none;
  position: relative;
}
.overlayopen BODY {
  padding-right: 0 !important;
  overflow: initial !important;
}
.overlayopen .scrollroot,
.overlayopen .epharmacy-root, .overlayopen .ecommerce-root {
  position: relative;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
  scroll-behavior: auto;
  pointer-events: none;
}
.overlayopen .bp5-overlay .overlayholder {
  position: absolute;
}
@media only screen and (max-width: 1023px) {
  .overlayopen .scrollroot,
  .overlayopen .epharmacy-root, .overlayopen .ecommerce-root {
    position: absolute;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
    scroll-behavior: auto;
    pointer-events: none;
  }
}

/* Blueprint overlay */
.bp5-overlay {
  display: inline;
}
.bp5-overlay:not(.bp5-overlay-open) {
  pointer-events: none;
}
.bp5-overlay:focus {
  outline: none;
}
.bp5-overlay .overlayholder {
  inset: 0;
  position: fixed;
  margin-right: calc(100% - 100vw) !important;
}
@media only screen and (max-width: 1023px) {
  .bp5-overlay .overlayholder {
    position: absolute;
  }
}

.bp5-overlay-open {
  pointer-events: auto;
}
.bp5-overlay-open .bp5-overlay-content {
  pointer-events: auto;
}

.bp5-overlay-backdrop {
  display: none;
  inset: 0;
  position: absolute;
  z-index: 16000020;
  background-color: rgba(196, 196, 196, 0.8);
  overflow: auto;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bp5-overlay-backdrop:focus {
  outline: none;
}
.bp5-overlay-inline .bp5-overlay-backdrop {
  position: absolute;
}

.overlayholder {
  max-width: 100vw;
}

.overlayholder-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 1;
}
.overlayholder-backdrop.bp5-overlay-enter, .overlayholder-backdrop.bp5-overlay-appear {
  opacity: 0;
}
.overlayholder-backdrop.bp5-overlay-enter-active, .overlayholder-backdrop.bp5-overlay-appear-active {
  opacity: 1;
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.overlayholder-backdrop.bp5-overlay-exit {
  opacity: 1;
}
.overlayholder-backdrop.bp5-overlay-exit-active {
  opacity: 0;
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}

.bp5-overlay-content:focus {
  outline: none;
}

.bp5-dialog-container {
  opacity: 1;
  transform: scale(1);
}
.bp5-dialog-container.bp5-overlay-enter, .bp5-dialog-container.bp5-overlay-appear {
  opacity: 0;
  transform: scale(0.5);
}
.bp5-dialog-container.bp5-overlay-enter-active, .bp5-dialog-container.bp5-overlay-appear-active {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.bp5-dialog-container.bp5-overlay-exit {
  opacity: 1;
  transform: scale(1);
}
.bp5-dialog-container.bp5-overlay-exit-active {
  opacity: 0;
  transform: scale(0.5);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

/* Focusview layout */
.overlay-focusview {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 16000020;
}
.overlay-focusview-holder {
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.overlay-focusview-content {
  flex: 0 0 auto;
  margin: auto;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 759px) {
  .overlay-focusview-scroller {
    flex: 0 0 auto;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
}
@media only screen and (min-width: 760px) {
  .overlay-focusview-scroller {
    height: 100%;
    flex: 0 0 100%;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto;
  }
}
.overlay-focusview-close {
  position: absolute;
}
@media only screen and (max-width: 759px) {
  .overlay-focusview {
    opacity: 1;
    transform: translateY(0);
  }
  .bp5-overlay-enter .overlay-focusview .overlay-focusview-content, .bp5-overlay-appear .overlay-focusview .overlay-focusview-content {
    opacity: 0;
    transform: translateY(-20px);
  }
  .bp5-overlay-enter-active .overlay-focusview .overlay-focusview-content, .bp5-overlay-appear-active .overlay-focusview .overlay-focusview-content {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0;
    transition-duration: 250ms;
    transition-property: opacity, transform;
    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  .bp5-overlay-exit .overlay-focusview .overlay-focusview-content {
    opacity: 1;
    transform: translateY(0);
  }
  .bp5-overlay-exit-active .overlay-focusview .overlay-focusview-content {
    opacity: 0;
    transform: translateY(-20px);
    transition-delay: 0;
    transition-duration: 250ms;
    transition-property: opacity, transform;
    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
}
@media only screen and (min-width: 760px) {
  .overlay-focusview {
    transform: translateX(0);
    backgroundColor: 1;
  }
  .overlay-focusview-holder {
    background-color: rgba(196, 196, 196, 0.8);
  }
  .bp5-overlay-enter .overlay-focusview .overlay-focusview-content, .bp5-overlay-appear .overlay-focusview .overlay-focusview-content {
    transform: translateY(20px);
  }
  .bp5-overlay-enter-active .overlay-focusview .overlay-focusview-content, .bp5-overlay-appear-active .overlay-focusview .overlay-focusview-content {
    transform: translateX(0);
    transition-delay: 0;
    transition-duration: 250ms;
    transition-property: transform;
    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  .bp5-overlay-exit .overlay-focusview .overlay-focusview-content {
    transform: translateX(0);
  }
  .bp5-overlay-exit-active .overlay-focusview .overlay-focusview-content {
    transform: translateY(20px);
    transition-delay: 0;
    transition-duration: 250ms;
    transition-property: transform;
    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  .bp5-overlay-enter .overlay-focusview .overlay-focusview-holder, .bp5-overlay-appear .overlay-focusview .overlay-focusview-holder {
    backgroundColor: 0;
  }
  .bp5-overlay-enter-active .overlay-focusview .overlay-focusview-holder, .bp5-overlay-appear-active .overlay-focusview .overlay-focusview-holder {
    backgroundColor: 1;
    transition-delay: 0;
    transition-duration: 250ms;
    transition-property: backgroundColor;
    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  .bp5-overlay-exit .overlay-focusview .overlay-focusview-holder {
    backgroundColor: 1;
  }
  .bp5-overlay-exit-active .overlay-focusview .overlay-focusview-holder {
    backgroundColor: 0;
    transition-delay: 0;
    transition-duration: 250ms;
    transition-property: backgroundColor;
    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
}

/* Dialog layout */
.overlay-dialog {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 16000021;
  opacity: 1;
  transform: scale(1);
}
.overlay-dialog-holder {
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  -webkit-overflow-scrolling: auto;
  scroll-behavior: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (max-width: 759px) {
  .overlay-dialog-holder {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .overlay-dialog-holder {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .overlay-dialog-holder {
    padding: 10px 30px 30px 30px;
  }
}
.overlay-dialog-content {
  background-color: #fff;
  flex: 0 0 auto;
  width: 100%;
  max-width: 400px;
  margin: auto;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  padding: 50px;
  text-align: center;
}
@media only screen and (max-width: 759px) {
  .overlay-dialog-content {
    padding: 20px;
  }
}
.overlay-dialog-title {
  margin-top: 0;
}
.overlay-dialog-description {
  font-size: 16px;
}
.overlay-dialog-description:first-child {
  margin-top: 0;
}
.bp5-overlay-enter .overlay-dialog .overlay-dialog-content, .bp5-overlay-appear .overlay-dialog .overlay-dialog-content {
  opacity: 0;
  transform: scale(0.95);
}
.bp5-overlay-enter-active .overlay-dialog .overlay-dialog-content, .bp5-overlay-appear-active .overlay-dialog .overlay-dialog-content {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.bp5-overlay-exit .overlay-dialog .overlay-dialog-content {
  opacity: 1;
  transform: scale(1);
}
.bp5-overlay-exit-active .overlay-dialog .overlay-dialog-content {
  opacity: 0;
  transform: scale(0.95);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

/* Main menu layout */
.overlay-mainmenu {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 16000022;
  box-sizing: border-box;
  opacity: 1;
  transform: translateY(0);
}
.overlay-mainmenu-holder {
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.overlay-mainmenu-content {
  flex: 0 0 auto;
  margin: 0 auto 0 0;
  height: 100%;
  overflow: hidden;
  max-width: 280px;
  display: flex;
  flex-direction: column;
}
.overlay-mainmenu-scroller {
  flex: 1 1 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  -ms-overflow-style: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
}
.overlay-mainmenu-noscroll {
  flex: 0 0 auto;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  -ms-overflow-style: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
}
@media only screen and (min-width: 760px) {
  .overlay-mainmenu-noscroll {
    overflow: hidden;
  }
}
.bp5-overlay-enter .overlay-mainmenu .overlay-mainmenu-content, .bp5-overlay-appear .overlay-mainmenu .overlay-mainmenu-content {
  opacity: 0;
  transform: translateX(-100px);
}
.bp5-overlay-enter-active .overlay-mainmenu .overlay-mainmenu-content, .bp5-overlay-appear-active .overlay-mainmenu .overlay-mainmenu-content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.bp5-overlay-exit .overlay-mainmenu .overlay-mainmenu-content {
  opacity: 1;
  transform: translateY(0);
}
.bp5-overlay-exit-active .overlay-mainmenu .overlay-mainmenu-content {
  opacity: 0;
  transform: translateX(-100px);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

/* Search layout */
.overlay-search {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 16000022;
  box-sizing: border-box;
  opacity: 1;
  transform: translateY(0);
}
.overlay-search-holder {
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.overlay-search-content {
  flex: 0 0 auto;
  margin: 0 auto 0 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.overlay-search-scroller {
  flex: 1 1 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  -ms-overflow-style: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
}
.overlay-search-noscroll {
  flex: 0 0 auto;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  -ms-overflow-style: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
}
@media only screen and (min-width: 760px) {
  .overlay-search-noscroll {
    overflow: hidden;
  }
}
.bp5-overlay-enter .overlay-search .overlay-search-content, .bp5-overlay-appear .overlay-search .overlay-search-content {
  opacity: 0;
  transform: translateY(-100px);
}
.bp5-overlay-enter-active .overlay-search .overlay-search-content, .bp5-overlay-appear-active .overlay-search .overlay-search-content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.bp5-overlay-exit .overlay-search .overlay-search-content {
  opacity: 1;
  transform: translateY(0);
}
.bp5-overlay-exit-active .overlay-search .overlay-search-content {
  opacity: 0;
  transform: translateY(-100px);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

/* Filter layout */
.overlay-category-tree {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 16000022;
  box-sizing: border-box;
  opacity: 1;
  transform: translateY(0);
}
.overlay-category-tree-holder {
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.overlay-category-tree-content {
  flex: 0 0 auto;
  margin: 0 auto 0 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.overlay-category-tree-scroller {
  flex: 1 1 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  -ms-overflow-style: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
}
.overlay-category-tree-noscroll {
  flex: 0 0 auto;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  -ms-overflow-style: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto;
}
@media only screen and (min-width: 760px) {
  .overlay-category-tree-noscroll {
    overflow: hidden;
  }
}
.bp5-overlay-enter .overlay-category-tree .overlay-category-tree-content, .bp5-overlay-appear .overlay-category-tree .overlay-category-tree-content {
  opacity: 0;
  transform: translateY(-100px);
}
.bp5-overlay-enter-active .overlay-category-tree .overlay-category-tree-content, .bp5-overlay-appear-active .overlay-category-tree .overlay-category-tree-content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.bp5-overlay-exit .overlay-category-tree .overlay-category-tree-content {
  opacity: 1;
  transform: translateY(0);
}
.bp5-overlay-exit-active .overlay-category-tree .overlay-category-tree-content {
  opacity: 0;
  transform: translateY(-100px);
  transition-delay: 0;
  transition-duration: 250ms;
  transition-property: opacity, transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.bp5-overlay .transition-from-bottom-enter, .bp5-overlay .transition-from-bottom-appear {
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateY(50px);
}
.bp5-overlay .transition-from-bottom-enter-active, .bp5-overlay .transition-from-bottom-appear-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms ease-in, transform 300ms ease-in;
}
.bp5-overlay .transition-from-bottom-exit {
  opacity: 1;
  transform: translateY(0);
}
.bp5-overlay .transition-from-bottom-exit-active {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 300ms ease-out, transform 300ms ease-out;
}
.bp5-overlay .transition-from-left-enter, .bp5-overlay .transition-from-left-appear {
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateX(-50px);
}
.bp5-overlay .transition-from-left-enter-active, .bp5-overlay .transition-from-left-appear-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 300ms ease-in, transform 300ms ease-in;
}
.bp5-overlay .transition-from-left-exit {
  opacity: 1;
  transform: translateX(0);
}
.bp5-overlay .transition-from-left-exit-active {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 300ms ease-out, transform 300ms ease-out;
}
.bp5-overlay .transition-from-right-enter, .bp5-overlay .transition-from-right-appear {
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateX(50px);
}
.bp5-overlay .transition-from-right-enter-active, .bp5-overlay .transition-from-right-appear-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 300ms ease-in, transform 300ms ease-in;
}
.bp5-overlay .transition-from-right-exit {
  opacity: 1;
  transform: translateX(0);
}
.bp5-overlay .transition-from-right-exit-active {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 300ms ease-out, transform 300ms ease-out;
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.bp5-popover-content {
  font-size: 13px;
  max-width: 400px;
}
.bp5-popover-target {
  outline: none;
  border: none;
}
.bp5-popover-target * {
  outline: none;
  border: none;
}
.bp5-popover-wrapper.underlined {
  position: relative;
}
.bp5-popover-wrapper.underlined:after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  border-bottom: 1px dashed red;
}

.popover-tooltip-popover.background-maroon .bp5-popover-arrow-fill {
  fill: red;
}
.popover-tooltip-popover.background-maroon .bp5-popover-content {
  background: red;
  color: #fff;
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.button {
  display: inline-block;
  border: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  margin: auto;
  background-color: transparent;
  white-space: nowrap;
  position: relative;
  transition: opacity 250ms ease-in-out 0ms;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 700;
  border-radius: 6px;
  font-size: 12px;
  text-transform: uppercase;
}
.button:hover {
  opacity: 0.8;
}
.button:focus {
  outline: none;
}
.button-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.button .text {
  flex: 0 0 auto;
}
.button .icon {
  flex: 0 0 auto;
  margin: 0 10px 0 0;
}
.button .icon path {
  fill: currentColor;
  stroke: currentColor;
}
.button .icon circle {
  fill: currentColor;
  stroke: currentColor;
}
.button .text,
.button .loader,
.button .icon {
  transition: all 250ms ease-in-out 0ms;
}
.button .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.button .loader svg {
  float: left;
}
.button .loader path, .button .loader circle, .button .loader line {
  fill: currentColor;
  stroke: currentColor;
}
.button.loading .text {
  opacity: 0;
}
.button.loading .loader {
  opacity: 1;
}
.button.loading .loader svg {
  animation: animation-spin 1s linear infinite;
}
.button.layout-default {
  background-color: #000;
  color: #000;
  max-width: 280px;
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
}
@media only screen and (max-width: 1023px) {
  .button.layout-default {
    padding: 0 20px;
  }
}
.button.layout-default .text, .button.layout-default .loader, .button.layout-default .icon {
  color: #fff;
}
.button.layout-default:before {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border-radius: 9px;
  background-color: currentColor;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease-in-out 0ms;
}
.button.layout-default:focus:before, .button.layout-default:hover:before {
  opacity: 0.5;
}
.button.layout-default.intent-default {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.button.layout-default.intent-primary {
  background-color: #00adef;
  color: #00adef;
}
.button.layout-default.intent-primary .text, .button.layout-default.intent-primary .loader, .button.layout-default.intent-primary .icon {
  color: #fff;
}
.button.layout-default.intent-success {
  background-color: #4FD966;
  color: #4FD966;
}
.button.layout-default.intent-success .text, .button.layout-default.intent-success .loader, .button.layout-default.intent-success .icon {
  color: #fff;
}
.button.layout-default.intent-danger {
  background-color: #FB3664;
  color: #FB3664;
}
.button.layout-default.intent-danger .text, .button.layout-default.intent-danger .loader, .button.layout-default.intent-danger .icon {
  color: #fff;
}
.button.layout-default.intent-discrete {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.button.layout-default.intent-discrete .text, .button.layout-default.intent-discrete .loader, .button.layout-default.intent-discrete .icon {
  color: #000;
}
.button.disabled {
  opacity: 0.3 !important;
  pointer-events: none;
  cursor: default;
}
.button.layout-link {
  color: #00adef;
  padding: 0;
  line-height: 40px;
  height: 40px;
}
.button.layout-link.intent-primary {
  color: #00adef;
  font-weight: 700;
}
.button.layout-link.intent-success {
  color: #4FD966;
}
.button.layout-link.intent-danger {
  color: #FB3664;
}
.button.layout-link.intent-discrete {
  color: #000;
}
.button.layout-link:focus {
  text-decoration: underline;
}
.button.size-small {
  line-height: 20px;
  height: 20px;
  font-size: 9px;
  padding: 0 10px;
}
.button.size-small.layout-link {
  padding: 0;
  font-size: 14px;
}
.button.size-small .loader svg {
  width: 12px;
  height: 12px;
}
.button.size-small .icon {
  width: 12px;
  height: 12px;
  margin-left: -5px;
  margin-right: 8px;
}
.button-tooltip, .button-tooltip .bp5-popover-target {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: transparent;
  border-radius: inherit;
}
.button-locked-tooltip-popover .bp5-popover-arrow {
  left: 14px !important;
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.buttons {
  padding: 0;
  margin: 10px -10px -10px -10px;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 759px) {
  .buttons {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .buttons {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .buttons {
    margin-top: 20px;
  }
}
.buttons.layout-reversed {
  flex-direction: row-reverse;
}
.buttons.layout-centered {
  flex-direction: row;
  justify-content: center;
}
.buttons.layout-vertical {
  flex-direction: row;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.buttons.layout-vertical-wide {
  margin: 0;
  display: block;
}
@media only screen and (max-width: 759px) {
  .buttons.layout-vertical-wide {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .buttons.layout-vertical-wide {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .buttons.layout-vertical-wide {
    margin-top: 30px;
  }
}
.buttons.layout-vertical-wide > LI {
  margin: 0;
}
.buttons.layout-vertical-wide > LI.primary + .primary {
  margin-top: 10px !important;
}
.buttons.layout-vertical-wide > LI.primary + .secondary {
  margin-top: 20px !important;
}
.buttons.layout-vertical-wide > LI.secondary + .secondary {
  margin-top: 0 !important;
}
.buttons.layout-vertical-wide > LI .button {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.buttons > LI {
  margin: 10px;
  flex: 0 0 auto;
  display: flex;
}
.buttons.size-small {
  margin: 5px -5px -5px -5px;
  flex-wrap: nowrap;
  flex-direction: row;
}
.buttons.size-small > LI {
  margin: 5px;
}
@media only screen and (max-width: 759px) {
  .buttons {
    flex-direction: column;
    margin: 10px 0 0 0;
  }
  .buttons.layout-default .button {
    width: 100%;
    display: block;
    max-width: 100%;
  }
  .buttons.layout-reversed {
    flex-direction: column-reverse;
  }
  .buttons.layout-reversed .button {
    width: 100%;
    display: block;
    max-width: 100%;
  }
  .buttons.layout-vertical {
    flex-direction: column;
  }
  .buttons.layout-center {
    flex-direction: column;
  }
  .buttons .button {
    margin: 0 !important;
  }
  .buttons .dropzone {
    flex: 1 1 auto;
  }
  .buttons .dropzone-root {
    display: flex;
  }
  .buttons > LI {
    margin: 10px 0 0 0;
  }
}
.layout-overlay {
  flex: 0 1 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}
.layout-overlay-inner, .layout-overlay-inner-wrapper {
  flex: 0 1 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (max-width: 759px) {
  .layout-overlay-heading {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
  }
}
@media only screen and (min-width: 760px) {
  .layout-overlay-heading {
    flex: 0 0 auto !important;
    position: relative;
    z-index: 1;
    overflow: visible !important;
  }
  .layout-overlay-heading .block-limiter {
    padding-bottom: 0 !important;
  }
}
.layout-overlay-content {
  position: relative;
  z-index: 0;
  flex: 1 1 auto !important;
  box-sizing: border-box;
}
@media only screen and (max-width: 759px) {
  .layout-overlay-content {
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto;
  }
}
@media only screen and (max-width: 759px) {
  .layout-overlay.size-small, .layout-overlay.size-medium, .layout-overlay.size-wide, .layout-overlay.size-max {
    background-color: #fff;
  }
}
@media only screen and (min-width: 760px) {
  .layout-overlay.size-small {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: 1 0 auto;
  }
  .layout-overlay.size-small .layout-overlay-inner {
    flex: 0 0 460px;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 760px) and (max-width: 759px) {
  .layout-overlay.size-small .layout-overlay-inner {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 760px) and (max-width: 1023px) {
  .layout-overlay.size-small .layout-overlay-inner {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 1024px) {
  .layout-overlay.size-small .layout-overlay-inner {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 759px) {
  .layout-overlay.size-small .layout-overlay-inner {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 760px) and (max-width: 1023px) {
  .layout-overlay.size-small .layout-overlay-inner {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 1024px) {
  .layout-overlay.size-small .layout-overlay-inner {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 760px) {
  .layout-overlay.size-small .layout-overlay-inner-wrapper {
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    background-color: #fff;
  }
  .layout-overlay.size-small .layout-overlay-content {
    overflow: hidden;
  }
  .layout-overlay.size-medium {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: 1 0 auto;
  }
  .layout-overlay.size-medium .layout-overlay-inner {
    flex: 0 0 600px;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 760px) and (max-width: 759px) {
  .layout-overlay.size-medium .layout-overlay-inner {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 760px) and (max-width: 1023px) {
  .layout-overlay.size-medium .layout-overlay-inner {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 1024px) {
  .layout-overlay.size-medium .layout-overlay-inner {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 759px) {
  .layout-overlay.size-medium .layout-overlay-inner {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 760px) and (max-width: 1023px) {
  .layout-overlay.size-medium .layout-overlay-inner {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 1024px) {
  .layout-overlay.size-medium .layout-overlay-inner {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 760px) {
  .layout-overlay.size-medium .layout-overlay-inner-wrapper {
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    background-color: #fff;
  }
  .layout-overlay.size-medium .layout-overlay-content {
    overflow: hidden;
  }
  .layout-overlay.size-wide {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: 1 0 auto;
  }
  .layout-overlay.size-wide .layout-overlay-inner {
    flex: 0 0 800px;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 760px) and (max-width: 759px) {
  .layout-overlay.size-wide .layout-overlay-inner {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 760px) and (max-width: 1023px) {
  .layout-overlay.size-wide .layout-overlay-inner {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 1024px) {
  .layout-overlay.size-wide .layout-overlay-inner {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 759px) {
  .layout-overlay.size-wide .layout-overlay-inner {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 760px) and (max-width: 1023px) {
  .layout-overlay.size-wide .layout-overlay-inner {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 760px) and (min-width: 1024px) {
  .layout-overlay.size-wide .layout-overlay-inner {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 760px) {
  .layout-overlay.size-wide .layout-overlay-inner-wrapper {
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    background-color: #fff;
  }
  .layout-overlay.size-wide .layout-overlay-content {
    overflow: hidden;
  }
  .layout-overlay.size-max {
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    flex: 1 0 auto;
  }
  .layout-overlay.size-max .layout-overlay-inner {
    flex: 0 0 100%;
    box-sizing: border-box;
  }
  .layout-overlay.size-max .layout-overlay-inner-wrapper {
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    background-color: #fff;
  }
  .layout-overlay.size-max .layout-overlay-content {
    overflow: hidden;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-overlay.size-small .block-limiter, .layout-overlay.size-medium .block-limiter, .layout-overlay.size-wide .block-limiter, .layout-overlay.size-max .block-limiter {
    padding: 0 50px 50px 50px;
  }
}
.heading-with-buttons {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
@media only screen and (max-width: 759px) {
  .heading-with-buttons {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .heading-with-buttons {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .heading-with-buttons {
    margin-top: 30px;
  }
}
.heading-with-buttons-heading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex: 1 1 auto;
}
.heading-with-buttons-heading-inner {
  flex: 1 1 auto;
}
.heading-with-buttons-heading-inner .heading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.heading-with-buttons-heading-inner .heading svg {
  flex: 0 0 auto;
  margin: 0 10px 0 0;
  width: 1.2em;
  height: 1.2em;
}
.heading-with-buttons-heading-inner .heading path {
  fill: currentColor;
}
.heading-with-buttons-heading-inner .heading .text {
  flex: 1 1 auto;
}
.heading-with-buttons-heading-icons {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.heading-with-buttons-heading-icons .button-icon {
  flex: 0 0 auto;
  margin-left: 5px;
}
.heading-with-buttons-heading-icons .button-icon.intent-default .button-icon-main {
  background-color: rgba(255, 255, 255, 0.2);
}
.heading-with-buttons-heading-icons .button-icon.intent-default .button-icon-main path {
  fill: #fff;
}
.heading-with-buttons-heading .description {
  margin: 0;
  color: #404040;
}
.heading-with-buttons-icons {
  flex: 0 0 auto;
  margin-left: 20px;
}
@media only screen and (max-width: 759px) {
  .heading-with-buttons {
    margin: 0 0 0 -20px;
  }
  .heading-with-buttons-heading {
    margin-left: 20px;
  }
  .heading-with-buttons-heading .heading {
    margin-top: 20px;
  }
  .heading-with-buttons-heading-icons {
    margin-top: 20px;
  }
  .heading-with-buttons .buttons {
    margin-left: 20px;
    display: block;
    flex: 1 1 auto;
  }
  .heading-with-buttons .buttons .button {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 450px) and (max-width: 759px) {
  .heading-with-buttons .buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -20px;
  }
  .heading-with-buttons .buttons > LI {
    flex: 1 1 50%;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .heading-with-buttons .buttons .button {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 760px) {
  .heading-with-buttons {
    min-height: 40px;
  }
  .heading-with-buttons-heading-inner {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .heading-with-buttons-heading .heading {
    flex: 0 0 auto;
    margin: 5px 0;
  }
  .heading-with-buttons-heading H3 {
    font-size: 20px;
  }
  .heading-with-buttons .buttons {
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 0 0 10px;
    align-self: flex-start;
  }
  .heading-with-buttons .buttons > LI {
    margin: 0 0 0 10px;
  }
}
.heading-with-buttons + .table-tools {
  margin-top: 10px;
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.button-icon {
  display: inline-block;
  border: none;
  cursor: pointer;
  margin: auto;
  background-color: transparent;
  white-space: nowrap;
  position: relative;
  transition: all 250ms ease-in-out 0ms;
  padding: 0;
}
.button-icon:hover {
  opacity: 0.8;
}
.button-icon-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.button-icon-main {
  flex: 0 0 auto;
  transition: all 250ms ease-in-out 0ms;
  height: 40px;
  width: 40px;
  border-radius: 6px;
  position: relative;
}
.button-icon-main svg {
  float: left;
  backface-visibility: hidden;
}
.button-icon-main path, .button-icon-main circle, .button-icon-main line {
  stroke: currentColor;
  fill: currentColor;
}
.button-icon-main .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.button-icon-main .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.button-icon-main .loader svg {
  width: 20px;
  height: 20px;
}
.button-icon-main:before {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border-radius: 9px;
  pointer-events: none;
  z-index: -1;
  background-color: currentColor;
  opacity: 0;
  transition: all 250ms ease-in-out 0ms;
}
.button-icon:focus .button-icon-main:before, .button-icon:hover .button-icon-main:before {
  opacity: 0.5;
}
.button-icon .label {
  flex: 0 0 auto;
  line-height: 20px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.button-icon:focus .label {
  text-decoration: underline;
}
.button-icon.loading .icon {
  opacity: 0;
}
.button-icon.loading .loader {
  opacity: 1;
}
.button-icon.loading .loader svg {
  animation: animation-spin 1s linear infinite;
}
.button-icon.size-large .button-icon-main {
  width: 60px;
  height: 60px;
}
.button-icon.size-large svg {
  width: 20px;
  height: 20px;
}
.button-icon.size-large .label {
  font-size: 20px;
}
.button-icon.size-large .loader svg {
  width: 30px;
  height: 30px;
}
.button-icon.size-medium .button-icon-main {
  width: 28px;
  height: 28px;
}
.button-icon.size-medium svg {
  width: 16px;
  height: 16px;
}
.button-icon.size-medium .label {
  font-size: 9px;
}
.button-icon.size-medium .loader svg {
  width: 16px;
  height: 16px;
}
.button-icon.size-small .button-icon-main {
  width: 20px;
  height: 20px;
}
.button-icon.size-small svg {
  width: 10px;
  height: 10px;
}
.button-icon.size-small .label {
  font-size: 9px;
}
.button-icon.size-small .loader svg {
  width: 14px;
  height: 14px;
}
.button-icon.intent-default .button-icon-main {
  background-color: rgba(0, 173, 239, 0.1);
}
.button-icon.intent-default:focus .button-icon-main {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5);
}
.button-icon.intent-secondary .button-icon-main {
  background-color: transparent;
  border: 1px solid #00adef;
}
.button-icon.intent-secondary svg path {
  fill: #00adef;
}
.button-icon.intent-secondary:focus .button-icon-main {
  box-shadow: 0 0 0 3px rgba(0, 173, 239, 0.5);
}
.button-icon.intent-primary .button-icon-main {
  background-color: #00adef;
  color: #00adef;
}
.button-icon.intent-primary:focus .button-icon-main {
  box-shadow: 0 0 0 3px rgba(0, 173, 239, 0.5);
}
.button-icon.intent-success .button-icon-main {
  background-color: #4FD966;
  color: #4FD966;
}
.button-icon.intent-success:focus .button-icon-main {
  box-shadow: 0 0 0 3px rgba(79, 217, 102, 0.5);
}
.button-icon.intent-danger .button-icon-main {
  background-color: #FB3664;
  color: #FB3664;
}
.button-icon.intent-danger:focus .button-icon-main {
  box-shadow: 0 0 0 3px rgba(251, 54, 100, 0.5);
}
.button-icon.intent-link:focus .button-icon-main {
  box-shadow: 0 0 0 3px rgba(0, 173, 239, 0.2);
}
.button-icon.disabled {
  opacity: 0.5 !important;
  pointer-events: none;
  cursor: default;
}
.button-icon.animation {
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
}
.button-icon.animation.bounce {
  animation: bounce-30px 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  animation-delay: 2s;
}
@keyframes bounce-30px {
  0%, 10%, 25%, 40%, 50% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(0, 0, 0) scaleY(0.9);
  }
  20% {
    transform: translate3d(0, -30px, 0);
  }
  30% {
    transform: translate3d(0, -15px, 0);
  }
}
.button-icon.layout-icon-only .button-icon-main {
  background-color: transparent !important;
}
.button-icon.layout-icon-only .button-icon-main .icon {
  transform: none;
  left: 10%;
  right: 10%;
  top: 10%;
  bottom: 10%;
}
.button-icon.layout-icon-only .button-icon-main svg {
  width: 100%;
  height: 100%;
}
.button-icon.layout-icon-only .button-icon-main path {
  fill: currentColor !important;
}
.button-icon.layout-icon-only.intent-primary .button-icon-main {
  color: #00adef !important;
}
.button-icon.layout-icon-only.intent-success .button-icon-main {
  color: #4FD966 !important;
}
.button-icon.layout-icon-only.intent-warning .button-icon-main {
  color: #fbac36 !important;
}
.button-icon.layout-icon-only.intent-danger .button-icon-main {
  color: #FB3664 !important;
}
.button-icon.layout-icon-only.intent-active .button-icon-main {
  color: #00adef !important;
}
.button-icon-tooltip, .button-icon-tooltip .bp5-popover-target {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: transparent;
  border-radius: inherit;
}
.button-icon-locked-tooltip-popover .bp5-popover-arrow {
  left: 14px !important;
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
.block {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}
.block:last-child {
  flex: 1 0 auto;
}
.block.theme-lightest {
  background-color: #fafafa;
}
.block.theme-lighter {
  background-color: #ededed;
}
.block.theme-light {
  background-color: #dbdbdb;
}
.block.theme-dark {
  background-color: #e1eaef;
  color: #fff;
}
.block.theme-darker {
  background-color: #00adef;
  color: #fff;
}
.block.theme-darkest {
  background-color: #000;
  color: #fff;
}
.block.theme-success {
  background-color: #4FD966;
  color: #fff;
}
.block.theme-warning {
  background-color: #fbac36;
  color: #fff;
}
.block.theme-danger {
  background-color: #FB3664;
  color: #fff;
}
.block-limiter {
  width: 100%;
  max-width: 1144px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}
.block-limiter:before, .block-limiter:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 759px) {
  .block-limiter {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .block-limiter {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .block-limiter {
    padding: 10px 30px 30px 30px;
  }
}

.alternate-blocks {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.alternate-blocks > .block.theme-default:nth-child(even) {
  background-color: #fafafa;
}
@media only screen and (max-width: 759px) {
  .collapsible {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .collapsible {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .collapsible {
    margin-top: 30px;
  }
}
.collapsible + .collapsible {
  margin-top: 8px !important;
}
.collapsible.layout-default {
  background-color: #fff;
  border-radius: 6px;
}
.collapsible.layout-default .collapsible-header.open {
  border-bottom: 1px solid #fafafa;
}
.collapsible.layout-default .collapsible-header-arrow {
  margin-top: 5px;
}
.collapsible.layout-filter-group + .collapsible.layout-filter-group {
  margin-top: 0 !important;
}
.collapsible.layout-filter-group + .collapsible.layout-filter-group .collapsible-header {
  border-top: none;
}
.collapsible.layout-filter-group .collapsible-header {
  padding: 10px 0;
  background-color: transparent;
  border: solid #dbdbdb;
  border-width: 1px 0;
  border-radius: 0;
}
.collapsible.layout-filter-group .collapsible-header-title {
  font-weight: 700;
  font-size: 13px;
}
.collapsible.layout-filter-group .collapsible-header-arrow {
  order: 10;
  padding: 5px 0 0 10px !important;
}
.collapsible.layout-filter-group .collapsible-header-arrow svg {
  width: 10px;
  height: 10px;
}
.collapsible.layout-filter-group .collapsible-header-arrow path {
  fill: #8b8b8b;
}
.collapsible.layout-filter-group .collapsible-body {
  border-bottom: 1px solid #dbdbdb;
  padding: 0 0 20px 0;
}
.collapsible.layout-menu-item {
  margin-top: 0 !important;
}
.collapsible.layout-menu-item > .collapsible-body .bp5-menu-item {
  padding-left: 40px;
}
.collapsible.layout-menu-item .collapsible-header-arrow {
  margin-top: 5px;
}
.collapsible-body {
  position: relative;
  z-index: 0;
}
.collapsible-body > .well {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.collapsible-body > .well:before {
  display: none;
}
.well .collapsible-body {
  padding-bottom: 12px;
}
.collapsible-header {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  align-items: flex-start;
  cursor: pointer;
}
.collapsible-header-arrow {
  flex: 0 0 auto;
  padding-right: 10px;
  display: flex;
  line-height: 1.4;
  font-size: inherit;
}
.collapsible-header-arrow path {
  fill: currentColor;
}
.collapsible-header-content {
  flex: 1 1 auto;
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.collapsible-header-title {
  flex: 0 1 auto;
  margin-right: 30px;
  line-height: 1.4;
}
.collapsible-header-description {
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.3;
  font-size: 12px;
}
.collapsible-header .checkbox-with-label {
  padding: 0;
  margin: 0;
}
.collapsible-header .buttons {
  margin: 0;
}
.collapsible-header .buttons > LI {
  margin: 0 0 0 5px;
}
.collapsible-header.layout-default {
  padding: 15px 20px;
}
.collapsible-header.layout-default .collapsible-header-title {
  font-weight: 600;
  font-size: 20px;
}
.collapsible-header.layout-menu-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.collapsible-header.layout-menu-item .collapsible-header-title {
  flex: 1 1 auto;
  margin: 0;
  line-height: 20px;
}
.collapsible-header.layout-menu-item .collapsible-header-arrow {
  padding: 14px;
  margin: 0 -14px 0 0 !important;
  opacity: 0.5;
}
.collapsible-header.layout-menu-item .collapsible-header-arrow svg {
  width: 12px;
  height: 12px;
  float: left;
}
.collapsible-header.layout-menu-item .collapsible-header-arrow path {
  fill: currentColor;
}
.well .collapsible-header {
  background-color: #fafafa;
  border-radius: 6px;
  border: none !important;
}
.control-input {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  cursor: text;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-color: #fff;
  transition: all 125ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
}
.control-input.focus {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3) !important;
  background-color: #fff;
}
.control-input-holder {
  flex: 1 1 auto;
}
.control-input-input {
  width: 100%;
  margin: 0;
  padding: 0 12px;
  font-size: inherit;
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  height: 40px;
  line-height: 40px;
  text-align: inherit;
  flex: 1 1 auto;
}
.control-input-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.control-input-input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.control-input-input::-ms-clear {
  display: none;
  appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
}
.control-input-input[value=""] ~ .control-input-addon {
  color: #000;
}
.control-input-input::-webkit-outer-spin-button, .control-input-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.control-input-input[type=number] {
  -moz-appearance: textfield;
}
.control-input.error-animated {
  transition: color 250ms;
}
.control-input.has-error {
  box-shadow: inset 0 0 0 1px rgba(251, 54, 100, 0.3);
  background-color: rgba(251, 54, 100, 0.07);
}
.control-input.has-error.focus {
  box-shadow: inset 0 0 0 1px #FB3664 !important;
  background-color: #fff;
}
.control-input.has-error:not(.has-value) ~ LABEL {
  color: #FB3664;
}
.control-input.has-error ~ .form-row-sub .form-row-addon {
  color: #FB3664;
}
.control-input.has-error.error-animated {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
.login-main .control-input.has-error.error-animated .control-input-input {
  color: #FB3664;
}
.control-input.has-value .control-input-addon {
  color: #000;
}
.control-input.disabled,
.control-input [disabled] {
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
}
.control-input.readonly,
.control-input [readonly] {
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
}
.control-input-addon, .control-input-addon-front {
  flex: 0 0 auto;
  pointer-events: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba(0, 0, 0, 0.3);
  position: relative;
}
.control-input-addon .loading-content, .control-input-addon-front .loading-content {
  width: 16px;
  height: 16px;
}
.control-input-addon A,
.control-input-addon BUTTON, .control-input-addon-front A,
.control-input-addon-front BUTTON {
  flex: 0 0 auto;
  background: transparent;
  border: none;
  outline: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  position: relative;
}
.control-input-addon A[disabled], .control-input-addon A:disabled,
.control-input-addon BUTTON[disabled],
.control-input-addon BUTTON:disabled, .control-input-addon-front A[disabled], .control-input-addon-front A:disabled,
.control-input-addon-front BUTTON[disabled],
.control-input-addon-front BUTTON:disabled {
  pointer-events: none;
}
.control-input-addon A[disabled] path, .control-input-addon A[disabled] circle, .control-input-addon A:disabled path, .control-input-addon A:disabled circle,
.control-input-addon BUTTON[disabled] path,
.control-input-addon BUTTON[disabled] circle,
.control-input-addon BUTTON:disabled path,
.control-input-addon BUTTON:disabled circle, .control-input-addon-front A[disabled] path, .control-input-addon-front A[disabled] circle, .control-input-addon-front A:disabled path, .control-input-addon-front A:disabled circle,
.control-input-addon-front BUTTON[disabled] path,
.control-input-addon-front BUTTON[disabled] circle,
.control-input-addon-front BUTTON:disabled path,
.control-input-addon-front BUTTON:disabled circle {
  fill: #e1eaef;
}
.control-input-addon A:before,
.control-input-addon BUTTON:before, .control-input-addon-front A:before,
.control-input-addon-front BUTTON:before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -10px;
}
.control-input-addon svg, .control-input-addon-front svg {
  float: left;
}
.control-input-addon path, .control-input-addon circle, .control-input-addon-front path, .control-input-addon-front circle {
  fill: currentColor;
  stroke: currentColor;
}
.control-input-addon BUTTON, .control-input-addon-front BUTTON {
  cursor: pointer;
  pointer-events: auto;
  color: #00adef;
}
.control-input-addon A, .control-input-addon-front A {
  cursor: pointer;
  pointer-events: auto;
  color: #00adef;
}
.control-input-addon SPAN, .control-input-addon-front SPAN {
  white-space: nowrap;
}
.control-input-addon {
  padding-right: 12px;
}
.control-input-addon path, .control-input-addon circle {
  fill: currentColor;
  stroke: currentColor;
}
.control-input-addon BUTTON {
  color: currentColor;
}
.control-input-addon-front {
  padding-left: 12px;
}
.layout-form {
  display: flex;
  flex-direction: column;
}
.layout-form:empty {
  display: none;
}
.layout-form:empty + HR {
  display: none;
}
@media only screen and (max-width: 759px) {
  .layout-form-default {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .layout-form-default {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-form-default {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) {
  .layout-form-default .form-row {
    margin: 10px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .layout-form-default .form-row-label {
    flex: 0 0 200px;
    line-height: 20px;
    padding: 10px 20px 10px 0;
  }
  .layout-form-default .form-row-main {
    flex: 1 1 auto;
  }
  .layout-form-default .form-row-items {
    flex: 1 1 auto;
  }
}
@media only screen and (max-width: 759px) {
  .layout-form-vertical {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .layout-form-vertical {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-form-vertical {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 760px) {
  .layout-form-filter {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px -10px -10px -10px;
  }
  .layout-form-filter .form-row {
    flex: 0 1 290px;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
  }
  .layout-form-filter .form-row-items {
    overflow: hidden;
  }
}
.layout-form-filter .form-row-label {
  line-height: 16px;
  font-size: 13px;
}
@media only screen and (min-width: 760px) {
  .layout-form-has-columns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
    position: relative;
  }
}
@media only screen and (max-width: 759px) {
  .layout-form-nolabels {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .layout-form-nolabels {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-form-nolabels {
    margin-top: 20px;
  }
}
.layout-form-nolabels .form-row {
  margin-top: 10px;
}
.layout-form-nolabels .form-row-label {
  display: none !important;
}
@media only screen and (max-width: 759px) {
  .layout-form-details {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1023px) {
  .layout-form-details {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .layout-form-details {
    margin-top: 30px;
  }
}
.layout-form-details .form-row {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
.layout-form-details .form-row-label {
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
}
.layout-form-details .form-row-items {
  flex: 1 1 auto;
  text-align: right;
  padding: 0;
  margin: 0 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-form-details .form-row-value {
  padding: 0;
  font-weight: 700;
}
.layout-form-details .form-row.is-important {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 5px;
}
.layout-form-details .form-row.is-important + .form-row {
  margin-top: 10px;
}
@media only screen and (min-width: 760px) {
  .layout-form-column {
    flex: 1 1 50%;
    padding-right: 40px;
  }
}
.form-row {
  margin-top: 20px;
  position: relative;
  line-height: 20px;
  pointer-events: auto;
}
.form-row > .form-row-label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-bottom: 3px;
}
.form-row > .form-row-label .form-row-required {
  line-height: 1.15;
}
.form-row.has-error > .form-row-label {
  color: #FB3664;
}
.form-row.is-important {
  font-weight: 700;
  font-size: 120%;
}
.form-row .control-range {
  margin: 0;
  padding: 13px 0 0 0;
}
.form-row-value {
  line-height: 20px;
  padding: 10px;
  padding-left: 0;
  padding-right: 0;
}
.form-row-sub {
  font-size: 12px;
  line-height: 16px;
  padding: 5px 0;
}
.form-row-error {
  margin: 0;
  padding-top: 5px;
  color: #FB3664;
}
.form-row-description {
  margin: 0;
  padding-top: 5px;
  color: #4d4d4d;
}
.form-row-main {
  position: relative;
}
.form-row-required {
  color: #FB3664;
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 10px;
  line-height: 40px;
  font-weight: 700;
  font-size: 20px;
}
@media only screen and (max-width: 759px) {
  .form-row-required {
    margin-right: 5px;
  }
}

.layout-form.layout-form-default .form-row.has-value .form-row-value {
  font-weight: 700;
}

.layout-form.layout-form-filter .form-row.width-wide {
  flex-basis: 50%;
}

.layout-form.layout-form-vertical HR {
  margin-top: 10px;
}
.layout-form.layout-form-vertical .form-row.has-value .form-row-value {
  font-weight: 700;
}
.form-row-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 -5px;
}
.form-row-group-item {
  flex: 1 1 auto;
  margin-left: 5px;
  margin-right: 5px;
}
.form-row-group-item.small {
  flex: 0 0 auto;
}
.form-row-group-button {
  flex: 0 0 auto !important;
}
.form-row-group .button,
.form-row-group .button-icon {
  margin: 0;
}
.dropzone {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.dropzone:focus {
  outline: none;
}
.dropzone-root {
  display: inline-block;
  position: relative;
}
.dropzone-overlay, .dropzone-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.dropzone-overlay {
  z-index: 1001;
}
.dropzone-backdrop {
  z-index: 999;
  background-color: #000;
  transition: opacity 250ms cubic-bezier(0.42, 0, 0.58, 1);
}
.dropzone .button {
  pointer-events: none;
  position: static;
}
.dropzone.disabled {
  cursor: default;
}
.control-textarea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  line-height: 22px;
  cursor: text;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-color: #fff;
  transition: all 125ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
}
.control-textarea.focus {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3) !important;
  background-color: #fff;
}
.control-textarea.disabled {
  cursor: default;
}
.control-textarea-holder {
  flex: 1 1 auto;
}
.control-textarea-textarea {
  float: left;
  width: 100%;
  margin: 0;
  padding: 9px 16px;
  font-size: inherit;
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  text-align: inherit;
  flex: 1 1 auto;
  min-height: 40px;
  box-sizing: border-box;
  line-height: inherit;
  overflow-y: auto;
  resize: none;
}
.control-textarea-textarea::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.control-textarea-textarea::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.control-textarea-textarea::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
.control-textarea-textarea::-webkit-scrollbar-track {
  border-radius: 6px;
}
.control-textarea-textarea::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
}
.control-textarea-textarea::-webkit-scrollbar-thumb:hover {
  background: #000;
}
.control-textarea-textarea::-webkit-scrollbar-thumb:active {
  background: #000;
}
.control-textarea-textarea::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0;
}
.control-textarea-textarea::-webkit-scrollbar-track:hover {
  background: rgba(0, 0, 0, 0.1);
}
.control-textarea-textarea::-webkit-scrollbar-track:active {
  background: rgba(0, 0, 0, 0.1);
}
.control-textarea-textarea::-webkit-scrollbar-corner {
  background: transparent;
}
.control-textarea-textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.control-textarea-textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.control-textarea-textarea::-ms-clear {
  display: none;
  appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
}
.control-textarea.has-error {
  box-shadow: inset 0 0 0 1px rgba(251, 54, 100, 0.3);
  background-color: rgba(251, 54, 100, 0.07);
}
.control-textarea.has-error.focus {
  box-shadow: inset 0 0 0 1px #FB3664 !important;
  background-color: #fff;
}
.control-textarea.has-error:not(.has-value) ~ LABEL {
  color: #FB3664;
}
.control-textarea.disabled,
.control-textarea [disabled] {
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
}
.control-textarea.readonly,
.control-textarea [readonly] {
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
}
.callout {
  margin: 20px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.callout-content {
  padding: 20px;
}
.callout-text {
  flex: 1 1 auto;
}
.callout-default {
  background-color: #fafafa;
  color: #00adef;
}
.callout-default .callout-text {
  color: #000;
}
.callout-danger {
  background-color: rgba(251, 54, 100, 0.25);
  color: #FB3664;
}
.callout-warning {
  background-color: rgba(251, 172, 54, 0.25);
  color: #fbac36;
}
.callout-success {
  background-color: rgba(79, 217, 102, 0.25);
  color: #4FD966;
}
.callout P {
  margin: 0;
}
.callout P + P {
  margin-top: 10px;
}
.callout .sum {
  color: #00adef;
}
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
 * Copyright 2023 Palantir Technologies, Inc. All rights reserved.
 */
/*
A mixin to generate the classes for a React CSSTransition which animates any number of CSS
properties at once.

Transitioned properties are specificed as a map of property names to lists of (inital value, final
value). For enter & appear transitions, each property will transition from its initial to its final
value. For exit transitions, each property will transition in reverse, from final to initial.

**Simple example:**
`@include react-transition("popover", (opacity: 0 1), $before: "&");`
Transition named "popover" moves opacity from 0 to 1. `"&"` indicates that the
Transition classes are expected to be applied to this element, where the mixin is invoked.

**Params:**
$name: React transitionName prop
$properties: map of CSS property to (initial, final) values
$duration: transition duration
$easing: transition easing function
$delay: transition delay
$before: selector text to insert before transition name (often to select self: &)
$after: selector text to insert after transiton name (to select children)
*/
/*
A mixin to generate the classes for one phase of a React CSSTransition.
`$phase` must be `appear` or `enter` or `exit`.
If `enter` phase is given then `appear` phase will be generated at the same time.
If `exit` phase is given then property values are animated in reverse, from final to initial.

**Example:**
@include react-transition-phase(toast, enter, $enter-translate, $before: "&");
@include react-transition-phase(toast, leave, $leave-blur, $pt-transition-duration * 3, $before: "&");
*/
/*
Given map of properties to values, set each property to the value at the given index.
(remember that sass indices are 1-based).

Example: `each-prop((opacity: 0 1), 2)` will print "opacity: 1"
*/
/*
Format transition class name with all the bits.
"enter" phase will include "appear" phase in returned name.
*/
.bp5-toast {
  display: flex;
  align-items: flex-start;
  position: relative !important;
  min-width: 300px;
  max-width: 500px;
  pointer-events: auto;
  padding: 20px 20px 0 20px;
}
.bp5-toast.bp5-toast-enter, .bp5-toast.bp5-toast-appear {
  transform: translateY(-100%);
}
.bp5-toast.bp5-toast-enter-active, .bp5-toast.bp5-toast-appear-active {
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp5-toast.bp5-toast-enter ~ .bp5-toast, .bp5-toast.bp5-toast-appear ~ .bp5-toast {
  transform: translateY(-100%);
}
.bp5-toast.bp5-toast-enter-active ~ .bp5-toast, .bp5-toast.bp5-toast-appear-active ~ .bp5-toast {
  transform: translateY(0);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11);
}
.bp5-toast.bp5-toast-exit {
  opacity: 1;
  filter: blur(0);
}
.bp5-toast.bp5-toast-exit-active {
  opacity: 0;
  filter: blur(20px);
  transition-delay: 0;
  transition-duration: 300ms;
  transition-property: opacity, filter;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp5-toast.bp5-toast-exit ~ .bp5-toast {
  transform: translateY(0);
}
.bp5-toast.bp5-toast-exit-active ~ .bp5-toast {
  transform: translateY(-100%);
  transition-delay: 50ms;
  transition-duration: 100ms;
  transition-property: transform;
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9);
}
.bp5-toast .bp5-button-group {
  display: none;
}

.bp5-toast-message {
  flex: 1 1 auto;
}

.bp5-toast-container {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 16000040;
  padding: 0;
  pointer-events: none;
}
.bp5-toast-container.bp5-toast-container-top {
  top: 0;
  bottom: auto;
}
.bp5-toast-container.bp5-toast-container-bottom {
  flex-direction: column-reverse;
  top: auto;
  bottom: 0;
}
.bp5-toast-container.bp5-toast-container-left {
  align-items: flex-start;
}
.bp5-toast-container.bp5-toast-container-right {
  align-items: flex-end;
}

.bp5-toast-container-bottom .bp5-toast.bp5-toast-enter:not(.bp5-toast-enter-active), .bp5-toast-container-bottom .bp5-toast.bp5-toast-enter:not(.bp5-toast-enter-active) ~ .bp5-toast, .bp5-toast-container-bottom .bp5-toast.bp5-toast-leave-active ~ .bp5-toast {
  transform: translateY(0);
}
.toast-content {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.09);
  padding: 20px 50px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
}
.toast-content-icon {
  flex: 0 0 auto;
  margin-right: 20px;
  line-height: 0;
}
.toast-content-text {
  flex: 1 1 auto;
}
.toast-content.intent-danger {
  color: #FB3664;
}
.toast-content.jiggle {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
.checkbox-with-label {
  display: flex;
  align-items: flex-start;
  padding: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 40px;
  cursor: default;
}
.checkbox-with-label.indent-1 {
  padding-left: 20px;
}
.checkbox-with-label.indent-2 {
  padding-left: 40px;
}
.checkbox-with-label.indent-3 {
  padding-left: 60px;
}
.checkbox-with-label.indent-4 {
  padding-left: 80px;
}
.checkbox-with-label .control-checkbox {
  margin-top: 10px;
}
.checkbox-with-label-label-wrapper {
  margin-top: 10px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 15px;
  line-height: 20px;
}
.checkbox-with-label-label {
  font-weight: 700;
}
.checkbox-with-label-label.has-error {
  color: #FB3664;
}
.checkbox-with-label-label.has-error.error-animated {
  animation: shake 0.85s cubic-bezier(0.4, 1, 0.75, 0.9);
}
.checkbox-with-label-label.has-error A {
  color: #FB3664;
}
.checkbox-with-label-description {
  margin-top: 5px;
  font-size: 13px;
}
.checkbox-with-label + .checkbox-with-label {
  padding: 0;
  margin-top: -5px;
}
.control-checkbox {
  flex: 0 0 auto;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.control-checkbox:before {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  background-color: transparent;
}
.form-row-items > .control-checkbox {
  margin-top: 5px;
}
.control-checkbox-overflow {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.control-checkbox INPUT {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.control-checkbox INPUT:checked + SPAN {
  border-color: #00adef;
  background-color: #00adef;
}
.control-checkbox INPUT:checked + SPAN svg, .control-checkbox INPUT:checked + SPAN span {
  opacity: 1;
}
.control-checkbox INPUT:disabled + SPAN, .control-checkbox INPUT[disabled] + SPAN {
  opacity: 0.5;
}
.control-checkbox INPUT:focus + SPAN {
  border-color: rgba(0, 0, 0, 0.3);
}
.control-checkbox .control-checkbox.has-error SPAN {
  border-color: #FB3664;
  background-color: rgba(251, 54, 100, 0.1);
}
.control-checkbox .control-checkbox.has-error.error-animated {
  animation: shake 0.85s cubic-bezier(0.4, 1, 0.75, 0.9);
}
.control-checkbox .control-checkbox.has-error INPUT:checked + SPAN {
  background-color: #FB3664;
}
.control-checkbox-checkbox {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 250ms ease-in-out 0ms;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.control-checkbox-checkbox span,
.control-checkbox-checkbox svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.control-checkbox-checkbox path {
  fill: #fff;
}
.control-checkbox-checkbox span {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: #fff;
}

/*# sourceMappingURL=application.css.map*/