.blind{margin:-1px!important;padding:0!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);position:absolute}.accordion_list{padding:0 32px}@media screen and (max-width:1023px){.accordion_list{width:100%}}@media screen and (max-width:639px){.accordion_list{padding:0 16px}}.accordion_list .accordion_item{border-bottom:1px solid var(--gray-400)}.accordion_list .accordion_item:last-of-type{border-bottom:0}.accordion_list .accordion_btn{display:flex;align-items:center;text-align:left;width:100%;padding:24px 16px;font-size:2.4rem;line-height:1.34;font-weight:500;color:var(--gray-800)}@media screen and (max-width:1023px){.accordion_list .accordion_btn{font-size:2rem;line-height:1.4}}.accordion_list .accordion_btn .icon{width:24px;height:24px;margin-right:16px;color:var(--gray-800)}.accordion_list .accordion_btn.is_active~.accordion_content{display:block}.accordion_list .accordion_content{display:none;margin-top:-8px;padding:0 16px 24px;font-size:1.6rem;line-height:1.5;font-weight:400;color:var(--gray-800)}@media screen and (max-width:1023px){.accordion_list .accordion_content{font-size:1.4rem;line-height:1.58}}.section_faq .accordion_btn>.icon:last-child{flex-shrink:0;margin:0 0 0 auto;padding-left:16px;box-sizing:content-box}.section_faq .accordion_btn>.icon:last-child svg{width:100%;height:100%;transition:transform .2s ease-out}.section_faq .accordion_btn>.icon:last-child path{fill:currentColor}.section_faq .accordion_btn.is_active>.icon:last-child svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.section_faq .accordion_btn>.icon:last-child svg{transition:none}}.btn{display:inline-flex;align-items:center;justify-content:center;margin:0 0 0 8px;padding:8px 16px;font-size:1.4rem;line-height:1.58;border:1px solid transparent;border-radius:4px;background-color:var(--gray-000);color:var(--gray-700);vertical-align:top;cursor:pointer;transition:background-color .2s;box-sizing:border-box}.btn:hover{background-color:var(--gray-100)}.btn:first-child{margin-left:0}.btn .text{margin-left:8px}.btn .text:only-child{margin-left:0}.btn .icon{width:16px;height:16px;margin-left:8px}.btn .icon:first-child{margin-left:0}.btn .icon svg{display:block;width:100%;height:100%}.btn .icon svg path{fill:currentColor}.btn_line{border-color:var(--gray-400)}.btn_line.is_disabled,.btn_line:disabled{border-color:var(--gray-300)}.btn_small{padding:7px 12px;font-size:1.2rem;line-height:1.34;font-weight:500}.btn_small .icon{width:12px;height:12px}.btn_large{padding:11px 16px;font-size:1.6rem;line-height:1.5;font-weight:600}.btn_large .icon{width:24px;height:24px}.btn_star{margin-left:8px;margin-right:-4px;padding:3px;color:var(--gray-500)}.btn_star .icon{display:block;width:24px;height:24px}.btn_star .icon path:first-child{color:transparent;transition:color .2s}.btn_star .icon path:last-child{transition:color .2s}.btn_star.is_active{color:var(--yellow-0)}.btn_star.is_active path:first-child{color:inherit}.btn.white{background-color:#fff;color:var(--gray-700)}.btn.white.is_disabled,.btn.white:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray900{background-color:var(--gray-900);color:var(--gray-000)}.btn.gray900.btn_line{border-color:transparent}.btn.gray900.is_disabled,.btn.gray900:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray800{background-color:var(--gray-800);color:var(--gray-000)}.btn.gray800.btn_line{border-color:transparent}.btn.gray800.is_disabled,.btn.gray800:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray700{background-color:var(--gray-700);color:var(--gray-000)}.btn.gray700.btn_line{border-color:transparent}.btn.gray700.is_disabled,.btn.gray700:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray600{background-color:var(--gray-600);color:var(--gray-000)}.btn.gray600.btn_line{border-color:transparent}.btn.gray600.is_disabled,.btn.gray600:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray500{background-color:var(--gray-500);color:var(--gray-000)}.btn.gray500.btn_line{border-color:transparent}.btn.gray500.is_disabled,.btn.gray500:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray400{background-color:var(--gray-400);color:var(--gray-700)}.btn.gray400.is_disabled,.btn.gray400:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray300{background-color:var(--gray-300);color:var(--gray-700)}.btn.gray300.is_disabled,.btn.gray300:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray200{background-color:var(--gray-200);color:var(--gray-700)}.btn.gray200.is_disabled,.btn.gray200:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray100{background-color:var(--gray-100);color:var(--gray-700)}.btn.gray100.is_disabled,.btn.gray100:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray50{background-color:var(--gray-50);color:var(--gray-700)}.btn.gray50.is_disabled,.btn.gray50:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_dark{background-color:var(--orange-dark);color:var(--gray-000)}.btn.orange_dark.btn_line{border-color:var(--orange-0);background-color:var(--orange-alpha-0);color:var(--orange-dark)}.btn.orange_dark.btn_line.is_disabled,.btn.orange_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_dark.is_disabled,.btn.orange_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_0{background-color:var(--orange-0);color:var(--gray-000)}.btn.orange_0:hover{background-color:var(--orange-dark)}.btn.orange_0.btn_line{border-color:var(--orange-0);background-color:var(--orange-alpha-light);color:var(--orange-dark)}.btn.orange_0.btn_line:hover{background-color:var(--orange-alpha-0)}.btn.orange_0.btn_line.is_disabled,.btn.orange_0.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_0.is_disabled,.btn.orange_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_light{background-color:var(--orange-light);color:var(--gray-000)}.btn.orange_light.btn_line{border-color:var(--orange-alpha-dark);background-color:var(--orange-alpha-0);color:var(--orange-dark)}.btn.orange_light.btn_line.is_disabled,.btn.orange_light.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_light.is_disabled,.btn.orange_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_alpha_dark{background-color:var(--orange-alpha-dark);color:var(--orange-dark)}.btn.orange_alpha_dark.btn_line{border-color:var(--orange-alpha-dark)}.btn.orange_alpha_dark.btn_line.is_disabled,.btn.orange_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_alpha_dark.is_disabled,.btn.orange_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_alpha_0{background-color:var(--orange-alpha-0);color:var(--orange-dark)}.btn.orange_alpha_0.btn_line{border-color:var(--orange-alpha-0)}.btn.orange_alpha_0.btn_line.is_disabled,.btn.orange_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_alpha_0.is_disabled,.btn.orange_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_alpha_light{background-color:var(--orange-alpha-light);color:var(--orange-0)}.btn.orange_alpha_light.btn_line{border-color:var(--orange-alpha-light)}.btn.orange_alpha_light.btn_line.is_disabled,.btn.orange_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_alpha_light.is_disabled,.btn.orange_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_0:not(.btn_line):not(:disabled):not(.is_disabled),.btn.orange_dark:not(.btn_line):not(:disabled):not(.is_disabled),.btn.orange_light:not(.btn_line):not(:disabled):not(.is_disabled){color:var(--ink-on-accent)}.btn.yellow_dark{background-color:var(--yellow-dark);color:var(--gray-000)}.btn.yellow_dark.btn_line{border-color:var(--yellow-0);background-color:var(--yellow-alpha-0);color:var(--yellow-dark)}.btn.yellow_dark.btn_line.is_disabled,.btn.yellow_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_dark.is_disabled,.btn.yellow_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_0{background-color:var(--yellow-0);color:var(--gray-000)}.btn.yellow_0:hover{background-color:var(--yellow-dark)}.btn.yellow_0.btn_line{border-color:var(--yellow-0);background-color:var(--yellow-alpha-light);color:var(--yellow-dark)}.btn.yellow_0.btn_line:hover{background-color:var(--yellow-alpha-0)}.btn.yellow_0.btn_line.is_disabled,.btn.yellow_0.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_0.is_disabled,.btn.yellow_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_light{background-color:var(--yellow-light);color:var(--gray-000)}.btn.yellow_light.btn_line{border-color:var(--yellow-alpha-dark);background-color:var(--yellow-alpha-0);color:var(--yellow-dark)}.btn.yellow_light.btn_line.is_disabled,.btn.yellow_light.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_light.is_disabled,.btn.yellow_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_alpha_dark{background-color:var(--yellow-alpha-dark);color:var(--yellow-dark)}.btn.yellow_alpha_dark.btn_line{border-color:var(--yellow-alpha-dark)}.btn.yellow_alpha_dark.btn_line.is_disabled,.btn.yellow_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_alpha_dark.is_disabled,.btn.yellow_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_alpha_0{background-color:var(--yellow-alpha-0);color:var(--yellow-dark)}.btn.yellow_alpha_0.btn_line{border-color:var(--yellow-alpha-0)}.btn.yellow_alpha_0.btn_line.is_disabled,.btn.yellow_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_alpha_0.is_disabled,.btn.yellow_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_alpha_light{background-color:var(--yellow-alpha-light);color:var(--yellow-0)}.btn.yellow_alpha_light.btn_line{border-color:var(--yellow-alpha-light)}.btn.yellow_alpha_light.btn_line.is_disabled,.btn.yellow_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_alpha_light.is_disabled,.btn.yellow_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_dark{background-color:var(--green-dark);color:var(--gray-000)}.btn.green_dark.btn_line{border-color:var(--green-0);background-color:var(--green-alpha-0);color:var(--green-dark)}.btn.green_dark.btn_line.is_disabled,.btn.green_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.green_dark.is_disabled,.btn.green_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_0{background-color:var(--green-0);color:var(--gray-000)}.btn.green_0:hover{background-color:var(--green-dark)}.btn.green_0.btn_line{border-color:var(--green-0);background-color:var(--green-alpha-light);color:var(--green-dark)}.btn.green_0.btn_line:hover{background-color:var(--green-alpha-0)}.btn.green_0.btn_line.is_disabled,.btn.green_0.btn_line:disabled{border-color:var(--gray-300)}.btn.green_0.is_disabled,.btn.green_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_light{background-color:var(--green-light);color:var(--gray-000)}.btn.green_light.btn_line{border-color:var(--green-alpha-dark);background-color:var(--green-alpha-0);color:var(--green-dark)}.btn.green_light.btn_line.is_disabled,.btn.green_light.btn_line:disabled{border-color:var(--gray-300)}.btn.green_light.is_disabled,.btn.green_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_alpha_dark{background-color:var(--green-alpha-dark);color:var(--green-dark)}.btn.green_alpha_dark.btn_line{border-color:var(--green-alpha-dark)}.btn.green_alpha_dark.btn_line.is_disabled,.btn.green_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.green_alpha_dark.is_disabled,.btn.green_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_alpha_0{background-color:var(--green-alpha-0);color:var(--green-dark)}.btn.green_alpha_0.btn_line{border-color:var(--green-alpha-0)}.btn.green_alpha_0.btn_line.is_disabled,.btn.green_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.green_alpha_0.is_disabled,.btn.green_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_alpha_light{background-color:var(--green-alpha-light);color:var(--green-0)}.btn.green_alpha_light.btn_line{border-color:var(--green-alpha-light)}.btn.green_alpha_light.btn_line.is_disabled,.btn.green_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.green_alpha_light.is_disabled,.btn.green_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_dark{background-color:var(--blue-dark);color:var(--gray-000)}.btn.blue_dark.btn_line{border-color:var(--blue-0);background-color:var(--blue-alpha-0);color:var(--blue-dark)}.btn.blue_dark.btn_line.is_disabled,.btn.blue_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_dark.is_disabled,.btn.blue_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_0{background-color:var(--blue-0);color:var(--gray-000)}.btn.blue_0:hover{background-color:var(--blue-dark)}.btn.blue_0.btn_line{border-color:var(--blue-0);background-color:var(--blue-alpha-light);color:var(--blue-dark)}.btn.blue_0.btn_line:hover{background-color:var(--blue-alpha-0)}.btn.blue_0.btn_line.is_disabled,.btn.blue_0.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_0.is_disabled,.btn.blue_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_light{background-color:var(--blue-light);color:var(--gray-000)}.btn.blue_light.btn_line{border-color:var(--blue-alpha-dark);background-color:var(--blue-alpha-0);color:var(--blue-dark)}.btn.blue_light.btn_line.is_disabled,.btn.blue_light.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_light.is_disabled,.btn.blue_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_alpha_dark{background-color:var(--blue-alpha-dark);color:var(--blue-dark)}.btn.blue_alpha_dark.btn_line{border-color:var(--blue-alpha-dark)}.btn.blue_alpha_dark.btn_line.is_disabled,.btn.blue_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_alpha_dark.is_disabled,.btn.blue_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_alpha_0{background-color:var(--blue-alpha-0);color:var(--blue-dark)}.btn.blue_alpha_0.btn_line{border-color:var(--blue-alpha-0)}.btn.blue_alpha_0.btn_line.is_disabled,.btn.blue_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_alpha_0.is_disabled,.btn.blue_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_alpha_light{background-color:var(--blue-alpha-light);color:var(--blue-0)}.btn.blue_alpha_light.btn_line{border-color:var(--blue-alpha-light)}.btn.blue_alpha_light.btn_line.is_disabled,.btn.blue_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_alpha_light.is_disabled,.btn.blue_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_dark{background-color:var(--red-dark);color:var(--gray-000)}.btn.red_dark.btn_line{border-color:var(--red-0);background-color:var(--red-alpha-0);color:var(--red-dark)}.btn.red_dark.btn_line.is_disabled,.btn.red_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.red_dark.is_disabled,.btn.red_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_0{background-color:var(--red-0);color:var(--gray-000)}.btn.red_0:hover{background-color:var(--red-dark)}.btn.red_0.btn_line{border-color:var(--red-0);background-color:var(--red-alpha-light);color:var(--red-dark)}.btn.red_0.btn_line:hover{background-color:var(--red-alpha-0)}.btn.red_0.btn_line.is_disabled,.btn.red_0.btn_line:disabled{border-color:var(--gray-300)}.btn.red_0.is_disabled,.btn.red_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_light{background-color:var(--red-light);color:var(--gray-000)}.btn.red_light.btn_line{border-color:var(--red-alpha-dark);background-color:var(--red-alpha-0);color:var(--red-dark)}.btn.red_light.btn_line.is_disabled,.btn.red_light.btn_line:disabled{border-color:var(--gray-300)}.btn.red_light.is_disabled,.btn.red_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_alpha_dark{background-color:var(--red-alpha-dark);color:var(--red-dark)}.btn.red_alpha_dark.btn_line{border-color:var(--red-alpha-dark)}.btn.red_alpha_dark.btn_line.is_disabled,.btn.red_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.red_alpha_dark.is_disabled,.btn.red_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_alpha_0{background-color:var(--red-alpha-0);color:var(--red-dark)}.btn.red_alpha_0.btn_line{border-color:var(--red-alpha-0)}.btn.red_alpha_0.btn_line.is_disabled,.btn.red_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.red_alpha_0.is_disabled,.btn.red_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_alpha_light{background-color:var(--red-alpha-light);color:var(--red-0)}.btn.red_alpha_light.btn_line{border-color:var(--red-alpha-light)}.btn.red_alpha_light.btn_line.is_disabled,.btn.red_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.red_alpha_light.is_disabled,.btn.red_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_dark{background-color:var(--purple-dark);color:var(--gray-000)}.btn.purple_dark.btn_line{border-color:var(--purple-0);background-color:var(--purple-alpha-0);color:var(--purple-dark)}.btn.purple_dark.btn_line.is_disabled,.btn.purple_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_dark.is_disabled,.btn.purple_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_0{background-color:var(--purple-0);color:var(--gray-000)}.btn.purple_0:hover{background-color:var(--purple-dark)}.btn.purple_0.btn_line{border-color:var(--purple-0);background-color:var(--purple-alpha-light);color:var(--purple-dark)}.btn.purple_0.btn_line:hover{background-color:var(--purple-alpha-0)}.btn.purple_0.btn_line.is_disabled,.btn.purple_0.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_0.is_disabled,.btn.purple_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_light{background-color:var(--purple-light);color:var(--gray-000)}.btn.purple_light.btn_line{border-color:var(--purple-alpha-dark);background-color:var(--purple-alpha-0);color:var(--purple-dark)}.btn.purple_light.btn_line.is_disabled,.btn.purple_light.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_light.is_disabled,.btn.purple_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_alpha_dark{background-color:var(--purple-alpha-dark);color:var(--purple-dark)}.btn.purple_alpha_dark.btn_line{border-color:var(--purple-alpha-dark)}.btn.purple_alpha_dark.btn_line.is_disabled,.btn.purple_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_alpha_dark.is_disabled,.btn.purple_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_alpha_0{background-color:var(--purple-alpha-0);color:var(--purple-dark)}.btn.purple_alpha_0.btn_line{border-color:var(--purple-alpha-0)}.btn.purple_alpha_0.btn_line.is_disabled,.btn.purple_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_alpha_0.is_disabled,.btn.purple_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_alpha_light{background-color:var(--purple-alpha-light);color:var(--purple-0)}.btn.purple_alpha_light.btn_line{border-color:var(--purple-alpha-light)}.btn.purple_alpha_light.btn_line.is_disabled,.btn.purple_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_alpha_light.is_disabled,.btn.purple_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn_toggle{padding:7px 11px;color:var(--gray-500);background-color:var(--gray-000)}.btn_toggle:hover{background-color:var(--gray-100)}.btn_toggle.is_active{color:var(--blue-dark);background-color:var(--blue-alpha-light)}.btn_plus{margin-left:32px;padding:7px 11px 7px 10px;font-size:1.2rem;line-height:1.34;font-weight:500;background-color:var(--blue-0);color:var(--gray-000)}.btn_plus:hover{background-color:var(--blue-dark)}.btn_plus .icon{width:12px;height:12px}.btn_box{display:flex;align-items:center}.btn_box.full_width{flex:1 1 100%}.btn_box.full_width .btn{flex:1}.btn_top{display:none}@media screen and (max-width:1023px){.btn_top{display:block;position:fixed;bottom:72px;right:24px;margin:0;padding:0;border:none;background-color:transparent}.btn_top .icon{width:32px;height:32px;margin:0}}.btn_top svg rect{fill:var(--gray-000)}.service_card_list .service_card_item{width:100%;border:1px solid var(--gray-400);border-radius:16px;box-sizing:border-box}.service_card_list .service_card_item+.service_card_item{margin-top:16px}.service_card_list .service_card_item.is_active .img_box{height:99px;opacity:1}.service_card_list .service_card_item.is_active .img_box svg{height:auto;vertical-align:top}.service_card_list .service_card_item.is_active .service_card_title{padding-top:115px;margin-bottom:8px;opacity:1}.service_card_list .service_card_item.is_active .service_card_desc{height:88px;opacity:1}@media screen and (max-width:1023px){.service_card_list .service_card_item.is_active .service_card_desc{height:auto;max-height:100px}}@media screen and (max-width:639px){.service_card_list .service_card_item.is_active .service_card_desc{max-height:120px}}@media screen and (max-width:359px){.service_card_list .service_card_item.is_active .service_card_desc{max-height:130px}}.service_card_list .service_card_menu{position:relative;width:100%;padding:24px;text-align:left}.service_card_list .img_box{display:flex;align-items:center;justify-content:center;position:absolute;top:24px;left:0;width:100%;height:0;text-align:center;box-sizing:border-box;opacity:0;transition:all .4s ease-out}.service_card_list .img_box svg{height:0;vertical-align:top}.service_card_list .service_card_title{display:block;color:var(--gray-900);font-size:2.4rem;line-height:1.34;font-weight:600;transition:all .4s ease-out}@media screen and (max-width:1023px){.service_card_list .service_card_title{font-size:2rem;line-height:1.4}}.service_card_list .service_card_desc{display:block;overflow:hidden;height:0;color:var(--gray-900);font-size:1.4rem;line-height:1.58;font-weight:400;word-break:keep-all;transition:all .4s ease-out;opacity:0}@media screen and (max-width:1023px){.service_card_list .service_card_desc{height:auto;max-height:0}}.horizon_list{width:100%}.horizon_list .horizon_item{display:flex;justify-content:space-between;align-items:flex-start}@media screen and (max-width:1023px){.horizon_list .horizon_item{display:block}}.horizon_list .horizon_item+.horizon_item{margin-top:80px}.horizon_list .text_box{max-width:400px;padding-left:40px}@media screen and (max-width:1023px){.horizon_list .text_box{max-width:none;margin-top:24px;padding-left:0;text-align:center}}.horizon_list .text_box .title{display:block;color:var(--gray-800);font-size:2.4rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.horizon_list .text_box .title{font-size:2rem;line-height:1.4;text-align:left}}.horizon_list .text_box .desc{margin-top:24px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:500;word-break:keep-all}@media screen and (max-width:1023px){.horizon_list .text_box .desc{text-align:left}}.horizon_list .text_box .btn{margin-top:24px;margin-left:0}@media screen and (max-width:1023px){.horizon_list .text_box .btn{height:44px}}@media screen and (max-width:639px){.horizon_list .text_box .btn{width:100%}}.horizon_list .text_box .btn.gray800:hover{background-color:var(--gray-900)}.codeblock_box{position:relative}.codeblock_box.is_bash .codeblock{padding:12px 0}.codeblock_box .btn_area{position:absolute;right:8px;top:8px}.codeblock_box .btn_area .btn{padding:9px 11px}.codeblock_box .btn_area .icon{width:12px;height:12px}.codeblock{position:relative;overflow-x:auto;min-height:48px;padding:8px 0;border-radius:4px;border:1px solid var(--gray-400);background:var(--gray-000);box-sizing:border-box}.prism-code{display:table;margin:0;font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.prism-code .token{white-space:pre}.prism-code .token-line{display:table-row}.prism-code .token-line.is_removed{background:var(--red-alpha-light)}.prism-code .token-line.is_created{background:var(--green-alpha-light)}.prism-code .token-line.is_edited{background:var(--yellow-alpha-light)}.prism-code .string{word-break:break-all}.prism-code .class-name{color:var(--code-purple)}.prism-code .parameter,.prism-code .plain,.prism-code .property{color:var(--gray-900)}.prism-code .line-content,.prism-code .line-number{display:table-cell;padding:0 16px}.prism-code .line-number{font-size:1.2rem;line-height:2;font-weight:400;color:var(--gray-700);text-align:right;user-select:none}.prism-code .line-content{font-size:1.4rem;line-height:1.72;font-weight:400}.prism-code.language-json .token.property{color:var(--code-blue)}.prism-code.language-json .token.number{color:var(--code-orange)}.prism-code.language-bash{padding:0 24px}.codeblock_tree_box{padding:16px 24px;border:1px solid var(--gray-400);border-radius:0 0 4px 4px;background:var(--gray-000);color:var(--gray-600);word-break:break-all}.codeblock_tree_box .react-json-view{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.codeblock_tree_box .react-json-view>.object-container>.object-content>.object-key-val>span:first-child .object-key:after{display:none}.codeblock_tree_box .object-key-val{padding:0!important}.codeblock_tree_box .object-key-val span{position:relative;display:inline-block;opacity:1!important}.codeblock_tree_box .object-key-val .object-content{display:flex;flex-direction:column;align-items:flex-start;margin-left:24px!important}.codeblock_tree_box .object-key-val .icon-container{position:absolute;left:0;top:50%;transform:translateY(-50%)}.codeblock_tree_box .object-key-val .icon-container .collapsed-icon,.codeblock_tree_box .object-key-val .icon-container .expanded-icon{display:flex;align-items:center}.codeblock_tree_box .object-key-val .variable-row,.codeblock_tree_box .object-key-val>span:first-child{display:inline-block;padding:8px 12px;margin-bottom:16px;border-radius:4px;border:1px solid var(--gray-400);font-size:1.4rem;line-height:1.72;font-weight:500;letter-spacing:0!important}.codeblock_tree_box .object-key-val .variable-row.is_edited,.codeblock_tree_box .object-key-val>span:first-child.is_edited{border-color:var(--yellow-0);background:var(--yellow-alpha-light);color:var(--yellow-dark)}.codeblock_tree_box .object-key-val .variable-row.is_created,.codeblock_tree_box .object-key-val>span:first-child.is_created{border-color:var(--green-0);background:var(--green-alpha-light);color:var(--green-dark)}.codeblock_tree_box .object-key-val .variable-row.is_removed,.codeblock_tree_box .object-key-val>span:first-child.is_removed{border-color:var(--red-0);background:var(--red-alpha-light);color:var(--red-dark)}.codeblock_tree_box .object-key-val .array-key,.codeblock_tree_box .object-key-val .object-key{position:relative;padding-left:20px;font-size:1.4rem;line-height:1.72;font-weight:500}.codeblock_tree_box .object-key-val .object-key-val,.codeblock_tree_box .object-key-val .variable-row{position:relative}.codeblock_tree_box .object-key-val .object-key-val:first-of-type:after,.codeblock_tree_box .object-key-val .variable-row:first-of-type:after{top:-16px;height:32px}.codeblock_tree_box .object-key-val .object-key-val:after,.codeblock_tree_box .object-key-val .variable-row:after{position:absolute;top:0;width:16px;height:16px;border-width:1px;border-left:1px dashed var(--gray-400);border-bottom:1px dashed var(--gray-400);border-right:0 dashed var(--gray-400);border-top:0 dashed var(--gray-400);border-radius:0 0 0 4px;content:""}.codeblock_tree_box .object-key-val .object-key-val:not(:last-of-type):before,.codeblock_tree_box .object-key-val .variable-row:not(:last-of-type):before{position:absolute;border:dashed var(--gray-400);border-width:0 0 0 1px;content:""}.codeblock_tree_box .object-key-val .object-key-val:after{left:-17px}.codeblock_tree_box .object-key-val .object-key-val:not(:last-of-type):before{left:-17px;top:17px;bottom:0}.codeblock_tree_box .object-key-val .variable-row{padding:8px 12px!important}.codeblock_tree_box .object-key-val .variable-row:after{left:-18px}.codeblock_tree_box .object-key-val .variable-row:not(:last-of-type):before{left:-18px;top:16px;bottom:-20px}.codeblock_tree_box .object-key-val .variable-row .object-key{padding:0;border:0;margin:0}.codeblock_tree_box .object-key-val .variable-row .object-key:after,.codeblock_tree_box .object-key-val .variable-row .object-key:before{display:none}.codeblock_tree_box .object-key-val .variable-row .variable-value{padding-right:0!important}.codeblock_tree_box .object-key-val .brace-row{display:block;width:0;font-size:0}.codeblock_tree_box .object-key-val .object-meta-data{position:absolute}.codeblock_tree_box .node-ellipsis{margin-left:4px}.codeblock_header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 8px 8px 16px;background:var(--gray-50);border:1px solid var(--gray-400);border-radius:4px 4px 0 0;box-sizing:border-box}@media screen and (max-width:1023px){.codeblock_header{padding:10px 8px 6px;align-items:flex-end}}@media screen and (max-width:639px){.codeblock_header{flex-wrap:wrap}}.codeblock_header .box_left{display:flex;align-items:center}@media screen and (max-width:1023px){.codeblock_header .box_left{flex-direction:column;align-items:flex-start}}@media screen and (max-width:639px){.codeblock_header .box_left{margin-right:10px}}.codeblock_header .box_left .btn{height:32px;margin-left:16px;padding:8px 12px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800);box-sizing:border-box}@media screen and (max-width:1023px){.codeblock_header .box_left .btn{margin:10px 0 0}}.codeblock_header .box_left .btn .icon{width:12px;height:12px}.codeblock_header .desc{padding-left:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.codeblock_header .info_list{display:flex;flex:none;padding-left:56px;font-size:1.2rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.codeblock_header .info_list{padding-left:8px}}.codeblock_header .info_list .info_title{color:var(--gray-600)}.codeblock_header .info_list .info_title:not(:first-child){padding-left:40px}.codeblock_header .info_list .info_desc{padding-left:16px;font-weight:400;color:var(--gray-800)}.codeblock_header .box_right{display:flex}@media screen and (max-width:639px){.codeblock_header .box_right{margin-top:8px}}.codeblock_header .box_right .btn_area{position:relative;margin-left:24px}.codeblock_header .box_right .btn_line{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:4px;border:1px solid var(--gray-400);color:var(--gray-800)}.codeblock_header .box_right .btn_line .icon{width:12px;height:12px}.codeblock_header .btn_toggle{padding:8px}.codeblock_header .btn_toggle:not(.is_active){background:var(--gray-50)}.codeblock_navigator{display:flex;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--gray-400)}.codeblock_navigator .item{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-700)}.codeblock_navigator .item+.item{margin-left:8px}.codeblock_navigator .item.is_active{background:var(--gray-800);color:var(--gray-000)}.dropdown{padding:8px 0;border:1px solid var(--gray-400);border-radius:6px;background-color:var(--gray-000)}.dropdown_l{border-radius:10px}.dropdown_l .dropdown_text{font-size:1.4rem;line-height:1.58}.dropdown_title{display:block;padding:4px 16px 8px;font-size:.8rem;line-height:1.5;font-weight:400;color:var(--gray-500)}.dropdown_title:not(:first-of-type){padding:8px 16px;margin-top:4px;border-top:1px solid var(--gray-400)}.dropdown_list+.dropdown_list{margin:4px 0 0;padding-top:3px;border-top:1px solid var(--gray-400)}.dropdown_item{cursor:pointer}.dropdown_item.has_border{margin-top:4px;padding-top:3px;border-top:1px solid var(--gray-400)}.dropdown_menu{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:14px 16px;box-sizing:border-box;transition:background .2s;text-align:left}.dropdown_menu.is_active,.dropdown_menu:hover{background-color:var(--orange-alpha-light)}.dropdown_menu.is_active .dropdown_text,.dropdown_menu:hover .dropdown_text{color:var(--gray-800)}.dropdown_menu.is_active .highlight,.dropdown_menu:hover .highlight{color:var(--red-dark)}.dropdown_text{flex:1 1 auto;font-size:1.2rem;line-height:1.34;color:var(--gray-900);word-break:break-all}.dropdown .highlight{color:var(--red-dark)}.dropdown .icon{flex:none;width:16px;height:16px}.dropdown .icon svg{display:block;width:100%;height:100%}.dropdown .icon svg path{fill:currentColor}.dropdown .icon+.dropdown_text{margin-left:10px}.filter{flex:none}@media screen and (max-width:1023px){.filter{padding-left:32px;padding-right:32px}}@media screen and (max-width:639px){.filter{width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}}.filter_list{display:flex;align-items:center;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:639px){.filter_list{display:block}}.filter_item{display:flex;align-items:center;position:relative}.filter_item+.filter_item{margin-left:16px}@media screen and (max-width:639px){.filter_item+.filter_item{margin-left:0}}.filter_title{font-weight:500;color:var(--gray-700)}.filter_desc,.filter_title{font-size:1.2rem;line-height:1.34}.filter_desc{padding:7px;font-weight:400;color:var(--gray-800)}.filter .btn{margin:0}.filter .btn .text{margin-left:16px}.filter .icon_arrow{width:12px;height:12px;margin-left:13px;color:var(--gray-800)}.filter .icon_check svg path{fill:currentColor}.filter .dropdown{position:absolute;top:100%;right:0;width:200px;margin-top:-5px;z-index:10}@media screen and (max-width:639px){.filter .dropdown{left:0;right:0;width:auto;margin-top:0;box-shadow:0 8px 16px -8px rgba(0,0,0,.2)}}.filter .dropdown_list{overflow-y:overlay;max-height:200px}.filter .dropdown_text:only-child{padding-left:26px}.footer_service{background:var(--gray-50)}.footer_service .footer_inner{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:56px 40px}@supports(padding:env(safe-area-inset-right)){.footer_service .footer_inner{padding:56px calc(40px + env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom)) calc(40px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.footer_service .footer_inner{padding:56px calc(40px + constant(safe-area-inset-right)) calc(56px + constant(safe-area-inset-bottom)) calc(40px + constant(safe-area-inset-left))}}@media screen and (max-width:1023px){.footer_service .footer_inner{flex-direction:column}}.footer_service .link{display:inline-block}.footer_service .box_info{min-width:180px}.footer_service .box_info .filter{display:block}.footer_service .logo{display:block;width:154px;margin-left:-9px}@media screen and (max-width:1023px){.footer_service .logo .link{padding:2px 0}}.footer_service .logo svg{width:100%;height:100%}.footer_service .logo svg path:nth-child(-n+6){fill:var(--gray-800)}.footer_service .logo svg path:nth-child(8),.footer_service .logo svg path:nth-child(9){fill:var(--yellow-0)}.footer_service .copyright{padding:22px 24px 0 0;font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-800)}.footer_service .copyright:only-child{padding:24px 0;text-align:center}.footer_service .box_site{display:flex;padding:8px 0}@media screen and (max-width:1023px){.footer_service .box_site{flex-direction:column}}.footer_service .site{min-width:160px}@media screen and (max-width:1023px){.footer_service .site{flex:1}}.footer_service .site+.site{margin-left:32px}@media screen and (max-width:1023px){.footer_service .site+.site{margin:24px 0 0}}.footer_service .site .title{display:block;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800)}@media screen and (max-width:1023px){.footer_service .site .title .link{padding:10px 0}}.footer_service .site_list{padding-top:24px}@media screen and (max-width:1023px){.footer_service .site_list{padding-top:8px}}.footer_service .site_item{font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-800)}.footer_service .site_item+.site_item{margin-top:16px}@media screen and (max-width:1023px){.footer_service .site_item+.site_item{margin-top:0}.footer_service .site_item .link{padding:11px 0}}.footer_service .filter{margin:12px 0 32px -2px}@media screen and (max-width:1023px){.footer_service .filter{padding:0}}.footer_service .filter_list{border-bottom:none}.footer_service .filter .btn{display:flex;justify-content:flex-start;border:1px solid var(--gray-400)}.footer_service .filter .dropdown{left:-1px;right:auto;margin-top:-2px;width:auto;min-width:100%}.footer_service .filter .dropdown_text:only-child{padding-left:0}.darkmode .footer_service .logo svg path:nth-child(7){fill:var(--gray-100)}.grid_list{display:flex;flex-wrap:wrap;margin-left:-16px}@media screen and (max-width:1023px){.grid_list{margin-left:0}}.grid_item{flex-basis:calc(50% - 16px);margin-left:16px;margin-bottom:24px}@media screen and (max-width:1023px){.grid_item{flex-basis:calc(50% - 8px)}}@media screen and (max-width:639px){.grid_item{flex-basis:100%;margin-left:0}}@media screen and (max-width:1023px){.grid_item:nth-child(odd){margin-left:0}}@media screen and (max-width:639px){.grid_item:last-child{margin-bottom:0}}.grid_item:only-child{margin-bottom:0}@media screen and (max-width:1023px){.grid_item:only-child{flex-basis:100%}}.grid_card{display:block;border:1px solid var(--gray-400);box-sizing:border-box;border-radius:4px}.grid_card_info{padding:6px 16px 17px 20px;border-top:1px solid var(--gray-400)}.grid_card_info .title{display:block;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:600;word-break:break-word}.grid_card_info .desc{min-height:33px;margin-top:8px;color:var(--gray-800);font-size:1.2rem;line-height:1.34;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}@media screen and (max-width:639px){.grid_card_info .desc{display:block;min-height:auto;-webkit-line-clamp:none}}.grid_thumbnail{overflow:hidden}.grid_thumbnail svg{display:block;width:100%;height:auto}.grid_thumbnail svg>path{stroke:none}.grid_list2{display:flex;flex-wrap:wrap}@media screen and (max-width:1023px){.grid_list2{display:block}}.grid_list2 .grid_item{flex-basis:calc(50% - 14px);margin:24px 0 0 24px;border:1px solid var(--gray-400);border-radius:4px}@media screen and (max-width:1023px){.grid_list2 .grid_item{height:calc(50% - 14px);margin-left:0}}.grid_list2 .grid_item:nth-child(-n+2){margin-top:0}@media screen and (max-width:1023px){.grid_list2 .grid_item:nth-child(-n+2){margin-top:24px}}.grid_list2 .grid_item:nth-child(odd){margin-left:0}@media screen and (max-width:1023px){.grid_list2 .grid_item:first-child{margin-top:0}}.grid_list2 .grid_item.is_active{border-color:var(--blue-0)}.grid_list2 .grid_item.add_screen{display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--gray-50);border:1px dashed var(--gray-400)}@media screen and (min-width:1024px){.grid_list2 .grid_item.add_screen{margin-top:0;margin-left:24px}}.grid_list2 .grid_item.add_screen .guide{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);text-align:center}.grid_list2 .grid_item .btn_add{display:flex;position:relative;width:100%;height:100%;min-height:222px;border-radius:4px;color:var(--gray-800)}.grid_list2 .icon_plus{position:absolute;top:50%;left:50%;color:var(--gray-900)}.grid_list2 .btn_add_screen{position:absolute;top:0;left:0;width:100%;height:100%}.header_service{position:sticky;height:64px;top:0;z-index:100;background:var(--gray-000)}.header_service .header_inner{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:12px 8px;box-sizing:border-box}@media screen and (max-width:1023px){.header_service .header_inner{justify-content:flex-start;border-bottom:1px solid var(--gray-400);padding:0 24px 0 32px}@supports(padding:env(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(32px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(24px + constant(safe-area-inset-right)) 0 calc(32px + constant(safe-area-inset-left))}}}@media screen and (max-width:639px){.header_service .header_inner{padding:0 8px 0 16px}@supports(padding:env(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(8px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(8px + constant(safe-area-inset-right)) 0 calc(16px + constant(safe-area-inset-left))}}}.header_service .logo{padding:0 16px}@media screen and (max-width:1023px){.header_service .logo{margin-right:8px;width:24px;height:24px}}.header_service .logo a{display:block;position:relative;width:100%;height:100%}@media screen and (max-width:1023px){.header_service .logo a:after{position:absolute;inset:-10px;content:""}}.header_service .logo svg{vertical-align:top}.header_service .logo svg path:nth-child(n+5){fill:var(--gray-800)}.header_service .logo svg [stroke="#FEFDFB"]{mask:none;stroke:none}@media screen and (min-width:1024px){.header_service .logo svg:last-of-type{display:none}}@media screen and (max-width:1023px){.header_service .logo svg{width:100%;height:100%}.header_service .logo svg:first-of-type{display:none}.header_service .logo{padding:0}}.header_service .nav{flex:1;padding:0 44px;box-sizing:border-box}@media screen and (max-width:1023px){.header_service .nav{display:none}}.header_service .gnb{display:flex}.header_service .gnb_item+.gnb_item{margin-left:16px}.header_service .gnb_item.is_active .link{color:var(--gray-900);text-decoration:underline;text-decoration-color:var(--orange-0);text-decoration-thickness:2px;text-underline-offset:6px}.header_service .gnb_item .link{display:inline-flex;align-items:center;height:32px;padding:4px 8px;border-radius:4px;font-size:1.6rem;line-height:1.5;font-weight:500;box-sizing:border-box;color:var(--gray-900)}.header_service .gnb_item .link:hover{background:var(--gray-100)}.header_service .header_util{flex:none}@media screen and (max-width:1023px){.header_service .header_util .btn{display:none}}.header_service .header_util .btn_menu{display:none;position:absolute;right:24px;top:50%;padding:14px;color:var(--gray-500);transform:translateY(-50%)}@media screen and (max-width:1023px){.header_service .header_util .btn_menu{display:block;right:18px}}@media screen and (max-width:639px){.header_service .header_util .btn_menu{right:2px}}@media screen and (orientation:landscape){@supports(right:env(safe-area-inset-right)){.header_service .header_util .btn_menu{right:calc(18px + env(safe-area-inset-right))}@media screen and (orientation:landscape)and (max-width:639px){.header_service .header_util .btn_menu{right:calc(2px + env(safe-area-inset-right))}}}@supports(right:constant(safe-area-inset-right)){.header_service .header_util .btn_menu{right:calc(18px + constant(safe-area-inset-right))}@media screen and (orientation:landscape)and (max-width:639px){.header_service .header_util .btn_menu{right:calc(2px + constant(safe-area-inset-right))}}}}.header_service .header_util .btn_menu .icon_close,.header_service .header_util .btn_menu .icon_menu{display:none;align-items:center;width:16px;height:16px}.header_service .header_util .btn_menu .icon_close svg,.header_service .header_util .btn_menu .icon_menu svg{width:100%}.header_service .header_util .btn_menu .icon_close.is_active,.header_service .header_util .btn_menu .icon_menu.is_active{display:flex}.header_service .header_util .btn_line{color:var(--gray-900)}.header_service .header_util .orange_0{transition:none}.header_service .header_util .orange_0:hover{background:linear-gradient(180deg,#ff9754,#f96767)}.header_service .menu_list_mo{overflow-y:auto;position:fixed;top:64px;left:0;right:0;bottom:0;width:100%;margin-top:0;padding:40px 0;border:none}.header_service .menu_list_mo a:focus-visible,.header_service .menu_list_mo button:focus-visible{outline-offset:-2px}@media screen and (orientation:landscape){@supports(left:env(safe-area-inset-right)){.header_service .menu_list_mo{left:calc(0px + env(safe-area-inset-left))}}@supports(left:constant(safe-area-inset-right)){.header_service .menu_list_mo{left:calc(0px + constant(safe-area-inset-left))}}}.header_service .menu_list_mo .dropdown_item .navigator_list{max-width:none}.header_service .menu_list_mo .dropdown_item .navigator>.navigator_list{padding-top:8px}.header_service .menu_list_mo .dropdown_item .navigator_group>.navigator_menu{padding-left:12px}.header_service .menu_list_mo .dropdown_item .navigator_group .navigator_list{padding:0}.header_service .menu_list_mo .dropdown_item .navigator_group .navigator_list .navigator_item{margin-top:0;padding-left:44px;padding-right:44px}.header_service .menu_list_mo .dropdown_item .navigator_menu{align-items:center;padding:9px 40px;font-size:1.4rem;line-height:1.58;font-weight:500}.header_service .menu_list_mo .dropdown_item .navigator_menu .icon{width:16px;height:16px}.header_service .menu_list_mo .dropdown_item .navigator_menu.is_active+.navigator_list{display:block}.header_service .menu_list_mo .dropdown_item .navigator_menu.is_active svg{transform:rotate(0deg)}.header_service .menu_list_mo .dropdown_item .navigator_menu+.navigator_list{display:none}.header_service .menu_list_mo .dropdown_item .navigator_menu+.navigator_list .navigator_group+.navigator_group{margin-top:0}.header_service .menu_list_mo .dropdown_item .navigator_item{padding-left:36px;padding-right:36px}.header_service .menu_list_mo .dropdown_item .navigator_item:hover{color:var(--gray-900)}.header_service .menu_list_mo .dropdown_item .navigator_item.is_active{border:none;background:var(--gray-000);color:var(--gray-900);font-weight:600;text-decoration:underline;text-decoration-color:var(--orange-0);text-decoration-thickness:2px;text-underline-offset:4px}.header_service .menu_list_mo .dropdown_menu{padding:12px 36px}.header_service .menu_list_mo .dropdown_menu:hover{background:var(--gray-100)}.header_service .menu_list_mo .dropdown_menu+.navigator{display:none}.header_service .menu_list_mo .dropdown_menu.is_show+.navigator{display:block}.header_service .menu_list_mo .dropdown_menu.is_show .icon_toggle{transform:rotate(0deg)}.header_service .menu_list_mo .dropdown_menu.btn_docs{padding:12px}.header_service .menu_list_mo .dropdown_menu.btn_docs.is_show{background-color:transparent}.header_service .menu_list_mo .dropdown_menu.btn_docs.is_show.is_active{background-color:var(--orange-alpha-light)}.header_service .menu_list_mo .dropdown_menu .dropdown_text{flex:none}.header_service .menu_list_mo .dropdown_menu .icon{flex:0 1 auto;margin-left:6px}.header_service .menu_list_mo .dropdown_menu .icon_toggle{margin-left:0;transform:rotate(-90deg)}.header_service .menu_list_mo .dropdown_menu .icon_toggle svg path{fill:var(--gray-900)}.header_service .menu_list_mo .dropdown_menu .icon+.dropdown_text{margin-left:7px}.header_service .menu_list_mo .dropdown_text{font-size:1.6rem;line-height:1.5;font-weight:500}.darkmode .header_service .logo svg [fill="#514C49"]{fill:var(--gray-100)}.icon{display:inline-block;vertical-align:top}.icon svg{display:block}.icon svg path{fill:currentColor}.icon_logo svg{display:block}.icon_close_s{width:6px;height:6px}.icon_close_s svg{width:100%;height:100%}.icon_arrow_left{transform:rotate(90deg)}.icon_arrow_right{transform:rotate(-90deg)}.icon_arrow_up{transform:rotate(180deg)}.mermaid{margin:2rem 0;padding:1.5rem;background-color:var(--gray-400);border-radius:8px;overflow-x:auto;display:flex;justify-content:center}.mermaid svg{max-width:100%;height:auto}.mermaid .node circle,.mermaid .node ellipse,.mermaid .node polygon,.mermaid .node rect{fill:var(--gray-000);stroke:var(--gray-400);stroke-width:2px}.mermaid .edgePath .path{stroke:var(--gray-600);stroke-width:2px}.mermaid .edgeLabel{background-color:var(--gray-000);padding:4px 8px;border-radius:4px;color:var(--gray-900)}.mermaid .edgeLabel foreignObject{overflow:visible}.mermaid .edgeLabel foreignObject>div{width:max-content;height:max-content;margin:0 auto;padding:0;line-height:1.2;display:flex;align-items:center;justify-content:center;text-align:center}.mermaid .edgeLabel p,.mermaid .edgeLabel span{margin:0;padding:0;line-height:1.2;color:inherit}.mermaid .edgeLabel .labelBkg{background-color:var(--gray-000);color:inherit}.mermaid text{fill:var(--gray-900);font-family:inherit}.mermaid .actor{fill:var(--gray-000);stroke:var(--gray-400)}.mermaid .messageLine0,.mermaid .messageLine1{stroke:var(--gray-600)}.mermaid .labelBox{fill:var(--gray-000);stroke:var(--gray-400)}[data-theme=dark] .mermaid{background-color:var(--gray-900)}[data-theme=dark] .mermaid .node circle,[data-theme=dark] .mermaid .node ellipse,[data-theme=dark] .mermaid .node polygon,[data-theme=dark] .mermaid .node rect{fill:var(--gray-800);stroke:var(--gray-600)}[data-theme=dark] .mermaid .edgePath .path{stroke:var(--gray-400)}[data-theme=dark] .mermaid .edgeLabel{background-color:var(--gray-800);color:var(--gray-100)}[data-theme=dark] .mermaid .edgeLabel .labelBkg{background-color:var(--gray-800);color:inherit}[data-theme=dark] .mermaid .edgeLabel p{color:inherit;margin:0}[data-theme=dark] .mermaid text{fill:var(--gray-100)}[data-theme=dark] .mermaid .actor{fill:var(--gray-800);stroke:var(--gray-600)}[data-theme=dark] .mermaid .messageLine0,[data-theme=dark] .mermaid .messageLine1{stroke:var(--gray-400)}[data-theme=dark] .mermaid .labelBox{fill:var(--gray-800);stroke:var(--gray-600)}.mouse_effect{position:fixed;bottom:0;right:0;z-index:20;max-width:192px;padding:20px}@media screen and (max-width:1023px){.mouse_effect{display:none}}.mouse_effect_list{display:flex;align-items:center}.mouse_effect_item+.mouse_effect_item{margin-left:16px}.mouse_effect_item.is_active .mouse_effect_menu{opacity:1}.mouse_effect_menu{display:block;width:36px;height:36px;opacity:.3}.mouse_effect_menu svg rect:first-child{fill:var(--gray-800)}.mouse_effect .btn_box{flex-direction:column;align-items:normal;margin-top:16px}.mouse_effect .btn_box .btn{justify-content:flex-start;margin:0;border-radius:8px}.mouse_effect .btn_box .btn.is_hide .icon svg:first-child{display:none}.mouse_effect .btn_box .btn.is_hide .icon svg:last-child{display:block}.mouse_effect .btn_box .btn .icon{width:20px;height:20px}.mouse_effect .btn_box .btn .icon svg:last-child{display:none}.mouse_effect .btn_box .btn:hover{background-color:var(--gray-900)}.mouse_effect .btn_box .btn:hover.is_hide .icon svg:first-child{display:block}.mouse_effect .btn_box .btn:hover .icon svg:first-child,.mouse_effect .btn_box .btn:hover.is_hide .icon svg:last-child{display:none}.mouse_effect .btn_box .btn:hover .icon svg:last-child{display:block}.navigator_list{display:inline-flex;max-width:244px;width:100%;flex-direction:column;box-sizing:border-box}.navigator_list>.navigator_group .navigator_list{padding-right:16px}.navigator_list .navigator_list{padding:0 0 0 32px}.navigator_list .navigator_list .navigator_group:not(:first-of-type) .navigator_item,.navigator_list .navigator_list .navigator_group:not(:first-of-type) .navigator_menu{margin-top:8px}.navigator_list .navigator_list .navigator_menu{margin-top:8px;padding:12px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.navigator_group{display:flex;flex-direction:column}.navigator_group+.navigator_group{margin-top:8px}.navigator_group .navigator_group:not(:first-of-type) .navigator_item{margin-top:24px}.navigator_item{padding:9px 16px;border-radius:4px;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);text-align:start;word-break:break-all;cursor:pointer}.navigator_item.is_active,.navigator_item:hover{background:var(--orange-alpha-light)}.navigator_item.is_active{border:1px solid var(--orange-0)}.navigator_item.add_icon.is_active{color:var(--gray-900)}.navigator_item.add_icon.is_active .icon svg path{fill:var(--orange-0)}.navigator_item .icon{margin-right:10px}.navigator_menu{display:inline-flex;align-items:flex-start;padding:12px 16px;font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--gray-900);word-break:break-all;box-sizing:border-box}.navigator_menu.is_active .icon svg{transform:rotate(0deg)}.navigator_menu .icon{flex:0 0 auto;display:inline-block;width:24px;height:24px;margin-right:8px}.navigator_menu .icon svg{width:100%;height:100%;transform:rotate(-90deg)}.toast_box{display:flex;align-items:center;position:absolute;top:0;left:50%;width:max-content;padding:8px;border-radius:8px;background:var(--gray-800);font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-000);transform:translate(-50%,calc(-100% - 16px));opacity:1;animation:toast .2s linear}.toast_box .icon{display:inline-block;vertical-align:top;margin-right:8px}.toast_box svg{display:block}.toast_box svg path{fill:currentColor}@keyframes toast{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px))}to{opacity:1;transform:translate(-50%,calc(-100% - 16px))}}code[class*=language-],pre[class*=language-]{background:none;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{overflow:auto;box-sizing:border-box;--code-slategray:var(--gray-700);--code-gray:var(--gray-800);--code-purple:#6a3fdb;--code-blue:#1466b8;--code-orange:#ad500c;--code-brown:#8a5f2e;--code-green:#0b7a45}.darkmode pre[class*=language-]{--code-slategray:var(--gray-300);--code-gray:var(--gray-600);--code-purple:var(--purple-dark);--code-blue:var(--blue-dark);--code-orange:var(--orange-dark);--code-brown:#face9b;--code-green:var(--green-dark);color:var(--code-gray)}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--code-slategray)}.token.punctuation{color:var(--code-gray)}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.important,.token.number,.token.regex,.token.symbol,.token.tag,.token.variable{color:var(--code-orange)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:var(--code-green)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:var(--code-brown)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-blue)}.token.class-name,.token.function{color:var(--code-purple)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.illust_state_sharing{--iss-alice:var(--blue-0);--iss-alice-tint:var(--blue-alpha-light);--iss-york:var(--purple-0);--iss-york-tint:var(--purple-alpha-light);--iss-ease:cubic-bezier(0.22,1,0.36,1);overflow:hidden;padding:40px 32px 24px;border:1px solid var(--gray-400);border-radius:8px;background:var(--gray-000);color:var(--gray-900)}.illust_state_sharing .iss_stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(40px,72px) minmax(168px,200px) minmax(40px,72px) minmax(0,1fr);align-items:center}.illust_state_sharing .iss_window{min-width:0;overflow:hidden;border:1px solid var(--iss-peer);border-radius:8px;background:var(--gray-000)}.illust_state_sharing .iss_window--alice{--iss-peer:var(--iss-alice);--iss-peer-tint:var(--iss-alice-tint)}.illust_state_sharing .iss_window--york{--iss-peer:var(--iss-york);--iss-peer-tint:var(--iss-york-tint)}.illust_state_sharing .iss_titlebar{display:flex;gap:8px;align-items:center;height:40px;padding:0 12px;border-bottom:1px solid var(--gray-300);background:var(--gray-50)}.illust_state_sharing .iss_avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--iss-peer);color:#fff;font-size:11px;font-weight:600;line-height:1}.illust_state_sharing .iss_name{font-size:14px;font-weight:600;line-height:20px}.illust_state_sharing .iss_status{display:grid;margin-left:auto;justify-items:end}.illust_state_sharing .iss_status_item{display:inline-flex;gap:4px;align-items:center;grid-area:1/1;color:var(--gray-700);font-size:12px;line-height:18px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out}.illust_state_sharing .iss_status--synced{color:var(--orange-dark);font-weight:600}.illust_state_sharing.is-step1 .iss_status--local,.illust_state_sharing.is-step2 .iss_status--syncing,.illust_state_sharing.is-step3 .iss_status--syncing,.illust_state_sharing.is-step4 .iss_status--synced{opacity:1}.illust_state_sharing .iss_window svg.iss_icon{display:block;flex:none;width:12px;height:12px}.illust_state_sharing .iss_list{margin:0;padding:8px;list-style:none}.illust_state_sharing .iss_row{position:relative;display:flex;gap:10px;align-items:center;height:36px;padding:0 8px;border-radius:4px;font-size:14px;line-height:20px;transition:background-color .4s ease-out,opacity .5s var(--iss-ease),transform .5s var(--iss-ease)}.illust_state_sharing .iss_box{display:inline-flex;flex:none;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--gray-500);border-radius:4px;background:var(--gray-000);color:var(--gray-000);transition:background-color .3s ease-out,border-color .3s ease-out}.illust_state_sharing .iss_box .iss_icon{opacity:0;transform:scale(.6);transition:opacity .3s ease-out,transform .4s var(--iss-ease)}.illust_state_sharing .iss_text{position:relative;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease-out}.illust_state_sharing .iss_text:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .4s var(--iss-ease)}.illust_state_sharing .iss_author{display:inline-flex;flex:none;gap:4px;align-items:center;margin-left:auto;color:var(--gray-700);font-size:12px;line-height:18px;opacity:0;transition:opacity .3s ease-out}.illust_state_sharing .iss_author_dot{width:8px;height:8px;border-radius:50%}.illust_state_sharing .iss_author--alice .iss_author_dot{background:var(--iss-alice)}.illust_state_sharing .iss_author--york .iss_author_dot{background:var(--iss-york)}.illust_state_sharing .iss_row--ship{opacity:0;transform:translateY(-6px)}.illust_state_sharing.is-from1 .iss_window--york .iss_row--spec,.illust_state_sharing.is-from4 .iss_window--alice .iss_row--spec{background:var(--iss-york-tint)}.illust_state_sharing.is-from1 .iss_window--york .iss_row--spec .iss_box,.illust_state_sharing.is-from4 .iss_window--alice .iss_row--spec .iss_box{border-color:var(--iss-york);background:var(--iss-york)}.illust_state_sharing.is-from1 .iss_window--york .iss_row--spec .iss_box .iss_icon,.illust_state_sharing.is-from4 .iss_window--alice .iss_row--spec .iss_box .iss_icon{opacity:1;transform:scale(1)}.illust_state_sharing.is-from1 .iss_window--york .iss_row--spec .iss_text,.illust_state_sharing.is-from4 .iss_window--alice .iss_row--spec .iss_text{color:var(--gray-700)}.illust_state_sharing.is-from1 .iss_window--york .iss_row--spec .iss_text:after,.illust_state_sharing.is-from4 .iss_window--alice .iss_row--spec .iss_text:after{transform:scaleX(1)}.illust_state_sharing.is-from1 .iss_window--york .iss_row--spec .iss_author,.illust_state_sharing.is-from4 .iss_window--alice .iss_row--spec .iss_author{opacity:1}.illust_state_sharing.is-from1 .iss_window--alice .iss_row--ship,.illust_state_sharing.is-from4 .iss_window--york .iss_row--ship{background:var(--iss-alice-tint);opacity:1;transform:none}.illust_state_sharing.is-from1 .iss_window--alice .iss_row--ship .iss_author,.illust_state_sharing.is-from4 .iss_window--york .iss_row--ship .iss_author{opacity:1}.illust_state_sharing .iss_code{display:block;height:36px;padding:0 12px;overflow:hidden;border-top:1px solid var(--gray-300);background:var(--gray-50);color:var(--gray-800);font-family:RobotoMono,Consolas,Monaco,monospace;font-size:12px;line-height:36px;white-space:nowrap;text-overflow:ellipsis;transition:color .3s ease-out}.illust_state_sharing:not(.is-from1) .iss_code{color:transparent}.illust_state_sharing .iss_server{display:flex;flex-direction:column;min-width:0;padding:14px 14px 12px;border:1px solid var(--gray-400);border-radius:8px;background:var(--gray-50)}.illust_state_sharing .iss_server_title{display:flex;gap:6px;align-items:center;font-size:14px;font-weight:600;line-height:20px}.illust_state_sharing .iss_server_title:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--orange-0)}.illust_state_sharing .iss_server_doc{margin-top:2px;color:var(--gray-700);font-size:12px;line-height:18px}.illust_state_sharing .iss_server_doc code{color:var(--gray-800);font-family:RobotoMono,Consolas,Monaco,monospace}.illust_state_sharing .iss_log{margin:10px 0 0;padding:8px 0 0;border-top:1px solid var(--gray-300);list-style:none}.illust_state_sharing .iss_log_item{display:flex;gap:6px;align-items:center;height:26px;font-size:12px;line-height:18px;opacity:0;transform:translateY(4px);transition:opacity .4s ease-out,transform .4s var(--iss-ease)}.illust_state_sharing .iss_log_item .iss_author{margin-left:0;color:var(--gray-900);font-weight:600;opacity:1}.illust_state_sharing .iss_log_op{color:var(--gray-700);white-space:nowrap}.illust_state_sharing.is-from2 .iss_log_item{opacity:1;transform:none}.illust_state_sharing.is-step2 .iss_log_item{transition-delay:.9s}.illust_state_sharing .iss_track{position:relative;height:12px}.illust_state_sharing .iss_line{position:absolute;top:50%;left:0;right:0;height:0;border-top:1px dashed var(--gray-400)}.illust_state_sharing .iss_runner{position:absolute;inset:0;opacity:0}.illust_state_sharing .iss_packet{position:absolute;top:50%;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid var(--gray-000);border-radius:50%}.illust_state_sharing .iss_runner--alice .iss_packet{background:var(--iss-alice)}.illust_state_sharing .iss_runner--york .iss_packet{background:var(--iss-york)}.illust_state_sharing.is-step2 .iss_track--left .iss_runner--out,.illust_state_sharing.is-step3 .iss_track--right .iss_runner--back{animation:iss-forward 1.1s var(--iss-ease) forwards}.illust_state_sharing.is-step2 .iss_track--right .iss_runner--out,.illust_state_sharing.is-step3 .iss_track--left .iss_runner--back{animation:iss-reverse 1.1s var(--iss-ease) forwards}.illust_state_sharing .iss_steps{display:flex;gap:32px;justify-content:center;margin:32px 0 0;padding:16px 0 0;border-top:1px solid var(--gray-300);list-style:none}.illust_state_sharing .iss_step{display:flex;gap:8px;align-items:center;color:var(--gray-600);font-size:13px;line-height:20px;transition:color .3s ease-out}.illust_state_sharing .iss_step.is-active{color:var(--gray-900)}.illust_state_sharing .iss_step_num{display:inline-flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--gray-400);border-radius:50%;font-size:11px;font-weight:600;line-height:1;transition:background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out}.illust_state_sharing .iss_step.is-active .iss_step_num{border-color:var(--orange-0);background:var(--orange-0);color:#fff}@media screen and (min-width:1024px)and (max-width:1239px){.illust_state_sharing{padding:32px 24px 24px}.illust_state_sharing .iss_stage{grid-template-columns:minmax(0,1fr) 40px 176px 40px minmax(0,1fr)}}@media screen and (max-width:1023px){.illust_state_sharing{padding:24px 16px 16px}.illust_state_sharing .iss_stage{grid-template-columns:minmax(0,420px);justify-content:center}.illust_state_sharing .iss_track{width:12px;height:40px;justify-self:center}.illust_state_sharing .iss_line{top:0;bottom:0;left:50%;right:auto;width:0;height:auto;border-top:0;border-left:1px dashed var(--gray-400)}.illust_state_sharing .iss_packet{top:0;left:50%}.illust_state_sharing .iss_server{padding:12px}.illust_state_sharing .iss_log{display:flex;flex-wrap:wrap;column-gap:16px}.illust_state_sharing.is-step2 .iss_track--left .iss_runner--out,.illust_state_sharing.is-step3 .iss_track--right .iss_runner--back{animation-name:iss-down}.illust_state_sharing.is-step2 .iss_track--right .iss_runner--out,.illust_state_sharing.is-step3 .iss_track--left .iss_runner--back{animation-name:iss-up}}@media screen and (max-width:1023px)and (min-width:640px){.illust_state_sharing .iss_stage{grid-template-areas:"alice york" "tl tr" "server server";grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}.illust_state_sharing .iss_window--alice{grid-area:alice}.illust_state_sharing .iss_window--york{grid-area:york}.illust_state_sharing .iss_track--left{grid-area:tl}.illust_state_sharing .iss_track--right{grid-area:tr}.illust_state_sharing .iss_server{grid-area:server}.illust_state_sharing.is-step2 .iss_track--right .iss_runner--out{animation-name:iss-down}.illust_state_sharing.is-step3 .iss_track--right .iss_runner--back{animation-name:iss-up}}@media screen and (max-width:1023px){.illust_state_sharing .iss_steps{flex-direction:column;gap:8px;align-items:flex-start;max-width:420px;margin:24px auto 0}}.illust_state_sharing.is-static,.illust_state_sharing.is-static *{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){.illust_state_sharing,.illust_state_sharing *{transition:none!important;animation:none!important}}@keyframes iss-forward{0%{opacity:0;transform:translateX(0)}15%,85%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes iss-reverse{0%{opacity:0;transform:translateX(100%)}15%,85%{opacity:1}to{opacity:0;transform:translateX(0)}}@keyframes iss-down{0%{opacity:0;transform:translateY(0)}15%,85%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes iss-up{0%{opacity:0;transform:translateY(100%)}15%,85%{opacity:1}to{opacity:0;transform:translateY(0)}}.illust_document{display:flex;flex-direction:column;box-sizing:border-box;width:336px;max-width:100%;height:280px;overflow:hidden;border:1px solid var(--gray-400);border-radius:8px;background:var(--gray-000);color:var(--gray-900)}.illust_document .is_purple{--peer:var(--purple-0);--peer-alpha:var(--purple-alpha-0);--peer-tint:var(--purple-alpha-light)}.illust_document .is_blue{--peer:var(--blue-0);--peer-alpha:var(--blue-alpha-0);--peer-tint:var(--blue-alpha-light)}.illust_document .is_red{--peer:var(--red-0);--peer-alpha:var(--red-alpha-0);--peer-tint:var(--red-alpha-light)}.illust_document__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;height:40px;padding:0 12px 0 16px;border-bottom:1px solid var(--gray-300)}.illust_document__title{font-size:13px;font-weight:600;line-height:20px;color:var(--gray-800)}.illust_document__peers{display:flex;gap:4px}.illust_document__avatar{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:22px;height:22px;border:1px solid transparent;border-radius:50%;background:var(--peer-tint);font-size:12px;font-weight:600;line-height:1;color:var(--gray-900);transition:border-color .3s ease-out}.illust_document__avatar.is_active{border-color:var(--peer)}.illust_document__body{flex:1 1 auto;padding:calc((190px - var(--rows, 5)*26px)/2) 16px 0;font-family:RobotoMono,Consolas,Monaco,monospace;font-size:14px;line-height:26px;white-space:pre}@media screen and (max-width:639px){.illust_document__body{padding-top:calc((190px - var(--rows, 5)*24px)/2);font-size:13px;line-height:24px}}.illust_document__row{display:flex;align-items:center;height:26px}@media screen and (max-width:639px){.illust_document__row{height:24px}}.illust_document__row.is_entry{animation:illust-document-row .45s cubic-bezier(.16,1,.3,1)}.illust_document__key{color:var(--gray-900)}.illust_document__str{color:var(--gray-700)}.illust_document__num{color:var(--gray-900)}.illust_document__punc{color:var(--gray-500)}.illust_document__mark{border-radius:3px}.illust_document__mark.is_flash{animation:illust-document-flash 1.8s ease-out forwards}.illust_document__mark.is_select{background:var(--peer-alpha)}.illust_document__caret{display:inline-block;width:2px;height:18px;margin:0 -1px;border-radius:1px;vertical-align:middle;background:var(--peer)}.illust_document__delta{margin-left:10px;padding:0 6px;border-radius:4px;background:var(--peer-tint);font-size:12px;line-height:20px;color:var(--gray-900);animation:illust-document-delta .5s cubic-bezier(.16,1,.3,1)}.illust_document__tag{display:inline-flex;align-items:flex-start;margin-left:8px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap;animation:illust-document-tag .4s cubic-bezier(.16,1,.3,1)}.illust_document .illust_document__tag svg.illust_document__arrow{display:block;flex:0 0 auto;width:12px;height:15px;margin-top:-3px}.illust_document .illust_document__tag svg.illust_document__arrow path{fill:var(--peer);stroke:var(--gray-000);stroke-width:1;stroke-linejoin:round}.illust_document__tag_name{margin:6px 0 0 -2px;padding:0 6px;border:1px solid var(--peer);border-radius:4px;background:var(--peer-tint);font-size:12px;font-weight:600;line-height:16px;color:var(--gray-900)}.illust_document__footer{display:flex;flex:0 0 auto;align-items:center;height:48px;padding:0 12px;border-top:1px solid var(--gray-300)}.illust_document__op{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 10px;border:1px solid var(--gray-300);border-radius:4px;background:var(--gray-50);animation:illust-document-op .4s cubic-bezier(.16,1,.3,1)}.illust_document__op.is_idle{border-style:dashed;background:transparent}.illust_document__op.is_idle .illust_document__op_code{color:var(--gray-600)}.illust_document__op_dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--peer)}.illust_document__op_code{overflow:hidden;font-family:RobotoMono,Consolas,Monaco,monospace;font-size:12px;line-height:20px;color:var(--gray-900);white-space:pre;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.illust_document *,.illust_document__row.is_entry{animation:none!important;transition:none!important}}@keyframes illust-document-row{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}@keyframes illust-document-flash{0%,45%{background:var(--peer-alpha)}to{background:transparent}}@keyframes illust-document-delta{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes illust-document-tag{0%{opacity:0;transform:translate(-4px,4px)}to{opacity:1;transform:none}}@keyframes illust-document-op{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.illust_presence{box-sizing:border-box;width:336px;max-width:100%;aspect-ratio:336/280;overflow:hidden;border:1px solid var(--gray-400);border-radius:8px;background:var(--gray-000)}.illust_presence svg{display:block;width:100%;height:100%}.illust_presence text{font-size:12px;white-space:pre;fill:var(--gray-900)}.illust_presence .illust_presence_mono{font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;fill:var(--gray-800)}.illust_presence .illust_presence_note{fill:var(--gray-700)}.illust_presence .illust_presence_label{font-weight:500;fill:var(--gray-900)}.illust_presence .illust_presence_tag{font-weight:600;fill:var(--gray-900)}.illust_presence .illust_presence_key{fill:var(--gray-700)}.illust_presence .illust_presence_str,.illust_presence .illust_presence_value{fill:var(--gray-900)}.illust_presence .illust_presence_comment{fill:var(--gray-700)}.illust_presence .illust_presence_tick{font-weight:600;fill:var(--gray-900);animation:illust_presence_tick 1.1s ease-out}.illust_presence .illust_presence_sync{animation:illust_presence_sync 1.1s ease-out .1s}.illust_presence .illust_presence_arrive{opacity:0;fill:var(--blue-alpha-0);animation:illust_presence_arrive 1.2s ease-out}@media(prefers-reduced-motion:reduce){.illust_presence .illust_presence_arrive{display:none}.illust_presence .illust_presence_sync,.illust_presence .illust_presence_tick{animation:none}}@keyframes illust_presence_tick{0%,35%{fill:var(--blue-dark)}to{fill:var(--gray-900)}}@keyframes illust_presence_sync{0%,40%{stroke:var(--blue-0)}to{stroke:var(--gray-500)}}@keyframes illust_presence_arrive{0%,30%{opacity:1}to{opacity:0}}.illust_channel{box-sizing:border-box;width:336px;max-width:100%;aspect-ratio:336/280;overflow:hidden;border:1px solid var(--gray-400);border-radius:8px;background:var(--gray-000)}.illust_channel svg{display:block;width:100%;height:100%}.illust_channel text{font-size:12px;white-space:pre;fill:var(--gray-900)}.illust_channel .illust_channel_mono{font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;fill:var(--gray-800)}.illust_channel .illust_channel_note{fill:var(--gray-700)}.illust_channel .illust_channel_label{font-weight:500}.illust_channel .illust_channel_initial{font-weight:700}.illust_channel .illust_channel_state{fill:var(--gray-700)}.illust_channel .illust_channel_topic{font-size:14px;font-weight:500;fill:var(--gray-900)}.illust_channel .illust_channel_count{font-size:32px;font-weight:600;fill:var(--gray-900)}.illust_channel .illust_channel_log{fill:var(--gray-900)}.illust_channel .illust_channel_log,.illust_channel .illust_channel_tick{animation:illust_channel_tick 1.2s ease-out}.illust_channel .illust_channel_flash{opacity:0;animation:illust_channel_flash 1.2s ease-out}@media(prefers-reduced-motion:reduce){.illust_channel .illust_channel_flash,.illust_channel .illust_channel_log,.illust_channel .illust_channel_tick{animation:none}}@keyframes illust_channel_tick{0%,35%{fill:var(--orange-dark)}to{fill:var(--gray-900)}}@keyframes illust_channel_flash{0%,30%{opacity:1}to{opacity:0}}.illust_architecture{overflow:hidden;border:1px solid var(--gray-300);border-radius:16px;background:var(--gray-50)}div.illust_architecture svg{display:block;width:100%;height:auto}div.illust_architecture svg.ia_wide{padding:8px 0}div.illust_architecture svg.ia_stack{display:none;max-width:480px;margin:0 auto;padding:12px 0}@media screen and (max-width:1023px){div.illust_architecture svg.ia_wide{display:none}div.illust_architecture svg.ia_stack{display:block}}.illust_architecture .ia_card,.illust_architecture .ia_node{fill:var(--gray-000);stroke:var(--gray-400);stroke-width:1}.illust_architecture .ia_server{fill:var(--gray-000);stroke:var(--orange-0);stroke-width:1.5}.illust_architecture .ia_project{fill:var(--gray-100)}.illust_architecture .ia_db{fill:var(--gray-000);stroke:var(--gray-500);stroke-width:1.5}.illust_architecture .ia_tag{fill:var(--gray-100);stroke:var(--gray-400)}.illust_architecture .ia_boundary{fill:none;stroke:var(--gray-500);stroke-width:1;stroke-dasharray:6 5}.illust_architecture .ia_rule{stroke:var(--gray-300);stroke-width:1}.illust_architecture .ia_brand{fill:var(--orange-0)}.illust_architecture .ia_bar.ia_hue_blue{fill:var(--blue-alpha-light)}.illust_architecture .ia_avatar.ia_hue_blue,.illust_architecture .ia_dot.ia_hue_blue{fill:var(--blue-0)}.illust_architecture .ia_bar.ia_hue_green{fill:var(--green-alpha-light)}.illust_architecture .ia_avatar.ia_hue_green,.illust_architecture .ia_dot.ia_hue_green{fill:var(--green-0)}.illust_architecture .ia_bar.ia_hue_purple{fill:var(--purple-alpha-light)}.illust_architecture .ia_avatar.ia_hue_purple,.illust_architecture .ia_dot.ia_hue_purple{fill:var(--purple-0)}.illust_architecture .ia_avatar{stroke:var(--gray-000);stroke-width:1.5}.illust_architecture .ia_arrow polyline{fill:none;stroke:var(--gray-600);stroke-width:1.5}.illust_architecture .ia_arrow path{fill:var(--gray-600)}.illust_architecture text{fill:var(--gray-800);font-size:13px}.illust_architecture .ia_zone{fill:var(--gray-900);font-size:14px;font-weight:600}.illust_architecture .ia_title{fill:var(--gray-900);font-size:14px;font-weight:700}.illust_architecture .ia_text{font-size:13px}.illust_architecture .ia_small{font-size:12px}.illust_architecture .ia_label{fill:var(--gray-800);font-size:13px;font-weight:600}.illust_architecture .ia_strong{fill:var(--gray-900);font-weight:600}.illust_architecture .ia_muted{fill:var(--gray-700);font-weight:400}.illust_architecture .ia_code{white-space:pre;fill:var(--gray-800);font-family:RobotoMono,Consolas,Monaco,monospace;font-size:13px}.illust_architecture .ia_code.ia_small{font-size:12px}.illust_architecture .ia_dot{opacity:0;animation:6s cubic-bezier(.22,1,.36,1) infinite paused}.illust_architecture.is_playing .ia_dot{animation-play-state:running}.illust_architecture .ia_w_up{animation-name:ia-w-up}.illust_architecture .ia_w_db{animation-name:ia-w-db}.illust_architecture .ia_w_down{animation-name:ia-w-down}.illust_architecture .ia_s_up{animation-name:ia-s-up}.illust_architecture .ia_s_db{animation-name:ia-s-db}.illust_architecture .ia_s_down{animation-name:ia-s-down}@media(prefers-reduced-motion:reduce){.illust_architecture .ia_dot{display:none;animation:none}}@keyframes ia-w-up{0%{opacity:0;transform:translateX(0)}4%{opacity:1}24%{opacity:1;transform:translateX(136px)}28%,to{opacity:0;transform:translateX(136px)}}@keyframes ia-w-db{0%,30%{opacity:0;transform:translateX(0)}33%{opacity:1}50%{opacity:1;transform:translateX(104px)}54%,to{opacity:0;transform:translateX(104px)}}@keyframes ia-w-down{0%,30%{opacity:0;transform:translateX(0)}33%{opacity:1}52%{opacity:1;transform:translateX(-136px)}56%,to{opacity:0;transform:translateX(-136px)}}@keyframes ia-s-up{0%{opacity:0;transform:translateY(0)}4%{opacity:1}24%{opacity:1;transform:translateY(56px)}28%,to{opacity:0;transform:translateY(56px)}}@keyframes ia-s-db{0%,30%{opacity:0;transform:translateY(0)}33%{opacity:1}50%{opacity:1;transform:translateY(60px)}54%,to{opacity:0;transform:translateY(60px)}}@keyframes ia-s-down{0%,30%{opacity:0;transform:translateY(0)}33%{opacity:1}52%{opacity:1;transform:translateY(-56px)}56%,to{opacity:0;transform:translateY(-56px)}}.illust_dashboard{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;max-width:1007px;padding-top:32px;color:var(--gray-800);font-size:13px;line-height:20px}.illust_dashboard .dash_icon{flex:none;width:16px;height:16px}.illust_dashboard .dash_window{flex:1 1 0;min-width:0;max-width:760px;overflow:hidden;border:1px solid var(--gray-400);border-radius:8px;background:var(--gray-000)}.illust_dashboard .dash_browser_bar{display:flex;align-items:center;gap:16px;height:36px;padding:0 12px;border-bottom:1px solid var(--gray-300);background:var(--gray-100)}.illust_dashboard .dash_dots{display:flex;flex:none;gap:6px}.illust_dashboard .dash_dots i{width:10px;height:10px;border-radius:50%;background:var(--gray-400)}.illust_dashboard .dash_url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0 auto;padding:2px 12px;border-radius:4px;background:var(--gray-000);color:var(--gray-600);font-size:12px;line-height:18px}.illust_dashboard .dash_app_header{display:flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-bottom:1px solid var(--gray-300);white-space:nowrap}.illust_dashboard .dash_logo{display:flex;flex:none;width:24px;margin-right:4px}.illust_dashboard .dash_logo svg{width:100%;height:auto}.illust_dashboard .dash_logo path:first-child{fill:var(--gray-800)}.illust_dashboard .dash_crumb{color:var(--gray-600)}.illust_dashboard .dash_crumb.is_current{color:var(--gray-900);font-weight:600}.illust_dashboard .dash_crumb_sep{color:var(--gray-400)}.illust_dashboard .dash_util{display:flex;align-items:center;gap:16px;margin-left:auto;color:var(--gray-600)}.illust_dashboard .dash_avatar{width:24px;height:24px;border-radius:50%;background:var(--gray-300)}.illust_dashboard .dash_project{padding:16px 20px 0}.illust_dashboard .dash_project_title{display:block;color:var(--gray-900);font-size:18px;font-weight:700;line-height:26px}.illust_dashboard .dash_tabs{display:flex;gap:18px;margin-top:8px;overflow:hidden;border-bottom:1px solid var(--gray-400);white-space:nowrap;mask-image:linear-gradient(to right,var(--gray-900) calc(100% - 32px),transparent)}.illust_dashboard .dash_tab{position:relative;flex:none;padding:6px 0 8px;color:var(--gray-600)}.illust_dashboard .dash_tab.is_active{color:var(--gray-900);font-weight:600}.illust_dashboard .dash_tab.is_active:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--orange-0);content:""}.illust_dashboard .dash_body{display:flex;gap:20px;padding:16px 20px 20px}.illust_dashboard .dash_sidebar{flex:0 0 164px}.illust_dashboard .dash_search{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--gray-400);border-radius:4px;color:var(--gray-500);font-size:12px}.illust_dashboard .dash_search .dash_icon{width:14px;height:14px}.illust_dashboard .dash_doc_list{margin-top:8px}.illust_dashboard .dash_doc_item{padding:6px 10px;border-radius:4px;color:var(--gray-700)}.illust_dashboard .dash_doc_item.is_active{background:var(--gray-100);color:var(--gray-900);font-weight:600}.illust_dashboard .dash_detail{flex:1 1 0;min-width:0}.illust_dashboard .dash_title_box{display:flex;align-items:center;gap:10px}.illust_dashboard .dash_back{display:flex;color:var(--gray-600)}.illust_dashboard .dash_title_inner{display:flex;flex-direction:column;gap:2px}.illust_dashboard .dash_doc_title{color:var(--gray-900);font-size:15px;font-weight:700;line-height:20px}.illust_dashboard .dash_date{color:var(--gray-600);font-size:12px;line-height:16px}.illust_dashboard .dash_info_list{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:12px;white-space:nowrap}.illust_dashboard .dash_info_item{display:flex;align-items:baseline;gap:12px}.illust_dashboard .dash_info_item dt{color:var(--gray-700);font-size:12px;font-weight:600}.illust_dashboard .dash_info_item dd{color:var(--gray-800);font-weight:500}.illust_dashboard .dash_code_toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-300)}.illust_dashboard .dash_badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:var(--gray-100);color:var(--gray-700);font-size:12px;line-height:18px}.illust_dashboard .dash_badge .dash_icon{width:12px;height:12px}.illust_dashboard .dash_toggles{display:flex;gap:4px}.illust_dashboard .dash_toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;color:var(--gray-600);font-size:12px;line-height:16px}.illust_dashboard .dash_toggle .dash_icon{width:14px;height:14px}.illust_dashboard .dash_toggle.is_active{background:var(--gray-200);color:var(--gray-900)}.illust_dashboard .dash_codeblock{margin-top:8px;padding:10px 0;overflow:hidden;border:1px solid var(--gray-300);border-radius:8px;background:var(--gray-50)}.illust_dashboard .dash_codeblock.lines_7{min-height:140px}.illust_dashboard .dash_codeblock.lines_8{min-height:160px}.illust_dashboard .dash_code{margin:0;padding:0;overflow:hidden;color:var(--code-gray);font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:12px;line-height:20px}.illust_dashboard .code_line{display:flex;padding-right:12px}.illust_dashboard .line_num{flex:none;width:32px;padding-right:12px;color:var(--gray-500);text-align:right;user-select:none}.illust_dashboard code{min-width:0;font-family:inherit;white-space:pre}.illust_dashboard code.indent_1{padding-left:2ch}.illust_dashboard code.indent_2{padding-left:4ch}.illust_dashboard .tk_key{color:var(--code-blue)}.illust_dashboard .tk_str{color:var(--code-green)}.illust_dashboard .tk_bool{color:var(--code-orange)}.illust_dashboard .tk_punc{color:var(--code-gray)}.illust_dashboard .dash_phone{box-sizing:border-box;flex:0 0 215px;width:215px;min-width:0;padding:6px;border:1px solid var(--gray-400);border-radius:28px;background:var(--gray-100)}.illust_dashboard .dash_phone_screen{overflow:hidden;border:1px solid var(--gray-300);border-radius:22px;background:var(--gray-000);padding-top:8px}.illust_dashboard .dash_phone_screen .dash_app_header{justify-content:space-between;height:40px;padding:0 14px}.illust_dashboard .dash_phone_screen .dash_project{padding:12px 14px 0}.illust_dashboard .dash_phone_screen .dash_project_title{font-size:16px;line-height:22px}.illust_dashboard .dash_phone_screen .dash_tabs{gap:14px}.illust_dashboard .dash_phone_screen .dash_detail{padding:14px 12px 16px}.illust_dashboard .dash_phone_screen .dash_title_box{gap:8px}.illust_dashboard .dash_phone_screen .dash_info_list{margin-top:10px}.illust_dashboard .dash_phone_screen .dash_code_toolbar{margin-top:10px;padding-top:10px}.illust_dashboard .dash_phone_screen .code_line{padding-right:8px}.illust_dashboard .dash_phone_screen .line_num{width:24px;padding-right:8px}.illust_dashboard .dash_menu{display:flex;flex-direction:column;gap:3px;width:14px}.illust_dashboard .dash_menu i{height:2px;border-radius:1px;background:var(--gray-700)}@media screen and (max-width:1023px){.illust_dashboard{gap:24px}.illust_dashboard .dash_sidebar,.illust_dashboard .dash_util span:not(.dash_avatar){display:none}}@media screen and (max-width:639px){.illust_dashboard{padding-top:24px}.illust_dashboard .dash_phone{display:none}.illust_dashboard .dash_app_header,.illust_dashboard .dash_body,.illust_dashboard .dash_project{padding-right:12px;padding-left:12px}.illust_dashboard .dash_body{padding-bottom:12px}.illust_dashboard .line_num{width:26px;padding-right:8px}.illust_dashboard code.indent_1{padding-left:1ch}.illust_dashboard code.indent_2{padding-left:2ch}}.darkmode .illust_dashboard .dash_badge,.darkmode .illust_dashboard .dash_browser_bar,.darkmode .illust_dashboard .dash_doc_item.is_active,.darkmode .illust_dashboard .dash_phone,.darkmode .illust_dashboard .dash_toggle.is_active{background:var(--gray-50)}.darkmode .illust_dashboard .dash_app_header,.darkmode .illust_dashboard .dash_browser_bar,.darkmode .illust_dashboard .dash_code_toolbar,.darkmode .illust_dashboard .dash_codeblock,.darkmode .illust_dashboard .dash_phone_screen,.darkmode .illust_dashboard .dash_tabs{border-color:var(--gray-100)}.darkmode .illust_dashboard .dash_avatar,.darkmode .illust_dashboard .dash_dots i{background:var(--gray-200)}.darkmode .illust_dashboard .dash_search{border-color:var(--gray-200)}.darkmode .illust_dashboard .dash_codeblock{background:transparent}.example_thumb{--example-thumb-lift:-4px;display:block;position:relative;width:100%;height:100%;aspect-ratio:16/10;overflow:hidden;background-color:var(--gray-100)}.example_thumb:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--gray-200) 1px,transparent 1.5px);background-size:12px 12px;pointer-events:none}.example_thumb .example_thumb_frame{position:absolute;box-sizing:border-box;border:1px solid var(--gray-400);background-color:var(--gray-000);overflow:hidden;transition:translate .24s cubic-bezier(.22,1,.36,1)}.example_thumb .example_thumb_screen{position:relative;overflow:hidden;background-color:var(--gray-000)}.example_thumb .example_thumb_screen img.example_thumb_img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:auto;object-fit:contain;vertical-align:top}.example_thumb--browser .example_thumb_frame{display:flex;flex-direction:column;top:10%;right:8%;bottom:-12px;left:8%;border-radius:8px}.example_thumb--browser .example_thumb_bar{display:flex;flex:0 0 auto;align-items:center;gap:4px;height:18px;padding:0 8px;border-bottom:1px solid var(--gray-400)}.example_thumb--browser .example_thumb_bar span{width:6px;height:6px;border-radius:50%;background-color:var(--gray-400)}.example_thumb--browser .example_thumb_screen{flex:1 1 auto;min-height:0}.example_thumb--browser .example_thumb_screen img.example_thumb_img{height:100%;object-fit:cover;object-position:center top}.example_thumb--phone .example_thumb_frame{top:8%;bottom:-28px;left:50%;width:38%;padding:5px;border-radius:20px;transform:translateX(-50%)}.example_thumb--phone .example_thumb_screen{height:100%;border-radius:15px;box-shadow:0 0 0 1px var(--gray-300)}.example_thumb--landscape .example_thumb_frame{top:50%;left:50%;width:74%;padding:5px;border-radius:16px;transform:translate(-50%,-50%)}.example_thumb--landscape .example_thumb_screen{border-radius:11px;box-shadow:0 0 0 1px var(--gray-300)}.darkmode .example_thumb{background-color:var(--gray-50)}.darkmode .example_thumb:before{background-image:radial-gradient(circle at 1px 1px,var(--gray-100) 1px,transparent 1.5px);opacity:.4}.darkmode .example_thumb .example_thumb_screen{background-color:var(--gray-900)}a:focus-visible .example_thumb .example_thumb_frame,a:hover .example_thumb .example_thumb_frame{translate:0 var(--example-thumb-lift)}@media(prefers-reduced-motion:reduce){.example_thumb .example_thumb_frame{transition:none}a:focus-visible .example_thumb .example_thumb_frame,a:hover .example_thumb .example_thumb_frame{translate:none}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--ink-on-accent:#332e2b;--gray-900:#332e2b;--gray-800:#514c49;--gray-700:#6e6966;--gray-600:#807b78;--gray-500:#a6a19e;--gray-400:#c2bdba;--gray-300:#e2dedb;--gray-200:#efeceb;--gray-100:#f5f3f1;--gray-50:#faf8f6;--gray-000:#fefdfb;--orange-dark:#f27b2f;--orange-0:#fc8539;--orange-light:#fda36a;--orange-alpha-dark:rgba(242,123,47,.4);--orange-alpha-0:rgba(252,133,57,.32);--orange-alpha-light:hsla(23,97%,70%,.24);--yellow-dark:#f5b103;--yellow-0:#fdc433;--yellow-light:#fed366;--yellow-alpha-dark:rgba(245,177,3,.4);--yellow-alpha-0:rgba(253,196,51,.32);--yellow-alpha-light:hsla(43,99%,70%,.24);--green-dark:#10b266;--green-0:#23c176;--green-light:#5ad198;--green-alpha-dark:rgba(16,178,102,.4);--green-alpha-0:rgba(35,193,118,.32);--green-alpha-light:rgba(90,209,152,.24);--blue-dark:#208aed;--blue-0:#3c9af1;--blue-light:#6db4f5;--blue-alpha-dark:rgba(26,133,232,.4);--blue-alpha-0:rgba(60,154,241,.32);--blue-alpha-light:rgba(109,180,245,.24);--red-dark:#e93d47;--red-0:#f44954;--red-light:#f7777e;--red-alpha-dark:rgba(233,61,71,.4);--red-alpha-0:rgba(244,73,84,.32);--red-alpha-light:rgba(247,119,126,.24);--purple-dark:#764af3;--purple-0:#855cf9;--purple-light:#a385fb;--purple-alpha-dark:rgba(118,74,243,.4);--purple-alpha-0:rgba(133,92,249,.32);--purple-alpha-light:rgba(163,133,251,.24)}.darkmode{--gray-900:#fefdfb;--gray-800:#faf8f6;--gray-700:#f5f3f1;--gray-600:#efeceb;--gray-500:#e2dedb;--gray-300:#a6a19e;--gray-200:#807b78;--gray-100:#6e6966;--gray-50:#514c49;--gray-000:#332e2b;--orange-dark:#fda36a;--orange-light:#f27b2f;--orange-alpha-dark:hsla(23,97%,70%,.24);--orange-alpha-light:rgba(242,123,47,.4);--yellow-dark:#fed366;--yellow-light:#f5b103;--yellow-alpha-dark:hsla(43,99%,70%,.24);--yellow-alpha-light:rgba(245,177,3,.4);--green-dark:#5ad198;--green-light:#10b266;--green-alpha-dark:rgba(90,209,152,.24);--green-alpha-light:rgba(16,178,102,.4);--blue-dark:#6db4f5;--blue-light:#208aed;--blue-alpha-dark:rgba(109,180,245,.24);--blue-alpha-light:rgba(26,133,232,.4);--red-dark:#f7777e;--red-light:#e93d47;--red-alpha-dark:rgba(247,119,126,.24);--red-alpha-light:rgba(233,61,71,.4);--purple-dark:#a385fb;--purple-light:#764af3;--purple-alpha-dark:rgba(163,133,251,.24);--purple-alpha-light:rgba(118,74,243,.4)}@font-face{font-family:Pretendard;font-weight:300;src:url(/assets/fonts/Pretendard-Light.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:400;src:url(/assets/fonts/Pretendard-Regular.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:500;src:url(/assets/fonts/Pretendard-Medium.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:600;src:url(/assets/fonts/Pretendard-SemiBold.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:800;src:url(/assets/fonts/Pretendard-ExtraBold.woff) format("woff")}@font-face{font-family:RobotoMono;font-weight:400;src:url(/assets/fonts/RobotoMono-Regular.woff) format("woff")}.font_Pretendard{font-family:Pretendard}.font_RobotoMono{font-family:RobotoMono}.font_monospace{font-family:"monospace"}.fontweight_800{font-weight:800}.fontweight_600{font-weight:600}.fontweight_500{font-weight:500}.fontweight_400{font-weight:400}.fontweight_300{font-weight:300}.fontsize_56{font-size:56px;line-height:64px}.fontsize_46{font-size:46px;line-height:54px}.fontsize_38{font-size:38px;line-height:46px}.fontsize_30{font-size:30px;line-height:38px}.fontsize_24{font-size:24px;line-height:32px}.fontsize_20{font-size:20px;line-height:28px}.fontsize_16{font-size:16px;line-height:24px}.fontsize_14{font-size:14px;line-height:22px}.fontsize_12{font-size:12px;line-height:16px}.fontsize_8{font-size:8px;line-height:8px}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,html{height:100%}html{font-size:10px}body{-webkit-overflow-scrolling:touch;font-size:1.5rem;line-height:normal;font-weight:400;overflow:overlay}body,code,html,kbd,pre,samp{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}article,aside,dialog,figure,header,main,nav,section{display:block}pre{word-wrap:break-word}address,em{font-style:normal}fieldset,img{border:0}dl,ol,ul{list-style:none;padding-left:0}a{color:inherit;text-decoration:none}button,input,optgroup,select,textarea{color:inherit;line-height:normal}button{border:transparent;background-color:transparent;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gray-900);outline-offset:2px}main:focus{outline:none}.skip_link{position:absolute;top:8px;left:8px;z-index:1000;padding:8px 16px;border-radius:4px;background-color:var(--gray-900);color:var(--gray-000);font-size:14px;line-height:22px;transform:translateY(-200%)}.skip_link:focus-visible{transform:none}html{background-color:var(--gray-000)}.white{color:#fff}.white_bg{background-color:#fff}.gray900{color:var(--gray-900)}.gray900_bg{background-color:var(--gray-900)}.gray800{color:var(--gray-800)}.gray800_bg{background-color:var(--gray-800)}.gray700{color:var(--gray-700)}.gray700_bg{background-color:var(--gray-700)}.gray600{color:var(--gray-600)}.gray600_bg{background-color:var(--gray-600)}.gray500{color:var(--gray-500)}.gray500_bg{background-color:var(--gray-500)}.gray400{color:var(--gray-400)}.gray400_bg{background-color:var(--gray-400)}.gray300{color:var(--gray-300)}.gray300_bg{background-color:var(--gray-300)}.gray200{color:var(--gray-200)}.gray200_bg{background-color:var(--gray-200)}.gray50{color:var(--gray-50)}.gray50_bg{background-color:var(--gray-50)}.gray000{color:var(--gray-000)}.gray000_bg{background-color:var(--gray-000)}.orange_dark{color:var(--orange-dark)}.orange_dark_bg{background-color:var(--orange-dark)}.orange_0{color:var(--orange-0)}.orange_0_bg{background-color:var(--orange-0)}.orange_light{color:var(--orange-light)}.orange_light_bg{background-color:var(--orange-light)}.orange_alpha_dark{color:var(--orange-alpha-dark)}.orange_alpha_dark_bg{background-color:var(--orange-alpha-dark)}.orange_alpha_0{color:var(--orange-alpha-0)}.orange_alpha_0_bg{background-color:var(--orange-alpha-0)}.orange_alpha_light{color:var(--orange-alpha-light)}.orange_alpha_light_bg{background-color:var(--orange-alpha-light)}.yellow_dark{color:var(--yellow-dark)}.yellow_dark_bg{background-color:var(--yellow-dark)}.yellow_0{color:var(--yellow-0)}.yellow_0_bg{background-color:var(--yellow-0)}.yellow_light{color:var(--yellow-light)}.yellow_light_bg{background-color:var(--yellow-light)}.yellow_alpha_dark{color:var(--yellow-alpha-dark)}.yellow_alpha_dark_bg{background-color:var(--yellow-alpha-dark)}.yellow_alpha_0{color:var(--yellow-alpha-0)}.yellow_alpha_0_bg{background-color:var(--yellow-alpha-0)}.yellow_alpha_light{color:var(--yellow-alpha-light)}.yellow_alpha_light_bg{background-color:var(--yellow-alpha-light)}.green_dark{color:var(--green-dark)}.green_dark_bg{background-color:var(--green-dark)}.green_0{color:var(--green-0)}.green_0_bg{background-color:var(--green-0)}.green_light{color:var(--green-light)}.green_light_bg{background-color:var(--green-light)}.green_alpha_dark{color:var(--green-alpha-dark)}.green_alpha_dark_bg{background-color:var(--green-alpha-dark)}.green_alpha_0{color:var(--green-alpha-0)}.green_alpha_0_bg{background-color:var(--green-alpha-0)}.green_alpha_light{color:var(--green-alpha-light)}.green_alpha_light_bg{background-color:var(--green-alpha-light)}.blue_dark{color:var(--blue-dark)}.blue_dark_bg{background-color:var(--blue-dark)}.blue_0{color:var(--blue-0)}.blue_0_bg{background-color:var(--blue-0)}.blue_light{color:var(--blue-light)}.blue_light_bg{background-color:var(--blue-light)}.blue_alpha_dark{color:var(--blue-alpha-dark)}.blue_alpha_dark_bg{background-color:var(--blue-alpha-dark)}.blue_alpha_0{color:var(--blue-alpha-0)}.blue_alpha_0_bg{background-color:var(--blue-alpha-0)}.blue_alpha_light{color:var(--blue-alpha-light)}.blue_alpha_light_bg{background-color:var(--blue-alpha-light)}.red_dark{color:var(--red-dark)}.red_dark_bg{background-color:var(--red-dark)}.red_0{color:var(--red-0)}.red_0_bg{background-color:var(--red-0)}.red_light{color:var(--red-light)}.red_light_bg{background-color:var(--red-light)}.red_alpha_dark{color:var(--red-alpha-dark)}.red_alpha_dark_bg{background-color:var(--red-alpha-dark)}.red_alpha_0{color:var(--red-alpha-0)}.red_alpha_0_bg{background-color:var(--red-alpha-0)}.red_alpha_light{color:var(--red-alpha-light)}.red_alpha_light_bg{background-color:var(--red-alpha-light)}.purple_dark{color:var(--purple-dark)}.purple_dark_bg{background-color:var(--purple-dark)}.purple_0{color:var(--purple-0)}.purple_0_bg{background-color:var(--purple-0)}.purple_light{color:var(--purple-light)}.purple_light_bg{background-color:var(--purple-light)}.purple_alpha_dark{color:var(--purple-alpha-dark)}.purple_alpha_dark_bg{background-color:var(--purple-alpha-dark)}.purple_alpha_0{color:var(--purple-alpha-0)}.purple_alpha_0_bg{background-color:var(--purple-alpha-0)}.purple_alpha_light{color:var(--purple-alpha-light)}.purple_alpha_light_bg{background-color:var(--purple-alpha-light)}.gradient_90deg_yellow{background-image:linear-gradient(90deg,#fe924d,#fdc433)}.gradient_90deg_orange{background-image:linear-gradient(90deg,#f96767,#ff9754)}.gradient_90deg_red{background-image:linear-gradient(90deg,#fc94d8,#f44954)}.gradient_90deg_purple{background-image:linear-gradient(90deg,#84b5ff,#855cf9)}.gradient_90deg_blue{background-image:linear-gradient(90deg,#8decec,#3c9af1)}.gradient_90deg_green{background-image:linear-gradient(90deg,#d7e38b,#23c176)}.gradient_90deg_gray1{background-image:linear-gradient(90deg,#212121,#616161)}.gradient_90deg_gray2{background-image:linear-gradient(90deg,#616161,#9e9e9e)}.gradient_90deg_gray3{background-image:linear-gradient(90deg,#9e9e9e,#e0e0e0)}.gradient_90deg_gray4{background-image:linear-gradient(90deg,#e0e0e0,#f5f5f5)}.gradient_180deg_yellow{background-image:linear-gradient(180deg,#fe924d,#fdc433)}.gradient_180deg_orange{background-image:linear-gradient(180deg,#f96767,#ff9754)}.gradient_180deg_red{background-image:linear-gradient(180deg,#fc94d8,#f44954)}.gradient_180deg_purple{background-image:linear-gradient(180deg,#84b5ff,#855cf9)}.gradient_180deg_blue{background-image:linear-gradient(180deg,#8decec,#3c9af1)}.gradient_180deg_green{background-image:linear-gradient(180deg,#d7e38b,#23c176)}.gradient_180deg_gray1{background-image:linear-gradient(180deg,#212121,#616161)}.gradient_180deg_gray2{background-image:linear-gradient(180deg,#616161,#9e9e9e)}.gradient_180deg_gray3{background-image:linear-gradient(180deg,#9e9e9e,#e0e0e0)}.gradient_180deg_gray4{background-image:linear-gradient(180deg,#e0e0e0,#f5f5f5)}.shadow_xs{box-shadow:0 8px 4px -8px rgba(0,0,0,.2)}.shadow_s{box-shadow:0 8px 8px -8px rgba(0,0,0,.2)}.shadow_m{box-shadow:0 8px 16px -8px rgba(0,0,0,.2)}.shadow_l{box-shadow:0 20px 24px -12px rgba(0,0,0,.2)}#__next,#root{height:100%}.wrap{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:320px;min-height:100%;background-color:var(--gray-000)}@media screen and (max-width:1023px){.wrap{overflow:initial}}.container{display:flex;flex-direction:column;flex:1 1 auto;position:relative;width:100%}@media screen and (orientation:landscape){.container{box-sizing:border-box}@supports(padding:env(safe-area-inset-right)){.container{padding:0 calc(env(safe-area-inset-right)) 0 calc(env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.container{padding:0 calc(constant(safe-area-inset-right)) 0 calc(constant(safe-area-inset-left))}}}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--orange-alpha-dark);border-radius:2px}::-webkit-scrollbar-track{background:transparent}.dimmed{position:fixed;top:0;right:0;left:0;bottom:0;z-index:200;background-color:var(--gray-900);opacity:.24}.br_pc{display:block}@media screen and (max-width:1023px){.br_pc{display:none}}.br_tablet{display:none}@media screen and (max-width:1023px){.br_tablet{display:block}}@media screen and (max-width:639px){.br_tablet{display:none}}.br_mo{display:none}@media screen and (max-width:639px){.br_mo{display:block}}@media screen and (max-width:359px){.br_mo{display:none}}.br_mo_xs{display:none}@media screen and (max-width:359px){.br_mo_xs{display:block}}.community_page .container{max-width:1120px;margin:0 auto;padding:158px 40px 240px;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .container{max-width:none;padding:0}}.community_page .container{align-items:center;justify-content:center}.community_page .content{position:relative;padding-right:32.789%;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .content{display:flex;flex-direction:column;align-items:center;max-width:640px;padding:72px 32px}}@media screen and (max-width:639px){.community_page .content{max-width:none;padding-left:16px;padding-right:16px}}.community_page .content .img_box{position:absolute;top:0;right:0}@media screen and (max-width:1023px){.community_page .content .img_box{position:static;order:2;margin-top:32px}}.community_page .content .img_box svg{display:block;width:100%}.community_page .content .title{font-size:5.6rem;line-height:1.15;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.community_page .content .title{order:1;font-size:3rem;line-height:1.27}}.community_page .content .desc{display:block;margin-top:32px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800)}@media screen and (max-width:1023px){.community_page .content .desc{order:3;text-align:center}}.community_page .content .btn_box{margin-top:32px}@media screen and (max-width:1023px){.community_page .content .btn_box{order:4;width:100%}}@media screen and (max-width:639px){.community_page .content .btn_box{flex-direction:column}}.community_page .content .btn_box .btn{margin:0 12px;padding:11px 15px;border-radius:8px}@media screen and (max-width:1023px){.community_page .content .btn_box .btn{flex-basis:50%}}@media screen and (max-width:639px){.community_page .content .btn_box .btn{flex-basis:auto;width:100%;margin:16px 0 0}}.community_page .content .btn_box .btn:first-child{margin-left:0}@media screen and (max-width:639px){.community_page .content .btn_box .btn:first-child{margin-top:0}}.community_page .content .btn_box .btn:last-child{margin-right:0}.community_page .content .btn_box .btn_github svg{padding:2px;box-sizing:border-box}.community_page .content .btn_box .btn_github svg path{fill:var(--gray-900)}.community_page .content .btn_box .btn_discord{color:#5865f2}.community_page .content .btn_box .btn_discord svg{padding:2px;box-sizing:border-box}.community_page .content .btn_box .icon{width:28px;height:28px}.community_page .content .btn_box .text{font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}.error_page .container{max-width:1120px;margin:0 auto;padding:72px 40px;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .container{max-width:none;padding:0}}.error_page .container{align-items:center;justify-content:center}.error_page .content{position:relative;width:100%;max-width:990px;padding-left:32.405%;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .content{display:flex;flex-direction:column;align-items:center;padding:64px 32px}}@media screen and (max-width:639px){.error_page .content{padding-left:16px;padding-right:16px}}.error_page .content.error_404{padding-left:40.577%}@media screen and (max-width:1023px){.error_page .content.error_404{padding-left:32px;padding-left:16px}}.error_page .content .img_box{position:absolute;top:0;left:0}@media screen and (max-width:1023px){.error_page .content .img_box{position:static;order:2;margin-top:32px}}.error_page .content .img_box svg{display:block;width:100%}.error_page .title{color:var(--gray-800);font-size:4.6rem;line-height:1.18;font-weight:600}@media screen and (max-width:1023px){.error_page .title{order:1;font-size:3rem;line-height:1.27;text-align:center}}@media screen and (max-width:359px){.error_page .title{font-size:2.6rem;line-height:1.31}}.error_page .desc{display:block;margin-top:32px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:400}@media screen and (max-width:1023px){.error_page .desc{order:3;text-align:center}}.error_page .btn_box{margin-top:32px}@media screen and (max-width:1023px){.error_page .btn_box{flex-wrap:wrap;order:4}}.error_page .btn_box .btn{margin:0 12px;padding:11px 15px;border-radius:8px}@media screen and (max-width:1023px){.error_page .btn_box .btn{flex-basis:calc(50% - 12px);margin-top:24px}}.error_page .btn_box .btn:first-child{margin-left:0}@media screen and (max-width:1023px){.error_page .btn_box .btn:first-child{flex-basis:100%;margin-top:0;margin-right:0}}.error_page .btn_box .btn:first-child .icon{width:24px;height:24px}.error_page .btn_box .btn:first-child .text{color:inherit}@media screen and (max-width:1023px){.error_page .btn_box .btn:nth-child(2){margin-left:0}}.error_page .btn_box .btn:last-child{margin-right:0}.error_page .btn_box .btn_github svg{padding:2px;box-sizing:border-box}.error_page .btn_box .btn_github svg path{fill:var(--gray-900)}.error_page .btn_box .icon{width:28px;height:28px}.error_page .btn_box .text{font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}.btn_start.orange_0{overflow:hidden;position:relative;font-size:2rem;line-height:1.4;font-weight:600;height:52px;border-radius:8px;border:0;isolation:isolate}.btn_start.orange_0:after,.btn_start.orange_0:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0}.btn_start.orange_0:before{background:linear-gradient(180deg,#ff9754,#f96767)}.btn_start.orange_0:after{background:linear-gradient(180deg,#84b5ff,#855cf9)}.btn_start.orange_0 .bg:after,.btn_start.orange_0 .bg:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;z-index:1}.btn_start.orange_0 .bg:before{background:linear-gradient(180deg,#8decec,#3c9af1)}.btn_start.orange_0 .bg:after{background:linear-gradient(180deg,#fc94d8,#f44954)}.btn_start.orange_0:hover{background-color:var(--orange-0);animation:btn-bg 10s linear 1.5s infinite}.btn_start.orange_0:hover:before{animation:gradient1 10s linear infinite}.btn_start.orange_0:hover:after{animation:gradient2 10s linear infinite}.btn_start.orange_0:hover .bg:before{animation:gradient3 10s linear 5s infinite}.btn_start.orange_0:hover .bg:after{animation:gradient4 10s linear 5s infinite}.btn_start.orange_0 .icon{width:24px;height:24px;margin-left:0;z-index:1}.btn_start.orange_0 .text{z-index:1}.top_banner{border-bottom:1px solid var(--gray-400)}.top_banner_inner{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:0 40px;box-sizing:border-box}@media screen and (max-width:1023px){.top_banner_inner{flex-direction:column;justify-content:center;padding:0 32px}}@media screen and (max-width:639px){.top_banner_inner{padding:0 16px}}.top_banner .title_group{color:var(--gray-800)}@media screen and (max-width:1023px){.top_banner .title_group{order:2;max-width:none;width:100%}}.top_banner .title_group .title{font-size:5.6rem;line-height:1.15;font-weight:600}@media screen and (max-width:1023px){.top_banner .title_group .title{font-size:3rem;line-height:1.27}}.top_banner .title_group .desc{margin-top:32px;font-size:1.6rem;line-height:1.5;font-weight:500}@media screen and (max-width:1023px){.top_banner .title_group .desc{font-size:1.4rem;line-height:1.58}}.top_banner .title_group .btn_box{margin-top:32px}@media screen and (max-width:1023px){.top_banner .title_group .btn_box .btn{width:100%}}.top_banner .title_group .btn_box .icon path{fill:currentColor}.top_banner .title_group .btn_box .text{color:inherit}@media screen and (max-width:1023px){.top_banner .img_box{order:1}}.top_banner .img_box svg{display:block;width:100%;height:100%}.codeblock_header{padding:6px 8px}.codeblock_header .box_left{flex-direction:row}@media screen and (max-width:1023px){.codeblock_header .box_left{flex-direction:row}}.codeblock_header .btn_item{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-700)}.codeblock_header .btn_item+.btn_item{margin-left:8px}.codeblock_header .btn_item.is_active{background:var(--gray-800);color:var(--gray-000)}.codeblock_header+.codeblock_box{margin-top:0}.codeblock_header+.codeblock_box .codeblock{border-radius:0 0 4px 4px;border-top:0}.codeblock .language-bash{padding:0}.header_example{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 12px 24px;border-bottom:1px solid var(--gray-600);background:var(--gray-000)}@media screen and (max-width:1023px){.header_example{padding:20px 24px 19px 32px}@supports(padding:env(safe-area-inset-right)){.header_example{padding:20px calc(24px + env(safe-area-inset-right)) 19px calc(32px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.header_example{padding:20px calc(24px + constant(safe-area-inset-right)) 19px calc(32px + constant(safe-area-inset-left))}}}@media screen and (max-width:639px){.header_example{flex-wrap:wrap;position:sticky;top:0;z-index:10;padding:20px 24px 19px 16px}@supports(padding:env(safe-area-inset-right)){.header_example{padding:20px calc(24px + env(safe-area-inset-right)) 19px calc(16px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.header_example{padding:20px calc(24px + constant(safe-area-inset-right)) 19px calc(16px + constant(safe-area-inset-left))}}}.header_example .nav{display:flex;align-items:center}.header_example .nav_text{position:relative;margin-left:16px;padding-left:16px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.header_example .nav_text:before{position:absolute;top:0;left:0;width:1px;height:16px;background-color:var(--gray-400);vertical-align:middle;content:""}.header_example .nav_text a{display:inline-block;margin:-6px 0;padding:6px 0}.header_example .nav .btn,.header_example .nav .user{height:32px;padding:8px 12px;font-size:1.2rem;line-height:1.34;font-weight:500}.header_example .nav .btn:first-of-type,.header_example .nav .user:first-of-type{margin-left:24px}.header_example .nav .btn+.btn,.header_example .nav .user+.btn{margin-left:16px}@media screen and (max-width:639px){.header_example .nav .btn{display:none}}.header_example .nav .user{display:inline-block;box-sizing:border-box;color:var(--gray-000);border-radius:4px}@media screen and (max-width:639px){.header_example .nav .user{display:none}}.header_example .logo{width:40px;height:38px}@media screen and (max-width:1023px){.header_example .logo{width:24px;height:24px}}.header_example .logo a,.header_example .logo svg{display:block;width:100%;height:100%}@media screen and (max-width:639px){.header_example .btn_box{display:none}}.header_example .btn_box .btn{width:32px;height:32px;padding:0;border:none;box-sizing:border-box}.header_example .btn_box .icon{width:100%;height:100%}.header_example .btn_box .btn_grid{padding:8px}.header_example .menu_user_list{flex:1;justify-content:flex-end;margin:0 32px;color:var(--gray-000)}.header_example .menu_user_list .icon svg path{fill:#fff}.dashboard{border-radius:4px}.dashboard_top{display:flex;align-items:center;justify-content:space-between;padding:7px;border-bottom:1px solid var(--gray-400)}.dashboard_content{position:relative;height:260px}.dashboard .btn_box{align-items:flex-end;position:absolute;left:0;right:0;bottom:0;padding:7px}.dashboard .btn_box .guide{padding-left:4px;padding-bottom:4px;font-size:1rem;line-height:1;font-weight:500;color:var(--gray-500)}.dashboard .btn_box .btn_expand{position:static;margin-left:auto;padding-left:8px;padding-right:8px;border:none}.dashboard .btn_box .btn_expand.is_disabled,.dashboard .btn_box .btn_expand:disabled{background-color:var(--gray-300);color:#fff}.dashboard .user{padding:5px 13px;border-radius:4px;font-size:1.2rem;line-height:1.34;font-weight:500;color:#fff}.dashboard .user_list{display:flex}.dashboard .user_list .user_item{margin-left:8px}.dashboard .user_list .user_item:first-child{margin-left:0}.dashboard .user_list .icon svg path{fill:#fff}.darkmode .header_example .logo svg [fill="#514C49"]{fill:var(--gray-100)}.main_page .section{max-width:1368px;margin:0 auto;padding:160px 40px 0;box-sizing:border-box}@media screen and (max-width:1023px){.main_page .section{max-width:none;padding-left:32px;padding-right:32px}}@media screen and (max-width:639px){.main_page .section{padding:112px 16px 0}}.main_page .section:last-child{padding-bottom:160px}@media screen and (max-width:639px){.main_page .section:last-child{padding-bottom:112px}}.main_page .section_title{display:block;font-size:5.6rem;line-height:1.15;font-weight:600;color:var(--gray-900);text-align:center}@media screen and (max-width:1023px){.main_page .section_title{font-size:3rem;line-height:38px}}.main_page .section_desc{max-width:560px;margin:32px auto 0;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:500;text-align:center;text-wrap:balance}.main_page .section_content{display:flex;justify-content:center;margin-top:32px}@media screen and (max-width:1023px){.main_page .section_content{flex-wrap:wrap}}.main_page .section .btn_box{justify-content:center;margin-top:48px}@media screen and (max-width:1023px){.main_page .section .btn_box{flex-direction:column;margin-top:32px}}.main_page .section .btn_box .btn{padding-top:11px;padding-bottom:11px;border-radius:8px;font-size:2rem;line-height:1.4;font-weight:600}@media screen and (max-width:639px){.main_page .section .btn_box .btn{width:100%}}.main_page .section .btn_box .btn.btn_line{color:var(--gray-800)}.main_page .section .btn_box .btn.btn_start{transition:none}.main_page .section .btn_box .btn.btn_start:hover{background:linear-gradient(180deg,#ff9754,#f96767)}.main_page .section .btn_box .btn .icon{width:24px;height:24px}.main_page .section .btn_box .btn+.btn{margin-left:24px}@media screen and (max-width:1023px){.main_page .section .btn_box .btn+.btn{margin-top:20px;margin-left:0}}.main_page .service_card_list{margin-right:36px}@media screen and (max-width:1023px){.main_page .service_card_list{width:100%;margin-right:0;padding:0 74px;box-sizing:border-box}}@media screen and (max-width:639px){.main_page .service_card_list{padding:0}}.main_page .service_card_list .service_card_item{width:398px}@media screen and (max-width:1023px){.main_page .service_card_list .service_card_item{width:100%}}.main_page .showcase_list{display:flex;flex-direction:column;gap:120px;width:100%;max-width:1120px;margin-top:32px}@media screen and (max-width:1023px){.main_page .showcase_list{gap:96px;max-width:none;padding:0 74px;box-sizing:border-box}}@media screen and (max-width:639px){.main_page .showcase_list{gap:72px;padding:0}}.main_page .showcase_item{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:center}.main_page .showcase_item:nth-child(2n){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.main_page .showcase_item:nth-child(2n) .showcase_window{order:2}@media screen and (max-width:1023px){.main_page .showcase_item{display:block}}.main_page .showcase_window{border:1px solid var(--gray-400);border-radius:16px;background-color:var(--gray-000);overflow:hidden}.main_page .showcase_window_bar{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 16px;border-bottom:1px solid var(--gray-400)}.main_page .showcase_window_name{font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-700)}.main_page .showcase_peers{display:flex}.main_page .showcase_peers span{width:12px;height:12px;margin-left:-3px;border:2px solid var(--gray-000);border-radius:50%}.main_page .showcase_peers .peer_a{background-color:var(--blue-0)}.main_page .showcase_peers .peer_b{background-color:var(--purple-0)}.main_page .showcase_peers .peer_c{background-color:var(--green-0)}.main_page .showcase_video{display:block;width:100%;height:auto;aspect-ratio:3/2;background-color:var(--gray-100)}@media screen and (max-width:1023px){.main_page .showcase_text{max-width:560px;margin-top:32px}}.main_page .showcase_name{font-size:3rem;line-height:1.27;font-weight:600;color:var(--gray-900)}@media screen and (max-width:639px){.main_page .showcase_name{font-size:2.4rem;line-height:1.34;font-weight:600}}.main_page .showcase_lede{margin-top:12px;font-size:1.6rem;line-height:1.5;font-weight:400;color:var(--gray-800);text-wrap:pretty}.main_page .showcase_uses{margin-top:24px;border-top:1px solid var(--gray-300)}.main_page .showcase_use{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:16px;padding:12px 0;border-bottom:1px solid var(--gray-300)}.main_page .showcase_use dt{font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-900)}.main_page .showcase_use dd{font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-700)}.main_page .showcase_use code{font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:inherit;color:var(--gray-800)}.main_page .showcase_links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.main_page .horizon_list{max-width:1000px;margin-top:32px}@media screen and (max-width:1023px){.main_page .horizon_list{max-width:none;padding:0 74px}}@media screen and (max-width:639px){.main_page .horizon_list{padding:0}}.main_page .horizon_list .img_box{width:466px;height:216px}@media screen and (max-width:1023px){.main_page .horizon_list .img_box{width:100%;max-width:428px;height:auto;margin:0 auto}}@media screen and (max-width:639px){.main_page .horizon_list .img_box{max-width:none}}.main_page .horizon_list .img_box svg{display:block;width:100%}@media screen and (max-width:1023px){.main_page .horizon_list .img_box svg{height:100%}}.main_page .codeblock_content{flex:1 1 0;min-width:0;max-width:854px;height:513px}@media screen and (max-width:1023px){.main_page .codeblock_content{flex:none;width:100%;max-width:none;height:auto;margin-top:24px;padding:0 74px;box-sizing:border-box}}@media screen and (max-width:639px){.main_page .codeblock_content{padding:0}}.main_page .codeblock_content .btn_item{height:40px;border-radius:4px;color:var(--gray-800)}@media screen and (max-width:1023px){.main_page .codeblock_content .btn_item{height:44px}}.main_page .codeblock_content .btn_item+.btn_item{margin-left:16px}.main_page .codeblock_content .btn_item.is_active{background:var(--orange-0);color:var(--ink-on-accent)}.main_page .codeblock_content .codeblock{overflow-y:overlay;height:100%;border-radius:0 0 16px 16px;border-top:0}@media screen and (max-width:1023px){.main_page .codeblock_content .codeblock{height:360px}}.main_page .codeblock_content .codeblock_header{padding:16px;border-radius:16px 16px 0 0}.main_page .codeblock_content .codeblock_header .box_right .btn_line{width:40px;height:40px;padding:12px;color:var(--gray-800)}@media screen and (max-width:1023px){.main_page .codeblock_content .codeblock_header .box_right .btn_line{width:44px;height:44px;padding:14px}}.main_page .codeblock_content .codeblock_header .box_right .btn_line .icon{flex:none;width:16px;height:16px}.main_page .codeblock_content .prism-code .string{white-space:pre-wrap}@media screen and (max-width:1023px){.main_page .section_faq .btn{width:100%;max-width:280px}}@media screen and (max-width:639px){.main_page .section_faq .btn{max-width:none}}.main_page .accordion_list{width:800px}@media screen and (max-width:639px){.main_page .accordion_list{padding:0}}.darkmode .main_page .horizon_item .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}@keyframes gradient1{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes gradient2{0%{opacity:0}15%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes gradient3{0%{opacity:0}15%{opacity:1}65%{opacity:0}to{opacity:0}}@keyframes gradient4{0%{opacity:0}15%{opacity:0}40%{opacity:1}65%{opacity:0}to{opacity:0}}@keyframes point-text{0%{background-image:linear-gradient(180deg,#ff9754,#f96767);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}40%{background-image:linear-gradient(180deg,#84b5ff,#855cf9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}50%{background-image:linear-gradient(180deg,#8decec,#3c9af1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}90%{background-image:linear-gradient(180deg,#fc94d8,#f44954);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}to{background-image:linear-gradient(180deg,#ff9754,#f96767);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.main_page .hero_doc{--peer-a:#1466b8;--peer-b:#6a3fdb;--peer-c:#0b7a45;--peer-ink:#fff;--hero-ease:cubic-bezier(0.16,1,0.3,1);padding:48px 40px 0;box-sizing:border-box}@media screen and (max-width:1023px){.main_page .hero_doc{padding:32px 32px 0}}@media screen and (max-width:639px){.main_page .hero_doc{padding:16px 16px 0}}.main_page .hero_doc .hero_window{max-width:1288px;margin:0 auto;border:1px solid var(--gray-400);border-radius:16px;background-color:var(--gray-000);overflow:hidden}.main_page .hero_doc .hero_window_bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:639px){.main_page .hero_doc .hero_window_bar{height:48px;padding:0 16px}}.main_page .hero_doc .hero_window_name{font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-700)}.main_page .hero_doc .hero_peers{display:flex}.main_page .hero_doc .hero_peer{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:-6px;border:2px solid var(--gray-000);border-radius:50%;color:var(--peer-ink);font-size:1.2rem;line-height:1.34;font-weight:600;animation:hero-peer-join .5s var(--hero-ease) both}.main_page .hero_doc .hero_peer.peer_a{background-color:var(--peer-a);animation-delay:2.9s}.main_page .hero_doc .hero_peer.peer_b{background-color:var(--peer-b);animation-delay:.3s}.main_page .hero_doc .hero_peer.peer_c{background-color:var(--peer-c);animation-delay:2s}.main_page .hero_doc .hero_window_body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:64px;align-items:end;padding:88px 72px 96px;background-image:url(/assets/images/main_bg.png);background-repeat:repeat}@media screen and (max-width:1244px){.main_page .hero_doc .hero_window_body{display:block}}@media screen and (min-width:1024px)and (max-width:1244px){.main_page .hero_doc .hero_window_body{padding:56px 72px 64px}}@media screen and (max-width:1023px){.main_page .hero_doc .hero_window_body{padding:56px 40px 64px}}@media screen and (max-width:639px){.main_page .hero_doc .hero_window_body{padding:32px 20px 40px}}.main_page .hero_doc .title{max-width:16ch;color:var(--gray-900);font-size:9.6rem;line-height:1.13;font-weight:800;letter-spacing:-.02em}@media screen and (min-width:1245px){.main_page .hero_doc .title{font-size:clamp(76px,17.5vw - 142px,96px);line-height:1.13}}@media screen and (min-width:1024px)and (max-width:1244px){.main_page .hero_doc .title{font-size:8rem;line-height:1.13}}@media screen and (max-width:1023px){.main_page .hero_doc .title{font-size:6.4rem;line-height:1.13}}@media screen and (max-width:639px){.main_page .hero_doc .title{font-size:4rem;line-height:1.2}}@media screen and (max-width:359px){.main_page .hero_doc .title{font-size:3.6rem;line-height:1.23}}.main_page .hero_doc .title .line{display:block;width:fit-content}.main_page .hero_doc .title .point{position:relative;display:inline-block;color:var(--orange-0)}.main_page .hero_doc .peer_selection{position:absolute;inset:4px -12px 0;border:3px dashed var(--peer-b);border-radius:8px;background-color:color-mix(in srgb,var(--peer-b) 8%,transparent);animation:hero-select 1.1s var(--hero-ease) 1s both}@media screen and (max-width:639px){.main_page .hero_doc .peer_selection{inset:2px -6px 0;border-width:2px;border-radius:4px}}.main_page .hero_doc .point>.peer_cursor{top:0;left:100%;margin:-10px 0 0 4px;animation:hero-drag 1.8s var(--hero-ease) .3s both}@media screen and (max-width:639px){.main_page .hero_doc .point>.peer_cursor .peer_tag{position:absolute;right:8px;bottom:100%;margin:0;animation:hero-fade-in .3s ease-out 1.8s both}}.main_page .hero_doc .peer_cursor{position:absolute;z-index:2;display:flex;align-items:flex-start;pointer-events:none}.main_page .hero_doc .peer_cursor.peer_a{color:var(--peer-a)}.main_page .hero_doc .peer_cursor.peer_b{color:var(--peer-b)}.main_page .hero_doc .peer_pointer{flex:none}.main_page .hero_doc .peer_tag{margin:14px 0 0 -2px;padding:2px 8px;border-radius:4px;background-color:currentColor;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.2rem;line-height:1.34;font-weight:600;letter-spacing:0;white-space:nowrap;-webkit-text-fill-color:var(--peer-ink)}.main_page .hero_doc .peer_tag:before{content:attr(data-name)}.main_page .hero_doc .peer_caret{position:relative;display:inline-block;width:3px;height:.86em;margin-left:6px;background-color:var(--peer-c);color:var(--peer-c);vertical-align:-.06em;animation:hero-fade-in .3s ease-out 2s both,hero-caret-blink 1s steps(1) 2.3s 3}.main_page .hero_doc .peer_caret .peer_tag{position:absolute;bottom:0;left:100%;margin:0 0 0 2px;border-radius:4px 4px 4px 0}.main_page .hero_doc .hero_aside{padding-bottom:12px}@media screen and (max-width:1244px){.main_page .hero_doc .hero_aside{margin-top:32px;padding-bottom:0}}@media screen and (max-width:639px){.main_page .hero_doc .hero_aside{margin-top:24px}}.main_page .hero_doc .desc{max-width:560px;color:var(--gray-800);font-size:1.8rem;line-height:1.56;font-weight:500;text-wrap:pretty}@media screen and (max-width:639px){.main_page .hero_doc .desc{font-size:1.6rem;line-height:1.5}}.main_page .hero_doc .btn_box{display:flex;align-items:center;gap:16px;margin-top:40px}@media screen and (max-width:639px){.main_page .hero_doc .btn_box{flex-direction:column;align-items:stretch;gap:20px;margin-top:32px}}.main_page .hero_doc .btn_box .btn{margin:0;white-space:nowrap}.main_page .hero_doc .hero_cta{position:relative;display:inline-flex}.main_page .hero_doc .hero_cta .btn_start{flex:1}.main_page .hero_doc .hero_cta .peer_cursor{top:100%;left:100%;margin:-8px 0 0 -18px;animation:hero-cursor-in .8s cubic-bezier(.4,0,.2,1) 2.9s both}@media screen and (max-width:639px){.main_page .hero_doc .hero_cta .peer_cursor{left:auto;right:16px;margin:-16px 0 0}}.main_page .hero_doc .btn_docs{height:52px;padding:0 20px;border-color:var(--gray-400);border-radius:8px;background-color:var(--gray-000);color:var(--gray-800);font-size:2rem;line-height:1.4;font-weight:600}.main_page .hero_doc .btn_docs:hover{background-color:var(--gray-100)}.main_page .hero_doc .btn_docs .icon{width:24px;height:24px}.main_page .hero_doc .link_github{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:11px 0;color:var(--gray-800);font-size:1.4rem;line-height:1.58;font-weight:500;text-decoration:underline;text-decoration-color:var(--gray-400);text-underline-offset:4px;transition:text-decoration-color .2s}.main_page .hero_doc .link_github:hover{text-decoration-color:var(--gray-800)}.main_page .hero_doc .link_github .icon{flex:none;width:16px;height:16px}.main_page .hero_doc .link_github .icon svg{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.main_page .hero_doc .hero_peer,.main_page .hero_doc .peer_caret,.main_page .hero_doc .peer_cursor,.main_page .hero_doc .peer_selection,.main_page .hero_doc .peer_tag{animation:none!important}}.darkmode .main_page .hero_doc{--peer-a:#6db4f5;--peer-b:#a385fb;--peer-c:#5ad198;--peer-ink:#332e2b}.darkmode .main_page .hero_doc .hero_window_body{background-image:url(/assets/images/main_bg_dark.png)}@keyframes hero-peer-join{0%{opacity:0;transform:scale(.4)}}@keyframes hero-fade-in{0%{opacity:0}}@keyframes hero-cursor-in{0%{opacity:0;transform:translate(180px,-120px)}15%{opacity:1}}@keyframes hero-drag{0%{left:0;opacity:0;transform:translate(180px,-120px)}8%{opacity:1}39%{left:0;opacity:1;transform:none}to{left:100%}}@keyframes hero-select{0%{opacity:0;clip-path:inset(0 100% 0 0)}20%{opacity:1}to{clip-path:inset(0 0 0 0)}}@keyframes hero-caret-blink{50%{background-color:transparent}}html{scroll-padding-top:70px}.documentation_page .header_service{background-color:var(--gray-000)}.documentation_page .container{max-width:1920px;margin:0 auto}.documentation_page .content{display:flex;justify-content:flex-start;min-height:calc(100vh - 134px)}.documentation_page .content .navigator{min-width:308px;padding:0 40px 175px 24px;border-right:1px solid var(--gray-400);box-sizing:border-box}@media screen and (max-width:1023px){.documentation_page .content .navigator{display:none}}.documentation_page .content .navigator_group .navigator_list{display:none;padding-right:0}.documentation_page .content .navigator_group .navigator_group{margin-top:0}.documentation_page .content .navigator_group .navigator_menu.is_active+.navigator_list{display:block}.documentation_page .content .navigator>.navigator_list{position:sticky;top:0;padding-top:76px}.documentation_page .content .navigator>.navigator_list>.navigator_group>.navigator_item:only-child{padding-left:40px;font-size:1.6rem;line-height:1.5;font-weight:600}.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_item,.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_menu{margin-top:0}.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_item{font-size:1.4rem;line-height:1.43}.documentation_page .content .navigator_item{font-size:1.6rem}.documentation_page .content .navigator_item.is_active{border:transparent;background-color:transparent;color:var(--gray-900);font-weight:600;text-decoration:underline;text-decoration-color:var(--orange-0);text-decoration-thickness:2px;text-underline-offset:4px}.documentation_page .content .navigator_menu{align-items:center}.documentation_page .content .navigator_menu .icon{width:16px;height:16px}.documentation_page .section{display:flex;flex-wrap:wrap;min-width:0;max-width:100%;flex:1 1 auto;align-items:flex-start;padding:88px 52px 164px}@media screen and (max-width:1244px){.documentation_page .section{padding:88px 40px 88px 52px;width:100%;box-sizing:border-box}}@media screen and (max-width:1023px){.documentation_page .section{padding:72px 32px}}@media screen and (max-width:639px){.documentation_page .section{padding:72px 16px}}.documentation_page .pagination{display:none;flex:none;order:2;position:sticky;top:152px;right:0;z-index:1;width:220px;border:1px solid var(--gray-400);border-radius:16px;box-sizing:border-box}@media screen and (min-width:1600px){.documentation_page .pagination{display:block}}.documentation_page .pagination_inner{padding:24px}.documentation_page .pagination_title{color:var(--gray-800);font-size:1.4rem;line-height:1.58;font-weight:600}.documentation_page .pagination .toc-level-1{padding-top:8px}.documentation_page .pagination .toc-item{padding-top:10px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-700);word-break:break-all}.documentation_page .pagination .toc-item.is_active{color:var(--gray-900);text-decoration:underline;text-decoration-color:var(--orange-0);text-decoration-thickness:2px;text-underline-offset:3px}.documentation_page .pagination .toc-item .toc-item{padding-left:10px}.documentation_page .section_content_box{overflow-x:auto;box-sizing:border-box;color:var(--gray-800);overflow-wrap:break-word;flex:1 1 100%;order:1}.documentation_page .section_content_box>ol,.documentation_page .section_content_box>p,.documentation_page .section_content_box>ul{max-width:760px}@media screen and (min-width:1600px){.documentation_page .section_content_box{padding-right:48px;flex:1 1 0;min-width:0}}.documentation_page .section_content_box .docs_title{margin-bottom:16px;font-size:4.6rem;line-height:1.18;font-weight:600}@media screen and (max-width:1023px){.documentation_page .section_content_box .docs_title{font-size:2.4rem;line-height:1.34;font-weight:600}}.documentation_page .section_content_box h2{margin:56px 0 16px;font-size:2.4rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.documentation_page .section_content_box h2{font-size:2rem;line-height:1.4;font-weight:600}}.documentation_page .section_content_box h3{margin:56px 0 16px;font-size:2rem;line-height:1.4;font-weight:600}.documentation_page .section_content_box h4{margin:56px 0 16px;font-size:1.8rem;line-height:1.56;font-weight:600}.documentation_page .section_content_box h5{margin:56px 0 16px;font-size:1.6rem;line-height:1.75;font-weight:600}.documentation_page .section_content_box p{margin:16px 0;font-size:1.6rem;line-height:1.63;font-weight:400;word-break:break-word}.documentation_page .section_content_box ol,.documentation_page .section_content_box ul:not(.docs_breadcrumbs){margin:16px 0 24px 16px}.documentation_page .section_content_box ol li,.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li{position:relative;padding-left:20px;font-size:1.6rem;line-height:1.38;font-weight:400;word-break:break-word}.documentation_page .section_content_box ol li+li,.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li+li{margin-top:8px}.documentation_page .section_content_box ol li:before,.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li:before{display:block;position:absolute;top:10px;left:8px;width:3px;height:3px;border-radius:50%;background:var(--gray-800);content:""}.documentation_page .section_content_box ol{counter-reset:list}.documentation_page .section_content_box ol li:before{left:4px;top:0;width:20px;height:0;counter-increment:list;content:counter(list) "."}.documentation_page .section_content_box a:not(.btn,.docs_breadcrumbs_link){display:inline-flex;align-items:center;color:var(--gray-900);border-bottom:1px solid var(--orange-0)}.documentation_page .section_content_box a:not(.btn,.docs_breadcrumbs_link).icon_link:after{display:block;width:13px;height:13px;margin-left:2px;background:url(/assets/icons/icon_link.svg) no-repeat 50%;content:""}.documentation_page .section_content_box .heading a{border:0;color:var(--gray-800)}.documentation_page .section_content_box .heading a:hover:after{margin-left:4px;color:var(--orange-0);content:"#"}.documentation_page .section_content_box img{width:100%;height:auto;margin-top:0;vertical-align:middle}.documentation_page .section_content_box img+img{margin-top:16px}.documentation_page .section_content_box video{width:100%}.documentation_page .section_content_box table{overflow:hidden;border:1px solid var(--gray-400);border-radius:4px;border-spacing:0;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:400;text-align:left}.documentation_page .section_content_box table td,.documentation_page .section_content_box table th{overflow-wrap:anywhere;min-width:143px;padding:4px 8px;border-right:1px solid var(--gray-400);border-bottom:1px solid var(--gray-400);box-sizing:border-box}.documentation_page .section_content_box table td:last-of-type,.documentation_page .section_content_box table th:last-of-type{border-right:0}.documentation_page .section_content_box table tr:last-of-type td{border-bottom:0}.documentation_page .section_content_box table th{background:var(--gray-200);font-weight:600}.darkmode .documentation_page .section_content_box table th{background:var(--gray-100)}.documentation_page .section_content_box code{padding:1px 5px 2px;border:1px solid var(--gray-400);border-radius:4px;background:var(--gray-100);font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1.2rem;line-height:1.34;font-weight:500}.documentation_page .section_content_box .table_box{overflow-x:auto;width:100%;margin:24px 0 16px}@media screen and (max-width:639px){.documentation_page .section_content_box .table_box{margin:0;padding:0}}.documentation_page .section_content_box .img_wrap{display:flex;margin-top:24px;gap:16px}.documentation_page .section_content_box .img_wrap .img_box{flex:1}.documentation_page .section_content_box .caption{margin-bottom:0;font-size:1.2rem;line-height:1.34;font-weight:400}.documentation_page .section_content_box .caption+.img_wrap,.documentation_page .section_content_box .caption+img,.documentation_page .section_content_box .caption+p{margin-top:24px}.documentation_page .section_content_box .codeblock_header{justify-content:flex-start;margin-top:24px}.documentation_page .section_content_box .codeblock_header+.codeblock_box{margin-top:0}.documentation_page .section_content_box .codeblock_wrap{margin-bottom:24px;padding:16px;border-radius:0 0 4px 4px;border:1px solid var(--gray-400);border-top:0;box-sizing:border-box}.documentation_page .section_content_box .codeblock_wrap .title{font-size:1.6rem;line-height:1.5;font-weight:600}.documentation_page .section_content_box .codeblock_wrap .desc{margin:24px 0;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}.documentation_page .section_content_box .codeblock_box{margin:24px 0}.documentation_page .section_content_box .codeblock_box .btn{margin:0}.documentation_page .section_content_box .codeblock_box .btn:hover{background:var(--gray-100)}.documentation_page .section_content_box .card_box{display:flex;gap:16px;margin:24px 0}@media screen and (max-width:1023px){.documentation_page .section_content_box .card_box{flex-direction:column}}.documentation_page .section_content_box .card{padding:16px 24px;border-radius:4px;border:1px solid var(--gray-400)}.documentation_page .section_content_box .card .title{display:block;font-size:1.6rem;line-height:1.5;font-weight:600}.documentation_page .section_content_box .card .desc{margin:24px 0 0;font-size:1.2rem;line-height:1.34;font-weight:400}.documentation_page .section_content_box .alert{width:fit-content;max-width:min(100%,760px);display:inline-block;align-items:center;position:relative;min-height:32px;margin:0;padding:11px 12px 11px 36px;border-radius:4px;font-size:1.6rem;line-height:1.38;font-weight:400;box-sizing:border-box}.documentation_page .section_content_box .alert .title{display:block;margin-bottom:8px;font-weight:600;word-break:break-word}.documentation_page .section_content_box .alert p{margin:0;font-size:inherit;line-height:inherit;font-weight:inherit}.documentation_page .section_content_box .alert_box{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.documentation_page .section_content_box .alert_danger{background:var(--red-alpha-light)}.documentation_page .section_content_box .alert_success{background:var(--green-alpha-light)}.documentation_page .section_content_box .alert_warning{background:var(--yellow-alpha-light)}.documentation_page .section_content_box .alert_info{background:var(--blue-alpha-light)}.documentation_page .section_content_box .alert>.icon{display:flex;align-items:center;position:absolute;top:14px;left:12px;width:15px;height:15px}.documentation_page .section_content_box .alert>.icon svg{width:100%;height:100%}.documentation_page .section_content_box .alert ol,.documentation_page .section_content_box .alert ul{margin:0}.documentation_page .section_content_box .btn_box{margin:24px 0}.documentation_page .section_content_box .btn_box .btn:hover{background:var(--gray-900)}.documentation_page .section_content_box .docs_breadcrumbs{display:inline-flex;position:relative;margin-bottom:8px}.documentation_page .section_content_box .docs_breadcrumbs_link{display:inline-block;font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--gray-900);text-decoration:underline;text-decoration-color:var(--orange-0);text-decoration-thickness:2px;text-underline-offset:4px}.documentation_page .section_content_box .docs_breadcrumbs_link:not(:first-of-type):before{display:inline-block;margin:0 4px;content:"-"}.documentation_page .edit_this_page{flex:0 0 100%;order:3;margin-top:48px;padding-top:24px}.documentation_page .edit_this_page blockquote{margin:0;padding:16px 24px;background-color:var(--gray-50);border-left:4px solid var(--orange-dark);font-size:1.4rem;line-height:1.58;color:var(--gray-800)}.documentation_page .edit_this_page blockquote a{color:var(--gray-900);text-decoration:underline;text-decoration-color:var(--orange-0)}.documentation_page .edit_this_page blockquote a:hover{text-decoration-thickness:2px}.documentation_page .toast_box{left:0}.examples_page .top_banner{padding-top:54px;padding-bottom:100px}@media screen and (max-width:1023px){.examples_page .top_banner{padding-top:50px;padding-bottom:32px}.examples_page .top_banner .img_box{width:250px;height:298px}}.examples_page .title_group{padding-top:70px}@media screen and (max-width:1023px){.examples_page .title_group{padding-top:19px}}.examples_page .content{max-width:1120px;margin:0 auto;padding:120px 40px 240px;box-sizing:border-box}@media screen and (max-width:1023px){.examples_page .content{width:100%;max-width:none;padding:80px 32px 160px}}@media screen and (max-width:639px){.examples_page .content{padding:80px 16px 96px}}.examples_page .content_inner{display:flex;align-items:flex-start}@media screen and (max-width:1023px){.examples_page .content_inner{flex-direction:column}}.examples_page .navigator{flex:0 0 auto;position:sticky;top:120px;box-sizing:border-box}.examples_page .navigator_list{min-width:248px}@media screen and (max-width:1023px){.examples_page .navigator{display:none}}.examples_page .filter{display:none}@media screen and (max-width:1023px){.examples_page .filter{display:block;margin-bottom:16px;padding:0}.examples_page .filter_list{border-bottom:none}.examples_page .filter_desc{padding-left:0;padding-right:0}.examples_page .filter .dropdown{right:auto;left:0;margin-top:0}}@media screen and (max-width:639px){.examples_page .filter .dropdown{right:0}}.examples_page .grid_list{margin-left:86px}@media screen and (max-width:1023px){.examples_page .grid_list{margin-left:0}}.examples_page .grid_item{max-width:336px}@media screen and (max-width:1023px){.examples_page .grid_item{max-width:none}}.examples_page .grid_item:only-child{min-width:694px}@media screen and (max-width:1023px){.examples_page .grid_item:only-child{min-width:auto}}.examples_page .grid_card{overflow:hidden}.darkmode .examples_page .grid_thumbnail [fill="#FEFDFB"],.darkmode .examples_page .grid_thumbnail [fill="url(#pattern0)"],.darkmode .examples_page .grid_thumbnail [fill="url(#pattern1)"],.darkmode .examples_page .grid_thumbnail [fill=white]{fill:var(--gray-000)}.darkmode .examples_page .grid_thumbnail [fill="#332E2B"]{fill:var(--gray-50)}.examples_view_page{max-width:2560px;margin:0 auto}@media screen and (max-width:1023px){.examples_view_page{max-width:none}}.examples_view_page .container{flex-direction:row}@media screen and (max-width:639px){.examples_view_page .container{flex-direction:column}}.examples_view_page .container .link{text-decoration:underline}.examples_view_page .sidebar{display:flex;flex-direction:column;position:relative;width:512px;max-height:calc(100vh - 64px);padding:24px 17px 24px 24px;box-sizing:border-box;border-right:1px solid var(--gray-400);background:var(--gray-000)}@media screen and (max-width:1023px){.examples_view_page .sidebar{width:360px;padding-left:16px}}@media screen and (max-width:639px){.examples_view_page .sidebar{width:100%;max-height:none;padding-right:16px;border-right:none;transition:none}}.examples_view_page .sidebar.type_shadow{position:absolute;left:0;top:0;z-index:1;height:100%}.examples_view_page .sidebar.type_shadow:not(.is_hide){box-shadow:8px 0 24px rgba(0,0,0,.16)}.examples_view_page .sidebar.type_shadow~.content{margin-left:64px}.examples_view_page .sidebar.is_hide{margin-left:-446px}@media screen and (max-width:1023px){.examples_view_page .sidebar.is_hide{margin-left:-294px}}@media screen and (max-width:639px){.examples_view_page .sidebar.is_hide{margin-left:0}}.examples_view_page .sidebar.is_hide .codeblock_box,.examples_view_page .sidebar.is_hide .codeblock_navigator,.examples_view_page .sidebar.is_hide .guide_box,.examples_view_page .sidebar.is_hide .sidebar_bottom{display:none}@media screen and (max-width:639px){.examples_view_page .sidebar.is_hide .codeblock_box,.examples_view_page .sidebar.is_hide .codeblock_navigator,.examples_view_page .sidebar.is_hide .guide_box,.examples_view_page .sidebar.is_hide .sidebar_bottom{display:block}}.examples_view_page .sidebar.is_hide .btn_toggle{margin-top:2px}.examples_view_page .sidebar.is_hide .btn_toggle .icon{transform:rotate(270deg)}.examples_view_page .sidebar.type_wide{width:50%}@media screen and (max-width:639px){.examples_view_page .sidebar.type_wide{width:100%}}.examples_view_page .sidebar.type_wide.is_hide{width:74px;margin-left:0}.examples_view_page .sidebar.type_wide .codeblock_group{overflow-y:overlay;position:relative;height:calc(100% - 180px);margin-top:24px;padding:31px;box-sizing:border-box;border:1px solid var(--gray-400);border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px}@media screen and (max-width:1023px){.examples_view_page .sidebar.type_wide .codeblock_group{height:calc(100% - 172px);padding:24px}}@media screen and (max-width:639px){.examples_view_page .sidebar.type_wide .codeblock_group{height:auto}}.examples_view_page .sidebar.type_wide .codeblock_group .codeblock_box{height:calc(100% - 152px);padding-bottom:0;border:none}@media screen and (max-width:1023px){.examples_view_page .sidebar.type_wide .codeblock_group .codeblock_box{height:calc(100% - 197px)}}.examples_view_page .sidebar.type_wide .codeblock_group .codeblock{border:1px solid var(--gray-400)}.examples_view_page .sidebar_top{display:flex;align-items:center}.examples_view_page .sidebar .codeblock_navigator{padding-bottom:0;border-bottom:none}.examples_view_page .sidebar .btn_toggle{height:32px;margin-left:auto;padding:5px 7px;border:1px solid var(--gray-400)}@media screen and (max-width:639px){.examples_view_page .sidebar .btn_toggle{display:none}}.examples_view_page .sidebar .btn_toggle .icon{transform:rotate(90deg);color:var(--gray-600)}.examples_view_page .sidebar .guide_box{overflow-y:overlay;position:relative;height:100%;margin-top:24px;padding:31px;box-sizing:border-box;border:1px solid var(--gray-400);border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px}@media screen and (max-width:1023px){.examples_view_page .sidebar .guide_box{padding:24px}}.examples_view_page .sidebar .guide_title{margin-bottom:24px;font-size:3rem;line-height:1.27;font-weight:600;color:var(--gray-800);word-break:break-word}.examples_view_page .sidebar .guide_sub_title{display:block;margin-top:23px;padding-top:24px;border-top:1px solid var(--gray-400);font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--gray-900)}.examples_view_page .sidebar .guide_desc{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);word-break:break-word}.examples_view_page .sidebar .codeblock_box{height:100%;margin-top:24px;padding-bottom:24px;border:1px solid var(--gray-400);border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box}.examples_view_page .sidebar .codeblock_box:only-child{height:100%;margin-top:0;padding-bottom:0;border-bottom:1px solid var(--gray-400);border-radius:4px}@media screen and (max-width:1023px){.examples_view_page .sidebar .codeblock_box{height:calc(100% - 170px)}}.examples_view_page .sidebar .codeblock_box .codeblock{height:100%;border:0;background:var(--gray-000);word-break:break-all}.examples_view_page .sidebar_bottom{position:relative;z-index:10;margin-top:auto;padding:0 31px 35px;border:1px solid var(--gray-400);border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:#fff}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom{padding:0 24px 24px}}.examples_view_page .sidebar_bottom:before{position:absolute;left:32px;right:32px;height:1px;background-color:var(--gray-400);content:""}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom:before{left:24px;right:24px}}@media screen and (max-width:639px){.examples_view_page .sidebar_bottom:before{display:none}}.examples_view_page .sidebar_bottom:after{content:"";position:absolute;top:0;left:20px;right:20px;z-index:10;height:30px;box-shadow:0 15px 14px 0 #fff;transform:rotate(180deg)}@media screen and (max-width:639px){.examples_view_page .sidebar_bottom:after{display:none}}.examples_view_page .sidebar_bottom .btn_box{position:relative;z-index:20;margin-top:16px}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom .btn_box{flex-wrap:wrap}}@media screen and (max-width:639px){.examples_view_page .sidebar_bottom .btn_box{margin-top:0;padding-top:16px;border-top:1px solid var(--gray-400)}}.examples_view_page .sidebar_bottom .btn_share{flex-basis:271px}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom .btn_share{flex-basis:100%;margin-top:8px;margin-left:0}.examples_view_page .sidebar_bottom .btn_share:only-child{margin-top:0}}.examples_view_page .sidebar_bottom .guide_desc{margin-top:8px;color:var(--gray-700)}.examples_view_page .sidebar .folder_box{display:flex;height:100%;max-height:calc(100% - 124px);margin-top:16px;border:1px solid var(--gray-400);border-radius:4px}@media screen and (max-width:639px){.examples_view_page .sidebar .folder_box{display:none}}.examples_view_page .sidebar .folder_box .folder_list{overflow-y:auto;flex-basis:30%;min-width:150px;padding-top:10px;padding-bottom:10px;border-right:1px solid var(--gray-400);box-sizing:border-box}.examples_view_page .sidebar .folder_box .folder_item{margin-top:4px}.examples_view_page .sidebar .folder_box .folder_item:first-child{margin-top:0}.examples_view_page .sidebar .folder_box .folder_item.is_active .name{font-weight:600;color:var(--gray-900);text-decoration:underline;text-decoration-color:var(--orange-0);text-decoration-thickness:2px;text-underline-offset:3px}.examples_view_page .sidebar .folder_box .folder_sub_list{padding-top:4px;padding-left:24px}.examples_view_page .sidebar .folder_box .folder_sub_list .btn_folder{align-items:center}.examples_view_page .sidebar .folder_box .btn_folder{display:flex;align-items:center;width:100%;padding:3px 14px;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:400;text-align:left}.examples_view_page .sidebar .folder_box .btn_folder:hover .name{font-weight:600}.examples_view_page .sidebar .folder_box .btn_folder .icon{flex-shrink:0;margin-right:4px;width:16px;height:16px}.examples_view_page .sidebar .folder_box .btn_folder .icon svg{display:block;width:100%;height:100%}.examples_view_page .sidebar .folder_box .btn_folder .icon svg path{fill:var(--gray-800)}.examples_view_page .sidebar .folder_box .btn_folder .name{flex-basis:calc(100% - 22px);color:var(--gray-800);font-size:1.2rem;line-height:1.5;font-weight:400}.examples_view_page .sidebar .folder_box .file_title{display:block;height:32px;border-bottom:1px solid var(--gray-400);border-top-right-radius:4px;background-color:var(--gray-000);color:var(--gray-800);font-size:1.4rem;line-height:2.29;font-weight:600;text-align:center}.examples_view_page .sidebar .folder_box .codeblock_area{overflow-x:auto;flex:1;flex-basis:70%}.examples_view_page .sidebar .folder_box .codeblock_box{height:calc(100% - 33px);margin-top:0;padding-bottom:0;border:none;border-radius:0}.examples_view_page .sidebar .folder_box .codeblock{border-radius:0}.examples_view_page .accordion_list{margin-top:23px;padding:0}.examples_view_page .accordion_list .accordion_item{margin-top:8px;border:1px solid var(--gray-400);border-radius:4px}.examples_view_page .accordion_list .accordion_item:first-child{margin-top:0}.examples_view_page .accordion_list .accordion_btn{padding:15px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.examples_view_page .accordion_list .accordion_btn .icon{order:1;width:16px;height:16px;margin-left:auto;margin-right:0;color:var(--gray-600)}.examples_view_page .accordion_list .accordion_btn .icon svg{width:100%;height:100%}.examples_view_page .accordion_list .accordion_btn.is_active .icon{transform:rotate(180deg)}.examples_view_page .accordion_list .accordion_btn.is_active~.accordion_content{padding-top:9px}.examples_view_page .accordion_list .accordion_content{padding-bottom:15px;font-size:1.4rem;line-height:1.58;font-weight:500}.examples_view_page .content{overflow-y:auto;flex:1;max-height:calc(100vh - 112px);padding:24px}@media screen and (max-width:639px){.examples_view_page .content{display:none}}.examples_view_page .content.dual_view,.examples_view_page .content.show_view{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.show_view{overflow:hidden}.examples_view_page .content.content_view{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.content_view .accordion_list{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-top:0;padding:64px}@media screen and (max-width:1023px){.examples_view_page .content.content_view .accordion_list{padding:40px;box-sizing:border-box}}.examples_view_page .content.content_view .accordion_list .accordion_item{width:calc(50% - 8px);margin-top:0;box-sizing:border-box}@media screen and (max-width:1023px){.examples_view_page .content.content_view .accordion_list .accordion_item{width:100%}}.examples_view_page .dual_view .grid_list2{height:calc(100% - 113px);padding:23px;box-sizing:border-box}.examples_view_page .dual_view .dashboard{height:100%}.examples_view_page .dual_view .dashboard_content{height:calc(100% - 42px)}.examples_view_page .grid_view .dashboard_top{flex-wrap:wrap;padding-top:0}.examples_view_page .grid_view .user{margin-top:8px}.examples_view_page .grid_view .user_list{flex-wrap:wrap;margin-left:-8px}.examples_view_page .grid_view .user_item{margin:8px 0 0 8px}.examples_view_page .grid_view .user_item:first-child{margin-left:8px}.examples_view_page .full_view .comment_view{min-width:300px}.examples_view_page .pin_box{overflow:hidden;position:relative;width:100%;height:113px;padding-right:48px;border-bottom:1px solid var(--gray-400);box-sizing:border-box}.examples_view_page .pin_box:before{position:absolute;top:0;right:48px;bottom:3px;z-index:1;width:25px;background:linear-gradient(270deg,var(--gray-000),transparent);content:""}.examples_view_page .pin_list{overflow-x:overlay;position:relative;height:100%;padding:32px 24px 32px 22px;box-sizing:border-box;font-size:0;line-height:normal;white-space:nowrap}.examples_view_page .pin_item{display:inline-flex;align-items:center;position:relative;height:100%;padding:8px 47px 8px 15px;border:1px solid var(--gray-400);box-sizing:border-box;border-radius:4px}.examples_view_page .pin_item.is_active{border-color:var(--blue-0)}.examples_view_page .pin_item+.pin_item{margin-left:16px}.examples_view_page .pin_item .user{display:flex;align-items:center}.examples_view_page .pin_item .user .icon{width:9px;height:9px;margin-right:8px;border-radius:50%}.examples_view_page .pin_item .user .text{font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.examples_view_page .pin_item .btn_box{margin-left:16px}.examples_view_page .pin_item .btn{padding:7px}.examples_view_page .system_view{display:flex;justify-content:center;align-items:center;position:relative;height:206px;padding-right:48px;border-bottom:1px solid var(--gray-400)}.examples_view_page .system_view:before{position:absolute;top:0;right:48px;bottom:3px;z-index:1;width:25px;background:linear-gradient(270deg,var(--gray-000),transparent);content:""}.examples_view_page .system_view .system_view_list{overflow-x:overlay;padding:32px 24px 24px;text-align:center;font-size:0;box-sizing:border-box;white-space:nowrap}.examples_view_page .system_view .system_view_item{display:inline-block;position:relative;text-align:center}.examples_view_page .system_view .system_view_item .icon{display:inline-flex;align-items:center}.examples_view_page .system_view .system_view_item:hover .btn_close{display:flex}.examples_view_page .system_view .system_view_item+.system_view_item{margin-left:24px}.examples_view_page .system_view .system_link .img_box{width:192px;height:126px;border-radius:4px;border:1px solid var(--gray-400);box-sizing:border-box}.examples_view_page .system_view .system_link .img_box svg{display:block;width:100%;height:100%}.examples_view_page .system_view .system_link.is_active .img_box{border-color:var(--blue-0)}.examples_view_page .system_view .system_name{display:flex;align-items:center;justify-content:center;margin-top:8px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.examples_view_page .system_view .system_name .icon{margin-right:8px}.examples_view_page .system_view .btn_close{display:none;align-items:center;justify-content:center;position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--gray-400);background:var(--gray-000);box-sizing:border-box}.examples_view_page .system_view .btn_close .icon{width:10px;height:10px}.examples_view_page .system_view .btn_expand{border:1px solid var(--blue-0);background:rgba(109,180,245,.24);color:var(--blue-0)}.examples_view_page .show_view_inner{display:flex;align-items:center;justify-content:center;height:calc(100% - 207px);padding:48px 24px 24px;box-sizing:border-box}.examples_view_page .show_view_inner .dashboard{display:flex;flex-direction:column;position:relative;max-width:1200px;width:100%;height:100%;border:1px solid var(--gray-400)}.examples_view_page .show_view_inner .dashboard_content{display:flex;flex:1}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .dashboard_content{overflow-x:auto;height:100%}}.examples_view_page .show_view_inner .dashboard .user{padding:5px 12px}.examples_view_page .show_view_inner .comment_view{min-width:240px}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .comment_view{position:relative;border-right:none}}.examples_view_page .show_view_inner .comment_view .comment_box{padding:10px 16px 24px}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .comment_view .comment_box{overflow-y:initial;position:relative}.examples_view_page .show_view_inner .comment_view .comment_box:before{position:absolute;top:0;right:-1px;bottom:0;z-index:1;width:1px;background-color:var(--gray-400);content:""}}.examples_view_page .show_view_inner .comment_view .toggle_box{padding:10px 16px}.examples_view_page .show_view_inner .comment_view .comment_item{margin:0 35px 0 29px}.examples_view_page .show_view_inner .comment_view .comment_item:before{left:-30px}.examples_view_page .show_view_inner .comment_view .user_list{right:-36px}.examples_view_page .show_view_inner .comment_view .btn_add{margin:10px 35px 0 29px}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .view_box{overflow:initial}.examples_view_page .show_view_inner .view_box .view_list{overflow-y:initial;min-width:300px;height:auto;padding-bottom:161px;border-left:1px solid var(--gray-400)}}.examples_view_page .show_view_inner .mini_map{top:50px;right:10px;width:121px;height:236px}.examples_view_page .full_view_inner{position:relative;display:flex;width:auto;height:calc(100% + 48px);margin:-24px}.examples_view_page .mini_map{position:absolute;width:192px;height:373px;top:16px;right:16px;padding:8px 16px;border-radius:4px;border:1px solid var(--gray-400);box-sizing:border-box;background:var(--gray-000)}.examples_view_page .mini_map_header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--gray-400)}.examples_view_page .mini_map_header .title{padding:4px 0;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}.examples_view_page .mini_map_header .btn_minimize{color:var(--gray-500)}.examples_view_page .palette{position:absolute;left:50%;bottom:40px;z-index:1;width:608px;height:48px;transform:translateX(-50%);background-color:#9acd32}@media screen and (max-width:1023px){.examples_view_page .palette{width:300px}}.examples_view_page .menu_user_list{display:flex;gap:8px}@media screen and (max-width:639px){.examples_view_page .menu_user_list{display:none}}.examples_view_page .comment_view{display:flex;flex-direction:column;width:33.17%;height:100%;border-right:1px solid var(--gray-400);background:var(--gray-000)}.examples_view_page .comment_view .toggle_box{padding:16px 24px;border-bottom:1px solid var(--gray-400)}.examples_view_page .comment_view .toggle_box .input_toggle_box{vertical-align:top}.examples_view_page .comment_view .comment_box{overflow-y:overlay;flex:1;padding:16px 24px}.examples_view_page .comment_view .comment_list{counter-reset:comment}.examples_view_page .comment_view .comment_item{position:relative;margin:0 46px 0 34px;padding:10px;border-radius:2px;border:1px solid var(--gray-400);font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-800);counter-increment:comment}.examples_view_page .comment_view .comment_item:before{position:absolute;top:0;left:-34px;font-size:1.4rem;line-height:.93;font-weight:600;content:"#" counter(comment)}.examples_view_page .comment_view .comment_item+.comment_item{margin-top:16px}.examples_view_page .comment_view .dialog_list{margin-top:10px;padding-top:10px;border-top:1px solid var(--gray-400)}.examples_view_page .comment_view .dialog_list .dialog{display:flex;align-items:flex-start}.examples_view_page .comment_view .dialog_list .dialog+.dialog{margin-top:8px}.examples_view_page .comment_view .dialog_list .name{padding:0 5px;border-radius:2px;border:1px solid var(--blue-0);background:var(--blue-alpha-0);box-sizing:border-box;flex:none}.examples_view_page .comment_view .dialog_list .name.green{background:var(--green-alpha-0);border-color:var(--green-0)}.examples_view_page .comment_view .dialog_list .name.red{background:var(--red-alpha-0);border-color:var(--red-0)}.examples_view_page .comment_view .dialog_list .chat{display:flex}.examples_view_page .comment_view .dialog_list .chat:before{margin:0 4px;content:":"}.examples_view_page .comment_view .user_list{display:flex;flex-direction:column;position:absolute;right:-46px;top:0;color:var(--gray-000);gap:8px}.examples_view_page .comment_view .user_list .user_item{margin:0}.examples_view_page .comment_view .user_list .icon svg path{fill:#fff}.examples_view_page .comment_view .btn_add{position:static;width:-webkit-fill-available;height:48px;margin:16px 46px 0 34px;border:1px solid var(--gray-400);border-radius:4px;color:var(--gray-400);box-sizing:border-box}.examples_view_page .view_box{position:relative;overflow:hidden;width:100%}.examples_view_page .view_box .view_list{padding:24px 24px 157px;overflow-y:overlay;height:100%;counter-reset:view;box-sizing:border-box}.examples_view_page .view_box .view_item{position:relative;padding:24px;text-align:center;border:1px dashed var(--gray-600);counter-increment:view}.examples_view_page .view_box .view_item:before{position:absolute;top:8px;left:16px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);content:"#" counter(view)}.examples_view_page .view_box .view_item+.view_item{margin-top:16px}.examples_view_page .view_box .view_item.is_active{border-color:var(--blue-dark)}.examples_view_page .view_box .view_item.is_active:before{color:var(--blue-dark)}.examples_view_page .view_box .view_item img{display:block;width:100%}.examples_view_page .btn_add{position:absolute;top:0;right:0;width:48px;height:100%;margin-left:0;border-radius:0}.examples_view_page .btn_expand{overflow:hidden;justify-content:flex-end;position:absolute;top:7px;right:7px;max-width:32px;height:32px;padding:7px;transition:all .5s linear}.examples_view_page .btn_expand .text{display:block;overflow:hidden;margin-left:0;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-000);white-space:nowrap}.examples_view_page .btn_expand .icon{flex:none}.examples_view_page .btn_expand:hover:not(.is_disabled){max-width:100%;background:var(--blue-0);color:var(--gray-000)}.examples_view_page .btn_expand.is_disabled{cursor:auto;border-color:var(--gray-300);background-color:var(--gray-300);color:var(--gray-000)}.examples_view_page .preview_view{display:flex;flex-direction:column;max-height:calc(100vh - 64px);padding:0;overflow:hidden;container:preview/inline-size}@media screen and (max-width:639px){.examples_view_page .preview_view{display:flex;max-height:none;overflow:visible;border-top:1px solid var(--gray-400)}}.examples_view_page .preview_bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 24px;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:639px){.examples_view_page .preview_bar{padding:16px;border-bottom:none}}.examples_view_page .preview_note{flex:1 1 260px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}.examples_view_page .preview_note_narrow{display:none}@media screen and (max-width:639px){.examples_view_page .preview_note_wide{display:none}.examples_view_page .preview_note_narrow{display:inline}}.examples_view_page .preview_actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.examples_view_page .preview_actions .btn{margin:0}.examples_view_page .preview_actions .btn_line:not(:disabled):hover{background-color:var(--gray-100)}.examples_view_page .preview_actions .btn:focus-visible{outline:2px solid var(--orange-0);outline-offset:2px}@media screen and (max-width:639px){.examples_view_page .preview_actions{width:100%}}.examples_view_page .preview_add{display:inline-flex;align-items:center;gap:8px}@media screen and (max-width:639px){.examples_view_page .preview_add{display:none}}.examples_view_page .preview_limit{font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-600)}.examples_view_page .preview_open_narrow{display:none}@media screen and (max-width:639px){.examples_view_page .btn_open{width:100%;padding:11px 16px;border-color:transparent;background-color:var(--orange-0);color:var(--ink-on-accent);font-size:1.4rem;line-height:1.58;font-weight:600}.examples_view_page .btn_open:hover{background-color:var(--orange-dark)}.examples_view_page .btn_open .icon{width:16px;height:16px}.examples_view_page .preview_open_wide{display:none}.examples_view_page .preview_open_narrow{display:block}}.examples_view_page .preview_panes{display:grid;flex:1;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(260px,1fr);gap:16px;min-height:0;padding:16px 24px 24px;overflow-y:auto}@media screen and (max-width:1023px){.examples_view_page .preview_panes{padding:16px}}@media screen and (max-width:639px){.examples_view_page .preview_panes{display:block;flex:none;padding:0 16px 24px;overflow:visible}}@container preview (min-width: 920px){.examples_view_page .preview_panes:not([data-count="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}}.examples_view_page .preview_pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--gray-400);border-radius:8px;background:var(--gray-000)}.examples_view_page .preview_pane.peer_red{--peer:var(--red-0)}.examples_view_page .preview_pane.peer_yellow{--peer:var(--yellow-0)}.examples_view_page .preview_pane.peer_green{--peer:var(--green-0)}.examples_view_page .preview_pane.peer_orange{--peer:var(--orange-0)}.examples_view_page .preview_pane.peer_blue{--peer:var(--blue-0)}.examples_view_page .preview_pane.peer_purple{--peer:var(--purple-0)}@media screen and (max-width:639px){.examples_view_page .preview_pane{height:min(72vh,600px)}.examples_view_page .preview_pane:not(:first-child){display:none}}.examples_view_page .preview_pane_top{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 6px 0 12px;border-bottom:1px solid var(--gray-400);box-sizing:border-box}.examples_view_page .preview_pane_user{display:inline-flex;align-items:center;gap:8px;font-size:1.2rem;line-height:1.34;font-weight:600;color:var(--gray-800)}.examples_view_page .preview_pane_dot{width:10px;height:10px;border-radius:50%;background:var(--peer,var(--gray-500))}.examples_view_page .preview_pane_body{flex:1;min-height:0;background:var(--gray-50)}.examples_view_page .preview_pane_body iframe{display:block;width:100%;height:100%;border:0}.examples_view_page .preview_pane .btn_remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;color:var(--gray-600);transition:background-color .2s}.examples_view_page .preview_pane .btn_remove .icon,.examples_view_page .preview_pane .btn_remove svg{display:block;width:14px;height:14px}.examples_view_page .preview_pane .btn_remove svg path{fill:currentColor}.examples_view_page .preview_pane .btn_remove:hover:not(:disabled){background-color:var(--gray-100);color:var(--gray-900)}.examples_view_page .preview_pane .btn_remove:focus-visible{outline:2px solid var(--orange-0);outline-offset:1px}.examples_view_page .preview_pane .btn_remove:disabled{cursor:not-allowed;color:var(--gray-300)}@media screen and (max-width:639px){.examples_view_page .preview_pane .btn_remove{display:none}}.examples_view_page .log_box{position:relative;margin-top:auto;padding:0 23px 23px}.examples_view_page .log_box:before{position:absolute;top:-10px;left:0;right:0;z-index:1;background-color:var(--gray-000);height:10px;content:""}.examples_view_page .log_inner{overflow-y:auto;height:137px;padding:10px 12px;box-sizing:border-box;background-color:var(--gray-800);border-radius:4px}.examples_view_page .log_title{display:block;margin-bottom:4px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-000)}.examples_view_page .log_desc{font-size:1.2rem;line-height:1.5;font-weight:400;color:var(--gray-000);word-break:break-word}.darkmode .sidebar_bottom{background-color:var(--gray-000)}.darkmode .sidebar_bottom:after{box-shadow:0 15px 14px 0 var(--gray-000)}.product_page .top_banner{padding-top:108px;padding-bottom:110px}@media screen and (max-width:1023px){.product_page .top_banner{padding-top:24px;padding-bottom:32px}}.product_page .top_banner_inner{overflow:hidden;position:relative}.product_page .top_banner .title_group{position:relative;z-index:1;padding-top:50px}@media screen and (max-width:1023px){.product_page .top_banner .title_group{padding-top:0}}.product_page .top_banner .img_box{position:absolute;top:50%;right:-130px;width:748px;height:380px;margin-top:-168px}@media screen and (max-width:1023px){.product_page .top_banner .img_box{position:static;width:auto;height:auto;margin-top:0}}.product_page .content{display:flex;flex-direction:column;width:100%;min-width:0;max-width:1120px;margin:0 auto;padding:240px 40px;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .content{padding:120px 32px}}@media screen and (max-width:639px){.product_page .content{padding-left:16px;padding-right:16px}}.product_page .content .link{text-decoration:underline}.product_page .section+.section{padding-top:240px}@media screen and (max-width:1023px){.product_page .section+.section{padding-top:160px}}.product_page .section_title_wrap{display:flex;align-items:center;margin-bottom:64px;padding-bottom:40px;border-bottom:2px solid var(--gray-600);color:var(--gray-800);box-sizing:border-box}@media screen and (max-width:1023px){.product_page .section_title_wrap{display:block}}.product_page .section_title{width:50%;font-size:4.6rem;line-height:1.18;font-weight:600}@media screen and (max-width:1023px){.product_page .section_title{width:auto;font-size:2.4rem;line-height:1.34}}.product_page .section_desc{width:50%;padding-left:16px;font-size:1.6rem;line-height:1.5;font-weight:500;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .section_desc{width:auto;margin-top:16px;padding-left:0;font-size:1.4rem;line-height:1.58}}.product_page .section_content+.section_content{padding-top:120px}.product_page .sub_title{display:block;margin-bottom:32px;font-size:3rem;line-height:1.27;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.product_page .sub_title{font-size:2rem;line-height:1.4}}.product_page .sub_desc{margin-bottom:32px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}.product_page .sub_title_wrap{display:flex;justify-content:space-between}.product_page .sub_title_wrap .btn{max-height:40px}.product_page .sub_title_wrap .btn:hover{background:var(--gray-900)}.product_page .sub_big_title{display:flex;flex:1;align-items:center;font-size:3.8rem;line-height:1.22;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.product_page .sub_big_title{font-size:2rem;line-height:1.4}}.product_page .sub_big_title>.icon{width:44px;height:44px;margin-right:16px;color:var(--orange-dark);flex:none}@media screen and (max-width:1023px){.product_page .sub_big_title>.icon{width:24px;height:24px}}.product_page .sub_big_title>.icon svg{width:100%;height:100%}.product_page .sub_big_desc{margin-top:32px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800)}.product_page .db_content{display:flex}@media screen and (max-width:1023px){.product_page .db_content{flex-direction:column}}.product_page .db_content .codeblock_content{width:66%;height:280px;padding-right:16px;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .db_content .codeblock_content{width:100%;padding-right:0}}.product_page .db_content .codeblock_content .codeblock{overflow-y:auto;height:calc(100% - 50px);border-radius:0 0 4px 4px;border-top:0}@media screen and (max-width:1023px){.product_page .db_content .codeblock_content .codeblock{flex-basis:100%;margin-right:0}}.product_page .db_content .img_box{flex:0 0 auto;height:280px;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .db_content .img_box{display:block;margin-top:16px}}@media screen and (max-width:639px){.product_page .db_content .img_box{height:auto}}@media screen and (max-width:1023px){.product_page .db_content .img_box img{height:100%}}@media screen and (max-width:639px){.product_page .db_content .img_box img{height:auto}}.product_page .db_content .img_box [fill=black]{fill:var(--gray-900)}.product_page .product_card_list{display:flex}@media screen and (max-width:1023px){.product_page .product_card_list{display:block}}.product_page .product_card_list .product_card_item{flex-basis:calc(100% - 8px);margin:0 8px;padding:16px 24px;border:1px solid var(--gray-400);border-radius:4px;color:var(--gray-800)}@media screen and (max-width:1023px){.product_page .product_card_list .product_card_item{flex-basis:100%;margin:16px 0 0}}.product_page .product_card_list .product_card_item:first-child{margin-left:0}@media screen and (max-width:1023px){.product_page .product_card_list .product_card_item:first-child{margin-top:0}}.product_page .product_card_list .product_card_item:last-child{margin-right:0}.product_page .product_card_list .product_card_title{display:block;font-size:1.6rem;line-height:1.5;font-weight:600}.product_page .product_card_list .product_card_desc{margin-top:24px;font-size:1.2rem;line-height:1.34;font-weight:400}.product_page .package_group{position:relative}@media screen and (max-width:1023px){.product_page .package_group{display:flex;flex-direction:column}}.product_page .package_group .sub_title_wrap{padding-right:230px}@media screen and (max-width:1023px){.product_page .package_group .sub_title_wrap{order:1;padding-right:0}}.product_page .package_group .btn{position:absolute;top:0;right:0}@media screen and (max-width:1023px){.product_page .package_group .btn{order:4;display:flex;position:static;width:100%;margin:32px 0 0}.product_page .package_group .sub_big_desc{order:2}}.product_page .package_group .img_box{margin-top:32px}@media screen and (max-width:1023px){.product_page .package_group .img_box{order:3}}.product_page .img_group{display:flex}@media screen and (max-width:1023px){.product_page .img_group{display:block}}.product_page .img_group .img_box{flex-basis:calc(50% - 8px);margin:0 8px}@media screen and (max-width:1023px){.product_page .img_group .img_box{flex-basis:100%;height:257px;margin:16px 0 0}}@media screen and (max-width:639px){.product_page .img_group .img_box{height:auto}}.product_page .img_group .img_box:first-child{margin-left:0}@media screen and (max-width:1023px){.product_page .img_group .img_box:first-child{margin-top:0}}.product_page .img_group .img_box:last-child{margin-right:0}@media screen and (max-width:1023px){.product_page .img_group svg{height:100%}}@media screen and (max-width:639px){.product_page .img_group svg{height:auto}}.product_page .img_box{display:block}.product_page .img_box svg{display:block;width:100%;height:100%}.product_page .prism-code .token{white-space:pre-wrap}.darkmode .product_page .top_banner .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .product_page .top_banner .img_box [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .product_page .top_banner .img_box [fill="#E2DEDB"],.darkmode .product_page .top_banner .img_box [fill="#EFECEB"],.darkmode .product_page .top_banner .img_box [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .product_page .top_banner .img_box [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .product_page .top_banner .img_box [stroke="#514C49"],.darkmode .product_page .top_banner .img_box [stroke="#E2DEDB"]{stroke:var(--gray-100)}.darkmode .product_page .top_banner .img_box [fill=black]{fill:var(--gray-900)}