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