.build-browser-filter-grid{background:0 0;grid-template-columns:1fr;gap:6px;width:100%;margin-inline:auto;display:grid}.build-browser-filter-field{flex-direction:column;gap:8px;min-width:0;display:flex}.build-browser-filter-label{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-style:normal;font-weight:900}.build-browser-filter-select{cursor:pointer}.build-browser-filter-button{border-radius:var(--site-filter-search-radius);color:#000;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#63d18a;border:1px solid #6b4020;justify-content:center;align-items:center;height:42px;min-height:42px;padding:0 14px;font-size:12px;font-style:normal;font-weight:900;transition:background-color .18s,border-color .18s,box-shadow .18s,filter .15s,transform .15s;display:inline-flex;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff08}.build-browser-filter-button:hover{filter:brightness(1.12)}.build-browser-filter-button:active{transform:scale(.98)}.build-browser-create-button{white-space:nowrap;color:#fff;background:#1a9fff;border-color:#0000;gap:8px;min-width:196px;text-decoration:none}.build-browser-create-button:hover{filter:none;background:#0f8fe8}.build-browser-create-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.build-browser-create-button__icon{flex:none}.build-browser-card{--build-card-radius:8px;border-radius:var(--build-card-radius);border:none;width:100%;height:150px;font-family:inherit;transition:filter .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 26px #00000042}.build-browser-card:hover{filter:brightness(1.1);transform:translateY(-1px)}.build-browser-card:before,.build-browser-card:after{content:"";pointer-events:none;position:absolute;inset:0}.build-browser-card:before{z-index:1;background:linear-gradient(90deg, #0b0e1294 0%, #0b0e1261 55%, #0b0e1229 100%), radial-gradient(circle at 86% 30%, rgba(var(--build-hero-rgb), .22), transparent 44%)}.build-browser-card:after{z-index:3;background:linear-gradient(90deg,#0000 62%,#0607091a 100%)}.build-browser-card__inner{z-index:4;width:100%;height:100%;padding:11px 165px 11px 14px;display:flex;position:relative}.build-browser-card__body{flex-direction:column;flex:1;min-width:0;max-width:100%;padding-top:4px;display:flex}.build-browser-card__title-row{align-items:center;gap:10px;min-width:0;display:flex}.build-browser-card__title-row>:is(h3,h4){flex:0 auto;min-width:0}.build-browser-card__official-badge{z-index:6;color:#fff;white-space:nowrap;background:linear-gradient(#35c5ff 0%,#0f9ce4 100%);border:1px solid #54ccffdb;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:0;padding:7px 9px 7px 7px;font-size:14px;font-weight:1000;line-height:1;display:inline-flex;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff57,inset 0 -1px #003a6852,0 5px 16px #00a4e63d}.build-browser-card__official-badge:before{content:"✓";z-index:1;color:#16aef0;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:1000;line-height:1;display:inline-flex;box-shadow:0 1px 4px #0537582e}.build-browser-card__official-badge:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:44%;animation:2.8s ease-in-out infinite lockbuilds-official-badge-shine;position:absolute;inset:-35% auto -35% -55%;transform:skew(-22deg)}@keyframes lockbuilds-official-badge-shine{0%,42%{left:-55%}72%,to{left:120%}}.build-browser-card__meta{min-width:0;color:var(--text-build-author);letter-spacing:.01em;flex-direction:column;align-items:flex-start;gap:4px;margin-top:auto;padding-top:10px;font-size:11px;font-weight:600;display:flex}.build-browser-card__author{flex-wrap:wrap;flex:0 auto;align-items:center;gap:.34em;min-width:0;max-width:100%;display:inline-flex;overflow:visible}.build-browser-card__author-prefix,.build-browser-card__rank-icon{flex:none}.build-browser-card__author-name{white-space:normal;min-width:0;display:block;overflow:visible}.build-browser-card__meta-divider{display:none}.build-browser-card__updated{white-space:nowrap;flex:none;align-items:center;gap:6px;min-width:0;display:inline-flex}.build-viewer-header__official-badge{align-self:center;position:relative;bottom:auto;right:auto}.build-browser-card__art{z-index:2;opacity:.72;pointer-events:none;justify-content:flex-end;align-items:flex-end;width:min(45%,180px);display:flex;position:absolute;top:-6px;bottom:-6px;right:-14px}.build-browser-card__art img{object-fit:contain;object-position:right center;transform-origin:100%;width:100%;height:100%;display:block;transform:scale(1.08);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 25% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 25% 100%)}@media (width>=768px){.build-browser-filter-grid{grid-template-columns:minmax(210px,250px) minmax(280px,440px) minmax(200px,250px) auto;align-items:end;gap:8px}.build-browser-filter-label{display:none}.build-browser-filter-input,.build-browser-filter-select{height:42px;padding:0 12px;font-size:13px}.build-browser-filter-button{border-radius:var(--site-filter-search-radius);height:42px;padding:0 24px;font-size:13px}.build-browser-card{height:156px}.build-browser-card__inner{height:100%;padding:15px 244px 15px 18px}.build-browser-card__body{padding-top:4px}.build-browser-card__art{opacity:.84;width:min(42%,230px);top:-8px;bottom:-8px;right:-18px}.build-browser-card__meta{flex-direction:row;align-items:center;gap:10px;padding-top:9px;font-size:14px}.build-browser-card__author{flex-wrap:nowrap;flex:auto;overflow:hidden}.build-browser-card__author-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.build-browser-card__official-badge{bottom:14px;right:14px}.build-viewer-header__official-badge{bottom:auto;right:auto}.build-browser-card__updated{gap:7px;font-size:13px}}@media (width>=1100px){.build-browser-filter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr) auto}.build-browser-filter-grid:has(.build-browser-create-button){grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr) auto auto}}@media (width>=768px) and (width<=1099px){.build-browser-filter-grid{grid-template-columns:minmax(150px,210px) minmax(190px,280px) minmax(140px,200px) auto}.build-browser-create-button{grid-column:4}}