.protected-content-wrapper{--mpl-cell-size:40px;--mpl-grid-cols:4;--mpl-grid-rows:2;margin:1.5em 0;padding:10px;border:1px solid #e0e0e0;border-radius:4px;background-color:inherit;display:block}.protected-preview-content{margin-bottom:10px;font-size:.95em;color:#555}.protected-preview-content p{margin-bottom:.5em}.protected-preview-heading{font-weight:700;margin-bottom:8px;color:#333}.protected-link-grid-container{display:inline-block;position:relative}.protected-link-grid{display:grid;grid-template-columns:repeat(var(--mpl-grid-cols,4),1fr);grid-template-rows:repeat(var(--mpl-grid-rows,2),1fr);gap:1px;width:calc(var(--mpl-grid-cols,4) * var(--mpl-cell-size,40px) + (var(--mpl-grid-cols,4) - 1) * 1px);height:calc(var(--mpl-grid-rows,2) * var(--mpl-cell-size,40px) + (var(--mpl-grid-rows,2) - 1) * 1px);border:none;padding:0;transition:opacity .3s;outline:0}.grid-cell{width:var(--mpl-cell-size,40px);height:var(--mpl-cell-size,40px);cursor:pointer;border:none;outline:0;transition:transform .1s ease-out,box-shadow .1s ease-out;user-select:none}.grid-cell:focus{outline:Highlight solid 2px;outline:-webkit-focus-ring-color solid 2px;outline-offset:-2px;z-index:10}.grid-cell:hover{transform:scale(1.03);z-index:5}.lock-icon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;max-width:100%;max-height:100%}.shake-error{animation:.5s cubic-bezier(.36,.07,.19,.97) both mpl-shake;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes mpl-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.revealed-protected-content{background-color:transparent;color:inherit;padding:15px;margin:1.5em 0}.revealed-protected-content a{color:inherit;text-decoration:underline}.revealed-protected-content a:hover{color:inherit;text-decoration:none}