.rbx-collection-filter{margin:22px 0}.rbx-collection-filter__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;padding:22px 20px;border-radius:26px;background:transparent;border:1px solid #92b6bb;overflow:visible;flex-wrap:wrap}.rbx-collection-filter__group{display:flex;align-items:flex-start;gap:14px;flex:0 0 auto}.rbx-collection-filter__label{flex:0 0 auto;min-width:max-content;padding-top:6px;font-size:15px;line-height:1.2;font-weight:700;color:#31343f}.rbx-collection-filter__label--stack{display:flex;flex-direction:column;gap:4px;padding-top:2px}.rbx-collection-filter__label-main{font-size:15px;line-height:1.2;font-weight:700;color:#31343f}.rbx-collection-filter__label-sub{font-size:12px;line-height:1.25;font-weight:500;color:#6b6c73}.rbx-collection-filter__tones,.rbx-collection-filter__icons{display:flex;align-items:flex-start;gap:12px}.rbx-collection-filter__tones{display:flex;flex-wrap:wrap;gap:12px;overflow:visible;padding-top:4px;padding-bottom:2px;max-width:100%}.rbx-collection-filter__group--tones{flex:1 1 auto;min-width:0}.rbx-collection-filter__group--tones .rbx-collection-filter__tones{width:100%}.rbx-filter-chip,.rbx-filter-tone-card,.rbx-filter-icon{appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.rbx-filter-chip:hover,.rbx-filter-tone-card:hover,.rbx-filter-icon:hover{transform:translateY(-1px)}.rbx-filter-chip{height:42px;padding:0 18px;border:1px solid rgba(17,17,17,.12);border-radius:999px;background:#fff;color:#111;font-size:14px;font-weight:700;white-space:nowrap;transition:all .18s ease}.rbx-filter-chip:hover{border-color:#f2a51f;background:#f2a51f14}.rbx-filter-chip.is-active{background:#f2a51f;border-color:#f2a51f;color:#111}.rbx-filter-tone-card{width:84px;min-width:84px;padding:2px;border:0;background:transparent;overflow:visible;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.rbx-filter-tone-card__image{display:block;width:100%;height:84px;background:#ecece8;overflow:hidden;border-radius:18px;border:1px solid transparent;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.rbx-filter-tone-card:hover .rbx-filter-tone-card__image{border-color:#f2a51f99;box-shadow:0 0 0 1px #f2a51f47}.rbx-filter-tone-card.is-active .rbx-filter-tone-card__image{border-color:#f2a51f;box-shadow:0 0 0 1px #f2a51f}.rbx-filter-tone-card__image--all{background:linear-gradient(135deg,#f4f4f2,#d9dad8)}.rbx-filter-tone-card__image img{width:100%;height:100%;object-fit:cover;display:block}.rbx-filter-tone-card__title{display:block;padding:0;font-size:11px;line-height:1.2;font-weight:600;color:#31343f;text-align:center;min-height:0;border-radius:0}.rbx-filter-icon{width:78px;min-width:78px;padding:10px 8px 8px;border:1px solid rgba(17,17,17,.12);border-radius:12px;background:#fff;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}.rbx-filter-icon:hover{border-color:#f2a51f;background:#f2a51f14}.rbx-filter-icon.is-active{background:#f2a51f;border-color:#f2a51f}.rbx-filter-icon__dot{display:block}.rbx-filter-icon__dot--all{width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#efe9df,#4d5257)}.rbx-filter-icon__dot--light{width:22px;height:22px;border-radius:999px;background:#f3f0e7;border:1px solid rgba(17,17,17,.08)}.rbx-filter-icon__dot--medium{width:22px;height:22px;border-radius:999px;background:#b6b7b4}.rbx-filter-icon__dot--dark{width:22px;height:22px;border-radius:999px;background:#4f5358}.rbx-filter-icon__stripe-dot{display:block;width:22px;height:22px;border-radius:999px;background-color:#e7e0d6;border:1px solid rgba(17,17,17,.08)}.rbx-filter-icon__stripe-dot--light{background-image:repeating-linear-gradient(135deg,rgba(90,90,90,.18) 0px,rgba(90,90,90,.18) 2px,transparent 2px,transparent 8px)}.rbx-filter-icon__stripe-dot--medium{background-image:repeating-linear-gradient(135deg,rgba(90,90,90,.28) 0px,rgba(90,90,90,.28) 2px,transparent 2px,transparent 6px)}.rbx-filter-icon__stripe-dot--strong{background-image:repeating-linear-gradient(135deg,rgba(55,55,55,.42) 0px,rgba(55,55,55,.42) 2px,transparent 2px,transparent 4px)}.rbx-filter-icon__text{display:block;font-size:11px;line-height:1.2;font-weight:600;color:#31343f;text-align:center;white-space:nowrap}@media screen and (max-width:989px){.rbx-collection-filter__inner{gap:26px}.rbx-filter-tone-card{width:62px;min-width:62px;gap:6px}.rbx-filter-tone-card__image{height:62px;border-radius:14px}.rbx-filter-tone-card__title{border-radius:0}.rbx-filter-icon{width:70px;min-width:70px}}@media screen and (max-width:749px){.rbx-collection-filter{margin:18px 0}.rbx-collection-filter__inner{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding:16px 14px 18px;border-radius:20px;overflow:hidden}.rbx-collection-filter__group{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;min-width:0}.rbx-collection-filter__group--tones{flex:0 0 auto;min-width:0}.rbx-collection-filter__label{padding-top:0;font-size:13px;line-height:1.2;font-weight:700;min-width:0}.rbx-collection-filter__tones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible;padding-top:0;padding-bottom:2px}.rbx-collection-filter__icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible;padding-bottom:2px}.rbx-filter-tone-card{width:100%;min-width:0;max-width:100%;border-radius:14px;transform:none!important}.rbx-filter-tone-card__image{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:14px}.rbx-filter-tone-card__title{font-size:10px;line-height:1.15;min-height:auto;padding:6px 2px 0;border-radius:0}.rbx-filter-icon{width:100%;min-width:0;max-width:100%;border-radius:12px;padding:8px 6px 7px;gap:6px;transform:none!important}.rbx-filter-icon__text{font-size:10px;line-height:1.1}.rbx-filter-icon__dot--all,.rbx-filter-icon__dot--light,.rbx-filter-icon__dot--medium,.rbx-filter-icon__dot--dark,.rbx-filter-icon__stripe-dot{width:18px;height:18px}.rbx-filter-tone-card:hover,.rbx-filter-icon:hover{transform:none}}.rbx-filter-reset{align-self:center;margin-inline-start:auto;padding:8px 16px;border:1px solid rgba(0,0,0,.15);border-radius:999px;background:transparent;font-size:.82rem;font-weight:500;line-height:1;cursor:pointer;color:inherit;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.rbx-filter-reset:hover{background:#b4d4d359;border-color:#b4d4d3}a.rbx-filter-tone-card{text-decoration:none;color:inherit;display:inline-flex;flex-direction:column;align-items:center}#ProductGridContainer.rbx-grid-loading{opacity:.45;pointer-events:none;transition:opacity .15s ease}.rbx-tag-filter .rbx-collection-filter__inner{align-items:center;row-gap:16px}.rbx-tag-filter .rbx-collection-filter__group{align-items:center;min-width:0}.rbx-tag-filter .rbx-collection-filter__label{padding-top:0}.rbx-tag-filter .rbx-collection-filter__icons{flex-wrap:wrap;align-items:center;row-gap:10px;min-width:0}.rbx-tag-filter .rbx-filter-icon{width:auto;min-width:0;max-width:100%;min-height:42px;padding:0 18px;border-radius:999px;flex-direction:row;align-items:center;justify-content:center;gap:0}.rbx-tag-filter .rbx-filter-icon__text{font-size:14px;font-weight:700;white-space:nowrap}@media screen and (max-width:989px){.rbx-tag-filter .rbx-filter-icon{width:auto;min-width:0;padding:0 15px}}@media screen and (max-width:749px){.rbx-tag-filter .rbx-collection-filter__inner,.rbx-tag-filter .rbx-collection-filter__group{align-items:stretch}.rbx-tag-filter .rbx-collection-filter__icons{display:flex;flex-wrap:wrap;gap:8px}.rbx-tag-filter .rbx-filter-icon{width:auto;min-height:38px;padding:0 14px;border-radius:999px}.rbx-tag-filter .rbx-filter-icon__text{font-size:13px;white-space:normal;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/rbx-collection-filter.css.map */