:root{--filter-bg: #FAFAF8;--filter-border: #E5E0D8;--filter-text: #1A1714;--filter-text-muted: #8C8680;--filter-accent: #1A1714;--filter-panel-bg: #FFFFFF;--filter-panel-shadow: 0 12px 40px rgba(26, 23, 20, .1);--filter-radius: 3px;--filter-check-size: 16px;--filter-transition: .2s ease}.blog-filter-bar{position:relative;margin-top:10px;top:10px;z-index:3;background:var(--filter-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;border:1px solid rgb(var(--border-color))}.blog-filter-bar::-webkit-scrollbar{display:none}.blog-filter-bar__inner{display:flex;align-items:center;height:52px;overflow:visible}.blog-filter-bar__inner::-webkit-scrollbar{display:none}.blog-filter-bar__sep{flex-shrink:0;width:1px;height:20px;background:var(--filter-border)}.blog-filter-search{display:flex;align-items:center;padding:0 20px;flex-shrink:0;height:100%}.blog-filter-search input{all:unset;font-size:13px;letter-spacing:.02em;color:var(--filter-text);width:180px;transition:width var(--filter-transition)}.blog-filter-search input::placeholder{color:var(--filter-text-muted)}.blog-filter-search input:focus{width:240px}.blog-filter-item{position:relative;flex-shrink:0;height:100%}.blog-filter-item>summary{display:flex;align-items:center;gap:10px;height:100%;padding:0 20px;cursor:pointer;list-style:none;font-size:13px;letter-spacing:.04em;white-space:nowrap;transition:color var(--filter-transition);-webkit-user-select:none;user-select:none}.blog-filter-item>summary::-webkit-details-marker{display:none}.blog-filter-item>summary:hover{color:var(--filter-text)}.blog-filter-item>summary:after{content:"";display:inline-block;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--filter-transition);flex-shrink:0}.filter-count{display:none;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background:var(--filter-accent);color:#fff;border-radius:50%;font-size:12px;font-weight:600;letter-spacing:0;margin-left:5px}.filter-count[data-count]:not([data-count="0"]){display:inline-flex}.blog-filter-item__panel{top:calc(100% + 1px);left:0;min-width:220px;max-height:380px;overflow-y:auto;background:var(--filter-panel-bg);border:1px solid var(--filter-border);border-radius:var(--filter-radius);box-shadow:var(--filter-panel-shadow);padding:8px 0;z-index:5;animation:filterPanelIn .16s ease forwards}@keyframes filterPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.blog-filter-item__panel::-webkit-scrollbar{width:3px}.blog-filter-item__panel::-webkit-scrollbar-thumb{background:var(--filter-border)}.blog-filter-item[open]>summary{color:var(--filter-text)}.blog-filter-item[open]>summary:after{transform:rotate(225deg) translateY(-2px)}.filter-group-title{display:block;padding:10px 16px 4px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--filter-text-muted)}.filter-group-title+.filter-group-title,.filter-checkbox-label+.filter-group-title{margin-top:6px;border-top:1px solid var(--filter-border);padding-top:14px}.filter-checkbox-label{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;font-size:13px;letter-spacing:.01em;color:var(--filter-text);transition:background var(--filter-transition)}.filter-checkbox-label:hover{background:var(--filter-bg)}.filter-checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.filter-checkbox-box{flex-shrink:0;width:var(--filter-check-size);height:var(--filter-check-size);border:1px solid var(--filter-border);border-radius:2px;background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color var(--filter-transition),background var(--filter-transition)}.filter-checkbox-box:after{content:"";display:none;width:5px;height:8px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg) translate(-1px,-1px)}.filter-checkbox-label input:checked~.filter-checkbox-box{background:var(--filter-accent);border-color:var(--filter-accent)}.filter-checkbox-label input:checked~.filter-checkbox-box:after{display:block}.blog-filter-submit{display:flex;align-items:center;gap:8px;padding:0 24px;height:100%;flex-shrink:0;margin-left:auto;background:none;border:none;border-left:1px solid var(--filter-border);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--filter-text);cursor:pointer;transition:background var(--filter-transition),color var(--filter-transition);white-space:nowrap}.blog-filter-submit:hover{background:var(--filter-accent);color:#fff}.blog-filter-submit:hover .submit-icon-path{stroke:#fff}.submit-icon-path{stroke:var(--filter-text);transition:stroke var(--filter-transition)}@media screen and (max-width:699px){.blog-filter-search input{width:110px}.blog-filter-search input:focus{width:140px}.blog-filter-item>summary,.blog-filter-search{padding:0 14px;font-size:12px}.blog-filter-submit{padding:0 16px}}@media screen and (max-width:1250px){.blog-filter-bar{display:none}}.blog-filter-mobile-trigger{display:none}@media screen and (max-width:1250px){.blog-filter-mobile-trigger{display:flex;align-items:center;gap:8px;padding:10px 16px;margin:12px 0;background:var(--filter-bg);border:1px solid var(--filter-border);border-radius:24px;font-size:13px;letter-spacing:.04em;color:var(--filter-text);cursor:pointer;transition:border-color var(--filter-transition),background var(--filter-transition)}.blog-filter-mobile-trigger:hover{border-color:var(--filter-text)}.filter-mobile-count{display:none;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--filter-accent);color:#fff;border-radius:9px;font-size:10px;font-weight:600;letter-spacing:0}.filter-mobile-count[data-count]:not([data-count="0"]){display:inline-flex}}.blog-filter-panel__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a171466;z-index:300;opacity:0;transition:opacity .3s ease}.blog-filter-panel__drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,92vw);background:var(--filter-panel-bg);z-index:301;display:flex;flex-direction:column;transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px #1a17141f}.blog-filter-panel.is-open .blog-filter-panel__overlay{display:block;opacity:1}.blog-filter-panel.is-open .blog-filter-panel__drawer{transform:translate(0)}.blog-filter-panel__header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--filter-border);flex-shrink:0}.blog-filter-panel__header-title{font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--filter-text)}.blog-filter-panel__close{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--filter-text-muted);transition:background var(--filter-transition),color var(--filter-transition)}.blog-filter-panel__close:hover{background:var(--filter-bg);color:var(--filter-text)}.blog-filter-panel__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 0 16px}.blog-filter-panel__search{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--filter-border)}.blog-filter-panel__search input{all:unset;flex:1;font-size:14px;letter-spacing:.02em;color:var(--filter-text)}.blog-filter-panel__search input::placeholder{color:var(--filter-text-muted)}.blog-filter-panel__group{border-bottom:1px solid var(--filter-border)}.blog-filter-panel__group>summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;list-style:none;font-size:13px;letter-spacing:.04em;color:var(--filter-text);-webkit-user-select:none;user-select:none}.blog-filter-panel__group>summary::-webkit-details-marker{display:none}.blog-filter-panel__group>summary .panel-group-label{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;font-weight:700}.blog-filter-panel__group>summary .panel-filter-count,.blog-filter-item>summary .panel-filter-count{display:none;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background:var(--filter-accent);color:#fff;border-radius:50%;font-size:12px;font-weight:600;letter-spacing:0;margin-left:5px}.blog-filter-panel__group>summary .panel-filter-count[data-count]:not([data-count="0"]),.blog-filter-item>summary .panel-filter-count[data-count]:not([data-count="0"]){display:inline-flex}.blog-filter-panel__group>summary:after{content:"";display:inline-block;width:7px;height:7px;border-right:1px solid var(--filter-text-muted);border-bottom:1px solid var(--filter-text-muted);transform:rotate(45deg) translateY(-2px);transition:transform var(--filter-transition);flex-shrink:0}.blog-filter-panel__group[open]>summary:after{transform:rotate(-135deg) translateY(-2px)}.blog-filter-panel__group-values{padding:0 0 8px}.blog-filter-panel__group-values .filter-group-title,.blog-filter-panel__group-values .filter-checkbox-label{padding-left:20px;padding-right:20px}.blog-filter-panel__footer{flex-shrink:0;padding:16px 20px;border-top:1px solid var(--filter-border);display:flex;gap:10px}.blog-filter-panel__btn-reset{all:unset;cursor:pointer;flex:1;text-align:center;padding:14px;border:1px solid var(--filter-border);border-radius:var(--filter-radius);font-size:13px;letter-spacing:.04em;color:var(--filter-text-muted);transition:border-color var(--filter-transition),color var(--filter-transition)}.blog-filter-panel__btn-reset:hover{border-color:var(--filter-text);color:var(--filter-text)}.blog-filter-panel__btn-apply{all:unset;cursor:pointer;flex:2;text-align:center;padding:14px;background:var(--filter-accent);color:#fff;border-radius:var(--filter-radius);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:opacity var(--filter-transition)}.blog-filter-panel__btn-apply:hover{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-blog.css.map */