.focus-shift-container{transform-origin:50% 30vh;will-change:transform, filter, border-radius;z-index:1;transition:transform .7s cubic-bezier(.4,0,.2,1),filter .7s cubic-bezier(.4,0,.2,1),border-radius .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1);position:relative}body.focus-shift-active .focus-shift-container{filter:blur(2px)brightness(.5)saturate(.3);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:24px;transform:scale(.92)}.focus-shift-overlay{-webkit-backdrop-filter:blur(12px)saturate(120%);z-index:9998;opacity:0;visibility:hidden;pointer-events:none;background:#0006;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;right:0}.focus-shift-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.focus-shift-modal{z-index:9999;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.focus-shift-modal.entering{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards focusShiftModalEnter}.focus-shift-modal.exiting{animation:.3s cubic-bezier(.4,0,.2,1) forwards focusShiftModalExit}@keyframes focusShiftModalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes focusShiftModalExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(10px)}}body.focus-shift-active .modal.show,body.focus-shift-active .sm-modal.show,body.focus-shift-active .comments-modal.show,body.focus-shift-active .sw-modal-backdrop.show,body.focus-shift-active .modal-overlay.show{z-index:9999}.modal.show,.sm-modal.show,.comments-modal.show,.sw-modal-backdrop.show,.modal-overlay.show{animation:none!important}.focus-shift-modal.entering.modal,.focus-shift-modal.entering.sm-modal,.focus-shift-modal.entering.comments-modal,.focus-shift-modal.entering.sw-modal-backdrop,.focus-shift-modal.entering.modal-overlay{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards focusShiftModalEnter}.focus-shift-modal.exiting.modal,.focus-shift-modal.exiting.sm-modal,.focus-shift-modal.exiting.comments-modal,.focus-shift-modal.exiting.sw-modal-backdrop,.focus-shift-modal.exiting.modal-overlay{animation:.3s cubic-bezier(.4,0,.2,1) forwards focusShiftModalExit}.focus-shift-modal .modal-content,.focus-shift-modal .sm-modal-content,.focus-shift-modal .comments-modal-content,.focus-shift-modal .sw-modal-content,.focus-shift-modal .modal-overlay-content{flex-direction:column;max-height:90vh;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.focus-shift-modal{align-items:flex-start;padding:0}.focus-shift-modal .modal-content,.focus-shift-modal .sm-modal-content,.focus-shift-modal .comments-modal-content,.focus-shift-modal .sw-modal-content,.focus-shift-modal .modal-overlay-content{border-radius:0;width:100%;max-width:100%;height:100vh;max-height:100vh;margin:0}body.focus-shift-active .focus-shift-container{border-radius:16px}}