.portrait-card,.story-card{flex:none;margin-right:25px;margin-bottom:25px;width:250px}.card-frame{height:250px;width:250px;box-shadow:inset 0 0 1px 0 rgba(32,32,32,.15)}.card-frame,.card-frame img{border-radius:.25rem;position:relative}.card-frame img{height:100%;width:100%;opacity:0;z-index:-10}.card-frame img.lazyloaded{opacity:1;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.card-frame .overlay,.card-frame .title{height:4rem;overflow:hidden;position:absolute;bottom:0;left:0;width:100%}.card-frame .overlay{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;z-index:10;background:rgba(32,32,32,.5)}.card-frame .title{font-size:1.0625rem;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));z-index:20;line-height:1.4;padding:3% 4%}.card-frame .bg{border-radius:.25rem;height:100%;position:absolute;top:0;left:0;width:100%;z-index:-20}.prod-card .card-frame,.pub-card .card-frame{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.prod-card .card-frame:hover,.pub-card .card-frame:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 1px 3px 0 rgba(0,0,0,.06)}.pub-card .avatar-frame{border-radius:9999px;margin-left:auto;margin-right:auto;position:relative;width:115px;height:115px;box-shadow:inset 0 0 2px 0 rgba(32,32,32,.15)}.pub-card .avatar-frame img{border-radius:9999px}.pub-card .avatar-frame .bg{border-radius:9999px;z-index:-19}.pub-card .title{font-weight:500;height:2.5rem;padding:0;position:static;text-align:center;--tw-text-opacity:1;color:rgba(33,33,33,var(--tw-text-opacity))}.pub-card .btn{--tw-bg-opacity:1;background-color:rgba(238,238,238,var(--tw-bg-opacity));border-radius:.5rem;display:inline-block;font-size:.875rem;line-height:1.25rem;line-height:1.5;padding:.5rem 1rem;--tw-text-opacity:1;color:rgba(66,66,66,var(--tw-text-opacity))}.prod-card .cover-frame{border-radius:.25rem;margin-left:auto;margin-right:auto;position:relative;width:115px;height:140px}.prod-card .cover-frame img{border-radius:.25rem}.prod-card .cover-frame .bg{border-radius:.25rem;z-index:-19}.prod-card .title{font-weight:500;font-size:1rem;line-height:1.5rem;padding:0 .5rem;position:static;text-align:center;--tw-text-opacity:1;color:rgba(33,33,33,var(--tw-text-opacity));line-height:1.4;height:4.5rem}.card-glass{height:100%;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));width:100%;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}a .card-frame:hover .card-glass{opacity:.88}.card-footer{display:flex;justify-content:space-between;line-height:1;--tw-text-opacity:1;color:rgba(66,66,66,var(--tw-text-opacity));padding:.5rem .1875rem .25rem}.card-footer .footer-left{display:block;font-size:.875rem;line-height:1.25rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:1px}.card-footer .footer-right{flex:none}.card-footer .pub{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer .pub:hover{text-decoration:underline}.card-footer .age{--tw-text-opacity:1;color:rgba(97,97,97,var(--tw-text-opacity));margin-top:.43em}.card-footer .ico-sz{margin-right:.3125rem}.rating-value{border-radius:.25rem;line-height:1;text-align:center;--tw-text-opacity:1;color:rgba(66,66,66,var(--tw-text-opacity));padding:.25em;box-shadow:inset 0 1px 3px 0 rgba(32,32,32,.12)}.rating-label{font-weight:200;font-size:.75rem;line-height:1rem;line-height:1;--tw-text-opacity:1;color:rgba(97,97,97,var(--tw-text-opacity))}.card-scroller{display:flex;flex-wrap:wrap;padding-top:25px;padding-left:25px}.card-container{margin-left:auto;margin-right:auto;margin-bottom:1rem;width:100%}@media (min-width:579px){.card-container{max-width:579px}}@media (min-width:856px){.card-container{max-width:856px}}@media (min-width:1133px){.card-container{max-width:1133px}}@media (min-width:1410px){.card-container{max-width:1410px}}@media (min-width:1687px){.card-container{max-width:1687px}}@media (min-width:1964px){.card-container{max-width:1964px}}.story-spinner{display:flex;align-items:center;justify-content:center;height:250px;margin-right:25px;margin-bottom:25px;opacity:0;width:250px}.story-spinner>img{width:125px;height:125px}@media (max-width:578px){.card-scroller{justify-content:space-between;padding:15px 15px 0}.story-card,.story-spinner{margin:0 0 20px}.story-card .card-frame .overlay,.story-card .card-frame .title{height:25.6%}.story-card .card-frame .title{font-weight:500}.story-card.pub-card .card-frame .title{height:auto}.story-card.prod-card .card-frame .title{height:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer .footer-left{font-size:.75rem;line-height:1rem;line-height:1}.card-footer .rating-value{font-size:.875rem;line-height:1.25rem;line-height:1}.card-footer .rating-label{font-weight:300;font-size:.6875rem}}@media (max-width:359px){.story-card{width:136px}.story-card .card-frame{width:136px;height:136px}.story-card .card-frame .title{font-size:.578rem}.story-card.pub-card .avatar-frame{width:80px;height:80px}.story-card.prod-card .cover-frame{width:66px;height:80px}.story-spinner{width:136px;height:136px}}@media (min-width:360px) and (max-width:374px){.story-card{width:156px}.story-card .card-frame{width:156px;height:156px}.story-card .card-frame .title{font-size:.663rem}.story-card.pub-card .avatar-frame{width:90px;height:90px}.story-card.prod-card .cover-frame{width:78px;height:95px}.story-spinner{width:156px;height:156px}}@media (min-width:375px) and (max-width:392px){.story-card{width:164px}.story-card .card-frame{width:164px;height:164px}.story-card .card-frame .title{font-size:.697rem}.story-card.pub-card .avatar-frame{width:100px;height:100px}.story-card.prod-card .cover-frame{width:86px;height:105px}.story-spinner{width:164px;height:164px}}@media (min-width:393px) and (max-width:399px){.story-card{width:172px}.story-card .card-frame{width:172px;height:172px}.story-card .card-frame .title{font-size:.735rem}.story-card.pub-card .avatar-frame{width:100px;height:100px}.story-card.prod-card .cover-frame{width:94px;height:115px}.story-spinner{width:172px;height:172px}}@media (min-width:400px) and (max-width:410px){.story-card{width:176px}.story-card .card-frame{width:176px;height:176px}.story-card .card-frame .title{font-size:.748rem}.story-card.prod-card .cover-frame{width:94px;height:115px}.story-spinner{width:176px;height:176px}}@media (min-width:411px) and (max-width:431px){.story-card{width:182px}.story-card .card-frame{width:182px;height:182px}.story-card .card-frame .title{font-size:.7735rem}.story-card.prod-card .cover-frame{width:103px;height:125px}.story-spinner{width:182px;height:182px}}@media (min-width:432px) and (max-width:479px){.story-card{width:192px}.story-card .card-frame{width:192px;height:192px}.story-card .card-frame .title{font-size:.816rem}.story-card.prod-card .cover-frame{width:110px;height:134px}.story-spinner{width:192px;height:192px}}@media (min-width:480px) and (max-width:578px){.story-card{width:216px}.story-card .card-frame{width:216px;height:216px}.story-card .card-frame .title{font-size:.918rem}.story-spinner{width:216px;height:216px}}@media (min-width:579px){.nav-container.card-view{max-width:579px}}@media (min-width:856px){.nav-container.card-view{max-width:856px}}@media (min-width:1133px){.nav-container.card-view{max-width:1133px;justify-content:space-between}}@media (min-width:1410px){.nav-container.card-view{max-width:1410px}}@media (min-width:1687px){.nav-container.card-view{max-width:1687px}}@media (min-width:1964px){.nav-container.card-view{max-width:1964px}}