html body .dt-social{--s-ink: #0a0a0a;--s-muted: #6b6b70;--s-line: rgba(10, 10, 10, 0.1);--s-red: #d23c3c;--s-ease: cubic-bezier(0.22, 1, 0.36, 1);--s-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--s-h: 52px;position: relative;margin: 0 0 20px;font-family: "Inter", -apple-system, "SF Pro Text", system-ui, sans-serif;-webkit-font-smoothing: antialiased}html body .dt-social *, html body .dt-social *::before, html body .dt-social *::after{box-sizing: border-box}html body .dt-social__row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}html body .dt-social[data-count="1"] .dt-social__row{grid-template-columns: minmax(0, 1fr)}html body .dt-social .dt-social__btn{--tint: 66, 133, 244;position: relative;isolation: isolate;display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;min-width: 0;height: var(--s-h);margin: 0;padding: 0 18px;overflow: hidden;border: 0;border-radius: 999px;background: linear-gradient(150deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.72) 55%, rgba(255, 255, 255, 0.6) 100%);box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(10, 10, 10, 0.09), inset 0 -10px 20px -16px rgba(10, 10, 10, 0.14), 0 1px 2px rgba(10, 10, 10, 0.05), 0 10px 24px -16px rgba(10, 10, 10, 0.3);-webkit-backdrop-filter: blur(14px) saturate(1.6);backdrop-filter: blur(14px) saturate(1.6);color: var(--s-ink);font: 600 15px/1 "Inter", -apple-system, "SF Pro Text", system-ui, sans-serif;letter-spacing: -0.01em;text-transform: none;cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 0.45s var(--s-spring), box-shadow 0.35s var(--s-ease), opacity 0.3s var(--s-ease), filter 0.3s var(--s-ease);animation: dt-social-in 0.62s var(--s-ease) backwards;animation-delay: var(--d, 0s)}html body .dt-social .dt-social__btn--facebook{--tint: 24, 119, 242}html body .dt-social .dt-social__glow{position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: radial-gradient(120px circle at var(--x, 50%) var(--y, 50%), rgba(var(--tint), 0.16), transparent 70%);opacity: 0;transition: opacity 0.35s var(--s-ease);pointer-events: none}html body .dt-social .dt-social__btn--google .dt-social__glow{background: radial-gradient(120px circle at var(--x, 50%) var(--y, 50%), rgba(66, 133, 244, 0.14), transparent 70%), radial-gradient(160px circle at calc(var(--x, 50%) + 40px) calc(var(--y, 50%) + 30px), rgba(52, 168, 83, 0.08), transparent 70%), radial-gradient(160px circle at calc(var(--x, 50%) - 40px) calc(var(--y, 50%) - 20px), rgba(251, 188, 5, 0.08), transparent 70%)}html body .dt-social .dt-social__btn::after{content: "";position: absolute;top: -20%;bottom: -20%;left: 0;width: 46%;z-index: 1;background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.75) 50%, transparent 100%);transform: translateX(-160%) skewX(-18deg);pointer-events: none}html body .dt-social .dt-social__ic{position: relative;flex: none;display: grid;place-items: center;width: 22px;height: 22px}html body .dt-social .dt-social__logo{display: block;width: 20px;height: 20px;transition: transform 0.5s var(--s-spring), opacity 0.25s var(--s-ease)}html body .dt-social .dt-social__label{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: opacity 0.3s var(--s-ease), transform 0.4s var(--s-ease)}html body .dt-social .dt-social__pre{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap}html body .dt-social[data-count="1"] .dt-social__pre{position: static;width: auto;height: auto;overflow: visible;clip: auto;clip-path: none}@container (min-width: 250px){html body .dt-social .dt-social__pre{position: static;width: auto;height: auto;overflow: visible;clip: auto;clip-path: none}}html body .dt-social .dt-social__btn{container-type: inline-size}@media (hover: hover){html body .dt-social .dt-social__btn:hover{transform: translateY(-2px);box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(var(--tint), 0.22), inset 0 -10px 20px -16px rgba(10, 10, 10, 0.12), 0 2px 4px rgba(10, 10, 10, 0.04), 0 18px 34px -18px rgba(var(--tint), 0.5)}html body .dt-social .dt-social__btn:hover .dt-social__glow{opacity: 1}html body .dt-social .dt-social__btn:hover::after{transform: translateX(330%) skewX(-18deg);transition: transform 0.85s var(--s-ease)}html body .dt-social .dt-social__btn--google:hover .dt-social__logo{transform: rotate(-14deg) scale(1.1)}html body .dt-social .dt-social__btn--facebook:hover .dt-social__logo{transform: translateY(-1px) scale(1.12)}}html body .dt-social .dt-social__btn:active{transform: scale(0.965);transition-duration: 0.12s}html body .dt-social .dt-social__btn:focus{outline: none}html body .dt-social .dt-social__btn:focus-visible{outline: 2px solid var(--s-ink);outline-offset: 3px}html body .dt-social .dt-social__ring, html body .dt-social .dt-social__ok{position: absolute;pointer-events: none}html body .dt-social .dt-social__ring{inset: -7px;width: calc(100% + 14px);height: calc(100% + 14px);opacity: 0;transform: rotate(-90deg);transition: opacity 0.25s var(--s-ease)}html body .dt-social .dt-social__ring circle{fill: none;stroke: rgb(var(--tint));stroke-width: 2.2;stroke-linecap: round;stroke-dasharray: 104;stroke-dashoffset: 78;transform-origin: 50% 50%;transition: stroke-dashoffset 0.5s var(--s-ease), stroke 0.3s var(--s-ease)}html body .dt-social .dt-social__ok{inset: 0;width: 100%;height: 100%;opacity: 0}html body .dt-social .dt-social__ok path{fill: none;stroke: #fff;stroke-width: 2.6;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 20;stroke-dashoffset: 20}html body .dt-social .dt-social__btn.is-busy{cursor: progress}html body .dt-social .dt-social__btn.is-busy .dt-social__ring{opacity: 1}html body .dt-social .dt-social__btn.is-busy .dt-social__ring circle{animation: dt-social-spin 0.9s linear infinite}html body .dt-social .dt-social__btn.is-busy .dt-social__logo{transform: scale(0.82)}html body .dt-social .dt-social__btn.is-busy .dt-social__glow{opacity: 1;animation: dt-social-breathe 1.6s ease-in-out infinite}html body .dt-social .dt-social__btn.is-other{opacity: 0.42;filter: saturate(0.4);transform: scale(0.98)}html body .dt-social.is-busy .dt-social__btn, html body .dt-social.is-done .dt-social__btn{pointer-events: none}html body .dt-social .dt-social__btn.is-done .dt-social__ring{opacity: 1}html body .dt-social .dt-social__btn.is-done .dt-social__ring circle{stroke: #34a853;stroke-dashoffset: 0;animation: none}html body .dt-social .dt-social__btn.is-done .dt-social__logo{opacity: 0;transform: scale(0.4) rotate(-30deg)}html body .dt-social .dt-social__btn.is-done .dt-social__ic::before{content: "";position: absolute;inset: -2px;border-radius: 50%;background: #34a853;animation: dt-social-pop 0.42s var(--s-spring) 0.12s both}html body .dt-social .dt-social__btn.is-done .dt-social__ok{opacity: 1}html body .dt-social .dt-social__btn.is-done .dt-social__ok path{animation: dt-social-draw 0.38s var(--s-ease) 0.28s forwards}html body .dt-social .dt-social__btn.is-done{box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(52, 168, 83, 0.32), 0 14px 30px -18px rgba(52, 168, 83, 0.55)}html body .dt-social .dt-social__msg{display: flex;align-items: flex-start;gap: 8px;margin: 12px 2px 0;padding: 10px 12px;border-radius: 14px;background: rgba(210, 60, 60, 0.07);box-shadow: inset 0 0 0 1px rgba(210, 60, 60, 0.14);color: #9a2323;font: 500 13.5px/1.45 "Inter", -apple-system, system-ui, sans-serif;text-align: left}html body .dt-social .dt-social__msg[hidden]{display: none}html body .dt-social .dt-social__msg.is-in{animation: dt-social-msg 0.4s var(--s-ease) both}html body .dt-social .dt-social__msg svg{flex: none;width: 17px;height: 17px;margin-top: 1px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round}html body .dt-social .dt-social__msg a{color: inherit;font-weight: 600;text-decoration: underline}html body .dt-social .dt-social__or{display: flex;align-items: center;gap: 14px;margin: 20px 0 0;color: var(--s-muted);font: 600 12px/1 "Inter", -apple-system, system-ui, sans-serif;letter-spacing: 0.12em;text-transform: uppercase}html body .dt-social .dt-social__or::before, html body .dt-social .dt-social__or::after{content: "";flex: 1;height: 1px;background: linear-gradient(90deg, transparent, var(--s-line) 30%, var(--s-line));transform-origin: right center;animation: dt-social-rule 0.7s var(--s-ease) 0.18s both}html body .dt-social .dt-social__or::after{background: linear-gradient(270deg, transparent, var(--s-line) 30%, var(--s-line));transform-origin: left center}html body .dt-social .dt-social__or span{animation: dt-social-fade 0.5s var(--s-ease) 0.3s both}html body .dt-social.is-asking .dt-social__or, html body .dt-social.is-done .dt-social__or{opacity: 0.4;transition: opacity 0.3s var(--s-ease)}html body .dt-social.is-asking .dt-social__row{display: none}html body .dt-social .dt-social__ask{animation: dt-social-in 0.5s var(--s-ease) both}html body .dt-social .dt-social__ask[hidden]{display: none}html body .dt-social .dt-social__ask-text{display: flex;gap: 10px;align-items: flex-start;margin: 0 0 12px;color: var(--s-muted);font: 500 14px/1.45 "Inter", -apple-system, system-ui, sans-serif}html body .dt-social .dt-social__ask-row{display: flex;gap: 8px;padding: 5px;border-radius: 999px;background: linear-gradient(150deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.7));box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(10, 10, 10, 0.1), 0 10px 24px -18px rgba(10, 10, 10, 0.3);transition: box-shadow 0.25s var(--s-ease)}html body .dt-social .dt-social__ask-row:focus-within{box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1.5px rgba(24, 119, 242, 0.5), 0 0 0 4px rgba(24, 119, 242, 0.1), 0 10px 24px -18px rgba(10, 10, 10, 0.3)}html body .dt-social .dt-social__ask-input, html body .dt-social .dt-social__ask-input:focus{flex: 1;min-width: 0;height: 44px;margin: 0;padding: 0 14px;border: 0;border-radius: 999px;outline: none;background: transparent;box-shadow: none;color: var(--s-ink);font: 500 16px/1 "Inter", -apple-system, system-ui, sans-serif}html body .dt-social .dt-social__ask-input.is-invalid{color: var(--s-red)}html body .dt-social .dt-social__ask-go{position: relative;flex: none;display: inline-flex;align-items: center;justify-content: center;height: 44px;margin: 0;padding: 0 20px;border: 0;border-radius: 999px;background: linear-gradient(145deg, #2a2a2d 0%, #0a0a0a 60%);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 10px 22px -12px rgba(10, 10, 10, 0.5);color: #fff;font: 600 14.5px/1 "Inter", -apple-system, system-ui, sans-serif;cursor: pointer;transition: transform 0.35s var(--s-spring)}html body .dt-social .dt-social__ask-go:active{transform: scale(0.96)}html body .dt-social .dt-social__dots{position: absolute;inset: 0;display: none;align-items: center;justify-content: center;gap: 4px}html body .dt-social .dt-social__dots i{width: 5px;height: 5px;border-radius: 50%;background: #fff;animation: dt-social-dot 0.9s ease-in-out infinite}html body .dt-social .dt-social__dots i:nth-child(2){animation-delay: 0.12s}html body .dt-social .dt-social__dots i:nth-child(3){animation-delay: 0.24s}html body .dt-social .dt-social__ask-go.is-loading > span{opacity: 0}html body .dt-social .dt-social__ask-go.is-loading .dt-social__dots{display: flex}html body .dt-social .dt-social__ask-back{display: block;margin: 12px auto 0;padding: 4px 6px;border: 0;background: none;color: var(--s-muted);font: 600 13.5px/1.2 "Inter", -apple-system, system-ui, sans-serif;text-decoration: underline;text-decoration-color: rgba(10, 10, 10, 0.2);text-underline-offset: 3px;cursor: pointer}html body .dt-social .dt-social__ask-back:hover{color: var(--s-ink)}html body .dt-social .is-shake{animation: dt-social-shake 0.42s var(--s-ease)}html body .dt-social--popup{margin-bottom: 18px}html body .dt-social--page{margin: 4px 0 22px}html body .dt-social--checkout{--s-h: 50px;margin: 2px 0 16px}html body .dt-social--checkout .dt-social__or{margin-top: 16px}@media (max-width: 767px){html body .dt-social{--s-h: 50px}html body .dt-social .dt-social__btn{gap: 9px;padding: 0 14px;font-size: 15px;-webkit-backdrop-filter: none;backdrop-filter: none;background: linear-gradient(150deg, #fff 0%, rgba(255, 255, 255, 0.88) 100%)}html body .dt-social .dt-social__or{margin-top: 18px}}@keyframes dt-social-in{from{opacity: 0;transform: translate3d(0, 10px, 0) scale(0.97)}to{opacity: 1;transform: none}}@keyframes dt-social-rule{from{transform: scaleX(0);opacity: 0}to{transform: scaleX(1);opacity: 1}}@keyframes dt-social-fade{from{opacity: 0}to{opacity: 1}}@keyframes dt-social-spin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}@keyframes dt-social-breathe{50%{opacity: 0.45}}@keyframes dt-social-pop{from{transform: scale(0)}to{transform: scale(1)}}@keyframes dt-social-draw{to{stroke-dashoffset: 0}}@keyframes dt-social-msg{from{opacity: 0;transform: translate3d(0, -6px, 0)}to{opacity: 1;transform: none}}@keyframes dt-social-shake{20%{transform: translateX(-7px)}40%{transform: translateX(6px)}60%{transform: translateX(-4px)}80%{transform: translateX(2px)}}@keyframes dt-social-dot{0%, 80%, 100%{opacity: 0.35;transform: scale(0.8)}40%{opacity: 1;transform: scale(1)}}@media (prefers-reduced-motion: reduce){html body .dt-social *, html body .dt-social *::before, html body .dt-social *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}html body .dt-social .dt-social__btn.is-busy .dt-social__ring circle{stroke-dashoffset: 52}}
