body :not(button,input,textarea,:disabled).page_primary__moTUl{color:var(--color-primary)!important}body :not(button,input,textarea,:disabled).page_primarya__z_Gut:hover{color:var(--color-primary-hover)!important}body :not(button,input,textarea,:disabled).page_primarya__z_Gut:active{color:var(--color-primary-pressed)!important}body :not(button,input,textarea,:disabled).page_primarya__z_Gut:focus{color:var(--color-primary-focus)!important}body :not(button,input,textarea,:disabled).page_primary-fill___nj0H{color:var(--color-primary);background-color:var(--color-primary-fill)!important}body .page_primary-bg__CijWW,body :not(button,input,textarea,:disabled).page_primary-reverse__BXZyu{color:var(--color-primary-reverse)!important}body .page_primary-bg__CijWW{background-color:var(--color-primary)!important}body .page_primary-border-fill__emTrn,body .page_primary-border__5pXoR:not(:disabled){border:1px solid var(--color-primary)!important}body .page_primary-border-fill__emTrn{color:var(--color-primary);background-color:var(--color-primary-fill)!important}body :not(button,input,textarea,:disabled).page_default__zSkb6{color:var(--color-default)!important}body :not(button,input,textarea,:disabled).page_defaulta__TUgEY:hover{color:var(--color-default-hover)!important}body :not(button,input,textarea,:disabled).page_defaulta__TUgEY:active{color:var(--color-default-pressed)!important}body :not(button,input,textarea,:disabled).page_defaulta__TUgEY:focus{color:var(--color-default-focus)!important}body :not(button,input,textarea,:disabled).page_default-fill__uxIcN{color:var(--color-default-reverse)!important;background-color:var(--color-default-fill)!important}body .page_default-bg__TQaod,body :not(button,input,textarea,:disabled).page_default-reverse__pb1Gw{color:var(--color-default-reverse)!important}body .page_default-bg__TQaod{background-color:var(--color-default)!important}body .page_default-border-fill__h6qY_,body .page_default-border__Ds2mQ:not(:disabled){border:1px solid var(--color-default)!important}body .page_default-border-fill__h6qY_{color:var(--color-default-reverse)!important;background-color:var(--color-default-fill)!important}body :not(button,input,textarea,:disabled).page_default-deep__ZJY0W{color:var(--color-default-deep)!important}body :not(button,input,textarea,:disabled).page_default-deepa__iZbyr:hover{color:var(--color-default-deep-hover)!important}body :not(button,input,textarea,:disabled).page_default-deepa__iZbyr:active{color:var(--color-default-deep-pressed)!important}body :not(button,input,textarea,:disabled).page_default-deepa__iZbyr:focus{color:var(--color-default-deep-focus)!important}body :not(button,input,textarea,:disabled).page_default-deep-fill__hv78r{color:var(--color-default-deep);background-color:var(--color-default-deep-fill)!important}body .page_default-deep-bg__3_zNb,body :not(button,input,textarea,:disabled).page_default-deep-reverse___mvq_{color:var(--color-default-deep-reverse)!important}body .page_default-deep-bg__3_zNb{background-color:var(--color-default-deep)!important}body .page_default-deep-border-fill__bS8JJ,body .page_default-deep-border__50fKz:not(:disabled){border:1px solid var(--color-default-deep)!important}body .page_default-deep-border-fill__bS8JJ{color:var(--color-default-deep);background-color:var(--color-default-deep-fill)!important}body :not(button,input,textarea,:disabled).page_info__GERYm{color:var(--color-info)!important}body :not(button,input,textarea,:disabled).page_infoa__Dv2V7:hover{color:var(--color-info-hover)!important}body :not(button,input,textarea,:disabled).page_infoa__Dv2V7:active{color:var(--color-info-pressed)!important}body :not(button,input,textarea,:disabled).page_infoa__Dv2V7:focus{color:var(--color-info-focus)!important}body :not(button,input,textarea,:disabled).page_info-fill__WHOuH{color:var(--color-info);background-color:var(--color-info-fill)!important}body .page_info-bg__tTcOG,body :not(button,input,textarea,:disabled).page_info-reverse__3v67m{color:var(--color-info-reverse)!important}body .page_info-bg__tTcOG{background-color:var(--color-info)!important}body .page_info-border-fill__VRQbo,body .page_info-border__lkusy:not(:disabled){border:1px solid var(--color-info)!important}body .page_info-border-fill__VRQbo{color:var(--color-info);background-color:var(--color-info-fill)!important}body :not(button,input,textarea,:disabled).page_link__mh__g{color:var(--color-link)!important}body :not(button,input,textarea,:disabled).page_linka__0iMnf:hover{color:var(--color-link-hover)!important}body :not(button,input,textarea,:disabled).page_linka__0iMnf:active{color:var(--color-link-pressed)!important}body :not(button,input,textarea,:disabled).page_linka__0iMnf:focus{color:var(--color-link-focus)!important}body :not(button,input,textarea,:disabled).page_link-fill__D_vRV{color:var(--color-link);background-color:var(--color-link-fill)!important}body .page_link-bg__n0FzR,body :not(button,input,textarea,:disabled).page_link-reverse__Jn7lT{color:var(--color-link-reverse)!important}body .page_link-bg__n0FzR{background-color:var(--color-link)!important}body .page_link-border-fill__9aQ4k,body .page_link-border__uvGZo:not(:disabled){border:1px solid var(--color-link)!important}body .page_link-border-fill__9aQ4k{color:var(--color-link);background-color:var(--color-link-fill)!important}body :not(button,input,textarea,:disabled).page_success__ZTjzT{color:var(--color-success)!important}body :not(button,input,textarea,:disabled).page_successa__WvAXh:hover{color:var(--color-success-hover)!important}body :not(button,input,textarea,:disabled).page_successa__WvAXh:active{color:var(--color-success-pressed)!important}body :not(button,input,textarea,:disabled).page_successa__WvAXh:focus{color:var(--color-success-focus)!important}body :not(button,input,textarea,:disabled).page_success-fill__60n_O{color:var(--color-success);background-color:var(--color-success-fill)!important}body .page_success-bg__AQwg8,body :not(button,input,textarea,:disabled).page_success-reverse__CsVK7{color:var(--color-success-reverse)!important}body .page_success-bg__AQwg8{background-color:var(--color-success)!important}body .page_success-border-fill__ANzT3,body .page_success-border__rqtmX:not(:disabled){border:1px solid var(--color-success)!important}body .page_success-border-fill__ANzT3{color:var(--color-success);background-color:var(--color-success-fill)!important}body :not(button,input,textarea,:disabled).page_warning__G_5td{color:var(--color-warning)!important}body :not(button,input,textarea,:disabled).page_warninga__VbxBF:hover{color:var(--color-warning-hover)!important}body :not(button,input,textarea,:disabled).page_warninga__VbxBF:active{color:var(--color-warning-pressed)!important}body :not(button,input,textarea,:disabled).page_warninga__VbxBF:focus{color:var(--color-warning-focus)!important}body :not(button,input,textarea,:disabled).page_warning-fill__dcScQ{color:var(--color-warning);background-color:var(--color-warning-fill)!important}body .page_warning-bg__OviJ0,body :not(button,input,textarea,:disabled).page_warning-reverse__DEDAy{color:var(--color-warning-reverse)!important}body .page_warning-bg__OviJ0{background-color:var(--color-warning)!important}body .page_warning-border-fill__g1KuH,body .page_warning-border__eLXId:not(:disabled){border:1px solid var(--color-warning)!important}body .page_warning-border-fill__g1KuH{color:var(--color-warning);background-color:var(--color-warning-fill)!important}body :not(button,input,textarea,:disabled).page_danger__yVeLz{color:var(--color-danger)!important}body :not(button,input,textarea,:disabled).page_dangera__Eh5B8:hover{color:var(--color-danger-hover)!important}body :not(button,input,textarea,:disabled).page_dangera__Eh5B8:active{color:var(--color-danger-pressed)!important}body :not(button,input,textarea,:disabled).page_dangera__Eh5B8:focus{color:var(--color-danger-focus)!important}body :not(button,input,textarea,:disabled).page_danger-fill__HOpuB{color:var(--color-danger);background-color:var(--color-danger-fill)!important}body .page_danger-bg__tdaYj,body :not(button,input,textarea,:disabled).page_danger-reverse__z2kvS{color:var(--color-danger-reverse)!important}body .page_danger-bg__tdaYj{background-color:var(--color-danger)!important}body .page_danger-border-fill__UGKjF,body .page_danger-border__ziPtx:not(:disabled){border:1px solid var(--color-danger)!important}body .page_danger-border-fill__UGKjF{color:var(--color-danger);background-color:var(--color-danger-fill)!important}.page_p-0__4Va8q{padding:0}.page_p-t-0__REvl1{padding-top:0}.page_p-r-0__pUp2q{padding-right:0}.page_p-b-0__UTt7k{padding-bottom:0}.page_p-l-0__r_jUc{padding-left:0}.page_m-0___bp4h{margin:0}.page_m-t-0__jdWlF{margin-top:0}.page_m-r-0__6Qgw6{margin-right:0}.page_m-b-0__NtAPu{margin-bottom:0}.page_m-l-0__hZ8u8{margin-left:0}.page_p-1__lfWbO{padding:2px}.page_p-t-1__MlvXG{padding-top:2px}.page_p-r-1__LNnUq{padding-right:2px}.page_p-b-1__1G_8A{padding-bottom:2px}.page_p-l-1__svhqd{padding-left:2px}.page_m-1__QEl7d{margin:2px}.page_m-t-1__BkVx3{margin-top:2px}.page_m-r-1__34cjl{margin-right:2px}.page_m-b-1__4BZQ0{margin-bottom:2px}.page_m-l-1__F2_Co{margin-left:2px}.page_p-2__TyI_h{padding:4px}.page_p-t-2__jIisF{padding-top:4px}.page_p-r-2__NIega{padding-right:4px}.page_p-b-2__90ReM{padding-bottom:4px}.page_p-l-2__JoRyS{padding-left:4px}.page_m-2__t3OOF{margin:4px}.page_m-t-2__SHe_G{margin-top:4px}.page_m-r-2__1O_vr{margin-right:4px}.page_m-b-2__O_Ayc{margin-bottom:4px}.page_m-l-2__wPQwh{margin-left:4px}.page_p-3__B1Fea{padding:8px}.page_p-t-3__Hlgvu{padding-top:8px}.page_p-r-3__Z_Rjt{padding-right:8px}.page_p-b-3__2RT1y{padding-bottom:8px}.page_p-l-3__lsLup{padding-left:8px}.page_m-3__5Fen1{margin:8px}.page_m-t-3__a6MYc{margin-top:8px}.page_m-r-3__OshjB{margin-right:8px}.page_m-b-3__KSoA7{margin-bottom:8px}.page_m-l-3__homxF{margin-left:8px}.page_p-4__jNcWk{padding:12px}.page_p-t-4__hWsqc{padding-top:12px}.page_p-r-4__BeqSi{padding-right:12px}.page_p-b-4__ZVNme{padding-bottom:12px}.page_p-l-4__CMvk6{padding-left:12px}.page_m-4__Decgq{margin:12px}.page_m-t-4__qHySM{margin-top:12px}.page_m-r-4__vDuaS{margin-right:12px}.page_m-b-4__YlrdJ{margin-bottom:12px}.page_m-l-4__TB7AL{margin-left:12px}.page_p-5__Ocmki{padding:16px}.page_p-t-5__ScdMU{padding-top:16px}.page_p-r-5__ZJUXe{padding-right:16px}.page_p-b-5__Kvfde{padding-bottom:16px}.page_p-l-5__MafA9{padding-left:16px}.page_m-5__cicAZ{margin:16px}.page_m-t-5__dgZVg{margin-top:16px}.page_m-r-5__pGsQ3{margin-right:16px}.page_m-b-5__XqTWd{margin-bottom:16px}.page_m-l-5__WWG7Y{margin-left:16px}.page_p-6__ZFLIo{padding:24px}.page_p-t-6___O_Wb{padding-top:24px}.page_p-r-6__NWQ9v{padding-right:24px}.page_p-b-6__6A67J{padding-bottom:24px}.page_p-l-6__7AZyZ{padding-left:24px}.page_m-6__Nur07{margin:24px}.page_m-t-6__INSIP{margin-top:24px}.page_m-r-6__KLpgZ{margin-right:24px}.page_m-b-6__z2jSs{margin-bottom:24px}.page_m-l-6__ZVyGO{margin-left:24px}.page_p-7__2Nyad{padding:32px}.page_p-t-7__DEZp3{padding-top:32px}.page_p-r-7__Z74Q2{padding-right:32px}.page_p-b-7__eK0hk{padding-bottom:32px}.page_p-l-7__E_PGY{padding-left:32px}.page_m-7__8EGHl{margin:32px}.page_m-t-7__34JR0{margin-top:32px}.page_m-r-7__79tTn{margin-right:32px}.page_m-b-7__POYtK{margin-bottom:32px}.page_m-l-7__TaqQn{margin-left:32px}.page_p-8__1Lgoq{padding:40px}.page_p-t-8__MvhXD{padding-top:40px}.page_p-r-8__LvFfx{padding-right:40px}.page_p-b-8__wJgr6{padding-bottom:40px}.page_p-l-8__POgDQ{padding-left:40px}.page_m-8__awI20{margin:40px}.page_m-t-8__FV2_b{margin-top:40px}.page_m-r-8__slGpE{margin-right:40px}.page_m-b-8__C4H_3{margin-bottom:40px}.page_m-l-8__KNEzi{margin-left:40px}.page_p-9__kXiPT{padding:48px}.page_p-t-9__FDpfH{padding-top:48px}.page_p-r-9__8RMp4{padding-right:48px}.page_p-b-9__4Hs_u{padding-bottom:48px}.page_p-l-9__zElKf{padding-left:48px}.page_m-9___GxMR{margin:48px}.page_m-t-9__YSnor{margin-top:48px}.page_m-r-9__Db0y3{margin-right:48px}.page_m-b-9__BlfSb{margin-bottom:48px}.page_m-l-9__UnhzQ{margin-left:48px}.page_p-10__UqCGY{padding:64px}.page_p-t-10__H_7ei{padding-top:64px}.page_p-r-10__p4I1b{padding-right:64px}.page_p-b-10__BT0jD{padding-bottom:64px}.page_p-l-10__2JfeG{padding-left:64px}.page_m-10__3AZIj{margin:64px}.page_m-t-10___jky8{margin-top:64px}.page_m-r-10__EMSPa{margin-right:64px}.page_m-b-10__qhKcx{margin-bottom:64px}.page_m-l-10__Y05xt{margin-left:64px}.page_p-11__9qxJj{padding:80px}.page_p-t-11__ypnJK{padding-top:80px}.page_p-r-11___8Kv_{padding-right:80px}.page_p-b-11__r4Ber{padding-bottom:80px}.page_p-l-11__2gUZi{padding-left:80px}.page_m-11__ZwcIl{margin:80px}.page_m-t-11__GEs93{margin-top:80px}.page_m-r-11__SSxnU{margin-right:80px}.page_m-b-11__XJn9P{margin-bottom:80px}.page_m-l-11__2P_XY{margin-left:80px}.page_p-12__N8hnI{padding:96px}.page_p-t-12__2DyiD{padding-top:96px}.page_p-r-12__9D5ns{padding-right:96px}.page_p-b-12__u8WJW{padding-bottom:96px}.page_p-l-12__RWhqU{padding-left:96px}.page_m-12__G41U5{margin:96px}.page_m-t-12__uD_mE{margin-top:96px}.page_m-r-12__t8P70{margin-right:96px}.page_m-b-12__1j9Ml{margin-bottom:96px}.page_m-l-12__YyHJy{margin-left:96px}.page_p-13__6FeZ3{padding:160px}.page_p-t-13__6JNi5{padding-top:160px}.page_p-r-13__xOmRD{padding-right:160px}.page_p-b-13__QbEAR{padding-bottom:160px}.page_p-l-13__ICHdA{padding-left:160px}.page_m-13___x9qa{margin:160px}.page_m-t-13__SMYL5{margin-top:160px}.page_m-r-13___mEv6{margin-right:160px}.page_m-b-13__XUlUC{margin-bottom:160px}.page_m-l-13__NMDmw{margin-left:160px}.page_r-0__NoYIk{border-radius:0}.page_r-1__RTd8X{border-radius:2px}.page_r-2__YM9cO{border-radius:4px}.page_r-3__wpL0y{border-radius:6px}.page_r-4__N6KzS{border-radius:8px}.page_r-5__vsFRW{border-radius:12px}.page_r-6__RvIK1{border-radius:20px}.page_r-full__rNX7d{border-radius:9999px}.page_border-0__27lYk{border:0 solid}.page_border-1__sXb3N{border:1px solid}.page_border-2__rAOoA{border:2px solid}.page_border-3__Z9uRB{border:3px solid}.page_border-4__xIhRn{border:4px solid}.page_shadow-1__7jkX5{box-shadow:0 6px 18px -3px rgba(50,50,50,.06)}.page_shadow-2__Cjwvn{box-shadow:0 8px 23px -3px rgba(50,50,50,.1)}.page_shadow-3__atsRF{box-shadow:0 9px 30px -3px rgba(50,50,50,.12)}.page_shadow-4__DWDnu{box-shadow:0 9.995px 46px -3px rgba(50,50,50,.12)}.page_shadow-5__E7X8_{box-shadow:0 13px 63px -3px rgba(50,50,50,.14)}.page_bg-elevation__oDD3J{background-color:var(--color-bg-elevation)}.page_bg-elevation-1__OE4uB{background-color:var(--color-bg-elevation-1)}.page_bg-elevation-2__fV1sg{background-color:var(--color-bg-elevation-2);box-shadow:0 6px 18px -3px rgba(50,50,50,.06)}.page_bg-elevation-3__NwV6Y{background-color:var(--color-bg-elevation-3);box-shadow:0 8px 23px -3px rgba(50,50,50,.1)}@media(prefers-color-scheme:dark){:root:not([data-color-mode=light]) .page_bg-elevation-2__fV1sg,:root:not([data-color-mode=light]) .page_bg-elevation-3__NwV6Y{box-shadow:none}}html[data-color-mode=dark] .page_bg-elevation-2__fV1sg,html[data-color-mode=dark] .page_bg-elevation-3__NwV6Y{box-shadow:none}.page_hide__sMTjs{display:none!important}@media screen and (min-width:1280px){.page_hide-pc__Ot8PL{display:none!important}}@media screen and (min-width:768px)and (max-width:calc(1280px - 1px)){.page_hide-tb__WMrVg{display:none!important}}@media screen and (max-width:calc(768px - 1px)){.page_hide-mo__8Toud{display:none!important}}@font-face{font-family:Pretendard;font-weight:900;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff) format("woff");font-display:swap}@font-face{font-family:Pretendard;font-weight:800;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff) format("woff");font-display:swap}@font-face{font-family:Pretendard;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format("woff");font-display:swap}@font-face{font-family:Pretendard;font-weight:600;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff) format("woff");font-display:swap}@font-face{font-family:Pretendard;font-weight:500;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff) format("woff");font-display:swap}@font-face{font-family:Pretendard;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-display:swap}@font-face{font-family:Pretendard;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff) format("woff");font-display:swap}@font-face{font-family:Pretendard;font-weight:200;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff) format("woff");font-display:swap}@font-face{font-family:Pretendard;font-weight:100;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff) format("woff");font-display:swap}.page_section__ZoTPG{margin-bottom:64px}@media(max-width:1024px){.page_section__ZoTPG{margin-bottom:40px}}@media(max-width:768px){.page_section__ZoTPG{margin-bottom:24px}}.page_section__ZoTPG h1{font-size:36px;line-height:1.2;font-weight:600;margin:0 0 16px;color:var(--color-default-deep-base)}.page_section__ZoTPG h1:not(button){color:var(--color-text-header)}@media screen and (max-width:calc(768px - 1px)){.page_section__ZoTPG h1{font-size:20px}}@media(max-width:1024px){.page_section__ZoTPG h1{font-size:24px}}@media(max-width:768px){.page_section__ZoTPG h1{font-size:20px;margin:0 0 12px}}.page_section__ZoTPG h2{font-size:24px;line-height:1.4;font-weight:400;font-weight:600;margin:32px 0 12px;color:var(--color-default-deep-base)}.page_section__ZoTPG h2:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_section__ZoTPG h2{font-size:20px}}@media(max-width:1024px){.page_section__ZoTPG h2{margin:24px 0 8px}}@media(max-width:768px){.page_section__ZoTPG h2{font-size:16px;margin:16px 0 8px}}.page_section__ZoTPG h3{font-size:20px;line-height:1.6;font-weight:400;font-weight:600;margin:16px 0 8px;color:var(--color-default-deep-base)}.page_section__ZoTPG h3:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_section__ZoTPG h3{font-size:16px}}@media(max-width:768px){.page_section__ZoTPG h3{font-size:14px;margin:12px 0 4px}}.page_codeBlock__uLKOC{max-width:100%;background:var(--color-bg-modal);border:1px solid var(--color-default-outline);border-radius:6px;overflow:hidden;margin-bottom:12px}.page_codeBlock__uLKOC .page_codeHeader__Z7xMI{padding:8px 16px;background:var(--color-bg-elevation-1);border-bottom:1px solid var(--color-default-outline);font-size:14px;line-height:1.6;font-weight:400;font-weight:600;color:var(--color-default-deep);word-break:break-word}.page_codeBlock__uLKOC .page_codeHeader__Z7xMI:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_codeBlock__uLKOC .page_codeHeader__Z7xMI{font-size:12px}}.page_codeBlock__uLKOC pre{margin:0;padding:16px;overflow-x:auto;background:var(--color-bg-elevation)}.page_codeBlock__uLKOC pre code{font-size:16px;line-height:1.6;font-weight:400;color:var(--color-default-deep);white-space:pre;display:block;max-width:100%}.page_codeBlock__uLKOC pre code:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_codeBlock__uLKOC pre code{font-size:14px}}@media(max-width:768px){.page_codeBlock__uLKOC pre code{white-space:pre-wrap;word-break:break-all}}.page_note__kHCzI{display:flex;gap:12px;padding:16px;border-radius:8px;margin-bottom:16px;max-width:100%;background:var(--color-info-fill);border:1px solid var(--color-info-outline);color:var(--color-info-base)}@media(max-width:768px){.page_note__kHCzI{gap:8px;padding:12px;border-radius:4px;margin-bottom:12px}}.page_note__kHCzI>i{font-size:20px;flex-shrink:0}@media(max-width:768px){.page_note__kHCzI>i{font-size:18px}}.page_note__kHCzI>div{flex:1 1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:768px){.page_note__kHCzI>div{font-size:13px}}.page_note__kHCzI strong{display:block;margin-bottom:4px;word-wrap:break-word}@media(max-width:768px){.page_note__kHCzI strong{font-size:14px}}.page_note__kHCzI>i{color:var(--color-info-base)}.page_colorGrid__OVlnp{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.page_colorCard__bVxNX{border:1px solid var(--color-default-outline);border-radius:8px;overflow:hidden;transition:all .3s}.page_colorCard__bVxNX:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.1)}.page_colorPreview__Fg1yo{height:120px}.page_colorPreview__Fg1yo[data-color=primary]{background:var(--color-primary)}.page_colorPreview__Fg1yo[data-color=default]{background:var(--color-default)}.page_colorPreview__Fg1yo[data-color=default-deep]{background:var(--color-default-deep)}.page_colorPreview__Fg1yo[data-color=info]{background:var(--color-info)}.page_colorPreview__Fg1yo[data-color=link]{background:var(--color-link)}.page_colorPreview__Fg1yo[data-color=success]{background:var(--color-success)}.page_colorPreview__Fg1yo[data-color=warning]{background:var(--color-warning)}.page_colorPreview__Fg1yo[data-color=danger]{background:var(--color-danger)}.page_colorInfo__k7ZQ4{padding:16px}.page_colorInfo__k7ZQ4 h3{font-size:20px;line-height:1.6;font-weight:400;font-weight:600;margin:0 0 4px;color:var(--color-default-deep)}.page_colorInfo__k7ZQ4 h3:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_colorInfo__k7ZQ4 h3{font-size:16px}}.page_colorName__IGLod{font-size:14px;line-height:1.6;font-weight:400;color:var(--color-default);margin:0 0 4px}.page_colorName__IGLod:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_colorName__IGLod{font-size:12px}}.page_colorDesc__3RRfU{font-size:14px;line-height:1.6;font-weight:400;color:var(--color-default);margin:0}.page_colorDesc__3RRfU:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_colorDesc__3RRfU{font-size:12px}}.page_variantsGrid__DjhLq{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.page_variantCard__Sg2l8{border:1px solid var(--color-default-outline);border-radius:6px;overflow:hidden;transition:all .3s}.page_variantCard__Sg2l8:hover{border-color:var(--color-primary)}.page_variantSwatch__uamHk{height:80px}.page_variantSwatch__uamHk[data-variant=base]{background:var(--color-primary)}.page_variantSwatch__uamHk[data-variant=hover]{background:var(--color-primary-hover)}.page_variantSwatch__uamHk[data-variant=pressed]{background:var(--color-primary-pressed)}.page_variantSwatch__uamHk[data-variant=focus]{background:var(--color-primary-focus)}.page_variantSwatch__uamHk[data-variant=fill]{background:var(--color-primary-fill);border:1px solid var(--color-primary-outline)}.page_variantSwatch__uamHk[data-variant=reverse]{background:var(--color-primary-reverse);border:1px solid var(--color-default-outline)}.page_variantSwatch__uamHk[data-variant=outline]{background:var(--color-primary-outline)}.page_variantInfo__k7a_g{padding:12px}.page_variantInfo__k7a_g h3{font-size:16px;line-height:1.6;font-weight:600;margin:0 0 2px;color:var(--color-default-deep)}.page_variantInfo__k7a_g h3:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_variantInfo__k7a_g h3{font-size:14px}}.page_variantInfo__k7a_g p{font-size:12px;line-height:1.6;font-weight:400;margin:0 0 4px;color:var(--color-default)}.page_variantInfo__k7a_g p:not(button){color:var(--color-text-body)}@media(max-width:768px){.page_variantInfo__k7a_g p{font-size:14px;margin:0 0 12px}}.page_variantInfo__k7a_g code{font-size:12px;line-height:1.6;font-weight:400;color:var(--color-primary);background:var(--color-primary-fill);padding:2px 6px;border-radius:2px}.page_variantInfo__k7a_g code:not(button){color:var(--color-text-body)}.page_demo__OA2Jk{margin-top:16px;padding:16px;background:var(--color-bg-reverse-wb);border:1px solid var(--color-default-outline);border-radius:8px}.page_demoTitle__xjtwz{font-size:16px;line-height:1.6;font-weight:600;margin-bottom:12px;color:var(--color-default-deep)}.page_demoTitle__xjtwz:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_demoTitle__xjtwz{font-size:14px}}.page_demoGrid__jPWuV{display:flex;flex-wrap:wrap;gap:12px}.page_demoGrid__jPWuV>div{font-size:16px;line-height:1.6;font-weight:600;padding:8px 16px;border-radius:4px}.page_demoGrid__jPWuV>div:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_demoGrid__jPWuV>div{font-size:14px}}.page_swatchSection__UxS3p{margin-bottom:40px}.page_swatchSection__UxS3p h3{font-size:20px;line-height:1.6;font-weight:400;font-weight:600;margin:0 0 16px;color:var(--color-default-deep)}.page_swatchSection__UxS3p h3:not(button){color:var(--color-text-body)}@media screen and (max-width:calc(768px - 1px)){.page_swatchSection__UxS3p h3{font-size:16px}}.page_swatchGrid__DpcLJ{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px}.page_swatchItem__uHyLX{border:1px solid var(--color-default-outline);border-radius:6px;overflow:hidden;transition:all .3s}.page_swatchItem__uHyLX:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.page_swatchColor__nkjgw{height:60px}.page_swatchColor__nkjgw[data-color=primary][data-variant=base]{background:var(--color-primary)}.page_swatchColor__nkjgw[data-color=primary][data-variant=hover]{background:var(--color-primary-hover)}.page_swatchColor__nkjgw[data-color=primary][data-variant=pressed]{background:var(--color-primary-pressed)}.page_swatchColor__nkjgw[data-color=primary][data-variant=focus]{background:var(--color-primary-focus)}.page_swatchColor__nkjgw[data-color=primary][data-variant=fill]{background:var(--color-primary-fill);border:1px solid var(--color-primary-outline)}.page_swatchColor__nkjgw[data-color=primary][data-variant=reverse]{background:var(--color-primary-reverse);border:1px solid var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=primary][data-variant=outline]{background:var(--color-primary-outline)}.page_swatchColor__nkjgw[data-color=default][data-variant=base]{background:var(--color-default)}.page_swatchColor__nkjgw[data-color=default][data-variant=hover]{background:var(--color-default-hover)}.page_swatchColor__nkjgw[data-color=default][data-variant=pressed]{background:var(--color-default-pressed)}.page_swatchColor__nkjgw[data-color=default][data-variant=focus]{background:var(--color-default-focus)}.page_swatchColor__nkjgw[data-color=default][data-variant=fill]{background:var(--color-default-fill);border:1px solid var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=default][data-variant=reverse]{background:var(--color-default-reverse);border:1px solid var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=default][data-variant=outline]{background:var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=default-deep][data-variant=base]{background:var(--color-default-deep)}.page_swatchColor__nkjgw[data-color=default-deep][data-variant=hover]{background:var(--color-default-deep-hover)}.page_swatchColor__nkjgw[data-color=default-deep][data-variant=pressed]{background:var(--color-default-deep-pressed)}.page_swatchColor__nkjgw[data-color=default-deep][data-variant=focus]{background:var(--color-default-deep-focus)}.page_swatchColor__nkjgw[data-color=default-deep][data-variant=fill]{background:var(--color-default-deep-fill);border:1px solid var(--color-default-deep-outline)}.page_swatchColor__nkjgw[data-color=default-deep][data-variant=reverse]{background:var(--color-default-deep-reverse);border:1px solid var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=default-deep][data-variant=outline]{background:var(--color-default-deep-outline)}.page_swatchColor__nkjgw[data-color=info][data-variant=base]{background:var(--color-info)}.page_swatchColor__nkjgw[data-color=info][data-variant=hover]{background:var(--color-info-hover)}.page_swatchColor__nkjgw[data-color=info][data-variant=pressed]{background:var(--color-info-pressed)}.page_swatchColor__nkjgw[data-color=info][data-variant=focus]{background:var(--color-info-focus)}.page_swatchColor__nkjgw[data-color=info][data-variant=fill]{background:var(--color-info-fill);border:1px solid var(--color-info-outline)}.page_swatchColor__nkjgw[data-color=info][data-variant=reverse]{background:var(--color-info-reverse);border:1px solid var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=info][data-variant=outline]{background:var(--color-info-outline)}.page_swatchColor__nkjgw[data-color=link][data-variant=base]{background:var(--color-link)}.page_swatchColor__nkjgw[data-color=link][data-variant=hover]{background:var(--color-link-hover)}.page_swatchColor__nkjgw[data-color=link][data-variant=pressed]{background:var(--color-link-pressed)}.page_swatchColor__nkjgw[data-color=link][data-variant=focus]{background:var(--color-link-focus)}.page_swatchColor__nkjgw[data-color=link][data-variant=fill]{background:var(--color-link-fill);border:1px solid var(--color-link-outline)}.page_swatchColor__nkjgw[data-color=link][data-variant=reverse]{background:var(--color-link-reverse);border:1px solid var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=link][data-variant=outline]{background:var(--color-link-outline)}.page_swatchColor__nkjgw[data-color=success][data-variant=base]{background:var(--color-success)}.page_swatchColor__nkjgw[data-color=success][data-variant=hover]{background:var(--color-success-hover)}.page_swatchColor__nkjgw[data-color=success][data-variant=pressed]{background:var(--color-success-pressed)}.page_swatchColor__nkjgw[data-color=success][data-variant=focus]{background:var(--color-success-focus)}.page_swatchColor__nkjgw[data-color=success][data-variant=fill]{background:var(--color-success-fill);border:1px solid var(--color-success-outline)}.page_swatchColor__nkjgw[data-color=success][data-variant=reverse]{background:var(--color-success-reverse);border:1px solid var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=success][data-variant=outline]{background:var(--color-success-outline)}.page_swatchColor__nkjgw[data-color=warning][data-variant=base]{background:var(--color-warning)}.page_swatchColor__nkjgw[data-color=warning][data-variant=hover]{background:var(--color-warning-hover)}.page_swatchColor__nkjgw[data-color=warning][data-variant=pressed]{background:var(--color-warning-pressed)}.page_swatchColor__nkjgw[data-color=warning][data-variant=focus]{background:var(--color-warning-focus)}.page_swatchColor__nkjgw[data-color=warning][data-variant=fill]{background:var(--color-warning-fill);border:1px solid var(--color-warning-outline)}.page_swatchColor__nkjgw[data-color=warning][data-variant=reverse]{background:var(--color-warning-reverse);border:1px solid var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=warning][data-variant=outline]{background:var(--color-warning-outline)}.page_swatchColor__nkjgw[data-color=danger][data-variant=base]{background:var(--color-danger)}.page_swatchColor__nkjgw[data-color=danger][data-variant=hover]{background:var(--color-danger-hover)}.page_swatchColor__nkjgw[data-color=danger][data-variant=pressed]{background:var(--color-danger-pressed)}.page_swatchColor__nkjgw[data-color=danger][data-variant=focus]{background:var(--color-danger-focus)}.page_swatchColor__nkjgw[data-color=danger][data-variant=fill]{background:var(--color-danger-fill);border:1px solid var(--color-danger-outline)}.page_swatchColor__nkjgw[data-color=danger][data-variant=reverse]{background:var(--color-danger-reverse);border:1px solid var(--color-default-outline)}.page_swatchColor__nkjgw[data-color=danger][data-variant=outline]{background:var(--color-danger-outline)}.page_swatchLabel__izfPc{padding:8px}.page_swatchLabel__izfPc div{font-size:12px;line-height:1.6;font-weight:600;margin-bottom:2px;color:var(--color-default-deep)}.page_swatchLabel__izfPc div:not(button){color:var(--color-text-body)}.page_swatchLabel__izfPc code{font-size:12px;line-height:1.6;font-weight:400;color:var(--color-default);display:block}.page_swatchLabel__izfPc code:not(button){color:var(--color-text-body)}