.personRole{border-radius:.25rem;position:relative;padding-bottom:1rem;transition:background .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94);box-shadow:none}html.mouse .personRole:hover{border-radius:.25rem;background-color:var(--main-background-color-hover);box-shadow:0 16px 48px #00000014;transition:background-color .3s ease-in-out}html.mouse .page__section--black .personRole:hover{background-color:#202020}.personRole__container{position:relative}.personRole__posterRole{border-radius:.3125rem;position:relative;margin-bottom:1rem;padding-top:100%}.personRole__posterRole--empty{background:var(--plug-background-color) url(https://fwcdn.pl/prt/static/images/gf/iri/placeholders/plug-light.svg) center center no-repeat;background-clip:padding-box;-webkit-background-clip:padding-box}.personRole__posterRole>.poster{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.personRole__image{background:var(--plug-background-color) url(https://fwcdn.pl/prt/static/images/gf/iri/placeholders/plug-light.svg) center center no-repeat;background-clip:padding-box;-webkit-background-clip:padding-box;border-radius:.25rem;position:relative;margin-bottom:1rem;padding-top:100%;overflow:hidden}.personRole__image.personRole__image--empty{position:relative;margin-bottom:1rem;padding-top:100%}.personRole__image.personRole__image--empty .posterRole{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.personRole__image a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1);transition:transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform}html.mouse .personRole__image a:hover{transform:scale(1.1)}.personRole__image img{position:relative;width:100%;height:100%;object-fit:cover}.personRole__image:after{border-radius:.25rem;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(128,128,128,.25);pointer-events:none}.personRole__image--empty{background:#131313 url(https://fwcdn.pl/prt/static/images/gf/iri/placeholders/plug-dark.svg) center center no-repeat;background-clip:padding-box;-webkit-background-clip:padding-box}.personRole__ranking{border-radius:.25rem;clip-path:content-box;-webkit-clip-path:inset(0 0 0 0 round .25rem);position:absolute;z-index:1;top:.5rem;right:-.25rem;padding:.25rem;transition:background-color .3s cubic-bezier(.25,.46,.45,.94);background:#ccc;color:#242424;font-size:.75rem}html.mouse .personRole__ranking:hover{background:#eee}.personRole__ranking--top20{background:#ffc200}html.mouse .personRole__ranking--top20:hover{background:#ffd900}.personRole__title{display:block;display:-webkit-box;position:relative;max-height:4.5rem;overflow:hidden;font-size:1rem;line-height:1.5;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.5rem;text-align:center}.personRole__subtitle{display:block;display:-webkit-box;position:relative;max-height:2.5025rem;overflow:hidden;line-height:1.43;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.625rem;color:#888;font-size:.875rem;text-align:center}.personRole__subtitle a{transition:color .2s cubic-bezier(.25,.46,.45,.94);color:#976103}.mouse .personRole__subtitle a:hover{color:#976103b8}.page__section--black .personRole__subtitle a{color:#888}.page__section--black .personRole__subtitle a:hover{color:#eee}.personRole__rating{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--main-text-color)}.personRole__rating svg{width:1.5rem;height:1.5rem}.personRole__ratingIcon{margin-right:.125rem;margin-left:-.25rem;color:#ffc200;font-size:1.5rem}.personRole__ratingRate{margin-right:.5rem;font-size:1rem}.personRole__ratingCount{font-size:.875rem;text-transform:lowercase;white-space:nowrap}.personRole--poster .personRole__image{padding-top:142.3611111111%}@media (max-width: 767px){.personRole__image{margin-bottom:.5rem}.personRole__ratingIcon{margin-right:.125rem;margin-left:-.25rem;color:#ffc200;font-size:1.25rem}.personRole__ratingRate{margin-right:.5rem;font-size:.875rem;line-height:1.25rem}.personRole__ratingCount{font-size:.75rem;line-height:1rem}.personRole__title{margin-bottom:.25rem;font-size:.875rem;line-height:1rem}}@media (min-width: 768px){.personRole__subtitle{margin:0 .25rem .625rem}}.native-scrollbar{scrollbar-width:thin!important;scrollbar-face-color:rgba(128,128,128,.5);scrollbar-track-color:#fff;scrollbar-color:rgba(128,128,128,.5) #fff}.native-scrollbar::-webkit-scrollbar{-webkit-appearance:none}.native-scrollbar::-webkit-scrollbar:vertical{width:11px}.native-scrollbar::-webkit-scrollbar:horizontal{height:11px}.native-scrollbar::-webkit-scrollbar-thumb{border:4px solid #fff;border-radius:0;background-color:#80808080}.native-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#808080bf}.native-scrollbar::-webkit-scrollbar-track{background:#fff}.personRole__placeholder .placeholder{margin:0 auto}.personRole__placeholderPoster{background:var(--plug-background-color) url(https://fwcdn.pl/prt/static/images/gf/iri/placeholders/plug-light.svg) center center no-repeat;background-clip:padding-box;-webkit-background-clip:padding-box;margin-bottom:1.5rem;padding-top:100%;width:100%}.personRole__placeholderPerson.placeholder{width:70%;margin-bottom:1rem;height:.75rem}.personRole__placeholderRole.placeholder{width:50%;margin-bottom:1rem;height:.75rem}.personRole__placeholderRating.placeholder{width:60%;height:.75rem;margin-bottom:.625rem}