.bages{display:flex;flex-wrap:wrap;grid-gap:.25rem;left:.75rem;position:absolute;right:.75rem;top:.75rem}.bage{align-items:center;background-color:var(--bg,transparent);border-radius:16px;color:var(--bage-color,var(--white));display:flex;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,500);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.5);padding:.125rem .5rem .125rem .25rem;text-transform:uppercase;grid-column-gap:.125rem}.bage .icon{max-width:1rem;min-width:1rem;--icon-size:1rem}.bage.bg--green{--bg:var(--green-500)}.bage.bg--green .icon{--color:var(--green-200)}.bage.bg--red{--bg:var(--red-500)}.bage.bg--red .icon{--color:var(--red-200)}.bage.bg--orange{--bg:var(--orange-500)}.bage.bg--orange .icon{--color:var(--orange-200)}.bage.bg--blue{--bg:var(--blue-500)}.bage.bg--blue .icon{--color:var(--blue-200)}.btn-play{align-items:center;background:var(--bg,transparent);border:var(--border,0);color:var(--color,var(--button-text-ghost-high-contrast));font-family:Jost,sans-serif;justify-content:center}.btn-play{align-self:center;display:flex;justify-self:center;margin:auto;opacity:var(--play-btn-opacity,1);padding:0;position:relative;transition:opacity .4s ease-in-out;--glow-offset:0}.btn-play,.btn-play:before{background:var(--base-card-glow-gradient);border-radius:50%}.btn-play:before{content:"";height:calc(100% + var(--glow-offset));left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:calc(100% + var(--glow-offset))}.btn-play .icon-box{align-items:center;background-image:var(--bgi,var(--button-bg-primary-icn-only));border-radius:50%;display:flex;height:var(--icon-box-size);justify-content:center;position:relative;transition:all .2s ease;width:var(--icon-box-size);z-index:1}.btn-play .icon-box,[data-size=min] .btn-play .icon-box{--icon-box-size:48px}[data-size=def] .btn-play .icon-box{--icon-box-size:64px}[data-size=max] .btn-play .icon-box{--icon-box-size:96px}.btn-play .icon{height:var(--icon-size);transform:translate(1px);width:var(--icon-size);--icon-size:24px;--color:var(--button-icn-primary)}[data-size=min] .btn-play .icon{--icon-size:24px}[data-size=def] .btn-play .icon{--icon-size:32px}[data-size=max] .btn-play .icon{--icon-size:48px}@media (hover:hover){.btn-play:hover{cursor:pointer;--glow-offset:12px;--bgi:var(--button-bg-primary-icn-only-hover)}[data-size=min] .btn-play:hover{--glow-offset:12px}[data-size=def] .btn-play:hover{--glow-offset:16px}[data-size=max] .btn-play:hover{--glow-offset:20px}.btn-play:hover:before{animation:pulse-border 2s ease-out infinite}}.btn-play:active{--bgi:var(--button-bg-primary-icn-only-click)}@keyframes pulse-border{0%{opacity:1;transform:translate(-50%) translateY(-50%) translateZ(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-50%) translateZ(0) scale(1.5)}}.btn-favorite{background:var(--bg,transparent);border:var(--border,0);color:var(--color,var(--button-text-ghost-high-contrast));font-family:Jost,sans-serif}.btn-favorite{align-items:center;border-radius:8px;display:flex;height:2rem;justify-content:center;margin-left:auto;padding:.375rem;transition:all .2s ease-in-out;width:2rem;--icon-size:18px;--color:var(--base-card-btn-color)}.btn-favorite.active{--color:var(--colors-accent-main)}[data-size=max] .btn-favorite{height:2rem;width:2rem;--icon-size:24px}@media (hover:hover){.btn-favorite:hover{cursor:pointer;--color:var(--base-card-btn-hover-color)}}@media (min-width:64rem){.btn-favorite{height:1.5rem;width:1.5rem;--bgc:transparent}}.card-skeletons-base{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.card-skeletons-base__play{background:var(--colors-white-10);border-radius:50%;height:3rem;position:relative;top:-10px;width:3rem}.card-skeletons-base__play .icon{height:var(--icon-size);width:var(--icon-size);--icon-size:32px}[data-size=min] .card-skeletons-base__play{height:3rem;width:3rem}[data-size=min] .card-skeletons-base__play .icon{--icon-size:32px}[data-size=def] .card-skeletons-base__play{height:4rem;width:4rem}[data-size=def] .card-skeletons-base__play .icon{--icon-size:32px}[data-size=max] .card-skeletons-base__play{height:6rem;top:-15px;width:6rem}[data-size=max] .card-skeletons-base__play .icon{--icon-size:48px}@keyframes pulse{0%{opacity:1;transform:translate(0) translateY(0) translateZ(0) scale(1)}to{opacity:0;transform:translate(0) translateY(0) translateZ(0) scale(1.5)}}.card-base{--col-count:3.3;--col-gap:8px;--card-overflow:hidden;align-items:flex-start;background-color:var(--bg,rgba(0,0,0,.2));background-position:var(--bg-position,center);background-repeat:var(--bg-repeat,no-repeat);background-size:cover;border-radius:12px;display:flex;flex-shrink:0;height:var(--height,auto);overflow:var(--card-overflow,hidden);position:relative;scroll-snap-align:start;transform:var(--y-offset,translateY(0));transition:transform .4s ease-in-out;width:calc(100%/var(--col-count) - var(--col-gap) + var(--col-gap)/var(--col-count))}.card-base:before{content:"";display:block;padding-top:150%;width:100%}@media (min-width:33rem){.card-base{--col-count:3.4}}@media (min-width:48rem){.card-base{--col-count:6;--col-gap:16px}}@media (min-width:114.5625rem){.card-base{--col-count:9}}.card-base--visible{--card-overflow:visible;margin-bottom:3.5rem}@media (min-width:33rem){.card-base--visible{--col-count:3.5;margin-bottom:3.3125rem}}@media (min-width:48rem){.card-base--visible{--col-count:5.9;margin-bottom:3rem}}@media (min-width:64rem){.card-base--visible{--col-count:7.9;margin-bottom:3.25rem}}@media (min-width:80rem){.card-base--visible{--col-count:5.9;margin-bottom:3.5625rem}}@media (min-width:101rem){.card-base--visible{--col-count:5.93;margin-bottom:4.0625rem}}@media (min-width:114.5625rem){.card-base--visible{--col-count:8.9;margin-bottom:4.5625rem}}.card-base .number{bottom:0;color:var(--colors-white-70);font-size:var(--font-size,6rem);font-weight:var(--font-weight,900);left:0;letter-spacing:var(--letter-spacing,-1.92px);line-height:var(--line-height,1);pointer-events:none;position:absolute;text-shadow:0 12px 17px rgba(0,0,0,.3);transform:translate(-20%,20%);transition:font-size .4s ease-in-out,top .4s ease-in-out,transform .4s ease-in-out;z-index:1}@media (min-width:64rem){.card-base .number{--font-size:7rem;--font-weight:900;--line-height:1;--letter-spacing:-.32px}}@media (min-width:114.5625rem){.card-base .number{--font-size:8.75rem;--font-weight:900;--line-height:1;--letter-spacing:-2.55px}}.card-base__info{background-color:var(--bg-info,var(--base-card-info-bg));border-radius:12px;bottom:0;display:var(--display,grid);left:0;opacity:var(--opacity-info,0);padding:var(--card-info-padding,.5rem);pointer-events:var(--pointer-events,none);position:var(--position-info,absolute);right:0;top:0;transition:var(--transition-info,opacity .6s ease,padding .4s ease);will-change:opacity}@media (min-width:64rem){[data-size=min] .card-base__info{--card-info-padding:8px}[data-size=def] .card-base__info{--card-info-padding:16px}[data-size=max] .card-base__info{--card-info-padding:24px}}.card-base__info-title{color:var(--color-info-title,var(--base-card-title));display:-webkit-box;font-size:var(--font-size,.625rem);font-weight:var(--font-weight,500);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-size=min] .card-base__info-title{--font-size:.625rem;--font-weight:400;--line-height:1.5;--letter-spacing:0}[data-size=def] .card-base__info-title{--font-size:.875rem;--font-weight:400;--line-height:1.5;--letter-spacing:0}[data-size=max] .card-base__info-title{--font-size:1rem;--font-weight:400;--line-height:1.5;--letter-spacing:0}.card-base__info-provider{color:var(--base-card-provider-color);font-size:var(--font-size,.5rem);font-weight:var(--font-weight,400);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:64rem){.card-base__info-provider{display:flex}}[data-size=min] .card-base__info-provider{--font-size:.5rem;--font-weight:400;--line-height:1.2;--letter-spacing:0}[data-size=def] .card-base__info-provider{--font-size:.625rem;--font-weight:400;--line-height:1.5;--letter-spacing:0}[data-size=max] .card-base__info-provider{--font-size:.75rem;--font-weight:400;--line-height:1.5;--letter-spacing:0}.card-base__info-actions{align-self:center;display:grid;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%)}.card-base__info-footer{align-items:flex-end;display:grid;grid-template-columns:1fr repeat(2,auto)}.card-base__info-footer .btn-try{align-items:center;background-color:var(--bgc,transparent);display:none;font-size:var(--font-size,.75rem);font-weight:var(--font-weight,400);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.5);margin-left:-8px;margin-right:auto;--padding:4px 16px;--color:var(--base-card-btn-color)}[data-size=max] .card-base__info-footer .btn-try{--font-size:.875rem;--font-weight:700;--line-height:1.4;--letter-spacing:-.28px}@media (hover:hover){.card-base__info-footer .btn-try:hover{cursor:pointer;transition:all .2s ease-in-out;--color:var(--base-card-btn-hover-color);--bgc:var(--base-card-btn-hover-bg)}}@media (min-width:64rem){.card-base__info-footer .btn-try{display:flex}.card-base:hover{--pointer-events:auto;--opacity-info:1;--transition-info:(opacity .6s ease)}.card-base:hover .btn-play{transform:scale(1);transition-delay:.2s}.card-base:hover .number{--font-size:1.25rem;--font-weight:900;--line-height:1;--letter-spacing:-.22px;transform:translate(-35%,50%)}}.card-base.hovered{--pointer-events:auto;--opacity-info:1;--transition-info:(opacity .6s ease)}.card-base.hovered .btn-try{animation:delay-pointer-events .2s ease-in-out}.card-base img{display:var(--display,block);height:var(--height,auto);width:var(--width,auto)}@media (hover:hover){.card-base:hover{--transition-info:(opacity .6s ease);--play-btn-opacity:1}}.card-base__skeleton{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}