.DramaBoxCardPoster-module-scss-module__MdKtrW__poster{aspect-ratio:3/4;border-radius:calc(12*var(--drama-box-unit,1px));background:var(--bg-800);width:100%;display:block;position:relative;overflow:hidden}.DramaBoxCardPoster-module-scss-module__MdKtrW__poster:after{content:"";border:1px solid var(--alpha-white-10);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile{border-radius:calc(8*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.DramaBoxCardPoster-module-scss-module__MdKtrW__rankShade{height:calc(34*var(--drama-box-unit,1px));pointer-events:none;background:linear-gradient(185.96deg,#0000 22.304%,#000000a6 94.912%);position:absolute;bottom:0;left:0;right:0}.DramaBoxCardPoster-module-scss-module__MdKtrW__top{justify-content:space-between;align-items:center;gap:calc(4*var(--drama-box-unit,1px));padding:calc(10*var(--drama-box-unit,1px));filter:drop-shadow(0 1px 1px #00000040);pointer-events:none;display:flex;position:absolute;top:0;left:0;right:0}.DramaBoxCardPoster-module-scss-module__MdKtrW__compact .DramaBoxCardPoster-module-scss-module__MdKtrW__top{padding:calc(8*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__top{gap:calc(2*var(--drama-box-unit,1px));padding:calc(6*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__topStart{align-items:center;gap:calc(4*var(--drama-box-unit,1px));flex:1;min-width:0;display:flex}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__topStart{gap:calc(2*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__pill{justify-content:center;align-items:center;gap:calc(2*var(--drama-box-unit,1px));padding:calc(4*var(--drama-box-unit,1px)) calc(6*var(--drama-box-unit,1px));background:var(--alpha-neutral-60);color:var(--text-primary);white-space:nowrap;border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__pill{padding:calc(2*var(--drama-box-unit,1px)) calc(4*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__pillNew{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(11*var(--drama-box-unit,1px));font-weight:500;line-height:calc(12*var(--drama-box-unit,1px));letter-spacing:.02em;font-feature-settings:"ss01" on,"ss04" on;text-transform:uppercase;background:var(--bg-0);color:var(--bg-950)}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__pillNew{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(9*var(--drama-box-unit,1px));font-weight:500;line-height:calc(11*var(--drama-box-unit,1px));letter-spacing:.02em;font-feature-settings:"ss01" on,"ss04" on;text-transform:uppercase;color:var(--bg-700)}.DramaBoxCardPoster-module-scss-module__MdKtrW__pillNewEpisodes{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(11*var(--drama-box-unit,1px));font-weight:500;line-height:calc(12*var(--drama-box-unit,1px));letter-spacing:0;font-feature-settings:"ss01" on,"ss04" on}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__pillNewEpisodes{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(9*var(--drama-box-unit,1px));font-weight:400;line-height:calc(11*var(--drama-box-unit,1px));letter-spacing:0;font-feature-settings:"ss01" on,"ss04" on}.DramaBoxCardPoster-module-scss-module__MdKtrW__pillCount{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(11*var(--drama-box-unit,1px));font-weight:400;line-height:calc(12*var(--drama-box-unit,1px));letter-spacing:.02em;font-feature-settings:"ss01" on,"ss04" on;text-transform:uppercase}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__pillCount{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(9*var(--drama-box-unit,1px));font-weight:400;line-height:calc(11*var(--drama-box-unit,1px));letter-spacing:.02em;font-feature-settings:"ss01" on,"ss04" on}.DramaBoxCardPoster-module-scss-module__MdKtrW__pillViews{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(10*var(--drama-box-unit,1px));font-weight:400;line-height:calc(11*var(--drama-box-unit,1px));letter-spacing:-.01em;font-feature-settings:"ss01" on,"ss04" on;text-transform:uppercase}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__pillViews{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(9*var(--drama-box-unit,1px));font-weight:400;line-height:calc(11*var(--drama-box-unit,1px));letter-spacing:-.01em;font-feature-settings:"ss01" on,"ss04" on}.DramaBoxCardPoster-module-scss-module__MdKtrW__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.DramaBoxCardPoster-module-scss-module__MdKtrW__icon svg{width:100%;height:100%;display:block}.DramaBoxCardPoster-module-scss-module__MdKtrW__iconLayer{width:calc(12*var(--drama-box-unit,1px));height:calc(12*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__iconLayer,.DramaBoxCardPoster-module-scss-module__MdKtrW__iconPlay{width:calc(10*var(--drama-box-unit,1px));height:calc(10*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__iconPlay{width:calc(8*var(--drama-box-unit,1px));height:calc(8*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__iconNotify{width:calc(20*var(--drama-box-unit,1px));height:calc(20*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__bottom{min-height:calc(38*var(--drama-box-unit,1px));pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__bottom{min-height:calc(20*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__bottomRow{height:calc(27*var(--drama-box-unit,1px));padding:0 calc(10*var(--drama-box-unit,1px));flex:none;justify-content:space-between;align-items:flex-end;display:flex}.DramaBoxCardPoster-module-scss-module__MdKtrW__compact .DramaBoxCardPoster-module-scss-module__MdKtrW__bottomRow{padding:0 calc(8*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__bottomRow{height:auto;padding:0 calc(6*var(--drama-box-unit,1px));filter:drop-shadow(0 1px 1px #00000040)}.DramaBoxCardPoster-module-scss-module__MdKtrW__rank{font-family:var(--font-inter-display,"Inter Display", "InterDisplay", "Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(32*var(--drama-box-unit,1px));font-weight:500;line-height:calc(26*var(--drama-box-unit,1px));letter-spacing:-.026em;font-feature-settings:"ss01" on,"ss04" on;color:var(--text-primary);text-shadow:0 calc(2*var(--drama-box-unit,1px)) calc(8*var(--drama-box-unit,1px)) #00000080,0 calc(4*var(--drama-box-unit,1px)) calc(20*var(--drama-box-unit,1px)) #0003;flex:none;font-weight:900}.DramaBoxCardPoster-module-scss-module__MdKtrW__progress{padding:calc(10*var(--drama-box-unit,1px));background:linear-gradient(#0000 3.278%,#00000080 99.998%);flex:none}.DramaBoxCardPoster-module-scss-module__MdKtrW__compact .DramaBoxCardPoster-module-scss-module__MdKtrW__progress{padding:calc(8*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__progress{padding:calc(6*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__progressTrack{height:calc(4*var(--drama-box-unit,1px));background:var(--alpha-white-24);border-radius:999px;display:block;position:relative;overflow:hidden}.DramaBoxCardPoster-module-scss-module__MdKtrW__mobile .DramaBoxCardPoster-module-scss-module__MdKtrW__progressTrack{height:calc(3*var(--drama-box-unit,1px))}.DramaBoxCardPoster-module-scss-module__MdKtrW__progressFill{background:var(--text-primary);border-radius:100px;position:absolute;top:0;bottom:0;left:0}.DramaBoxCardPoster-module-scss-module__MdKtrW__notify{left:calc(7*var(--drama-box-unit,1px));bottom:calc(7*var(--drama-box-unit,1px));z-index:2;padding:calc(10*var(--drama-box-unit,1px));background:var(--alpha-neutral-60);color:var(--text-primary);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.DramaBoxCardPoster-module-scss-module__MdKtrW__notify:focus-visible{outline:2px solid var(--primary-300);outline-offset:2px}
.DramaBoxPopularCard-module-scss-module__WkFPCa__root{align-items:flex-start;gap:calc(16*var(--drama-box-unit,1px));width:100%;min-width:0;color:var(--text-primary);display:flex;position:relative}.DramaBoxPopularCard-module-scss-module__WkFPCa__mobile{gap:calc(12*var(--drama-box-unit,1px))}.DramaBoxPopularCard-module-scss-module__WkFPCa__hoverable{z-index:1;cursor:pointer}.DramaBoxPopularCard-module-scss-module__WkFPCa__raised{z-index:50}.DramaBoxPopularCard-module-scss-module__WkFPCa__open{z-index:100}.DramaBoxPopularCard-module-scss-module__WkFPCa__poster{width:calc(135*var(--drama-box-unit,1px));flex:none}.DramaBoxPopularCard-module-scss-module__WkFPCa__mobile .DramaBoxPopularCard-module-scss-module__WkFPCa__poster{width:calc(96*var(--drama-box-unit,1px))}.DramaBoxPopularCard-module-scss-module__WkFPCa__content{gap:calc(12*var(--drama-box-unit,1px));text-shadow:0 0 3.527px #00000052;flex-direction:column;flex:1;min-width:0;display:flex}.DramaBoxPopularCard-module-scss-module__WkFPCa__mobile .DramaBoxPopularCard-module-scss-module__WkFPCa__content{gap:calc(8*var(--drama-box-unit,1px));text-shadow:none}.DramaBoxPopularCard-module-scss-module__WkFPCa__text{gap:calc(4*var(--drama-box-unit,1px));flex-direction:column;min-width:0;display:flex}.DramaBoxPopularCard-module-scss-module__WkFPCa__title{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(16*var(--drama-box-unit,1px));font-weight:500;line-height:calc(24*var(--drama-box-unit,1px));letter-spacing:-.016em;font-feature-settings:"ss01" on,"ss04" on;color:var(--text-primary);overflow-wrap:anywhere;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.DramaBoxPopularCard-module-scss-module__WkFPCa__mobile .DramaBoxPopularCard-module-scss-module__WkFPCa__title{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(14*var(--drama-box-unit,1px));font-weight:500;line-height:calc(20*var(--drama-box-unit,1px));letter-spacing:-.006em;font-feature-settings:"ss01" on,"ss04" on}.DramaBoxPopularCard-module-scss-module__WkFPCa__titleLink{text-decoration:none}.DramaBoxPopularCard-module-scss-module__WkFPCa__titleLink:after{content:"";z-index:1;border-radius:calc(12*var(--drama-box-unit,1px));position:absolute;inset:0}.DramaBoxPopularCard-module-scss-module__WkFPCa__titleLink:focus-visible{outline:none}.DramaBoxPopularCard-module-scss-module__WkFPCa__titleLink:focus-visible:after{outline:2px solid var(--primary-300);outline-offset:2px}.DramaBoxPopularCard-module-scss-module__WkFPCa__mobile .DramaBoxPopularCard-module-scss-module__WkFPCa__titleLink:after{border-radius:calc(8*var(--drama-box-unit,1px))}.DramaBoxPopularCard-module-scss-module__WkFPCa__categories{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(14*var(--drama-box-unit,1px));font-weight:400;line-height:calc(20*var(--drama-box-unit,1px));letter-spacing:-.006em;font-feature-settings:"ss01" on,"ss04" on;color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.DramaBoxPopularCard-module-scss-module__WkFPCa__mobile .DramaBoxPopularCard-module-scss-module__WkFPCa__categories{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(12*var(--drama-box-unit,1px));font-weight:400;line-height:calc(16*var(--drama-box-unit,1px));letter-spacing:0;font-feature-settings:"ss01" on,"ss04" on}.DramaBoxPopularCard-module-scss-module__WkFPCa__description{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(14*var(--drama-box-unit,1px));font-weight:400;line-height:calc(20*var(--drama-box-unit,1px));letter-spacing:-.006em;font-feature-settings:"ss01" on,"ss04" on;color:#fffc;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;margin:0;transition:opacity .15s ease-out 80ms;display:-webkit-box;overflow:hidden}.DramaBoxPopularCard-module-scss-module__WkFPCa__open .DramaBoxPopularCard-module-scss-module__WkFPCa__description{opacity:0;transition:opacity 80ms linear}.DramaBoxPopularCard-module-scss-module__WkFPCa__mobile .DramaBoxPopularCard-module-scss-module__WkFPCa__description{font-family:var(--font-inter,"Inter", "InterVariable", system-ui, -apple-system, sans-serif);font-size:calc(13*var(--drama-box-unit,1px));font-weight:400;line-height:calc(20*var(--drama-box-unit,1px));letter-spacing:-.006em;font-feature-settings:"ss01" on,"ss04" on;-webkit-line-clamp:4;line-clamp:4}