.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:'';position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.social-preview{display:flex;flex-direction:column;width:1200px;height:600px;padding:60px}.social-preview .site-title{position:absolute;top:20px;right:30px;font-size:28px;color:#000;z-index:1000}.social-preview .site-title span{color:rgba(0,0,0,.5)}.social-preview-head{margin-bottom:1em}.social-preview-head h2{font-size:36px}.social-preview-body{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;margin-left:auto;width:90%;border:10px solid #000}.social-preview-inner{padding:5% 0;max-width:95%;background-color:#fff;transform:translateX(-40px)}.social-preview-inner .headline{font-size:64px}.social-preview-tags{position:absolute;bottom:20px;left:30px}.social-preview-tags .tag{margin-right:1rem;font-size:28px;border-radius:8px}