/** Bulma variables override */

/* :root {
    --bulma-primary-h: 0deg;
    --bulma-link-h: 304deg;
    --bulma-info-h: 122deg;
}   */

/** Basket page */

#basket-table {
  white-space: nowrap;
}

#basket-table td, #basket-table th {
  vertical-align: middle;
  text-align: left;
}

/** Ensure modals overlay PayPal buttons */

.modal {
  z-index: 250
}

/** Tooltips */

.tippy-box[data-animation=fade][data-state=hidden]{
  opacity:0
}

[data-tippy-root]{
  max-width:calc(100vw - 10px)
}

.tippy-box{
  position:relative;
  background-color: var(--bulma-text);
  color:#fff;
  border-radius: var(--bulma-radius-small);
  font-size: 1em;
  line-height:1.5;
  white-space:normal;
  outline:0;
  transition-property:transform,visibility,opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow{
  bottom:0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before{
  bottom:-7px;
  left:0;
  border-width:8px 8px 0;
  border-top-color:initial;
  transform-origin:center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow{
  top:0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before{
  top:-7px;
  left:0;
  border-width:0 8px 8px;
  border-bottom-color:initial;
  transform-origin:center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow{
  right:0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before{
  border-width:8px 0 8px 8px;
  border-left-color:initial;
  right:-7px;
  transform-origin:center left
}

.tippy-box[data-placement^=right]>.tippy-arrow{
  left:0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before{
  left:-7px;
  border-width:8px 8px 8px 0;
  border-right-color:initial;
  transform-origin:center right
}

.tippy-box[data-inertia][data-state=visible]{
  transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)
}

.tippy-arrow{
  width:16px;
  height:16px;
  color: var(--bulma-text)
}

.tippy-arrow:before{
  content:"";
  position:absolute;
  border-color:transparent;
  border-style:solid
}

.tippy-content{
  position:relative;
  padding:5px 9px;
  z-index:1
}

/** Icons */

.icon path {
	fill: currentColor;
}
.icon i {
  line-height: 0;
}
.svgIcon {
  width: 1em;
  height: 1em;
}

/** Quick messages */

.quick-message-container {
  position: fixed;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%);
  text-align: center;
}
  
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}
  
@keyframes fadeOut {
  from {
    opacity: 0.8;
  }
  to {
    opacity: 0;
  }
}
  
.quick-message-enter-active {
  animation: fadeIn 0.5s;
}

.quick-message-leave-active {
  animation: fadeOut 0.5s;
}

/** Content overflow scroll shadows */

.scroll-shadow-wrapper {
  position: relative;
}

.scroll-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3em;
  display: none;
  pointer-events: none;
}

.scroll-shadow-right {
  right: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.25), transparent);
}

.scroll-shadow-left {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.25), transparent);
}