.pillloader-root *{text-rendering:geometricPrecision}.pillloader-root{background:#000;justify-content:start;display:flex}.pillloader-root .content{min-height:100%}.pillloader-root .cards{z-index:10;justify-content:start;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:scroll}.pillloader-root .card{cursor:pointer;flex-direction:column;justify-content:stretch;align-items:center;gap:32px;min-width:400px;max-width:400px;margin:0 100px;display:flex;position:relative}.pillloader-root .cover-wrapper{width:100%;height:250px;position:relative}.pillloader-root img{object-fit:cover;opacity:.5;border-radius:72px;width:100%;height:100%;margin:0;padding:0;transition:all .4s .2s;overflow:hidden}.pillloader-root .card:hover img{opacity:1}.pillloader-root h1{font-optical-sizing:auto;color:rgba(255,255,255,.3);margin:0;font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:300;transition:all .4s .2s;position:relative}.pillloader-root .card:hover h1{color:#fff}.pillloader-root .tag-wrapper{z-index:-1;height:40px;position:relative;top:-16px;right:0}.pillloader-root .tags{opacity:0;justify-content:stretch;gap:8px;height:40px;transition:all 1s;display:flex;position:relative;top:0}.pillloader-root .card:hover .tags{opacity:1;transition:all .4s}.pillloader-root .tag{font-optical-sizing:auto;letter-spacing:.02em;color:#000;background:#fff;border-radius:20px;align-items:center;padding:0 14px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;display:flex}.pillloader-root .gradient-wrapper{z-index:1;width:100%;height:400px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.pillloader-root .gradient-blur{pointer-events:none;width:200%;min-height:100%;transition:transform 1s;top:auto;bottom:0;left:0;right:0;transform:translate(-50%)}.pillloader-root .card:hover .gradient-blur{transform:translate(50%)}.pillloader-root .gradient-blur>div,.pillloader-root .gradient-blur:before,.pillloader-root .gradient-blur:after{position:absolute;top:0;bottom:0;left:0;right:0}.pillloader-root .gradient-blur:before{content:"";z-index:1;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);-webkit-mask:linear-gradient(90deg,transparent 0%,#000 5%);mask:linear-gradient(90deg,transparent 0%,#000 5%)}.pillloader-root .gradient-blur>div:first-of-type{z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask:linear-gradient(90deg,transparent 5%,#000 10%);mask:linear-gradient(90deg,transparent 5%,#000 10%)}.pillloader-root .gradient-blur>div:nth-of-type(2){z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask:linear-gradient(90deg,transparent 10%,#000 15%);mask:linear-gradient(90deg,transparent 10%,#000 15%)}.pillloader-root .gradient-blur>div:nth-of-type(3){z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask:linear-gradient(90deg,transparent 15%,#000 20%);mask:linear-gradient(90deg,transparent 15%,#000 20%)}.pillloader-root .gradient-blur>div:nth-of-type(4){z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask:linear-gradient(90deg,transparent 20%,#000 25%);mask:linear-gradient(90deg,transparent 20%,#000 25%)}.pillloader-root .gradient-blur>div:nth-of-type(5){z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask:linear-gradient(90deg,transparent 25%,#000 30%);mask:linear-gradient(90deg,transparent 25%,#000 30%)}.pillloader-root .gradient-blur>div:nth-of-type(6){z-index:7;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-mask:linear-gradient(90deg,transparent 30%,#000 35%);mask:linear-gradient(90deg,transparent 30%,#000 35%)}.pillloader-root .gradient-blur:after{content:"";z-index:8;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);-webkit-mask:linear-gradient(90deg,transparent 35%,#000 40%);mask:linear-gradient(90deg,transparent 35%,#000 40%)}