@charset "UTF-8";

.bprfd_contents{/* gap:20px 30px; */padding:0 var(--pd-side);}
.bprfd_thumbnail{position:relative;flex-shrink:0;align-self:flex-start;width:100%;max-width:500px;margin-left:auto;margin-right:auto;}
.bprfd_thumbnail_swp{position:relative;display:flex;width:100%;aspect-ratio:1 / 1;/* width:395px;height:395px; */overflow:hidden;}
.bprfd_thumbnail_slide{border-radius:5px;background-color:var(--sub-bg-color12);background-image:var(--thumb-holder, url("https://cdn.borichat.kr/bori/thumb_holder_dark.png"));background-repeat:no-repeat;background-position:center;background-size:70px;}
.bprfd_thumbnail_slide:has(.pre-loader){background-image:none;}
.bprfd_thumbnail_img{display:block;width:100%;height:100%;border-radius:5px;object-fit:cover;object-position:top center;margin:auto;}
.bprfd_thumbnail_img.obj_fit_contain{object-fit:contain;}
.bprfd_thumbnail_img.original_size{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:fill;object-position:50% 50%;}
.bprfd_thumbnail_pagination{position:absolute;bottom:0;right:0;gap:5px;padding:4px 8px;border-radius:4px;background-color:rgba(0, 0, 0, 0.55);font-size:0.875rem;color:#FFF;z-index:2;margin:10px;}
.bprfd_thumbnail_pagination svg{width:1em;fill:#FFF;}
.bprfdPgnNum{width:auto;}

@keyframes thumb-pulse{
	0%{opacity:0;}
	96%, 100%{opacity:1;}
}

.pre-loader svg{width:70px;fill:#606060;margin:auto;animation:thumb-pulse 1s alternate linear infinite;}
[color-theme="light"] .pre-loader svg{fill:#ABABAB;}

.bprfd_thumbnail_slide .purchased_label{position:absolute;top:0;left:0;padding:5px 8px 4px;border-radius:5px;background-color:#FAFAFA;font-size:0.75rem;text-align:center;color:#000;line-height:1.2;margin:10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12);pointer-events:none;}

.bprfd_thumb_pglists{display:grid;grid-template-columns:repeat(8, 1fr);gap:1px;width:100%;max-width:500px;margin-left:auto;margin-right:auto;}
.bprfd_thumb_pgli{position:relative;border-radius:5px;aspect-ratio:1 / 1;}
.bprfd_thumb_pgli .bprfd_thumbnail_img, .bprfd_thumbnail_more{border:2px solid transparent;transition-property:border-color, opacity;transition-duration:0.15s;}
.bprfd_thumb_pgli:has(.bprfd_thumbnail_more) .bprfd_thumbnail_img, .bprfd_thumb_pgli.no-hover .bprfd_thumbnail_img{border-width:0;}
.bprfd_thumb_pgli:not(.viewBprfdThumbMore):hover .bprfd_thumbnail_img, .bprfd_thumb_pgli.active .bprfd_thumbnail_img{opacity:1;}
.bprfd_thumb_pgli:hover .bprfd_thumbnail_img{border-color:var(--line-btn-color);}
.bprfd_thumb_pgli.active .bprfd_thumbnail_img{border-color:var(--theme-color);}
.bprfd_thumbnail_more{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;background-color:rgba(0, 0, 0, 0.4);color:#FFF;}
.bprfd_thumbnail_more:hover{border-color:var(--line-btn-color);}
.bprfd_thumb_pgli .imgBuyLabel{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background-color:#F5F5F5;color:#000;box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.25);pointer-events:none;}
.bprfd_thumb_pgli .imgBuyLabel svg{width:8px;fill:currentColor;}
:where(.viewBprfdThumbPcs, .bprfd_thumb_pgli.gray_blur) .bprfd_thumbnail_img{filter:grayscale(1);}
:where(.viewBprfdThumbPcs, .bprfd_thumb_pgli.gray_blur)::after{content:"";display:block;position:absolute;top:1px;bottom:1px;left:1px;right:1px;border-radius:4px;backdrop-filter:blur(6px);margin:auto;pointer-events:none;}
:where(.bprfd_thumb_pgli.gray_blur)::after{top:0;bottom:0;left:0;right:0;border-radius:5px;backdrop-filter:blur(8px);}

.bprfd_content_dep{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;}
.bprfd_condep_item.bottom{padding-top:20px;margin-top:auto;}
.bprfd_con_head{gap:10px;min-width:0;align-items:center;justify-content:space-between;}
.bprfd_con_user{min-width:0;}
.user_thumbnail{width:24px;height:24px;border-radius:50%;overflow:hidden;}
.user_thumbnail img{display:block;width:100%;height:100%;object-fit:cover;}
.bprfd_con_user .user_name{align-self:center;}
.bprfd_conhd_item{gap:6px;color:var(--sub-color2);line-height:1.2;}
.bprfd_conhd_item svg{width:1em;width:1.25em;height:1.25em;flex-shrink:0;fill:currentColor;}
/* .bprfd_conhd_item .heart_icon{height:1em;} */
.bprfd_conhd_item:where(.epIntrUp){z-index:3;}
.bprfd_conhd_item.active{color:var(--theme-color);}
.bprfd_conhd_item.active svg{fill:var(--theme-color);}

.bprfd_con_dscs{margin-top:25px;}
.bprfd_con_dscs .title{font-size:1.5em;font-weight:500;}
.bprfd_con_dscs :where(.safety_symbol, .adult19_icon){vertical-align:-4px;margin-right:4px;}
.bprfd_con_dscs .summary{color:#878787;line-height:1.3;margin-top:12px;}
.bprfd_con_dscs .hashtags{flex-wrap:wrap;gap:5px;}

.bprfd_details{padding:5px var(--pd-side);}
.bprfd_details_contents{display:none;position:relative;overflow:hidden;margin-top:18px;}
.bprfd_detcon_splash{flex-wrap:wrap;gap:6px 15px;color:#878787;margin:9px auto 0;}
.bprfd_detcon_spl_bar{display:inline-block;width:1px;height:0.688em;background-color:#373737;flex-shrink:0;align-self:center;}
.bprfd_detcon_summary{color:#878787;margin-top:11px;}
.bprfd_detcon_category, .bprfd_detcon_category li{margin-top:18px;}
.bprfd_detcon_cate_it dt.name{font-weight:500;margin-bottom:10px;}
.bprfd_detcon_cate_it .cate_lists{flex-wrap:wrap;gap:5px;}

.bori_category_list{padding:6px 9px;border-radius:5px;background-color:var(--hashtag-bg);font-size:0.75em;line-height:1;}

.bprfd_nav_menu{gap:15px;padding-left:var(--pd-side);padding-right:var(--pd-side);margin-bottom:20px;}
.bprfd_nav_menu.pdlPlus{padding-left:calc(var(--pd-side) + 10px);}
.bprfd_nav_menu .bori_catemn_item > span{font-size:1rem;}

.prf_sp_spon_notif{padding:12px 20px;background-color:var(--sub-bg-color);border-radius:5px;border:1px solid var(--line-color1);}
.prf_sp_spon_notif_ttl{gap:10px;}
.prf_sp_spon_notif_ttl svg.spon_icon{width:14px;fill:var(--main-color);}

.recomm_coment_btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-color6);background-color:var(--sub-bg-color18);color:#FFF;transition-property:background-color;transition-duration:0.25s;}
.recomm_coment_btn svg{width:0.75rem;height:0.75rem;fill:currentColor;}
.recomm_coment_btn .prf-thumb-loading-spin ~ svg{display:none;}

/* 제작자's 캐릭터 (컨텐츠 컬렉션) */
.auth_works_swp_wrap{position:relative;}
.auth_work_swp_list{width:150px;height:auto;}


/* 대화 시작 옵션 레이어 팝업 */
.select_startup_btn{padding:12px 20px;gap:20px;border:1px solid var(--line-color6);border-radius:5px;background-color:var(--sub-bg-color24);text-align:left;transition-property:background-color, border-color;transition-duration:0.2s;}
.select_startup_ico svg{fill:var(--sub-color1);}
.select_startup_ico svg:where(.speech_bubble_icon){width:20px;height:20px;}


@media (hover:hover) and (pointer:fine){
	.recomm_coment_btn:hover{border-color:var(--line-color2);background-color:var(--line-color2);}

	/* 대화 시작 옵션 레이어 팝업 */
	.select_startup_btn:hover{border-color:var(--theme-color);background-color:var(--sub-bg-color24-hover);}
}

@media screen and (max-width:850px){
	.bprfd_contents{-webkit-flex-direction:column;-moz-flex-direction:column;-o-flex-direction:column;flex-direction:column;}
	.bprfd_thumbnail_swp{height:auto;aspect-ratio:1 / 1;}
}

@media screen and (max-width:767px){
	.bori_swp_nav_btn:is(.authWorksSwpPrev, .authWorksSwpNext){display:none !important;}
}

@media screen and (max-width:650px){
	.bprfd_nav_menu{padding-left:var(--pd-side);padding-right:var(--pd-side);margin-bottom:15px;}
	.bprfd_conhd_item{font-size:0.875rem;}

	.bprfd_thumb_pgli .imgBuyLabel{top:3px;right:3px;width:14px;height:14px;}
	.bprfd_thumb_pgli .imgBuyLabel svg{width:6px;}

	.prf_sp_spon_notif{padding-left:15px;padding-right:15px;}
	.prf_sp_spon_notif_ttl{gap:6px;}
}

@media screen and (max-width:529px){
	/* 제작자's 캐릭터 (컨텐츠 컬렉션) */
	.auth_work_swp_list{width:34vw;width:calc(38vw - 10px);}


	/* 대화 시작 옵션 레이어 팝업 */
	.select_startup_btn{padding-left:15px;padding-right:15px;gap:15px;}
}