.frag-cats-wrapper{width:100%;box-sizing:border-box;overflow:hidden}.frag-cats-wrapper .frag-cats.container{margin:0 auto;padding:4px 15px 16px}.frag-cats-wrapper .frag-cats__grid{display:flex;justify-content:center;align-items:flex-start;gap:40px;flex-wrap:nowrap;width:100%;list-style:none;padding:0;margin:0}.frag-cats-wrapper .frag-cat-list-item{display:contents}.frag-cats-wrapper .frag-cat-item{display:flex;flex-direction:column;align-items:center;gap:0;text-decoration:none;cursor:pointer;flex:1 1 calc(25% - 18px);max-width:218px;min-width:0}.frag-cats-wrapper .frag-cat-item__bubble{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f7f7f9;border-radius:50%;border:1px solid #C9C9C9;transition:border-color .3s ease}.frag-cats-wrapper .frag-cat-item:hover .frag-cat-item__bubble,.frag-cats-wrapper .frag-cat-item:focus .frag-cat-item__bubble,.frag-cats-wrapper .frag-cat-item:active .frag-cat-item__bubble{border-color:#9b9b9b}.frag-cats-wrapper .frag-cat-item__bubble img{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.05)}.frag-cats-wrapper .frag-cat-item__title{font-family:var(--sofia-pro, "Manrope", sans-serif);font-size:18px;color:var(--black-color);font-weight:400;text-align:center;margin:16px 0 0;letter-spacing:.01em;line-height:1.3;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frag-cats-wrapper .frag-cat-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.frag-cats-wrapper .frag-cat-item__placeholder svg{width:50%;height:50%;opacity:.3}@media(max-width:1024px){.frag-cats-wrapper .frag-cats__grid{gap:26px}.frag-cats-wrapper .frag-cat-item{max-width:140px}.frag-cats-wrapper .frag-cat-item__title{font-size:13px}}:root{--bundle-btn-text: rgb(var(--color-base-solid-button-labels, 255, 255, 255));--bundle-color-her: #a60a3d;--bundle-color-him: #00378b;--bundle-color-both: #71532b;--bundle-color-trend: #0c6813;--bundle-btn-font: var(--font-body-family, "Sofia Pro", sans-serif);--bundle-active-outline: #000000}.frag-cats-wrapper .frag-cats__grid{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin:0;list-style:none;padding:10px}.bundle-filter-btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-color, #ffffff);color:var(--bundle-btn-text, #000000);border:1px solid transparent;padding:12px 28px;font-size:16px;font-weight:600;border-radius:30px;cursor:pointer;min-height:48px;min-width:140px;font-family:var(--manrope-font);text-transform:uppercase;letter-spacing:.05em;outline:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.bundle-filter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a;opacity:.95}.bundle-filter-btn:active{transform:translateY(0)}.frag-cats-wrapper .bundle-filter-btn:focus,.frag-cats-wrapper .bundle-filter-btn:focus-visible{outline:none;border-radius:100px;box-shadow:0 0 0 3px var(--btn-text-color, #ffffff),0 0 0 5px var(--bundle-active-outline, #000000)}.frag-cats-wrapper .bundle-filter-btn:not(.active):not(:focus-visible){box-shadow:none}.bundle-filter-btn.for-her{background-color:var(--bundle-color-her);border-color:var(--bundle-color-her);color:var(--bundle-btn-text)}.bundle-filter-btn.for-him{background-color:var(--bundle-color-him);border-color:var(--bundle-color-him);color:var(--bundle-btn-text)}.bundle-filter-btn.for-his-hers{background-color:var(--bundle-color-both);border-color:var(--bundle-color-both);color:var(--bundle-btn-text)}.bundle-filter-btn.for-trending{background-color:var(--bundle-color-trend);border-color:var(--bundle-color-trend);color:var(--bundle-btn-text)}.frag-cats-wrapper .bundle-filter-btn.active{opacity:1;border-radius:100px;box-shadow:0 0 0 3px var(--btn-text-color, #ffffff),0 0 0 5px var(--bundle-active-outline, #000000)}.frag-cats-wrapper .frag-cats__grid.has-active .bundle-filter-btn:not(.active){background-color:transparent;box-shadow:none}.frag-cats-wrapper .frag-cats__grid.has-active .bundle-filter-btn.for-her:not(.active){color:var(--bundle-color-her);border-color:var(--bundle-color-her)}.frag-cats-wrapper .frag-cats__grid.has-active .bundle-filter-btn.for-him:not(.active){color:var(--bundle-color-him);border-color:var(--bundle-color-him)}.frag-cats-wrapper .frag-cats__grid.has-active .bundle-filter-btn.for-his-hers:not(.active),.frag-cats-wrapper .frag-cats__grid.has-active .bundle-filter-btn.for-unisex:not(.active){color:var(--bundle-color-both);border-color:var(--bundle-color-both)}.frag-cats-wrapper .frag-cats__grid.has-active .bundle-filter-btn.for-trending:not(.active){color:var(--bundle-color-trend);border-color:var(--bundle-color-trend)}@keyframes bundleBtnShimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.bundle-filter-btn.skeleton-loading{background:#e2e8f0 linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0)!important;background-size:400px 100%!important;animation:bundleBtnShimmer 1.5s infinite linear!important;color:transparent!important;border-color:transparent!important;box-shadow:none!important;pointer-events:none!important;cursor:wait!important}@media(max-width:767px){.bundle-filter-btn{width:144px}.frag-cats-wrapper .frag-cats.container{padding:0 10px}.frag-cats-wrapper .frag-cats__grid{gap:16px;justify-content:center;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.frag-cats-wrapper .frag-cats__grid::-webkit-scrollbar{display:none}.frag-cats-wrapper .frag-cat-list-item{display:flex;flex:0 0 calc((100% - 48px) / 3.5);scroll-snap-align:start}.frag-cats-wrapper .frag-cat-item{flex:1;max-width:none}.frag-cats-wrapper .frag-cat-item__bubble,.frag-cats-wrapper .frag-cat-item__bubble img{object-fit:contain;transform:none;border-radius:0;border:none}.frag-cats-wrapper .frag-cat-item__title{font-size:11px;font-weight:600;font-variation-settings:"wght" 600;margin-top:8px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
/*# sourceMappingURL=/cdn/shop/t/638/assets/fragrance-categories.css.map */