@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";body{-webkit-user-select:none;user-select:none}.symbols-app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.symbols-sidebar{flex-direction:column;flex-shrink:0;display:flex}.symbols-sidebar-all-wrp{margin:var(--systemSpacing-8) var(--systemSpacing-0) var(--systemSpacing-8) var(--systemSpacing-8);height:100%}.symbols-sidebar-wrp{background-color:var(--systemWhite);padding:var(--systemSpacing-8) var(--systemSpacing-12);border-radius:var(--systemSpacing-20);height:100%;box-shadow:var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-12) var(--systemSpacing-0) var(--systemQuinary)}.sidebar-header{margin-bottom:var(--systemSpacing-12);justify-content:space-between;align-items:center;display:flex}.app-title-wrp{align-items:center;gap:var(--systemSpacing-8);padding:var(--systemSpacing-4) var(--systemSpacing-8);border-radius:var(--systemSpacing-12);flex-direction:row;display:flex}.app-title-wrp:hover{background-color:var(--systemBG)}.symbols-icon-wrp{width:var(--systemSpacing-32)}.symbols-icon-wrp svg{fill:var(--systemTertiary);display:block}.app-title{font-size:var(--p-fontSize);color:var(--systemTertiary);font-weight:700}.category-section{gap:var(--systemSpacing-8);flex-direction:column;flex:1;display:flex}.section-title{font-size:var(--c1-fontSize);color:var(--systemTertiary);font-weight:600}.category-list{gap:var(--systemSpacing-2);flex-direction:column;display:flex}.category-item{text-align:left;padding:var(--systemSpacing-6) var(--systemSpacing-6) var(--systemSpacing-6) var(--systemSpacing-16);font-size:var(--c1-fontSize);border-radius:var(--systemSpacing-8);cursor:pointer;color:var(--systemPrimary);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;font-weight:400;overflow:hidden}.category-item:hover{background-color:var(--systemBG-primary-hover)}.category-item.active{background-color:var(--systemAccent);color:var(--systemWhite);font-weight:500}.symbols-resizer{width:var(--systemSpacing-1);cursor:col-resize;z-index:10;flex-shrink:0}.symbols-main-content{min-width:var(--systemSpacing-200);flex-direction:column;flex:1;display:flex}.symbols-top-bar{padding:var(--systemSpacing-12) var(--systemSpacing-16);justify-content:space-between;align-items:center;display:flex}.top-bar-left{align-items:center;gap:var(--systemSpacing-8);white-space:nowrap;flex-direction:row;display:flex}.category-count-wrp{gap:var(--systemSpacing-0);flex-direction:column;display:flex}.sidebar-toggle-btn{border-radius:var(--systemSpacing-9999);cursor:pointer;padding:var(--systemSpacing-0);background-color:var(--systemWhite);box-shadow:var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-12) var(--systemSpacing-0) var(--systemQuinary);flex-shrink:0;transition:all .15s}.sidebar-toggle-btn svg{fill:var(--systemPrimary);display:block}.sidebar-toggle-btn:hover{background-color:var(--systemBG)}.sidebar-toggle-btn.active{box-shadow:none;background-color:#0000}.sidebar-toggle-btn.active:hover{background-color:var(--systemBG)}.current-category{font-size:var(--ch-fontSize);font-weight:600}.symbols-count{font-size:var(--c1-fontSize);color:var(--systemTertiary)}.top-bar-right{align-items:center;gap:var(--systemSpacing-8);display:flex}.inspector-toggle-btn{background-color:var(--systemWhite);border-radius:var(--systemSpacing-9999);cursor:pointer;padding:var(--systemSpacing-0);box-shadow:var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-12) var(--systemSpacing-0) var(--systemQuinary);justify-content:center;align-items:center;transition:all .15s;display:flex}.inspector-toggle-btn svg{fill:var(--systemPrimary);display:block}.inspector-toggle-btn:hover{background-color:var(--systemBG)}.search-toggle-btn{cursor:pointer;border-radius:var(--systemSpacing-9999);padding:var(--systemSpacing-0);background:0 0;background-color:var(--systemWhite);box-shadow:var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-12) var(--systemSpacing-0) var(--systemQuinary);border:none;display:none}.search-toggle-btn svg{fill:var(--systemPrimary);display:block}.search-toggle-btn:hover{background-color:var(--systemBG)}.search-box{width:var(--systemSpacing-200);border-radius:var(--systemSpacing-9999);align-items:center;gap:var(--systemSpacing-2);background-color:var(--systemWhite);box-shadow:var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-12) var(--systemSpacing-0) var(--systemQuinary);transition:width .2s;display:flex}.search-box-all-wrp{padding:var(--systemSpacing-10) var(--systemSpacing-12) var(--systemSpacing-10) var(--systemSpacing-8);flex-direction:row;align-items:center;width:100%;display:flex}.search-icon-input-wrp{align-items:center;gap:var(--systemSpacing-4);flex-direction:row;width:100%;display:flex}.search-box .search-icon svg{fill:var(--systemQuaternary);display:block}.search-box input{font-size:var(--ch-fontSize);width:100%;padding:var(--systemSpacing-0);color:var(--systemPrimary);background:0 0;border:none;outline:none}.search-clear-btn{cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:flex}.search-clear-btn svg{fill:var(--systemQuaternary)}.search-clear-btn:hover svg{fill:var(--systemTertiary)}.search-cancel-btn{background-color:var(--systemWhite);cursor:pointer;padding:var(--systemSpacing-0);white-space:nowrap;border-radius:var(--systemSpacing-9999);box-shadow:var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-12) var(--systemSpacing-0) var(--systemQuinary);border:none}.search-cancel-btn svg{fill:var(--systemPrimary);display:block}.search-cancel-btn:hover{background-color:var(--systemBG)}.symbols-grid{padding:var(--systemSpacing-16);grid-template-columns:repeat(auto-fill, var(--systemSpacing-100));gap:var(--systemSpacing-16);flex:1;grid-auto-rows:min-content;display:grid;overflow-y:auto}.symbol-item-wrapper{cursor:pointer;width:var(--systemSpacing-100);flex-direction:column;align-items:center;display:flex}.symbol-box{width:var(--systemSpacing-100);height:var(--systemSpacing-72);border:var(--systemSpacing-1) solid var(--systemQuinary);border-radius:var(--systemSpacing-16);justify-content:center;align-items:center;transition:all .15s;display:flex}.symbol-item-wrapper:hover .symbol-box{background-color:var(--systemBG)}.symbol-item-wrapper.selected .symbol-box{border-color:var(--systemAccent);box-shadow:var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-1) var(--systemAccent)}.symbol-preview svg{display:block}.symbol-name{font-size:var(--c1-fontSize);color:var(--systemSecondary);margin-top:var(--systemSpacing-4);text-align:center;word-break:keep-all;overflow-wrap:break-word;width:100%}.symbols-inspector{margin:var(--systemSpacing-8) var(--systemSpacing-8) var(--systemSpacing-8) var(--systemSpacing-0);flex-direction:column;flex-shrink:0;display:flex}.symbols-inspector-all-wrp{padding:var(--systemSpacing-12);background-color:var(--systemWhite);border-radius:var(--systemSpacing-20);height:100%;box-shadow:var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-12) var(--systemSpacing-0) var(--systemQuinary);flex-direction:column;justify-content:space-between;display:flex}.inspector-tabs{gap:var(--systemSpacing-2);background-color:var(--systemBG);border-radius:var(--systemSpacing-12);padding:var(--systemSpacing-4);margin-bottom:var(--systemSpacing-20);display:flex}.tab-btn{padding:var(--systemSpacing-8) var(--systemSpacing-0);font-size:var(--ch-fontSize);border-radius:var(--systemSpacing-12);cursor:pointer;color:var(--systemTertiary);background:0 0;border:none;flex:1;font-weight:400}.tab-btn:hover{background-color:var(--systemBG-primary-hover)}.tab-btn.active{background-color:var(--systemAccent);color:var(--systemWhite);font-weight:500}.inspector-preview-title-wrp{gap:var(--systemSpacing-8);margin-bottom:var(--systemSpacing-40);flex-direction:column;display:flex}.inspector-preview-box{height:var(--systemSpacing-160);border:var(--systemSpacing-1) solid var(--systemQuinary);border-radius:var(--systemSpacing-20);justify-content:center;align-items:center;transition:background-color .2s;display:flex}.inspector-symbol-title{font-size:var(--p-fontSize);color:var(--systemPrimary);text-align:center;word-break:break-all;font-weight:600}.inspector-content{flex-direction:column;flex:1;display:flex}.tab-pane{gap:var(--systemSpacing-8);flex-direction:column;flex:1;display:flex}.pane-section{gap:var(--systemSpacing-8);flex-direction:column;display:flex}.pane-label{font-size:var(--ch-fontSize);color:var(--systemTertiary);margin-left:var(--systemSpacing-12);font-weight:600}.symbols-card-row{background-color:var(--systemBG);border-radius:var(--systemSpacing-12);padding:var(--systemSpacing-12) var(--systemSpacing-16);justify-content:space-between;align-items:center;display:flex}.symbols-card-card{background-color:var(--systemBG);border-radius:var(--systemSpacing-12);padding:var(--systemSpacing-12) var(--systemSpacing-16);flex-direction:column;display:flex}.symbols-card-item{justify-content:space-between;align-items:center;display:flex}.card-divider{background-color:#d1d1d6;height:1px;margin:10px 0}.card-label-group{align-items:center;gap:6px;display:flex}.card-label{font-size:var(--ch-fontSize);color:var(--systemPrimary);font-weight:500}.card-controls{align-items:center;gap:var(--systemSpacing-4);display:flex}.color-dot-select-input-wrp{align-items:center;gap:var(--systemSpacing-8);flex-direction:row;display:flex}.color-dot-option-wrp{align-items:center;gap:var(--systemSpacing-4);flex-direction:row;width:100%;display:flex}.color-dot-name,.color-bg-name{font-size:var(--ch-fontSize);color:var(--systemPrimary);font-weight:400}.color-dot-select-wrp{align-items:center;gap:var(--systemSpacing-4);padding:var(--systemSpacing-4) var(--systemSpacing-8) var(--systemSpacing-4) var(--systemSpacing-16);border-radius:var(--systemSpacing-8);flex-direction:row;width:fit-content;display:flex;position:relative}.color-dot-select-wrp:hover{background-color:var(--systemBG-primary-hover)}.color-dot{width:var(--systemSpacing-12);height:var(--systemSpacing-12);border-radius:var(--systemSpacing-9999);border:var(--systemSpacing-1) solid var(--systemQuinary)}.color-select-btn{align-items:center;gap:var(--systemSpacing-12);padding:var(--systemSpacing-0);flex-direction:row;display:flex}.color-menu-list{top:var(--systemSpacing-32);right:var(--systemSpacing-0);z-index:1000;width:var(--systemSpacing-160);max-height:var(--systemSpacing-320);background-color:var(--systemWhite);border-radius:var(--systemSpacing-12);box-shadow:var(--systemSpacing-0) var(--systemSpacing-0) var(--systemSpacing-20) var(--systemQuinary);padding:var(--systemSpacing-4);position:absolute;overflow-y:auto}.color-item{width:100%;padding:var(--systemSpacing-4) var(--systemSpacing-8);border-radius:var(--systemSpacing-8);font-size:var(--ch-fontSize);cursor:pointer;color:var(--systemPrimary);background:0 0;border:none;align-items:center;display:flex}.color-item:hover{background:var(--systemBG-primary-hover);color:var(--systemPrimary)}.check-icon-area{width:var(--systemSpacing-12);height:var(--systemSpacing-12);margin-right:var(--systemSpacing-4);justify-content:center;align-items:center;display:flex}.check-icon-area svg{fill:var(--systemPrimary);display:block}.color-dot-label-wrp{align-items:center;gap:var(--systemSpacing-4);flex-direction:row;display:flex}.color-label{text-align:left;font-size:var(--ch-fontSize);color:var(--systemPrimary);flex:1}.icon-wrp{background-color:var(--systemBG-primary-hover);border-radius:var(--systemSpacing-9999)}.icon-wrp svg{fill:var(--systemPrimary);display:block}.select-pill{align-items:center;display:flex}.select-pill select{font-size:var(--ch-fontSize);cursor:pointer;background:0 0;border:none;outline:none}.custom-picker-popover-wrp{align-items:center;display:flex;position:relative}.custom-color-btn-wrp{width:var(--systemSpacing-64);height:var(--systemSpacing-24);background-color:var(--systemQuaternary);border-radius:var(--systemSpacing-9999);position:relative}.custom-color-swatch-btn{width:var(--systemSpacing-60);height:var(--systemSpacing-20);border-radius:var(--systemSpacing-9999);cursor:pointer;padding:var(--systemSpacing-0);outline:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.picker-popover{z-index:1000;background:#fff;border:1px solid #00000014;border-radius:12px;padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0000002e}.react-colorful{width:180px!important;height:180px!important}.delay-input-pill{background-color:var(--systemBG-secondary);border-radius:var(--systemSpacing-8);padding:var(--systemSpacing-4) var(--systemSpacing-8);font-size:var(--ch-fontSize);height:var(--systemSpacing-28);width:var(--systemSpacing-48);align-items:center;display:flex}.delay-input-pill input{font-size:var(--ch-fontSize);text-align:right;padding:var(--systemSpacing-0);background:0 0;border:none;outline:none}.delay-input-pill input::-webkit-inner-spin-button{-webkit-appearance:none;margin:var(--systemSpacing-0)}.delay-input-pill input::-webkit-outer-spin-button{-webkit-appearance:none;margin:var(--systemSpacing-0)}.segmented-control{background-color:var(--systemBG-secondary);border-radius:var(--systemSpacing-8);padding:var(--systemSpacing-2);gap:var(--systemSpacing-2);display:flex}.segment-btn{font-size:var(--c1-fontSize);padding:var(--systemSpacing-4) var(--systemSpacing-12);border-radius:var(--systemSpacing-8);cursor:pointer;color:#1c1c1e;background:0 0;border:none}.segment-btn:hover{background-color:var(--systemBG-secondary-hover)}.segment-btn.active{background-color:var(--systemWhite)}.anim-play-btn{background-color:var(--systemBG-secondary);border-radius:var(--systemSpacing-8);cursor:pointer;padding:var(--systemSpacing-0);border:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.anim-play-btn:hover{background-color:var(--systemBG-secondary-hover)}.anim-play-pause-icon-wrp svg{fill:var(--systemPrimary);display:block}.color-picker-input{cursor:pointer;padding:var(--systemSpacing-0);background:0 0;border:none}.opacity-input-pill{background-color:var(--systemBG-secondary);border-radius:var(--systemSpacing-8);padding:var(--systemSpacing-4) var(--systemSpacing-8);font-size:var(--ch-fontSize);height:var(--systemSpacing-28);align-items:center;display:flex}.opacity-input-pill input{font-size:var(--ch-fontSize);text-align:right;padding:var(--systemSpacing-0);background:0 0;border:none;outline:none}.opacity-input-pill input::-webkit-inner-spin-button{-webkit-appearance:none;margin:var(--systemSpacing-0)}.opacity-input-pill input::-webkit-outer-spin-button{-webkit-appearance:none;margin:var(--systemSpacing-0)}.anim-action-row{justify-content:end;align-items:center;gap:var(--systemSpacing-8);flex-direction:row;display:flex}.symbols-copy-css-btn{background-color:var(--systemBG);color:var(--systemPrimary);padding:var(--systemSpacing-8) var(--systemSpacing-12);border-radius:var(--systemSpacing-12);font-size:var(--ch-fontSize);cursor:pointer;justify-content:center;align-items:center;gap:var(--systemSpacing-4);min-width:var(--systemSpacing-120);display:inline-flex}.symbols-copy-css-btn.loading{cursor:wait}.symbols-copy-css-btn.copied{color:var(--systemAccent);font-size:var(--ch-fontSize);background-color:var(--systemAccent-bg-filledTonal)}.copy-status-copied-svg{fill:var(--systemAccent);display:block}.copy-figma-status-idle-svg,.copy-figma-status-copied-svg{fill:var(--systemWhite);display:block}.copy-status-idle-svg{fill:var(--systemPrimary);display:block}.btn-spinner,.btn-spinner-for-figma{animation:.8s linear infinite spin}.btn-spinner circle{stroke:var(--systemTertiary)}.btn-spinner-for-figma circle{stroke:var(--systemWhite-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.symbols-reset-btn{background-color:var(--systemBG);color:var(--systemPrimary);padding:var(--systemSpacing-8) var(--systemSpacing-12) var(--systemSpacing-8) var(--systemSpacing-8);border-radius:var(--systemSpacing-12);font-size:var(--ch-fontSize);cursor:pointer;justify-content:center;align-items:center;gap:var(--systemSpacing-4);min-width:var(--systemSpacing-100);flex-direction:row;display:flex}.symbols-reset-btn svg{fill:var(--systemPrimary);display:block}.symbols-copy-css-btn:hover,.symbols-reset-btn:hover{background-color:var(--systemBG-primary-hover)}.symbols-copy-figma-btn{background-color:var(--systemAccent);padding:var(--systemSpacing-12);border-radius:var(--systemSpacing-12);cursor:pointer;align-items:center;gap:var(--systemSpacing-4);border:none;flex-direction:row;justify-content:center;margin-top:auto;display:flex}.figma-btn-status{font-size:var(--ch-fontSize);color:var(--systemWhite);font-weight:500}.symbols-copy-figma-btn:hover{background-color:var(--systemAccent-hover)}.symbols-btn-icon-wrp{justify-content:center;align-items:center;transition:transform 1s cubic-bezier(.4,0,.2,1);display:flex}.symbols-btn-icon-wrp.rotate{animation:1s cubic-bezier(.4,0,.2,1) resetSpin}@keyframes resetSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.metadata-tree{background-color:var(--systemBG);border-radius:var(--systemSpacing-12);padding:var(--systemSpacing-12) var(--systemSpacing-16);gap:var(--systemSpacing-12);flex-direction:column;display:flex}.metadata-title{font-size:var(--ch-fontSize);color:var(--systemPrimary);font-weight:500}.metadata-divider{margin:var(--systemSpacing-0);border:.1px solid var(--systemQuinary)}.tree-sub-item{justify-content:space-between;display:flex}.metadata-info{color:var(--systemTertiary);font-size:var(--ch-fontSize)}.bounce.dir-up.once{animation:.8s cubic-bezier(.28,.84,.42,1) bounceUp}.bounce.dir-up.indefinitely{animation:.8s cubic-bezier(.28,.84,.42,1) infinite bounceUp}.bounce.dir-down.once{animation:.8s cubic-bezier(.28,.84,.42,1) bounceDown}.bounce.dir-down.indefinitely{animation:.8s cubic-bezier(.28,.84,.42,1) infinite bounceDown}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}.pulse.dir-up.once{animation:.8s ease-in-out pulseUp}.pulse.dir-up.indefinitely{animation:.8s ease-in-out infinite pulseUp}.pulse.dir-down.once{animation:.8s ease-in-out pulseDown}.pulse.dir-down.indefinitely{animation:.8s ease-in-out infinite pulseDown}@keyframes pulseUp{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes pulseDown{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.scale.dir-up.once{animation:.8s cubic-bezier(.34,1.56,.64,1) scaleUp}.scale.dir-up.indefinitely{animation:.8s cubic-bezier(.34,1.56,.64,1) infinite scaleUp}.scale.dir-down.once{animation:.8s cubic-bezier(.34,1.56,.64,1) scaleDown}.scale.dir-down.indefinitely{animation:.8s cubic-bezier(.34,1.56,.64,1) infinite scaleDown}@keyframes scaleUp{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}@keyframes scaleDown{0%,to{transform:scale(1)}50%{transform:scale(.6)}}.wiggle.dir-up.once{animation:.8s ease-in-out wiggleUp}.wiggle.dir-up.indefinitely{animation:.8s ease-in-out infinite wiggleUp}.wiggle.dir-down.once{animation:.8s ease-in-out wiggleDown}.wiggle.dir-down.indefinitely{animation:.8s ease-in-out infinite wiggleDown}@keyframes wiggleUp{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}@keyframes wiggleDown{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}.shake.dir-up.once{animation:.8s ease-in-out shakeUp}.shake.dir-up.indefinitely{animation:.8s ease-in-out infinite shakeUp}.shake.dir-down.once{animation:.8s ease-in-out shakeDown}.shake.dir-down.indefinitely{animation:.8s ease-in-out infinite shakeDown}@keyframes shakeUp{0%,to{transform:translate(0)}20%{transform:translate(10px)}40%{transform:translate(-10px)}60%{transform:translate(5px)}80%{transform:translate(-5px)}}@keyframes shakeDown{0%,to{transform:translateY(0)}20%{transform:translateY(10px)}40%{transform:translateY(-10px)}60%{transform:translateY(5px)}80%{transform:translateY(-5px)}}.blink.dir-up.once,.blink.dir-down.once{animation:.8s step-end blinkAnim}.blink.dir-up.indefinitely,.blink.dir-down.indefinitely{animation:.8s step-end infinite blinkAnim}@keyframes blinkAnim{0%,to{opacity:1}50%{opacity:0}}.rotate.dir-up.once{animation:.8s cubic-bezier(.45,0,.55,1) rotateUp}.rotate.dir-up.indefinitely{animation:.8s linear infinite rotateUp}.rotate.dir-down.once{animation:.8s cubic-bezier(.45,0,.55,1) rotateDown}.rotate.dir-down.indefinitely{animation:.8s linear infinite rotateDown}@keyframes rotateUp{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateDown{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.appear.dir-up.once{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards appearUp}.appear.dir-up.indefinitely{animation:.8s cubic-bezier(.34,1.56,.64,1) infinite appearUp}.appear.dir-down.once{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards appearDown}.appear.dir-down.indefinitely{animation:.8s cubic-bezier(.34,1.56,.64,1) infinite appearDown}@keyframes appearUp{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes appearDown{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.disappear.dir-up.once{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards disappearUp}.disappear.dir-up.indefinitely{animation:.8s cubic-bezier(.34,1.56,.64,1) infinite disappearUp}.disappear.dir-down.once{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards disappearDown}.disappear.dir-down.indefinitely{animation:.8s cubic-bezier(.34,1.56,.64,1) infinite disappearDown}@keyframes disappearUp{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes disappearDown{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}@media (width>=901px){.search-cancel-btn{display:none}}@media (width<=900px){.search-toggle-btn{display:block}.search-box,.symbols-top-bar.search-expanded .top-bar-left,.symbols-top-bar.search-expanded .inspector-toggle-btn,.symbols-top-bar.search-expanded .sidebar-toggle-btn{display:none}.symbols-top-bar.search-expanded .top-bar-right{width:100%}.symbols-top-bar.search-expanded .search-toggle-btn{display:none}.symbols-top-bar.search-expanded .search-box{flex:1;display:flex}}html{box-sizing:border-box;font-family:Pretendard,sans-serif,Apple SD Gothic Neo,Roboto,Noto Sans KR,NanumGothic,Malgun Gothic}button,input,select,textarea{font-family:inherit}body{box-sizing:border-box;-ms-overflow-style:none;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-x:hidden}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0}a{text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}div,span,article,section,header,footer,aside,p,ul,li,fieldset,legend,a,nav,form{box-sizing:border-box}ol,ul,li{list-style:none}table{border-collapse:collapse;border-spacing:0}.icon-wrp{padding:0}.img-wrp{width:100%}img{border:0;max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:0}:root{--d0-fontSize:10rem;--d1-fontSize:7.5rem;--d2-fontSize:5rem;--d3-fontSize:3.75rem;--h1-fontSize:3rem;--h2-fontSize:2.625rem;--h3-fontSize:2.25rem;--h4-fontSize:2rem;--h5-fontSize:1.75rem;--h6-fontSize:1.5rem;--hl-fontSize:1.25rem;--ph-fontSize:1.125rem;--p-fontSize:1rem;--ch-fontSize:.875rem;--c1-fontSize:.75rem;--c2-fontSize:.625rem;--customGreen:#01a654;--customGreen-secondary:#a0c2b1;--customYellow:#f0c800;--customYellow-secondary:#eac300;--customDarkGrey:#1e1e1e;--customDarkGrey-secondary:#141414;--systemAccent:#2976ff;--systemBlack:#0f0f0f;--systemBlack-pure:#000;--systemWhite:#fff;--systemWhite-pure:#fefefe;--systemBG:#f5f5f5;--systemBG-secondary:#ececec;--systemBG-primary-hover:#efefef;--systemBG-secondary-hover:#e0e0e0;--systemAccent-hover:#1f68e8;--systemAccent-bg-filled:#1fa1ff;--systemAccent-bg-filledTonal:#1fa1ff3d;--systemPrimary-bg-filled:#000000eb;--systemPrimary-bg-filledTonal:#000000ad;--systemPrimary:#000000eb;--systemPrimary-onLight:#000000d1;--systemPrimary-onDark:#000000f0;--systemSecondary:#000000a3;--systemSecondary-onLight:#0000009e;--systemSecondary-onDark:#000000ad;--systemTertiary:#0000007a;--systemTertiary-onLight:#0000007a;--systemTertiary-onDark:#0000007a;--systemQuaternary:#0000002e;--systemQuaternary-onLight:#00000029;--systemQuaternary-onDark:#0003;--systemQuinary:#0000001a;--systemQuinary-onLight:#0000001f;--systemQuinary-onDark:#00000024;--systemWhite-primary:#ffffffeb;--systemWhite-secondary:#ffffff8c;--systemWhite-tertiary:#ffffff40;--systemWhite-quaternary:#ffffff2e;--systemWhite-quinary:#ffffff1a;--systemDisabled-bg:#dcdcdc;--systemDisabled-txt:#3c3c3c4d;--systemDisabled-darkMode-bg:#3f3f3f;--systemDisabled-darkMode-txt:#797979;--systemSpacing-0:0rem;--systemSpacing-1:.0625rem;--systemSpacing-2:.125rem;--systemSpacing-4:.25rem;--systemSpacing-6:.375rem;--systemSpacing-8:.5rem;--systemSpacing-10:.625rem;--systemSpacing-12:.75rem;--systemSpacing-14:.875rem;--systemSpacing-16:1rem;--systemSpacing-20:1.25rem;--systemSpacing-22:1.375rem;--systemSpacing-24:1.5rem;--systemSpacing-28:1.75rem;--systemSpacing-32:2rem;--systemSpacing-36:2.25rem;--systemSpacing-40:2.5rem;--systemSpacing-44:2.75rem;--systemSpacing-48:3rem;--systemSpacing-52:3.25rem;--systemSpacing-56:3.5rem;--systemSpacing-60:3.75rem;--systemSpacing-64:4rem;--systemSpacing-68:4.25rem;--systemSpacing-70:4.375rem;--systemSpacing-72:4.5rem;--systemSpacing-76:4.75rem;--systemSpacing-80:5rem;--systemSpacing-88:5.5rem;--systemSpacing-96:6rem;--systemSpacing-100:6.25rem;--systemSpacing-120:7.5rem;--systemSpacing-128:8rem;--systemSpacing-132:8.25rem;--systemSpacing-140:8.75rem;--systemSpacing-160:10rem;--systemSpacing-180:11.25rem;--systemSpacing-200:12.5rem;--systemSpacing-240:15rem;--systemSpacing-280:17.5rem;--systemSpacing-300:18.75rem;--systemSpacing-320:20rem;--systemSpacing-360:22.5rem;--systemSpacing-400:25rem;--systemSpacing-420:26.25rem;--systemSpacing-440:27.5rem;--systemSpacing-480:30rem;--systemSpacing-520:32.5rem;--systemSpacing-560:35rem;--systemSpacing-600:37.5rem;--systemSpacing-680:42.5rem;--systemSpacing-720:45rem;--systemSpacing-740:46.25rem;--systemSpacing-800:50rem;--systemSpacing-820:51.25rem;--systemSpacing-840:52.5rem;--systemSpacing-880:55rem;--systemSpacing-920:57.5rem;--systemSpacing-960:60rem;--systemSpacing-1000:62.5rem;--systemSpacing-1100:68.75rem;--systemSpacing-1200:75rem;--systemSpacing-1294:80.875rem;--systemSpacing-1400:87.5rem;--systemSpacing-1520:95rem;--systemSpacing-1600:100rem;--systemSpacing-9999:625rem;--negative-systemSpacing-0_5:-.03125rem;--negative-systemSpacing-1:-.0625rem;--negative-systemSpacing-2:-.125rem;--negative-systemSpacing-4:-.25rem;--negative-systemSpacing-6:-.375rem;--negative-systemSpacing-8:-.5rem;--negative-systemSpacing-10:-.625rem;--negative-systemSpacing-12:-.75rem;--negative-systemSpacing-16:-1rem;--negative-systemSpacing-20:-1.25rem;--negative-systemSpacing-24:-1.5rem;--negative-systemSpacing-32:-2rem;--negative-systemSpacing-40:-2.5rem;--negative-systemSpacing-120:-7.5rem;--negative-systemSpacing-160:-10rem;--systemDim-10:#0000001a;--systemDim-15:#00000026;--systemDim-20:#0003;--systemDim-25:#00000040;--systemDim-30:#0000004d;--systemDim-35:#00000059;--systemDim-40:#0006;--systemDim-45:#00000073;--systemDim-50:#00000080;--systemDim-55:#0000008c;--systemDim-60:#0009;--systemDim-65:#000000a6;--systemDim-70:#000000b3;--systemDim-75:#000000bf;--systemDim-80:#000c;--systemDim-85:#000000d9;--systemDim-90:#000000e6;--systemDim-95:#000000f2;--systemDim-100:#000;--customBlue-bg:#e5f3ff;--customBlue-txt:#0085ff;--customGreen-bg:#e5f8eb;--customGreen-txt:#00ba34;--customCoral-bg:#ffebeb;--customCoral-txt:#ff7b7b;--customGrey-bg:#e9e9e9;--customGrey-txt:#878787;--customPurple-bg:#f1d3ff;--customPurple-txt:#9604dd;--customDarkGrey-primary-bg:#e6e6e626;--customDarkGrey-secondary-bg:#e7e7e71a;--appleSiri-bg:#fbfbfd;--topNavCtnr-bg:#f5f5f585;--menuCtnr-bg:#363636;--menuCtnr-systemWhite-primary:#ffffffeb;--menuCtnr-systemWhite-secondary:#ffffff8c;--menuCtnr-systemWhite-tertiary:#ffffff40;--menuCtnr-systemWhite-quaternary:#ffffff2e;--menuCtnr-systemWhite-quinary:#ffffff1a;--alert-materialBG:linear-gradient(0deg, #383838 0%, #383838 100%), #f5f5f5d1;--alert-dim:#0006;--footerCtnr-bg:#141414;--snapShot-header-primary-bg:#000000eb;--snapShot-header-secondary-bg:#f5f5f52e}.darkmode{--systemWhite:#0f0f0f;--systemBlack:#f5f5f5;--systemBG:#111;--systemBG-primary:#171717;--systemBG-primary-hover:#191919;--systemBG-secondary:#1e1e1e;--systemBG-secondary-hover:#242424;--menuCtnr-bg:#161616;--systemPrimary:#ffffffd9;--systemPrimary-onLight:#ffffffe0;--systemPrimary-onDark:#ffffffd1;--systemSecondary:#ffffff8c;--systemSecondary-onLight:#ffffff94;--systemSecondary-onDark:#ffffff85;--systemTertiary:#ffffff40;--systemTertiary-onLight:#ffffff40;--systemTertiary-onDark:#ffffff40;--systemQuaternary:#ffffff1a;--systemQuaternary-onLight:#ffffff1f;--systemQuaternary-onDark:#ffffff14;--systemQuinary:#ffffff0d;--systemQuinary-onLight:#ffffff12;--systemQuinary-onDark:#ffffff0d;--customBlue-bg:#2e363d;--customBlue-txt:#3d77ad;--customGreen-bg:#2d3a31;--customGreen-txt:#278a43;--customCoral-bg:#3a2b2b;--customCoral-txt:#b44a4a;--customGrey-bg:#424242;--customGrey-txt:#9c9c9c;--customPurple-bg:#322737;--customPurple-txt:#702b95;--topNavCtnr-bg:#5050501f;--alert-materialBG:linear-gradient(0deg, #8c8c8c 0%, #8c8c8c 100%), #0a0a0ad1;--alert-dim:#0009;--snapShot-header-primary-bg:#ffffffeb;--snapShot-header-secondary-bg:#0000001a}.systemGrid-4x2,.systemGrid-2x2{grid-gap:var(--systemSpacing-20);grid-template-rows:auto;grid-template-columns:auto;grid-auto-flow:row;display:grid}.pos-abs,.pos-rel{position:absolute}.mrg-b-025{margin-bottom:var(--systemSpacing-4)}.mrg-b-05{margin-bottom:var(--systemSpacing-8)}.mrg-b-cstm{margin-bottom:var(--systemSpacing-64)}.mrg-t-1{margin-top:var(--systemSpacing-16)}.mrg-b-1{margin-bottom:var(--systemSpacing-16)}.mrg-b-2{margin-bottom:var(--systemSpacing-32)}.opa-80:hover{opacity:.8;transition:all .2s ease-in-out}.systemPrimary{color:var(--systemPrimary)}.systemSecondary{color:var(--systemSecondary)}.systemTertiary{color:var(--systemTertiary)}.systemQuaternary{color:var(--systemQuaternary)}.word-break{word-break:keep-all}.systemWhite{color:var(--systemWhite)}.systemWhite-secondary{color:var(--systemWhite-secondary)}.txt-b-600{font-weight:600}.txt-b-500{font-weight:500}.txt-b-400{font-weight:400}.txt-align-c{text-align:center}@media screen and (width<=960px){.systemGrid-4x2{grid-gap:var(--systemSpacing-20);grid-template-rows:auto;grid-template-columns:auto;grid-auto-flow:row;display:grid}.mrg-b-cstm{margin-bottom:var(--systemSpacing-12)}.systemGrid-2x2{grid-gap:var(--systemSpacing-20);grid-template-rows:auto;grid-template-columns:auto;grid-auto-flow:row;display:grid}}