.card .card-content .right-side{width:263px;height:100%;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));position:absolute;right:0}.card .card-content .right-side.render{-webkit-backdrop-filter:unset;backdrop-filter:unset}.card .card-content .right-side .blur{background-color:#000;width:100%;height:100%;position:absolute;overflow:hidden}.card .card-content .right-side .box-container{flex-direction:column;gap:5px;height:100%;padding-top:5px;display:flex}.card .card-content .right-side .box{z-index:1;width:100%;height:170px;position:relative}.card .card-content .right-side .box .values{color:#fff;z-index:99;background:linear-gradient(90deg,#0003,#e5ded080);flex-direction:column;justify-content:center;align-items:end;width:100%;height:170px;font-family:Roboto Condensed,sans-serif;line-height:.99;display:flex;position:relative}.card .card-content .right-side .box .value{z-index:1;margin-right:18px;font-size:90px;font-weight:700}.card .card-content .right-side .box .label{z-index:1;margin-right:18px;font-size:45px;font-weight:400}.card .card-content .right-side .box.bottom .value{z-index:99;margin-right:18px;font-size:92px;font-weight:400}.card .card-content .right-side .box.bottom .fade{background:linear-gradient(#0000,#00000080);width:1300px;height:134px;position:absolute;bottom:0;left:-1000px}.card .card-content .left-side{z-index:1;flex-direction:column;width:135px;height:355px;display:flex;position:absolute;bottom:0;left:0}.card .card-content .left-side .top{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:150px;font-family:Roboto Condensed,sans-serif;display:flex;position:relative}.card .card-content .left-side .top .right{z-index:5;background:var(--rq-color);width:100%;height:100%;position:absolute;transform:skewY(11deg)}.card .card-content .left-side .top .middle{background:#504a46;width:100%;height:52%;position:absolute;top:50%}.card .card-content .left-side .top .left{z-index:4;background:var(--rq-color);opacity:.5;width:100%;height:50%;position:absolute;top:50%;transform:skewY(-11deg)}.card .card-content .left-side .top .value{z-index:10;color:#383838;margin-bottom:16px;font-size:90px;font-weight:700}.card .card-content .left-side .bottom{color:#fff;background:#504a46;flex-direction:column;justify-content:center;align-items:center;width:100%;height:205px;font-family:Roboto Condensed,sans-serif;line-height:.5;display:flex}.card .card-content .left-side .bottom .value{margin-top:70px;font-size:90px;font-weight:700}.card .card-content .left-side .bottom .label{width:85px;color:var(--rq-color);margin-top:9px}.card .card-content .tyres-label{z-index:1;position:absolute;bottom:16px;left:898px}.card .card-content .tyres-label span,.tyres-value span{color:#fff;font-family:Roboto Condensed,sans-serif;font-size:45px;font-weight:300}.card .card-content .tyres-value{text-align:right;z-index:1;width:500px;position:absolute;bottom:16px;left:385px}.card .card-content .tyres-value span{font-weight:400}.card .card-content .stars{z-index:1;gap:25px;display:flex;position:absolute;bottom:30px;left:176px}.card .card-content .stars .star{stroke:#00000080;width:50px;height:50px;color:var(--rq-color);stroke-width:120px;filter:drop-shadow(0 0 10px #00000040);opacity:.2}.card .card-content .stars .star.visible{opacity:1}.card .card-content .wrench{opacity:.2;z-index:1;position:absolute;bottom:103px;left:177px}.card .card-content .wrench svg{width:145px}.card .card-top{background-color:#ffffff80;align-items:center;width:100%;height:95px;display:flex;position:relative;overflow:hidden}.card .card-top.render{background-color:#000}.card .card-top .left{z-index:1;background:#544e49;justify-content:center;align-items:center;width:135px;height:100%;display:flex}.card .card-top .left img{object-fit:contain;width:90%;height:90%}.card .card-top .middle{text-align:left;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));z-index:1;background:linear-gradient(90deg,#0003,#e5ded04d);flex:1;align-items:center;height:100%;padding:14px;font-family:Roboto Condensed,sans-serif;font-size:45px;display:flex;overflow:hidden}.card .card-top.render .middle{-webkit-backdrop-filter:unset;backdrop-filter:unset}.card .card-top .middle .manufacturer{white-space:nowrap;font-weight:700}.card .card-top .middle .model{margin-left:12px;font-weight:400}.card .card-top .right{z-index:1;width:263px;height:100%;font-family:Roboto Condensed,sans-serif;font-weight:400;position:relative;overflow:hidden}.card .card-top .right .year-bg{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));clip-path:polygon(0 0,52% 0,47% 100%,0% 100%);z-index:0;background:linear-gradient(90deg,#0000004d,#e5ded04d);position:absolute;top:0;bottom:0;left:0;right:0}.card .card-top.render .right .year-bg{-webkit-backdrop-filter:unset;backdrop-filter:unset}.card .card-top .right .country-bg{clip-path:polygon(52% 0,100% 0,100% 100%,47% 100%);z-index:0;background:#6b6052;position:absolute;top:0;bottom:0;left:0;right:0}.card .card-top .right .year-text{z-index:2;justify-content:center;align-items:center;width:50%;height:100%;font-size:45px;display:flex;position:relative}.card .card-top .right .country-text{z-index:2;justify-content:center;align-items:center;width:50%;height:100%;font-size:65px;font-weight:700;display:flex;position:absolute;top:0;left:50%}.card-container{transform-origin:0 0}.card{background-repeat:no-repeat;border-radius:30px;position:relative;overflow:hidden}@font-face{font-family:Roboto Condensed;src:url(/top-drives-card-generator/static/font/RobotoCondensed-Thin.b7afc41e.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/top-drives-card-generator/static/font/RobotoCondensed-ExtraLight.9954af4e.ttf)format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/top-drives-card-generator/static/font/RobotoCondensed-Light.8201d6f4.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/top-drives-card-generator/static/font/RobotoCondensed-Regular.461bd71f.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/top-drives-card-generator/static/font/RobotoCondensed-Medium.e75c7eed.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/top-drives-card-generator/static/font/RobotoCondensed-SemiBold.2ebf3566.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/top-drives-card-generator/static/font/RobotoCondensed-Bold.c2f8bf41.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/top-drives-card-generator/static/font/RobotoCondensed-ExtraBold.08d88f3a.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}body{color:#fff;--blur:60px;background-color:#222831;margin:0}.content{text-align:center;flex-direction:column;justify-content:center;min-height:100vh;padding-block-start:2rem;padding-block-end:2rem;line-height:1.1;display:flex}.content h1{font-size:2rem;font-weight:700}@media screen and (max-width:800px){.content h1{font-size:1.25rem}}.content p{opacity:.5;font-size:1.2rem;font-weight:400}.mantine-Select-option{color:#000}.theme-legendary{--rq-color:#febc10}.theme-epic{--rq-color:#8b5bff}.theme-ultra-rare{--rq-color:#fd3639}.theme-super-rare{--rq-color:#fff62b}.theme-rare{--rq-color:#19c8ff}.theme-uncommon{--rq-color:#77f273}.theme-common{--rq-color:#828282}