.rr-visible-filters{--rr-vf-cream: #F5F0E8;--rr-vf-warm-white: #FAF8F5;--rr-vf-border: #DDD5C8;--rr-vf-plum: #2D1B33;--rr-vf-terracotta: #C4693A;--rr-vf-muted: #8B7D70;--rr-vf-serif: "Cormorant Garamond", Georgia, serif;--rr-vf-sans: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;padding:0 48px 18px;background:var(--rr-vf-cream);color:var(--rr-vf-plum);font-family:var(--rr-vf-sans)}.rr-visible-filters.is-loading{cursor:progress}.rr-visible-filters.is-loading .rr-visible-types,.rr-visible-filters.is-loading .rr-visible-colors__list{opacity:.62;pointer-events:none}.rr-visible-filters *,.rr-visible-filters *:before,.rr-visible-filters *:after{box-sizing:border-box}.rr-visible-filters__types{padding:30px 0 26px;border-top:1px solid var(--rr-vf-border)}.rr-visible-filters__heading-row{display:flex;align-items:baseline;justify-content:flex-start;gap:24px;margin-bottom:18px}.rr-visible-filters__heading{margin:0;font-family:var(--rr-vf-serif);font-size:clamp(27px,2.4vw,36px);font-weight:500;line-height:1.1;letter-spacing:-.02em}.rr-visible-filters__supporting{margin:0;color:var(--rr-vf-muted);font-size:11px;font-weight:500;letter-spacing:.11em;text-transform:uppercase}.rr-visible-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:12px}.rr-visible-type{min-width:0;overflow:hidden;border:1px solid var(--rr-vf-border);border-radius:14px;background:var(--rr-vf-warm-white);color:var(--rr-vf-plum);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.rr-visible-type:hover{border-color:#9f7562;box-shadow:0 8px 22px #3b1a0a1a;color:var(--rr-vf-plum);transform:translateY(-2px)}.rr-visible-type.is-active{border-color:#4b2b24;box-shadow:0 0 0 2px var(--rr-vf-cream),0 0 0 4px #4b2b24}.rr-visible-type:focus-visible,.rr-visible-color:focus-visible{outline:3px solid rgba(196,105,58,.45);outline-offset:4px}.rr-visible-type__visual{--rr-visible-type-background: #D8C8B5;position:relative;display:block;aspect-ratio:1.32 / 1;overflow:hidden;background:var(--rr-visible-type-background)}.rr-visible-type__visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}.rr-visible-type:hover .rr-visible-type__visual img{transform:scale(1.025)}.rr-visible-type__visual--all{--rr-visible-type-background: #CBB79E}.rr-visible-type__visual--fallback-1{--rr-visible-type-background: #E2D6C4}.rr-visible-type__visual--fallback-2{--rr-visible-type-background: #BBA68C}.rr-visible-type__visual--fallback-3{--rr-visible-type-background: #D3C09E}.rr-visible-type__visual--fallback-4{--rr-visible-type-background: #A0896E}.rr-visible-type__visual--fallback-5{--rr-visible-type-background: #D6C5AD}.rr-visible-type__visual--fallback-6{--rr-visible-type-background: #B6A999}.rr-visible-type__shape{position:absolute;display:block;pointer-events:none}.rr-visible-type__shape--one{width:46%;height:46%;left:27%;top:26%;border-radius:50%;background:#faf8f5d6}.rr-visible-type__shape--two{width:43%;height:64%;left:13%;bottom:10%;clip-path:polygon(52% 0,100% 100%,0 100%);background:#ac5c38b3;transform:rotate(4deg)}.rr-visible-type__shape--three{width:25%;aspect-ratio:1;right:14%;top:16%;border:7px solid rgba(88,58,43,.78);border-radius:50%}.rr-visible-type__copy{min-height:57px;padding:11px 12px;display:flex;align-items:center;gap:8px}.rr-visible-type__label{min-width:0;font-size:13px;font-weight:600;line-height:1.25}.rr-visible-type__count{flex:0 0 auto;min-width:24px;height:24px;margin-left:auto;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eee4d9;color:#76675e;font-size:11px;font-weight:500}.rr-visible-type__marker{flex:0 0 auto;width:23px;height:23px;margin-left:auto;display:none;align-items:center;justify-content:center;border-radius:50%;background:#4b2b24;color:#fff;font-size:11px}.rr-visible-type.is-active .rr-visible-type__count{display:none}.rr-visible-type.is-active .rr-visible-type__marker{display:inline-flex}.rr-visible-colors{min-height:78px;padding:14px 0 2px;display:flex;align-items:flex-start;gap:24px;border-top:1px solid var(--rr-vf-border)}.rr-visible-colors__heading{flex:0 0 auto;margin:15px 0 0;color:#756960;font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1;text-transform:uppercase}.rr-visible-colors__list{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding:4px 5px 10px;scrollbar-width:none}.rr-visible-colors__list::-webkit-scrollbar{display:none}.rr-visible-color{flex:0 0 54px;color:#655950;text-align:center;text-decoration:none}.rr-visible-color:hover{color:var(--rr-vf-plum)}.rr-visible-color:focus-visible{outline:2px solid var(--rr-vf-plum);outline-offset:3px;border-radius:6px}.rr-visible-color__swatch{position:relative;width:40px;height:40px;margin:0 auto 6px;display:block;overflow:hidden;border:2px solid var(--rr-vf-cream);border-radius:50%;background:var(--rr-visible-color);box-shadow:0 0 0 1px #cfc2b6}.rr-visible-color__swatch img{width:100%;height:100%;display:block;object-fit:cover}.rr-visible-color.is-active .rr-visible-color__swatch{box-shadow:0 0 0 2px var(--rr-vf-cream),0 0 0 4px #4b2b24}.rr-visible-color__check{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.55)}.rr-visible-color.is-active .rr-visible-color__check{display:flex}.rr-visible-color__label{display:block;overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.rr-visible-filters--empty{margin:0 48px 28px;padding:18px 22px;border:1px dashed #C4693A;border-radius:12px;background:#faf8f5}.rr-visible-filters--empty p{margin:0;color:#6f5e53;font-size:13px;line-height:1.55}@media screen and (max-width:900px){.rr-visible-filters{padding:0 20px 14px}.rr-visible-types{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 12px;scroll-padding-left:4px;scroll-snap-type:x proximity;scrollbar-width:none}.rr-visible-types::-webkit-scrollbar{display:none}.rr-visible-type{flex:0 0 154px;scroll-snap-align:start}.rr-visible-filters--empty{margin:0 20px 24px}}@media screen and (max-width:560px){.rr-visible-filters__heading-row{display:block}.rr-visible-filters__types{padding-top:24px}.rr-visible-type{flex-basis:142px}.rr-visible-colors{gap:12px}.rr-visible-colors__heading{margin-top:14px}.rr-visible-colors__list{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/rr-collection-visible-filters.css.map */
