toothbrush-interaction.tbi{display:block;background:var(--tbi-bg);color:#222132;overflow:hidden}.tbi *{box-sizing:border-box}.tbi [hidden]{display:none!important}.tbi button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.tbi button:focus-visible{outline:3px solid var(--tbi-accent);outline-offset:7px}.tbi__inner{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px}.tbi__controls{padding:70px 20px 70px clamp(24px,5vw,90px);position:relative;z-index:2}.tbi__eyebrow{font-size:11px;letter-spacing:.2em;color:var(--tbi-accent);margin:0 0 20px}.tbi__heading{font-size:clamp(36px,4.3vw,68px);line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:650;text-transform:none}.tbi__intro{font-size:16px;line-height:1.7;color:#777486;margin:22px 0 36px}.tbi__tabs{display:flex;position:relative;border-bottom:1px solid #dfdde9;margin-bottom:34px}.tbi__tab{flex:1;padding:12px 4px 17px!important;font-size:15px!important;color:#807d90!important;white-space:nowrap}.tbi__tab[aria-selected=true]{color:var(--tbi-accent)!important;font-weight:600}.tbi__tab:disabled{opacity:.35;cursor:default}.tbi__indicator{position:absolute;bottom:-1px;left:0;height:3px;border-radius:3px;background:var(--tbi-accent);transition:transform .32s cubic-bezier(.2,.8,.2,1),width .32s;pointer-events:none}.tbi__choices{display:flex;gap:clamp(16px,2.8vw,44px);min-height:164px;align-items:flex-start;flex-wrap:wrap}.tbi__choice{width:calc((100% - clamp(16px,2.8vw,44px)*2)/3);padding:0!important;min-width:62px}.tbi__orb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 22%,#47434f,#101117 72%);box-shadow:inset 0 2px 3px #fff5,0 8px 20px #37305315;transition:transform .25s,box-shadow .25s;margin:6px}.tbi__orb:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1.5px solid transparent;border-radius:50%;transition:border-color .25s}.tbi__choice[aria-pressed=true] .tbi__orb{transform:scale(1.045);box-shadow:0 0 25px #9784dc30}.tbi__choice[aria-pressed=true] .tbi__orb:after{border-color:var(--tbi-accent)}.tbi__choice[aria-pressed=true] .tbi__name{color:var(--tbi-accent)}.tbi__name{display:block;margin-top:19px;font-size:14px;line-height:1.4}.tbi__symbol,.tbi__screen-symbol{font-family:Arial,sans-serif;font-size:clamp(22px,3vw,42px);color:#9ceafa;text-shadow:0 0 12px #a38aff;white-space:nowrap}.tbi__thumbnail{width:100%;height:100%;object-fit:cover;border-radius:50%}.tbi__caption{min-height:3em;font-size:15px;line-height:1.6;margin:28px 0 0;color:#555167}.tbi__panel.is-entering{animation:tbi-enter .35s both}.tbi__product{position:relative;overflow:hidden;align-self:stretch;min-height:600px;isolation:isolate}.tbi__canvas{position:absolute;width:250%;aspect-ratio:5000/2300;left:-125%;top:50%;transform:translateY(-50%)}.tbi__product-image{display:block;width:100%;height:100%;max-width:none;object-fit:fill}.tbi__screen{position:absolute;left:var(--screen-x);top:var(--screen-y);width:var(--screen-w);height:var(--screen-h);transform:translate(-50%,-50%) perspective(800px) rotate(var(--screen-angle)) rotateY(var(--screen-angle-y,0deg));border-radius:50%;overflow:hidden;background:transparent;mix-blend-mode:var(--tbi-blend,screen)}.tbi__screen-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tbi__screen-content img,.tbi__screen-content video{width:100%;height:100%;object-fit:cover}.tbi__screen-symbol{font-size:clamp(25px,4vw,65px);animation:tbi-expression 1.2s ease both}.tbi__screen-content.is-entering{animation:tbi-enter .3s both}@media(hover:hover){.tbi__choice:hover .tbi__orb{transform:translateY(-4px) scale(1.04)}}@keyframes tbi-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes tbi-expression{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(max-width:749px){.tbi__inner{grid-template-columns:1fr}.tbi__controls{padding:42px 24px 20px}.tbi__heading{font-size:42px}.tbi__intro{margin:18px 0 22px;font-size:14px}.tbi__tabs{margin-bottom:24px}.tbi__choices{gap:26px;min-height:130px;max-width:420px}.tbi__choice{width:calc((100% - 52px)/3)}.tbi__symbol{font-size:30px}.tbi__caption{margin-top:20px;min-height:1.6em}.tbi__product{min-height:0;aspect-ratio:1.1}.tbi__canvas{width:250%;left:-113%}.tbi__screen-symbol{font-size:38px}}@media(prefers-reduced-motion:reduce){.tbi *,.tbi *:after{animation:none!important;transition:none!important}}.tbi__hover-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}.tbi__empty{position:absolute;top:24px;right:24px;bottom:24px;left:24px;display:grid;place-items:center;border:1px dashed #d6d0e5;border-radius:20px;padding:24px;text-align:center;color:#807d90;font-size:14px}.tbi__screen-content img,.tbi__screen-content video{object-fit:contain;transform:translate(var(--tbi-media-x,0%),var(--tbi-media-y,0%)) scale(var(--tbi-media-scale,1));transform-origin:center}.tbi__categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:36px 0 24px}.tbi__category{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 8px!important;border:1px solid #e5e1ed!important;border-radius:24px;background:#ffffff80!important;font-size:15px!important;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.tbi__category-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f1eef9;color:var(--tbi-accent);font-family:Arial,sans-serif;font-size:27px;line-height:1}.tbi__category[aria-pressed=true]{border-color:var(--tbi-accent)!important;background:#f1eef9!important;color:var(--tbi-accent);box-shadow:0 6px 24px #7663ce15;transform:translateY(-3px)}.tbi__category:disabled{opacity:.35;cursor:not-allowed}@media(hover:hover){.tbi__category:not(:disabled):hover{transform:translateY(-4px);border-color:var(--tbi-accent)!important}}@media(max-width:749px){.tbi__categories{gap:10px;margin-top:24px}.tbi__category{padding:20px 4px!important;border-radius:18px;font-size:14px!important}.tbi__category-icon{width:38px;height:38px;font-size:24px}}@supports ((background-clip:text) or (-webkit-background-clip:text)){.tbi__heading--gradient{width:fit-content;max-width:100%;background-image:linear-gradient(115deg,var(--tbi-heading-start,#7545d6) 0%,var(--tbi-heading-middle,#d93691) 55%,var(--tbi-heading-end,#df7049) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}@media(forced-colors:active){.tbi__heading--gradient{background-image:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/toothbrush-interaction.css.map */