.AkbarDiaryDirectory__scope{display:block;min-width:0}.AkbarStyleDiariesFilters{max-width:100%;margin-bottom:32px}.AkbarStyleDiariesFilters[hidden],.AkbarDiaryDirectory__card[hidden]{display:none}.AkbarStyleDiariesFilters__row{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:16px;max-width:100%;overflow-x:auto;padding:4px 4px 12px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.AkbarStyleDiariesFilters__button{--style-diary-filter-width: calc((100% - 28px)*.4) ;display:grid;flex:0 0 var(--style-diary-filter-width);gap:12px;width:var(--style-diary-filter-width);min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:center;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.AkbarStyleDiariesFilters__circle{display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border:2px solid rgb(var(--text-color) / .2);border-radius:50%;background:#f5f5f5;transition:border-color .15s ease,transform .15s ease}.AkbarStyleDiariesFilters__circle img{width:100%;height:100%;object-fit:cover}.AkbarStyleDiariesFilters__label{font-size:14px;line-height:1.4}.AkbarStyleDiariesFilters__count{color:rgb(var(--text-color) / .7)}.AkbarStyleDiariesFilters__button[aria-pressed=true] .AkbarStyleDiariesFilters__circle{border-color:currentColor}.AkbarStyleDiariesFilters__button[aria-pressed=true] .AkbarStyleDiariesFilters__label{text-decoration:underline;text-underline-offset:4px}.AkbarStyleDiariesFilters__button:active .AkbarStyleDiariesFilters__circle{transform:scale(.96)}.AkbarStyleDiariesFilters__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.AkbarStyleDiariesFilters__status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:480px){.AkbarStyleDiariesFilters__button{--style-diary-filter-width: calc((100% - 44px) / 3.5)}}@media(min-width:768px){.AkbarStyleDiariesFilters__row{gap:20px}.AkbarStyleDiariesFilters__button{--style-diary-filter-width: 130px}.AkbarStyleDiariesFilters__label{font-size:16px}}@media(min-width:1000px){.AkbarStyleDiariesFilters__row{flex-wrap:wrap;overflow-x:visible}}@media(prefers-reduced-motion:reduce){.AkbarStyleDiariesFilters__circle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/akbar-style-diaries-filters.css.map */