.tab-icons-module{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;background:#fff}.tab-icons-module,.tab-icons-module *{font-family:Pretendard,sans-serif}.tab-icons-module ul{margin:0;padding:0;list-style:none}body:has(#mobileWrap,#groundList:not(.pcMain)) .tab-icons-module{box-sizing:border-box;padding:0 20px 10px;gap:10px}body:has(#mobileWrap,#groundList:not(.pcMain)) .tab-icons-module .tab-icons-panel{padding:16px}body:not(:has(#mobileWrap,#groundList:not(.pcMain))) .tab-icons-module .tab-icons-body::-webkit-scrollbar{width:4px}body:not(:has(#mobileWrap,#groundList:not(.pcMain))) .tab-icons-module .tab-icons-body::-webkit-scrollbar-track{background:#ebebeb}body:not(:has(#mobileWrap,#groundList:not(.pcMain))) .tab-icons-module .tab-icons-body::-webkit-scrollbar-thumb{background:#999}.tab-icons-module .tab-icons-head{position:relative;height:32px}.tab-icons-module .tab-icons-head.is-overflow .tab-icons-toggle{display:flex}.tab-icons-module .tab-icons-head.is-right-hidden .tab-icons-toggle{background:linear-gradient(to right, rgba(240, 240, 240, 0) 0%, #f0f0f0 45%, #f0f0f0 100%)}.tab-icons-module .tab-icons-head.is-left-hidden .tab-icons-fade-left{display:block}.tab-icons-module .tab-icons-bar{position:relative;height:32px;background:#f0f0f0;border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab-icons-module .tab-icons-bar>ul{display:flex;height:100%}.tab-icons-module .tab-icons-bar .tab-icons-tab{flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;min-width:89px;height:32px;padding:0 12px;border-radius:2px;background:#f0f0f0;font-size:13px;font-weight:600;line-height:20px;letter-spacing:-0.6px;color:#707070;white-space:nowrap;cursor:pointer}.tab-icons-module .tab-icons-bar .tab-icons-tab.on{background:#494b89;color:#fff}.tab-icons-module .tab-icons-toggle{display:none;position:absolute;top:0;right:0;z-index:2;align-items:center;justify-content:flex-end;box-sizing:border-box;width:72px;height:32px;padding:0 2px 0 40px;pointer-events:none}.tab-icons-module .tab-icons-toggle-btn{position:relative;width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto}.tab-icons-module .tab-icons-toggle-btn svg{position:absolute;top:-2px;left:-3px}.tab-icons-module .tab-icons-toggle-btn path{transform-box:view-box;transform-origin:17px 16px}.tab-icons-module .tab-icons-toggle-btn[aria-expanded=true] path{transform:rotate(180deg)}.tab-icons-module .tab-icons-fade-left{display:none;position:absolute;top:0;left:0;z-index:2;width:32.4px;height:32px;background:linear-gradient(to right, #f0f0f0 0%, rgba(240, 240, 240, 0) 100%);pointer-events:none}.tab-icons-module .tab-icons-panel{position:absolute;top:32px;left:0;right:0;z-index:3;box-sizing:border-box;padding:16px 20px;background:#f0f0f0;border-radius:0 0 4px 4px;box-shadow:0 4px 4px rgba(26,26,51,.08)}.tab-icons-module .tab-icons-panel[hidden]{display:none}.tab-icons-module .tab-icons-panel>ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(95px, 1fr));row-gap:4px}.tab-icons-module .tab-icons-panel .tab-icons-panel-tab{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:32px;padding:0 8px;border-radius:2px;font-size:13px;font-weight:600;line-height:20px;letter-spacing:-0.6px;color:#707070;white-space:nowrap;cursor:pointer}.tab-icons-module .tab-icons-panel .tab-icons-panel-tab>span{overflow:hidden;text-overflow:ellipsis;font-size:inherit}.tab-icons-module .tab-icons-panel .tab-icons-panel-tab.on{color:#494b89}.tab-icons-module .tab-icons-body{max-height:318px;overflow-y:auto;overflow-x:hidden}.tab-icons-module .tab-icons-list{display:grid;grid-template-columns:repeat(auto-fill, 60px);justify-content:space-between;align-content:start;gap:10px 6px}.tab-icons-module .tab-icons-item[hidden]{display:none}.tab-icons-module .tab-icons-item>a{display:flex;flex-direction:column;align-items:center;gap:6px;width:60px;text-decoration:none}.tab-icons-module .tab-icons-thumb{width:48px;height:48px;box-sizing:border-box;border:1px solid #e6e6e6;border-radius:5px;background:#f8f8f8;overflow:hidden}.tab-icons-module .tab-icons-thumb>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tab-icons-module .tab-icons-name{width:60px;font-size:12px;font-weight:400;line-height:18px;letter-spacing:-0.4px;color:#3c3c3c;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-icons-module:has(~:not(script,style,.dimmer)){margin-bottom:30px}body:has(#mobileWrap,#groundList:not(.pcMain)) .tab-icons-module:has(~:not(script,style,.dimmer)){margin-bottom:24px}.w-60>.left:has(.tab-icons-module){width:calc(60% - 6px)}.w-60>.right:has(.tab-icons-module){width:calc(40% - 6px)}.w-50 .tab-icons-module,.w-60 .tab-icons-module,.V_harf .tab-icons-module,.V_60per .tab-icons-module{gap:10px}.w-50 .tab-icons-module .tab-icons-panel,.w-60 .tab-icons-module .tab-icons-panel,.V_harf .tab-icons-module .tab-icons-panel,.V_60per .tab-icons-module .tab-icons-panel{padding:16px}
/*# sourceMappingURL=ibuilder-tab-icons.css.map */