.ranking-genre-tabs{margin-left:-16px;margin-right:-16px;padding:8px 16px 16px;cursor:grab;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.ranking-genre-tabs::-webkit-scrollbar{display:none}.ranking-genre-tabs:active{cursor:grabbing}.ranking-genre-tabs-list{display:flex;flex-wrap:nowrap;gap:8px;width:-moz-max-content;width:max-content}.ranking-genre-tabs-item{flex-shrink:0}.ranking-genre-tabs-button{display:flex;gap:4px;padding:6px 12px;font-size:15px;color:#6f6f77;line-height:18px;white-space:nowrap;border-radius:9999px;border:1px solid #e9e9ec;background-color:#fff;cursor:pointer}.ranking-genre-tabs-button.active{color:#c40017;background-color:rgba(255,82,84,.15);border-color:transparent}@media (max-width:960px){.ranking-genre-tabs{padding:8px 16px}}.ranking-section{width:100%;padding:20px 0;background-color:hsla(0,0%,100%,.1)}.ranking-empty{display:flex;align-items:center;justify-content:center;min-height:374px;font-size:16px;color:#888;white-space:pre;text-align:center}@media (max-width:960px){.ranking-section{padding-left:16px;padding-right:16px}.ranking-empty{min-height:240px;font-size:14px}}.checked-work-section .item-comic{min-width:210px}@media (max-width:768px){.checked-work-section .item-comic{min-width:190px;max-width:105px}}@media (max-width:440px){.checked-work-section .item-comic{min-width:105px;max-width:105px}}.container-tab{border-bottom:1px solid hsl(var(--very-light-black));background:#fff;overflow-x:hidden;padding-left:16px}@media screen and (min-width:960px){.container-tab{padding-left:0}}.tabs-root{display:flex;flex-direction:column;width:100%}.tabs-list{flex-shrink:0;display:flex;justify-content:flex-start!important;gap:6px;background-color:transparent;height:48px;padding:0;border-radius:0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}@media screen and (min-width:960px){.tabs-list{justify-content:center!important;gap:10px}}.tabs-list::-webkit-scrollbar{display:none}.tab-trigger{position:relative;background-color:#fff;padding:0 6px;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:0;transition:color .2s ease}.tab-trigger:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent;transition:background-color .2s ease}.tab-trigger[data-state=active]{color:var(--primary)}.tab-trigger[data-state=active]:after{background-color:currentColor}@media screen and (min-width:960px){.tabs-list{height:56px}.tabs-list .tab-trigger{font-size:18px;padding:19px 16px}}