.px{--px-bg:#060a14;--px-card:#0e1424;--px-line:rgb(255 255 255 / .08);--px-mu:rgb(255 255 255 / .55);background:var(--px-bg);color:#fff;font-family:Manrope,Kantumruy Pro,sans-serif;padding:var(--px-pt,16px) clamp(12px,2vw,24px) var(--px-pb,32px);display:grid;gap:18px}.px a{color:inherit;text-decoration:none}.px .px__nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px;border-bottom:1px solid var(--px-line)}.px .px__nav::-webkit-scrollbar{display:none}.px .px__nav a,.px .px__nav-on{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;font-size:13px;font-weight:600;color:#ffffffc7;white-space:nowrap;transition:background .2s,color .2s}.px .px__nav a:hover{background:#ffffff12;color:#fff}.px .px__nav-on{color:var(--px-acc2);font-weight:800}.px em{font-style:normal;font-size:10px;font-weight:800;padding:2px 6px;border-radius:99px;background:#ffffff1f;color:#fff;letter-spacing:.02em}.px .px__feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.px .px__fc{display:grid;gap:4px;min-width:0}.px .px__fm{position:relative;display:grid;place-items:center;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--px-card);margin-bottom:8px}.px .px__fm img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.px .px__fc:hover .px__fm img,.px .px__fc:hover .px__art{transform:scale(1.04)}.px .px__fm--light{background:#f2f5fb;color:var(--px-acc)}.px .px__fm--blue{background:radial-gradient(120% 90% at 20% 10%,var(--px-acc2),var(--px-acc) 55%,#021a3d);color:#fff}.px .px__fm--night{background:radial-gradient(90% 80% at 80% 10%,rgb(58 134 255 / .45),transparent 60%),#0b1222;color:#fff}.px .px__fm--sky{background:linear-gradient(135deg,#cfe1ff,#7fb0ff);color:#021a3d}.px .px__art{font-size:clamp(22px,2.6vw,40px);font-weight:800;line-height:.95;text-transform:uppercase;letter-spacing:-.02em;text-align:center;padding:0 10%;transition:transform .5s}.px .px__fb{position:absolute;top:10px;right:10px;background:var(--px-acc2)}.px .px__fc b{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.px .px__fc small,.px .px__tl small{font-size:12px;color:var(--px-mu);line-height:1.4}.px .px__mid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:12px}.px .px__promo{position:relative;border-radius:12px;overflow:hidden;min-height:220px;background:radial-gradient(90% 120% at 100% 0,rgb(58 134 255 / .5),transparent 60%),linear-gradient(135deg,#0a1a3a,#060a14);display:flex;align-items:flex-end}.px .px__promo-img,.px .px__band-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.px .px__promo-img{opacity:.55}.px .px__promo-in{position:relative;padding:22px;display:grid;gap:10px;justify-items:start}.px .px__promo h2{margin:0;font-size:clamp(22px,2.4vw,32px);line-height:1;font-weight:800;text-transform:uppercase;color:var(--px-acc2);letter-spacing:-.01em}.px .px__promo p{margin:0;font-size:13px;color:#ffffffbf}.px .px__btn{display:inline-flex;align-items:center;padding:11px 18px;border-radius:10px;background:var(--px-acc2);color:#fff!important;font-weight:800;font-size:14px;transition:background .2s,transform .2s}.px .px__btn:hover{background:var(--px-acc)}.px .px__btn--ghost{background:#ffffff1f;border:1px solid rgb(255 255 255 / .2)}.px .px__note{font-size:10px;font-weight:700;padding:3px 8px;border-radius:99px;background:#e11d74;margin-top:-16px;margin-left:16px}.px .px__tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.px .px__tl{display:grid;align-content:start;gap:6px;padding:16px;border-radius:12px;background:var(--px-card);border:1px solid var(--px-line);transition:border-color .2s,background .2s}.px .px__tl:hover{border-color:#3a86ff8c;background:#111a30}.px .px__ti{width:22px;height:22px;color:var(--px-acc2);margin-bottom:12px}.px .px__ti svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.px .px__tl b{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.px .px__tl em{background:var(--px-acc2)}.px .px__band{position:relative;border-radius:12px;overflow:hidden;min-height:280px;display:flex;align-items:center;background:radial-gradient(60% 120% at 85% 50%,rgb(58 134 255 / .35),transparent 65%),linear-gradient(90deg,#0b1430,#060a14)}.px .px__band-img{opacity:.6}.px .px__band-in{position:relative;padding:clamp(22px,4vw,56px);max-width:520px;display:grid;gap:12px;justify-items:start}.px .px__kick{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--px-acc2)}.px .px__band h2{margin:0;font-size:clamp(26px,3.4vw,44px);line-height:1;font-weight:800;text-transform:uppercase}.px .px__band p{margin:0;color:#ffffffb3;font-size:14px;line-height:1.5}@media(max-width:989px){.px .px__feat{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(240px,42%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.px .px__fc{scroll-snap-align:start}.px .px__mid{grid-template-columns:1fr}.px .px__tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.px .px__feat{grid-auto-columns:78%}.px .px__tl{padding:13px}.px .px__band{min-height:240px}}@media(prefers-reduced-motion:reduce){.px *{transition:none!important}.px .px__fc:hover .px__fm img,.px .px__fc:hover .px__art{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/propey-hub-explore.css.map */
