@charset "UTF-8";

/* 작품 리스트 */
.romnliit{position:relative;user-select:none;-webkit-user-drag:none;}
.romnliit_thumb{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:91 / 160;}
:where(.romnliit.aspect1) .romnliit_thumb{aspect-ratio:1;}
.romnliit_thumb::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:75%;background:linear-gradient(0deg, #000, transparent);pointer-events:none;}
.romnliit_thumb_img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 0;transition-property:transform;transition-duration:0.25s;}
.romnliit_topmn{position:absolute;top:0;}
.romnliit_topmn.left{left:0;}
.romnliit_topmn.right{right:0;gap:5px;margin-top:5px;margin-right:6px;}
.romini_pick_lb{padding:4px 1px 4px 5px;background:linear-gradient(90deg, #000, rgba(0, 0, 0, 0.7), transparent);}
.romini_pick_ico{fill:#FFF;}
.romnliit_fav_btn{width:18px;height:18px;border-radius:50%;background-color:rgba(0, 0, 0, 0.3);color:#FFF;transition:background-color 0.25s;}
.romnliit_fav_btn .heart_icon{width:10px;height:9px;fill:#FFF;}
.romnliit_fav_btn:where(:not(.liked)) .svg_path_fill{fill:none;}
.romnliit_fav_btn.liked .heart_icon{fill:var(--theme-color-liked, #E040A0);}
:where(.romnliit_topmn) .safety_symbol{width:16px;height:16px;fill:#EEE;filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));align-self:center;}
:where(.romnliit_topmn) .adult19_icon{width:18px;height:18px;align-self:center;}
.romnliit_cons{position:absolute;bottom:0;left:0;width:100%;padding:15px;color:#FFF;}
.romnliit_title{font-size:1.125rem;font-weight:500;}
.romnliit_con_sec2{gap:6px 10px;margin-top:9px;}
.romnliit_state_count_lb{gap:3px;font-size:0.75rem;line-height:1;}
.romnliit_state_count_lb svg{width:10px;height:10px;fill:currentColor;}
.romnliit_summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:2.61em;overflow:hidden;white-space:normal;text-overflow:ellipsis;font-size:0.75rem;color:#979797;margin-top:10px;}
.romnliit_hash_sec{height:16px;overflow:hidden;gap:3px;flex-wrap:wrap;margin-top:9px;}
.romnliit_hash{padding:0 5px;height:16px;line-height:16px;border-radius:3px;background-color:#B57BFF33;color:#B57BFF;font-size:0.563rem;}
.romnliit_hash svg:where(.picture2_icon){width:10px;height:10px;fill:currentColor;}
.romnliit_con_bt{font-size:0.625rem;margin-top:10px;}
.romnliit_autor{color:#B57BFF;}
.romnliit_fav_count{align-items:center;gap:5px;color:#979797;}
.romnliit_fav_count .heart_icon{width:8px;height:8px;fill:currentColor;}

/* 그라데이션 안내 (셔플하기) */
.romn_grad_bar{padding:17px;border-radius:10px;background-image:linear-gradient(135deg, #8B3FE8, #DC6586);gap:15px;color:#FFF;}
.romn_grad_bar_ico{font-size:36px;line-height:1;}
.romn_grad_bar_dl{line-height:1.1;}
.romn_grad_bar_btn{padding:15px 25px;padding-left:32px;border-radius:10px;background-color:rgba(255, 255, 255, 0.3);transition:0.25s;}

/* 로미니 드랍다운 메뉴 */
.romn_drop_toggle_btn, .romn_drop_list{background-color:var(--bg-elevated);}
.romn_drop_toggle_btn{padding:7px 10px;border-radius:28px;line-height:1.2;}
.romn_drop_toggle_btn:where(.hgt28){height:28px;padding-top:4px;padding-bottom:4px;font-size:0.75rem;}
.romn_drop_toggle_btn .arrow{transition:transform 0.25s;}
:where(.bori_dropdown_menu:has(.romn_drop_list.slideDown)) .romn_drop_toggle_btn .arrow{transform:rotate(180deg);}
.romn_drop_list{position:absolute;top:100%;left:0;width:100%;border:1px solid var(--line-color1);border-radius:8px;overflow:hidden;margin-top:3px;}
.romn_drop_list:not(.slideDown){display:none;}
.romn_drop_list_btn{padding:10px;font-size:0.75rem;line-height:1.2;opacity:0.7;}
.romn_drop_list_btn svg{width:8px;height:8px;fill:currentColor;opacity:0;}
.romn_drop_list_btn.on{background-color:var(--highlight-color);color:var(--main-color);opacity:1;}
.romn_drop_list_btn.on svg{opacity:1;}
.romn_drop_list_btn:hover{background-color:var(--highlight-color);}

/* 메인 상단 카테고리 메뉴 */
.romn_mncate_menu_item{width:auto;}
.romn_mncate_menu_btn{height:28px;padding:4px 12px;border-radius:28px;font-size:0.75rem;color:var(--sub-color11);line-height:1.2;-webkit-user-drag:none;user-select:none;}
.romn_mncate_menu_btn:not(.on)::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:28px;border:1px solid var(--line-color-rmn1);pointer-events:none;}
.romn_mncate_menu_btn.on{background:var(--bg-gradient1);color:#FFF;}


@media (hover:hover) and (pointer:fine){
	/* 작품 리스트 */
	.romnliit:where(:not(.disabled)):hover .romnliit_thumb_img{transform:scale(1.04);}

	.romn_grad_bar_btn:where(:not([disabled], .disabled)):hover{transform:scale(1.04);box-shadow:2px 3px 0 rgba(0, 0, 0, 0.2);}
}


@media screen and (max-width:500px){
	/* 그라데이션 안내 (셔플하기) */
	.romn_grad_bar_ico{font-size:32px;}
	.romn_grad_bar{flex-direction:column;align-items:center;}
}