#tee-butler,.tee-butler-section{margin:40px auto;padding:30px;background:#fefefe;box-shadow:0 4px 30px #00000014;font-family:Playfair Display,-apple-system,BlinkMacSystemFont,sans-serif;overflow:visible;border-radius:5px;max-width:1440px}.tee-butler-layout{display:flex;align-items:flex-start;gap:24px;position:relative}.tee-butler-content{flex:1 1 min(0,100%);min-width:0;padding-right:8px}.tee-butler-layout--message-top{display:flex;flex-direction:column;align-items:stretch;gap:clamp(18px,2.5vw,28px)}.tee-butler-message-wrap{width:100%;max-width:100%;flex:none}.tee-butler-message-wrap .tee-butler-message{position:relative;max-width:min(680px,100%);margin:0 auto;padding:1.25rem 1.5rem 1.35rem 1.35rem;background:linear-gradient(165deg,#fbfcfe,#f6f8fa 45%,#f0f3f6);border:1px solid rgba(56,63,73,.1);border-radius:14px;border-left:4px solid #6b8f6e;box-shadow:0 1px #fffffff2 inset,0 10px 36px #0f172a12,0 2px 8px #0f172a0a;animation:teeButlerMessageIn .55s ease-out}.tee-butler-message-wrap .tee-butler-message__text,.tee-butler-message-wrap .butler-speech-text{display:block;margin:0;font-size:clamp(15px,1.05rem + .2vw,17px);line-height:1.55;color:#2c3338;text-align:left;font-style:normal;font-weight:400;letter-spacing:.01em}.tee-butler-message.changing{animation:teeButlerMessageChange .45s ease}@keyframes teeButlerMessageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes teeButlerMessageChange{0%{opacity:1}45%{opacity:.35}to{opacity:1}}.tee-butler-layout--message-top .tee-butler-content{width:100%;max-width:100%;padding-right:0}.tee-butler-character{flex:0 0 auto;width:min(280px,34vw);max-width:300px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:linear-gradient(180deg,#ede9e34d,#ede9e314);border-radius:0 12px 12px 0;overflow:visible;margin-top:30px}@media(min-width:1025px){.tee-butler-layout{display:grid;grid-template-columns:minmax(0,1fr) min(280px,34vw);align-items:start;gap:24px}.tee-butler-character{position:sticky;top:max(16px,env(safe-area-inset-top,0px));width:100%;max-width:min(300px,34vw);align-self:start;z-index:1}.tee-butler-layout--message-top{display:flex;flex-direction:column;align-items:stretch;gap:clamp(20px,2vw,28px)}}.tee-butler-layout--no-character-video:not(.tee-butler-layout--message-top) .tee-butler-content{padding-right:0}.butler-figure{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;max-width:280px}.butler-character-img{display:block;width:100%;height:auto;max-height:min(420px,52vh);max-width:280px;object-fit:contain;object-position:top center;filter:drop-shadow(-4px 4px 16px rgba(0,0,0,.12));transition:transform .4s ease}.butler-character-img:hover{transform:scale(1.02)}.butler-figure.tb-butler-video-started .butler-character-img[data-tb-img-fallback]{display:none!important}.butler-figure:not(.tb-butler-video-started) .butler-character-video{display:none}.butler-character-videos{position:relative;z-index:2;width:100%;max-width:280px;align-self:flex-start;border-radius:4px;transition:transform .4s ease}.butler-character-videos:hover{transform:scale(1.02)}.butler-character-img[data-tb-img-fallback]{position:relative;z-index:1}.butler-character-video{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:5 / 7;max-height:min(420px,52vh);object-fit:contain;object-position:top center;background:transparent;transform:translateZ(0);-webkit-transform:translateZ(0)}.tee-butler-sound-hint{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:280px;margin:14px 0 0;padding:12px 14px 12px 12px;font-size:12px;line-height:1.45;text-align:left;color:#3d3d3d;background:linear-gradient(145deg,#fdfcfa,#f5f1eb 55%,#efe9e2);border:1px solid rgba(56,63,73,.1);border-radius:12px;border-left:3px solid #b8956c;box-shadow:0 2px 12px #0000000d,inset 0 1px #ffffffd9}.tee-butler-sound-hint:before{content:"";flex-shrink:0;width:22px;height:22px;margin-top:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b7355'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") center / contain no-repeat;opacity:.92}.tee-butler-sound-hint[hidden]{display:none!important}.butler-speech-bubble{position:absolute;left:0;top:0;z-index:10;width:100%;max-width:280px;min-width:0;margin:0;transform:translateY(calc(-100% - 12px));background:linear-gradient(135deg,#fafafa,#fafafa);border:2px solid #383f49;border-radius:20px;padding:16px 20px;box-shadow:0 6px 24px #0000001a;animation:bubbleFadeIn .5s ease-out}.butler-speech-bubble:after{content:"";position:absolute;bottom:-12px;right:30px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fafafa}.butler-speech-bubble:before{content:"";position:absolute;bottom:-15px;right:28px;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid #383f49}.butler-speech-text{display:block;font-size:15px;line-height:1.5;color:#3a3a3a;text-align:center;font-style:italic}.butler-speech-bubble.changing{animation:bubbleChange .4s ease}@keyframes bubbleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bubbleChange{0%{opacity:1}40%{opacity:.35}to{opacity:1}}.butler-typing-dots{display:inline-flex;gap:4px;margin-left:4px;vertical-align:middle}.butler-typing-dots span{width:6px;height:6px;border-radius:50%;background:#7a7a7a;animation:dotPulse 1.2s infinite ease-in-out}.butler-typing-dots span:nth-child(2){animation-delay:.2s}.butler-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.tee-moods{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:15px;margin:20px 0;width:100%}.mood{cursor:pointer;border:2px solid transparent;text-align:center;flex:1 1 160px;max-width:22%;min-width:0;padding:12px;transition:all .25s ease;background:#fafafa;display:flex;flex-direction:column;align-items:stretch;align-self:stretch;border-radius:5px}.mood-card-inner{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;min-height:100%;width:100%;gap:10px}.mood-image-wrap{flex-shrink:0;width:140px;height:140px;border-radius:50%;overflow:hidden;background:#eceae6}.mood-image-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mood:hover{border-color:#7a7a7a;background:#faf8f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.mood:hover .mood-image-wrap img{transform:scale(1.05)}.mood.selected{border-color:#383f49;background:#f9f8f7;box-shadow:0 4px 16px #0000001a}.mood-label{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:4.55em;font-size:14px;line-height:1.3;color:#444;text-align:center}#tee-butler-results{min-height:80px}.tee-results-top{display:flex;flex-direction:column;align-items:center;justify-content:center}.tee-results-top h3{display:none}.tee-results{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:20px;margin:30px 0}.tee-item{position:relative;background:#fff;padding:15px;text-align:center;box-shadow:0 2px 12px #e5e5e580;border-radius:15px;width:240px;transition:transform .3s ease,box-shadow .3s ease}.tee-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.tee-item.loading .tea-butler-add-to-cart{opacity:.6;pointer-events:none}.tee-item__media{position:relative;width:160px;height:160px;margin:0 auto 6px}.tee-item__thumb{display:block;border-radius:100px;overflow:hidden;line-height:0}.tee-item__success-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center;pointer-events:none;background:radial-gradient(circle at 50% 45%,#383f49f2,#383f49e0,#282d35f0);box-shadow:inset 0 1px #fff3;opacity:0;visibility:hidden;transform:scale(.94);transition:opacity .35s cubic-bezier(.34,1.2,.64,1),transform .35s cubic-bezier(.34,1.2,.64,1),visibility .35s}.tee-item--added .tee-item__success-layer{opacity:1;visibility:visible;transform:scale(1)}.tee-item__success-check{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#ffffff38;box-shadow:0 4px 14px #0000001f,inset 0 1px #ffffff73;animation:tee-success-pop .55s cubic-bezier(.34,1.4,.64,1) both}.tee-item__success-svg{width:28px;height:28px;display:block}.tee-item__success-ring{fill:#ffffff1f;stroke:#ffffff59;stroke-width:.6}.tee-item__success-mark{stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:22;stroke-dashoffset:22}.tee-item--added .tee-item__success-mark{animation:tee-success-draw .45s ease-out .12s forwards}.tee-item__success-caption{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.15);max-width:100%;line-height:1.2}.tee-item--added{box-shadow:0 4px 24px #383f4938,0 2px 12px #0000000f,0 0 0 1px #383f4959;transition:box-shadow .35s ease,transform .3s ease}.tee-item--added:hover{transform:translateY(-2px);box-shadow:0 8px 28px #383f4942,0 4px 14px #00000014}@keyframes tee-success-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes tee-success-draw{to{stroke-dashoffset:0}}.tea-butler-add-to-cart{position:relative}.tea-butler-add-to-cart.tea-butler-added{background:linear-gradient(145deg,#383f49fa,#383f49e0,#2c323bf5)!important;border-color:transparent!important;box-shadow:0 6px 18px #383f4966,inset 0 1px #ffffff1f;transition:background .3s ease,box-shadow .3s ease}.tea-butler-add-to-cart.tea-butler-added .tea-butler-btn-label{opacity:0;transform:scale(.96);transition:opacity .2s ease,transform .2s ease}.tea-butler-add-to-cart.tea-butler-added:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;background:no-repeat center / contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");animation:tee-btn-check .4s cubic-bezier(.34,1.4,.64,1) both}@keyframes tee-btn-check{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.tee-item__success-layer{transition-duration:.01ms}.tee-item__success-check,.tee-item__success-mark,.tea-butler-add-to-cart.tea-butler-added:after{animation:none!important}.tee-item--added .tee-item__success-mark{stroke-dashoffset:0}}.tee-item h4{font-size:17px;font-weight:400;color:#000;margin:8px 0 4px}.tee-item h4 a{color:inherit;text-decoration:none}.tee-item h4 a:hover{text-decoration:underline}.tee-item .price{margin-top:6px;font-weight:700;font-size:18px}.tee-item img{border-radius:100px!important;object-fit:cover;width:160px;height:160px}.tee-item .button{display:inline-block;margin-top:10px;padding:10px 24px;background:#383f49;color:#fff;border-radius:5px;text-decoration:none;text-transform:uppercase;border:none!important;cursor:pointer;font-size:13px;transition:background .2s ease}.tee-item .button:hover{background:#5a5a5a}.button-div{display:flex;align-items:center;justify-content:center;margin-top:10px}.button-div button{padding:10px 60px;text-transform:uppercase;color:#fff;cursor:pointer;font-size:14px;letter-spacing:.5px;transition:all .25s ease;background:#383f49;border-radius:5px;border:2px solid #383f49}.button-div button:hover{background:#606060;border:2px solid #606060;color:#fff}.tea-search-text{width:100%;font-size:20px;text-align:center}.butler-loader-img{width:200px;display:block;margin:10px auto}.tee-butler-search-loader{display:flex;align-items:center;justify-content:center;min-height:min(200px,32vh);padding:clamp(28px,5vw,48px) clamp(16px,4vw,32px);margin:8px 0 16px}.tee-butler-search-loader__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.tee-butler-search-loader__spinner{display:block;width:48px;height:48px;border:3px solid rgba(56,63,73,.12);border-top-color:#6b8f6e;border-radius:50%;animation:teeButlerLoaderSpin .75s linear infinite}.tee-butler-search-loader__img{width:min(120px,40vw);height:auto;object-fit:contain;opacity:.92}@keyframes teeButlerLoaderSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tee-butler-search-loader__spinner{animation:none;border-top-color:#6b8f6e99}}button:focus{outline:none}.tee-butler-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px;position:relative;padding:0 40px}.progress-track{position:absolute;top:50%;left:60px;right:60px;height:3px;background:#383f49;transform:translateY(-50%);border-radius:2px;z-index:0}.progress-fill{height:100%;background:linear-gradient(90deg,#b8a99a,#7a7a7a);border-radius:2px;width:0%;transition:width .5s ease}.progress-dot{position:relative;z-index:1;width:34px;height:34px;border-radius:5px;background:#606060;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.progress-dot+.progress-dot{margin-left:calc(50% - 51px)}.progress-dot span{font-size:14px;font-weight:600;color:#fff;transition:color .3s ease}.progress-dot.active{background:#383f49;box-shadow:0 0 0 4px #7a7a7a33}.progress-dot.active span{color:#fff}.progress-dot.completed{background:#7a7a7a}.progress-dot.completed span{color:#fff}.tee-butler-restart{padding:10px 40px;background:transparent;border-radius:25px;text-transform:uppercase;border:2px solid #7a7a7a;color:#7a7a7a;cursor:pointer;font-size:14px;letter-spacing:.5px;transition:all .25s ease}.tee-butler-restart:hover{background:#7a7a7a;color:#fff}.step{animation:stepFadeIn .4s ease}@keyframes stepFadeIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@media only screen and (max-width:1024px){#tee-butler{scroll-margin-top:max(12px,env(safe-area-inset-top,0px))}#tee-butler,.tee-butler-section{padding:clamp(16px,3vw,24px);margin-left:max(0px,env(safe-area-inset-left,0px));margin-right:max(0px,env(safe-area-inset-right,0px))}.tee-butler-layout{display:flex;flex-direction:column;align-items:stretch;gap:clamp(20px,4vw,28px);min-height:auto}.tee-butler-character{order:-1;position:relative;top:auto;z-index:1;flex:none;width:100%;max-width:none;align-self:stretch;display:flex;flex-direction:column;align-items:center;padding:clamp(12px,3vw,20px) clamp(8px,2vw,16px) clamp(4px,1vw,8px);margin:0;border-radius:12px;background:linear-gradient(180deg,#ede9e373,#ede9e31f 55%,#fff0);box-shadow:inset 0 1px #fff9;overflow:visible}.tee-butler-content{order:0;width:100%;min-width:0;padding-right:0}.tee-butler-message-wrap .tee-butler-message{padding:clamp(14px,3vw,18px) clamp(16px,3.5vw,22px)}.tee-butler-message-wrap .tee-butler-message__text,.tee-butler-message-wrap .butler-speech-text{font-size:clamp(14px,2.6vw,16px);line-height:1.52}.butler-speech-bubble{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:min(420px,100%);margin:0 auto clamp(14px,3vw,20px);padding:clamp(12px,2.5vw,16px) clamp(14px,3vw,20px);z-index:2}.butler-speech-bubble:after{right:auto;left:50%;bottom:-12px;margin-left:-12px;transform:none;border-left-width:12px;border-right-width:12px;border-top-width:12px}.butler-speech-bubble:before{right:auto;left:50%;bottom:-15px;margin-left:-14px;transform:none;border-left-width:14px;border-right-width:14px;border-top-width:14px}.butler-speech-text{font-size:clamp(13px,2.8vw,15px)}.butler-figure{align-items:center;justify-content:flex-start;max-width:280px;width:100%;margin:0 auto}.butler-character-img{max-height:min(380px,42vh);max-width:min(260px,72vw);width:auto;height:auto;margin:0 auto}.butler-character-videos{width:100%;max-width:min(260px,72vw);margin:0 auto}.butler-character-video{width:100%;max-width:min(260px,72vw);max-height:min(380px,42vh);height:auto;aspect-ratio:5 / 7;margin:0 auto}.tee-butler-sound-hint{max-width:min(420px,100%);margin-top:14px;margin-left:auto;margin-right:auto}.tee-butler-progress{padding:0 clamp(12px,4vw,28px)}.progress-track{left:clamp(48px,12vw,60px);right:clamp(48px,12vw,60px)}.mood-image-wrap{width:100px;height:100px}.mood-label{font-size:12px;min-height:4.55em}.mood{max-width:28%}.tee-results{gap:clamp(14px,3vw,20px);margin:clamp(16px,3vw,24px) 0}.tee-item{width:200px}.tee-item__media,.tee-item img{width:130px;height:130px}.tee-item .button{padding:10px 20px;font-size:12px}}@media only screen and (max-width:768px){#tee-butler,.tee-butler-section{padding:16px;border-radius:8px}.tee-butler-character{padding:10px 8px 4px}.butler-character-img{max-width:min(200px,55vw);max-height:min(240px,38vh)}.butler-character-videos{width:100%;max-width:min(200px,55vw);margin:0 auto}.butler-character-video{width:100%;max-width:min(200px,55vw);max-height:min(240px,38vh);height:auto;aspect-ratio:5 / 7;margin:0 auto}.butler-speech-bubble{max-width:100%;padding:12px 14px;margin-bottom:12px}.tee-butler-message-wrap .tee-butler-message{padding:12px 14px}.mood{flex:1 1 35%;max-width:45%}.mood-image-wrap{width:80px;height:80px}.mood-label{font-size:13px;min-height:4.55em}.tee-item{width:155px}.tee-item__media,.tee-item img{width:110px;height:110px}.tee-item .button{padding:8px 12px;font-size:11px}.tee-results-top h3{font-size:18px;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tea-butler.css.map */