@layer properties;.portrait-card,.story-card{flex:none;margin-bottom:25px;margin-right:25px;width:250px}.card-frame{box-shadow:inset 0 0 1px 0 rgba(32,32,32,.15);height:250px;width:250px}.card-frame,.card-frame img{border-radius:.25rem;position:relative}.card-frame img{height:100%;opacity:0;width:100%;z-index:-10}.lazyloaded:is(.card-frame img){opacity:1;transition-duration:.15s;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-frame .overlay,.card-frame .title{bottom:0;height:4rem;left:0;overflow:hidden;position:absolute;width:100%}.card-frame .overlay{background:rgba(32,32,32,.5);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;z-index:10}.card-frame .title{color:#fff;font-size:1.0625rem;line-height:1.4;padding:3% 4%;z-index:20}.card-frame .bg{border-radius:.25rem;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-20}.card-frame .action{background:rgba(32,32,32,.8);border-radius:9999px;color:#fff;display:none;opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}@media (min-width:579px){.card-frame .action{display:block}}:is(.card-frame .action):active,:is(.card-frame .action):hover{background:#181818}.pub-card .card-frame{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}:is(.pub-card .card-frame):active,:is(.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;box-shadow:inset 0 0 2px 0 rgba(32,32,32,.15);height:115px;margin-left:auto;margin-right:auto;position:relative;width:115px}:is(.pub-card .avatar-frame) img{border-radius:9999px}:is(.pub-card .avatar-frame) .bg{border-radius:9999px;z-index:-19}.pub-card .title{color:#212121;font-weight:500;height:2.5rem;padding:0;position:static;text-align:center}.pub-card .btn{align-items:center;background-color:#eee;border-radius:.5rem;color:#424242;display:flex;font-size:.875rem;line-height:1.5;padding:.5rem 1rem}.card-glass{color:#fff;height:100%;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}a .card-frame:active .card-glass,a .card-frame:hover .card-glass{opacity:.88}@media (min-width:579px){a .card-frame:hover .action{opacity:1}}.card-footer{color:#424242;display:flex;justify-content:space-between;line-height:1;padding:.5rem .1875rem .25rem}.card-footer .footer-left{display:block;font-size:.875rem;line-height:1;overflow:hidden;padding-top:1px;text-overflow:ellipsis;white-space:nowrap}.card-footer .footer-right{flex:none}.card-footer .pub{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.card-footer .pub):active,:is(.card-footer .pub):hover{text-decoration-line:underline}.card-footer .age{color:#616161;margin-top:.43em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer .ico-sz{margin-right:.3125rem}.rating-value{border-radius:.25rem;box-shadow:inset 0 1px 3px 0 rgba(32,32,32,.12);color:#424242;padding:.25em;text-align:center}.rating-label{color:#616161;font-size:.75rem;font-weight:300;line-height:1}.card-header{display:flex;padding:4%;position:absolute;top:0;width:100%;z-index:20}.card-header .badge{border-radius:9999px;color:#212121;flex-grow:0;font-size:.6875rem;font-weight:500;line-height:1.5;overflow:hidden;padding:.25rem .75rem;text-overflow:ellipsis;white-space:nowrap;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.5);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card-scroller{display:flex;flex-wrap:wrap;padding-left:25px;padding-top:25px}.card-container{margin-left:auto;margin-right:auto;padding-bottom:1rem;position:relative;width:100%;z-index:0}@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}}@media (max-width:855px){.card-scroller.one-row .story-card:nth-child(n+5){display:none}}@media (min-width:856px) and (max-width:1132px){.card-scroller.one-row .story-card:nth-child(n+4){display:none}}@media (min-width:1133px) and (max-width:1409px){.card-scroller.one-row .story-card:nth-child(n+5){display:none}}@media (min-width:1410px) and (max-width:1686px){.card-scroller.one-row .story-card:nth-child(n+6){display:none}}@media (min-width:1687px) and (max-width:1963px){.card-scroller.one-row .story-card:nth-child(n+7){display:none}}@media (min-width:1964px){.card-scroller.one-row .story-card:nth-child(n+8){display:none}}.story-spinner{align-items:center;display:flex;height:250px;justify-content:center;margin-bottom:25px;margin-right:25px;opacity:0;width:250px}.story-spinner>img{height:125px;width:125px}.safari16 .card-footer,.safari16 .card-frame .title,.safari16 .pub-card .btn{font-variation-settings:"opsz" 14}@media (max-width:578px){.card-scroller{justify-content:space-between;padding:15px 15px 0}.story-card,.story-spinner{margin:0 0 20px}:is(.story-card .card-frame) .overlay,:is(.story-card .card-frame) .title{height:25.6%}:is(.story-card .card-frame) .title{font-weight:500}:is(.story-card.pub-card .card-frame) .title{height:auto}.card-footer .footer-left{font-size:.75rem;line-height:1}.card-footer .rating-value{font-size:.875rem;line-height:1}.card-footer .rating-label{font-size:.6875rem;font-weight:300}}@media (max-width:359px){.story-card{width:136px}.story-card .card-frame .title{font-size:.578rem}.story-card.pub-card .avatar-frame{height:80px;width:80px}.r-frame{height:136px;width:136px}}@media (min-width:360px) and (max-width:374px){.story-card{width:156px}.story-card .card-frame .title{font-size:.663rem}.story-card.pub-card .avatar-frame{height:90px;width:90px}.r-frame{height:156px;width:156px}}@media (min-width:375px) and (max-width:392px){.story-card{width:164px}.story-card .card-frame .title{font-size:.697rem}.story-card.pub-card .avatar-frame{height:100px;width:100px}.r-frame{height:164px;width:164px}}@media (min-width:393px) and (max-width:399px){.story-card{width:172px}.story-card .card-frame .title{font-size:.735rem}.story-card.pub-card .avatar-frame{height:100px;width:100px}.r-frame{height:172px;width:172px}}@media (min-width:400px) and (max-width:410px){.story-card{width:176px}.story-card .card-frame .title{font-size:.748rem}.r-frame{height:176px;width:176px}}@media (min-width:411px) and (max-width:427px){.story-card{width:182px}.story-card .card-frame .title{font-size:.7735rem}.r-frame{height:182px;width:182px}}@media (min-width:428px) and (max-width:449px){.story-card{width:192px}.story-card .card-frame .title{font-size:.8rem}.r-frame{height:192px;width:192px}}@media (min-width:450px) and (max-width:479px){.story-card{width:200px}.story-card .card-frame .title{font-size:.816rem}.r-frame{height:200px;width:200px}}@media (min-width:480px) and (max-width:578px){.story-card{width:216px}.story-card .card-frame .title{font-size:.918rem}.r-frame{height:216px;width: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{justify-content:space-between;max-width:1133px}}@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}}@layer properties{*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}