@media screen and (min-width:768px){.codeSamples-element[data-v-9b19ded5]{background-color:#081a2c;height:-moz-fit-content;height:fit-content;padding:100px 0;width:100%}.codeSamples-element .codeSamples-box[data-v-9b19ded5]{align-items:center;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;margin:0 auto;width:var(--version-heart-width)}.codeSamples-element .codeSamples-box .codeSamples-title[data-v-9b19ded5]{color:#fff;font-size:40px;font-weight:600;line-height:50px;margin-bottom:20px;text-align:center;width:800px}.codeSamples-element .codeSamples-box .codeSamples-subtitle[data-v-9b19ded5]{color:#fff;font-size:18px;font-weight:400;line-height:23px;margin-bottom:44px;text-align:center;width:800px}.codeSamples-element .codeSamples-box .codeSamples-switch[data-v-9b19ded5]{align-items:center;background-color:#22374c;border-radius:8px;display:flex;height:48px;margin-bottom:40px;padding:4px;width:-moz-fit-content;width:fit-content}.codeSamples-element .codeSamples-box .codeSamples-switch>div[data-v-9b19ded5]{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;line-height:20px;margin-right:8px;width:184px}.codeSamples-element .codeSamples-box .codeSamples-switch>div[data-v-9b19ded5]:last-of-type{margin-right:0}.codeSamples-element .codeSamples-box .codeSamples-switch .switchItem-selected[data-v-9b19ded5]{background-color:#cdfa89;color:#081a2c}.codeSamples-element .codeSamples-box .codeSamples-content[data-v-9b19ded5]{display:flex;flex-direction:column;width:100%}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom[data-v-9b19ded5],.codeSamples-element .codeSamples-box .codeSamples-content .content-top[data-v-9b19ded5]{display:flex;justify-content:space-between;margin-bottom:40px}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div[data-v-9b19ded5],.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div[data-v-9b19ded5]{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;position:relative;width:calc(50% - 12px)}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>span[data-v-9b19ded5],.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div>span[data-v-9b19ded5]{color:#fff;font-size:20px;font-weight:500;line-height:25px;margin-bottom:12px}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>div[data-v-9b19ded5]:first-of-type,.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div>div[data-v-9b19ded5]:first-of-type{background:#0d2034;border:1px solid #162f4a;border-radius:12px;height:458px;overflow:auto;padding:32px;width:100%}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>div[data-v-9b19ded5]:first-of-type pre code,.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div>div[data-v-9b19ded5]:first-of-type pre code{white-space:pre-wrap;word-break:break-word}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div[data-v-9b19ded5] .code-copy,.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div[data-v-9b19ded5] .code-copy{bottom:28px;right:28px}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom[data-v-9b19ded5]{margin-bottom:0}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div[data-v-9b19ded5]{width:100%}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>div[data-v-9b19ded5]:first-of-type{padding:0}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>div:first-of-type>img[data-v-9b19ded5]{height:auto;width:100%}.codeSamples-element .codeSamples-box .codeSamples-tryOut[data-v-9b19ded5]{align-items:center;background:#0d2034;border:1px solid #162f4a;border-radius:12px;display:flex;height:-moz-fit-content;height:fit-content;margin-top:40px;padding:22px 40px;width:100%}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-text[data-v-9b19ded5]{display:flex;flex:1;margin-left:10px}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-text>div[data-v-9b19ded5]{display:flex;flex-direction:column;margin-left:32px;max-width:810px}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-text>div>span[data-v-9b19ded5]{color:#fff;font-size:22px;line-height:28px;margin-bottom:16px}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-text>div>div[data-v-9b19ded5]{color:#ffffffa3;font-size:16px;font-weight:400;line-height:20px}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-buttonList[data-v-9b19ded5]{display:flex;flex-direction:column}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-buttonList .tryOut-button[data-v-9b19ded5]{background-color:#cdfa89;border-radius:6px;color:#081a2c;font-size:18px;height:52px;line-height:23px;padding:0 34px;width:-moz-fit-content;width:fit-content}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-buttonList .tryOut-button[data-v-9b19ded5]:last-of-type{background-color:transparent;border:1px solid #fff;color:#fff;margin-top:16px}}@media screen and (max-width:767px){.codeSamples-element[data-v-9b19ded5]{background-color:#081a2c;height:-moz-fit-content;height:fit-content;padding:6rem 0;width:100%}.codeSamples-element .codeSamples-box[data-v-9b19ded5]{align-items:center;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;width:100%}.codeSamples-element .codeSamples-box .codeSamples-title[data-v-9b19ded5]{color:#fff;font-size:2.4rem;font-weight:600;line-height:3rem;margin-bottom:1.6rem;padding:0 1.6rem;text-align:center;width:100%}.codeSamples-element .codeSamples-box .codeSamples-subtitle[data-v-9b19ded5]{color:#fff;font-size:1.6rem;font-weight:400;line-height:2rem;margin-bottom:2.4rem;padding:0 1.6rem;text-align:center;width:100%}.codeSamples-element .codeSamples-box .codeSamples-switch[data-v-9b19ded5]{align-items:center;background-color:#22374c;display:flex;height:4.8rem;margin-bottom:2.4rem;overflow-x:auto;padding:.4rem 1.6rem;width:100%}.codeSamples-element .codeSamples-box .codeSamples-switch>div[data-v-9b19ded5]{align-items:center;border-radius:.8rem;color:#fff;display:flex;font-size:1.6rem;font-weight:500;height:100%;justify-content:center;line-height:2rem;margin-right:8px;padding:1.6rem;width:-moz-fit-content;width:fit-content}.codeSamples-element .codeSamples-box .codeSamples-switch>div[data-v-9b19ded5]:last-of-type{margin-right:0}.codeSamples-element .codeSamples-box .codeSamples-switch .switchItem-selected[data-v-9b19ded5]{background-color:#cdfa89;color:#081a2c}.codeSamples-element .codeSamples-box .codeSamples-content[data-v-9b19ded5]{display:flex;flex-direction:column;padding:0 1.6rem;width:100%}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom[data-v-9b19ded5],.codeSamples-element .codeSamples-box .codeSamples-content .content-top[data-v-9b19ded5]{display:flex;flex-direction:column}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div[data-v-9b19ded5],.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div[data-v-9b19ded5]{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;margin-bottom:2.4rem;position:relative;width:100%}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>span[data-v-9b19ded5],.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div>span[data-v-9b19ded5]{color:#fff;font-size:2rem;font-weight:500;line-height:2.5rem;margin-bottom:1.2rem}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>div[data-v-9b19ded5]:first-of-type,.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div>div[data-v-9b19ded5]:first-of-type{background:#0d2034;border:1px solid #162f4a;border-radius:1.2rem;height:45.8rem;overflow:auto;padding:1.6rem;width:100%}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>div[data-v-9b19ded5]:first-of-type pre code,.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div>div[data-v-9b19ded5]:first-of-type pre code{white-space:pre-wrap;word-break:break-word}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div[data-v-9b19ded5] .code-copy,.codeSamples-element .codeSamples-box .codeSamples-content .content-top>div[data-v-9b19ded5] .code-copy{bottom:1.6rem;right:1.6rem}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom[data-v-9b19ded5]{margin-bottom:0}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div[data-v-9b19ded5]{width:100%}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>div[data-v-9b19ded5]:first-of-type{height:-moz-fit-content;height:fit-content;padding:0}.codeSamples-element .codeSamples-box .codeSamples-content .content-bottom>div>div:first-of-type>img[data-v-9b19ded5]{height:auto;width:100%}.codeSamples-element .codeSamples-box .codeSamples-tryOut[data-v-9b19ded5]{background:#0d2034;border:1px solid #162f4a;border-radius:1.2rem;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;margin:0 1.6rem;padding:1.6rem;width:calc(100% - 3.2rem)}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-text[data-v-9b19ded5]{display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-text>img[data-v-9b19ded5]{height:6.8rem;width:6.8rem}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-text>div[data-v-9b19ded5]{display:flex;flex-direction:column;margin-top:1.2rem;width:100%}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-text>div>span[data-v-9b19ded5]{color:#fff;font-size:1.8rem;line-height:2.3rem;margin-bottom:1.2rem}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-text>div>div[data-v-9b19ded5]{color:#ffffffa3;font-size:1.6rem;font-weight:400;line-height:2rem}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-buttonList[data-v-9b19ded5]{display:flex;flex-direction:column}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-buttonList .tryOut-button[data-v-9b19ded5]{background-color:#cdfa89;border-radius:.6rem;color:#081a2c;font-size:1.6rem;font-weight:500;height:4.8rem;line-height:2rem;padding:0 34px;width:100%}.codeSamples-element .codeSamples-box .codeSamples-tryOut .tryOut-buttonList .tryOut-button[data-v-9b19ded5]:last-of-type{background-color:transparent;border:1px solid #fff;color:#fff;margin-top:1.6rem}}