.tp-sync-stamp { display: inline-flex; flex: 0 0 auto; vertical-align: middle; }
.tp-sync-stamp .tp-sync-stamp__button {
    display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box; width: 30px; height: 30px; min-width: 30px; min-height: 30px; flex: 0 0 auto;
    margin: 0; padding: 0; border: 1px solid rgba(239,209,156,.3);
    border-radius: 50%; background: transparent; color: #efd19c;
    cursor: pointer; line-height: 1; box-shadow: none;
}
.tp-sync-stamp .tp-sync-stamp__button:hover { background: rgba(239,209,156,.12); color: #f9f4e5; }
.tp-sync-stamp .tp-sync-stamp__button:focus-visible { outline: 2px solid #efd19c; outline-offset: 3px; }
.tp-sync-stamp__button svg { display: block; flex: 0 0 auto; }
.tp-sync-stamp__tip {
    position: fixed; inset: auto; margin: 0; box-sizing: border-box;
    width: max-content; max-width: min(300px, calc(100vw - 24px));
    padding: 12px 14px; border: 1px solid rgba(239,209,156,.45); border-radius: 10px;
    background: #071e22; color: #f9f4e5; box-shadow: 0 10px 24px rgba(0,0,0,.28);
    font-family: Arial, sans-serif; font-size: 14px; font-weight: 400;
    line-height: 1.5; letter-spacing: normal; text-transform: none;
    text-align: start; white-space: normal; overflow-wrap: anywhere; z-index: 100001;
}
.tp-sync-stamp__tip:popover-open { display: block; }
@media (hover: none) { .tp-sync-stamp .tp-sync-stamp__button { width: 44px; height: 44px; min-width: 44px; min-height: 44px; } }
@media print { .tp-sync-stamp, .tp-sync-stamp__tip { display: none !important; } }