.c-card-list{position:relative;display:flex;flex-direction:column;gap:var(--2xl-spacing);padding-block:var(--xl-spacing) var(--3xl-spacing);padding-inline:var(--md-gutter);background:var(--color-white)}.c-card-list__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--xl-spacing) var(--md-spacing)}.c-card-list__filter{position:relative;order:1}.c-card-list__filter-trigger{display:inline-flex;align-items:center;gap:var(--xsm-spacing);padding:var(--xsm-spacing) var(--md-spacing);background-color:var(--color-white);color:var(--color-primary);font-family:var(--font-body);font-weight:var(--regular-font-weight);font-size:var(--sm-font-size);white-space:nowrap;list-style:none;border:1px solid var(--color-primary);border-radius:9999px;cursor:pointer}.c-card-list__filter-trigger::-webkit-details-marker{display:none}.c-card-list__filter-caret{display:inline-flex;inline-size:.75rem;block-size:.75rem;transition:transform .15s ease}.c-card-list__filter-caret svg{inline-size:100%;block-size:100%}.c-card-list__filter[open] .c-card-list__filter-caret{transform:rotate(180deg)}.c-card-list__filter-menu{position:absolute;inset-block-start:calc(100% + var(--xsm-spacing));inset-inline-start:0;z-index:var(--z-dropdown);min-inline-size:12rem;margin:0;padding:var(--xsm-spacing);list-style:none;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--md-border-radius);box-shadow:0 .5rem 1.5rem color-mix(in srgb,var(--color-shadow) 12%,transparent)}.c-card-list__filter-option{display:block;padding:var(--xsm-spacing) var(--sm-spacing);color:var(--color-text);font-family:var(--font-body);font-size:var(--sm-font-size);text-decoration:none;border-radius:var(--sm-border-radius)}.c-card-list__filter-option:hover{background-color:var(--color-surface)}.c-card-list__filter-option[data-selected=true]{background-color:var(--color-primary);color:var(--color-white)}.c-card-list__search{order:3;display:flex;align-items:center;gap:var(--sm-spacing);flex:1 1 100%;block-size:2.75rem;padding-inline:var(--md-spacing);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:999rem;transition:border-color .2s ease}.c-card-list__search:focus-within{border-color:var(--color-accent)}.c-card-list__search-input{flex:1 1 auto;min-inline-size:0;padding:0;color:var(--color-text);font-family:var(--font-body);font-size:var(--sm-font-size);background:transparent;border:0;outline:none}.c-card-list__search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.c-card-list__search-submit{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem;padding:0;color:var(--color-primary);background:none;border:none;cursor:pointer}.c-card-list__search-submit svg{inline-size:100%;block-size:100%}.c-card-list__count{order:2;margin:0;margin-inline-start:auto;font-family:var(--font-body);font-weight:var(--regular-font-weight);font-size:var(--sm-font-size);color:var(--color-text-mid);white-space:nowrap}.c-card-list__grid{display:grid;grid-template-columns:repeat(var(--c-card-list-cols-mobile, 1),1fr);gap:var(--xl-spacing)}.c-card-list__empty{grid-column:1 / -1;margin:0;padding-block:var(--xl-spacing);font-family:var(--font-body);font-size:var(--md-font-size);color:var(--color-text-mid);text-align:center}.c-card-list__pagination{margin-block-start:var(--xl-spacing)}@media(min-width:768px){.c-card-list__grid{grid-template-columns:repeat(var(--c-card-list-cols-tablet, 2),1fr)}}@media(min-width:900px){.c-card-list__toolbar{flex-wrap:nowrap}.c-card-list__search{order:2;flex:1 1 auto;max-inline-size:24rem;margin-inline:auto}.c-card-list__count{order:3;margin-inline-start:0}.c-card-list__grid{grid-template-columns:repeat(var(--c-card-list-cols-desktop, 3),1fr)}}@media(min-width:1280px){.c-card-list__grid{grid-template-columns:repeat(var(--c-card-list-cols-wide, 4),1fr)}}@media(min-width:1600px){.c-card-list{padding-inline:var(--xl-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-common-card-list.css.map */