@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");.code-container{.content{text-align:center}.left-content{display:inline-block;margin-right:20.48px;max-width:898px;text-align:left;width:100%;.code-group{margin-top:40px}.editor{margin-bottom:20.48px;.accordion:hover,.active{background-color:#ccc}.accordion{background-color:#f2f2f2;border:0;border-top-left-radius:6.83px;border-top-right-radius:6.83px;color:#444;cursor:pointer;font-family:Outfit;font-size:17.06px;font-weight:600;height:59.721744537353516px;left:.43px;letter-spacing:0;line-height:27.3px;max-width:898.5324096679688px;opacity:1;padding-left:17.06px;text-align:left;transition:.4s;width:100%;&:after{content:"\002B";float:right;margin-right:17px}&.active:after{content:"\2212"}}pre{background:#000;border:0!important;border-radius:0!important;color:#fff;font-size:13.65px;font-weight:400;line-height:23.89px;margin:0;padding:20px}}}.right-content{border-radius:8px;border-top-width:4.27px;box-shadow:0 7.68px 20.73px 0 #00000036;display:inline-block;gap:13.65px;height:323.72772216796875px;margin:85px 0;max-width:374.5406494140625px;opacity:1;padding:20.48px;text-align:left;vertical-align:top;width:100%;.detail{padding-bottom:12.8px;padding-top:12.8px;&:not(:last-child){border-bottom:.85px solid #e3e3e3}}h4{color:#1c1c1c;font-weight:700}h4,p{font-family:Proxima Nova;font-size:13.65px;letter-spacing:0;line-height:130%}p{color:#080808;font-weight:400}}}