.tt-whobar{--whobar-ink: #333333;--whobar-ring: 0 0 0 4px rgba(255, 255, 255, .55);--whobar-ease: cubic-bezier(.2, .8, .3, 1);--whobar-face: 76px;--whobar-badge: 30px;--whobar-icon: 18px;--whobar-tuck: 10px;position:relative;z-index:2;display:flex;align-items:center;gap:14px;box-sizing:border-box;width:100%;max-width:520px;margin:0 auto;color:var(--whobar-ink);text-align:left;pointer-events:auto;-webkit-tap-highlight-color:transparent}.tt-whobar[hidden]{display:none}.tt-whobar *{box-sizing:border-box}@media(min-width:700px){.tt-whobar{--whobar-face: 84px;--whobar-badge: 34px;--whobar-icon: 20px;--whobar-tuck: 11px}}@media(max-width:359px){.tt-whobar{--whobar-face: 66px;gap:10px}}.tt-whobar button,.tt-whobar input{font:inherit;color:inherit}.tt-whobar .tt-whobar__photo{position:relative;flex:0 0 var(--whobar-face);display:grid;place-items:center;width:var(--whobar-face);height:var(--whobar-face);margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:var(--whobar-ink);box-shadow:var(--whobar-ring);cursor:pointer;transition:background-color .3s var(--whobar-ease),color .3s var(--whobar-ease),transform .2s var(--whobar-ease)}.tt-whobar .tt-whobar__photo.has-face{background:none;box-shadow:none;border-radius:0}@media(hover:hover){.tt-whobar .tt-whobar__photo:hover{transform:translateY(-2px)}}.tt-whobar .tt-whobar__photo:active{transform:scale(.96)}.tt-whobar .tt-whobar__photo:focus-visible,.tt-whobar .tt-whobar__in:focus-visible{outline:2px solid #fff;outline-offset:5px}.tt-whobar .tt-whobar__photo.has-face:focus-visible{outline:none}.tt-whobar .tt-whobar__cam{display:grid;place-items:center}.tt-whobar .tt-whobar__cam svg{width:calc(var(--whobar-face) * .34);height:calc(var(--whobar-face) * .34);max-width:none}.tt-whobar .tt-whobar__photo.has-face .tt-whobar__cam{display:none}.tt-whobar .tt-whobar__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;padding:2px;object-fit:contain;filter:url(#tt-sticker) drop-shadow(0 2px 0 var(--whobar-shade, var(--shade, #4aaee8)));animation:tt-whobar-pop .3s var(--whobar-ease) both}.tt-whobar .tt-whobar__face[hidden]{display:none}.tt-whobar .tt-whobar__ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2.5px solid transparent;border-top-color:currentColor;opacity:0;transition:opacity .2s ease;pointer-events:none}.tt-whobar .tt-whobar__photo.is-busy .tt-whobar__ring{opacity:1;animation:tt-whobar-spin .8s linear infinite}.tt-whobar .tt-whobar__photo.has-face .tt-whobar__ring{display:none}.tt-whobar .tt-whobar__chg{display:none;position:absolute;left:50%;bottom:-4px;translate:-50% 0;padding:1px 7px;border-radius:999px;background:var(--whobar-ink);color:#fff;font-size:10.5px;line-height:1.5;white-space:nowrap;pointer-events:none}.tt-whobar .tt-whobar__photo.is-busy .tt-whobar__chg{display:block}.tt-whobar .tt-whobar__photo.is-pulse{animation:tt-whobar-pulse .7s cubic-bezier(.3,1.25,.5,1)}.tt-whobar .tt-whobar__badge{position:absolute;left:50%;top:calc(100% - var(--whobar-tuck));translate:calc(-50% + var(--bx, 0px)) var(--by, 0px);z-index:1;display:none;place-items:center;width:var(--whobar-badge);height:var(--whobar-badge);box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#f395b3;color:#fff;box-shadow:var(--whobar-badge-shadow, 0 3px 8px rgba(22, 98, 160, .28), 0 1px 2px rgba(22, 98, 160, .14));animation:tt-whobar-pop .3s var(--whobar-ease) both}.tt-whobar .tt-whobar__badge svg{width:var(--whobar-icon);height:var(--whobar-icon);max-width:none}.tt-whobar .tt-whobar__photo.has-face:not(.is-busy) .tt-whobar__badge{display:grid}.tt-whobar.is-kbd .tt-whobar__photo.has-face:focus-visible .tt-whobar__badge{outline:2px solid #333;outline-offset:2px}.tt-whobar .tt-whobar__flds{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:#fff;box-shadow:var(--whobar-ring)}.tt-whobar .tt-whobar__in{height:54px;margin:0;padding:0 18px;border:0;border-radius:999px;background-color:transparent;color:var(--whobar-ink);font-size:16px;font-weight:400;outline:none;-webkit-appearance:none;appearance:none;transition:background-color .2s var(--whobar-ease)}.tt-whobar .tt-whobar__in:focus{background-color:#fbeff3}.tt-whobar .tt-whobar__in::placeholder{color:#a99ca1;opacity:1;font-weight:400;font-size:18px}.tt-whobar .tt-whobar__in.is-next::placeholder{color:var(--whobar-ink)}@media(max-width:359px){.tt-whobar .tt-whobar__in{padding:0 12px}}.tt-whobar .tt-whobar__name{flex:1 1 auto;min-width:0;width:100%}.tt-whobar .tt-whobar__sep{flex:0 0 auto;width:1.5px;height:28px;border-radius:1px;background:#33333324}.tt-whobar .tt-whobar__in.tt-whobar__age{flex:0 0 82px;width:82px;min-width:0;padding:0 8px;text-align:center}@media(max-width:359px){.tt-whobar .tt-whobar__in.tt-whobar__age{flex-basis:64px;width:64px}}.tt-whobar .tt-whobar__bubble{position:absolute;z-index:3;left:50%;translate:-50% 0;top:calc(100% + 10px);width:max-content;max-width:min(340px,100%);padding:10px 16px;border-radius:20px;background:#fff;color:var(--whobar-ink);box-shadow:var(--whobar-ring);font-size:14px;line-height:1.35;text-wrap:balance;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s var(--whobar-ease),visibility 0s linear .2s}.tt-whobar .tt-whobar__bubble.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s var(--whobar-ease),visibility 0s}.tt-whobar .tt-whobar__bubble.is-bad:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ffd84d;vertical-align:1px}.tt-whobar .tt-whobar__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.is-drag .tt-whobar .tt-whobar__photo{outline:2px dashed #fff;outline-offset:5px}.tt-whobar .tt-wc__mine{position:absolute;z-index:4;left:0;right:auto;top:calc(100% + 10px);bottom:auto;width:min(100%,360px);padding:12px 14px;border-radius:22px;background:#fff;color:var(--whobar-ink);box-shadow:var(--whobar-ring);text-align:left;animation:tt-whobar-drop .3s var(--whobar-ease) both}.tt-whobar .tt-wc__mine[hidden]{display:none}.tt-whobar .tt-wc__mlbl{margin:0 0 8px;font-size:13px;line-height:1.3;color:inherit;opacity:.72}.tt-whobar .tt-wc__mrow{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:7px 7px 4px;margin:-7px -7px 0}.tt-whobar .tt-wc__mrow::-webkit-scrollbar{display:none}.tt-whobar .tt-wc__mf{position:relative;flex:0 0 auto;display:flex}.tt-whobar .tt-wc__mf[hidden]{display:none}.tt-whobar .tt-wc__mpick{position:relative;width:56px;height:56px;padding:4px;margin:0;border:0;border-radius:14px;background:none;cursor:pointer;transition:transform .15s var(--whobar-ease),opacity .2s ease}.tt-whobar .tt-wc__mpick img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:url(#tt-sticker)}.tt-whobar .tt-wc__mpick[aria-pressed=true]:after{content:"";position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--whobar-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat}.tt-whobar .tt-wc__mf.is-loading .tt-wc__mpick{opacity:.45;cursor:progress}@media(hover:hover){.tt-whobar .tt-wc__mpick:hover{transform:translateY(-2px)}}.tt-whobar .tt-wc__mnew{flex:0 0 auto;height:56px;padding:0 16px;margin:0;border:1.5px dashed rgba(51,51,51,.72);border-radius:14px;background:transparent;color:var(--whobar-ink);font-size:14px;cursor:pointer;white-space:nowrap}.tt-whobar .tt-wc__mine:not(.has-saved) .tt-wc__mnew{flex:1 1 auto}.tt-whobar .tt-wc__keep{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;line-height:1.3;cursor:pointer}.tt-whobar .tt-wc__keep input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.tt-whobar .tt-wc__kbox{flex:0 0 auto;width:18px;height:18px;border-radius:6px;border:1.5px solid rgba(51,51,51,.72);display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .15s ease,border-color .15s ease}.tt-whobar .tt-wc__kbox svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.tt-whobar .tt-wc__keep input:checked+.tt-wc__kbox{background:var(--whobar-ink);border-color:var(--whobar-ink)}.tt-whobar .tt-wc__keep input:checked+.tt-wc__kbox svg{opacity:1;transform:none}.tt-whobar .tt-wc__keep input:focus-visible+.tt-wc__kbox{outline:2px solid var(--whobar-ink);outline-offset:2px}@keyframes tt-whobar-spin{to{transform:rotate(360deg)}}@keyframes tt-whobar-pop{0%{opacity:0;transform:scale(.8)}}@keyframes tt-whobar-drop{0%{opacity:0;transform:translateY(-6px)}}@keyframes tt-whobar-pulse{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.tt-whobar .tt-whobar__photo,.tt-whobar .tt-whobar__face,.tt-whobar .tt-whobar__badge,.tt-whobar .tt-wc__mine,.tt-whobar .tt-whobar__photo.is-pulse{animation:none;transition:none}.tt-whobar .tt-whobar__photo.is-busy .tt-whobar__ring{animation:tt-whobar-spin 2s linear infinite!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/tt-who-bar.css.map */