#page-react .guideline-dialog{width:500px;height:calc(100vh - 20px);border-radius:1rem;position:fixed;top:50%;right:10px;transform:translateY(-50%);z-index:1000;background-color:var(--color-5);color:var(--color-14);overflow:auto;box-shadow:1px 1px 4px var(--color-1);display:none}#page-react .guideline-dialog.selected{display:block}#page-react .guideline-dialog .g-close{width:100%;box-sizing:border-box;padding:10px;display:flex;justify-content:flex-end}#page-react .guideline-dialog .g-close .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#page-react .guideline-dialog .g-close button.button-icon{outline:none;padding:0;border:none}#page-react .guideline-dialog .g-close .button-icon{background-color:var(--color-5);color:var(--color-14)}#page-react .guideline-dialog .g-close .button-icon svg{width:15px}#page-react .guideline-dialog .g-zero{width:100%;position:relative;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;gap:10px}#page-react .guideline-dialog .g-zero .frame{width:100%;height:200px;border-radius:.4rem;overflow:hidden}#page-react .guideline-dialog .g-zero .frame img{width:100%;height:100%;object-position:center;object-fit:cover}#page-react .guideline-dialog .g-zero h4{font-size:1.4rem;box-sizing:border-box;padding:0 25px}#page-react .guideline-dialog .g-zero p{font-size:1rem;text-align:justify}#page-react .guideline-dialog .g-core{width:100%;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;gap:25px}#page-react .guideline-dialog .g-core .block-note{width:100%;box-sizing:border-box;padding:10px;border-radius:1rem;overflow:hidden;background-color:var(--color-4)}#page-react .guideline-dialog .g-core .block-note .bn-frame{width:100%;height:100px}#page-react .guideline-dialog .g-core .block-note .bn-frame img{width:100%;height:100%;object-fit:cover;object-position:center}#page-react .guideline-dialog .g-core .block-note .bn-content{width:100%;box-sizing:border-box;padding:25px 10px}#page-react .guideline-dialog .g-core .block-note .bn-content h6{font-size:1.1rem;text-align:justify}#page-react .guideline-dialog .g-core .block-note .bn-content p{font-size:.9rem;text-align:justify;margin-top:25px}@media (max-width: 600px){#page-react .guideline-dialog{min-width:auto;max-width:auto;width:calc(100% - 20px)}}