@layer components{.bps .dl-cards{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1023px){.bps .dl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.bps .dl-cards{grid-template-columns:1fr}}.bps .dl-card{text-align:center;border:1px solid var(--border-soft);border-radius:var(--r-card);background:var(--card);transition:border-color .2s var(--ease),transform .2s var(--ease);flex-direction:column;align-items:center;gap:8px;padding:32px 24px 24px;display:flex}.bps .dl-card:hover{border-color:#f27e4b73;transform:translateY(-2px)}html:not(.dark) .bps .dl-card{box-shadow:0 1px #14120f0a,0 20px 50px -40px #50321e59}.bps .dl-card-os{width:36px;height:36px;color:var(--fg);margin-bottom:8px}.bps .dl-card-n{letter-spacing:-.01em;color:var(--fg);font-size:20px;font-weight:500}.bps .dl-card-s{color:var(--mfg);font-size:15px}.bps .dl-card .btn{width:100%;margin-top:16px}.bps .dl-card{position:relative}.bps .dl-card.mine{background:linear-gradient(180deg,#f27e4b14,transparent 60%),var(--card);border-color:#f27e4b8c}.bps .dl-card-tag{position:absolute;top:14px;right:14px}}