.navigation li.assistant { position:relative; padding:0px; margin:0px;  }
.navigation li.assistant a { position:relative; margin-left:20px; }
.navigation li.assistant a span { padding-left:28px; }
.navigation li.assistant a::after{display: block;position: absolute;top: 0px;left:0px;content:"";width:48px;height:48px;background: url('../images/buddy.svg') 50% 50% no-repeat;transform: translateY(0px); }

[data-prompt] h1 { background: url('../images/buddy.svg') 0px 50% no-repeat; padding-left:50px; background-size: 54px 54px;  }

[data-tip] { position:relative; cursor: pointer; }
[data-tip]::after { position: absolute; display: block;transform: scale(0.6) translateY(-50px); left: 0px; bottom:100%; opacity: 0; z-index: -100; border-top:5px solid;  border-image: linear-gradient(to right, rgb(255, 133, 2) 0%, rgb(255, 198, 112) 100%) 1; color:rgb(245, 245, 245);content: attr(data-tip); margin-left:-10px; padding: 20px 20px 40px 20px; transition: all .45s cubic-bezier(0.68, -0.6, 0.32, 1.6);  width: 300px;font-family: Arial, sans-serif;font-size:14px; font-weight: normal; text-transform: none; text-shadow: none; }
[data-tip]::after { width:200px; }
[data-tip][data-arrow] { text-align: center; }
[data-tip][data-arrow]::after { width:60px; text-align: center; }
[data-tip]::after {  background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjEwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNIDAgMCBMIDQwMCAwIEwgNDAwIDk4MCBMIDUwIDk4MCBMIDQwIDk5MCBMIDMwIDk4MCBMIDAgOTgwIHoiIGZpbGw9InJnYmEoMCwgMCwgMCwgMC44KSIgLz4KPC9zdmc+") 0 100% no-repeat; }
[data-tip]:hover::after,
[data-tip]:focus::after { transform:scale(1) translateY(10px);  opacity: 1; z-index: 100; }

@media (max-width: 760px) { [data-tooltip]::after { font-size: .75em;margin-left: -5em;width: 10em;  } }

[data-textarea] { position:relative; }
[data-textarea] [data-wait] { position: absolute; top:5px; right:10px; display: block; visibility: hidden; width:30px; }

a[data-assist] { position: fixed; display:block; cursor:pointer; bottom:20px; left:50%; transform: translateX(-50%); float:left; height: 48px;  background: rgba(255, 191, 0, 0.9) url('../images/buddy.svg') 10px 50% no-repeat; z-index: 9999; transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1); border-radius:24px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
a[data-assist] { line-height: 48px; text-decoration: none; padding-left:48px; padding-right:20px; color:#000; text-decoration: none; font-weight: 700; }
a[data-assist]:focus { outline: 0; border: none; -moz-outline-style: none;}
a[data-assist]:hover { text-decoration: none; color:#000; }
a[data-assist].hide { bottom:-100px; transform: translateX(-50%) scale(0.4) ; }

[data-prompt-suggestions] { position:relative; padding:10px; }
[data-prompt-suggestions]:after {content: "";display: table;clear: both; }
[data-prompt-suggestions] a { display: block; float:left; padding:10px; padding-left:30px; cursor:pointer;   border-radius:6px; background-color: #fff; color:#000; }
[data-prompt-suggestions] a:hover { text-decoration: none; }

[data-prompt] table.product td { padding:0px; }
[data-prompt] table.product td + td { padding-left:20px; }

[data-prompt] [data-summary] { margin-left:-20px; margin-right:-20px; padding: 20px 35px 20px 35px; background: rgba(255, 255, 255, 0.2); margin-bottom:10px; }
[data-prompt] [data-summary] p { display: block; margin:0px; padding:5px; }


.walkthrough {position: relative;width: 100%;overflow: hidden;}

.walkthrough .slider { width: 100%; overflow: hidden;}
.walkthrough .slides { display: flex;transition: transform 0.6s ease; width:100%; }
.walkthrough .slide { flex: 0 0 100%;box-sizing: border-box; }
.walkthrough .slide table { width:100%; }
.walkthrough .slide table td { position:relative; width:50%; vertical-align: top; padding:10px; text-align: center; padding-bottom:20px; }
.walkthrough .slide table td > div { min-height:240px; }
/* Dynamic height support */
.walkthrough,
.walkthrough .slide {display: block;}


.walkthrough input[type="radio"] {display: none;position: absolute;opacity: 0;pointer-events: none;}

/* Slide transitions based on checked input */
.walkthrough #slide0:checked ~ .slider .slides {transform: translateX(0%);}
.walkthrough #slide1:checked ~ .slider .slides {transform: translateX(-100%);}
.walkthrough #slide2:checked ~ .slider .slides {transform: translateX(-200%);}
.walkthrough #slide3:checked ~ .slider .slides {transform: translateX(-300%);}
.walkthrough #slide4:checked ~ .slider .slides {transform: translateX(-400%);}
.walkthrough #slide5:checked ~ .slider .slides {transform: translateX(-500%);}

.walkthrough #slide0:checked ~ .controls label[for="slide0"],
.walkthrough #slide1:checked ~ .controls label[for="slide1"],
.walkthrough #slide2:checked ~ .controls label[for="slide2"],
.walkthrough #slide3:checked ~ .controls label[for="slide3"],
.walkthrough #slide4:checked ~ .controls label[for="slide4"],
.walkthrough #slide5:checked ~ .controls label[for="slide5"] { background: #333; -webkit-animation: check 0.4s linear forwards; animation: check 0.4s linear forwards; }

/* Controls styling */
.walkthrough .controls { display: flex;justify-content: center;gap: 10px; padding:20px; }
.walkthrough .controls label {width: 14px;height: 14px;border-radius: 50%;background: #ccc;cursor: pointer;transition: background 0.3s;}



@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 4px #333, 0 0 0 12px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 4px #333, 0 0 0 12px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}