.styles-module__zTIV_q__sidebar{flex-direction:column;padding-top:25px;display:flex}.styles-module__zTIV_q__sidebarItem{color:#104fbb;border-left:3px solid #0000;padding:10px;text-decoration:none}.styles-module__zTIV_q__sidebarItem:hover{color:#0a2e6b;background-color:#ececec;font-weight:700}.styles-module__zTIV_q__sidebarItemActive{border-left:3px solid #104fbb}.styles-module__zTIV_q__mobileClose{display:none}@media screen and (max-width:768px){.styles-module__zTIV_q__sidebar{z-index:1500;background:#fff;width:225px;height:100%;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #00000026}.styles-module__zTIV_q__open{transform:translate(0)}.styles-module__zTIV_q__mobileClose{display:block}}
.styles-module__Ah2aPq__sidebarPageLayout{grid-template-columns:200px 1fr;display:grid}.styles-module__Ah2aPq__menuButton{display:none}@media screen and (max-width:768px){.styles-module__Ah2aPq__menuButton{cursor:pointer;font-size:24px;display:block}}@media screen and (max-width:900px){.styles-module__Ah2aPq__sidebarPageLayout{grid-template-columns:1fr}}
.styles-module__TnGjZq__example{border:1px solid var(--goj-color-light-gray);background-color:var(--goj-color-white);border-radius:4px;margin-bottom:24px}.styles-module__TnGjZq__title{color:var(--goj-color-white);background-color:var(--goj-color-red);margin-top:0;margin-bottom:12px;padding:12px 12px 10px;font-weight:700}.styles-module__TnGjZq__content{padding:12px}.styles-module__TnGjZq__content[data-inverse=true]{background-color:var(--goj-color-blue);color:var(--goj-color-white)}.styles-module__TnGjZq__contentIframe{border:none;width:100%;height:0}.styles-module__TnGjZq__tabs{border-top:2px solid var(--goj-color-light-gray);margin-top:12px;display:flex}.styles-module__TnGjZq__tab{cursor:pointer;color:#1d70b8;border:none;border-right:1px solid var(--goj-color-light-gray);background-color:#fff;width:fit-content;padding:10px 12px;font-size:18px;text-decoration:underline}.styles-module__TnGjZq__tab:hover{background-color:#ececec;text-decoration:underline}.styles-module__TnGjZq__code{margin:0;background-color:#f5f4f4!important;padding:20px 10px!important}.styles-module__TnGjZq__copyCode{height:30px;font-size:16px;position:absolute;top:10px;right:10px}.styles-module__TnGjZq__copyCode:hover{cursor:pointer}