.filter-container{width:90%;position:absolute;background-color:var(--Light-Grayish-Cyan-Background);box-shadow:2px 3px 10px var(--Dark-Grayish-Cyan);border-radius:8px;bottom:-10px;left:50%;transform:translate(-50%)}.filter-container>.filter-box{width:80%;margin:0 auto;padding-block:10px;display:flex;justify-content:space-between;align-items:center}.filter-container>.filter-box>.filter-tags{width:70%;display:flex;flex-wrap:wrap;column-gap:10px;row-gap:10px}.filter-container>.filter-box>.filter-tags>div{display:flex;column-gap:5px;align-items:center;overflow:hidden;color:var(--Desaturated-Dark-Cyan);font-weight:700;background-color:var(--Light-Grayish-Cyan-Filter-Tablets);padding-left:5px;border-radius:8px}.filter-container>.filter-box>.filter-tags>div>button{border:none;cursor:pointer;background-color:var(--Desaturated-Dark-Cyan);display:flex;align-items:center;justify-content:center}.filter-container>.filter-box>.filter-tags>div>button>img{padding:5px}.filter-container>.filter-box>.filter-clear{height:100%}.filter-container>.filter-box>.filter-clear>button{border:none;background-color:transparent;cursor:pointer;font-weight:700;color:var(--Very-Dark-Grayish-Cyan)}@media (width >= 768px){.filter-container{min-width:700px;max-width:850px}}.header-box{width:100%;height:150px;background-color:var(--Desaturated-Dark-Cyan);background-image:url(/images/bg-header-mobile.svg);background-size:cover;background-position:center;position:relative}@media (width >= 768px){.header-box{background-image:url(/images/bg-header-desktop.svg);height:200px}}.card-box{width:90%;height:auto;margin:0 auto;border-radius:8px;background-color:var(--Light-Grayish-Cyan-Background);box-shadow:2px 3px 10px var(--Dark-Grayish-Cyan)}.card-box>.card-container{width:90%;min-width:280px;max-width:500px;position:relative;display:flex;flex-direction:column;margin:0 auto;--width-img: 50px}.card-box>.card-container>.card-figure{position:absolute;top:0;transform:translateY(-50%);width:var(--width-img);left:0}.card-box>.card-container>.card-figure>img{width:100%;object-fit:cover;aspect-ratio:1/ 1}.card-box>.card-container>section>.card-header{padding-top:calc(var(--width-img) / 1.9);display:flex;align-items:center;column-gap:15px}.card-box>.card-container>section>.card-header>.card-header-title{color:var(--Desaturated-Dark-Cyan);transition:color .3s ease;cursor:pointer}.card-box>.card-container>section>.card-header>.card-header-title:hover{color:var(--Desaturated-Dark-Cyan)}.card-box>.card-container>section>.card-header>.card-tiket{display:flex;column-gap:5px;list-style:none;text-transform:uppercase;font-weight:700}.card-box>.card-container>section>.card-header>.card-tiket>li{font-size:.9rem;justify-items:center;color:var(--Light-Grayish-Cyan-Filter-Tablets);padding-inline:8px;padding-block:5px;border-radius:15px}.card-box>.card-container>section>.card-header>.card-tiket>.card-tiket-new{background-color:var(--Desaturated-Dark-Cyan)}.card-box>.card-container>section>.card-header>.card-tiket>.card-tiket-featured{background-color:var(--Very-Dark-Grayish-Cyan)}.card-box>.card-container>section>.card-main{padding-top:10px}.card-box>.card-container>section>.card-main>.card-position{color:var(--Very-Dark-Grayish-Cyan);font-weight:700}.card-box>.card-container>section>.card-main>.card-list{display:flex;align-items:center;column-gap:10px;padding-block:10px;list-style:none;font-weight:700;color:var(--Dark-Grayish-Cyan)}.card-box>.card-container>.card-aside-box{width:100%;padding-block:20px;border-top:1px solid var(--Dark-Grayish-Cyan)}.card-box>.card-container>.card-aside-box>.card-aside-container{width:100%;display:flex;flex-wrap:wrap;column-gap:30px;row-gap:20px}.card-box>.card-container>.card-aside-box>.card-aside-container>.card-aside-rol{font-size:.85rem;font-weight:bolder;background-color:var(--Light-Grayish-Cyan-Filter-Tablets);color:var(--Desaturated-Dark-Cyan);border:none;padding:5px 15px;border-radius:6px;cursor:pointer}.card-new{position:relative}.card-new:before{content:"";position:absolute;height:100%;width:8px;background-color:var(--Desaturated-Dark-Cyan);border-top-left-radius:8px;border-bottom-left-radius:8px}@media (width >= 768px){.card-box{width:90%;min-width:700px;max-width:850px;height:110px}.card-box>.card-container{flex-direction:row;width:100%;min-width:90%;max-width:90%;height:100%;--width-img: 70px;align-items:center;justify-content:center;column-gap:10px}.card-box>.card-container>.card-figure{position:relative;transform:translateY(0);top:unset;bottom:unset}.card-box>.card-container>.card-figure>img{width:70px}.card-box>.card-container>section{width:70%}.card-box>.card-container>section>.card-header{padding:0}.card-box>.card-container>.card-aside-box{width:60%;border:none}.card-box>.card-container>.card-aside-box>.card-aside-container{column-gap:10px}}.main-box{display:flex;flex-direction:column;justify-content:center;row-gap:40px;padding-block:50px}@font-face{font-family:League Spartan Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/league-spartan-latin-wght-normal-CC-akcPX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--Desaturated-Dark-Cyan: hsl(180, 29%, 50%);--Light-Grayish-Cyan-Background: hsl(180, 52%, 96%);--Light-Grayish-Cyan-Filter-Tablets: hsl(180, 31%, 95%);--Dark-Grayish-Cyan: hsl(180, 8%, 52%);--Very-Dark-Grayish-Cyan: hsl(180, 14%, 20%);--League-Spartan: "League Spartan Variable";--Font-size: 15px}*{padding:0;margin:0;box-sizing:border-box;font-size:var(--Font-size)}body{background-color:var(--Dark-Grayish-Cyan);font-family:var(--League-Spartan)}