:root{--ofi-panel-width:420px;--ofi-z-index:999900;--ofi-transition-duration:0.35s;--ofi-transition-easing:cubic-bezier(0.4,0,0.2,1);--ofi-overlay-bg:rgba(0,0,0,.45);--ofi-panel-bg:#fff;--ofi-panel-shadow:-6px 0 32px rgba(0,0,0,.18);--ofi-close-size:36px}.ofi-tab{border:none;border-radius:0 .35em .35em 0;box-shadow:-3px 0 10px rgba(0,0,0,.2);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1;padding:18px 10px;position:fixed;right:0;top:50%;transform:translateY(-50%) rotate(180deg);transition:padding-bottom .2s ease,box-shadow .2s ease,opacity .25s ease;white-space:nowrap;writing-mode:vertical-rl;z-index:var(--ofi-z-index)}.ofi-tab:hover{box-shadow:-4px 0 14px rgba(0,0,0,.28);padding-bottom:16px}.ofi-tab:focus-visible{outline:3px solid currentColor;outline-offset:2px}.ofi-wrapper.is-open .ofi-tab{opacity:0;pointer-events:none}.ofi-overlay{background:var(--ofi-overlay-bg);cursor:pointer;inset:0;opacity:0;position:fixed;transition:opacity var(--ofi-transition-duration) var(--ofi-transition-easing),visibility var(--ofi-transition-duration) var(--ofi-transition-easing);visibility:hidden;z-index:calc(var(--ofi-z-index) + 1)}.ofi-wrapper.is-open .ofi-overlay{opacity:1;visibility:visible}.ofi-panel{background:var(--ofi-panel-bg);box-shadow:var(--ofi-panel-shadow);height:100%;max-width:92vw;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform var(--ofi-transition-duration) var(--ofi-transition-easing);width:var(--ofi-panel-width);z-index:calc(var(--ofi-z-index) + 2)}.ofi-wrapper.is-open .ofi-panel{transform:translateX(0)}.ofi-close{align-items:center;background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:50%;color:inherit;cursor:pointer;display:flex;height:var(--ofi-close-size);justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:12px;transition:background .15s ease,border-color .15s ease;width:var(--ofi-close-size)}.ofi-close:hover{background:rgba(0,0,0,.07);border-color:rgba(0,0,0,.3)}.ofi-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ofi-close svg{display:block;flex-shrink:0}.ofi-panel__content{padding:60px 24px 32px}@media(prefers-reduced-motion:reduce){.ofi-overlay,.ofi-panel,.ofi-tab{transition:none}}