@media(min-width:75rem){.social-bar{flex-shrink:0;width:var(--content-left);background-color:var(--color--gray-100)}}.social-bar__inner{position:relative;padding-block:var(--sp0-5);padding-inline-start:var(--sp);padding-inline-end:var(--sp)}@media(min-width:75rem){.social-bar__inner{position:relative;width:var(--content-left);padding-block:calc(5 * var(--sp));padding-inline-start:0;padding-inline-end:0}.social-bar__inner.is-fixed{position:fixed;inset-block-start:var(--sp6);inset-inline-start:0;height:calc(100vh - 6 * var(--sp))}}.rotate>*{margin-block-end:var(--sp2)}@media(min-width:75rem){.rotate>*{display:flex;align-items:center;margin-block-end:0}.rotate>*:not(:first-child){margin-inline-end:var(--sp2)}}@media(min-width:75rem){.rotate .contextual{inset-inline:100% auto;transform:rotate(90deg);transform-origin:top left}.rotate .contextual .trigger{float:left}[dir=rtl] .rotate .contextual .trigger{float:right}}@media(min-width:75rem){.rotate{position:absolute;inset-inline-start:50%;display:flex;flex-direction:row-reverse;width:100vh;transform:rotate(-90deg) translateX(-100%);transform-origin:left}@supports(width:max-content){.rotate{width:max-content}}}@media(min-width:75rem){[dir=rtl] .rotate{transform:rotate(90deg) translateX(100%);transform-origin:right}[dir=rtl] .rotate .contextual{transform:rotate(-90deg);transform-origin:top right}}