html{min-height:100%;overflow-x:hidden}#main-content{-moz-column-gap:100px;background-color:#fff;background-color:var(--primary-col);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px;grid-column:1/-1;grid-template-columns:4fr 3fr;column-gap:100px;margin-top:80px;padding:10px;display:grid;box-shadow:0 4px 30px #5656561a}@media (width<=1100px){#main-content{grid-template-columns:1fr}#main-content #trim-display{height:600px}}#main-content #trim-info{margin:20px}#main-content #trim-info h1{vertical-align:top;text-transform:capitalize;font-size:48px;display:inline}#main-content #trim-info>img{aspect-ratio:1;height:50px;margin-right:10px;padding:4px}#main-content #trim-info #crafting{-moz-column-gap:10px;background-color:#8b8b8b32;border-radius:5px;grid-template-columns:repeat(5,1fr);gap:10px;width:75%;padding:10px;display:inline-grid}#main-content #trim-info #crafting>.craft-box{background-color:#ffffff52}#main-content #trim-info #crafting>.craft-box>img{width:calc(100% - var(--padding))}#main-content #trim-info #crafting>.craft-box>.craft-count{font-size:20px;position:absolute;bottom:-20px;right:3px}#main-content #trim-info #crafting>.craft-arrow{opacity:.6}#main-content #trim-info #crafting>.craft-arrow,#main-content #trim-info #crafting>.craft-box{--padding:5px;padding:var(--padding);width:calc(100% - var(--padding)*2);aspect-ratio:1;border-radius:5px;position:relative;top:0}#main-content #trim-display{grid-template-rows:1fr auto;width:100%;max-height:600px;display:grid}#main-content #trim-display canvas{aspect-ratio:2/3;background-color:#6c6cff80;width:100%;display:block}#main-content a{background-color:#cfcfcf;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;height:40px;margin-top:5px;text-decoration:none;display:flex}#trim-select{background-color:var(--primary-col);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-wrap:wrap;grid-column:1/-1;justify-content:center;margin-top:20px;padding:10px;display:flex;box-shadow:0 4px 30px #5656561a}#trim-select>img{image-rendering:pixelated;border-radius:5px;height:40px;padding:5px}#trim-select .current-trim{background-color:#8b8b8b2b}img{image-rendering:pixelated}h2{margin-top:30px;margin-bottom:10px}
/*# sourceMappingURL=armor_trim_bolt.b89518da.css.map */