.ui-share{position:fixed;left:var(--padding-x2);bottom:var(--padding-x2);z-index:20;width:17rem;display:none}.ui-share.is-visible{display:block}.ui-share .share-item,.ui-share .share-toggle{width:100%;display:flex;align-items:baseline;gap:var(--padding-x2);padding:var(--padding-50) var(--padding);border:1px solid #fe5000;background:var(--bg-color);color:#fe5000;font-family:var(--font);font-size:var(--base-size);line-height:1.35;text-align:left;cursor:pointer;box-sizing:border-box;white-space:nowrap}@media screen and (max-width:780px){.ui-share .share-item,.ui-share .share-toggle{width:85%}}.ui-share .share-item .cn,.ui-share .share-toggle .cn{flex:0 0 5.5rem;max-width:5.5rem;padding-bottom:1px}.ui-share .share-item .en,.ui-share .share-toggle .en{flex:1;min-width:0;text-transform:uppercase;padding-bottom:1px}.ui-share .share-item:hover,.ui-share .share-toggle:hover{background:#fe5000;color:#fff}.ui-share .share-menu{position:absolute;left:0;bottom:calc(100% - 1px);width:100%;display:flex;flex-direction:column;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease}.ui-share .share-menu .share-item+.share-item{border-top:0}.ui-share .share-toggle{position:relative;z-index:2}.ui-share.is-open .share-menu{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0);pointer-events:auto}@media screen and (max-width:780px){.ui-share{left:var(--padding);bottom:var(--padding);width:24rem}.ui-share .share-item,.ui-share .share-toggle{gap:var(--padding);padding:var(--padding-50) var(--padding-50);font-size:var(--small-size)}}