.collection-toolbar{container-type:inline-size;container-name:collection-toolbar;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-3);width:100%}.collection-toolbar__search{position:relative;flex:1 1 auto;min-width:0}.collection-toolbar__search-field{position:relative;display:flex;align-items:center;gap:var(--space-2);box-sizing:border-box;width:100%;min-width:0;height:var(--space-9);padding-inline:var(--space-3);border:none;border-radius:var(--radius-default);background:var(--color-primary-20);box-shadow:none}.collection-toolbar__search-field:focus-within{outline:none}.collection-toolbar__search-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);pointer-events:none;color:var(--color-grey-on-dark)}.collection-toolbar__search-icon .icon,.collection-toolbar__search-icon .icon svg{width:var(--space-4);height:var(--space-4);max-width:none;max-height:none}.collection-toolbar__input{box-sizing:border-box;flex:1 1 auto;width:auto;min-width:0;height:100%;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;color:var(--color-white);-webkit-text-fill-color:var(--color-white);caret-color:var(--color-white);color-scheme:dark;font-family:var(--font-family-default);font-size:var(--font-size-sm);line-height:1.2}.collection-toolbar__input::placeholder{color:var(--color-grey-on-dark);-webkit-text-fill-color:var(--color-grey-on-dark);opacity:1}.collection-toolbar__input:focus{outline:none;border:none;box-shadow:none;color:var(--color-white);-webkit-text-fill-color:var(--color-white)}.collection-toolbar__input::-webkit-search-decoration,.collection-toolbar__input::-webkit-search-cancel-button,.collection-toolbar__input::-webkit-search-results-button,.collection-toolbar__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.collection-toolbar__clear{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);margin:0;padding:0;border:none;border-radius:var(--radius-default);background:transparent;color:var(--color-grey-on-dark);cursor:pointer}.collection-toolbar__clear:hover{color:var(--color-white)}.collection-toolbar__clear:focus-visible{outline:none}.collection-toolbar__clear[hidden]{display:none}.collection-toolbar__aside{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:var(--space-3);flex:0 0 auto;width:auto;max-width:100%;min-width:0;margin-inline-start:auto}.collection-toolbar--no-search .collection-toolbar__aside{flex:1 1 auto;width:100%;margin-inline-start:0;justify-content:flex-end}.collection-toolbar__sort{position:relative;flex:0 1 auto;width:var(--space-64);max-width:100%;min-width:0}.collection-toolbar__count{flex:0 0 auto;margin:0;font-family:var(--font-family-default);font-size:var(--font-size-base);font-weight:500;line-height:1.2;color:var(--color-white);white-space:nowrap}.collection-toolbar__select{box-sizing:border-box;-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:var(--space-9);margin:0;padding:var(--space-2) var(--space-3);padding-inline-end:var(--space-10);border:none;border-radius:var(--radius-default);background:var(--color-primary-20);box-shadow:none;color:var(--color-white);-webkit-text-fill-color:var(--color-white);color-scheme:dark;font-family:var(--font-family-default);font-size:var(--font-size-sm);line-height:1.2;cursor:pointer}.collection-toolbar__select:focus{outline:none;border:none;box-shadow:none;background:var(--color-primary-20);color:var(--color-white);-webkit-text-fill-color:var(--color-white)}.collection-toolbar__select option{color:var(--color-black);background-color:var(--color-white)}.collection-toolbar__sort-icon{position:absolute;inset-inline-end:var(--space-3);top:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--color-grey-on-dark);transform:translateY(-50%)}.collection-toolbar__icon,.collection-toolbar__icon svg{width:var(--space-4);height:var(--space-4);max-width:none;max-height:none}.collection-toolbar__icon--close,.collection-toolbar__icon--close svg{width:var(--space-3);height:var(--space-3)}.collection-toolbar__icon--chevron,.collection-toolbar__icon--chevron svg{width:var(--space-3);height:var(--space-3)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/collection-toolbar.css.map */