.revolt-color-explorer{padding:100px 0;background-color:#050505}.revolt-color-explorer__header{margin-bottom:60px}.revolt-color-explorer__subtitle{color:var(--revolt-red);font-family:var(--font-heading-family);font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:15px}.revolt-color-explorer__heading{font-family:var(--font-heading-family);font-size:clamp(3rem,5vw,5rem);font-weight:700;text-transform:uppercase;color:var(--revolt-white);margin:0 0 15px;line-height:1}.revolt-color-explorer__desc{color:#fff9;max-width:600px;margin:0;font-size:1.6rem}.revolt-color-explorer__filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px;margin-bottom:50px;background:#121212cc;padding:30px 40px;border-radius:20px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.revolt-color-explorer__filter-group{display:flex;align-items:center;gap:25px}.revolt-color-explorer__filter-label{font-size:1.1rem;font-weight:800;color:#ffffff80;letter-spacing:1.5px;text-transform:uppercase}.revolt-color-explorer__swatches{display:flex;gap:15px}@media screen and (max-width:749px){.revolt-color-explorer__swatches{overflow-x:auto;padding-bottom:10px;width:100%;scrollbar-width:none;-ms-overflow-style:none}.revolt-color-explorer__swatches::-webkit-scrollbar{display:none}}.color-swatch{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.4);cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.color-swatch:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:2px solid var(--revolt-red);opacity:0;transition:opacity .3s ease}.color-swatch.active:after{opacity:1}.revolt-color-explorer__pills{display:flex;gap:12px;flex-wrap:wrap}@media screen and (max-width:749px){.revolt-color-explorer__pills{overflow-x:auto;padding-bottom:10px;width:100%;flex-wrap:wrap;scrollbar-width:none;-ms-overflow-style:none}.revolt-color-explorer__pills::-webkit-scrollbar{display:none}.finish-pill{flex-shrink:0;white-space:nowrap}}.finish-pill{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fffc;padding:10px 24px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.finish-pill:hover{border-color:#fff6}.finish-pill.active{background:var(--revolt-white);color:var(--revolt-dark);border-color:var(--revolt-white)}.revolt-color-explorer__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:60px}@media screen and (min-width:750px){.revolt-color-explorer__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.revolt-color-explorer__grid{grid-template-columns:repeat(5,1fr)}}.revolt-color-card{background:#111;border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column}.revolt-color-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.revolt-color-card__preview{height:140px;width:100%;position:relative;overflow:hidden}@media screen and (min-width:750px){.revolt-color-card__preview{height:200px}}.revolt-color-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(255,255,255,.15) 0%,transparent 70%)}.revolt-color-card__info{padding:20px 24px;background:#161616;flex-grow:1}.revolt-color-card__title{font-family:var(--font-heading-family);margin:0 0 8px;font-size:1.4rem;font-weight:700;text-transform:uppercase;color:var(--revolt-white);letter-spacing:.5px}@media screen and (min-width:750px){.revolt-color-card__title{font-size:1.8rem}}.revolt-color-card__subtitle{margin:0;font-size:1.1rem;color:orange;font-weight:700;text-transform:uppercase;letter-spacing:1px}.revolt-btn--secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--revolt-white);padding:12px 40px;font-size:1.4rem;font-weight:700;border-radius:4px}.revolt-btn--secondary:hover{border-color:var(--revolt-white);background:#ffffff0d}@media screen and (max-width:749px){.revolt-color-explorer{padding:60px 0}.revolt-color-explorer__filters{padding:20px 15px;gap:20px;margin-bottom:30px}.revolt-color-explorer__filter-group{width:100%;flex-direction:column;align-items:flex-start;gap:12px}.revolt-color-explorer__swatches,.revolt-color-explorer__pills{display:flex;overflow-x:auto;width:calc(100% + 30px);margin:0 -15px;padding:5px 15px 12px;flex-wrap:wrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.revolt-color-explorer__swatches::-webkit-scrollbar,.revolt-color-explorer__pills::-webkit-scrollbar{display:none}.color-swatch,.finish-pill{flex-shrink:0}.revolt-color-explorer__grid{grid-template-columns:repeat(2,1fr);gap:12px}.revolt-color-card__preview{height:120px}.revolt-color-card__info{padding:12px}.revolt-color-card__title{font-size:1.3rem}.revolt-color-card__subtitle{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/revolt-color-explorer.css.map */