.shape-navigator{padding-top:36px;padding-bottom:36px;background:#fff;border-bottom:1px solid #f0ece6}.shape-navigator__container{max-width:1200px;margin:0 auto;padding:0 20px}.shape-navigator__header{text-align:center;margin-bottom:24px}.shape-navigator__subheading{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#a09484;margin:0 0 4px;font-weight:400}.shape-navigator__heading{font-size:20px;font-weight:300;letter-spacing:.04em;color:#1a1a1a;margin:0;font-family:var(--font-heading, serif)}.shape-navigator__grid{display:flex;justify-content:center;align-items:flex-start;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.shape-navigator__grid::-webkit-scrollbar{display:none}.shape-tile{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:14px 16px 12px;border-radius:4px;min-width:80px;transition:background .2s ease,transform .2s ease;position:relative}.shape-tile:hover{background:#faf8f5;transform:translateY(-1px)}.shape-tile--active{background:#f5f0ea}.shape-tile--active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:#8c7a66;border-radius:1px}.shape-tile__icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.shape-svg{width:36px;height:36px;color:#4a4039;transition:color .2s ease,transform .2s ease}.shape-tile:hover .shape-svg{color:#2c2218;transform:scale(1.05)}.shape-tile--active .shape-svg{color:#2c2218}.shape-tile__name{font-size:11px;font-weight:550;letter-spacing:.02em;color:#2c2c2c;text-align:center;line-height:1.2;margin-bottom:2px}.shape-tile__count{font-size:9px;font-weight:350;color:#b8ae a2;letter-spacing:.01em;text-align:center;line-height:1}@media(max-width:749px){.shape-navigator{padding-top:24px;padding-bottom:24px}.shape-navigator__header{margin-bottom:16px}.shape-navigator__heading{font-size:17px}.shape-navigator__grid{justify-content:flex-start;gap:0;margin:0 -20px;padding:0 16px 8px}.shape-tile{min-width:68px;padding:10px 10px 8px}.shape-svg{width:30px;height:30px}.shape-tile__icon-wrap{width:34px;height:34px;margin-bottom:6px}.shape-tile__name{font-size:10px}.shape-tile__count{font-size:8px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/faber-visual-navigator.css.map */