.dynamic-collection-list__filters{display:flex;flex-direction:column;gap:var(--spacing-4);margin-block-end:var(--spacing-6)}@media screen and (min-width:750px){.dynamic-collection-list__filters{flex-direction:row;justify-content:space-between;align-items:center}}.dynamic-collection-list__month-filters{display:flex;flex-wrap:wrap;gap:1px;border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:100px;padding:8px;align-items:center;overflow:auto}.dynamic-collection-list_button{display:flex}.dynamic-collection-list__filter-btn{padding:var(--spacing-2) var(--spacing-4);border:0;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:100px;cursor:pointer;transition:all var(--duration-default);font-size:var(--font-size-static-sm);font-family:inherit;white-space:nowrap}.dynamic-collection-list__filter-btn:hover{background-color:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-border),calc(var(--alpha-border) * 1.5))}.dynamic-collection-list__filter-btn.active{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.dynamic-collection-list__filter-btn:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.dynamic-collection-list__search{position:relative;display:flex;align-items:center;width:100%;max-width:100%}@media screen and (min-width:750px){.dynamic-collection-list__search{width:auto;min-width:40%;max-width:40%}}.dynamic-collection-list__search-icon{position:absolute;inset-inline-start:var(--spacing-2);display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground));pointer-events:none;z-index:1;right:16px;left:auto}.dynamic-collection-list__search-icon svg{width:2rem;height:2rem}.dynamic-collection-list__search-input{width:100%;height:48.5px;padding:var(--spacing-2) var(--spacing-4);padding-inline-end:4rem;border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:100px;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:var(--font-size-static-sm);font-family:inherit}.dynamic-collection-list__search-input:focus{outline:none;border-color:rgb(var(--color-foreground))}.dynamic-collection-list__search-input::placeholder{color:rgba(var(--color-foreground),.5)}.dynamic-collection-list__search-clear{position:absolute;inset-inline-end:var(--spacing-2);background:none;border:none;padding:var(--spacing-1);cursor:pointer;color:rgb(var(--color-foreground));opacity:.6;transition:opacity var(--duration-default);display:flex;align-items:center;justify-content:center}.dynamic-collection-list__search-clear:hover{opacity:1}.dynamic-collection-list__search-clear svg{width:1.6rem;height:1.6rem}.dynamic-collection-list__grid{display:grid;gap:var(--grid-spacing);min-height:20rem}.dynamic-collection-list__loading,.dynamic-collection-list__no-results{text-align:center;padding:var(--spacing-6);color:rgba(var(--color-foreground),.7)}.dynamic-collection-list__loading p,.dynamic-collection-list__no-results p{margin:0;font-size:var(--font-size-static-md)}.dynamic-collection-list__debug{margin-block-start:var(--spacing-6);padding:var(--spacing-4);background-color:rgba(var(--color-foreground),.05);border-radius:var(--input-border-radius);font-size:var(--font-size-static-sm)}.dynamic-collection-list__debug p{margin:var(--spacing-1) 0}.dynamic-collection-list__debug strong{font-weight:var(--font-weight-bold)}.dynamic-collection-list__item{transition:opacity var(--duration-default);background:#f0f0f0}.dynamic-collection-list__item .card-collection__heading{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.dynamic-collection-list__item .card-collection__content{padding:16px 20px;margin:0}.dynamic-collection-list__item .media{background-color:#fff0;padding:20px;max-height:320px}.dynamic-collection-list__item .media img{object-fit:contain}.dynamic-collection-list__item[style*="display: none"]{opacity:0;pointer-events:none}@media screen and (max-width:749px){.dynamic-collection-list__month-filters{gap:var(--spacing-1)}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-dynamic-collection-list.css.map */