diff --git a/styles/style.css b/styles/style.css
index 9d4021d..f1db9ad 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -42,4 +42,4 @@
 @charset "UTF-8";@media screen and (max-width:1023px){.usage{padding:0 32px}}@media screen and (max-width:639px){.usage{padding:0 16px}}.usage_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-16px 0 0 -16px}@media screen and (max-width:1023px){.usage_list{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:639px){.usage_list{display:block;margin:0}}.usage_item{margin:16px 0 0 16px}@media screen and (max-width:639px){.usage_item{margin:16px 0 0}}@media screen and (max-width:1023px){.usage_item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%}}@media screen and (max-width:639px){.usage_item:first-child{margin-top:0}}.usage_item.bar_type{min-width:336px}@media screen and (max-width:1023px){.usage_item.bar_type{-ms-flex-preferred-size:calc(50% - 16px);flex-basis:calc(50% - 16px);min-width:auto}}@media screen and (max-width:639px){.usage_item.bar_type{-ms-flex-preferred-size:auto;flex-basis:auto}}.usage_item.bar_type .info_text{margin-left:0;color:var(--gray-600)}.usage_item.link_type{min-width:auto}.usage_item.link_type .title{margin-bottom:16px}.usage_item.link_type .info_text{font-size:2rem;line-height:1.4;font-weight:400}.usage_item.big_type .title{margin-bottom:10px;font-weight:600}.usage_item.big_type .icon{margin-top:-1px;width:24px;height:24px}.usage_item.big_type .info_text{font-size:2.4rem;line-height:1.34;font-weight:500}.usage_menu{display:block;position:relative}.usage .title{display:block;margin-bottom:19px;font-size:1.4rem;line-height:1.58;color:var(--gray-900)}@media screen and (max-width:639px){.usage .title{margin-bottom:8px}}.usage .title_box{display:-webkit-box;display:-ms-flexbox;display:flex}.usage .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.usage .info_text{margin-left:6px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-900)}.usage .info_text:last-child{margin-left:0}.usage .info_text:first-of-type{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.usage .info_text.highlight{color:var(--orange-0)}.usage .icon{width:16px;height:16px;margin-top:3px;margin-left:9px;color:var(--gray-900);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.usage .icon svg{width:100%;height:100%}.usage .icon svg path{fill:currentColor}.usage .progress_bar{display:block;position:relative;height:4px;margin-top:18px;background-color:var(--gray-300);border-radius:20px}.usage .progress_bar .now{position:absolute;top:0;left:0;height:100%;border-radius:20px;background-color:var(--orange-0)}
 code[class*=language-],pre[class*=language-]{background:0 0;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,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}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-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-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;-webkit-box-sizing:border-box;box-sizing:border-box;--code-slategray:var(--gray-500);--code-gray:var(--gray-600);--code-purple:var(--purple-dark);--code-blue:var(--blue-dark);--code-orange:var(--orange-dark);--code-brown:#9a6e3a;--code-green:var(--green-dark)}.darkmode pre[class*=language-]{--code-slategray:var(--gray-300);--code-brown:#face9b;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}
 .rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;-ms-touch-action:none;touch-action:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-slider *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-handle{position:absolute;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #bfdbfe;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;-ms-touch-action:pan-x;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;-webkit-box-shadow:0 0 0 5px #bfdbfe;box-shadow:0 0 0 5px #bfdbfe}.rc-slider-handle:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;-webkit-box-shadow:0 0 0 3px #bfdbfe;box-shadow:0 0 0 3px #bfdbfe}.rc-slider-handle-click-focused:focus{border-color:#bfdbfe;-webkit-box-shadow:unset;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;-webkit-box-shadow:0 0 5px #57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:0 0;pointer-events:none}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#bfdbfe}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed !important}.history_slider_inner .rc-slider-dot.is_end::before,.history_slider_inner .rc-slider-dot.is_first::before{background:url(/assets/icons/icon_line.svg) left center;background-repeat:space no-repeat}
-@charset "UTF-8";/*! 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{-webkit-box-sizing:content-box;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;-webkit-text-decoration:underline dotted;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{-webkit-box-sizing:border-box;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]{-webkit-box-sizing:border-box;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}template{display:none}[hidden]{display:none}.blind,legend{margin:-1px !important;padding:0 !important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);position:absolute}:root{--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:rgb(242 123 47 / 40%);--orange-alpha-0:rgb(252 133 57 / 32%);--orange-alpha-light:rgb(253 163 106 / 24%);--yellow-dark:#f5b103;--yellow-0:#fdc433;--yellow-light:#fed366;--yellow-alpha-dark:rgb(245 177 3 / 40%);--yellow-alpha-0:rgb(253 196 51 / 32%);--yellow-alpha-light:rgb(254 211 102 / 24%);--green-dark:#10b266;--green-0:#23c176;--green-light:#5ad198;--green-alpha-dark:rgb(16 178 102 / 40%);--green-alpha-0:rgb(35 193 118 / 32%);--green-alpha-light:rgb(90 209 152 / 24%);--blue-dark:#208aed;--blue-0:#3c9af1;--blue-light:#6db4f5;--blue-alpha-dark:rgb(26 133 232 / 40%);--blue-alpha-0:rgb(60 154 241 / 32%);--blue-alpha-light:rgb(109 180 245 / 24%);--red-dark:#e93d47;--red-0:#f44954;--red-light:#f7777e;--red-alpha-dark:rgb(233 61 71 / 40%);--red-alpha-0:rgb(244 73 84 / 32%);--red-alpha-light:rgb(247 119 126 / 24%);--purple-dark:#764af3;--purple-0:#855cf9;--purple-light:#a385fb;--purple-alpha-dark:rgb(118 74 243 / 40%);--purple-alpha-0:rgb(133 92 249 / 32%);--purple-alpha-light:rgb(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:rgb(253 163 106 / 24%);--orange-alpha-light:rgb(242 123 47 / 40%);--yellow-dark:#fed366;--yellow-light:#f5b103;--yellow-alpha-dark:rgb(254 211 102 / 24%);--yellow-alpha-light:rgb(245 177 3 / 40%);--green-dark:#5ad198;--green-light:#10b266;--green-alpha-dark:rgb(90 209 152 / 24%);--green-alpha-light:rgb(16 178 102 / 40%);--blue-dark:#6db4f5;--blue-light:#208aed;--blue-alpha-dark:rgb(109 180 245 / 24%);--blue-alpha-light:rgb(26 133 232 / 40%);--red-dark:#f7777e;--red-light:#e93d47;--red-alpha-dark:rgb(247 119 126 / 24%);--red-alpha-light:rgb(233 61 71 / 40%);--purple-dark:#a385fb;--purple-light:#764af3;--purple-alpha-dark:rgb(163 133 251 / 24%);--purple-alpha-light:rgb(118 74 243 / 40%)}@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}*{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}:not(input):not(textarea){-webkit-touch-callout:none}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;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;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:1px solid var(--orange-0)}legend{display:block;max-width:none}.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:-webkit-gradient(linear,left top,right top,from(#fe924d),to(#fdc433));background-image:linear-gradient(90deg,#fe924d 0,#fdc433 100%)}.gradient_90deg_orange{background-image:-webkit-gradient(linear,left top,right top,from(#f96767),to(#ff9754));background-image:linear-gradient(90deg,#f96767 0,#ff9754 100%)}.gradient_90deg_red{background-image:-webkit-gradient(linear,left top,right top,from(#fc94d8),to(#f44954));background-image:linear-gradient(90deg,#fc94d8 0,#f44954 100%)}.gradient_90deg_purple{background-image:-webkit-gradient(linear,left top,right top,from(#84b5ff),to(#855cf9));background-image:linear-gradient(90deg,#84b5ff 0,#855cf9 100%)}.gradient_90deg_blue{background-image:-webkit-gradient(linear,left top,right top,from(#8decec),to(#3c9af1));background-image:linear-gradient(90deg,#8decec 0,#3c9af1 100%)}.gradient_90deg_green{background-image:-webkit-gradient(linear,left top,right top,from(#d7e38b),to(#23c176));background-image:linear-gradient(90deg,#d7e38b 0,#23c176 100%)}.gradient_90deg_gray1{background-image:-webkit-gradient(linear,left top,right top,from(#212121),to(#616161));background-image:linear-gradient(90deg,#212121 0,#616161 100%)}.gradient_90deg_gray2{background-image:-webkit-gradient(linear,left top,right top,from(#616161),to(#9e9e9e));background-image:linear-gradient(90deg,#616161 0,#9e9e9e 100%)}.gradient_90deg_gray3{background-image:-webkit-gradient(linear,left top,right top,from(#9e9e9e),to(#e0e0e0));background-image:linear-gradient(90deg,#9e9e9e 0,#e0e0e0 100%)}.gradient_90deg_gray4{background-image:-webkit-gradient(linear,left top,right top,from(#e0e0e0),to(#f5f5f5));background-image:linear-gradient(90deg,#e0e0e0 0,#f5f5f5 100%)}.gradient_180deg_yellow{background-image:-webkit-gradient(linear,left top,left bottom,from(#fe924d),to(#fdc433));background-image:linear-gradient(180deg,#fe924d 0,#fdc433 100%)}.gradient_180deg_orange{background-image:-webkit-gradient(linear,left top,left bottom,from(#f96767),to(#ff9754));background-image:linear-gradient(180deg,#f96767 0,#ff9754 100%)}.gradient_180deg_red{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%)}.gradient_180deg_purple{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%)}.gradient_180deg_blue{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%)}.gradient_180deg_green{background-image:-webkit-gradient(linear,left top,left bottom,from(#d7e38b),to(#23c176));background-image:linear-gradient(180deg,#d7e38b 0,#23c176 100%)}.gradient_180deg_gray1{background-image:-webkit-gradient(linear,left top,left bottom,from(#212121),to(#616161));background-image:linear-gradient(180deg,#212121 0,#616161 100%)}.gradient_180deg_gray2{background-image:-webkit-gradient(linear,left top,left bottom,from(#616161),to(#9e9e9e));background-image:linear-gradient(180deg,#616161 0,#9e9e9e 100%)}.gradient_180deg_gray3{background-image:-webkit-gradient(linear,left top,left bottom,from(#9e9e9e),to(#e0e0e0));background-image:linear-gradient(180deg,#9e9e9e 0,#e0e0e0 100%)}.gradient_180deg_gray4{background-image:-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#f5f5f5));background-image:linear-gradient(180deg,#e0e0e0 0,#f5f5f5 100%)}.shadow_xs{-webkit-box-shadow:0 8px 4px -8px rgba(0,0,0,.2);box-shadow:0 8px 4px -8px rgba(0,0,0,.2)}.shadow_s{-webkit-box-shadow:0 8px 8px -8px rgba(0,0,0,.2);box-shadow:0 8px 8px -8px rgba(0,0,0,.2)}.shadow_m{-webkit-box-shadow:0 8px 16px -8px rgba(0,0,0,.2);box-shadow:0 8px 16px -8px rgba(0,0,0,.2)}.shadow_l{-webkit-box-shadow:0 20px 24px -12px rgba(0,0,0,.2);box-shadow:0 20px 24px -12px rgba(0,0,0,.2)}#__next,#root{height:100%}.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}@media screen and (orientation:landscape){.container{-webkit-box-sizing:border-box;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:0 0}.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;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .container{max-width:none;padding:0}}.community_page .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.community_page .content{position:relative;padding-right:32.789%;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-box-ordinal-group:3;-ms-flex-order:2;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{-webkit-box-ordinal-group:2;-ms-flex-order:1;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{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;text-align:center}}.community_page .content .btn_box{margin-top:32px}@media screen and (max-width:1023px){.community_page .content .btn_box{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;width:100%}}@media screen and (max-width:639px){.community_page .content .btn_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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{-ms-flex-preferred-size:50%;flex-basis:50%}}@media screen and (max-width:639px){.community_page .content .btn_box .btn{-ms-flex-preferred-size:auto;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;-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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 72px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .container{max-width:none;padding:0}}.error_page .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.error_page .content{position:relative;width:100%;max-width:990px;padding-left:32.405%;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;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}}@media screen and (max-width:1023px){.error_page .content.error_404{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;-webkit-box-ordinal-group:3;-ms-flex-order:2;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{-webkit-box-ordinal-group:2;-ms-flex-order:1;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{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;text-align:center}}.error_page .btn_box{margin-top:32px}@media screen and (max-width:1023px){.error_page .btn_box{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-ordinal-group:5;-ms-flex-order:4;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{-ms-flex-preferred-size:calc(50% - 12px);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{-ms-flex-preferred-size:100%;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:var(--gray-000)}@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;-webkit-box-sizing:border-box;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:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.btn_start.orange_0::after{background:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background:linear-gradient(180deg,#84b5ff 0,#855cf9 100%)}.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:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background:linear-gradient(180deg,#8decec 0,#3c9af1 100%)}.btn_start.orange_0 .bg::after{background:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background:linear-gradient(180deg,#fc94d8 0,#f44954 100%)}.btn_start.orange_0:hover{background-color:var(--orange-0);-webkit-animation:btn-bg 10s linear infinite 1.5s;animation:btn-bg 10s linear infinite 1.5s}.btn_start.orange_0:hover::before{-webkit-animation:gradient1 10s linear infinite;animation:gradient1 10s linear infinite}.btn_start.orange_0:hover::after{-webkit-animation:gradient2 10s linear infinite;animation:gradient2 10s linear infinite}.btn_start.orange_0:hover .bg::before{-webkit-animation:gradient3 10s linear infinite 5s;animation:gradient3 10s linear infinite 5s}.btn_start.orange_0:hover .bg::after{-webkit-animation:gradient4 10s linear infinite 5s;animation:gradient4 10s linear infinite 5s}.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1120px;margin:0 auto;padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.top_banner_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;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{-webkit-box-ordinal-group:3;-ms-flex-order:2;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:var(--gray-000)}.top_banner .title_group .btn_box .text{color:var(--gray-000)}@media screen and (max-width:1023px){.top_banner .img_box{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.top_banner .img_box svg{display:block;width:100%;height:100%}.codeblock_header{padding:6px 8px}.codeblock_header .box_left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width:1023px){.codeblock_header .box_left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.codeblock_header .btn_item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;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-600)}.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;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{-ms-flex-wrap:wrap;flex-wrap:wrap;position:-webkit-sticky;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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 .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;-webkit-box-sizing:border-box;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{display:block;width:100%;height:100%}.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;-webkit-box-sizing:border-box;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{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:7px;border-bottom:1px solid var(--gray-400)}.dashboard_content{position:relative;height:260px}.dashboard .btn_box{-webkit-box-align:end;-ms-flex-align:end;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:-webkit-box;display:-ms-flexbox;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 .key_visual{overflow:hidden;position:relative;width:100%;height:calc(100vh - 64px)}@media screen and (max-width:1023px) and (orientation:landscape){.main_page .key_visual{height:calc(100vh + 70px)}}.main_page .key_visual .kv_bg svg{--scale:1;position:absolute;top:0;left:50%;width:auto;height:100%;-webkit-transform:translateX(-50%) scale(var(--scale));transform:translateX(-50%) scale(var(--scale))}.main_page .key_visual .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1;height:100%}@media screen and (max-width:1023px){.main_page .key_visual .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:0 32px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media screen and (max-width:639px){.main_page .key_visual .inner{padding-left:16px;padding-right:16px}}.main_page .key_visual .title{font-size:9.6rem;line-height:1.17;font-weight:800;text-align:center}@media screen and (max-width:1023px){.main_page .key_visual .title{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .text{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#212121),to(#616161));background:linear-gradient(180deg,#212121 0,#616161 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main_page .key_visual .title .point{display:block;position:relative;height:113px;color:var(--orange-0)}@media screen and (max-width:1023px){.main_page .key_visual .title .point{height:auto}}.main_page .key_visual .title .point::after,.main_page .key_visual .title .point::before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;content:"collaboration";font-size:9.6rem;line-height:1.17;font-weight:800;opacity:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width:1023px){.main_page .key_visual .title .point::after,.main_page .key_visual .title .point::before{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title .point::after,.main_page .key_visual .title .point::before{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .point::before{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.main_page .key_visual .title .point::after{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%)}.main_page .key_visual .title .point .bg::after,.main_page .key_visual .title .point .bg::before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;font-size:9.6rem;line-height:1.17;font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;content:"collaboration"}@media screen and (max-width:1023px){.main_page .key_visual .title .point .bg::after,.main_page .key_visual .title .point .bg::before{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title .point .bg::after,.main_page .key_visual .title .point .bg::before{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .point .bg::before{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%)}.main_page .key_visual .title .point .bg::after{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%)}.main_page .key_visual .title .point.is_hover{-webkit-animation:point-text 10s linear infinite 1.5s;animation:point-text 10s linear infinite 1.5s}.main_page .key_visual .title .point.is_hover::before{-webkit-animation:gradient1 10s linear infinite;animation:gradient1 10s linear infinite}.main_page .key_visual .title .point.is_hover::after{-webkit-animation:gradient2 10s linear infinite;animation:gradient2 10s linear infinite}.main_page .key_visual .title .point.is_hover .bg::before{-webkit-animation:gradient3 10s linear infinite 5s;animation:gradient3 10s linear infinite 5s}.main_page .key_visual .title .point.is_hover .bg::after{-webkit-animation:gradient4 10s linear infinite 5s;animation:gradient4 10s linear infinite 5s}.main_page .key_visual .btn_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:40px}@media screen and (max-width:1023px){.main_page .key_visual .btn_box{margin-top:80px}}@media screen and (max-width:639px){.main_page .key_visual .btn_box{display:block;width:100%;margin-top:32px}}.main_page .key_visual .npm_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:52px;padding:10px 16px;border-radius:8px;background:var(--gray-800);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.main_page .key_visual .npm_box{padding:0 32px}}@media screen and (max-width:639px){.main_page .key_visual .npm_box{padding:0 16px}}.main_page .key_visual .npm_box .input{width:228px;border:0;background:0 0;color:var(--gray-000);font-size:1.4rem;line-height:1.72;font-weight:400;font-family:RobotoMono,Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace}.main_page .key_visual .npm_box .btn_area{position:relative}@media screen and (max-width:639px){.main_page .key_visual .npm_box .btn_area{margin-left:auto}}.main_page .key_visual .npm_box .btn_area .toast_box{left:65%}.main_page .key_visual .npm_box .btn{margin-left:24px;padding:10px 12px;border-color:var(--gray-400)}.main_page .key_visual .npm_box .btn:hover{background:var(--gray-900)}.main_page .key_visual .npm_box .btn .icon{width:12px;height:12px}.main_page .key_visual .btn_start{margin-left:24px}@media screen and (max-width:1023px){.main_page .key_visual .btn_start{margin-left:16px}}@media screen and (max-width:639px){.main_page .key_visual .btn_start{width:100%;margin-top:16px;margin-left:0}}.main_page .key_visual .btn_start:only-child{margin-left:0}@media screen and (max-width:639px){.main_page .key_visual .btn_start:only-child{margin-top:0}}.main_page .key_visual .desc{width:100%;margin-top:40px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800);text-align:center}@media screen and (max-width:1023px){.main_page .key_visual .desc{font-size:1.4rem;line-height:1.58}}@media screen and (max-width:639px){.main_page .key_visual .desc{margin-top:24px}}.main_page .section{max-width:1368px;margin:0 auto;padding:240px 40px 0;-webkit-box-sizing:border-box;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:160px 16px 0}}.main_page .section:last-child{padding-bottom:240px}@media screen and (max-width:639px){.main_page .section:last-child{padding-bottom:160px}}.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{margin-top:32px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:500;text-align:center}@media screen and (max-width:1023px){.main_page .section_desc{font-size:1.4rem;line-height:1.58}}.main_page .section_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:32px}.main_page .section_content.draw{padding:0 60px}@media screen and (max-width:1023px){.main_page .section_content.draw{padding:0}}.main_page .section_content .draw_box{width:640px;height:374px;border-radius:20px;background-color:pink}@media screen and (max-width:1023px){.main_page .section_content .draw_box{display:none}}.main_page .section_content .draw_box+.draw_box{margin-left:16px}.main_page .section .btn_box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:48px}@media screen and (max-width:1023px){.main_page .section .btn_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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{-webkit-transition:none;transition:none}.main_page .section .btn_box .btn.btn_start:hover{background:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.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 .section_app{max-width:1370px}@media screen and (max-width:1023px){.main_page .section_app{max-width:none}}.main_page .section_app .align_box{border:1px solid var(--gray-400);border-radius:23px}@media screen and (max-width:1023px){.main_page .section_app .align_box{border:0;border-radius:0}}.main_page .section_app .app_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 32px 19px;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:1023px){.main_page .section_app .app_header{display:none}}.main_page .section_app .app_header .tag_name{color:var(--gray-800);font-size:2rem;line-height:1.4;font-weight:600}.main_page .section_app .app_header .icon svg path{fill:#fff}.main_page .section_app .app_body{padding:83px 0 94px;position:relative}@media screen and (max-width:1023px){.main_page .section_app .app_body{padding:0}}.main_page .section_app .app_body::before{position:absolute;top:0;left:0;width:100%;height:100%;border-bottom-left-radius:23px;border-bottom-right-radius:23px;background-image:url(/assets/images/main_bg.png);background-repeat:repeat;content:""}@media screen and (max-width:1023px){.main_page .section_app .app_body::before{display:none}}.main_page .section_app .app_body .btn_box,.main_page .section_app .app_body .section_desc,.main_page .section_app .app_body .section_title{position:relative;z-index:1}.main_page .section_app .point{display:inline-block;position:relative;padding:0 8px;border:3px dashed var(--purple-0);border-radius:16px;line-height:53px}@media screen and (max-width:1023px){.main_page .section_app .point{padding:0;border:none;border-radius:0;line-height:normal}}.main_page .section_app .point::before{position:absolute;top:-4px;left:-35px;width:24px;height:24px;background-image:url(/assets/icons/icon_service_main_users_alone.svg);background-repeat:no-repeat;content:""}@media screen and (max-width:1023px){.main_page .section_app .point::before{display:none}}@media screen and (max-width:1023px){.main_page .section_app .btn{min-width:280px}}.main_page .service_card_list{margin-right:36px}@media screen and (max-width:1023px){.main_page .service_card_list{margin-right:0;padding:0 74px}}@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 .grid_list{display:none}@media screen and (max-width:1023px){.main_page .grid_list{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:1023px){.main_page .grid_item{margin-bottom:0}}@media screen and (max-width:1023px){.main_page .grid_item{margin-bottom:32px}}@media screen and (max-width:1023px){.main_page .grid_item:last-child{margin-bottom:0}}.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{width:854px;height:513px}@media screen and (max-width:1023px){.main_page .codeblock_content{display:none}}.main_page .codeblock_content .btn_item{height:40px;border-radius:4px;color:var(--gray-800)}.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(--gray-000)}.main_page .codeblock_content .codeblock{overflow-y:overlay;height:100%;border-radius:0 0 16px 16px;border-top:0}.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)}.main_page .codeblock_content .codeblock_header .box_right .btn_line .icon{-webkit-box-flex:0;-ms-flex:none;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 .key_visual .title .text{background:-webkit-gradient(linear,left top,left bottom,from(#fefdfb),to(#a6a19e));background:linear-gradient(180deg,#fefdfb 0,#a6a19e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.darkmode .main_page .kv_bg g[filter*=filter0]>rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter0] g rect:first-child{fill:var(--gray-100);stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter0] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter0] [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter2] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#F5F3F1"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#C2BDBA"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#EFECEB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#F5F3F1"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter3] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#E2DEDB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#EFECEB"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#F5F3F1"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#C2BDBA"],.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter4] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter4] [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter5] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter5] [fill="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter5] [fill="#F5F3F1"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter5] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter6] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#F5F3F1"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#FAF8F6"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#E2DEDB"]{fill:var(--gray-200)}.darkmode .main_page .kv_bg g[filter*=filter6] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#E2DEDB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter7] [stroke="#F5F3F1"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter8]>rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter8] g rect:first-child{fill:var(--gray-50);stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter8] [stroke="#EFECEB"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter8] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .section_app .app_body::before{background-image:url(/assets/images/main_bg_dark.png)}.darkmode .main_page .grid_thumbnail [fill="#FEFDFB"],.darkmode .main_page .grid_thumbnail [fill="url(#pattern1)"],.darkmode .main_page .grid_thumbnail [fill=white]{fill:var(--gray-000)}.darkmode .main_page .horizon_item .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}@-webkit-keyframes gradient1{0%{opacity:0}15%{opacity:1}100%{opacity:0}}@keyframes gradient1{0%{opacity:0}15%{opacity:1}100%{opacity:0}}@-webkit-keyframes gradient2{0%{opacity:0}15%{opacity:0}40%{opacity:1}100%{opacity:0}}@keyframes gradient2{0%{opacity:0}15%{opacity:0}40%{opacity:1}100%{opacity:0}}@-webkit-keyframes gradient3{0%{opacity:0}15%{opacity:1}65%{opacity:0}100%{opacity:0}}@keyframes gradient3{0%{opacity:0}15%{opacity:1}65%{opacity:0}100%{opacity:0}}@-webkit-keyframes gradient4{0%{opacity:0}15%{opacity:0}40%{opacity:1}65%{opacity:0}100%{opacity:0}}@keyframes gradient4{0%{opacity:0}15%{opacity:0}40%{opacity:1}65%{opacity:0}100%{opacity:0}}@-webkit-keyframes point-text{0%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}40%{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}50%{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}90%{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}100%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@keyframes point-text{0%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}40%{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}50%{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}90%{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}100%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;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);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.documentation_page .content .navigator{display:none}}.documentation_page .content .navigator_group:hover>.navigator_item{color:var(--orange-dark)}.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:-webkit-sticky;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(--orange-dark)}.documentation_page .content .navigator_menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.documentation_page .content .navigator_menu .icon{width:16px;height:16px}.documentation_page .section{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:88px 52px 164px}@media screen and (max-width:1244px){.documentation_page .section{padding:88px 40px 88px 52px;width:100%;-webkit-box-sizing:border-box;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;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:-webkit-sticky;position:sticky;top:152px;right:0;z-index:1;width:220px;border:1px solid var(--gray-400);border-radius:16px;-webkit-box-sizing:border-box;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-500);word-break:break-all}.documentation_page .pagination .toc-item.is_active{color:var(--orange-dark)}.documentation_page .pagination .toc-item .toc-item{padding-left:10px}.documentation_page .section_content_box{overflow-x:auto;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--gray-800);word-break:break-all}@media screen and (min-width:1600px){.documentation_page .section_content_box{padding-right:48px}}.documentation_page .section_content_box h2{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 h2{font-size:2.4rem;line-height:1.34;font-weight:600}}.documentation_page .section_content_box h3{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 h3{font-size:2rem;line-height:1.4;font-weight:600}}.documentation_page .section_content_box h4{margin:56px 0 16px;font-size:2rem;line-height:1.4;font-weight:600}.documentation_page .section_content_box h5{margin:56px 0 16px;font-size:1.8rem;line-height:1.56;font-weight:600}.documentation_page .section_content_box h6{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:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--orange-0);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 center;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:top}.documentation_page .section_content_box img+img{margin-top:16px}.documentation_page .section_content_box table{overflow:hidden;border:1px solid var(--gray-400);border-radius:4px;border-spacing:0;-webkit-box-sizing:border-box;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{min-width:143px;padding:4px 8px;border-right:1px solid var(--gray-400);border-bottom:1px solid var(--gray-400);-webkit-box-sizing:border-box;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}.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:-webkit-box;display:-ms-flexbox;display:flex;margin-top:24px;gap:16px}.documentation_page .section_content_box .img_wrap .img_box{-webkit-box-flex:1;-ms-flex:1;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{-webkit-box-pack:start;-ms-flex-pack:start;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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;margin:24px 0}@media screen and (max-width:1023px){.documentation_page .section_content_box .card_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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 .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:-webkit-inline-box;display:-ms-inline-flexbox;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(--orange-dark)}.documentation_page .section_content_box .docs_breadcrumbs_link:not(:first-of-type)::before{display:inline-block;margin:0 4px;content:"-"}.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}}@media screen and (max-width:1023px){.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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:1023px){.examples_page .content_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.examples_page .navigator{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:-webkit-sticky;position:sticky;top:120px;-webkit-box-sizing:border-box;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}}@media screen and (max-width:1023px){.examples_page .filter_list{border-bottom:none}}@media screen and (max-width:1023px){.examples_page .filter_desc{padding-left:0;padding-right:0}}@media screen and (max-width:1023px){.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}.examples_page .grid_thumbnail img{width:100%;height:auto;vertical-align:top;aspect-ratio:1200/750;-o-object-fit:cover;object-fit:cover}.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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.examples_view_page .container .link{text-decoration:underline}.examples_view_page .sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;width:512px;max-height:calc(100vh - 64px);padding:24px 17px 24px 24px;-webkit-box-sizing:border-box;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;-webkit-transition: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){-webkit-box-shadow:8px 0 24px rgba(0,0,0,.16);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{-webkit-transform:rotate(270deg);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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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{-webkit-transform:rotate(90deg);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;-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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;-webkit-box-shadow:0 15px 14px 0 #fff;box-shadow:0 15px 14px 0 #fff;-webkit-transform:rotate(180deg);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{-ms-flex-wrap:wrap;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{-ms-flex-preferred-size:271px;flex-basis:271px}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom .btn_share{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:8px;margin-left:0}}@media screen and (max-width:1023px){.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-400)}.examples_view_page .sidebar .video_box{display:none}@media screen and (max-width:639px){.examples_view_page .sidebar .video_box{background-color:pink;display:block;margin-top:24px}}.examples_view_page .sidebar .video_box video{display:block;width:100%}.examples_view_page .sidebar .folder_box{display:-webkit-box;display:-ms-flexbox;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;-ms-flex-preferred-size:30%;flex-basis:30%;min-width:150px;padding-top:10px;padding-bottom:10px;border-right:1px solid var(--gray-400);-webkit-box-sizing:border-box;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(--orange-dark)}.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{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.examples_view_page .sidebar .folder_box .btn_folder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:3px 14px;-webkit-box-sizing:border-box;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{margin-right:4px;width:16px}.examples_view_page .sidebar .folder_box .btn_folder .icon svg{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{-ms-flex-preferred-size:calc(100% - 22px);flex-basis:calc(100% - 22px);word-break:break-all;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;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:70%;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{-webkit-box-ordinal-group:2;-ms-flex-order:1;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{-webkit-transform:rotate(180deg);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;-webkit-box-flex:1;-ms-flex:1;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{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.show_view{overflow:hidden;max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.content_view{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.content_view .accordion_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;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;-webkit-box-sizing:border-box;box-sizing:border-box}}.examples_view_page .content.content_view .accordion_list .accordion_item{width:calc(50% - 8px);margin-top:0;-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:0}.examples_view_page .grid_view .user{margin-top:8px}.examples_view_page .grid_view .user_list{-ms-flex-wrap:wrap;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);-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .pin_box::before{position:absolute;top:0;right:48px;bottom:3px;z-index:1;width:25px;background:-webkit-gradient(linear,right top,left top,from(var(--gray-000)),to(transparent));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;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;line-height:normal;white-space:nowrap}.examples_view_page .pin_item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:100%;padding:8px 47px 8px 15px;border:1px solid var(--gray-400);-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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:-webkit-gradient(linear,right top,left top,from(var(--gray-000)),to(transparent));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;-webkit-box-sizing:border-box;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:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.examples_view_page .system_view .system_view_item:hover .btn_close{display:-webkit-box;display:-ms-flexbox;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);-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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);-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:calc(100% - 207px);padding:48px 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .show_view_inner .dashboard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;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}}@media screen and (max-width:1023px){.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}}@media screen and (max-width:1023px){.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:-webkit-box;display:-ms-flexbox;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);-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--gray-000)}.examples_view_page .mini_map_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-transform:translateX(-50%);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:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}@media screen and (max-width:639px){.examples_view_page .menu_user_list{display:none}}.examples_view_page .comment_view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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;-webkit-box-flex:1;-ms-flex:1;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;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);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:none;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:-webkit-box;display:-ms-flexbox;display:flex}.examples_view_page .comment_view .dialog_list .chat::before{margin:0 4px;content:":"}.examples_view_page .comment_view .user_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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);-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;top:7px;right:7px;max-width:32px;height:32px;padding:7px;-webkit-transition:all .5s linear;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{-webkit-box-flex:0;-ms-flex:none;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 .code_view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:none;padding:0}@media screen and (max-width:639px){.examples_view_page .code_view{display:none}}.examples_view_page .code_view .pin_box{height:81px}.examples_view_page .code_view .pin_list{padding:16px 23px}.examples_view_page .code_view .pin_item{padding-right:8px}.examples_view_page .code_view .pin_item .btn_box{margin-left:24px}.examples_view_page .code_view .grid_list2{overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:calc(100vh - 352px);padding:23px}.examples_view_page .code_view .grid_list2 .grid_item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%;margin:0}@media screen and (max-width:1023px){.examples_view_page .code_view .grid_list2 .grid_item:only-child{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}}.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child,.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child~.grid_item{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:23px;margin-left:0}.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child{margin-top:0}.examples_view_page .code_view .dashboard{height:100%}.examples_view_page .code_view .dashboard_content{height:calc(100% - 41px);min-height:226px}.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;-webkit-box-sizing:border-box;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{-webkit-box-shadow:0 15px 14px 0 var(--gray-000);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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:1120px;margin:0 auto;padding:240px 40px;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:64px;padding-bottom:40px;border-bottom:2px solid var(--gray-600);color:var(--gray-800);-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;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);-webkit-box-flex:0;-ms-flex:none;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:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.product_page .db_content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.product_page .db_content .codeblock_content{width:66%;height:280px;padding-right:16px;-webkit-box-sizing:border-box;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{-ms-flex-preferred-size:100%;flex-basis:100%;margin-right:0}}.product_page .db_content .img_box{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:280px;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.product_page .product_card_list{display:block}}.product_page .product_card_list .product_card_item{-ms-flex-preferred-size:calc(100% - 8px);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{-ms-flex-preferred-size:100%;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 .house_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1007px;padding-top:32px}.product_page .house_content .img_box{overflow:hidden;border:1px solid var(--gray-400);border-radius:8px}.product_page .house_content .img_box img{width:100%}.product_page .house_content .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .house_content .img_box [fill="#807B78"]{fill:var(--gray-600)}.product_page .house_content .img_box [fill="#A6A19E"]{fill:var(--gray-500)}.product_page .house_content .img_box [fill="#E2DEDB"]{fill:var(--gray-200)}.product_page .house_content .img_box [stroke="#A6A19E"],.product_page .house_content .img_box [stroke="#C2BDBA"]{stroke:var(--gray-300);stroke-width:1}.product_page .house_content .img_pc{width:75%;padding-bottom:37px}.product_page .house_content .img_mobile{width:21%;padding:11px 0 16px}.product_page .package_group{position:relative}@media screen and (max-width:1023px){.product_page .package_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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{-webkit-box-ordinal-group:2;-ms-flex-order:1;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{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;display:-webkit-box;display:-ms-flexbox;display:flex;position:static;width:100%;margin:32px 0 0}}@media screen and (max-width:1023px){.product_page .package_group .sub_big_desc{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.product_page .package_group .img_box{margin-top:32px}@media screen and (max-width:1023px){.product_page .package_group .img_box{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}.product_page .package_group .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .package_group .img_box [fill="#855CF9"]{fill:var(--purple-dark)}.product_page .package_group .img_box [stroke="#332E2B"]{stroke:var(--gray-800)}.product_page .img_group{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.product_page .img_group{display:block}}.product_page .img_group .img_box{-ms-flex-preferred-size:calc(50% - 8px);flex-basis:calc(50% - 8px);margin:0 8px}@media screen and (max-width:1023px){.product_page .img_group .img_box{-ms-flex-preferred-size:100%;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}.product_page .conflict_free .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .conflict_free .img_box [fill=white]{fill:var(--gray-000)}.product_page .collaboration .img_box [stroke="#FEFDFB"]{stroke:var(--gray-000)}.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)}.darkmode .product_page .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .product_page .house_content .img_box [fill="#332E2B"]+[fill="#514C49"]{fill:var(--gray-100)}
\ No newline at end of file
+@charset "UTF-8";/*! 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{-webkit-box-sizing:content-box;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;-webkit-text-decoration:underline dotted;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{-webkit-box-sizing:border-box;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]{-webkit-box-sizing:border-box;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}template{display:none}[hidden]{display:none}.blind,legend{margin:-1px !important;padding:0 !important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);position:absolute}:root{--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:rgb(242 123 47 / 40%);--orange-alpha-0:rgb(252 133 57 / 32%);--orange-alpha-light:rgb(253 163 106 / 24%);--yellow-dark:#f5b103;--yellow-0:#fdc433;--yellow-light:#fed366;--yellow-alpha-dark:rgb(245 177 3 / 40%);--yellow-alpha-0:rgb(253 196 51 / 32%);--yellow-alpha-light:rgb(254 211 102 / 24%);--green-dark:#10b266;--green-0:#23c176;--green-light:#5ad198;--green-alpha-dark:rgb(16 178 102 / 40%);--green-alpha-0:rgb(35 193 118 / 32%);--green-alpha-light:rgb(90 209 152 / 24%);--blue-dark:#208aed;--blue-0:#3c9af1;--blue-light:#6db4f5;--blue-alpha-dark:rgb(26 133 232 / 40%);--blue-alpha-0:rgb(60 154 241 / 32%);--blue-alpha-light:rgb(109 180 245 / 24%);--red-dark:#e93d47;--red-0:#f44954;--red-light:#f7777e;--red-alpha-dark:rgb(233 61 71 / 40%);--red-alpha-0:rgb(244 73 84 / 32%);--red-alpha-light:rgb(247 119 126 / 24%);--purple-dark:#764af3;--purple-0:#855cf9;--purple-light:#a385fb;--purple-alpha-dark:rgb(118 74 243 / 40%);--purple-alpha-0:rgb(133 92 249 / 32%);--purple-alpha-light:rgb(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:rgb(253 163 106 / 24%);--orange-alpha-light:rgb(242 123 47 / 40%);--yellow-dark:#fed366;--yellow-light:#f5b103;--yellow-alpha-dark:rgb(254 211 102 / 24%);--yellow-alpha-light:rgb(245 177 3 / 40%);--green-dark:#5ad198;--green-light:#10b266;--green-alpha-dark:rgb(90 209 152 / 24%);--green-alpha-light:rgb(16 178 102 / 40%);--blue-dark:#6db4f5;--blue-light:#208aed;--blue-alpha-dark:rgb(109 180 245 / 24%);--blue-alpha-light:rgb(26 133 232 / 40%);--red-dark:#f7777e;--red-light:#e93d47;--red-alpha-dark:rgb(247 119 126 / 24%);--red-alpha-light:rgb(233 61 71 / 40%);--purple-dark:#a385fb;--purple-light:#764af3;--purple-alpha-dark:rgb(163 133 251 / 24%);--purple-alpha-light:rgb(118 74 243 / 40%)}@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}*{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}:not(input):not(textarea){-webkit-touch-callout:none}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;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;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:1px solid var(--orange-0)}legend{display:block;max-width:none}.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:-webkit-gradient(linear,left top,right top,from(#fe924d),to(#fdc433));background-image:linear-gradient(90deg,#fe924d 0,#fdc433 100%)}.gradient_90deg_orange{background-image:-webkit-gradient(linear,left top,right top,from(#f96767),to(#ff9754));background-image:linear-gradient(90deg,#f96767 0,#ff9754 100%)}.gradient_90deg_red{background-image:-webkit-gradient(linear,left top,right top,from(#fc94d8),to(#f44954));background-image:linear-gradient(90deg,#fc94d8 0,#f44954 100%)}.gradient_90deg_purple{background-image:-webkit-gradient(linear,left top,right top,from(#84b5ff),to(#855cf9));background-image:linear-gradient(90deg,#84b5ff 0,#855cf9 100%)}.gradient_90deg_blue{background-image:-webkit-gradient(linear,left top,right top,from(#8decec),to(#3c9af1));background-image:linear-gradient(90deg,#8decec 0,#3c9af1 100%)}.gradient_90deg_green{background-image:-webkit-gradient(linear,left top,right top,from(#d7e38b),to(#23c176));background-image:linear-gradient(90deg,#d7e38b 0,#23c176 100%)}.gradient_90deg_gray1{background-image:-webkit-gradient(linear,left top,right top,from(#212121),to(#616161));background-image:linear-gradient(90deg,#212121 0,#616161 100%)}.gradient_90deg_gray2{background-image:-webkit-gradient(linear,left top,right top,from(#616161),to(#9e9e9e));background-image:linear-gradient(90deg,#616161 0,#9e9e9e 100%)}.gradient_90deg_gray3{background-image:-webkit-gradient(linear,left top,right top,from(#9e9e9e),to(#e0e0e0));background-image:linear-gradient(90deg,#9e9e9e 0,#e0e0e0 100%)}.gradient_90deg_gray4{background-image:-webkit-gradient(linear,left top,right top,from(#e0e0e0),to(#f5f5f5));background-image:linear-gradient(90deg,#e0e0e0 0,#f5f5f5 100%)}.gradient_180deg_yellow{background-image:-webkit-gradient(linear,left top,left bottom,from(#fe924d),to(#fdc433));background-image:linear-gradient(180deg,#fe924d 0,#fdc433 100%)}.gradient_180deg_orange{background-image:-webkit-gradient(linear,left top,left bottom,from(#f96767),to(#ff9754));background-image:linear-gradient(180deg,#f96767 0,#ff9754 100%)}.gradient_180deg_red{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%)}.gradient_180deg_purple{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%)}.gradient_180deg_blue{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%)}.gradient_180deg_green{background-image:-webkit-gradient(linear,left top,left bottom,from(#d7e38b),to(#23c176));background-image:linear-gradient(180deg,#d7e38b 0,#23c176 100%)}.gradient_180deg_gray1{background-image:-webkit-gradient(linear,left top,left bottom,from(#212121),to(#616161));background-image:linear-gradient(180deg,#212121 0,#616161 100%)}.gradient_180deg_gray2{background-image:-webkit-gradient(linear,left top,left bottom,from(#616161),to(#9e9e9e));background-image:linear-gradient(180deg,#616161 0,#9e9e9e 100%)}.gradient_180deg_gray3{background-image:-webkit-gradient(linear,left top,left bottom,from(#9e9e9e),to(#e0e0e0));background-image:linear-gradient(180deg,#9e9e9e 0,#e0e0e0 100%)}.gradient_180deg_gray4{background-image:-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#f5f5f5));background-image:linear-gradient(180deg,#e0e0e0 0,#f5f5f5 100%)}.shadow_xs{-webkit-box-shadow:0 8px 4px -8px rgba(0,0,0,.2);box-shadow:0 8px 4px -8px rgba(0,0,0,.2)}.shadow_s{-webkit-box-shadow:0 8px 8px -8px rgba(0,0,0,.2);box-shadow:0 8px 8px -8px rgba(0,0,0,.2)}.shadow_m{-webkit-box-shadow:0 8px 16px -8px rgba(0,0,0,.2);box-shadow:0 8px 16px -8px rgba(0,0,0,.2)}.shadow_l{-webkit-box-shadow:0 20px 24px -12px rgba(0,0,0,.2);box-shadow:0 20px 24px -12px rgba(0,0,0,.2)}#__next,#root{height:100%}.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}@media screen and (orientation:landscape){.container{-webkit-box-sizing:border-box;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:0 0}.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;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .container{max-width:none;padding:0}}.community_page .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.community_page .content{position:relative;padding-right:32.789%;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-box-ordinal-group:3;-ms-flex-order:2;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{-webkit-box-ordinal-group:2;-ms-flex-order:1;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{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;text-align:center}}.community_page .content .btn_box{margin-top:32px}@media screen and (max-width:1023px){.community_page .content .btn_box{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;width:100%}}@media screen and (max-width:639px){.community_page .content .btn_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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{-ms-flex-preferred-size:50%;flex-basis:50%}}@media screen and (max-width:639px){.community_page .content .btn_box .btn{-ms-flex-preferred-size:auto;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;-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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 72px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .container{max-width:none;padding:0}}.error_page .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.error_page .content{position:relative;width:100%;max-width:990px;padding-left:32.405%;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;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}}@media screen and (max-width:1023px){.error_page .content.error_404{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;-webkit-box-ordinal-group:3;-ms-flex-order:2;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{-webkit-box-ordinal-group:2;-ms-flex-order:1;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{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;text-align:center}}.error_page .btn_box{margin-top:32px}@media screen and (max-width:1023px){.error_page .btn_box{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-ordinal-group:5;-ms-flex-order:4;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{-ms-flex-preferred-size:calc(50% - 12px);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{-ms-flex-preferred-size:100%;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:var(--gray-000)}@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;-webkit-box-sizing:border-box;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:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.btn_start.orange_0::after{background:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background:linear-gradient(180deg,#84b5ff 0,#855cf9 100%)}.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:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background:linear-gradient(180deg,#8decec 0,#3c9af1 100%)}.btn_start.orange_0 .bg::after{background:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background:linear-gradient(180deg,#fc94d8 0,#f44954 100%)}.btn_start.orange_0:hover{background-color:var(--orange-0);-webkit-animation:btn-bg 10s linear infinite 1.5s;animation:btn-bg 10s linear infinite 1.5s}.btn_start.orange_0:hover::before{-webkit-animation:gradient1 10s linear infinite;animation:gradient1 10s linear infinite}.btn_start.orange_0:hover::after{-webkit-animation:gradient2 10s linear infinite;animation:gradient2 10s linear infinite}.btn_start.orange_0:hover .bg::before{-webkit-animation:gradient3 10s linear infinite 5s;animation:gradient3 10s linear infinite 5s}.btn_start.orange_0:hover .bg::after{-webkit-animation:gradient4 10s linear infinite 5s;animation:gradient4 10s linear infinite 5s}.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1120px;margin:0 auto;padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.top_banner_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;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{-webkit-box-ordinal-group:3;-ms-flex-order:2;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:var(--gray-000)}.top_banner .title_group .btn_box .text{color:var(--gray-000)}@media screen and (max-width:1023px){.top_banner .img_box{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.top_banner .img_box svg{display:block;width:100%;height:100%}.codeblock_header{padding:6px 8px}.codeblock_header .box_left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width:1023px){.codeblock_header .box_left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.codeblock_header .btn_item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;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-600)}.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;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{-ms-flex-wrap:wrap;flex-wrap:wrap;position:-webkit-sticky;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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 .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;-webkit-box-sizing:border-box;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{display:block;width:100%;height:100%}.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;-webkit-box-sizing:border-box;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{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:7px;border-bottom:1px solid var(--gray-400)}.dashboard_content{position:relative;height:260px}.dashboard .btn_box{-webkit-box-align:end;-ms-flex-align:end;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:-webkit-box;display:-ms-flexbox;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 .key_visual{overflow:hidden;position:relative;width:100%;height:calc(100vh - 64px)}@media screen and (max-width:1023px) and (orientation:landscape){.main_page .key_visual{height:calc(100vh + 70px)}}.main_page .key_visual .kv_bg svg{--scale:1;position:absolute;top:0;left:50%;width:auto;height:100%;-webkit-transform:translateX(-50%) scale(var(--scale));transform:translateX(-50%) scale(var(--scale))}.main_page .key_visual .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1;height:100%}@media screen and (max-width:1023px){.main_page .key_visual .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:0 32px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media screen and (max-width:639px){.main_page .key_visual .inner{padding-left:16px;padding-right:16px}}.main_page .key_visual .title{font-size:9.6rem;line-height:1.17;font-weight:800;text-align:center}@media screen and (max-width:1023px){.main_page .key_visual .title{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .text{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#212121),to(#616161));background:linear-gradient(180deg,#212121 0,#616161 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main_page .key_visual .title .point{display:block;position:relative;height:113px;color:var(--orange-0)}@media screen and (max-width:1023px){.main_page .key_visual .title .point{height:auto}}.main_page .key_visual .title .point::after,.main_page .key_visual .title .point::before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;content:"collaboration";font-size:9.6rem;line-height:1.17;font-weight:800;opacity:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width:1023px){.main_page .key_visual .title .point::after,.main_page .key_visual .title .point::before{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title .point::after,.main_page .key_visual .title .point::before{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .point::before{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.main_page .key_visual .title .point::after{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%)}.main_page .key_visual .title .point .bg::after,.main_page .key_visual .title .point .bg::before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;font-size:9.6rem;line-height:1.17;font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;content:"collaboration"}@media screen and (max-width:1023px){.main_page .key_visual .title .point .bg::after,.main_page .key_visual .title .point .bg::before{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title .point .bg::after,.main_page .key_visual .title .point .bg::before{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .point .bg::before{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%)}.main_page .key_visual .title .point .bg::after{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%)}.main_page .key_visual .title .point.is_hover{-webkit-animation:point-text 10s linear infinite 1.5s;animation:point-text 10s linear infinite 1.5s}.main_page .key_visual .title .point.is_hover::before{-webkit-animation:gradient1 10s linear infinite;animation:gradient1 10s linear infinite}.main_page .key_visual .title .point.is_hover::after{-webkit-animation:gradient2 10s linear infinite;animation:gradient2 10s linear infinite}.main_page .key_visual .title .point.is_hover .bg::before{-webkit-animation:gradient3 10s linear infinite 5s;animation:gradient3 10s linear infinite 5s}.main_page .key_visual .title .point.is_hover .bg::after{-webkit-animation:gradient4 10s linear infinite 5s;animation:gradient4 10s linear infinite 5s}.main_page .key_visual .btn_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:40px}@media screen and (max-width:1023px){.main_page .key_visual .btn_box{margin-top:80px}}@media screen and (max-width:639px){.main_page .key_visual .btn_box{display:block;width:100%;margin-top:32px}}.main_page .key_visual .npm_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:52px;padding:10px 16px;border-radius:8px;background:var(--gray-800);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.main_page .key_visual .npm_box{padding:0 32px}}@media screen and (max-width:639px){.main_page .key_visual .npm_box{padding:0 16px}}.main_page .key_visual .npm_box .input{width:228px;border:0;background:0 0;color:var(--gray-000);font-size:1.4rem;line-height:1.72;font-weight:400;font-family:RobotoMono,Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace}.main_page .key_visual .npm_box .btn_area{position:relative}@media screen and (max-width:639px){.main_page .key_visual .npm_box .btn_area{margin-left:auto}}.main_page .key_visual .npm_box .btn_area .toast_box{left:65%}.main_page .key_visual .npm_box .btn{margin-left:24px;padding:10px 12px;border-color:var(--gray-400)}.main_page .key_visual .npm_box .btn:hover{background:var(--gray-900)}.main_page .key_visual .npm_box .btn .icon{width:12px;height:12px}.main_page .key_visual .btn_start{margin-left:24px}@media screen and (max-width:1023px){.main_page .key_visual .btn_start{margin-left:16px}}@media screen and (max-width:639px){.main_page .key_visual .btn_start{width:100%;margin-top:16px;margin-left:0}}.main_page .key_visual .btn_start:only-child{margin-left:0}@media screen and (max-width:639px){.main_page .key_visual .btn_start:only-child{margin-top:0}}.main_page .key_visual .desc{width:100%;margin-top:40px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800);text-align:center}@media screen and (max-width:1023px){.main_page .key_visual .desc{font-size:1.4rem;line-height:1.58}}@media screen and (max-width:639px){.main_page .key_visual .desc{margin-top:24px}}.main_page .section{max-width:1368px;margin:0 auto;padding:240px 40px 0;-webkit-box-sizing:border-box;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:160px 16px 0}}.main_page .section:last-child{padding-bottom:240px}@media screen and (max-width:639px){.main_page .section:last-child{padding-bottom:160px}}.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{margin-top:32px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:500;text-align:center}@media screen and (max-width:1023px){.main_page .section_desc{font-size:1.4rem;line-height:1.58}}.main_page .section_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:32px}.main_page .section_content.draw{padding:0 60px}@media screen and (max-width:1023px){.main_page .section_content.draw{padding:0}}.main_page .section_content .draw_box{width:640px;height:374px;border-radius:20px;background-color:pink}@media screen and (max-width:1023px){.main_page .section_content .draw_box{display:none}}.main_page .section_content .draw_box+.draw_box{margin-left:16px}.main_page .section .btn_box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:48px}@media screen and (max-width:1023px){.main_page .section .btn_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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{-webkit-transition:none;transition:none}.main_page .section .btn_box .btn.btn_start:hover{background:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background:linear-gradient(180deg,#ff9754 0,#f96767 100%)}.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 .section_app{max-width:1370px}@media screen and (max-width:1023px){.main_page .section_app{max-width:none}}.main_page .section_app .align_box{border:1px solid var(--gray-400);border-radius:23px}@media screen and (max-width:1023px){.main_page .section_app .align_box{border:0;border-radius:0}}.main_page .section_app .app_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 32px 19px;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:1023px){.main_page .section_app .app_header{display:none}}.main_page .section_app .app_header .tag_name{color:var(--gray-800);font-size:2rem;line-height:1.4;font-weight:600}.main_page .section_app .app_header .icon svg path{fill:#fff}.main_page .section_app .app_body{padding:83px 0 94px;position:relative}@media screen and (max-width:1023px){.main_page .section_app .app_body{padding:0}}.main_page .section_app .app_body::before{position:absolute;top:0;left:0;width:100%;height:100%;border-bottom-left-radius:23px;border-bottom-right-radius:23px;background-image:url(/assets/images/main_bg.png);background-repeat:repeat;content:""}@media screen and (max-width:1023px){.main_page .section_app .app_body::before{display:none}}.main_page .section_app .app_body .btn_box,.main_page .section_app .app_body .section_desc,.main_page .section_app .app_body .section_title{position:relative;z-index:1}.main_page .section_app .point{display:inline-block;position:relative;padding:0 8px;border:3px dashed var(--purple-0);border-radius:16px;line-height:53px}@media screen and (max-width:1023px){.main_page .section_app .point{padding:0;border:none;border-radius:0;line-height:normal}}.main_page .section_app .point::before{position:absolute;top:-4px;left:-35px;width:24px;height:24px;background-image:url(/assets/icons/icon_service_main_users_alone.svg);background-repeat:no-repeat;content:""}@media screen and (max-width:1023px){.main_page .section_app .point::before{display:none}}@media screen and (max-width:1023px){.main_page .section_app .btn{min-width:280px}}.main_page .service_card_list{margin-right:36px}@media screen and (max-width:1023px){.main_page .service_card_list{margin-right:0;padding:0 74px}}@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 .grid_list{display:none}@media screen and (max-width:1023px){.main_page .grid_list{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:1023px){.main_page .grid_item{margin-bottom:0}}@media screen and (max-width:1023px){.main_page .grid_item{margin-bottom:32px}}@media screen and (max-width:1023px){.main_page .grid_item:last-child{margin-bottom:0}}.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{width:854px;height:513px}@media screen and (max-width:1023px){.main_page .codeblock_content{display:none}}.main_page .codeblock_content .btn_item{height:40px;border-radius:4px;color:var(--gray-800)}.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(--gray-000)}.main_page .codeblock_content .codeblock{overflow-y:overlay;height:100%;border-radius:0 0 16px 16px;border-top:0}.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)}.main_page .codeblock_content .codeblock_header .box_right .btn_line .icon{-webkit-box-flex:0;-ms-flex:none;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 .key_visual .title .text{background:-webkit-gradient(linear,left top,left bottom,from(#fefdfb),to(#a6a19e));background:linear-gradient(180deg,#fefdfb 0,#a6a19e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.darkmode .main_page .kv_bg g[filter*=filter0]>rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter0] g rect:first-child{fill:var(--gray-100);stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter0] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter0] [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter2] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#F5F3F1"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#C2BDBA"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#EFECEB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#F5F3F1"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter3] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#E2DEDB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#EFECEB"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#F5F3F1"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#C2BDBA"],.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter4] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter4] [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter5] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter5] [fill="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter5] [fill="#F5F3F1"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter5] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter6] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#F5F3F1"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#FAF8F6"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#E2DEDB"]{fill:var(--gray-200)}.darkmode .main_page .kv_bg g[filter*=filter6] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#E2DEDB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter7] [stroke="#F5F3F1"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter8]>rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter8] g rect:first-child{fill:var(--gray-50);stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter8] [stroke="#EFECEB"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter8] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .section_app .app_body::before{background-image:url(/assets/images/main_bg_dark.png)}.darkmode .main_page .grid_thumbnail [fill="#FEFDFB"],.darkmode .main_page .grid_thumbnail [fill="url(#pattern1)"],.darkmode .main_page .grid_thumbnail [fill=white]{fill:var(--gray-000)}.darkmode .main_page .horizon_item .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}@-webkit-keyframes gradient1{0%{opacity:0}15%{opacity:1}100%{opacity:0}}@keyframes gradient1{0%{opacity:0}15%{opacity:1}100%{opacity:0}}@-webkit-keyframes gradient2{0%{opacity:0}15%{opacity:0}40%{opacity:1}100%{opacity:0}}@keyframes gradient2{0%{opacity:0}15%{opacity:0}40%{opacity:1}100%{opacity:0}}@-webkit-keyframes gradient3{0%{opacity:0}15%{opacity:1}65%{opacity:0}100%{opacity:0}}@keyframes gradient3{0%{opacity:0}15%{opacity:1}65%{opacity:0}100%{opacity:0}}@-webkit-keyframes gradient4{0%{opacity:0}15%{opacity:0}40%{opacity:1}65%{opacity:0}100%{opacity:0}}@keyframes gradient4{0%{opacity:0}15%{opacity:0}40%{opacity:1}65%{opacity:0}100%{opacity:0}}@-webkit-keyframes point-text{0%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}40%{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}50%{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}90%{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}100%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@keyframes point-text{0%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}40%{background-image:-webkit-gradient(linear,left top,left bottom,from(#84b5ff),to(#855cf9));background-image:linear-gradient(180deg,#84b5ff 0,#855cf9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}50%{background-image:-webkit-gradient(linear,left top,left bottom,from(#8decec),to(#3c9af1));background-image:linear-gradient(180deg,#8decec 0,#3c9af1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}90%{background-image:-webkit-gradient(linear,left top,left bottom,from(#fc94d8),to(#f44954));background-image:linear-gradient(180deg,#fc94d8 0,#f44954 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}100%{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff9754),to(#f96767));background-image:linear-gradient(180deg,#ff9754 0,#f96767 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;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);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1023px){.documentation_page .content .navigator{display:none}}.documentation_page .content .navigator_group:hover>.navigator_item{color:var(--orange-dark)}.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:-webkit-sticky;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(--orange-dark)}.documentation_page .content .navigator_menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.documentation_page .content .navigator_menu .icon{width:16px;height:16px}.documentation_page .section{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:88px 52px 164px}@media screen and (max-width:1244px){.documentation_page .section{padding:88px 40px 88px 52px;width:100%;-webkit-box-sizing:border-box;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;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:-webkit-sticky;position:sticky;top:152px;right:0;z-index:1;width:220px;border:1px solid var(--gray-400);border-radius:16px;-webkit-box-sizing:border-box;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-500);word-break:break-all}.documentation_page .pagination .toc-item.is_active{color:var(--orange-dark)}.documentation_page .pagination .toc-item .toc-item{padding-left:10px}.documentation_page .section_content_box{overflow-x:auto;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--gray-800);word-break:break-all}@media screen and (min-width:1600px){.documentation_page .section_content_box{padding-right:48px}}.documentation_page .section_content_box h2{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 h2{font-size:2.4rem;line-height:1.34;font-weight:600}}.documentation_page .section_content_box h3{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 h3{font-size:2rem;line-height:1.4;font-weight:600}}.documentation_page .section_content_box h4{margin:56px 0 16px;font-size:2rem;line-height:1.4;font-weight:600}.documentation_page .section_content_box h5{margin:56px 0 16px;font-size:1.8rem;line-height:1.56;font-weight:600}.documentation_page .section_content_box h6{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:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--orange-0);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 center;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:top}.documentation_page .section_content_box img+img{margin-top:16px}.documentation_page .section_content_box table{overflow:hidden;border:1px solid var(--gray-400);border-radius:4px;border-spacing:0;-webkit-box-sizing:border-box;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{min-width:143px;padding:4px 8px;border-right:1px solid var(--gray-400);border-bottom:1px solid var(--gray-400);-webkit-box-sizing:border-box;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}.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:-webkit-box;display:-ms-flexbox;display:flex;margin-top:24px;gap:16px}.documentation_page .section_content_box .img_wrap .img_box{-webkit-box-flex:1;-ms-flex:1;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{-webkit-box-pack:start;-ms-flex-pack:start;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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;margin:24px 0}@media screen and (max-width:1023px){.documentation_page .section_content_box .card_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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 .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:-webkit-inline-box;display:-ms-inline-flexbox;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(--orange-dark)}.documentation_page .section_content_box .docs_breadcrumbs_link:not(:first-of-type)::before{display:inline-block;margin:0 4px;content:"-"}.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}}@media screen and (max-width:1023px){.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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:1023px){.examples_page .content_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.examples_page .navigator{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:-webkit-sticky;position:sticky;top:120px;-webkit-box-sizing:border-box;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}}@media screen and (max-width:1023px){.examples_page .filter_list{border-bottom:none}}@media screen and (max-width:1023px){.examples_page .filter_desc{padding-left:0;padding-right:0}}@media screen and (max-width:1023px){.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}.examples_page .grid_thumbnail img{width:100%;height:auto;vertical-align:top;aspect-ratio:1200/750;-o-object-fit:cover;object-fit:cover}.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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.examples_view_page .container .link{text-decoration:underline}.examples_view_page .sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;width:512px;max-height:calc(100vh - 64px);padding:24px 17px 24px 24px;-webkit-box-sizing:border-box;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;-webkit-transition: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){-webkit-box-shadow:8px 0 24px rgba(0,0,0,.16);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{-webkit-transform:rotate(270deg);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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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{-webkit-transform:rotate(90deg);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;-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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;-webkit-box-shadow:0 15px 14px 0 #fff;box-shadow:0 15px 14px 0 #fff;-webkit-transform:rotate(180deg);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{-ms-flex-wrap:wrap;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{-ms-flex-preferred-size:271px;flex-basis:271px}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom .btn_share{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:8px;margin-left:0}}@media screen and (max-width:1023px){.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-400)}.examples_view_page .sidebar .video_box{display:none}@media screen and (max-width:639px){.examples_view_page .sidebar .video_box{background-color:pink;display:block;margin-top:24px}}.examples_view_page .sidebar .video_box video{display:block;width:100%}.examples_view_page .sidebar .folder_box{display:-webkit-box;display:-ms-flexbox;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;-ms-flex-preferred-size:30%;flex-basis:30%;min-width:150px;padding-top:10px;padding-bottom:10px;border-right:1px solid var(--gray-400);-webkit-box-sizing:border-box;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(--orange-dark)}.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{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.examples_view_page .sidebar .folder_box .btn_folder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:3px 14px;-webkit-box-sizing:border-box;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{margin-right:4px;width:16px}.examples_view_page .sidebar .folder_box .btn_folder .icon svg{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{-ms-flex-preferred-size:calc(100% - 22px);flex-basis:calc(100% - 22px);word-break:break-all;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;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:70%;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{-webkit-box-ordinal-group:2;-ms-flex-order:1;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{-webkit-transform:rotate(180deg);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;-webkit-box-flex:1;-ms-flex:1;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{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.show_view{overflow:hidden;max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.content_view{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.content_view .accordion_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;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;-webkit-box-sizing:border-box;box-sizing:border-box}}.examples_view_page .content.content_view .accordion_list .accordion_item{width:calc(50% - 8px);margin-top:0;-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:0}.examples_view_page .grid_view .user{margin-top:8px}.examples_view_page .grid_view .user_list{-ms-flex-wrap:wrap;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);-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .pin_box::before{position:absolute;top:0;right:48px;bottom:3px;z-index:1;width:25px;background:-webkit-gradient(linear,right top,left top,from(var(--gray-000)),to(transparent));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;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;line-height:normal;white-space:nowrap}.examples_view_page .pin_item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:100%;padding:8px 47px 8px 15px;border:1px solid var(--gray-400);-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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:-webkit-gradient(linear,right top,left top,from(var(--gray-000)),to(transparent));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;-webkit-box-sizing:border-box;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:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.examples_view_page .system_view .system_view_item:hover .btn_close{display:-webkit-box;display:-ms-flexbox;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);-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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);-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:calc(100% - 207px);padding:48px 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box}.examples_view_page .show_view_inner .dashboard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;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}}@media screen and (max-width:1023px){.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}}@media screen and (max-width:1023px){.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:-webkit-box;display:-ms-flexbox;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);-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--gray-000)}.examples_view_page .mini_map_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-transform:translateX(-50%);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:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}@media screen and (max-width:639px){.examples_view_page .menu_user_list{display:none}}.examples_view_page .comment_view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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;-webkit-box-flex:1;-ms-flex:1;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;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);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:none;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:-webkit-box;display:-ms-flexbox;display:flex}.examples_view_page .comment_view .dialog_list .chat::before{margin:0 4px;content:":"}.examples_view_page .comment_view .user_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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);-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;top:7px;right:7px;max-width:32px;height:32px;padding:7px;-webkit-transition:all .5s linear;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{-webkit-box-flex:0;-ms-flex:none;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 .code_view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:none;padding:0}@media screen and (max-width:639px){.examples_view_page .code_view{display:none}}.examples_view_page .code_view .pin_box{height:81px}.examples_view_page .code_view .pin_list{padding:16px 23px}.examples_view_page .code_view .pin_item{padding-right:8px}.examples_view_page .code_view .pin_item .btn_box{margin-left:24px}.examples_view_page .code_view .grid_list2{overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:calc(100vh - 352px);padding:23px}.examples_view_page .code_view .grid_list2 .grid_item:only-child{-ms-flex-preferred-size:100%;flex-basis:100%;margin:0}@media screen and (max-width:1023px){.examples_view_page .code_view .grid_list2 .grid_item:only-child{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}}.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child,.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child~.grid_item{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:23px;margin-left:0}.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child{margin-top:0}.examples_view_page .code_view .dashboard{height:100%}.examples_view_page .code_view .dashboard_content{height:calc(100% - 41px);min-height:226px}.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;-webkit-box-sizing:border-box;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{-webkit-box-shadow:0 15px 14px 0 var(--gray-000);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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:1120px;margin:0 auto;padding:240px 40px;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:64px;padding-bottom:40px;border-bottom:2px solid var(--gray-600);color:var(--gray-800);-webkit-box-sizing:border-box;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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;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);-webkit-box-flex:0;-ms-flex:none;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:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.product_page .db_content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.product_page .db_content .codeblock_content{width:66%;height:280px;padding-right:16px;-webkit-box-sizing:border-box;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{-ms-flex-preferred-size:100%;flex-basis:100%;margin-right:0}}.product_page .db_content .img_box{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:280px;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.product_page .product_card_list{display:block}}.product_page .product_card_list .product_card_item{-ms-flex-preferred-size:calc(100% - 8px);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{-ms-flex-preferred-size:100%;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 .house_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1007px;padding-top:32px}.product_page .house_content .img_box{overflow:hidden;border:1px solid var(--gray-400);border-radius:8px}.product_page .house_content .img_box img{width:100%}.product_page .house_content .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .house_content .img_box [fill="#807B78"]{fill:var(--gray-600)}.product_page .house_content .img_box [fill="#A6A19E"]{fill:var(--gray-500)}.product_page .house_content .img_box [fill="#E2DEDB"]{fill:var(--gray-200)}.product_page .house_content .img_box [stroke="#A6A19E"],.product_page .house_content .img_box [stroke="#C2BDBA"]{stroke:var(--gray-300);stroke-width:1}.product_page .house_content .img_pc{width:75%;padding-bottom:37px}.product_page .house_content .img_mobile{width:21%;padding:11px 0 16px}.product_page .package_group{position:relative}@media screen and (max-width:1023px){.product_page .package_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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{-webkit-box-ordinal-group:2;-ms-flex-order:1;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{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;display:-webkit-box;display:-ms-flexbox;display:flex;position:static;width:100%;margin:32px 0 0}}@media screen and (max-width:1023px){.product_page .package_group .sub_big_desc{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.product_page .package_group .img_box{margin-top:32px}@media screen and (max-width:1023px){.product_page .package_group .img_box{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}.product_page .package_group .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .package_group .img_box [fill="#855CF9"]{fill:var(--purple-dark)}.product_page .package_group .img_box [stroke="#332E2B"]{stroke:var(--gray-800)}.product_page .img_group{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:1023px){.product_page .img_group{display:block}}.product_page .img_group .img_box{-ms-flex-preferred-size:calc(50% - 8px);flex-basis:calc(50% - 8px);margin:0 8px}@media screen and (max-width:1023px){.product_page .img_group .img_box{-ms-flex-preferred-size:100%;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}.product_page .conflict_free .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .conflict_free .img_box [fill=white]{fill:var(--gray-000)}.product_page .collaboration .img_box [stroke="#FEFDFB"]{stroke:var(--gray-000)}.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)}.darkmode .product_page .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .product_page .house_content .img_box [fill="#332E2B"]+[fill="#514C49"]{fill:var(--gray-100)}
\ No newline at end of file